@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
@charset "UTF-8";.clearfix:before,.section-home-widgets:before,.site-footer .content ul.social-list:before,.clearfix:after,.section-home-widgets:after,.site-footer .content ul.social-list:after{content:" ";display:table}.clearfix:after,.section-home-widgets:after,.site-footer .content ul.social-list:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@font-face{font-family:'head_regular';src:local("☺"),url("Calibri.ttf")/*tpa=http://www.firatpen.com.tr/assets/font/Calibri.ttf*/ format("truetype"),url("Calibri.woff")/*tpa=http://www.firatpen.com.tr/assets/font/Calibri.woff*/ format("woff");font-style:normal;font-weight:normal}@font-face{font-family:'head_bold';src:local("☺"),url("Calibri-Bold.ttf")/*tpa=http://www.firatpen.com.tr/assets/font/Calibri-Bold.ttf*/ format("truetype"),url("Calibri-Bold.woff")/*tpa=http://www.firatpen.com.tr/assets/font/Calibri-Bold.woff*/ format("woff");font-weight:normal;font-style:normal}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.m-5{margin:5px!important}.mt-5{margin-top:5px!important}.mb-5{margin-bottom:5px!important}.ml-5{margin-left:5px!important}.mr-5{margin-right:5px!important}.m-10{margin:10px!important}.mt-10{margin-top:10px!important}.mb-10{margin-bottom:10px!important}.ml-10{margin-left:10px!important}.mr-10{margin-right:10px!important}.m-15{margin:15px!important}.mt-15{margin-top:15px!important}.mb-15{margin-bottom:15px!important}.ml-15{margin-left:15px!important}.mr-15{margin-right:15px!important}.m-20{margin:20px!important}.mt-20{margin-top:20px!important}.mb-20{margin-bottom:20px!important}.ml-20{margin-left:20px!important}.mr-20{margin-right:20px!important}.m-25{margin:25px!important}.mt-25{margin-top:25px!important}.mb-25{margin-bottom:25px!important}.ml-25{margin-left:25px!important}.mr-25{margin-right:25px!important}.m-30{margin:30px!important}.mt-30{margin-top:30px!important}.mb-30{margin-bottom:30px!important}.ml-30{margin-left:30px!important}.mr-30{margin-right:30px!important}.m-35{margin:35px!important}.mt-35{margin-top:35px!important}.mb-35{margin-bottom:35px!important}.ml-35{margin-left:35px!important}.mr-35{margin-right:35px!important}.m-40{margin:40px!important}.mt-40{margin-top:40px!important}.mb-40{margin-bottom:40px!important}.ml-40{margin-left:40px!important}.mr-40{margin-right:40px!important}.m-45{margin:45px!important}.mt-45{margin-top:45px!important}.mb-45{margin-bottom:45px!important}.ml-45{margin-left:45px!important}.mr-45{margin-right:45px!important}.m-50{margin:50px!important}.mt-50{margin-top:50px!important}.mb-50{margin-bottom:50px!important}.ml-50{margin-left:50px!important}.mr-50{margin-right:50px!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.p-5{padding:5px!important}.pt-5{padding-top:5px!important}.pb-5{padding-bottom:5px!important}.pl-5{padding-left:5px!important}.pr-5{padding-right:5px!important}.p-10{padding:10px!important}.pt-10{padding-top:10px!important}.pb-10{padding-bottom:10px!important}.pl-10{padding-left:10px!important}.pr-10{padding-right:10px!important}.p-15{padding:15px!important}.pt-15{padding-top:15px!important}.pb-15{padding-bottom:15px!important}.pl-15{padding-left:15px!important}.pr-15{padding-right:15px!important}.p-20{padding:20px!important}.pt-20{padding-top:20px!important}.pb-20{padding-bottom:20px!important}.pl-20{padding-left:20px!important}.pr-20{padding-right:20px!important}.p-25{padding:25px!important}.pt-25{padding-top:25px!important}.pb-25{padding-bottom:25px!important}.pl-25{padding-left:25px!important}.pr-25{padding-right:25px!important}.p-30{padding:30px!important}.pt-30{padding-top:30px!important}.pb-30{padding-bottom:30px!important}.pl-30{padding-left:30px!important}.pr-30{padding-right:30px!important}.p-35{padding:35px!important}.pt-35{padding-top:35px!important}.pb-35{padding-bottom:35px!important}.pl-35{padding-left:35px!important}.pr-35{padding-right:35px!important}.p-40{padding:40px!important}.pt-40{padding-top:40px!important}.pb-40{padding-bottom:40px!important}.pl-40{padding-left:40px!important}.pr-40{padding-right:40px!important}.p-45{padding:45px!important}.pt-45{padding-top:45px!important}.pb-45{padding-bottom:45px!important}.pl-45{padding-left:45px!important}.pr-45{padding-right:45px!important}.p-50{padding:50px!important}.pt-50{padding-top:50px!important}.pb-50{padding-bottom:50px!important}.pl-50{padding-left:50px!important}.pr-50{padding-right:50px!important}body{font-family:Arial,Helvetica,sans-serif;line-height:22px}body.subpage .site-content{margin-bottom:30px}p{margin:0 0 18px}.page-header{margin:4px 0 18px;padding:0;border-bottom:none}.page-header .page-heading{font-size:40px;line-height:42px;letter-spacing:-1.2px;margin:0 0 16px;padding:0 0 9px;border-bottom:1px solid #eee;color:#444}.page-header .page-desc{font-family:"head_regular";font-size:19px;line-height:24px}.page-header .page-desc p{margin-bottom:15px}.page-header .page-desc .has-dropcap{position:relative;padding:0 0 0 17px}.page-header .page-desc .has-dropcap::before{content:" ";position:absolute;top:4px;bottom:6px;left:0;display:block;width:5px;background-color:#ec6e00}.breadcrumb{font-size:11px;line-height:18px;margin:23px 0 0;color:#888}.breadcrumb a{color:#888}.breadcrumb .sep{display:inline-block;width:4px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -50px -290px;vertical-align:middle;overflow:hidden;text-indent:-999px;margin:-1px 3px 0 5px}.row+hr{margin:4px 0 21px}.labeled-text label{display:inline-block;padding-right:15px;font-weight:bold}.google-maps{display:block;width:100%;height:350px;overflow:hidden;border:1px solid #efefef}.google-maps p,.google-maps div,.google-maps h3,.google-maps *{color:#ec6e00}.google-maps h3{font-size:13px}.google-maps img,.google-maps object,.google-maps embed{max-width:none!important}.google-maps>iframe{width:100%!important;height:100%!important}.google-maps-elabel{display:block;min-width:30px;text-align:center;padding:4px 8px;background:#fff;border:1px solid #ec6e00;font-weight:bold;color:#ec6e00;white-space:nowrap;background-color:rgba(255,255,255,.8)}.fancybox-google-maps-wrapper{width:640px;height:360px}.fancybox-google-maps{display:block;width:100%;height:100%;overflow:hidden;border:1px solid #dadada}table td,table th{text-align:center}table td.left,table th.left{text-align:left}table td.right,table th.right{text-align:right}table.left td,table.left th{text-align:left}table.right td,table.right th{text-align:right}.table-responsive{-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered thead tr:first-child td,.table-responsive>.table-bordered thead tr:first-child th{border-top:none}.fancybox-alert .heading{font-size:20px;margin:0 0 10px}.fancybox-alert .inner{padding:10px 10px 0}.highlight{color:#ec6e00}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.checkbox,.checkbox-inline{position:relative;display:table;width:100%;margin:6px 0 10px}.checkbox>label,.checkbox-inline>label{position:relative;display:table-cell;height:20px;font-size:12px;font-weight:400;line-height:20px;vertical-align:middle;padding-left:29px;color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox>label::before,.checkbox-inline>label::before{content:" ";position:absolute;top:0;left:0;display:block;width:20px;height:20px;border:1px solid #ddd;border-radius:3px}.checkbox>label a,.checkbox-inline>label a{text-decoration:underline}.checkbox>label span::before,.checkbox-inline>label span::before{content:" ";position:absolute;top:4px;left:7px;width:6px;height:10px;border-right:3px solid #ec6e00;border-bottom:3px solid #ec6e00;opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.checkbox input,.checkbox-inline input{position:absolute;top:0;left:0;opacity:0;margin:0!important}.checkbox input:checked+span::before,.checkbox-inline input:checked+span::before{opacity:1}.checkbox:hover>label span::before,.checkbox-inline:hover>label span::before{opacity:.1}.checkbox:hover input:checked+span:before,.checkbox-inline:hover input:checked+span:before{opacity:1}.checkbox+label.error,.checkbox-inline+label.error{display:block;margin-top:-5px}.form-control{position:relative;-webkit-box-shadow:none;box-shadow:none}.form-control:before,.form-control:after{content:" ";display:table}.form-control:after{clear:both}.form-control.text.hover{border-color:#b6b6b6}.form-control.text.focus{border-color:#ec6e00}.form-control.text.focus label{display:none}.form-control.text.focus label.error{display:block}.form-control.text.error{border-color:red}.form-control.text.disabled{opacity:.4}.form-control.text label{color:#666;position:absolute;z-index:0;left:10px;right:10px;top:6px;font-weight:normal;opacity:1;white-space:nowrap;margin:0}.form-control.text input{width:100%;height:100%;padding:0 10px;position:absolute;z-index:1;left:0;top:0}.form-control.text input,.form-control.text input:hover,.form-control.text input:focus{background:0 none;border:0 none;outline:0 none}.form-control.text.not-empty label{display:none}.no-opacity .form-control.text.not-empty label{display:none}.form-control.text.not-empty label.error,.no-opacity .form-control.text.not-empty label.error{display:block}.form-control.text.mini{width:59px;height:29px;font-size:12px}.form-control.text.captcha{width:100px}.form-control.text.captcha input{-moz-appearance:textfield;-webkit-appearance:textfield}.form-control.text.bulletin{width:179px}.form-control.text.huge{width:240px}.form-control.text.huge label{top:8px;left:16px}.form-control.text.huge .btn-search{width:44px;height:37px}.form-control.text.huge .btn-search:after{right:15px;top:10px}.form-control.text.file .mask{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.form-control.text.file:after{content:" ";position:absolute;z-index:0;right:10px;top:11px;display:block;width:12px;height:12px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -20px -320px}.form-control.text.file input{position:absolute;right:0;top:0;z-index:2;font-size:72px;cursor:pointer;opacity:0}.form-control.text.file.not-empty label{display:block;color:#666}.no-opacity .form-control.text.file.not-empty label{display:block}.form-control.text.file.not-empty label.error{color:red}.Explorer8 .form-control.text.file input{filter:alpha(opacity=0)}.form-control.text.file .file{width:100%;padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-control.text.date{overflow:hidden}.form-control.text.date input{width:150%}.form-control.text.search label{padding-right:30px}.form-control.text.search input{padding-right:40px}.form-control.text.search .search-button{cursor:pointer;position:absolute;z-index:100;right:0;top:0;display:block;width:33px;height:33px;text-align:center;white-space:nowrap;vertical-align:middle;margin-bottom:0;background:0 none;border:0 none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control.text.search .search-button:after{content:" ";position:absolute;right:11px;top:9px;display:block;width:14px;height:14px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -310px}.form-control.text.search .search-button:hover,.form-control.text.search .search-button:focus{text-decoration:none;outline:0}.form-control.text.search .search-button:active,.form-control.text.search .search-button.active{outline:0;opacity:.8}.form-control.text.search .search-button.disabled,.form-control.text.search .search-button[disabled],fieldset[disabled] .form-control.text.search .search-button{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65)}.form-control.textarea{height:85px}.form-control.textarea.hover{border-color:#b6b6b6}.form-control.textarea.focus{border-color:#ec6e00}.form-control.textarea.focus label{left:auto;right:10px}.form-control.textarea.error{border-color:red}.form-control.textarea.disabled{opacity:.4}.form-control.textarea label{color:#777;position:absolute;z-index:0;left:10px;top:6px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:1}.form-control.textarea textarea,.form-control.textarea textarea:hover,.form-control.textarea textarea:focus{width:100%;height:100%;padding:5px 10px;position:absolute;z-index:1;left:0;top:0;background:0 none;border:0 none;outline:none;resize:none}.Explorer8 .form-control.textarea textarea,.Explorer8 .form-control.textarea textarea:hover,.Explorer8 .form-control.textarea textarea:focus{padding:4px 16px}.form-control.textarea.not-empty label{opacity:0}.no-opacity .form-control.textarea.not-empty label{display:none}.form-control.textarea.short{height:60px}.form-control.checkbox input{display:none}.form-control.checkbox label{display:block;float:left;min-height:15px;font-size:11px;line-height:11px;padding:2px 0 0 19px;position:relative}.form-control.checkbox label:before{content:" ";display:block;width:15px;height:15px;position:absolute;z-index:0;left:0;top:0}.form-control.radio input{display:none}.form-control.radio label{display:block;float:left;min-height:15px;font-size:11px;line-height:11px;padding:2px 0 0 19px;position:relative}.form-control.radio label:before{content:" ";display:block;width:15px;height:15px;position:absolute;z-index:0;left:0;top:0}.form-control.select{padding:0}.form-control.select.hover{border-color:#b6b6b6}.form-control.select.focus{border-color:#ec6e00}.form-control.select.error{border-color:red}.form-control.select.disabled{opacity:.4}.form-control.select label{position:absolute;z-index:0;left:9px;top:6px;right:32px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.form-control.select select{width:100%;height:100%;padding:5px;position:relative;z-index:1;left:0;top:0;opacity:0}.Explorer8 .form-control.select select{filter:alpha(opacity=0)}.form-control.select:after{content:" ";position:absolute;z-index:0;right:10px;top:13px;display:block;width:11px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -40px -300px}.form-control.select.short{width:160px}.form-control.select.extrashort{width:110px}.form-control.select.huge{width:240px}.form-control.select.huge label{top:8px}.form-control.select.huge:after{top:14px}.form-control.error label.error,.form-control.captcha label.error,.form-control.text label.error{position:absolute;top:100%;right:0;left:auto;font-size:11px;line-height:20px;font-weight:normal;color:red}.radio-group{display:block;float:left;margin:5px 0 2px}.radio-group .radio-item,.radio-group .radio-item label{position:static;left:auto;right:auto;display:inline-block;float:left;margin:0;padding:0;width:auto}.radio-group .radio-item label{padding:3px 5px 0 0}.radio-group .radio-item label:before,.radio-group .radio-item label:after{display:none}.radio-group .radio-item+.radio-item{margin:0 0 0 25px}.js-radio{display:inline-block;float:left;margin:0;width:20px;height:20px;border:1px solid #dadada;background:#fff;cursor:pointer;position:relative;border-radius:50%}.js-radio:after{content:" ";display:block;width:8px;height:8px;background:transparent;position:absolute;left:5px;top:5px;border-radius:50%}.js-radio:hover:after,.js-radio.hover:after{background:#e0e0e0}.js-radio.checked:after{background:#ec6e00}.js-radio-label{font-weight:normal;display:inline-block;font-size:12px;line-height:20px;margin:-1px 0 0 0;padding:0 0 0 9px;cursor:pointer}.wrapper *+.padding-reset{padding:0}.control-group{margin-bottom:16px}.control-group:before,.control-group:after{content:" ";display:table}.control-group:after{clear:both}.control-group.required .control-label::after{content:"*";color:#d9534f}label.error{font-size:11px;font-weight:400;line-height:14px;color:red}.form-horizontal .heading{margin:27px 0 9px}.form-horizontal .heading:first-child{margin-top:0}.form-horizontal .control-groups:before,.form-horizontal .control-groups:after{content:" ";display:table}.form-horizontal .control-groups:after{clear:both}.form-horizontal .control-group{margin:5px 0 0}.form-horizontal .control-group:before,.form-horizontal .control-group:after{content:" ";display:table}.form-horizontal .control-group:after{clear:both}.form-horizontal .control-group.extrapixels{margin-top:10px}.form-horizontal .control-group:first-child{margin-top:0}.form-horizontal .control-group.required .control-label:after{content:" *";color:#e60909;width:0;display:inline-block;position:relative;right:-2px}.form-horizontal .control-label,.form-horizontal .control-label:before,.form-horizontal .control-label:after{font-weight:bold}.form-horizontal .control-label{position:relative;width:170px;float:left;text-align:left;padding:5px 0 0}.form-horizontal .control-label:before{content:" :";float:right;position:absolute;right:0}.form-horizontal .control-label small{font-size:14px;line-height:20px;color:#666}.form-horizontal.no-semicolon .control-label:before{display:none}.form-horizontal .controls{margin-left:175px;position:relative}.form-horizontal .controls:before,.form-horizontal .controls:after{content:" ";display:table}.form-horizontal .controls:after{clear:both}.form-horizontal .controls .info{padding:5px 0 0}.form-horizontal .controls .info.letter{width:8px}.form-horizontal .controls .info.small{font-size:11px}.form-horizontal .controls .info .req{color:#ec6e00}.form-horizontal .controls label.error{position:absolute;left:100%;margin:1px 0 0 9px;white-space:nowrap;overflow:visible;text-overflow:clip}.form-horizontal .controls .col{display:inline-block;float:left;width:106px;margin:0 0 0 10px}.form-horizontal .controls .col:first-child{margin-left:0}.form-horizontal .separator{display:block;height:1px;background:#aab1b9;margin:10px 0 10px}.form-horizontal .divider{margin:15px 0 6px}.form-horizontal .fixed{width:320px}.form-horizontal .fixed:before,.form-horizontal .fixed:after{content:" ";display:table}.form-horizontal .fixed:after{clear:both}.form-horizontal .text{padding:24px 0 0}.form-horizontal .text p{margin:9px 0 0}.form-horizontal .text p:first-child{margin-top:0}.form-horizontal .text.small{font-size:11px;line-height:18px;color:#888}.form-horizontal .text.small .heading{font-size:12px;line-height:18px;margin-bottom:10px}.form-horizontal .text.small+.control-group{margin-top:0}.form-horizontal.form-description h3{font-family:Arial,Helvetica,Verdana,sans-serif;font-size:15px;font-weight:bold;line-height:26px;margin-bottom:7px}.form-horizontal.form-description .control-group{margin:3px 0 0}.form-horizontal.form-description .control-group:first-child{margin-top:0}.form-horizontal.form-description .control-label{padding:0;text-align:left;width:87px}.form-horizontal.form-description .controls{margin-left:94px}.form-horizontal.form-description a{color:#555}.inline-form-controls:before,.inline-form-controls:after{content:" ";display:table}.inline-form-controls:after{clear:both}.inline-form-controls .form-controls{float:left;margin:-5px 0 0 -5px}.inline-form-controls .form-controls:before,.inline-form-controls .form-controls:after{content:" ";display:table}.inline-form-controls .form-controls:after{clear:both}.inline-form-controls .form-controls .control-label{display:inline-block;width:auto;float:left;padding:8px 0 0;margin:5px 0 0 5px}.inline-form-controls .form-controls .control-label.small{font-weight:normal;font-size:11px}.inline-form-controls .form-controls .form-control{display:inline-block;width:auto;min-width:58px;float:left;margin:5px 0 0 5px}.inline-form-controls .form-controls .form-control.captcha{width:205px}.inline-form-controls .form-controls .captcha-image{padding:0;border:none;width:130px;height:35px}.inline-form-controls .form-controls .captcha-image img{width:100%;height:100%}.inline-form-controls .form-controls .captcha-image+.form-control{margin-left:10px}.control-label{display:block;line-height:20px;margin-bottom:-1px}.control-label.col-sm-5{padding-top:5px}.btn{font-family:"head_bold";font-size:16px;line-height:20px;padding-bottom:5px}.btn.btn-primary{border-color:#ddd;color:#ec6e00;outline:none;background:#fdfdfd;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fdfdfd 0%,#e8e8e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(top,#fdfdfd 0%,#e8e8e8 100%);background:-o-linear-gradient(top,#fdfdfd 0%,#e8e8e8 100%);background:-ms-linear-gradient(top,#fdfdfd 0%,#e8e8e8 100%);background:linear-gradient(to bottom,#fdfdfd 0%,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#e8e8e8',GradientType=0)}html.Explorer9 .btn.btn-primary{filter:none}.btn.btn-primary:focus,.btn.btn-primary.focus{border-color:#ddd;color:#ec6e00;outline:none}.btn.btn-primary:hover,.btn.btn-primary.hover{background:#f2f2f2;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#f2f2f2 0%,#dbdbdb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#dbdbdb));background:-webkit-linear-gradient(top,#f2f2f2 0%,#dbdbdb 100%);background:-o-linear-gradient(top,#f2f2f2 0%,#dbdbdb 100%);background:-ms-linear-gradient(top,#f2f2f2 0%,#dbdbdb 100%);background:linear-gradient(to bottom,#f2f2f2 0%,#dbdbdb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#dbdbdb',GradientType=0)}.btn.btn-primary.active:hover,.btn.btn-primary.active:focus,.btn.btn-primary.active.focus,.btn.btn-primary:active:hover,.btn.btn-primary:active:focus,.btn.btn-primary:active.focus{color:#ec6e00;border-color:#ddd;outline:none}.btn.btn-wide{width:165px}.site-header{position:relative;z-index:1000;height:63px;font-family:"head_regular";background:url(bg-header.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-header.png*/ repeat-x 0 0;border-top:2px solid #ec6e00;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}.site-header>.container{position:relative;padding:0;width:980px}.site-header .site-logo{float:left;margin:17px 0 0 0}.site-header .site-logo a{display:block;width:150px;height:27px;background:url(logo.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/logo.png*/ no-repeat 0 0;text-indent:-9999px;overflow:hidden}.site-header .lang-navigation{float:right;position:relative;height:61px;width:51px;font-size:14px;line-height:20px;color:#666;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.site-header .lang-navigation .inner-wrap{visibility:hidden;opacity:0;position:absolute;z-index:1;top:100%;left:0;width:100%;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);-o-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out}.site-header .lang-navigation label{cursor:pointer;position:relative;z-index:2;display:block;width:100%;height:100%;font-weight:normal;padding:22px 10px 20px 10px;background:url(bg-header.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-header.png*/ repeat-x 0 -70px;color:#666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.site-header .lang-navigation label::before{content:" ";position:absolute;top:27px;right:10px;display:block;width:11px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -40px -300px;-webkit-transition:transform 200ms ease-in-out;-o-transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out}.site-header .lang-navigation ul{list-style:none;margin:0;padding:0;background-color:#f0f0f0}.site-header .lang-navigation ul li a{display:block;text-align:left;text-decoration:none;padding:4px 10px 2px;color:#666}.site-header .lang-navigation ul li a:hover{background-color:#666;color:#fff}.site-header .lang-navigation.opened label::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.site-header .lang-navigation.opened .inner-wrap{visibility:visible;opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2);box-shadow:0 1px 1px 0 rgba(0,0,0,.2)}.site-header .mobile-lang-navigation{display:none}#SiteNavigation{float:right;height:61px;font-size:16px;line-height:20px}#SiteNavigation>ul{list-style:none;margin:0;padding:7px 0 0}#SiteNavigation>ul>li{position:relative;float:left;height:54px;margin-right:1px}#SiteNavigation>ul>li::after{content:" ";position:absolute;top:13px;left:100%;display:block;width:1px;height:20px;background:#e5e5e5}#SiteNavigation>ul>li>a{display:block;text-decoration:none;padding:13px 14px 21px;color:#666}#SiteNavigation>ul>li>a:hover{background-color:#ec6e00;color:#fff}#SiteNavigation>ul>li.hover>a,#SiteNavigation>ul>li.active>a{background-color:#ec6e00;color:#fff}#SiteNavigation>ul>li:last-child::after{display:none}.megamenu{display:none;position:absolute;z-index:1000;top:63px;left:0;bottom:0;width:100%;height:auto;font-family:"head_regular";font-size:14px;line-height:20px;background:url(bg-megamenu-overlay.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-megamenu-overlay.png*/ repeat}.megamenu>.container{position:relative;width:980px;padding:0}.megamenu .inner-wrap{position:relative;border-top:3px solid #ec6e00;border-bottom:3px solid #ec6e00;background-color:#fff;padding:10px 0 0 20px}.megamenu .inner-wrap:before,.megamenu .inner-wrap:after{content:" ";display:table}.megamenu .inner-wrap:after{clear:both}.megamenu .inner-wrap.menu-size-1{width:260px}.megamenu .inner-wrap.menu-size-2{width:500px}.megamenu a{display:block;color:#666;text-decoration:none;-webkit-transition:color 200ms ease;-o-transition:color 200ms ease;transition:color 200ms ease}.megamenu a:hover{color:#ec6e00}.megamenu .heading{font-family:"head_regular";font-weight:400;font-size:16px;line-height:20px;border-bottom:1px solid #ddd;padding:6px 0 14px;margin:0 0 10px 0}.megamenu .heading a{text-decoration:none;color:#444;-webkit-transition:color 200ms ease;-o-transition:color 200ms ease;transition:color 200ms ease}.megamenu .heading a:hover{color:#ec6e00}.megamenu .megamenu-cols{list-style:none;margin:0;padding:0}.megamenu .megamenu-cols>li{float:left;display:inline-block;width:220px;margin:0 20px 0 0;padding:0}.megamenu .megamenu-cols>li ul{list-style:none;margin:0 0 20px;padding:0 0 0 10px}.megamenu .megamenu-cols>li ul li{position:relative;padding:6px 0 3px;border-bottom:1px solid #eee}.megamenu .megamenu-cols>li ul li:last-child{border-bottom:none}.megamenu .megamenu-cols>li ul li::before{content:" ";position:absolute;top:11px;left:-10px;width:4px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -70px -290px}.megamenu-overlay{display:none;position:absolute;z-index:999;top:63px;left:0;width:100%;height:100%;background:url(bg-megamenu-overlay.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-megamenu-overlay.png*/ repeat}#MobileSiteNavigationTrigger,.mobile-site-navigation{display:none}.site-viewport{position:relative;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.site-content{width:100%;overflow:hidden}.section-home-slider{margin:0 0 25px;padding:0 0 5px 0;overflow-x:hidden}.home-slider-wrapper{min-height:480px;margin:0 -110px}.home-slider .slides{-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);box-shadow:0 0 5px 0 rgba(0,0,0,.35)}.home-slider .slides .slide .description{position:absolute;left:-11px;bottom:36px;display:table}.home-slider .slides .slide .description::before,.home-slider .slides .slide .description::after{content:" ";position:absolute;z-index:1;top:0;left:0;height:100px;width:100%;display:block;background:url(bg-slider-desc.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-slider-desc.png*/ no-repeat left top;overflow:hidden}.home-slider .slides .slide .description::after{top:100px;bottom:0;height:auto;background-position:left bottom;min-height:15px}.home-slider .slides .slide .description .description-text{position:relative;z-index:3;display:table-cell;width:542px;height:115px;vertical-align:middle;padding:25px 49px 21px 123px}.home-slider .slides .slide .description .heading{position:relative;font-family:"head_bold";font-size:30px;line-height:32px;padding:0 0 0 17px;margin:0 0 1px 0;color:#444;text-transform:uppercase}.home-slider .slides .slide .description .heading::before{content:" ";position:absolute;top:4px;left:0;bottom:9px;display:block;width:5px;height:auto;background-color:#ec6e00}.home-slider .slides .slide .description .heading .small{font-size:100%;color:#ec6e00;margin-right:5px}.home-slider .slides .slide .description .spot-text{font-size:14px;line-height:20px;color:#666;padding:0;margin:0 0 5px 0}.home-slider .slides .slide>a{display:block}.home-slider .flex-control-paging{z-index:2;top:auto;left:0;bottom:2px;width:100%}.home-slider .flex-direction-nav{position:absolute;z-index:10;bottom:10px;right:110px;display:block}.home-slider .flex-direction-nav li{float:left}.home-slider .flex-direction-nav li a{position:relative;left:0!important;right:0!important;display:block;width:40px;height:40px;background-color:#f9f9f9;border:1px solid #ddd;text-indent:-9999px;padding:12px 14px;overflow:hidden;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.home-slider .flex-direction-nav li a::before{content:" ";position:absolute;display:block;width:10px;height:14px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -60px -370px}.home-slider .flex-direction-nav li a.flex-next::before{background-position:-70px -370px}.home-slider .flex-direction-nav li a:hover{background-color:#ececec}.home-slider .flex-direction-nav li:last-child{margin-left:-1px}.why-frantpen-list{font-family:"head_regular";font-size:14px;line-height:16px;margin:0 0 25px 0}.why-frantpen-list ul{list-style:none;padding:0;margin:0;border:1px solid #eee;border-bottom-color:#d9d9d9;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 100%);background-image:-o-linear-gradient(top,#fff 0%,#eee 100%);background-image:linear-gradient(to bottom,#fff 0%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.why-frantpen-list ul li{position:relative;padding:0;border-right:1px solid #f2f2f2}.why-frantpen-list ul li:last-child{border-right:none;float:right}.why-frantpen-list ul li:last-child::after{display:none}.why-frantpen-list ul li::after{content:" ";position:absolute;top:0;right:0;width:10px;height:100%;background-image:-webkit-linear-gradient(left,transparent 0%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(left,transparent 0%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.05) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#0D000000',GradientType=1)}html.Explorer9 .why-frantpen-list ul li::after{background:transparent url(bg-why-firatpen-shade.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-why-firatpen-shade.png*/ repeat-y right top}.why-frantpen-list ul li a{position:relative;display:block;height:59px;padding:16px 10px 10px 39px;color:#999}.why-frantpen-list ul li a strong{display:block}.why-frantpen-list ul li a::before{content:" ";position:absolute;top:17px;left:8px;display:block;width:25px;height:25px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 0}.why-frantpen-list ul li.list-item-1 a::before{background-position:2px 0}.why-frantpen-list ul li.list-item-2 a::before{background-position:-30px 0}.why-frantpen-list ul li.list-item-3 a::before{left:14px;background-position:-60px 0}.why-frantpen-list ul li.list-item-4 a::before{left:5px;background-position:-90px 0}.why-frantpen-list ul li.list-item-5 a::before{left:15px;background-position:-130px 0}.why-frantpen-list ul li.list-item-6 a::before{left:12px;background-position:-160px 0}.mobile-section-home-widgets{display:none}.section-home-widgets{position:relative;display:block;font-size:13px;line-height:20px;padding-bottom:30px;margin-bottom:15px}.section-home-widgets::after{content:" ";position:absolute;bottom:-1px;left:50%;display:block;width:980px;height:1px;margin-left:-490px;background:#f9f9f9;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f9f9f9),color-stop(10%,#eee),color-stop(90%,#eee),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:-o-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:-ms-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:linear-gradient(to right,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f9f9f9',GradientType=1)}html.Explorer9 .section-home-widgets::after{filter:none}.section-home-widgets .widget{position:relative;float:left;width:320px}.section-home-widgets .widget .content{position:relative}html[lang=tr] .section-home-widgets .widget .content.paynet::before{right:5px;background:url(img-widget-paynet-tr.png)/*tpa=http://www.firatpen.com.tr/assets/img/img-widget-paynet-tr.png*/ no-repeat 0 0!important;background-size:120px 120px!important}html[lang=en] .section-home-widgets .widget .content.paynet::before{right:5px;background:url(img-widget-paynet-en.png)/*tpa=http://www.firatpen.com.tr/assets/img/img-widget-paynet-en.png*/ no-repeat 0 0!important;background-size:120px 120px!important}.section-home-widgets .widget a{display:block;color:#666}.section-home-widgets .heading{font-family:"head_regular";font-size:18px;line-height:20px;color:#444;margin:2px 0 10px 0}.section-home-widgets .widget-1 .content{padding:0 130px 0 0}.section-home-widgets .widget-1 .content::before{content:" ";position:absolute;top:0;right:17px;display:block;width:120px;height:120px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -40px}.section-home-widgets .widget-2{width:340px;padding:0 19px}.section-home-widgets .widget-2 .content{padding:0 136px 0 0}.section-home-widgets .widget-2 .content::before{content:" ";position:absolute;top:1px;right:-2px;display:block;width:120px;height:120px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -130px -40px}.section-home-widgets .widget-2::before,.section-home-widgets .widget-2::after{content:" ";position:absolute;left:0;top:5px;display:block;width:1px;height:145px;background:#f9f9f9;background:-moz-linear-gradient(top,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(40%,#d4d4d4),color-stop(60%,#d4d4d4),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(top,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:-o-linear-gradient(top,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:-ms-linear-gradient(top,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:linear-gradient(to bottom,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%)}html.Explorer9 .section-home-widgets .widget-2::before,html.Explorer9 .section-home-widgets .widget-2::after{background:transparent url(bg-home-widget-border.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/bg-home-widget-border.png*/ no-repeat 0 0}.section-home-widgets .widget-2::after{left:auto;right:0}.section-home-widgets .widget-3{padding:0 0 0 19px}.section-home-widgets .widget-3 .flexslider .slides .slide .figure{float:right;position:relative;display:block;width:114px;height:114px;margin:4px 0 0 20px;overflow:hidden}.section-home-widgets .widget-3 .flexslider .slides .slide .figure img{position:absolute;top:0;left:50%;width:243px;height:114px;margin-left:-121.5px}.section-home-widgets .widget-3 .flexslider .slides .slide .excerpt{display:block}.section-home-widgets .widget-3 .flexslider .slides .slide .excerpt-tablet{display:none}.section-home-widgets .widget-3 .flexslider .flex-direction-nav{position:absolute;z-index:3;top:90px;right:124px;width:55px;height:28px;background-color:#ddd}.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-prev,.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-next{float:left;position:relative;display:block;width:28px;height:28px;text-indent:-9999px;background-color:#f9f9f9;border:1px solid #ddd;overflow:hidden;-webkit-transition:background-color 200ms ease;-o-transition:background-color 200ms ease;transition:background-color 200ms ease}.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-prev::before,.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-next::before{content:" ";position:absolute;top:8px;left:9px;display:block;width:7px;height:10px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -60px -270px}.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-prev:hover,.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-next:hover{background-color:#ececec}.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-next{margin-left:-1px}.section-home-widgets .widget-3 .flexslider .flex-direction-nav .flex-next::before{background-position:-70px -270px}.section-home-widgets .widget-3 .flexslider .flex-control-nav{display:none;left:0;width:100%;top:100%}.section-home-widgets .widget-3 .all-news{position:absolute;z-index:10;top:102px;left:0;font-size:12px;line-height:18px;text-decoration:underline}.section-home-widgets .dealerSearch{padding:4px 0 0}.section-home-widgets .dealerSearch .form-control{background-color:#fff;margin-bottom:5px}.section-home-widgets .dealerSearch .button-wrapper .btn-primary{width:100%}.section-home-widgets .dealerSearch .button-wrapper .btn-primary .icon-search{display:inline-block;width:14px;height:14px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -290px;vertical-align:text-top}.section-footer-sub{position:relative;font-size:11px;padding:0 0 15px;margin:0 0 15px}.section-footer-sub::after{content:" ";position:absolute;bottom:-1px;left:50%;display:block;width:980px;height:1px;margin-left:-490px;background:#f9f9f9;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f9f9f9),color-stop(10%,#eee),color-stop(90%,#eee),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:-o-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:-ms-linear-gradient(left,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);background:linear-gradient(to right,#f9f9f9 0%,#eee 10%,#eee 90%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f9f9f9',GradientType=1)}html.Explorer9 .section-footer-sub::after{filter:none}.section-footer-socket{margin-bottom:13px}.section-footer-socket .container{position:relative;padding:0 0 0 38px}.section-footer-socket .container::before{content:" ";position:absolute;top:-2px;left:10px;display:block;width:24px;height:23px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -30px -340px}.section-footer-socket a{color:#666}.site-main{float:left;width:740px;min-height:340px;padding:2px 30px 0 0}@media(min-height:630px){.site-main{min-height:440px}}@media(min-height:830px){.site-main{min-height:580px}}.site-sidebar{float:right;width:240px;margin:30px 0 0}.sidebar-widget{margin-bottom:20px}.sidebar-widget .sidebar-widget-brochure{position:relative;display:block;padding:11px 0 0;color:#fff}.sidebar-widget .sidebar-widget-brochure .company,.sidebar-widget .sidebar-widget-brochure .title,.sidebar-widget .sidebar-widget-brochure .download{position:absolute;z-index:3;left:15px;display:block;font-size:14px;line-height:20px;font-family:"head_bold"}.sidebar-widget .sidebar-widget-brochure .company{top:24px;font-size:20px}.sidebar-widget .sidebar-widget-brochure .title{top:42px;font-family:"head_regular";color:#fcc7a3}.sidebar-widget .sidebar-widget-brochure .download{top:69px}.sidebar-widget .sidebar-widget-brochure .download::after{content:" ";display:inline-block;width:10px;height:10px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -90px -320px;vertical-align:baseline;margin:0 0 0 5px}.sidebar-widget .sidebar-widget-brochure .bg{position:relative;z-index:1;display:block;height:86px;background:#fe8900;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlODkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzZlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#fe8900 0%,#ec6e00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fe8900),color-stop(100%,#ec6e00));background:-webkit-linear-gradient(top,#fe8900 0%,#ec6e00 100%);background:-o-linear-gradient(top,#fe8900 0%,#ec6e00 100%);background:-ms-linear-gradient(top,#fe8900 0%,#ec6e00 100%);background:linear-gradient(to bottom,#fe8900 0%,#ec6e00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8900',endColorstr='#ec6e00',GradientType=0)}html.Explorer9 .sidebar-widget .sidebar-widget-brochure .bg{filter:none}.sidebar-widget .sidebar-widget-brochure .bg::before{content:" ";position:absolute;z-index:1;top:-11px;right:25px;width:73px;height:97px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -160px -250px}.sidebar-widget .sidebar-widget-brochure .bg::after{content:" ";position:absolute;z-index:2;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 68px 68px;border-color:transparent transparent #b44b00 transparent}.sidebar-widget .sidebar-widget-brochure .icon-pdf{position:absolute;z-index:2;right:11px;bottom:12px;display:block;width:22px;height:14px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -380px}.sidebar-widget .sidebar-widget-brochure:hover .bg{background:#e87c00;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4N2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjY0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#e87c00 0%,#d66400 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e87c00),color-stop(100%,#d66400));background:-webkit-linear-gradient(top,#e87c00 0%,#d66400 100%);background:-o-linear-gradient(top,#e87c00 0%,#d66400 100%);background:-ms-linear-gradient(top,#e87c00 0%,#d66400 100%);background:linear-gradient(to bottom,#e87c00 0%,#d66400 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87c00',endColorstr='#d66400',GradientType=0)}.sidebar-navigation{font-family:"head_regular";font-size:14px;line-height:20px;margin:0}.sidebar-navigation>h3{font-family:"head_bold";font-size:20px;line-height:20px;margin:0;padding:20px 10px 17px;background-color:#eb6d00;color:#fff}.sidebar-navigation>ul{list-style:none;margin:0;padding:0}.sidebar-navigation>ul>li>a{position:relative;display:block;text-decoration:none;padding:11px 10px 8px 31px;background-color:#eee;border-bottom:1px solid #ddd;color:#444}.sidebar-navigation>ul>li>a:hover{color:#ec6e00}.sidebar-navigation>ul>li>a::before{content:" ";position:absolute;top:14px;left:12px;display:block;width:7px;height:11px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -70px -250px}.sidebar-navigation>ul>li.last>a{border-bottom:none}.sidebar-navigation>ul>li.active>a{color:#ec6e00}.sidebar-navigation>ul>li.has-submenu>a::before{top:16px;left:10px;width:11px;height:7px;background-position:-80px -260px}.sidebar-navigation>ul>li.has-submenu.open>a{color:#ec6e00}.sidebar-navigation>ul>li.has-submenu.open>a::before{background-position:-80px -250px}.sidebar-navigation .submenu{background-color:#f9f9f9}.sidebar-navigation .submenu ul{list-style:none;padding:10px 20px 9px;margin:0}.sidebar-navigation .submenu ul li{border-bottom:1px solid #ebebeb}.sidebar-navigation .submenu ul li:last-child{border-bottom:none}.sidebar-navigation .submenu ul li a{position:relative;display:block;text-decoration:none;padding:6px 5px 3px 11px;color:#444}.sidebar-navigation .submenu ul li a:hover{color:#ec6e00}.sidebar-navigation .submenu ul li.active a{color:#ec6e00}.sidebar-navigation .submenu ul li.active a::before{content:" ";position:absolute;top:11px;left:0;width:4px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -60px -290px}.page-figure{position:relative;display:block;margin:0 -110px 0;min-height:250px}.page-figure .figure{display:block}.page-figure .figure img{width:100%}.page-figure::after{content:" ";position:absolute;z-index:2;left:0;bottom:0;display:block;width:100%;height:68px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.7)),color-stop(100%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:-o-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,.7) 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff',endColorstr='#ffffff',GradientType=0)}html.Explorer9 .page-figure::after{filter:none}.page-figure+.site-main{position:relative;z-index:2;margin-top:-78px}.page-figure+.site-main .page-header .page-heading{margin-bottom:26px}.page-figure+.site-main+.site-sidebar{position:relative;z-index:2;margin-top:-125px}.page-figure+.site-main+.site-sidebar .sidebar-navigation>h3{background-color:rgba(235,109,0,.9)}.page-contents ul{list-style:none;padding:0;margin:0 0 10px 0}.page-contents ul:before,.page-contents ul:after{content:" ";display:table}.page-contents ul:after{clear:both}.page-contents ul>li{position:relative;padding:2px 0 1px 22px}.page-contents ul>li::before{content:" ";position:absolute;left:0;top:8px;display:block;width:8px;height:8px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -20px -290px}.page-contents ul>li ul{margin:2px 0 0}.page-contents ul>li ul li{padding:2px 0 1px 38px}.page-contents ul>li ul li::before{top:10px;left:14px;width:4px;height:4px;background:#a7a7a7}.page-contents ul.list-cols-2>li,.page-contents ul.list-cols-3>li,.page-contents ul.list-cols-4>li,.page-contents ul.list-cols-5>li,.page-contents ul.list-cols-6>li{float:left;padding-right:20px}.page-contents ul.list-cols-2>li{width:50%}.page-contents ul.list-cols-2>li:nth-child(2n+1){clear:left}.page-contents ul.list-cols-3>li{width:33.33333333333333%}.page-contents ul.list-cols-3>li:nth-child(3n+1){clear:left}.page-contents ul.list-cols-4>li{width:25%}.page-contents ul.list-cols-4>li:nth-child(4n+1){clear:left}.page-contents ul.list-cols-5>li{width:20%}.page-contents ul.list-cols-5>li:nth-child(5n+1){clear:left}.page-contents ul.list-cols-6>li{width:16.66666666666667%}.page-contents ul.list-cols-6>li:nth-child(6n+1){clear:left}.page-contents ul.list-vertical{-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}.page-contents ul.list-vertical.list-cols-2>li,.page-contents ul.list-vertical.list-cols-3>li,.page-contents ul.list-vertical.list-cols-4>li,.page-contents ul.list-vertical.list-cols-5>li,.page-contents ul.list-vertical.list-cols-6>li{float:none;display:block;width:auto;vertical-align:top}html.Explorer9 .page-contents ul.list-vertical.list-cols-2>li,html.Explorer9 .page-contents ul.list-vertical.list-cols-3>li,html.Explorer9 .page-contents ul.list-vertical.list-cols-4>li,html.Explorer9 .page-contents ul.list-vertical.list-cols-5>li,html.Explorer9 .page-contents ul.list-vertical.list-cols-6>li{display:inline-block}.page-contents ul.list-vertical.list-cols-2{-moz-column-count:2;-webkit-column-count:2;column-count:2}html.Explorer9 .page-contents ul.list-vertical.list-cols-2 li{width:49%}.page-contents ul.list-vertical.list-cols-3{-moz-column-count:3;-webkit-column-count:3;column-count:3}html.Explorer9 .page-contents ul.list-vertical.list-cols-3 li{width:32.33333333333333%}.page-contents ul.list-vertical.list-cols-4{-moz-column-count:4;-webkit-column-count:4;column-count:4}html.Explorer9 .page-contents ul.list-vertical.list-cols-4 li{width:24%}.page-contents ul.list-vertical.list-cols-5{-moz-column-count:5;-webkit-column-count:5;column-count:5}html.Explorer9 .page-contents ul.list-vertical.list-cols-5 li{width:19%}.page-contents ul.list-vertical.list-cols-6{-moz-column-count:6;-webkit-column-count:6;column-count:6}html.Explorer9 .page-contents ul.list-vertical.list-cols-6 li{width:15.66666666666667%}.page-contents h1,.page-contents .h1,.page-contents h2,.page-contents .h2,.page-contents h3,.page-contents .h3{margin-top:19px;margin-bottom:18px}.page-contents img{max-width:100%;width:auto;height:auto}.page-contents .responsive-youtube{position:relative;display:block;height:0;padding:0;overflow:hidden;padding-bottom:56.25%}.page-contents .responsive-youtube .embed-responsive-item,.page-contents .responsive-youtube iframe,.page-contents .responsive-youtube embed,.page-contents .responsive-youtube object,.page-contents .responsive-youtube video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.page-contents .responsive-flash{position:relative;padding-bottom:91.5%;padding-top:0;height:0;overflow:hidden}.page-contents .responsive-flash .embed-responsive-item,.page-contents .responsive-flash iframe,.page-contents .responsive-flash object,.page-contents .responsive-flash embed{position:absolute;top:0;left:0;width:100%;height:100%}.page-contents .form-note h3{font-family:Arial,Helvetica,Verdana,sans-serif;font-size:13px;font-weight:bold;line-height:20px;margin:0}.page-contents .form-note p{font-size:12px;line-height:18px}.page-contents .google-maps-wrapper{margin:12px 0 12px}.page-contents .inline-desc{font-family:"head_regular";font-size:19px;line-height:24px;margin-bottom:7px}.page-contents table{line-height:18px}.page-contents table>thead th,.page-contents table>thead td,.page-contents table>tbody th,.page-contents table>tbody td,.page-contents table>tfoot th,.page-contents table>tfoot td{line-height:18px;vertical-align:middle}.page-contents table th{font-weight:bold;color:#8c6e5c;background-color:#faf3ed}.page-contents table thead tr:last-child th{border-bottom:none}.page-contents ol{counter-reset:item}.page-contents ol>li{position:relative;list-style-type:none;counter-increment:item}.page-contents ol>li::before{content:counter(item) ".";position:absolute;right:100%;display:inline-block;padding-right:.5em;font-weight:bold;text-align:right;color:#ec6e00}.page-contents .content-tabs{margin:25px 0}.page-contents .content-tabs>ul{display:block;list-style:none;margin:0;padding:0;border-top:1px solid #eee;border-bottom:1px solid #ddd}.page-contents .content-tabs>ul:before,.page-contents .content-tabs>ul:after{content:" ";display:table}.page-contents .content-tabs>ul:after{clear:both}.page-contents .content-tabs>ul li{float:left;margin:0;padding:0}.page-contents .content-tabs>ul li::before{display:none}.page-contents .content-tabs>ul li a{position:relative;display:block;height:46px;font-family:"head_regular";font-size:16px;text-decoration:none;line-height:26px;color:#999;padding:0 10px 0 0;margin:-6px 0 0}.page-contents .content-tabs>ul li a span{display:block;height:46px;padding:14px 20px 6px}.page-contents .content-tabs>ul li a:hover{color:#fff}.page-contents .content-tabs>ul li a:hover span{background-color:#ec6e00}.page-contents .content-tabs>ul li a:hover::before{display:block}.page-contents .content-tabs>ul li a::before{content:" ";position:absolute;top:0;right:0;display:none;width:10px;height:46px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -100px -250px}.page-contents .content-tabs>ul li.active a{color:#fff}.page-contents .content-tabs>ul li.active a span{background-color:#ec6e00}.page-contents .content-tabs>ul li.active a::before{display:block}.page-contents .content-tabs>ul li.active a::after{content:" ";position:absolute;top:100%;left:50%;display:block;width:14px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -20px -300px;margin-left:-7px}.page-contents .content-tabs .tab-content{padding:15px 20px 5px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.page-contents .content-tabs .content-tabs-select{position:relative;display:none;height:35px;border:1px solid #ddd}.page-contents .content-tabs .content-tabs-select label{position:absolute;z-index:0;left:9px;top:8px;right:32px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}.page-contents .content-tabs .content-tabs-select select{display:block;width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;opacity:0}.page-contents .content-tabs .content-tabs-select:after{content:" ";position:absolute;z-index:0;right:10px;top:13px;display:block;width:11px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -40px -300px}.filter-press{margin-bottom:30px}.list-press .press-item{padding:15px 0 13px;border-top:1px solid #eee}.list-press .press-item a{position:relative;display:block;text-decoration:none;padding:0 0 0 60px;color:#666;-webkit-transition:color 200ms ease;-o-transition:color 200ms ease;transition:color 200ms ease}.list-press .press-item a::before{content:" ";position:absolute;top:50%;left:0;display:block;width:24px;height:30px;margin-top:-15px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -340px}.list-press .press-item a::after{content:" ";position:absolute;top:10px;bottom:10px;left:39px;display:block;width:1px;height:auto;background-color:#eee}.list-press .press-item a .heading{display:block;font-size:15px;line-height:22px;margin-bottom:4px}.list-press .press-item a .spot{line-height:20px}.list-press .press-item a:hover{color:#ec6e00}.news{border-top:1px solid #eee;padding:19px 0 0;margin-bottom:30px}.news:before,.news:after{content:" ";display:table}.news:after{clear:both}.news .items{margin:0 -19px -19px 0}.news .items:before,.news .items:after{content:" ";display:table}.news .items:after{clear:both}.news .items .item{float:left;display:block;width:224px;margin:0 19px 19px 0;color:#666;background-color:#f9f9f9;border-bottom:1px solid #ddd;-webkit-transition:border-color 200ms ease,background 200ms ease;-o-transition:border-color 200ms ease,background 200ms ease;transition:border-color 200ms ease,background 200ms ease}.news .items .item:nth-child(3n+1){clear:left}.news .items .item .figure{position:relative;border:none}.news .items .item .figure::before{content:" ";position:absolute;top:0;right:0;display:block;width:12px;height:12px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -100px -300px}.news .items .item .figure img{width:100%;height:105px}.news .items .item .content{padding:16px 20px}.news .items .item .heading{font-family:"head_regular";font-size:15px;font-weight:400;line-height:20px;margin:0;color:#666}.news .items .item:hover{background-color:#eee;border-bottom-color:#ec6e00}.gallery{margin:20px 0 25px}.gallery:before,.gallery:after{content:" ";display:table}.gallery:after{clear:both}.gallery .items{float:left;margin:0 -19px -19px 0}.gallery .items:before,.gallery .items:after{content:" ";display:table}.gallery .items:after{clear:both}.gallery .items .item{float:left;position:relative;display:block;width:224px;margin:0 19px 19px 0;color:#666}.gallery .items .item:nth-child(3n+1){clear:left}.gallery .items .item .figure{position:relative;z-index:1;display:block;min-height:105px;border:1px solid #efefef;-webkit-transition:border-color .2s;-o-transition:border-color .2s;transition:border-color .2s}.gallery .items .item .figure img{position:relative;width:100%}.gallery .items .item .title{display:block;margin:5px 0 0;padding:0 0 7px}.gallery .items .item .mask{position:absolute;z-index:2;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease}.gallery .items .item .mask .icon{position:absolute;top:50%;left:50%;display:block;width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(255,255,255,.2);border-radius:50%}.gallery .items .item .mask .icon::before{content:" ";position:absolute;z-index:1;top:50%;left:50%;display:block;width:38px;height:38px;margin:-19px 0 0 -19px;background-color:#ec6e00;border-radius:50%}.gallery .items .item .mask .icon::after{content:" ";position:absolute;z-index:2;top:50%;left:50%;display:block;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -40px -250px}.gallery .items .item .mask+.mask{display:none}.gallery .items .item:hover .figure{border-color:#ababab}.gallery .items .item:hover .mask{opacity:1}.gallery .items .item.video .mask .icon::after{width:8px;height:10px;margin:-5px 0 0 -3px;background-position:-60px -300px}.gallery .items#youtube-point .item .figure{position:relative;height:0;padding:0 0 47%;overflow:hidden}.gallery .items#youtube-point .item .figure img{position:absolute;top:50%;margin-top:-37%}.tab-pane .gallery .item{width:210px}.tab-pane .gallery .item .figure{min-height:96px}.faq:before,.faq:after{content:" ";display:table}.faq:after{clear:both}.faq .i{margin-bottom:8px;border:1px solid #eee}.faq .i .t{cursor:pointer;position:relative;font-family:"head_regular";font-size:16px;line-height:24px;padding:13px 10px 10px 71px;margin:0;background-color:#fff;color:#444}.faq .i .t::before{content:" ";position:absolute;top:50%;left:19px;display:block;width:11px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -80px -260px;margin-top:-3.5px}.faq .i .t::after{content:" ";position:absolute;top:0;bottom:0;left:48px;display:block;width:1px;background-color:#eee}.faq .i .c{position:static;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.faq .i .c .content{min-height:160px;padding:17px 10px 12px 71px}.faq .i .c .content .figure{float:left;display:block;width:130px;border:1px solid #eee;margin:0 20px 10px 0}.faq .i .c .content .figure img{display:block;width:100%}.faq .i .c .content.has-figure{position:relative;padding-left:221px}.faq .i .c .content.has-figure .figure{float:none;position:absolute;top:21px;left:71px}.faq .i:hover .t{background-color:#f9f9f9;color:#ec6e00}.faq .i.open .t{background-color:#f9f9f9;color:#ec6e00}.faq .i.open .t::before{background-position:-80px -270px}.list-products:before,.list-products:after{content:" ";display:table}.list-products:after{clear:both}.list-products .items{float:left;margin:0 -19px -19px 0}.list-products .items:before,.list-products .items:after{content:" ";display:table}.list-products .items:after{clear:both}.list-products .items .item-wrapper{float:left;display:block;width:224px;margin:0 19px 19px 0}.list-products .items .item-wrapper:nth-child(3n+1){clear:left}.list-products .items .item-wrapper.dummy{display:none}.list-products .items .item{display:block;text-align:center;font-size:13px;text-decoration:none;line-height:18px;padding:0 0 30px;color:#666}.list-products .items .item .figure{display:block;position:relative;min-height:155px;padding:0 0 10px;margin:0 0 21px 0}.list-products .items .item .figure::before{content:" ";position:absolute;top:100%;left:0;display:block;width:100%;height:1px;background:#f9f9f9;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f9f9f9),color-stop(40%,#d4d4d4),color-stop(60%,#d4d4d4),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(left,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:-o-linear-gradient(left,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:-ms-linear-gradient(left,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);background:linear-gradient(to right,#f9f9f9 0%,#d4d4d4 40%,#d4d4d4 60%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f9f9f9',GradientType=1)}html.Explorer9 .list-products .items .item .figure::before{filter:none}.list-products .items .item .figure::after{content:" ";position:absolute;top:100%;left:50%;display:block;width:14px;height:7px;margin-left:-3.5px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -20px -310px}.list-products .items .item .title{margin:0;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:13px;line-height:18px;font-weight:normal;color:#666}.list-products .items .item:hover{color:#ec6e00}.list-products .items .item:hover .figure::before{background:#f9f9f9;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VjNmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2VjNmUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#f9f9f9 0%,#ec6e00 40%,#ec6e00 60%,#f9f9f9 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f9f9f9),color-stop(40%,#ec6e00),color-stop(60%,#ec6e00),color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(left,#f9f9f9 0%,#ec6e00 40%,#ec6e00 60%,#f9f9f9 100%);background:-o-linear-gradient(left,#f9f9f9 0%,#ec6e00 40%,#ec6e00 60%,#f9f9f9 100%);background:-ms-linear-gradient(left,#f9f9f9 0%,#ec6e00 40%,#ec6e00 60%,#f9f9f9 100%);background:linear-gradient(to right,#f9f9f9 0%,#ec6e00 40%,#ec6e00 60%,#f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f9f9f9',GradientType=1)}.list-products .items .item:hover .figure::after{background-position:-20px -300px}.list-products .items .item:hover .title{color:#ec6e00}.page-filter .filter-row{margin-bottom:18px}.page-filter .form-group{margin-bottom:7px}.page-filter .search-result-info{font-size:12px;line-height:20px;color:#999;margin-bottom:14px}.page-filter .search-result-info strong{font-weight:normal;color:#ec6e00}.dealers .i{position:relative;padding:15px 70px 13px 20px;border-top:1px solid #eee;color:#999}.dealers .i:nth-child(even){background-color:#f9f9f9}.dealers .i .h{font-family:Arial,Helvetica,Verdana,sans-serif;font-weight:bold;font-size:13px;line-height:22px;margin:0;color:#666}.dealers .i .c{margin-top:-2px;margin-bottom:3px}.dealers .i .m{position:absolute;top:50%;right:20px;display:block;width:28px;height:38px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -120px -250px;text-indent:-9999px;margin-top:-19px;overflow:hidden}.list-groups .list-group:before,.list-groups .list-group:after{content:" ";display:table}.list-groups .list-group:after{clear:both}.list-groups .list-group .heading{position:relative}.list-groups .list-group .heading span{position:relative;z-index:2;display:inline-block;padding:0 10px 0 0;background-color:#fff}.list-groups .list-group .heading::before{content:" ";position:absolute;left:0;bottom:5px;display:block;width:100%;height:1px;background-color:#eee}.list-groups .list-group .items{float:left;margin:0 -19px -5px 0}.list-groups .list-group .items:before,.list-groups .list-group .items:after{content:" ";display:table}.list-groups .list-group .items:after{clear:both}.list-groups .list-group .items .item{float:left;position:relative;width:224px;margin:0 19px 5px 0;padding:2px 0 1px 22px}.list-groups .list-group .items .item:nth-child(3n+1){clear:left}.list-groups .list-group .items .item::before{content:" ";position:absolute;left:0;top:8px;display:block;width:8px;height:8px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -20px -290px}.list-groups .list-group .items .item a{color:#666}.list-groups .list-group:first-child .heading{margin-top:2px}.page-slider-wrapper{min-height:386px;margin:-6px 0 0}.page-slider-wrapper .flexslider{padding:0 0 10px 0}.page-slider-wrapper .flexslider .slides .slide{text-align:center}.page-slider-wrapper .flexslider .flex-control-nav{z-index:10;width:auto;top:auto;left:0;right:0;bottom:8px;height:auto}.page-slider-wrapper .flexslider .flex-control-nav li a::before{border:1px solid #ccc}.page-slider-wrapper .flexslider .flex-control-nav li a.flex-active::before,.page-slider-wrapper .flexslider .flex-control-nav li a:hover::before{border:none}.list-page-tabs{margin-bottom:25px;border-top:1px solid #eee;border-bottom:1px solid #ec6e00}.list-page-tabs>ul{display:block;list-style:none;margin:0;padding:0}.list-page-tabs>ul:before,.list-page-tabs>ul:after{content:" ";display:table}.list-page-tabs>ul:after{clear:both}.list-page-tabs>ul li{float:left}.list-page-tabs>ul li a{position:relative;display:block;height:46px;font-family:"head_regular";font-size:16px;text-transform:uppercase;text-decoration:none;line-height:26px;color:#999;padding:0 10px 0 0;margin:-6px 0 0}.list-page-tabs>ul li a span{display:block;height:46px;padding:14px 20px 6px}.list-page-tabs>ul li a:hover{color:#fff}.list-page-tabs>ul li a:hover span{background-color:#ec6e00}.list-page-tabs>ul li a:hover::before{display:block}.list-page-tabs>ul li a::before{content:" ";position:absolute;top:0;right:0;display:none;width:10px;height:46px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -100px -250px}.list-page-tabs>ul li.active a{color:#fff}.list-page-tabs>ul li.active a span{background-color:#ec6e00}.list-page-tabs>ul li.active a::before{display:block}.list-page-tabs>ul li.active a::after{content:" ";position:absolute;top:100%;left:50%;display:block;width:14px;height:7px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -20px -300px;margin-left:-7px}.list-page-tabs .list-page-tabs-select{display:none}.list-pdf-links{position:relative;height:41px;font-size:12px;padding:0 0 0 58px;margin:0 0 30px;background-color:#f7f7f7;border:1px solid #eee}.list-pdf-links .pdf-icon{position:absolute;top:-6px;left:9px;display:block;width:40px;height:51px;background:#ccc;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#ccc 0%,#b2b2b2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ccc),color-stop(100%,#b2b2b2));background:-webkit-linear-gradient(top,#ccc 0%,#b2b2b2 100%);background:-o-linear-gradient(top,#ccc 0%,#b2b2b2 100%);background:-ms-linear-gradient(top,#ccc 0%,#b2b2b2 100%);background:linear-gradient(to bottom,#ccc 0%,#b2b2b2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#b2b2b2',GradientType=0)}html.Explorer9 .list-pdf-links .pdf-icon{filter:none}.list-pdf-links .pdf-icon .icon{content:" ";position:absolute;top:13px;left:9px;display:block;width:22px;height:27px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -60px -340px}.list-pdf-links .pdf-icon .icon::before{content:" ";position:absolute;top:-8px;left:-12px;display:block;width:3px;height:41px;background:#a1a1a1;opacity:.2}.list-pdf-links .pdf-icon::before{content:" ";position:absolute;top:0;left:-5px;width:0;height:0;border-style:solid;border-width:0 0 5px 5px;border-color:transparent transparent #666 transparent}.list-pdf-links .pdf-icon::after{content:" ";position:absolute;bottom:0;left:-5px;width:0;height:0;border-style:solid;border-width:0 5px 5px 0;border-color:transparent #666 transparent transparent}.list-pdf-links ul{display:block;width:800px;list-style:none;margin:0;padding:0;overflow:hidden}.list-pdf-links ul:before,.list-pdf-links ul:after{content:" ";display:table}.list-pdf-links ul:after{clear:both}.list-pdf-links ul li{float:left;border-left:1px solid #fff;border-right:1px solid #eaeaea;padding:0 20px}.list-pdf-links ul li:first-child{border-left:none}.list-pdf-links ul li:last-child{border-right:none}.list-pdf-links ul li a{position:relative;display:block;height:39px;padding:9px 0 5px 21px;color:#999}.list-pdf-links ul li a::before{content:" ";position:absolute;top:13px;left:1px;display:block;width:15px;height:16px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -90px -340px}.list-pdf-links-phone{display:none}.pattern-previews-wrapper{margin:22px 0 31px}.pattern-previews-wrapper h2{margin-bottom:15px}.pattern-previews{position:relative;min-height:290px}.pattern-previews:before,.pattern-previews:after{content:" ";display:table}.pattern-previews:after{clear:both}.pattern-previews .previews,.pattern-previews .previews .mask{margin:0;padding:0;display:block;width:302px;height:302px;position:relative;float:left}.pattern-previews .previews::before,.pattern-previews .previews::after{content:" ";position:absolute;left:8px;right:8px;bottom:-5px;display:block;height:6px;border:1px solid #e3e3e3;background-color:#f0f0f0}.pattern-previews .previews::after{left:18px;right:18px;bottom:-10px}.pattern-previews .previews .mask{margin:0;position:absolute;z-index:10;left:0;top:0;background:transparent;border:1px solid #e3e3e3}.pattern-previews .preview{display:none;width:270px;height:270px;position:absolute;z-index:1;left:0;top:0;background:url(sprite-pattern-options.jpg)/*tpa=http://www.firatpen.com.tr/assets/Img/sprites/sprite-pattern-options.jpg*/ scroll no-repeat 0 0}.js-completed .pattern-previews .preview{display:block}.pattern-previews .preview-2{background-position:0 -300px}.pattern-previews .preview-3{background-position:0 -600px}.pattern-previews .preview-4{background-position:0 -900px}.pattern-previews .preview-5{background-position:0 -1200px}.pattern-previews .preview-6{background-position:0 -1500px}.pattern-previews .preview-7{background-position:0 -1800px}.pattern-previews .preview-8{background-position:0 -2100px}.pattern-previews .preview-9{background-position:0 -2400px}.pattern-previews .preview-10{background-position:0 -2700px}.pattern-previews .preview-11{background-position:0 -3000px}.pattern-previews .preview-12{background-position:0 -3300px}.pattern-previews .preview-13{background-position:0 -3600px}.pattern-previews .preview-14{background-position:0 -3900px}.pattern-previews .preview-15{background-position:0 -4200px}.pattern-previews .preview-16{background-position:0 -4500px}.pattern-previews .preview-17{background-position:0 -4800px}.pattern-previews .preview-18{background-position:0 -5100px}.pattern-previews .preview-19{background-position:0 -5400px}.pattern-previews .preview-20{background-position:0 -5700px}.pattern-previews .preview-21{background-position:0 -6000px}.pattern-previews .preview-22{background-position:0 -6300px}.pattern-previews .preview-23{background-position:0 -6600px}.pattern-previews .patterns{margin:0;padding:0;display:block;width:388px;position:relative;float:right}.pattern-previews .patterns:before,.pattern-previews .patterns:after{content:" ";display:table}.pattern-previews .patterns:after{clear:both}.pattern-previews .preview{display:none}.pattern-previews .patterns *+*{padding-top:0}.pattern-previews .pattern-wrapper{cursor:default;position:relative;display:inline-block;float:left;width:184px;height:33px;margin:0 0 5px 10px;overflow:hidden;border:1px solid #e1e1e1;-webkit-transition:border-color .3s,background-color .3s;-o-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.pattern-previews .pattern-wrapper .mask i{background-position:-710px -800px;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.pattern-previews .pattern-wrapper.active{background-color:#fdf0e5;border-color:#efac72}.pattern-previews .pattern{display:block;width:31px;height:33px;margin:0;background:url(sprite-pattern-options.jpg)/*tpa=http://www.firatpen.com.tr/assets/Img/sprites/sprite-pattern-options.jpg*/ scroll no-repeat -300px 0;position:relative;z-index:0;border-right:1px solid #e1e1e1}.pattern-previews .pattern-2{background-position:-300px -300px}.pattern-previews .pattern-3{background-position:-300px -600px}.pattern-previews .pattern-4{background-position:-300px -900px}.pattern-previews .pattern-5{background-position:-300px -1200px}.pattern-previews .pattern-6{background-position:-300px -1500px}.pattern-previews .pattern-7{background-position:-300px -1800px}.pattern-previews .pattern-8{background-position:-300px -2100px}.pattern-previews .pattern-9{background-position:-300px -2400px}.pattern-previews .pattern-10{background-position:-300px -2700px}.pattern-previews .pattern-11{background-position:-300px -3000px}.pattern-previews .pattern-12{background-position:-300px -3300px}.pattern-previews .pattern-13{background-position:-300px -3600px}.pattern-previews .pattern-14{background-position:-300px -3900px}.pattern-previews .pattern-15{background-position:-300px -4200px}.pattern-previews .pattern-16{background-position:-300px -4500px}.pattern-previews .pattern-17{background-position:-300px -4800px}.pattern-previews .pattern-18{background-position:-300px -5100px}.pattern-previews .pattern-19{background-position:-300px -5400px}.pattern-previews .pattern-20{background-position:-300px -5700px}.pattern-previews .pattern-21{background-position:-300px -6000px}.pattern-previews .pattern-22{background-position:-300px -6300px}.pattern-previews .pattern-23{background-position:-300px -6600px}.pattern-previews .title{position:absolute;z-index:2;left:31px;top:1px;right:0;height:100%;display:table;table-layout:fixed}.pattern-previews .title span{display:table-cell;width:112px;height:31px;line-height:14px;font-size:12px;vertical-align:middle;padding:0 0 0 9px}.pattern-previews .pattern-wrapper.active .title,.pattern-previews .pattern-wrapper:hover .title{color:#ec6e00}.pattern-previews .pattern-wrapper.active .mask i,.pattern-previews .pattern-wrapper:hover .mask i{opacity:1}.no-opacity .pattern-previews .mask i{display:none}.no-opacity .pattern-previews .pattern-wrapper.active .mask i,.no-opacity .pattern-previews .pattern-wrapper:hover .mask i{display:block}.calculations{font-size:12px;line-height:20px}.calculations .i{margin-bottom:8px;border:1px solid #eee}.calculations .i .t{cursor:pointer;position:relative;font-family:"head_regular";font-size:16px;line-height:24px;min-height:48px;margin:0;padding:1px 10px 0 70px;color:#444}.calculations .i .t::before{content:" ";position:absolute;top:-1px;left:-1px;width:50px;height:50px;background-color:#efefef}.calculations .i .t::after{content:" ";position:absolute;top:16px;left:16px;width:16px;height:16px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -250px}.calculations .i .t .vah{display:block;width:100%;height:100%}.calculations .i .t .vah .vah-t{display:table;width:100%;height:100%}.calculations .i .t .vah .vah-t .vah-c{display:table-cell;height:48px;vertical-align:middle}.calculations .i .c .content{padding:17px 10px 10px}.calculations .i .c .content:before,.calculations .i .c .content:after{content:" ";display:table}.calculations .i .c .content:after{clear:both}.calculations .i .c .content .col.col-left{float:left;width:468px;padding:0 20px 10px 0}.calculations .i .c .content .col.col-right{float:right;width:220px;padding-top:3px}.calculations .i .c .content .box .btn{display:block}.calculations .i .c .content .box .heading{font-family:"head_bold";font-size:13px;line-height:28px;text-align:center;color:#888;margin:7px 0 -1px}.calculations .i .c .content .box .result{position:relative;font-size:12px;line-height:28px;background-color:#eee;padding:11px 10px 20px 10px;margin-bottom:16px}.calculations .i .c .content .box .result::before{content:" ";position:absolute;top:0;left:50%;width:12px;height:6px;margin-left:-6px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat -40px -310px}.calculations .i .c .content .box .result p{margin:0}.calculations .i .c .content .box .result .result-block{display:block;font-weight:bold;height:31px;font-size:14px;line-height:28px;text-align:center;background-color:#fafafa;padding:2px 0 0;margin-bottom:1px;color:#ec6e00}.calculations .i .c .content .box .result .result-block:last-child{margin-bottom:0}.calculations .i .c .content .result-note{font-size:11px;line-height:16px}.calculations .i .c .content .result-note strong{display:block}.calculations .i .c .content .req{color:#d9534f}.calculations .i.open .t{color:#ec6e00}.calculations .i.open .t::before{background-color:#ec6e00}.calculations .i.open .t::after{background-position:-20px -250px}.calculations .layers{position:relative;width:444px;height:331px}.calculations .layers .layer-1{position:absolute;z-index:2;top:0;left:0}.calculations .layers .layer-2{position:absolute;z-index:2;top:47px;left:144px}.calculations .layers .layer-3{position:absolute;z-index:2;top:168px;left:13px}.calculations .layers .layer-4{position:absolute;z-index:2;top:302px;left:197px}.calculations .layers .layer-5{position:absolute;z-index:2;top:202px;left:362px}.calculations .layers .layer-6{position:absolute;z-index:2;top:98px;left:266px}.calculations .layers .layer-7{position:absolute;z-index:1;top:79px;left:100px}.calculations .form-control{max-width:198px}.calculations .form-control input{padding-left:15px;padding-right:15px}.calculations .form-control.select{font-size:12px;height:29px;width:198px}.calculations .form-control.select select{padding-left:10px;padding-right:10px}.calculations .form-control.select label{top:4px;left:15px;font-size:12px}.calculations .form-control.select::after{top:9px;right:9px}.calculations .form-horizontal .control-label{width:120px}.calculations .form-horizontal .controls{margin-left:132px}.calculations .form-horizontal .control-group{margin:3px 0 0}.calculations .form-horizontal .form-control+.control-label{width:auto}.calculations .form-horizontal .text{padding:14px 0 0}.calculations .inline-form-controls .form-controls .control-label{padding:5px 0 0}.calculations .control-label{font-size:12px;line-height:20px}.calculations #isiiletimcamtemplate{display:none}.calculations #isiiletimcamheader{padding:1px 0 0}.calculations .i-ruzgar-yukune-dayanim .form-horizontal .control-label{width:70px}.calculations .i-ruzgar-yukune-dayanim .form-horizontal .controls{margin-left:82px}.calculations .i-ruzgar-yukune-dayanim .form-horizontal .form-control+.control-label{width:auto}.calculations .i-ruzgar-yuku .inline-form-controls{margin-bottom:5px}.calculations .i-ruzgar-yuku .inline-form-controls .form-controls .control-label{width:27px}.calculations .i-ruzgar-yuku .inline-form-controls .form-controls .form-control{width:188px}.calculations .color-list{margin:12px 0 7px -5px;width:230px}.calculations .color-list .warm{display:inline-block;float:left;height:15px;margin:0 0 5px 5px;padding:0 0 0 23px;position:relative;width:70px}.calculations .color-list .warm:before{background:#7f0000;content:" ";display:block;height:15px;left:0;position:absolute;top:2px;width:15px}.calculations .color-list .warm.warm-10:before{background:#7f0000}.calculations .color-list .warm.warm-9_5:before{background:#b30000}.calculations .color-list .warm.warm-9:before{background:#e70000}.calculations .color-list .warm.warm-8_5:before{background:#ff2a00}.calculations .color-list .warm.warm-8:before{background:#ff7300}.calculations .color-list .warm.warm-7_5:before{background:#fbb501}.calculations .color-list .warm.warm-7:before{background:#fefa01}.calculations .color-list .warm.warm-6_5:before{background:#befe3f}.calculations .color-list .warm.warm-6:before{background:#7afe84}.calculations .color-list .warm.warm-5_5:before{background:#37ffc5}.calculations .color-list .warm.warm-5:before{background:#02f4fe}.calculations .color-list .warm.warm-4_5:before{background:#029aff}.calculations .color-list .warm.warm-4:before{background:#0049fd}.calculations .color-list .warm.warm-3_5:before{background:#0102f2}.calculations .color-list .warm.warm-3:before{background:#0200bb}.sitemap>ul>li>span a{font-weight:bold}.sitemap a{color:#666}.form-success-whatsapp{position:relative;display:block;padding:20px 5% 20px 100px;background-color:#f6f6f6;margin:0 0 15px;color:#6f6f6f}.form-success-whatsapp::before,.form-success-whatsapp::after{content:" ";position:absolute;display:block}.form-success-whatsapp::before{top:0;left:0;width:78px;height:100%;background:#1bd741}.form-success-whatsapp::after{top:50%;left:10px;width:61px;height:61px;background:url(img-alert-whatsapp.png)/*tpa=http://www.firatpen.com.tr/assets/img/img-alert-whatsapp.png*/ no-repeat 0 0;background-size:61px 61px;margin-top:-30px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.form-success-whatsapp::after{background-image:url(img-alert-whatsapp@2x.png)/*tpa=http://www.firatpen.com.tr/assets/img/img-alert-whatsapp@2x.png*/}}.form-success-whatsapp:hover{color:#6f6f6f}.site-footer{background-color:#eee;border-top:1px solid #ddd;margin:0;padding:4px 0 30px}.site-footer .container-top{padding-bottom:20px}.site-footer .container-top .col-xs-6{width:245px;padding-right:20px}.site-footer .container-top .col-xs-6.col-callcenter{width:265px;padding-right:10px}.site-footer a{color:#999}.site-footer .heading{position:relative;font-family:"head_regular";font-size:16px;line-height:24px;color:#666;margin:20px 0 3px}.site-footer .heading::after{content:" ";position:absolute;z-index:0;bottom:8px;left:0;width:100%;height:1px;background-color:#ddd}.site-footer .heading span{position:relative;z-index:1;background-color:#eee;padding:0 10px 0 0}.site-footer .content ul.footer-list{list-style:none;margin:0;padding:0}.site-footer .content ul.footer-list li{padding:3px 0 2px}.site-footer .content ul.social-list{list-style:none;margin:0 -9px 0 0;padding:9px 0 0}.site-footer .content ul.social-list li{float:left;display:block}.site-footer .content ul.social-list li a{position:relative;display:block;width:30px;height:30px;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -170px;margin:0 7px 9px 0;text-indent:-9999px;overflow:hidden}.site-footer .content ul.social-list li a::before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background:url(sprite.png-v=3.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/sprites/sprite.png?v=3*/ no-repeat 0 -210px;opacity:0;-webkit-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease}.site-footer .content ul.social-list li a:hover::before{opacity:1}.site-footer .content ul.social-list li.facebook a{background-position:0 -170px}.site-footer .content ul.social-list li.facebook a::before{background-position:0 -210px}.site-footer .content ul.social-list li.twitter a{background-position:-40px -170px}.site-footer .content ul.social-list li.twitter a::before{background-position:-40px -210px}.site-footer .content ul.social-list li.youtube a{background-position:-80px -170px}.site-footer .content ul.social-list li.youtube a::before{background-position:-80px -210px}.site-footer .content ul.social-list li.gplus a{background-position:-120px -170px}.site-footer .content ul.social-list li.gplus a::before{background-position:-120px -210px}.site-footer .content ul.social-list li.linkedin a{background-position:-160px -170px}.site-footer .content ul.social-list li.linkedin a::before{background-position:-160px -210px}.site-footer .content ul.social-list li.instagram a{background-position:-200px -170px}.site-footer .content ul.social-list li.instagram a::before{background-position:-200px -210px}.site-footer .col-callcenter{font-family:"head_regular";font-size:24px;line-height:24px;text-align:right;padding-right:10px}.site-footer .col-callcenter .phone{float:right;position:relative;font-family:"head_regular";font-size:54px;line-height:54px;text-align:right;padding:0 37px 0 0;margin:18px 0 10px 0;color:#666;border-bottom:1px solid #ddd}.site-footer .col-callcenter .phone span,.site-footer .col-callcenter .phone i{position:absolute;top:2px;right:0;font-size:20px;line-height:24px}.site-footer .col-callcenter .phone i{font-style:normal;top:21px}.site-footer .col-callcenter .phone a{display:block;text-decoration:none}.site-footer .col-callcenter .inline-heading{clear:both;font-family:"head_regular";font-size:17px;line-height:24px;color:#999;margin-bottom:10px}.site-footer .col-callcenter .customer-lines a{display:block;text-decoration:none}.site-footer .container-copyright .inner-wrap{position:relative;padding:20px 66px 0 0;border-top:1px solid #ddd}.site-footer .logo-firat{display:table;width:100%}.site-footer .logo-firat .copyright{position:relative;display:table-cell;height:20px;vertical-align:middle;font-size:11px;line-height:12px;padding:0 0 0 80px}.site-footer .logo-firat a{position:absolute;top:0;left:0;display:block;width:70px;height:20px;text-indent:-9999px;background:url(firat.png)/*tpa=http://www.firatpen.com.tr/Assets/Img/firat.png*/ no-repeat 0 0;overflow:hidden}.site-footer {position:absolute;top:20px;right:0;display:block;width:56px;height:16px;background:url no-repeat 0 0;opacity:.5;-webkit-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease}.site-footer span{display:none}.site-footer :hover{opacity:1}

.uygulama select {

  background-color: #006ec7; 
  width: 268px;
  padding: 5px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  border: 0;
  border-radius: 1;
  height: 34px;
  /* -webkit-appearance: none; */
}
/* .uygulama {
  width: 240px;
  height: 34px;
  overflow: hidden;
  background: url(asagi_ok.jpg) no-repeat right #ddd;
  border: 1px solid #ccc;
} */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}