.lds-circle { left: 0; top: 0; position: fixed; display: inline-block; transform: translateZ(1px); width: 100vw; height: 100vh; background-color: white; z-index: 10000; text-align: center; } .lds-circle:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .lds-circle > div { display: inline-block; width: 100px; height: 100px; margin: 6px; padding: 30px; background-origin: content-box; border-radius: 50%; z-index: 10001; background-color: white; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url('/img/ibblogo-plain.png'); animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } @keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(360deg); animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); } 100% { transform: rotateY(720deg); } } @charset "UTF-8"; /* classes */ /* /classes */ /* Animate.less Cross-browser LESS animation library for Bootstrap Licensed under the ☺ license (http://licence.visualidiot.com/) Documenation: https://github.com/machito/animate.less ------------------------------------------------------- Copyright © 2012 Michael Castilla Email: yo@machito.co Twitter: https://twitter.com/micr0bitz */ body { -webkit-backface-visibility: hidden; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @font-face { font-family: 'Futura Md BT Medium'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Medium'), url('/fonts/futuram.woff') format('woff'), url('/fonts/futuram.tff') format('truetype'); } @font-face { font-family: 'Futura Md BT Medium Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Medium Italic'), url('/fonts/futurami.woff') format('woff'), url('/fonts/futurami.tff') format('truetype'); } @font-face { font-family: 'Futura Md BT Bold'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Bold'), url('/fonts/futurab.woff') format('woff'), url('/fonts/futurab.tff') format('truetype'); } @font-face { font-family: 'Futura Md BT Bold Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Bold Italic'), url('/fonts/futurabi.woff') format('woff'), url('/fonts/futurabi.tff') format('truetype'); } @font-face { font-family: 'FuturaBlack BT Regular'; font-style: normal; font-weight: normal; font-display: auto; src: local('FuturaBlack BT Regular'), url('/fonts/futurak.woff') format('woff'), url('/fonts/futurak.tff') format('truetype'); } @font-face { font-family: 'Futura BdCn BT Bold'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura BdCn BT Bold'), url('/fonts/futurabc.woff') format('woff'), url('/fonts/futurabc.tff') format('truetype'); } @font-face { font-family: 'Futura Hv BT Heavy'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Hv BT Heavy'), url('/fonts/futurah.woff') format('woff'), url('/fonts/futurah.tff') format('truetype'); } @font-face { font-family: 'Futura Lt BT Light'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Lt BT Light'), url('/fonts/futural.woff') format('woff'), url('/fonts/futural.tff') format('truetype'); } @font-face { font-family: 'Futura LtCn BT Light'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura LtCn BT Light'), url('/fonts/futuralc.woff') format('woff'), url('/fonts/futuralc.tff') format('truetype'); } @font-face { font-family: 'Futura MdCn BT Medium'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura MdCn BT Medium'), url('/fonts/futuramc.woff') format('woff'), url('/fonts/futuramc.tff') format('truetype'); } @font-face { font-family: 'Futura Bk BT Book'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Bk BT Book'), url('/fonts/futuran.woff') format('woff'), url('/fonts/futuran.tff') format('truetype'); } @font-face { font-family: 'Futura Bk BT Book Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Bk BT Book Italic'), url('/fonts/futurani.woff') format('woff'), url('/fonts/futurani.tff') format('truetype'); } @font-face { font-family: 'Futura XBlk BT Extra Black'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlk BT Extra Black'), url('/fonts/futuraxk.woff') format('woff'), url('/fonts/futuraxk.tff') format('truetype'); } @font-face { font-family: 'Futura XBlkCn BT Extra Black'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlkCn BT Extra Black'), url('/fonts/futurxkc.woff') format('woff'), url('/fonts/futurxkc.tff') format('truetype'); } @font-face { font-family: 'Futura BdCn BT Bold Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura BdCn BT Bold Italic'), url('/fonts/futurbci.woff') format('woff'), url('/fonts/futurbci.tff') format('truetype'); } @font-face { font-family: 'Futura Hv BT Heavy Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Hv BT Heavy Italic'), url('/fonts/futurahi.woff') format('woff'), url('/fonts/futurahi.tff') format('truetype'); } @font-face { font-family: 'Futura Lt BT Light Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Lt BT Light Italic'), url('/fonts/futurali.woff') format('woff'), url('/fonts/futurali.tff') format('truetype'); } @font-face { font-family: 'Futura LtCn BT Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura LtCn BT Italic'), url('/fonts/futurlci.woff') format('woff'), url('/fonts/futurlci.tff') format('truetype'); } @font-face { font-family: 'Futura MdCn BT Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura MdCn BT Italic'), url('/fonts/futurmci.woff') format('woff'), url('/fonts/futurmci.tff') format('truetype'); } @font-face { font-family: 'Futura XBlkIt BT Extra Black Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlkIt BT Extra Black Italic'), url('/fonts/futurxki.woff') format('woff'), url('/fonts/futurxki.tff') format('truetype'); } @font-face { font-family: 'Futura XBlkCnIt BT Extra Black Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlkCnIt BT Extra Black Italic'), url('/fonts/futuxkci.woff') format('woff'), url('/fonts/futuxkci.tff') format('truetype'); } .activity .item .icon { font-family: FontAwesome !important; } body { padding-top: 80px; } @media screen and (min-width: 1200px) { body { padding-top: 64px; } } #site-header { text-transform: uppercase; position: fixed; top: 0; width: 100%; z-index: 1039; background-color: #fff; -webkit-box-shadow: 2px 3px 22.8px 1.2px rgba(207, 209, 220, 0.98); -moz-box-shadow: 2px 3px 22.8px 1.2px rgba(207, 209, 220, 0.98); box-shadow: 2px 3px 22.8px 1.2px rgba(207, 209, 220, 0.98); } #site-header #site-name { padding: 20px 0 0 20px; font-family: 'Futura Lt BT Light'; } #site-header #site-name a { font-size: 16px; font-weight: 300; color: #065677; } #site-header #site-name a:hover { text-decoration: none; } @media screen and (min-width: 1200px) { #site-header #site-name { padding: 16px 0 0 16px; font-size: 12.8px; } } #site-header #site-name b { font-family: 'Futura Md BT Bold'; font-weight: 500; } #site-header .nav > li > a { font-family: 'Futura Lt BT Light'; font-size: 14px; font-weight: 300; color: #6a7073; border-bottom: solid 1px #ececec; -webkit-transition: border-color 350ms ease-in-out; -moz-transition: border-color 350ms ease-in-out; -ms-transition: border-color 350ms ease-in-out; -o-transition: border-color 350ms ease-in-out; } @media screen and (max-width: 767px) { #site-header .nav > li > a { font-weight: 600 !important; } } @media screen and (min-width: 1200px) { #site-header .nav > li > a { padding: 29.6px 12px 16px 12px; border-bottom: solid 3px transparent; font-family: 'Futura Md BT Bold'; font-weight: 500; font-size: 10.2px; } } #site-header .nav > li.active > a { color: #0881b2; border-color: #0881b2; } #site-header .nav > li a.loggedin { color: #009d31; } #site-header .nav > li a:hover, #site-header .nav > li a:active { color: #0881b2; border-color: #0881b2; } #site-header .nav > li a.seperator { color: #6a7073; border-color: transparent; padding-right: 0; padding-left: 0; } @media screen and (min-width: 1200px) { #site-header .nav > li.user-menu { position: relative; } #site-header .nav > li.user-menu:before { content: ''; top: 8px; bottom: 8px; left: 0; display: block; position: absolute; border-left: solid 1px #e2e9ef; } } @media screen and (min-width: 1200px) { .navbar-brand > img { width: auto; height: 67.2px; } } .navbar-default .navbar-toggle .icon-bar { background-color: #888888 !important; } #site-footer { padding: 20px 0 40px; -webkit-box-shadow: 0px -10px 5px 0px rgba(207, 209, 220, 0.98); -moz-box-shadow: 0px -10px 5px 0px rgba(207, 209, 220, 0.98); box-shadow: 0px -10px 5px 0px rgba(207, 209, 220, 0.98); } @media screen and (min-width: 992px) { #site-footer { padding: 60px 0 100px; } } @media screen and (min-width: 1200px) { #site-footer { padding: 38px 0 60px; margin-top: -20px; position: relative; } } #site-footer a { text-decoration: none; font-family: 'Futura Lt BT Light'; font-size: 18px; font-weight: 300; color: #00325d; } @media screen and (min-width: 1200px) { #site-footer a { font-size: 12.7px; } } #site-footer #logo { text-align: center; } @media screen and (min-width: 992px) { #site-footer #logo a { height: 103px; line-height: 103px; } } @media screen and (min-width: 1200px) { #site-footer #logo a { height: 82.4px; line-height: 82.4px; } } #site-footer #logo img { margin-bottom: 15px; } @media screen and (min-width: 992px) { #site-footer #logo img { margin-right: 35px; margin-bottom: 0; } } @media screen and (min-width: 1200px) { #site-footer #logo img { height: 61.6px; margin-right: 28px; } } @media screen and (min-width: 768px) { #site-footer #logo br { display: none; } } @media screen and (min-width: 992px) { #site-footer #logo { float: left; text-align: left; } } #site-footer #social { height: 103px; line-height: 103px; text-align: center; } @media screen and (min-width: 1200px) { #site-footer #social { height: 82.4px; line-height: 82.4px; } } #site-footer #social a { width: 44px; height: 103px; line-height: 103px; display: inline-block; background: url("/img/sosyal-sprite.gif") no-repeat 0 center; color: lime; text-indent: -6000px; text-align: left; } @media screen and (min-width: 1200px) { #site-footer #social a { width: 35.2px; height: 82.4px; line-height: 82.4px; background-size: 116px 35.2px; } } #site-footer #social a.facebook { background-position-x: 0; } #site-footer #social a.twitter { background-position-x: -50px; } @media screen and (min-width: 1200px) { #site-footer #social a.twitter { background-position-x: -40px; } } #site-footer #social a.linkedin { background-position-x: -101px; } @media screen and (min-width: 1200px) { #site-footer #social a.linkedin { background-position-x: -80.8px; } } @media screen and (min-width: 992px) { #site-footer #social { float: right; text-align: right; } } #site-footer #social .menu-about { margin-bottom: -40px; } @media screen and (max-width: 767px) { #site-footer #social .menu-about { padding-top: 15px; padding-bottom: 15px; margin-top: 15px; margin-bottom: 0; border-top: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; } } #site-footer #social .menu-about a { width: auto; height: auto; line-height: 1; background: transparent; text-indent: 0; color: #00325d; position: relative; margin: 0; padding: 0; } #site-footer #social .menu-about a:nth-child(2) { padding-right: 16px; padding-left: 16px; } #site-footer #social .menu-about a:nth-child(2):before, #site-footer #social .menu-about a:nth-child(2):after { display: block; content: ''; width: 8px; height: 8px; border-radius: 8px; background-color: #00325d; position: absolute; top: 50%; margin-top: -4px; } #site-footer #social .menu-about a:nth-child(2):before { left: 2px; } #site-footer #social .menu-about a:nth-child(2):after { right: 2px; } #site-footer #social .menu-about a:nth-child(3) { padding-right: 16px; } #site-footer #social .menu-about a:nth-child(3):after { display: block; content: ''; width: 8px; height: 8px; border-radius: 8px; background-color: #00325d; position: absolute; top: 50%; margin-top: -4px; } #site-footer #social .menu-about a:nth-child(3):after { right: 2px; } #inner-shadow { position: fixed; bottom: 0; width: 100%; display: block; -webkit-box-shadow: 0 -3px 22.8px 1.2px rgba(0, 0, 0, 0.98); -moz-box-shadow: 0 -3px 22.8px 1.2px rgba(0, 0, 0, 0.98); box-shadow: 0 -3px 22.8px 1.2px rgba(0, 0, 0, 0.98); } .font-weight-bold { font-weight: bold; } .cursor-pointer { cursor: pointer; } .no-hr-pad { padding-right: 0; padding-left: 0; } .usability-popover .fa::before { position: absolute; } body { background-color: #f2f2f2; } .navbar-default .navbar-toggle { border: none; } @media screen and (max-width: 767px) { .navbar-default .navbar-toggle { margin-top: 24px; margin-right: 6px; } } h1, .h1 { font-family: 'Futura Md BT Bold'; font-size: 14px; font-weight: 700; color: #0a5676; } @media screen and (min-width: 992px) { h1, .h1 { font-size: 24px; } } @media screen and (min-width: 1200px) { h1, .h1 { font-size: 19.2px; } } a:hover, a:focus, a:active { background-color: transparent; outline: none; } #main-menu.navbar { margin-bottom: 0; } #main-menu.navbar-default { background-color: transparent; border: none; } #main-menu.navbar-default .navbar-nav > .active > a, #main-menu.navbar-default .navbar-nav > .active > a:hover, #main-menu.navbar-default .navbar-nav > .active > a:focus { background-color: transparent; } #main-menu.navbar-default .dropdown-menu { font-size: 14px; } @media screen and (max-width: 1199px) { #main-menu.navbar-default .dropdown-menu { right: auto; } } @media screen and (min-width: 1200px) { #main-menu.navbar-default .dropdown-menu { font-size: 11.2px !important; } #main-menu.navbar-default .dropdown-menu li { font-size: 11.2px !important; } } #main-menu.navbar-default .dropdown-menu i { margin-right: 10px; } @media screen and (min-width: 1200px) { #main-menu.navbar-default .dropdown-menu i { margin-right: 8px; } } @media screen and (max-width: 1199px) { #main-menu.navbar-default .dropdown-menu > li > a { border-bottom: solid 1px #ececec; font-family: 'Futura Lt BT Light'; } } @media screen and (min-width: 1200px) { #main-menu.navbar-default .dropdown:hover .dropdown-menu { display: block; } } #main-menu.navbar-default .nav > li > a:hover, #main-menu.navbar-default .nav > li > a:focus { background-color: transparent; } #main-menu.navbar-default .navbar-brand { height: auto; padding: 4px 12px 0 0; } @media screen and (min-width: 992px) { #main-menu.navbar-default .navbar-brand { position: relative; } #main-menu.navbar-default .navbar-brand::after { content: ''; display: block; position: absolute; top: 10px; right: 0; bottom: 0; border-right: solid 1px #e2e9ef; } } @media screen and (min-width: 1200px) { #main-menu.navbar-default .navbar-brand { padding: 3.2px 9.6px 0 0; } #main-menu.navbar-default .navbar-brand::after { top: 8px; } } @media (max-width: 1199px) { .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; } .navbar-nav > li { float: none; } .collapse.in { display: block !important; max-height: 480px; overflow-y: auto; } } @media (max-width: 1199px) and screen and (min-width: 1200px) { .navbar-nav { margin-top: 6px; } } @media (max-width: 1199px) and screen and (min-width: 1200px) { .collapse.in { max-height: 384px; } } .modal .h4, .modal h4 { font-size: 24px; color: #0061b2; font-family: 'Futura Md BT Medium'; } @media screen and (min-width: 1200px) { .modal .h4, .modal h4 { font-size: 19.2px; } } .nav-tabs { border-bottom: none; z-index: 100; } .nav-tabs > li { position: relative; margin-bottom: 0; } .nav-tabs > li a { font-size: 20px; font-family: 'Futura Md BT Bold'; color: #6a7073; background-color: #f1f3f5; border: 1px solid #ddd; border-bottom-color: transparent; margin: 0 2px 0 0 !important; padding: 13px 30px; } @media screen and (max-width: 767px) { .nav-tabs > li a { width: 100%; margin-right: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } } @media screen and (min-width: 1200px) { .nav-tabs > li a { font-size: 16px; margin: 0 1.6px 0 0 !important; padding: 10.4px 24px; } } .nav-tabs > li a:hover { font-size: 20px; font-family: 'Futura Md BT Bold'; color: #6a7073; background-color: #f1f3f5; border: 1px solid #ddd; border-bottom-color: transparent; margin: 0 2px 0 0 !important; padding: 13px 30px; } @media screen and (max-width: 767px) { .nav-tabs > li a:hover { width: 100%; margin-right: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } } @media screen and (min-width: 1200px) { .nav-tabs > li a:hover { font-size: 16px; margin: 0 1.6px 0 0 !important; padding: 10.4px 24px; } } .nav-tabs > li.active:after, .nav-tabs > li:focus:after { right: 3px; bottom: -1px; left: 1px; border-bottom: solid 1px #fff; content: ''; position: absolute; display: block; } @media screen and (min-width: 1200px) { .nav-tabs > li.active:after, .nav-tabs > li:focus:after { right: 2.4px; bottom: -0.8px; left: 0.8px; } } @media screen and (max-width: 767px) { .nav-tabs > li { width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } } .tab-content { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; border-top-left-radius: 0; border: solid 1px #d7d7d7; padding: 15px 30px; margin-bottom: 15px; } @media screen and (min-width: 1200px) { .tab-content { padding: 12px 24px; margin-bottom: 12px; } } .form-horizontal .control-label, .checkbox label, .form-control { height: 36px; line-height: 36px; font-size: 16px; font-weight: 300; color: #000; font-family: 'Futura Lt BT Light'; padding-top: 0; } @media screen and (min-width: 1200px) { .form-horizontal .control-label, .checkbox label, .form-control { height: 28.8px; line-height: 28.8px; font-size: 12.8px; } } .form-control, .form-horizontal .checkbox, .checkbox label { height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 1200px) { .form-control, .form-horizontal .checkbox, .checkbox label { height: 28.8px; line-height: 28.8px; } } .checkbox label { padding-left: 30px; } @media screen and (min-width: 1200px) { .checkbox label { padding-left: 24px; } } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { display: none; } .checkbox input[type=checkbox] + .checkmark, .checkbox-inline input[type=checkbox] + .checkmark { width: 20px; height: 20px; display: block; position: absolute; text-align: center; top: 50%; left: 0; margin-top: -10px; border: solid 1px #b7b7b7; border-radius: 6px; background-color: #fff; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; } @media screen and (min-width: 1200px) { .checkbox input[type=checkbox] + .checkmark, .checkbox-inline input[type=checkbox] + .checkmark { width: 16px; height: 16px; margin-top: -8px; } } .checkbox input[type=checkbox] + .checkmark i, .checkbox-inline input[type=checkbox] + .checkmark i { color: #fff; font-size: 12px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; } @media screen and (min-width: 1200px) { .checkbox input[type=checkbox] + .checkmark i, .checkbox-inline input[type=checkbox] + .checkmark i { font-size: 9.6px; margin-top: -4.8px; margin-left: -4.8px; } } .checkbox input[type=checkbox] + .checkmark:hover, .checkbox-inline input[type=checkbox] + .checkmark:hover { background-color: #cdd6dc; } .checkbox input[type=checkbox]:checked + .checkmark, .checkbox-inline input[type=checkbox]:checked + .checkmark { background-color: #053e73; } .btn { height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; font-size: 16px; font-weight: 700; color: #fff; font-family: 'Futura Md BT Bold'; } @media screen and (min-width: 1200px) { .btn { height: 28.8px !important; line-height: 28.8px !important; font-size: 12.8px !important; } } .btn.btn-cancel { color: #0a5676; } .btn { padding-right: 24px; padding-left: 24px; } @media screen and (min-width: 1200px) { .btn { padding-right: 19.2px; padding-left: 19.2px; } } .btn-primary { background-color: #053e73; } .btn-primary:hover { background-color: #053e73; } .btn-primary.light { background-color: #4277a9; } .btn-primary.grey { background-color: #636566; } .btn.font-default-color { color: #555555; } /*body { background: white; }*/ [role=main], .main { background: transparent; } .tab-filler { width: 100%; clear: both; } .text-default-color { color: #3f4244; } .w100 { width: 100%; } .bg-white { background: white; } .js .tab-content { display: block; } .custom-tab { border-radius: 0px 10px 10px !important; padding: 15px 20px !important; margin-bottom: 15px !important; overflow: hidden !important; background: #FFF; margin-left: 0px !important; border-color: #dddddd !important; } @media screen and (min-width: 1200px) { .custom-tab { padding: 12px 16px !important; margin-bottom: 12px !important; } } label::after { content: ''; } .js .image-upload .btn-remove-url { top: 1px; } strong, b { font-family: 'Futura Md BT Bold'; font-weight: 700; } .color-green { color: green; } .color-white { color: white; } .d-block { display: block; } .p-relative { position: relative; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-2 { margin-top: 10px !important; margin-bottom: 10px !important; } @media screen and (min-width: 1200px) { .my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } .color-red { color: red; } .user-action-btn { cursor: pointer; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; border: solid 1px #ccc; padding-right: 5px; } @media screen and (min-width: 1200px) { .user-action-btn { font-size: 12.8px; padding-right: 4px; } } .user-action-btn i { height: 25px; line-height: 25px; margin-right: 5px; cursor: pointer; padding-right: 5px; padding-left: 5px; border-right: 1px solid #ccc; background-color: #f6f6f6; } @media screen and (min-width: 1200px) { .user-action-btn i { height: 20px; line-height: 20px; margin-right: 4px; padding-right: 4px; padding-left: 4px; } } .form-group { min-height: 31px; margin-bottom: 15px; display: block; } .form-group label { height: 31px; line-height: 31px; font-family: 'Futura Lt BT Light'; font-size: 16px; font-weight: 300; color: #000; } @media screen and (min-width: 1200px) { .form-group label { height: 24.8px; line-height: 24.8px; font-size: 12.8px; } } @media screen and (min-width: 768px) { .form-group { display: flex; } } @media screen and (min-width: 1200px) { .form-group { min-height: 24.8px; margin-bottom: 12px; } } @media screen and (min-width: 1200px) { section[id] { zoom: 1 !important; -ms-zoom: 1; } } article.article > ul.nav > li a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } article.article .custom-tab { border-top-right-radius: 0; } .modal.fade.in { margin-top: 100px; } @media screen and (min-width: 1200px) { .modal.fade.in { margin-top: 80px; } } .js .image-upload .btn-remove-url { margin: 0 !important; } #categories .col-md-3 .data-box .cat-head, #categories .col-md-3 .data-box p.cat-class, #categories .col-md-3 .data-box p.cat-num { padding-right: 10px; padding-left: 10px; white-space: normal; overflow: visible; text-overflow: inherit; } @media screen and (min-width: 1200px) { #categories .col-md-3 .data-box .cat-head, #categories .col-md-3 .data-box p.cat-class, #categories .col-md-3 .data-box p.cat-num { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 1200px) { .container { width: 90%; max-width: 1250px; } } div.form-actions.col-md-9 { overflow: visible; } .fa, .fab, .fad, .fal, .far, .fas { opacity: 1 !important; } @media screen and (min-width: 1200px) { .control-required-message { font-size: 17.6px; } } .select2-container.form-control { border: none; padding-right: 0; padding-left: 0; } .select2-drop.select2-drop-active { margin-top: -3px; } .no-margin-around { margin: 0 !important; } .no-margin-top { margin-top: 0; } .no-margin-bottom { margin-bottom: 0; } @media screen and (min-width: 992px) { #categories h4.panel-title a, #categories li.nav-item a, #categories div.controls.col-md-9 a { margin-top: 0 !important; margin-bottom: 0 !important; } } #categories a.no-margin-top { margin-top: 0 !important; } #categories a.no-margin-bottom { margin-bottom: 0 !important; } div.col-sm-6.order .select2-container a.select2-choice { margin-top: 0 !important; margin-bottom: 0 !important; } .flash-messages { position: relative; } .flash-messages .alert { position: absolute; z-index: 1; width: 100%; } .label-private.label, .label-deleted.label, .label-draft.label { border-radius: 5px; } @charset "UTF-8"; /* classes */ /* /classes */ /* Animate.less Cross-browser LESS animation library for Bootstrap Licensed under the ☺ license (http://licence.visualidiot.com/) Documenation: https://github.com/machito/animate.less ------------------------------------------------------- Copyright © 2012 Michael Castilla Email: yo@machito.co Twitter: https://twitter.com/micr0bitz */ body { -webkit-backface-visibility: hidden; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @font-face { font-family: 'Futura Md BT Medium'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Medium'), url('/fonts/futuram.woff') format('woff'), url('/fonts/futuram.tff') format('truetype'); } @font-face { font-family: 'Futura Md BT Medium Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Medium Italic'), url('/fonts/futurami.woff') format('woff'), url('/fonts/futurami.tff') format('truetype'); } @font-face { font-family: 'Futura Md BT Bold'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Bold'), url('/fonts/futurab.woff') format('woff'), url('/fonts/futurab.tff') format('truetype'); } @font-face { font-family: 'Futura Md BT Bold Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Md BT Bold Italic'), url('/fonts/futurabi.woff') format('woff'), url('/fonts/futurabi.tff') format('truetype'); } @font-face { font-family: 'FuturaBlack BT Regular'; font-style: normal; font-weight: normal; font-display: auto; src: local('FuturaBlack BT Regular'), url('/fonts/futurak.woff') format('woff'), url('/fonts/futurak.tff') format('truetype'); } @font-face { font-family: 'Futura BdCn BT Bold'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura BdCn BT Bold'), url('/fonts/futurabc.woff') format('woff'), url('/fonts/futurabc.tff') format('truetype'); } @font-face { font-family: 'Futura Hv BT Heavy'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Hv BT Heavy'), url('/fonts/futurah.woff') format('woff'), url('/fonts/futurah.tff') format('truetype'); } @font-face { font-family: 'Futura Lt BT Light'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Lt BT Light'), url('/fonts/futural.woff') format('woff'), url('/fonts/futural.tff') format('truetype'); } @font-face { font-family: 'Futura LtCn BT Light'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura LtCn BT Light'), url('/fonts/futuralc.woff') format('woff'), url('/fonts/futuralc.tff') format('truetype'); } @font-face { font-family: 'Futura MdCn BT Medium'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura MdCn BT Medium'), url('/fonts/futuramc.woff') format('woff'), url('/fonts/futuramc.tff') format('truetype'); } @font-face { font-family: 'Futura Bk BT Book'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Bk BT Book'), url('/fonts/futuran.woff') format('woff'), url('/fonts/futuran.tff') format('truetype'); } @font-face { font-family: 'Futura Bk BT Book Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Bk BT Book Italic'), url('/fonts/futurani.woff') format('woff'), url('/fonts/futurani.tff') format('truetype'); } @font-face { font-family: 'Futura XBlk BT Extra Black'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlk BT Extra Black'), url('/fonts/futuraxk.woff') format('woff'), url('/fonts/futuraxk.tff') format('truetype'); } @font-face { font-family: 'Futura XBlkCn BT Extra Black'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlkCn BT Extra Black'), url('/fonts/futurxkc.woff') format('woff'), url('/fonts/futurxkc.tff') format('truetype'); } @font-face { font-family: 'Futura BdCn BT Bold Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura BdCn BT Bold Italic'), url('/fonts/futurbci.woff') format('woff'), url('/fonts/futurbci.tff') format('truetype'); } @font-face { font-family: 'Futura Hv BT Heavy Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Hv BT Heavy Italic'), url('/fonts/futurahi.woff') format('woff'), url('/fonts/futurahi.tff') format('truetype'); } @font-face { font-family: 'Futura Lt BT Light Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura Lt BT Light Italic'), url('/fonts/futurali.woff') format('woff'), url('/fonts/futurali.tff') format('truetype'); } @font-face { font-family: 'Futura LtCn BT Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura LtCn BT Italic'), url('/fonts/futurlci.woff') format('woff'), url('/fonts/futurlci.tff') format('truetype'); } @font-face { font-family: 'Futura MdCn BT Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura MdCn BT Italic'), url('/fonts/futurmci.woff') format('woff'), url('/fonts/futurmci.tff') format('truetype'); } @font-face { font-family: 'Futura XBlkIt BT Extra Black Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlkIt BT Extra Black Italic'), url('/fonts/futurxki.woff') format('woff'), url('/fonts/futurxki.tff') format('truetype'); } @font-face { font-family: 'Futura XBlkCnIt BT Extra Black Italic'; font-style: normal; font-weight: normal; font-display: auto; src: local('Futura XBlkCnIt BT Extra Black Italic'), url('/fonts/futuxkci.woff') format('woff'), url('/fonts/futuxkci.tff') format('truetype'); } .activity .item .icon { font-family: FontAwesome !important; } body { padding-top: 80px; } @media screen and (min-width: 1200px) { body { padding-top: 64px; } } #site-header { text-transform: uppercase; position: fixed; top: 0; width: 100%; z-index: 1039; background-color: #fff; -webkit-box-shadow: 2px 3px 22.8px 1.2px rgba(207, 209, 220, 0.98); -moz-box-shadow: 2px 3px 22.8px 1.2px rgba(207, 209, 220, 0.98); box-shadow: 2px 3px 22.8px 1.2px rgba(207, 209, 220, 0.98); } #site-header #site-name { padding: 20px 0 0 20px; font-family: 'Futura Lt BT Light'; } #site-header #site-name a { font-size: 16px; font-weight: 300; color: #065677; } #site-header #site-name a:hover { text-decoration: none; } @media screen and (min-width: 1200px) { #site-header #site-name { padding: 16px 0 0 16px; font-size: 12.8px; } } #site-header #site-name b { font-family: 'Futura Md BT Bold'; font-weight: 500; } #site-header .nav > li > a { font-family: 'Futura Lt BT Light'; font-size: 14px; font-weight: 300; color: #6a7073; border-bottom: solid 1px #ececec; -webkit-transition: border-color 350ms ease-in-out; -moz-transition: border-color 350ms ease-in-out; -ms-transition: border-color 350ms ease-in-out; -o-transition: border-color 350ms ease-in-out; } @media screen and (max-width: 767px) { #site-header .nav > li > a { font-weight: 600 !important; } } @media screen and (min-width: 1200px) { #site-header .nav > li > a { padding: 29.6px 12px 16px 12px; border-bottom: solid 3px transparent; font-family: 'Futura Md BT Bold'; font-weight: 500; font-size: 10.2px; } } #site-header .nav > li.active > a { color: #0881b2; border-color: #0881b2; } #site-header .nav > li a.loggedin { color: #009d31; } #site-header .nav > li a:hover, #site-header .nav > li a:active { color: #0881b2; border-color: #0881b2; } #site-header .nav > li a.seperator { color: #6a7073; border-color: transparent; padding-right: 0; padding-left: 0; } @media screen and (min-width: 1200px) { #site-header .nav > li.user-menu { position: relative; } #site-header .nav > li.user-menu:before { content: ''; top: 8px; bottom: 8px; left: 0; display: block; position: absolute; border-left: solid 1px #e2e9ef; } } @media screen and (min-width: 1200px) { .navbar-brand > img { width: auto; height: 67.2px; } } .navbar-default .navbar-toggle .icon-bar { background-color: #888888 !important; } #site-footer { padding: 20px 0 40px; -webkit-box-shadow: 0px -10px 5px 0px rgba(207, 209, 220, 0.98); -moz-box-shadow: 0px -10px 5px 0px rgba(207, 209, 220, 0.98); box-shadow: 0px -10px 5px 0px rgba(207, 209, 220, 0.98); } @media screen and (min-width: 992px) { #site-footer { padding: 60px 0 100px; } } @media screen and (min-width: 1200px) { #site-footer { padding: 38px 0 60px; margin-top: -20px; position: relative; } } #site-footer a { text-decoration: none; font-family: 'Futura Lt BT Light'; font-size: 18px; font-weight: 300; color: #00325d; } @media screen and (min-width: 1200px) { #site-footer a { font-size: 12.7px; } } #site-footer #logo { text-align: center; } @media screen and (min-width: 992px) { #site-footer #logo a { height: 103px; line-height: 103px; } } @media screen and (min-width: 1200px) { #site-footer #logo a { height: 82.4px; line-height: 82.4px; } } #site-footer #logo img { margin-bottom: 15px; } @media screen and (min-width: 992px) { #site-footer #logo img { margin-right: 35px; margin-bottom: 0; } } @media screen and (min-width: 1200px) { #site-footer #logo img { height: 61.6px; margin-right: 28px; } } @media screen and (min-width: 768px) { #site-footer #logo br { display: none; } } @media screen and (min-width: 992px) { #site-footer #logo { float: left; text-align: left; } } #site-footer #social { height: 103px; line-height: 103px; text-align: center; } @media screen and (min-width: 1200px) { #site-footer #social { height: 82.4px; line-height: 82.4px; } } #site-footer #social a { width: 44px; height: 103px; line-height: 103px; display: inline-block; background: url("/img/sosyal-sprite.gif") no-repeat 0 center; color: lime; text-indent: -6000px; text-align: left; } @media screen and (min-width: 1200px) { #site-footer #social a { width: 35.2px; height: 82.4px; line-height: 82.4px; background-size: 116px 35.2px; } } #site-footer #social a.facebook { background-position-x: 0; } #site-footer #social a.twitter { background-position-x: -50px; } @media screen and (min-width: 1200px) { #site-footer #social a.twitter { background-position-x: -40px; } } #site-footer #social a.linkedin { background-position-x: -101px; } @media screen and (min-width: 1200px) { #site-footer #social a.linkedin { background-position-x: -80.8px; } } @media screen and (min-width: 992px) { #site-footer #social { float: right; text-align: right; } } #site-footer #social .menu-about { margin-bottom: -40px; } @media screen and (max-width: 767px) { #site-footer #social .menu-about { padding-top: 15px; padding-bottom: 15px; margin-top: 15px; margin-bottom: 0; border-top: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; } } #site-footer #social .menu-about a { width: auto; height: auto; line-height: 1; background: transparent; text-indent: 0; color: #00325d; position: relative; margin: 0; padding: 0; } #site-footer #social .menu-about a:nth-child(2) { padding-right: 16px; padding-left: 16px; } #site-footer #social .menu-about a:nth-child(2):before, #site-footer #social .menu-about a:nth-child(2):after { display: block; content: ''; width: 8px; height: 8px; border-radius: 8px; background-color: #00325d; position: absolute; top: 50%; margin-top: -4px; } #site-footer #social .menu-about a:nth-child(2):before { left: 2px; } #site-footer #social .menu-about a:nth-child(2):after { right: 2px; } #site-footer #social .menu-about a:nth-child(3) { padding-right: 16px; } #site-footer #social .menu-about a:nth-child(3):after { display: block; content: ''; width: 8px; height: 8px; border-radius: 8px; background-color: #00325d; position: absolute; top: 50%; margin-top: -4px; } #site-footer #social .menu-about a:nth-child(3):after { right: 2px; } #inner-shadow { position: fixed; bottom: 0; width: 100%; display: block; -webkit-box-shadow: 0 -3px 22.8px 1.2px rgba(0, 0, 0, 0.98); -moz-box-shadow: 0 -3px 22.8px 1.2px rgba(0, 0, 0, 0.98); box-shadow: 0 -3px 22.8px 1.2px rgba(0, 0, 0, 0.98); } .font-weight-bold { font-weight: bold; } .cursor-pointer { cursor: pointer; } .no-hr-pad { padding-right: 0; padding-left: 0; } .usability-popover .fa::before { position: absolute; } body { background-color: #f2f2f2; } .navbar-default .navbar-toggle { border: none; } @media screen and (max-width: 767px) { .navbar-default .navbar-toggle { margin-top: 24px; margin-right: 6px; } } h1, .h1 { font-family: 'Futura Md BT Bold'; font-size: 14px; font-weight: 700; color: #0a5676; } @media screen and (min-width: 992px) { h1, .h1 { font-size: 24px; } } @media screen and (min-width: 1200px) { h1, .h1 { font-size: 19.2px; } } a:hover, a:focus, a:active { background-color: transparent; outline: none; } #main-menu.navbar { margin-bottom: 0; } #main-menu.navbar-default { background-color: transparent; border: none; } #main-menu.navbar-default .navbar-nav > .active > a, #main-menu.navbar-default .navbar-nav > .active > a:hover, #main-menu.navbar-default .navbar-nav > .active > a:focus { background-color: transparent; } #main-menu.navbar-default .dropdown-menu { font-size: 14px; } @media screen and (max-width: 1199px) { #main-menu.navbar-default .dropdown-menu { right: auto; } } @media screen and (min-width: 1200px) { #main-menu.navbar-default .dropdown-menu { font-size: 11.2px !important; } #main-menu.navbar-default .dropdown-menu li { font-size: 11.2px !important; } } #main-menu.navbar-default .dropdown-menu i { margin-right: 10px; } @media screen and (min-width: 1200px) { #main-menu.navbar-default .dropdown-menu i { margin-right: 8px; } } @media screen and (max-width: 1199px) { #main-menu.navbar-default .dropdown-menu > li > a { border-bottom: solid 1px #ececec; font-family: 'Futura Lt BT Light'; } } @media screen and (min-width: 1200px) { #main-menu.navbar-default .dropdown:hover .dropdown-menu { display: block; } } #main-menu.navbar-default .nav > li > a:hover, #main-menu.navbar-default .nav > li > a:focus { background-color: transparent; } #main-menu.navbar-default .navbar-brand { height: auto; padding: 4px 12px 0 0; } @media screen and (min-width: 992px) { #main-menu.navbar-default .navbar-brand { position: relative; } #main-menu.navbar-default .navbar-brand::after { content: ''; display: block; position: absolute; top: 10px; right: 0; bottom: 0; border-right: solid 1px #e2e9ef; } } @media screen and (min-width: 1200px) { #main-menu.navbar-default .navbar-brand { padding: 3.2px 9.6px 0 0; } #main-menu.navbar-default .navbar-brand::after { top: 8px; } } @media (max-width: 1199px) { .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; } .navbar-nav > li { float: none; } .collapse.in { display: block !important; max-height: 480px; overflow-y: auto; } } @media (max-width: 1199px) and screen and (min-width: 1200px) { .navbar-nav { margin-top: 6px; } } @media (max-width: 1199px) and screen and (min-width: 1200px) { .collapse.in { max-height: 384px; } } .modal .h4, .modal h4 { font-size: 24px; color: #0061b2; font-family: 'Futura Md BT Medium'; } @media screen and (min-width: 1200px) { .modal .h4, .modal h4 { font-size: 19.2px; } } .nav-tabs { border-bottom: none; z-index: 100; } .nav-tabs > li { position: relative; margin-bottom: 0; } .nav-tabs > li a { font-size: 20px; font-family: 'Futura Md BT Bold'; color: #6a7073; background-color: #f1f3f5; border: 1px solid #ddd; border-bottom-color: transparent; margin: 0 2px 0 0 !important; padding: 13px 30px; } @media screen and (max-width: 767px) { .nav-tabs > li a { width: 100%; margin-right: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } } @media screen and (min-width: 1200px) { .nav-tabs > li a { font-size: 16px; margin: 0 1.6px 0 0 !important; padding: 10.4px 24px; } } .nav-tabs > li a:hover { font-size: 20px; font-family: 'Futura Md BT Bold'; color: #6a7073; background-color: #f1f3f5; border: 1px solid #ddd; border-bottom-color: transparent; margin: 0 2px 0 0 !important; padding: 13px 30px; } @media screen and (max-width: 767px) { .nav-tabs > li a:hover { width: 100%; margin-right: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } } @media screen and (min-width: 1200px) { .nav-tabs > li a:hover { font-size: 16px; margin: 0 1.6px 0 0 !important; padding: 10.4px 24px; } } .nav-tabs > li.active:after, .nav-tabs > li:focus:after { right: 3px; bottom: -1px; left: 1px; border-bottom: solid 1px #fff; content: ''; position: absolute; display: block; } @media screen and (min-width: 1200px) { .nav-tabs > li.active:after, .nav-tabs > li:focus:after { right: 2.4px; bottom: -0.8px; left: 0.8px; } } @media screen and (max-width: 767px) { .nav-tabs > li { width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } } .tab-content { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; border-top-left-radius: 0; border: solid 1px #d7d7d7; padding: 15px 30px; margin-bottom: 15px; } @media screen and (min-width: 1200px) { .tab-content { padding: 12px 24px; margin-bottom: 12px; } } .form-horizontal .control-label, .checkbox label, .form-control { height: 36px; line-height: 36px; font-size: 16px; font-weight: 300; color: #000; font-family: 'Futura Lt BT Light'; padding-top: 0; } @media screen and (min-width: 1200px) { .form-horizontal .control-label, .checkbox label, .form-control { height: 28.8px; line-height: 28.8px; font-size: 12.8px; } } .form-control, .form-horizontal .checkbox, .checkbox label { height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; } @media screen and (min-width: 1200px) { .form-control, .form-horizontal .checkbox, .checkbox label { height: 28.8px; line-height: 28.8px; } } .checkbox label { padding-left: 30px; } @media screen and (min-width: 1200px) { .checkbox label { padding-left: 24px; } } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { display: none; } .checkbox input[type=checkbox] + .checkmark, .checkbox-inline input[type=checkbox] + .checkmark { width: 20px; height: 20px; display: block; position: absolute; text-align: center; top: 50%; left: 0; margin-top: -10px; border: solid 1px #b7b7b7; border-radius: 6px; background-color: #fff; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; } @media screen and (min-width: 1200px) { .checkbox input[type=checkbox] + .checkmark, .checkbox-inline input[type=checkbox] + .checkmark { width: 16px; height: 16px; margin-top: -8px; } } .checkbox input[type=checkbox] + .checkmark i, .checkbox-inline input[type=checkbox] + .checkmark i { color: #fff; font-size: 12px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; } @media screen and (min-width: 1200px) { .checkbox input[type=checkbox] + .checkmark i, .checkbox-inline input[type=checkbox] + .checkmark i { font-size: 9.6px; margin-top: -4.8px; margin-left: -4.8px; } } .checkbox input[type=checkbox] + .checkmark:hover, .checkbox-inline input[type=checkbox] + .checkmark:hover { background-color: #cdd6dc; } .checkbox input[type=checkbox]:checked + .checkmark, .checkbox-inline input[type=checkbox]:checked + .checkmark { background-color: #053e73; } .btn { height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; font-size: 16px; font-weight: 700; color: #fff; font-family: 'Futura Md BT Bold'; } @media screen and (min-width: 1200px) { .btn { height: 28.8px !important; line-height: 28.8px !important; font-size: 12.8px !important; } } .btn.btn-cancel { color: #0a5676; } .btn { padding-right: 24px; padding-left: 24px; } @media screen and (min-width: 1200px) { .btn { padding-right: 19.2px; padding-left: 19.2px; } } .btn-primary { background-color: #053e73; } .btn-primary:hover { background-color: #053e73; } .btn-primary.light { background-color: #4277a9; } .btn-primary.grey { background-color: #636566; } .btn.font-default-color { color: #555555; } /*body { background: white; }*/ [role=main], .main { background: transparent; } .tab-filler { width: 100%; clear: both; } .text-default-color { color: #3f4244; } .w100 { width: 100%; } .bg-white { background: white; } .js .tab-content { display: block; } .custom-tab { border-radius: 0px 10px 10px !important; padding: 15px 20px !important; margin-bottom: 15px !important; overflow: hidden !important; background: #FFF; margin-left: 0px !important; border-color: #dddddd !important; } @media screen and (min-width: 1200px) { .custom-tab { padding: 12px 16px !important; margin-bottom: 12px !important; } } label::after { content: ''; } .js .image-upload .btn-remove-url { top: 1px; } strong, b { font-family: 'Futura Md BT Bold'; font-weight: 700; } .color-green { color: green; } .color-white { color: white; } .d-block { display: block; } .p-relative { position: relative; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-2 { margin-top: 10px !important; margin-bottom: 10px !important; } @media screen and (min-width: 1200px) { .my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } .color-red { color: red; } .user-action-btn { cursor: pointer; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; border: solid 1px #ccc; padding-right: 5px; } @media screen and (min-width: 1200px) { .user-action-btn { font-size: 12.8px; padding-right: 4px; } } .user-action-btn i { height: 25px; line-height: 25px; margin-right: 5px; cursor: pointer; padding-right: 5px; padding-left: 5px; border-right: 1px solid #ccc; background-color: #f6f6f6; } @media screen and (min-width: 1200px) { .user-action-btn i { height: 20px; line-height: 20px; margin-right: 4px; padding-right: 4px; padding-left: 4px; } } .form-group { min-height: 31px; margin-bottom: 15px; display: block; } .form-group label { height: 31px; line-height: 31px; font-family: 'Futura Lt BT Light'; font-size: 16px; font-weight: 300; color: #000; } @media screen and (min-width: 1200px) { .form-group label { height: 24.8px; line-height: 24.8px; font-size: 12.8px; } } @media screen and (min-width: 768px) { .form-group { display: flex; } } @media screen and (min-width: 1200px) { .form-group { min-height: 24.8px; margin-bottom: 12px; } } @media screen and (min-width: 1200px) { section[id] { zoom: 1 !important; -ms-zoom: 1; } } article.article > ul.nav > li a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } article.article .custom-tab { border-top-right-radius: 0; } .modal.fade.in { margin-top: 100px; } @media screen and (min-width: 1200px) { .modal.fade.in { margin-top: 80px; } } .js .image-upload .btn-remove-url { margin: 0 !important; } #categories .col-md-3 .data-box .cat-head, #categories .col-md-3 .data-box p.cat-class, #categories .col-md-3 .data-box p.cat-num { padding-right: 10px; padding-left: 10px; white-space: normal; overflow: visible; text-overflow: inherit; } @media screen and (min-width: 1200px) { #categories .col-md-3 .data-box .cat-head, #categories .col-md-3 .data-box p.cat-class, #categories .col-md-3 .data-box p.cat-num { padding-right: 8px; padding-left: 8px; } } @media screen and (min-width: 1200px) { .container { width: 90%; max-width: 1250px; } } div.form-actions.col-md-9 { overflow: visible; } .fa, .fab, .fad, .fal, .far, .fas { opacity: 1 !important; } @media screen and (min-width: 1200px) { .control-required-message { font-size: 17.6px; } } .select2-container.form-control { border: none; padding-right: 0; padding-left: 0; } .select2-drop.select2-drop-active { margin-top: -3px; } .no-margin-around { margin: 0 !important; } .no-margin-top { margin-top: 0; } .no-margin-bottom { margin-bottom: 0; } @media screen and (min-width: 992px) { #categories h4.panel-title a, #categories li.nav-item a, #categories div.controls.col-md-9 a { margin-top: 0 !important; margin-bottom: 0 !important; } } #categories a.no-margin-top { margin-top: 0 !important; } #categories a.no-margin-bottom { margin-bottom: 0 !important; } div.col-sm-6.order .select2-container a.select2-choice { margin-top: 0 !important; margin-bottom: 0 !important; } .flash-messages { position: relative; } .flash-messages .alert { position: absolute; z-index: 1; width: 100%; } .label-private.label, .label-deleted.label, .label-draft.label { border-radius: 5px; } #categories { background: url("/img/bg-kategoriler.png") #e9eef3 no-repeat center top; background-size: 100% auto; text-align: center; } #categories h3 { color: #00325d; margin-top: 100px; margin-bottom: 25px; } @media screen and (min-width: 1200px) { #categories h3 { margin-top: 80px; margin-bottom: 20px; } } #categories p { font-family: 'Futura Lt BT Light'; font-size: 18px; font-weight: 300; color: #2a2a2d; } @media screen and (min-width: 1200px) { #categories p { font-size: 14.4px; } } #categories :not(.row.p-top) a { margin-bottom: 75px; } @media screen and (min-width: 992px) { #categories :not(.row.p-top) a:nth-child(-n+4) { margin-top: 75px; } } @media screen and (min-width: 1200px) { #categories :not(.row.p-top) a { margin-bottom: 60px; } #categories :not(.row.p-top) a:nth-child(-n+4) { margin-top: 60px; } } #categories .data-box a { margin-bottom: 0; } @media screen and (min-width: 992px) { #categories .data-box a:nth-child(-n+4) { margin-top: 0; } } #categories .cat-head { margin-top: 0px; font-family: 'Futura Md BT Medium'; font-size: 22px; font-weight: 500; color: #0a5676; } @media screen and (min-width: 1200px) { #categories .cat-head { font-size: 17.6px; } } #categories .cat-icons { width: 115px; height: 115px; background-position-y: top; margin: auto; margin-bottom: 20px; display: block; } @media screen and (min-width: 1200px) { #categories .cat-icons { margin-bottom: 16px; width: 92px; height: 92px; } } #categories .cat-icons.ulasim { background-position-x: 0; } #categories .cat-icons.bilgi { background-position-x: -115px; } #categories .cat-icons.saglik { background-position-x: -230px; } #categories .cat-icons.acil { background-position-x: -345px; } #categories .cat-icons.sosyal { background-position-x: -460px; } #categories .cat-icons.spor { background-position-x: -575px; } #categories .cat-icons.cevre { background-position-x: -690px; } #categories .cat-icons.imar { background-position-x: -805px; } #categories .meta-bar { position: absolute !important; top: 20px; } @media screen and (min-width: 1200px) { #categories .meta-bar { top: 16px; } } #categories .label-private, #categories .label-deleted, #categories .label-draft { line-height: 10px; height: 14px; width: 50px; padding-top: 0px; padding-bottom: 0px; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; } #categories :not(.row.p-top) label.css-s a:nth-child(-n+4) { margin-top: 0; margin-bottom: 0; } .data-box, #categories .data-box { max-height: 309px; padding: 17px; padding-bottom: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; background-color: #fff; color: #000; margin-bottom: 13px; position: relative; } @media screen and (min-width: 768px) { .data-box, #categories .data-box { margin-bottom: 26px; } } @media screen and (min-width: 1200px) { .data-box, #categories .data-box { max-height: 120px; padding: 10px; margin-bottom: 10.4px; position: relative; } } .data-box .data-head, #categories .data-box .data-head { display: inline-block; width: 100%; } .data-box .data-icon, #categories .data-box .data-icon { float: left; margin-right: 15px; border: solid 1px #d7d7d7; border-radius: 10px; width: 40px; height: 40px; overflow: hidden; position: relative; } .data-box .data-icon img, #categories .data-box .data-icon img { position: absolute; max-width: 100%; height: auto; max-height: 100%; min-height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 768px) and (max-width: 1199px) { .data-box .data-icon, #categories .data-box .data-icon { width: 87px; height: 87px; } } @media screen and (min-width: 1200px) { .data-box .data-icon, #categories .data-box .data-icon { width: 67px; height: 67px; } } .data-box p, #categories .data-box p { margin: auto; width: 100%; text-align: left !important; font-family: 'Futura Md BT Medium'; font-size: 16px; font-weight: 500; color: #00325d; } .data-box p.cat-class, #categories .data-box p.cat-class, .data-box p.cat-num, #categories .data-box p.cat-num, .data-box p.cat-desc, #categories .data-box p.cat-desc { text-align: center !important; } @media screen and (min-width: 1200px) { .data-box p, #categories .data-box p { font-size: 14px; } } .data-box .data-heading, #categories .data-box .data-heading { float: left; } @media screen and (max-width: 767px) { .data-box .data-heading, #categories .data-box .data-heading { width: calc(100% - 75px); } } @media screen and (min-width: 768px) { .data-box .data-heading, #categories .data-box .data-heading { width: calc(100% - 135px); } } @media screen and (min-width: 1200px) { .data-box .data-heading p, #categories .data-box .data-heading p { text-align: left; } .data-box .data-heading p a, #categories .data-box .data-heading p a { color: #00325d; } .data-box .data-heading .last-info, #categories .data-box .data-heading .last-info { font-size: 12px; line-clamp: 1; -webkit-line-clamp: 1; box-orient: vertical; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block; display: -webkit-box; overflow: hidden; height: 14px; line-height: 1.2; font-family: 'Futura Lt BT Light'; margin-top: 3px; margin-bottom: 3px; } } .data-box i, #categories .data-box i { width: 155px; height: 106px; margin: auto; background: url("/img/veri-setleri-sprite.png") no-repeat; background-position-x: center; display: block; } .data-box i.arac, #categories .data-box i.arac { background-position-y: 15px; } .data-box i.beyaz-masa, #categories .data-box i.beyaz-masa { background-position-y: -149px; } .data-box i.ist-foto, #categories .data-box i.ist-foto { background-position-y: -310px; } .data-box i.trafik, #categories .data-box i.trafik { background-position-y: -476px; } .data-box i.engelli, #categories .data-box i.engelli { background-position-y: -641px; } .data-box i.medikal, #categories .data-box i.medikal { background-position-y: -817px; } .data-box i.bisiklet, #categories .data-box i.bisiklet { background-position-y: -977px; } .data-box i.dataset-default-icon, #categories .data-box i.dataset-default-icon { background: url(/img/default-dataset-icon.png) no-repeat; } .data-box img.dataset-icon, #categories .data-box img.dataset-icon { width: 155px; height: 106px; margin: auto; background-position-x: center; display: block; } @media screen and (min-width: 1200px) { .data-box img.dataset-icon, #categories .data-box img.dataset-icon { width: 124px; height: 84.8px; } } .data-box hr, #categories .data-box hr { border-color: #a6abae; margin-top: 17px; margin-bottom: 14px; } @media screen and (min-width: 1200px) { .data-box hr, #categories .data-box hr { margin-top: 13.6px; margin-bottom: 11.2px; } } .data-box .file-types, #categories .data-box .file-types { max-width: 70%; white-space: nowrap; overflow: hidden; margin-bottom: 15px; } @media screen and (min-width: 768px) { .data-box .file-types, #categories .data-box .file-types { max-width: 66%; } } @media screen and (min-width: 1200px) { .data-box .file-types, #categories .data-box .file-types { margin-bottom: 0; } } .data-box .file-types a, #categories .data-box .file-types a { height: 22px; line-height: 22px; padding: 0 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-right: 2px; font-family: 'Futura Md BT Medium'; font-size: 12px; font-weight: 500; color: #fff; display: inline-block; flex: 0 0 auto; text-decoration: none; } @media screen and (min-width: 1200px) { .data-box .file-types a, #categories .data-box .file-types a { height: 16px; line-height: 16px; padding: 0 6px; font-size: 10px; font-weight: 500; color: #fff; } } .data-box .downloaded, #categories .data-box .downloaded { background: url(/img/downloaded.gif) no-repeat left center; background-size: 24px auto; padding-left: 30px; font-family: 'Futura Lt BT Light'; font-size: 14px; font-weight: 300; color: #0089ff; max-width: 49.999999%; } .data-box .date-modified, #categories .data-box .date-modified { width: 100%; clear: both; font-family: 'Futura Lt BT Light'; font-size: 14px; font-weight: 300; color: #00325d; height: 62px; line-height: 62px; text-align: right; margin-bottom: 9px; padding-top: 8px; } @media screen and (min-width: 1200px) { .data-box .date-modified, #categories .data-box .date-modified { font-size: 9px; height: 30px; line-height: 30px; margin-bottom: 12px; } } .data-box .date-modified b, #categories .data-box .date-modified b { color: #206b82; } .data-box .box-info, #categories .data-box .box-info { clear: both; padding-bottom: 15px; display: inline-block; width: 100%; } @media screen and (min-width: 1200px) { .data-box .box-info, #categories .data-box .box-info { padding-bottom: 0; } } .data-box .box-info ul, #categories .data-box .box-info ul { padding: 0; display: block; } @media screen and (min-width: 1200px) { .data-box .box-info ul, #categories .data-box .box-info ul { padding: 0 13.6px; margin-bottom: 0; } } .data-box .box-info li, #categories .data-box .box-info li { list-style-type: none; font-family: 'Futura Lt BT Light'; font-size: 12px; font-weight: 300; color: rgba(0, 0, 0, 0.4); } @media screen and (max-width: 374px) { .data-box .box-info li, #categories .data-box .box-info li { font-size: 11px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .data-box .box-info li, #categories .data-box .box-info li { font-size: 16px; } } @media screen and (min-width: 768px) { .data-box .box-info li:nth-child(even), #categories .data-box .box-info li:nth-child(even) { text-align: right; padding-left: 0; } } .data-box .box-info .last-info, #categories .data-box .box-info .last-info { margin-top: 5px; padding-top: 5px; position: relative; } @media screen and (min-width: 1200px) { .data-box .box-info .last-info, #categories .data-box .box-info .last-info { margin-top: 4px; padding-top: 4px; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block; display: -webkit-box; overflow: hidden; height: 45px; } } .data-box .box-info .last-info:before, #categories .data-box .box-info .last-info:before { content: ''; display: block; position: absolute; top: 0; right: 10px; left: 10px; border-top: solid 1px #a6abae; } @media screen and (min-width: 1200px) { .data-box .box-info .last-info:before, #categories .data-box .box-info .last-info:before { right: 8px; left: 8px; } } .data-box .label-info, #categories .data-box .label-info { top: 15px; right: 0; position: absolute; } .data-box .dataset-private, #categories .data-box .dataset-private { width: 54px; position: absolute; top: 15px; left: 15px; padding: 2px 4px; font-size: 10px; } .data-box .dataset-private i, #categories .data-box .dataset-private i { width: auto; height: auto; background-image: none; float: left; margin: 0 5px 2px 0; } .data-box .dataset-private + .label-info, #categories .data-box .dataset-private + .label-info { top: 40px; } .data-box .meta-bar, #categories .data-box .meta-bar { position: absolute; top: 15px; } .data-box .meta-bar .label-info, #categories .data-box .meta-bar .label-info { top: 0; } .data-box .meta-bar .dataset-private, #categories .data-box .meta-bar .dataset-private { top: 0; } .data-box .meta-bar .dataset-private + .label-info, #categories .data-box .meta-bar .dataset-private + .label-info { top: 25px; } @media screen and (min-width: 1200px) { .data-box .meta-bar, #categories .data-box .meta-bar { top: 0; left: 0; } .data-box .meta-bar .dataset-private, #categories .data-box .meta-bar .dataset-private { top: 0; left: 15px; margin: 0; } .data-box .meta-bar .dataset-private + .label-info, #categories .data-box .meta-bar .dataset-private + .label-info, .data-box .meta-bar .dataset-private + .label-deleted, #categories .data-box .meta-bar .dataset-private + .label-deleted { top: 0; left: 73px; margin: 0; } .data-box .meta-bar .label-deleted, #categories .data-box .meta-bar .label-deleted { margin: 0; left: 15px; } } .col-md-9 .bordered { overflow: visible; position: relative; } #dataset-list .data-box, #dataset-list #categories .data-box { overflow: visible; max-height: none; height: auto; border: solid 1px #d7d7d7; border-bottom: none !important; border-radius: 0 !important; margin-bottom: 0; -webkit-transition: background-color 350ms ease-in-out; -moz-transition: background-color 350ms ease-in-out; -ms-transition: background-color 350ms ease-in-out; -o-transition: background-color 350ms ease-in-out; } #dataset-list .data-box:last-child, #dataset-list #categories .data-box:last-child { border-bottom: solid 1px #d7d7d7 !important; margin-bottom: 15px; } #dataset-list .data-box.org-box, #dataset-list #categories .data-box.org-box { height: auto; } #dataset-list .data-box .quick-look, #dataset-list #categories .data-box .quick-look, #dataset-list .data-box .quick-preview, #dataset-list #categories .data-box .quick-preview { position: absolute; top: 6px; padding: 3px 5px; background-color: #fff; font-family: 'Futura Md BT Medium'; font-size: 12px; font-weight: 500; color: #206b82; border-radius: 4px; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; } #dataset-list .data-box .quick-look, #dataset-list #categories .data-box .quick-look { right: 10px; border: solid 1px #d7d7d7; } #dataset-list .data-box .quick-look span, #dataset-list #categories .data-box .quick-look span { margin-right: 3px; padding-right: 5px; padding-left: 1px; border-right: solid 1px #d7d7d7; } #dataset-list .data-box .quick-look span.quick-count, #dataset-list #categories .data-box .quick-look span.quick-count { width: 28px; text-align: center; border-right: none; margin-right: 0; padding-right: 0; padding-left: 0; float: right; } #dataset-list .data-box .quick-preview, #dataset-list #categories .data-box .quick-preview { opacity: 0; right: 70px; margin-right: 5px; border: solid 1px transparent; } @media screen and (min-width: 1200px) { #dataset-list .data-box .quick-preview, #dataset-list #categories .data-box .quick-preview { cursor: pointer; } } #dataset-list .data-box:hover, #dataset-list #categories .data-box:hover { background-color: rgba(233, 238, 243, 0.6); } #dataset-list .data-box:hover .quick-look, #dataset-list #categories .data-box:hover .quick-look, #dataset-list .data-box:hover .quick-preview, #dataset-list #categories .data-box:hover .quick-preview { border-color: #d7d7d7; } #dataset-list .data-box:hover .quick-preview, #dataset-list #categories .data-box:hover .quick-preview { opacity: 1; } #dataset-list .data-box .box-info, #dataset-list #categories .data-box .box-info { width: auto; } @media screen and (max-width: 1199px) { #dataset-list .data-box .box-info, #dataset-list #categories .data-box .box-info { padding-top: 5px; padding-left: 15px; } } @media screen and (min-width: 768px) { #dataset-list .data-box .box-info, #dataset-list #categories .data-box .box-info { width: calc(100% - 135px); } } @media screen and (min-width: 1200px) { #dataset-list .data-box .box-info, #dataset-list #categories .data-box .box-info { padding-left: 2px; width: calc(100% - 105px); } } #dataset-list .data-box .box-info i, #dataset-list #categories .data-box .box-info i { width: auto; height: auto; background: none; display: inline-block; transform: none; color: rgba(0, 0, 0, 0.4); font-size: 16px !important; } #dataset-list .data-box .box-info i.far, #dataset-list #categories .data-box .box-info i.far, #dataset-list .data-box .box-info i.fas, #dataset-list #categories .data-box .box-info i.fas, #dataset-list .data-box .box-info i.fa, #dataset-list #categories .data-box .box-info i.fa { display: inline-block; transform: none; color: rgba(0, 0, 0, 0.4); font-size: 14px !important; } #dataset-list .data-box .box-info li, #dataset-list #categories .data-box .box-info li { display: inline-block; height: 20px; line-height: 20px; text-align: left !important; } #dataset-list .data-box .box-info li.file-formats, #dataset-list #categories .data-box .box-info li.file-formats { position: relative; } #dataset-list .data-box .box-info li.pad-right, #dataset-list #categories .data-box .box-info li.pad-right { padding-right: 10px; } #dataset-list .data-box .box-info li.empty, #dataset-list #categories .data-box .box-info li.empty { width: 100%; display: block; height: 0; } @media screen and (min-width: 768px) { #dataset-list .data-box .box-info li.empty, #dataset-list #categories .data-box .box-info li.empty { display: none; } } @media screen and (min-width: 1200px) { #dataset-list .data-box .box-info li.section-since, #dataset-list #categories .data-box .box-info li.section-since { width: 100px; } #dataset-list .data-box .box-info li.section-size, #dataset-list #categories .data-box .box-info li.section-size { width: 68px; } #dataset-list .data-box .box-info li.section-usability, #dataset-list #categories .data-box .box-info li.section-usability { width: 57px; } #dataset-list .data-box .box-info li.section-usability, #dataset-list #categories .data-box .box-info li.section-usability { width: 57px; } #dataset-list .data-box .box-info li.section-licence, #dataset-list #categories .data-box .box-info li.section-licence { float: right; } } #dataset-list .data-box p, #dataset-list #categories .data-box p { padding-top: 0 !important; line-clamp: 1 !important; -webkit-line-clamp: 1 !important; box-orient: vertical !important; -webkit-box-orient: vertical !important; -o-text-overflow: ellipsis !important; -ms-text-overflow: ellipsis !important; text-overflow: ellipsis !important; display: block !important; display: -webkit-box !important; overflow: hidden !important; height: 20px !important; } #dataset-list .data-box p.last-info, #dataset-list #categories .data-box p.last-info { font-weight: 400; color: #929191; font-size: 12px; height: 14px !important; line-height: 14px !important; } #dataset-list .data-box .data-heading p, #dataset-list #categories .data-box .data-heading p { padding-left: 0 !important; } #dataset-list .data-box .data-heading p a, #dataset-list #categories .data-box .data-heading p a { color: #0673a1; } @media screen and (min-width: 1200px) { #dataset-list .data-box a.data-icon, #dataset-list #categories .data-box a.data-icon { width: 67px !important; height: 67px !important; max-width: none !important; } #dataset-list .data-box a.data-icon img.dataset-list-thumbnail, #dataset-list #categories .data-box a.data-icon img.dataset-list-thumbnail { position: absolute; max-width: 90%; height: auto; max-height: 100%; min-height: auto; top: 50% !important; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } #dataset-list .col-xs-12 { margin-bottom: 15px; } @media screen and (max-width: 767px) { #dataset-list .col-xs-12:after { content: ''; display: block; clear: both; border-bottom: solid 1px #d7d7d7; } } .tooltip-inner { max-width: 300px; text-align: left; } .tooltip-inner .tooltip-align { width: 98px; display: block; float: left; } [id*='dsModal-'] button.close { position: absolute; top: 15px; right: 15px; outline: none; } @media screen and (min-width: 1200px) { [id*='dsModal-'] .modal-dialog { width: 700px; margin: 30px auto; } } [id*='dsModal-'] .modal-content { background-color: #f8f8f8; } [id*='dsModal-'] .modal-body { max-height: 400px; overflow: auto; } [id*='dsModal-'] .modal-body:after { content: ''; display: block; clear: both; } [id*='dsModal-'] h5 { color: #0673a1; font-size: 16px; } [id*='dsModal-'] p { color: rgba(0, 0, 0, 0.5); font-size: 14px; text-align: right; clear: both; min-height: 20px; line-height: 20px; margin-bottom: 5px; } [id*='dsModal-'] p i, [id*='dsModal-'] p span { text-align: left; } [id*='dsModal-'] p i { min-width: 20px; } [id*='dsModal-'] p span { float: right; } [id*='dsModal-'] p span:first-child { float: left; } [id*='dsModal-'] p span.m-half-width { max-width: 50%; text-align: right; } [id*='dsModal-'] p.text-left { text-align: left; } [id*='dsModal-'] p > a { float: left; } [id*='dsModal-'] i[class*='fa'] { font-size: 12px; } [id*='dsModal-'] a { font-family: 'Futura Md BT Medium'; } [id*='dsModal-'] a.XLS { background-color: #2db55d; } [id*='dsModal-'] a.XLSX { background-color: #009d31; } [id*='dsModal-'] a.ZIP { background-color: #686868; } [id*='dsModal-'] a.API { background-color: #ec96be; } [id*='dsModal-'] a.HTML { background-color: #55a1ce; } [id*='dsModal-'] a.JPG, [id*='dsModal-'] a.JPEG { background-color: #5ca2a2; } [id*='dsModal-'] a.PNG { background-color: #81bf82; } [id*='dsModal-'] a.CSV { background-color: #98b599; } [id*='dsModal-'] a.GEOJSON { background-color: #bb5801; } [id*='dsModal-'] a.PDF { background-color: #e0051e; } [id*='dsModal-'] a.TEXT { background-color: #74cbec; } [id*='dsModal-'] a.RDF, [id*='dsModal-'] a [class*="RDF"], [id*='dsModal-'] a [class*="NQUAD"], [id*='dsModal-'] a [class*="NTRIPLES"], [id*='dsModal-'] a [class*="TURTLE"] { background-color: #0b4498; } [id*='dsModal-'] a.JSON, [id*='dsModal-'] a.XML { background-color: #ef7100; } [id*='dsModal-'] .m-licence .m-half-width { line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block; display: -webkit-box; overflow: hidden; height: 40px; text-align: right; } [id*='dsModal-'] #dataset-summary { color: rgba(0, 0, 0, 0.5); } [id*='dsModal-'] #dataset-summary p { text-align: left; } [id*='dsModal-'] .modal-footer a { background-color: #206b82; color: #fff; padding: 5px; } .search-box-contianer { width: 100%; padding: 0 15px; } #dataset-search-form div.col-sm-6.order .select2-container a.select2-choice { position: relative; z-index: 50; } @media screen and (min-width: 1024px) { #dataset-search-form div.col-sm-6.order .select2-container a.select2-choice { height: 29px; line-height: 29px; } } @media screen and (min-width: 1024px) { #dataset-search-form { margin: 0 -15px; } } #categories .top-line > div[class="col-sm-6"] > a[class="btn btn-primary"] { position: relative; z-index: 40; } @media screen and (min-width: 1024px) { #categories .top-line > div[class="col-sm-6"] > a[class="btn btn-primary"] { margin-left: -15px; transform: translate(0, -5px); font-size: 12px; height: 29px; line-height: 29px; } } @media screen and (min-width: 1024px) { #categories .top-line.user-logged-in > div[class="col-sm-6"] { width: auto !important; display: inline-block; } } @media screen and (min-width: 1200px) { } #categories .top-line p.filter-list { line-height: 35px; } @media screen and (min-width: 1024px) { #categories .col-md-9 > .bordered > div[class="row"] { position: absolute; top: 23px; width: calc(100% - 36px); z-index: 1; } } @media screen and (min-width: 1024px) { #categories .col-md-9 > .bordered > div[class="row"] .search-box-contianer #search-box { width: calc(100% - 204px); margin-right: 190px; } #categories .col-md-9 > .bordered > div[class="row"] .search-box-contianer #search-box.lang-en { width: calc(100% - 224px); margin-right: 210px; } } @media screen and (min-width: 1024px) { #categories .col-md-9 > .bordered > div[class="row"] .search-box-contianer.user-logged-in #search-box { width: calc(100% - 354px); margin-right: 200px; margin-left: 150px; } #categories .col-md-9 > .bordered > div[class="row"] .search-box-contianer.user-logged-in #search-box.lang-en { width: calc(100% - 374px); } } div.side-box#search-box button { zoom: 1 !important; } .modal.in .modal-dialog { transition: none !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; } #serp label, #serp .filter-list { position: relative; z-index: 20; } #filterModal label { font-weight: 500; font-family: 'Futura Md BT Medium'; } #filterModal label.filter-licence-check { font-family: 'Futura Lt BT Light'; } #filterModal .form-group { flex-wrap: wrap; margin-bottom: 0; } #filterModal .f-w { width: 100%; clear: both; } #filterModal .btn { font-family: 'Futura Lt BT Light'; font-weight: 300; } #filterModal .btn-light { background-color: #f8f9fa; border: solid 1px #053e73; color: #053e73; } #filterModal p { margin-bottom: 0; font-family: 'Futura Lt BT Light'; } @media screen and (min-width: 1200px) { #filterModal p { height: 24.8px; line-height: 24.8px; font-size: 12.8px; } } #filterModal #tagInput { margin-bottom: 15px; } #filterModal .filter-licence-check input { width: 0; height: 0; display: none; opacity: 0; } #filterModal .filter-licence-check span { display: inline-block; padding-right: 10px; padding-left: 10px; margin-right: 10px; border: 1px solid #cccccc; border-radius: 20px; } #filterModal .filter-licence-check input[type="checkbox"]:checked + span { background-color: rgba(0, 137, 255, 0.4); } @media screen and (min-width: 1024px) { #categories .bordered .data-box a { float: left; width: 100%; max-width: 30px; height: 47px; } } #categories .bordered .data-box p { float: left; } @media screen and (min-width: 1024px) { #categories .bordered .data-box p { width: calc(100% - 155px); text-align: right; display: flex; align-items: top; justify-content: right; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block; display: -webkit-box; overflow: hidden; height: 47px; margin-bottom: 0; font-size: 14px; padding-top: 5px; padding-left: 10px; } #categories .bordered .data-box p a { width: auto; max-width: none; height: auto; } } @media screen and (min-width: 1024px) { #categories .bordered .data-box p { width: calc(100% - 30px); } } @media screen and (min-width: 1024px) { #categories .bordered .data-box p a { float: none; text-align: left; width: 100%; height: auto; white-space: normal; text-overflow: unset; line-clamp: unset; } } @media screen and (min-width: 1024px) { #categories .bordered .data-box img.dataset-list-thumbnail { object-fit: cover; max-height: 50px; min-height: 50px; max-width: 30px; } } @media screen and (min-width: 1024px) { #categories .bordered .data-box .file-types a { width: auto; height: 16px; max-width: none; } } @media screen and (min-width: 1024px) { #data-sets .data-box a { float: left; } } #data-sets .data-box p { float: left; } @media screen and (min-width: 1024px) { #data-sets .data-box p { width: calc(100% - 30px); text-align: right; display: flex; align-items: top; justify-content: right; line-clamp: 2; -webkit-line-clamp: 2; box-orient: vertical; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: block; display: -webkit-box; overflow: hidden; height: 50px; margin-bottom: 0; font-size: 14px; padding-top: 5px; padding-left: 10px; } } @media screen and (min-width: 1024px) { #data-sets .data-box p a { float: none; text-align: left; width: 100%; height: auto; white-space: normal; text-overflow: unset; line-clamp: unset; } } @media screen and (min-width: 1024px) { #data-sets .data-box img.dataset-list-thumbnail { max-height: 50px; min-height: 50px; max-width: 30px; object-fit: cover; } } div.file-types a.XLS { background-color: #2db55d !important; } div.file-types a.XLSX { background-color: #009d31 !important; } div.file-types a.ZIP { background-color: #686868 !important; } div.file-types a.API { background-color: #ec96be !important; } div.file-types a.HTML { background-color: #55a1ce !important; } div.file-types a.JPG, div.file-types a.JPEG { background-color: #5ca2a2 !important; } div.file-types a.PNG { background-color: #81bf82 !important; } div.file-types a.CSV { background-color: #98b599 !important; } div.file-types a.GEOJSON { background-color: #bb5801 !important; } div.file-types a.PDF { background-color: #e0051e !important; } div.file-types a.TEXT { background-color: #74cbec !important; } div.file-types a.RDF, div.file-types a [class*="RDF"], div.file-types a [class*="NQUAD"], div.file-types a [class*="NTRIPLES"], div.file-types a [class*="TURTLE"] { background-color: #0b4498 !important; } div.file-types a.JSON, div.file-types a.XML { background-color: #ef7100 !important; } div.file-types a.DOCX { background-color: #157efc !important; } .label[data-format=html], .label[data-format*=html] { background-color: #55a1ce !important; } .label[data-format=jpg], .label[data-format*=jpg], .label[data-format=jpeg], .label[data-format*=jpeg] { background-color: #5ca2a2 !important; } .label[data-format=json], .label[data-format*=json] { background-color: #ef7100 !important; } .label[data-format=xml], .label[data-format*=xml] { background-color: #ef7100 !important; } .label[data-format=text], .label[data-format*=text] { background-color: #74cbec !important; } .label[data-format=csv], .label[data-format*=csv] { background-color: #98b599 !important; } .label[data-format=png], .label[data-format*=png] { background-color: #81bf82 !important; } .label[data-format=xls], .label[data-format*=xls] { background-color: #2db55d !important; } .label[data-format=xlsx], .label[data-format*=xlsx] { background-color: #009d31 !important; } .label[data-format=geojson], .label[data-format*=geojson] { background-color: #bb5801 !important; } .label[data-format=zip], .label[data-format*=zip] { background-color: #686868 !important; } .label[data-format=api], .label[data-format*=api] { background-color: #ec96be !important; } .label[data-format=pdf], .label[data-format*=pdf] { background-color: #e0051e !important; } .label[data-format=docx], .label[data-format*=docx] { background-color: #157efc !important; } .label[data-format=txt], .label[data-format*=txt] { background-color: #74cbec !important; } .label[data-format=rdf], .label[data-format*=rdf], .label[data-format*=nquad], .label[data-format*=ntriples], .label[data-format*=turtle] { background-color: #0b4498 !important; } #homepage-banner { background: url("/img/bg-banner.png") no-repeat center top; background-size: auto calc(100% - 150px); position: relative; } @media screen and (min-width: 992px) { #homepage-banner { background-size: cover; background-position: center bottom; } } #homepage-banner .item { color: #0a5676; border-top: solid 1px transparent; } @media screen and (min-width: 992px) { #homepage-banner .item { padding: 0 110px; height: 374px; } } @media screen and (min-width: 1200px) { #homepage-banner .item { padding: 0 88px; height: 299.2px; } } #homepage-banner h1, #homepage-banner h2 { max-width: 560px; font-family: 'Futura Md BT Bold'; font-size: 28px; font-weight: 700; color: #0a5676; } @media screen and (max-width: 767px) { #homepage-banner h1, #homepage-banner h2 { font-size: 24px; } } @media screen and (min-width: 992px) { #homepage-banner h1, #homepage-banner h2 { font-size: 36px; } } @media screen and (min-width: 1200px) { #homepage-banner h1, #homepage-banner h2 { font-size: 28.8px; } } #homepage-banner p { font-size: 24px; font-family: 'Futura Lt BT Light'; } @media screen and (max-width: 767px) { #homepage-banner p { font-size: 20px; } } @media screen and (min-width: 992px) { #homepage-banner p { font-size: 30px; max-width: 49%; } } @media screen and (min-width: 1200px) { #homepage-banner p { font-size: 24px; } } #homepage-banner .carousel-control { width: 22px; height: 25px; line-height: 25px; top: auto; bottom: -30px; } @media screen and (min-width: 992px) { #homepage-banner .carousel-control { bottom: 0; } } #homepage-banner .carousel-control.left, #homepage-banner .carousel-control.right { background: url("/img/next-prev.png") no-repeat left center; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; } #homepage-banner .carousel-control.right { right: 0; background-position-x: right; } @media screen and (min-width: 992px) { #homepage-banner .carousel-control.right { left: 30px; right: auto; } } @media screen and (min-width: 768px) { #homepage-banner .carousel-control .glyphicon-chevron-left, #homepage-banner .carousel-control .glyphicon-chevron-right, #homepage-banner .carousel-control .icon-next, #homepage-banner .carousel-control .icon-prev { width: 15px; height: 15px; font-size: 15px; top: 50%; left: 50%; margin-top: -7.5px; margin-left: -7.5px; } } #homepage-banner .carousel-indicators { width: auto; margin-left: -10%; bottom: -40px; } @media screen and (min-width: 768px) { #homepage-banner .carousel-indicators { bottom: -10px; } } @media screen and (min-width: 992px) { #homepage-banner .carousel-indicators { left: 80px; margin-left: 0; } } #homepage-banner .carousel-indicators li { background-color: rgba(10, 86, 118, 0.6); } #homepage-banner .carousel-indicators .active { background-color: rgba(10, 86, 118, 0.9); } #homepage-banner .video-container h1, #homepage-banner .video-container h2, #homepage-banner .video-container p { text-align: center; } @media screen and (min-width: 992px) { #homepage-banner .video-container h1, #homepage-banner .video-container h2, #homepage-banner .video-container p { float: right; text-align: right; } } #homepage-banner .video-container iframe, #homepage-banner .video-container object, #homepage-banner .video-container embed { margin-top: 26px; float: left; max-width: 100%; max-height: 230px; } @media screen and (min-width: 992px) { #homepage-banner .video-container iframe, #homepage-banner .video-container object, #homepage-banner .video-container embed { max-width: 49%; max-height: calc(100% - 60px);; } } #homepage-banner > .container { position: relative; } #search-box { line-height: 1.2; margin: 50px -15px 0; padding-top: 15px; padding-bottom: 55px; background: #1388b8; background: -moz-linear-gradient(top, #1388b8 0%, #0673a1 100%); background: -webkit-linear-gradient(top, #1388b8 0%, #0673a1 100%); background: linear-gradient(to bottom, #1388b8 0%, #0673a1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@start-color', endColorstr='@end-color', GradientType=0); } @media screen and (max-width: 767px) { #search-box { overflow: hidden; padding-bottom: 28px; } } @media screen and (min-width: 992px) { #search-box { width: 100%; height: 185px; max-width: 397px; padding-bottom: 0; position: absolute; right: 0; bottom: 0; background: url("/img/bg-search-box.png") transparent; margin-top: 0; } } @media screen and (min-width: 1200px) { #search-box { height: 148px; max-width: 317.6px; background-size: cover; } } #search-box p { max-width: none; font-size: 24px; font-weight: 300; color: #fff; text-align: center; } #search-box p:nth-child(2) { margin-bottom: 20px; font-family: 'Futura Hv BT Heavy'; } @media screen and (max-width: 767px) { #search-box p { font-size: 20px; } } @media screen and (min-width: 992px) { #search-box p { font-size: 26.68px; } } @media screen and (min-width: 1200px) { #search-box p { font-size: 21.344px; } } #search-box .form-group { width: 329px; margin: auto; position: relative; } @media screen and (min-width: 1200px) { #search-box .form-group { width: 263.2px; } } #search-box input { border-radius: 40px; border: none; width: calc(100% - 30px); margin-left: 10px; } @media screen and (min-width: 992px) { #search-box input { margin-left: 0; } } #search-box button { width: 72px; height: 82px; top: 50%; right: 15px; margin-top: -20.5px; z-index: 10; background: url("/img/bg-search-button.png") transparent; border: none; background-size: cover; position: absolute; } #search-box button:focus, #search-box button:active { outline: none; } @media screen and (max-width: 767px) { #search-box button { width: 52px; height: 59px; top: 55%; right: 15px; } } @media screen and (min-width: 992px) { #search-box button { margin-top: -41px; right: 0; } } @media screen and (min-width: 1200px) { #search-box button { width: 57.6px; height: 65.6px; margin-top: -32.8px; } } @media screen and (max-width: 1023px) { .col-md-3 #search-box .form-group { width: auto; margin-bottom: 10px; } } @media screen and (max-width: 1023px) { .col-md-3 #search-box button { top: 0; right: 0px; width: 40px; height: 40px; margin: 0; transform: scale(1); transform-origin: right top; background-size: contain; background-repeat: no-repeat; background-position: top center; } } @media screen and (max-width: 1023px) { .col-md-3 #search-box input { width: calc(100% - 25px); border-top-right-radius: 0; } } @media screen and (max-width: 1023px) { .col-md-3 #search-box .form-control { height: 26px; line-height: 26px; font-size: 12px; } .col-md-3 #search-box .form-control::-webkit-input-placeholder { font-size: 12px; } .col-md-3 #search-box .form-control::-moz-placeholder { font-size: 12px; } .col-md-3 #search-box .form-control:-ms-input-placeholder { font-size: 12px; } .col-md-3 #search-box .form-control:-moz-placeholder { font-size: 12px; } } .search-filter-button { display: none; } #dataset-list #search-box.side-box { background: transparent; padding: 5px 0; max-width: none; width: 100%; } #dataset-list #search-box.side-box .form-group { width: 100%; } #dataset-list #search-box.side-box p { display: none; } #dataset-list #search-box.side-box input { border-radius: 6px 0 0 6px; border: 1px solid #ccc; border-right: none; width: calc(100% - 57.6px); margin: 0; float: left; } @media screen and (max-width: 768px) { #dataset-list #search-box.side-box input { width: calc(100% - 37.6px); } } #dataset-list #search-box.side-box button { background: #fff; border: solid 1px #ccc; border-radius: 0 6px 6px 0; margin-top: 0; transform: none; width: 57.6px; right: auto; position: relative; } #dataset-list #search-box.side-box button:before { content: ""; display: block; position: absolute; top: 6px; left: 21px; border: solid 1.5px #3f4244; border-radius: 10px; width: 11px; height: 11px; } #dataset-list #search-box.side-box button:after { content: ""; display: block; position: absolute; border-top: solid 1.5px #3f4244; width: 6px; height: 6px; transform: rotate(51deg); top: 17px; left: 27px; } @media screen and (max-width: 768px) { #dataset-list #search-box.side-box button { width: 37px; } #dataset-list #search-box.side-box button:before { left: 11px; } #dataset-list #search-box.side-box button:after { left: 17px; } } #dataset-list #search-box.side-box input, #dataset-list #search-box.side-box button { height: 29px; line-height: 29px; } h3 { text-align: center; font-family: 'Futura Md BT Bold'; font-size: 30px; font-weight: 700; color: #0061b2; } @media screen and (max-width: 767px) { h3 { font-size: 20px; } } @media screen and (min-width: 1200px) { h3 { font-size: 24px; } } #know-how { background-color: #fcfdfe; margin-top: 30px; padding-top: 30px; } #know-how .kn-box { padding-bottom: 15px; } @media screen and (min-width: 992px) { #know-how .kn-box { padding-bottom: 0; } } #know-how h3.kn-header { margin-top: 0; margin-bottom: 53px; } @media screen and (min-width: 1200px) { #know-how h3.kn-header { margin-bottom: 42.4px; } } #know-how i { width: 92px; height: 86px; margin: auto; background-image: url("/img/bg-know-how-i.png"); background-position-x: center; background-repeat: no-repeat; display: block; } @media screen and (max-width: 767px) { #know-how i { transform: scale(0.6); transform-origin: center top; margin-bottom: -40px; } } @media screen and (min-width: 1200px) { #know-how i { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: center top; -moz-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; margin-bottom: -20px; } } #know-how i.kn-ara { background-position-y: top; } #know-how i.kn-incele { background-position-y: -149px; } #know-how i.kn-kullan { background-position-y: -262px; } #know-how p { min-height: 75px; text-align: center; font-family: 'Futura Lt BT Light'; font-size: 18px; font-weight: 300; color: #4d4d52; } @media screen and (max-width: 767px) { #know-how p { font-size: 16px; margin-bottom: 0; } } @media screen and (min-width: 1200px) { #know-how p { min-height: 60px; font-size: 14.4px; } } #project-gal { text-align: center; } #project-gal h3 { margin-top: 30px; margin-bottom: 40px; clear: both; } @media screen and (min-width: 1200px) { #project-gal h3 { margin-top: 24px; margin-bottom: 22px; } } #project-gal p, #project-gal .proj-head { text-align: center; font-family: 'Futura Lt BT Light'; font-size: 22px; font-weight: 300; color: #4d4d52; margin-top: 0; margin-bottom: 45px; } @media screen and (min-width: 1200px) { #project-gal p, #project-gal .proj-head { font-size: 17.6px; margin-bottom: 26px; } } #project-gal img { margin: auto auto 23px; max-width: 100%; } #project-gal a { text-decoration: none; margin: 10px; margin-bottom: 60px; display: block; } @media screen and (min-width: 1200px) { #project-gal a { margin-bottom: 0; } } #data-sets { background: url("/img/bg-data-sets.jpg") center top; background-size: 100% auto; padding-bottom: 24px; } @media screen and (min-width: 992px) { #data-sets { background-size: cover; background-position: center; } } #data-sets h3 { color: #0572a0; margin-top: 55px; margin-bottom: 40px; } @media screen and (min-width: 1200px) { #data-sets h3 { margin-top: 30px; margin-bottom: 22px; } } #data-sets h3 + p { text-align: center; font-size: 18px; font-weight: 300; color: #3a3c3e; font-family: 'Futura Lt BT Light'; margin-top: 0; margin-bottom: 66px; } @media screen and (min-width: 1200px) { #data-sets h3 + p { font-size: 14.4px; margin-bottom: 32.8px; } } @media screen and (min-width: 1200px) { #data-sets > .container, #project-gal > .container { padding-right: 90px; padding-left: 90px; } } #categories a.col-xs-12 { margin-bottom: 15px; } @media screen and (min-width: 992px) { #categories a.col-xs-12:nth-child(-n+4) { margin-top: 35px; margin-bottom: 35px; } } @media screen and (min-width: 1200px) { #categories a.col-xs-12:nth-child(-n+4) { margin-top: 28px; margin-bottom: 28px; } } @media screen and (max-width: 767px) { #categories h3 { margin-top: 30px !important; } } @media screen and (max-width: 767px) { #categories .cat-icons { width: 55px; height: 55px; } } @media screen and (max-width: 767px) { #categories .cat-head { font-size: 14px; font-weight: 600; margin-bottom: 20px; display: block; } } @media screen and (max-width: 767px) { #categories p { margin: 0 0 20px; } } .meta-bar { position: absolute !important; top: 20px; } .label-private, .label-deleted, .label-draft { line-height: 10px; height: 14px; width: 50px; padding-top: 0px; padding-bottom: 0px; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; }