@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-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; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-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); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @font-face { font-family: 'DINPro-CondensedRegular'; src: url("../fonts/DINPro-CondensedRegular.eot"); src: url("../fonts/DINPro-CondensedRegulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro-CondensedRegular.woff") format("woff"), url("../fonts/DINPro-CondensedRegular.woff2") format("woff2"), url("../fonts/DINPro-CondensedRegular.otf") format("otf"), url("../fonts/DINPro-CondensedRegular.svg") format("svg"), url("../fonts/DINPro-CondensedRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @media (min-width: 1302px) { .menucan { width: 567px; padding-right: 40px !important; padding-bottom: 25px !important; margin-left: -198% } } @media (min-width: 980px) and (max-width: 1302px) { .menucan { width: 567px; padding-right: 40px !important; padding-bottom: 25px !important; px; margin-left: -198% } } @media (min-width: 767px) and (max-width: 980px) { .menucan { width: 567px; padding-right: 40px !important; padding-bottom: 25px !important; margin-left: -218% } } /*bu hareketli basl�k css i*/ #Skill-PHP { animation: Animate-PHP 4s; -webkit-animation: Animate-PHP 4s; -moz-animation: Animate-PHP 4s; -o-animation: Animate-PHP 4s; width: 20%; height: 2px; background-color: #5A69A6; } @keyframes Animate-PHP { from { width: 10px; } to { width: 20% } } @-webkit-keyframes Animate-PHP { from { width: 10px; } to { width: 20% } } @-moz-keyframes Animate-PHP { from { width: 10px; } to { width: 20% } } @-o-keyframes Animate-PHP { from { width: 10px; } to { width: 20% } } /*//bu hareketli basl�k css i*/ .classic-title { margin-bottom: 16px; padding: 8px 0; border-bottom: 1px solid #eee; font-weight: 800; text-align: center; background: #FEFEFE; color: #0d8a44; } .classic-title span { padding-bottom: 8px; border-bottom: 1px solid; font-weight: 800; } .ie11 .yuzdecan { width:90% } .golgecan { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; border-top-right-radius: 40px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; border: #999 1px dotted; padding: 5px; } .golgecanresim { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; border-top-right-radius: 40px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; } .tum{ color:#021825; } .tum a{ color:#021825; } .tum:hover{ color:#021825; } .yolbilgi{ color:#021825; } .yolbilgi a{ color:#021825; } .yolbilgi:hover{ color:#004494; } @media (min-width: 1702px) { .banneryazi { left: 12%; text-align: center; margin-top: -23%; } .yyy{font-size:22px} } @media (max-width: 1702px) and (min-width: 1552px) { .banneryazi { left: 7%; text-align: center; margin-top: -20%; } .yyy { font-size: 22px } } @media (max-width: 1551px) and (min-width: 1429px) { .banneryazi { left: 7%; text-align: center; margin-top: -20%; } .yy { font-size: 22px !important } .yyy { font-size: 18px } } @media (min-width: 1302px) and (max-width: 1428px) { .banneryazi { left: 7%; text-align: center; margin-top: -15%; } .yy { font-size: 22px !important } .yyy { font-size: 18px } } @media (max-width: 1302px) and (min-width: 1220px) { .banneryazi { left: 1%; text-align: center; margin-top: -14%; font-size: 15px !important } .yy { font-size: 22px !important } .yyy { font-size: 18px } } @media (min-width: 1110px) and (max-width: 1220px) { .banneryazi { left: 1%; text-align: center; margin-top: -9%; font-size: 15px !important } .yy { font-size: 22px !important } .yyy { font-size: 18px } } @media (min-width: 991px) and (max-width: 1110px) { .banneryazi { left: 1%; text-align: center; margin-top: -10%; font-size: 15px !important } .yy { font-size: 22px !important } .yyy { font-size: 15px } } @media (max-width: 991px) { .banneryazi { text-align: center; margin-top: -1%; font-size: 15px !important } .yy { font-size: 22px !important } .yyy { font-size: 15px } } @media (max-width: 1215px) { .yok { display: none } } @media (min-width: 991px) and (max-width: 1230px) { .illet { font-size: 13px } } @media (min-width: 1431px) { .brcan { display: none !important; } } @media (min-width: 991px) and (max-width: 1431px) { .brcan { display: inline !important; } } @media (min-width: 991px) and (max-width: 1230px) { .linecan { height: 90px; } } @media (max-width: 991px) { .brcan { display: none !important; } } @media (min-width: 767px) { .uu { padding-top: 34px } .h1icsayfa { text-align: center; margin-top: -18px; font-size: 20px } .urunbaslik { padding-top: 50px } .baslikpadding { padding-top: 2%; } .slidertop { /*margin-top: 50px !important;*/ } .dev { width: 10%; margin-top: 1% } } @media (min-width: 767px) { .bgresim { background: url(../images/footer.png?v=0.2) center bottom no-repeat; padding-top: 15px; margin-top: 15px; } } @media (max-width: 767px) { .sadece-tablette-goster { display: none !important; } .sadece-tablette-gizle { display: inline !important } .bgresim { background: #222222 !important; padding-top: 15px; margin-top: 15px; } .uu { padding-top: 15px } body { padding-top: 0px !important; color: #231F20; font-family: 'Gotham-Light'; font-weight: 300; } .slidertop { margin-top: 0; } .h1icsayfa { text-align: center !important; font-size: 20px } } body { /*padding-top: 80px;*/ color: #231F20; font-family: 'Gotham-Light'; font-weight: 300; } .safari body { font-size: 13px; } .classic-title1 { margin-bottom: 16px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #eee; font-weight: 300; text-align: center; background: #FEFEFE; color: #021825; padding-left: 0 } .classic-title1 span { padding-bottom: 8px; border-bottom: 1px solid; font-weight: 400; } .hbaslik { font-size: 22px } .pullcan { float: right } .ellimargin { /*margin-top: 52px;*/ padding: 20px 0; } .nemerald { padding: 20px 0; margin-top: 50px } .liikili { float: left; display: block; } .resimcan { height: 200px; width: 100% } .emerald { /*background:url(/images/ic-banner.jpg) bottom left;*/ background: url(../images/ark.html); } @media (max-width: 767px) { .navbar-inverse .navbar-nav > li > a { padding: 18px 15px 18px 15px !important; border-radius: 3px; /*color: #fff !important;*/ font-weight: bold; } body { padding-top: 0px; color: #231F20; background: #fff;/* #f5f5f5;*/ font-family: 'Gotham-Light'; font-weight: 300; } .classic-title1 { } .classic-title1 span { } .hbaslik { font-size:17px } .pullcan { font-weight:bold } .row > div { margin-bottom: 0px; padding-top:10px } .ellimargin { padding: 0; } .resimcan { height: 100px; width: 70px; } .yuzdecan { width:100%; } .nemerald { margin-top:50px } .telpad { padding:0px } .liikili { } .emerald { background: url(../images/ark.html) #004494; } } @media (min-width: 1199px) { .ulcan { width:590px; margin-left:-120% } .lican { width:50% } } @media (max-width: 1199px) and (min-width: 767px) { .lican { width:50% } } @media (max-width: 1199px) and (min-width: 767px) { .ulcan { width:550px; margin-left:-150% } } /*@font-face { src:url('../fonts/CenturyGothic.otf'); font-family: 'CenturyGothic'; src: url('../fonts/CenturyGothic.eot'); src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ @font-face { font-weight: normal; font-style: normal; src: url('../fonts/Gotham-Book.otf'); font-family: 'Gotham-Book'; src: url('../fonts/Gotham-Book.eot'); src: url('../fonts/Gotham-Bookd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'); } @font-face { font-family: 'Gotham-Medium'; src: url("../fonts/Gotham-Medium.html"); src: url("../fonts/Gotham-Mediumd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium-2.html") format("woff"), url("../fonts/Gotham-Medium-3.html") format("woff2"), url("../fonts/Gotham-Medium-4.html") format("otf"), url("../fonts/Gotham-Medium-5.html") format("svg"), url("../fonts/Gotham-Medium-6.html") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Black'; src: url("../fonts/Gotham-Black.html"); src: url("../fonts/Gotham-Blackd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Black-2.html") format("woff"), url("../fonts/Gotham-Black-3.html") format("woff2"), url("../fonts/Gotham-Black-4.html") format("otf"), url("../fonts/Gotham-Black-5.html") format("svg"), url("../fonts/Gotham-Black-6.html") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'GothamBold'; src: url("../fonts/GothamBold.html"); src: url("../fonts/GothamBoldd41d.html?#iefix") format("embedded-opentype"), url("../fonts/GothamBold-2.html") format("woff"), url("../fonts/GothamBold-3.html") format("woff2"), url("../fonts/GothamBold.otf") format("otf"), url("../fonts/GothamBold-4.html") format("svg"), url("../fonts/GothamBold-5.html") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-weight: normal; font-style: normal; src: url('../fonts/Gotham-Light.otf'); font-family: 'Gotham-Light'; src: url('../fonts/Gotham-Light.eot'); src: url('../fonts/Gotham-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'); } .social{ text-align: right; } .social-share{ display: inline-block; list-style: none; padding: 0; margin: 0; } ul.social-share li { display: inline-block; padding:0 2px } ul.social-share li a { display: inline-block; color: #fff; background: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 2px; } ul.social-share li a:hover { background: #004494; color: #fff; } ::selection { background:#021825; color: #fff; } ::-moz-selection { background: #021825; color: #fff; } blockquote { padding: 10px 10px; background-color: #0d8a44; -webkit-transition: 2000ms; -moz-transition: 2000ms; -o-transition: 2000ms; transition: 2000ms; } blockquote:hover{ background-color: #160101; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;} blockquote span {color:#fff ; -webkit-transition: 1000ms; -moz-transition: 1000ms; -o-transition: 1000ms; transition: 1000ms;} blockquote:hover span { color: #fff; } blockquote small{ -webkit-transition: 2000ms;font-weight: 500; -moz-transition: 2000ms; -o-transition: 2000ms; transition: 2000ms; height: 40px;} blockquote:hover small{ color:#fff;} .yaziyi-saga-yasla {text-align:right;} .navbar-brand { float: left; padding: 0; font-size: 18px; line-height: 20px; } .btn-danger { color: #fff; background-color: #160101; padding: 5px 20px; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #cc152a; } .telefonda-gizle {} .telefonda-goster {display:none;} .tablette-gizle { display: inline !important } .tablette-goster { display: none !important } .logoyu-kucult {} .header-padding{ } .clearcan2 { display:none} .clearcan { display:none } .clearcancan { display:inline; } .clearcizgitab {display:none; } .urun-resim-boyutu {height:200px;} @media (min-width: 991px) {.sadece-tablette-goster { display: none !important; }.sadece-tablette-gizle { display: inline !important} .urunheight { height:40px;}.slidermargin {/*margin-top: -50px;*/}.grupisimic {color:#021825; text-align:center; font-size:15px; padding-top:15px; margin-bottom:15px; font-weight:700; height:45px; padding-left:0; padding-right:0} .grupisim{color:#021825; text-align:center; font-size:15px; padding-top:15px; font-weight:700; height:45px; padding-left:0; padding-right:0} } @media (max-width: 991px){ .dev { width: 30%; margin-top: 1% }.logoyu-kucult {width:253px;} .tablette-gizle { display: none !important } .tablette-goster { display: inline !important } .urunheight { height:46px;} .clearcizgi { display:none} .grupisimic {color:#021825; text-align:center; font-size:14px; margin-top:10px; font-weight:700; height:50px; padding-left:0; padding-right:0} .grupisim{color:#021825; text-align:center; font-size:14px; margin-top:10px; font-weight:700; height:50px; padding-left:0; padding-right:0} .urun-resim-boyutu {height:120px;} } @media (max-width: 767px){ .clearcan2 { display:inline} .telefonda-gizle {display:none !important;} .telefonda-goster {display:inline;} .header-padding{ /* padding-top: 20px;*/} .yaziyi-saga-yasla {text-align:left;} .slidermargin { margin-top:0px}} @media (min-width: 768px){ .sagcan { padding-left:3%; border-left:1px solid #88A2C0} .master { text-align: right; } .navbar-right .dropdown-menu { /*right: 0;*/ /*left: 0;*/ }} @media (max-width: 991px) and (min-width: 768px){ .sadece-tablette-goster { display: inline !important; } .sadece-tablette-gizle { display: none !important } .clearcizgitab {display:inline; } .slidermargin { margin-top:61px} .clearcan { display:inline }.clearcancan { display:none} } @media (max-width: 767px) and (min-width: 410px) { } } .search{ position:relative; display: inline-block; } [class^="icon-"]{ /* background: #000; color: #0190dc;*/ border-radius:5px; display:inline-block; /* padding:6px 7px 7px;*/ font-size:16px; /* text-shadow:1px 1px 2px #21638F;*/ box-shadow: inset 0px 0px 0px #21638F; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; cursor: pointer; z-index:10; position:relative; } [class^="icon-"]:hover{ /* background: #101010;*/ color: #153477; text-shadow:0px 0px 0px #21638F; /* box-shadow: inset 0px 0px 8px #21638F;*/ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .search { position: relative; display: inline-block; } [class^="icon-"] { /* background: #000; color: #0190dc;*/ border-radius: 5px; display: inline-block; /* padding:6px 7px 7px;*/ font-size: 16px; /* text-shadow:1px 1px 2px #21638F;*/ box-shadow: inset 0px 0px 0px #21638F; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer; z-index: 10; position: relative; } [class^="icon-"]:hover { /* background: #101010;*/ color: #153477; text-shadow: 0px 0px 0px #21638F; /* box-shadow: inset 0px 0px 8px #21638F;*/ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } @media (max-width: 767px) and (min-width: 410px) { } .search { position: relative; display: inline-block; } [class^="icon-"] { /* background: #000; color: #0190dc;*/ border-radius: 5px; display: inline-block; /* padding:6px 7px 7px;*/ font-size: 16px; /* text-shadow:1px 1px 2px #21638F;*/ box-shadow: inset 0px 0px 0px #21638F; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer; z-index: 10; position: relative; } [class^="icon-"]:hover { /* background: #101010;*/ color: #153477; text-shadow: 0px 0px 0px #21638F; /* box-shadow: inset 0px 0px 8px #21638F;*/ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .search_form { background: rgba(46, 45, 45, 0.6); position: absolute; z-index: 0; padding: 0px 5px; right: 0; top: 15px; overflow: hidden; width: 20px; height: 0px; transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; -webkit-transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; } .search_form form { opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .search_form input { background: rgba(255, 255, 255, 0); border: none; } .search_form input[type='text'] { /*border-radius:5px 0 0 5px;*/ width: 100%; margin: 0px 1px 0px 0; padding: 0px 5px 1px; min-height: 23px; color: #fff } .search_form input[type='submit'] { /* border-radius: 0; */ text-transform: uppercase; font-size: 11px; padding: 8px 10px; min-height: 24px; cursor: pointer; margin-left: -13px; } .search_box { visibility: hidden; } .search_box:checked ~ .search_form { width: 600px; height: 40px; padding: 5px; top: 49px; z-index: 9999; transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; } .search_box:checked ~ .search_form form { opacity: 1; transition: 0.3s all ease-out 0.5s; -webkit-transition: 0.3s all ease-out 0.5s; } .searchmargin { margin-left: 120px; margin-top: 23px; } .telefonda-goster, .telefonda-tablette-goster { display: none } .kucukev { padding-top: 45px } @media(max-width:768px) { .enyeniler { padding-top: 10px } .searchmargin { margin-top: 15px } } .search2 { position: relative; display: inline-block; } [class^="icon-"] { /* background: #000; color: #0190dc;*/ border-radius: 5px; display: inline-block; /* padding:6px 7px 7px;*/ font-size: 16px; /* text-shadow:1px 1px 2px #21638F;*/ box-shadow: inset 0px 0px 0px #21638F; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer; z-index: 10; position: relative; } [class^="icon-"]:hover { /* background: #101010;*/ color: #153477; text-shadow: 0px 0px 0px #21638F; /* box-shadow: inset 0px 0px 8px #21638F;*/ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .search2_form { background: #004494; position: absolute; z-index: 0; padding: 0px 5px; right: 0; top: 15px; overflow: hidden; border-radius: 10px; width: 20px; height: 0px; transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; -webkit-transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; } .search2_form form { opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .search2_form input { background: #fff; border: none; } .search2_form input[type='text'] { border-radius: 5px 0 0 5px; width: 150px; margin: 0px 1px 0px 0; padding: 0px 5px 1px; min-height: 23px; } .search2_form input[type='submit'] { /* border-radius: 0; */ text-transform: uppercase; font-size: 11px; padding: 8px 10px; min-height: 24px; cursor: pointer; margin-left: -13px; } .search2_box { visibility: hidden; } .search2_box:checked ~ .search2_form { width: 213px; height: 40px; padding: 5px; top: 49px; z-index: 9999; transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; } .search2_box:checked ~ .search2_form form { opacity: 1; transition: 0.3s all ease-out 0.5s; -webkit-transition: 0.3s all ease-out 0.5s; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { font-family: 'Gotham-Light'; font-weight: 400; } a { color: #fff; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .urunisim { color: #fff; } .urunisim a { color: #fff; } .urunisim:hover { color: #021825; } .katalogyazi { color: #8c1d16; } .katalogyazi a { color: #8c1d16; } .katalogyazi:hover { color: #021825; } hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; } .btn { font-weight: 400; } .btn-transparent { border: 3px solid #fff; background: transparent; color: #fff; } .btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); } a:hover, a:focus { /*color: #021825;*/ color: #7388A0; text-decoration: none; outline: none; } .dropdown-menu { margin-top: -1px; min-width: 180px; } body > section { padding: 20px 0; } .turquoise, .green-sea, .sun-flower, .orange, .emerald, .nephrits, .carrot, .pumkin, .peter-river, .belize-hole, .alizarin, .pomegranate, .amethyst, .wisteria, .clouds .silver, .wet-asphalt, .midnight-blue, .concrete, .asbestos { color: #fff; } .turquoise h1, .green-sea h1, .sun-flower h1, .orange h1, .emerald h1, .nephrits h1, .carrot h1, .pumkin h1, .peter-river h1, .belize-hole h1, .alizarin h1, .pomegranate h1, .amethyst h1, .wisteria h1, .clouds .silver h1, .wet-asphalt h1, .midnight-blue h1, .concrete h1, .asbestos h1, .turquoise h2, .green-sea h2, .sun-flower h2, .orange h2, .emerald h2, .nephrits h2, .carrot h2, .pumkin h2, .peter-river h2, .belize-hole h2, .alizarin h2, .pomegranate h2, .amethyst h2, .wisteria h2, .clouds .silver h2, .wet-asphalt h2, .midnight-blue h2, .concrete h2, .asbestos h2, .turquoise h3, .green-sea h3, .sun-flower h3, .orange h3, .emerald h3, .nephrits h3, .carrot h3, .pumkin h3, .peter-river h3, .belize-hole h3, .alizarin h3, .pomegranate h3, .amethyst h3, .wisteria h3, .clouds .silver h3, .wet-asphalt h3, .midnight-blue h3, .concrete h3, .asbestos h3, .turquoise h4, .green-sea h4, .sun-flower h4, .orange h4, .emerald h4, .nephrits h4, .carrot h4, .pumkin h4, .peter-river h4, .belize-hole h4, .alizarin h4, .pomegranate h4, .amethyst h4, .wisteria h4, .clouds .silver h4, .wet-asphalt h4, .midnight-blue h4, .concrete h4, .asbestos h4, .turquoise h5, .green-sea h5, .sun-flower h5, .orange h5, .emerald h5, .nephrits h5, .carrot h5, .pumkin h5, .peter-river h5, .belize-hole h5, .alizarin h5, .pomegranate h5, .amethyst h5, .wisteria h5, .clouds .silver h5, .wet-asphalt h5, .midnight-blue h5, .concrete h5, .asbestos h5, .turquoise h6, .green-sea h6, .sun-flower h6, .orange h6, .emerald h6, .nephrits h6, .carrot h6, .pumkin h6, .peter-river h6, .belize-hole h6, .alizarin h6, .pomegranate h6, .amethyst h6, .wisteria h6, .clouds .silver h6, .wet-asphalt h6, .midnight-blue h6, .concrete h6, .asbestos h6 { color: #fff; } .turquoise small, .green-sea small, .sun-flower small, .orange small, .emerald small, .nephrits small, .carrot small, .pumkin small, .peter-river small, .belize-hole small, .alizarin small, .pomegranate small, .amethyst small, .wisteria small, .clouds .silver small, .wet-asphalt small, .midnight-blue small, .concrete small, .asbestos small { color: rgba(255, 255, 255, 0.8); } .turquoise { background-color: #021825; } .green-sea { background-color: #021825; } .sun-flower { background-color: #021825; } .orange { background-color: #021825; } .nephritis { background-color: #021825; } .carrot { background-color: #021825; } .pumkin { background-color: #021825; } .peter-river { background-color: #021825; } .belize-hole { background-color: #021825; } .alizarin { background-color: #021825; } .pomegranate { background-color: #021825; } .amethyst { background-color: #9b59b6; } .wisteria { background-color: #8e44ad; } .clouds { background-color: #ecf0f1; } .silver { background-color: #bdc3c7; } .wet-asphalt { background-color: rgba(255, 255, 255, 0.5); } .wet-asphalt a:not(.btn) { color: #fff; } .wet-asphalt a:not(.btn):hover { color: #021825; } .midnight-blue { background-color: #004494; border-top: 1px solid #fff; } .concrete { background-color: #95a5a6; } .asbestos { background-color: #7f8c8d; } .embed-container { position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main-slider { position: relative; } #main-slider .carousel h2 { font-size: 36px; } #main-slider .carousel .btn { border: 3px solid rgba(255, 255, 255, 0.5); color: #fff; border-radius: 0; margin-top: 5px; } #main-slider .carousel .btn:hover { background-color: rgba(255, 255, 255, 0.3); } #main-slider .carousel .boxed { padding: 10px 15px; background-color: rgba(0, 0, 0, 0.7); display: inline-block; border-radius: 3px; } #main-slider .carousel .item { height: auto; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; } #main-slider .carousel .item:first-child { top: auto; position: relative; } #main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; } #main-slider .prev, #main-slider .next { position: absolute; top: 50%; /*background: rgba(0,0,0,0.1);*/ color: #fff; line-height: 36px; font-size: 32px; padding: 15px 20px; color: #fff; display: inline-block; margin-top: -25px; font-size: 23px; border-radius: 3px; text-align: center; z-index: 5; } #main-slider .prev:hover, #main-slider .next:hover { /*background: rgba(2,24,37,0.9);*/ border-radius: 3px; } #main-slider .prev { left: 10px; } #main-slider .next { right: 10px; } #main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; } #main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; } #main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; } #main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; } #services .media:hover .icon-md { border-radius: 10px; background-color: #021825; } #recent-works { padding: 45px 0 0 0; } #recent-works .item-inner { position: relative; margin: 0; } .portfolio-items, .portfolio-filter { list-style: none; padding: 0; margin: 0 -20px 20px 0; } .portfolio-filter > li { display: inline-block; } .portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio-items.col-2 > li { width: 50%; } .portfolio-items.col-3 > li { width: 33%; } .portfolio-items.col-4 > li { width: 25%; } .portfolio-items.col-5 > li { width: 20%; } .portfolio-items.col-6 > li { width: 16%; } .portfolio-item { padding: 0; margin: 0; } .portfolio-item .item-inner { background: #fff; /*border: 1px dotted #ccc; padding: 5px;*/ /* margin: 0 20px 20px 0; */ margin-bottom: 20px; position: relative; } .portfolio-item img { text-align: center; margin: 0 auto; } .portfolio-item h5 { letter-spacing: 0.5px; text-align: center; background: #fff; margin: 0; padding: 10px 0; font-weight: 700; font-size: 13px; color: #021825; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #F1F1F1; } .portfolio-item .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(255, 255, 255, 0.9); text-align: center; vertical-align: middle; -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .portfolio-item .overlay .preview { position: relative; top: 50%; display: inline-block; margin-top: -20px; width: 50%; } .portfolio-item:hover .overlay { opacity: 1; } /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #pricing-table .plan { border-radius: 4px; list-style: none; margin: 0 0 20px; background: #3498db; text-align: center; padding: 30px 0; } #pricing-table .plan li { padding: 5px 0; color: #fff; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; } #pricing-table .plan li.plan-name { font-size: 24px; line-height: 24px; color: #fff; } #pricing-table .plan li.plan-name h3 { margin: 0; } #pricing-table .plan li.plan-price { margin-bottom: 10px; } #pricing-table .plan li.plan-price > div { display: inline-block; background-color: rgba(0, 0, 0, 0.2); padding: 10px; font-size: 24px; border-radius: 100%; width: 70px; height: 70px; } #pricing-table .plan li.plan-price > div sup { font-size: 10px; line-height: 10px; } #pricing-table .plan li.plan-price > div > small { display: block; font-size: 11px; } #pricing-table .plan li.plan-action { margin-top: 10px; border-top: 0; } #pricing-table .plan.featured { background-color: #2c3e50; } #title h1 { margin: 0; font-weight: 300; } .center { text-align: center; } #meet-the-team .designation { margin-top: 5px; display: block; font-size: 13px; } .img-thumbnail { border: 0; } .progress, .progress .bar { background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 30px; line-height: 30px; } .well { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; } ul.breadcrumb > li { text-shadow: none; } ul.breadcrumb > li > a, ul.breadcrumb > li .divider { color: #fff; } ul.breadcrumb > li.active { color: rgba(255, 255, 255, 0.7); } ul.tag-cloud { list-style: none; padding: 0; margin: 0; } ul.tag-cloud li { display: inline-block; margin: 0 0 2px 0; } .btn-social { border: 0; color: #fff; border-radius: 100%; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0; } .btn-social.btn-facebook { background: #4f7dd4; } .btn-social.btn-facebook:hover { background: #789bde; } .btn-social.btn-twitter { background: #5bceff; } .btn-social.btn-twitter:hover { background: #8eddff; } .btn-social.btn-linkedin { background: #21a6d8; } .btn-social.btn-linkedin:hover { background: #49b9e3; } .btn-social.btn-google-plus { background: #dc422b; } .btn-social.btn-google-plus:hover { background: #e36957; } .btn-social:hover { color: #fff; } .navbar-inverse { border: none; } .navbar-inverse .navbar-brand { font-family: 'Bubbler One', sans-serif; font-size: 36px; line-height: 50px; color: #fff; } .navbar-inverse .navbar-toggle { border-color: #021825; background-color: #021825; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #021825; border-color: #021825; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 0px; margin-right: 0; margin-bottom: 0px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #021825; border: 1px solid #004494; } .navbar-inverse .navbar-nav { margin-top: 1.5%; } .navbar-inverse .navbar-nav > li > a { padding: 28px 15px 28px 15px; border-radius: 3px; color: #160101; /*font-weight: bold;*/ } @media (max-width:768px) { .navbar-inverse .navbar-nav > li > a { padding: 10px; border-radius: 3px; color: #1d2225; /*font-weight: bold;*/ } } @media (max-width:1480px) and (min-width:1310px) { .navbar-inverse .navbar-nav > li > a { padding: 16px 29px; border-radius: 3px; /*font-weight: bold;*/ font-size: 14px; } } @media (max-width:1310px) and (min-width:1200px) { .navbar-inverse .navbar-nav > li > a { padding: 16px 20px; border-radius: 3px; /*font-weight: bold;*/ font-size: 14px; } } @media (max-width:1200px) and (min-width:992px) { .navbar-inverse .navbar-nav > li > a { padding: 7px 11px; border-radius: 7px; font-weight: bold; font-size: 13px; } } @media (max-width:991px) and (min-width:850px) { .navbar-inverse .navbar-nav > li > a { padding: 7px 10px; /*border-radius: 7px;*/ font-weight: bold; font-size: 11px; } } @media (max-width:849px) and (min-width:768px) { .navbar-inverse .navbar-nav > li > a { padding: 7px 4px; /*border-radius: 7px;*/ font-weight: bold; font-size: 11px; } } @media (max-width:1199px) and (min-width:768px){ .menu-search-pt{ padding-top:0; } } @media (max-width:1480px) and (min-width:1200px) { .menu-search-pt { padding-top: 10px; } } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { border-bottom: 3px solid #23993f } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { } .navbar-inverse .navbar-nav .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; padding: 0; border-radius: 3px; margin-top: 10px; background-color: #2c5733; } .navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: #fff; /*border-radius: 10px;*/ /*font-weight:600*/ } .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color: #0e376f; color: #fff; } .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; } .navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: rgba(0, 0, 0, 0.1); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0; } #social-media .icon-facebook { background-color: #3c5899; } #social-media .icon-facebook:hover { background-color: #4e6fba; } #social-media .icon-twitter { background-color: #29c5f6; } #social-media .icon-twitter:hover { background-color: #5ad2f8; } #social-media .icon-google-plus { background-color: #d13d2f; } #social-media .icon-google-plus:hover { background-color: #da6459; } #social-media .icon-pinterest { background-color: #c61118; } #social-media .icon-pinterest:hover { background-color: #ec1e26; } .icon-lg { font-size: 48px; height: 108px; width: 108px; line-height: 108px; color: #fff; margin: 10px; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: inline-block !important; border-radius: 100%; } .icon-md { font-size: 36px; height: 68px; width: 68px; line-height: 76px; color: #fff; margin-right: 10px; background-color: rgba(0, 0, 0, 0.4); text-align: center; /* display: block;*/ display: list-item; border-radius: 50%; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .modal { border: 0; } .modal#loginForm { width: 600px; margin-left: -300px; } .modal .modal-header { border: 0; padding: 20px 20px 0; } .modal .modal-header > h4 { font-weight: 300; font-size: 14px; color: #848484; text-transform: uppercase; margin: 0; } .modal .modal-body { padding: 20px; } .modal input[type="text"], .modal input[type="password"] { padding: 5px 10px; min-height: 30px; width: 130px; margin-right: 10px; } .modal .icon-remove { color: #848484; position: absolute; right: -5px; top: -5px; width: 16px; height: 16px; line-height: 16px; text-align: center; display: block; background: #ebebeb; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; } .modal button { margin-left: 10px; border: 0; } .gap { margin-bottom: 50px; } .big-gap { margin-bottom: 100px; } .no-margin { margin: 0; padding: 0; } .registration-form { border: 0; background-color: #fff; padding: 20px; display: inline-block; } #bottom { color: #bdc3c7; } #bottom h4 { margin-top: 0; margin-bottom: 15px; } #bottom .media-heading { display: block; font-weight: 400; } .row > div { /*z-index: 9;*/ } ul.unstyled { list-style: none; padding: 0; margin: 0; } /*Unordered Lists*/ ul.arrow, ul.arrow-double, ul.tick, ul.cross, ul.star, ul.rss { list-style: none; padding: 0; margin: 0; } ul.arrow li::before, ul.arrow-double li::before, ul.tick li::before, ul.cross li::before, ul.star li::before, ul.rss li::before, ul.arrow li::after, ul.arrow-double li::after, ul.tick li::after, ul.cross li::after, ul.star li::after, ul.rss li::after { font-family: FontAwesome; font-size: 11px; } ul.arrow li::before, ul.arrow-double li::before, ul.tick li::before, ul.cross li::before, ul.star li::before, ul.rss li::before { margin-right: 5px; } ul.arrow li::before { content: "\f105"; } ul.arrow-double li::before { content: "\f101"; } ul.tick li::before { content: "\0d8a44c"; } ul.cross li::before { content: "\0d8a44d"; } ul.star li::before { content: "\0d8a446"; } ul.rss li::before { content: "\f09e"; } #footer { padding: 5px 15px; color: #262223; } #footer a { color: #bdc3c7; } #footer a:hover { color: #d9534f; } #footer ul { list-style: none; padding: 0; margin: 0; } #footer ul > li { display: inline-block; margin-left: 15px; } ul.social { list-style: none; margin: 10px 0 0; padding: 0; display: inline-block; } ul.social > li { display: inline-block; margin: 0 5px; } ul.social > li > a { font-size: 24px; color: #666; } ul.social > li > a:hover { color: #999; } .box-border { padding: 15px; } .accordion-group { background-color: #fff; border-top: 1px solid #f0f0f0; } .accordion-heading .accordion-toggle { color: #666; font-weight: 700; } .accordion-inner { border-top: 0; } .blog .blog-item { background-color: #fff; border-radius: 0; margin-bottom: 20px; border-right: 1px dashed #E8E8E8; } .blog .blog-item .img-blog { width: 100%; border-radius: 5px 5px 0 0; } .blog .blog-item .blog-content { padding: 20px 0 0 0; } .blog .blog-item h3 { margin-top: 0; } .blog .blog-item .entry-meta { margin-bottom: 20px; } .blog .blog-item .entry-meta > span { display: inline-block; color: #999; margin-right: 10px; font-size: 12px; } .blog .blog-item .entry-meta > span a { color: #999; } ul.pagination > li > a { border: 0; } ul.pagination > li.active > a, ul.pagination > li:hover > a { background-color: #34495e; color: #fff; } textarea#message { padding: 10px 15px; height: 219px; } .widget { margin-bottom: 30px; } ul.gallery { list-style: none; padding: 0; margin: 0; } ul.gallery li { display: block; width: 60px; padding: 0; margin: 0 4px 4px 0; float: left; } ul.faq { list-style: none; margin: 0; } ul.faq li { margin-top: 30px; } ul.faq li:first-child { margin-top: 0; } ul.faq li span.number { display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #34495e; color: #fff; font-size: 24px; } ul.faq li > div { margin-left: 70px; } ul.faq li > div h3 { margin-top: 0; } #error { text-align: center; margin-top: 150px; margin-bottom: 150px; } ul.pagination > li.active > a, ul.pagination > li:hover > a { background-color: #021825; color: #fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #021825; border-color: #021825; } /*-- Animation --*/ .animatedcan1 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both !important; animation: lightSpeedIn 1s ease-in 200ms both !important; } .animatedcan2 { -webkit-animation: bounceInLeft 3s ease-in-out 10000ms both !important; animation: bounceInLeft 3s ease-in-out 1000ms both !important; } .animatedcan3 { -webkit-animation: flipInX 1s ease-in 500ms both !important; animation: flipInX 1s ease-in 500ms both !important; text-align: center !important; } .animatedcan4 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both !important; animation: bounceInLeft 1s ease-in-out 100ms both !important; } .animatedcan5 { -webkit-animation: bounceIn 1s ease-in 500ms both !important,; animation: bounceIn 1s ease-in 500ms both !important; text-align: center !important; } .animatedcan6 { -webkit-animation: bounceIn 1s ease-in 500ms both !important; animation: bounceIn 1s ease-in 500ms both !important; } .animatedcan7 { -webkit-animation: fadeInDown 1s ease-in 1000ms both !important; animation: fadeInDown 1s ease-in 1000ms both !important; }