/* Minification failed. Returning unminified contents. (4084,1): run-time error CSS1035: Expected colon, found '}' (6301,1): run-time error CSS1019: Unexpected token, found '@import' (6301,9): run-time error CSS1019: Unexpected token, found 'url('content.css')' */ .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-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 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 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 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 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; } /* 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; } /* 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; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -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) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -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) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -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) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -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 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 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 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 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 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 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; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-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 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 bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-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 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 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 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 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 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 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 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 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 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 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 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 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; } @-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; } /* 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; } /*------------------------------------------------------------------ Project: Mosaic Author: Simpleqode URL: http://simpleqode.com/ https://twitter.com/YevSim https://www.facebook.com/simpleqode Version: 1.3.3 Created: 20/01/2014 Last change: 20/06/2016 -------------------------------------------------------------------*/ /* ===== Body Style Toggle ===== */ .style-toggle-body .colors { margin: 0; } .style-toggle-body .colors > li { height: 30px; width: 30px; cursor: pointer; } .style-toggle-body .colors > .green { background-color: #94BA65; } .style-toggle-body .colors > .blue { background-color: #2790B0; } .style-toggle-body .colors > .orange { background-color: #D26C22; } .style-toggle-body .colors > .red { background-color: #E35E54; } /* ===== Link and Font Colors ===== */ .body-green a, .body-green .text-color { color: #94BA65; } .body-blue a, .body-blue .text-color { color: #2790B0; } .body-orange a, .body-orange .text-color { color: #D26C22; } .body-red a, .body-red .text-color { color: #E35E54; } /* ===== Border Colors ===== */ .body-green .border-color { border-color: #94BA65; } .body-blue .border-color { border-color: #2790B0; } .body-orange .border-color { border-color: #D26C22; } .body-red .border-color { border-color: #E35E54; } /* ===== Background Colors ===== */ .body-green .bg-color { background-color: #94BA65; } .body-blue .bg-color { background-color: #2790B0; } .body-orange .bg-color { background-color: #D26C22; } .body-red .bg-color { background-color: #E35E54; } .body-green .bg-hover-color:hover, .body-green .open > .bg-hover-color { background-color: #94BA65 !important; } .body-blue .bg-hover-color:hover, .body-blue .open > .bg-hover-color { background-color: #2790B0 !important; } .body-orange .bg-hover-color:hover, .body-orange .open > .bg-hover-color { background-color: #D26C22 !important; } .body-red .bg-hover-color:hover, .body-red .open > .bg-hover-color { background-color: #E35E54 !important; } .body-green .dropdown-menu > .active > a, .body-green .dropdown-menu > .active > a:hover, .body-green .dropdown-menu > .active > a:focus { background-color: #94BA65; } .body-blue .dropdown-menu > .active > a, .body-blue .dropdown-menu > .active > a:hover, .body-blue .dropdown-menu > .active > a:focus { background-color: #2790B0; } .body-orange .dropdown-menu > .active > a, .body-orange .dropdown-menu > .active > a:hover, .body-orange .dropdown-menu > .active > a:focus { background-color: #D26C22; } .body-red .dropdown-menu > .active > a, .body-red .dropdown-menu > .active > a:hover, .body-red .dropdown-menu > .active > a:focus { background-color: #E35E54; } /* ===== Buttons Colors ===== */ .btn-color, .btn-color:hover, .btn-green, .btn-green:hover, .btn-blue, .btn-blue:hover, .btn-orange, .btn-orange:hover, .btn-red, .btn-red:hover { color: #fff !important; -webkit-transition: background-color 300ms, border-color 300ms; transition: background-color 300ms, border-color 300ms; } .body-green .btn-default, .body-blue .btn-default, .body-orange .btn-default, .body-red .btn-default { -webkit-transition: background-color 300ms, border-color 300ms; transition: background-color 300ms, border-color 300ms; } /* Button Green */ .body-green .btn-color, .btn-green { background-color: #94BA65; border-color: #749B46; } .body-green .btn-color:hover, .body-green .btn-color:focus, .body-green .btn-color:active, .body-green .btn-default:hover, .body-green .btn-default:focus, .body-green .btn-default:active, .body-green .btn-default.active, .body-green .dropdown.open .btn-default, .btn-green:hover, .btn-green:focus, .btn-green:active { background-color: #749B46; border-color: #5F7F39; color: white; } /* MSS */ .body-green .btn-default { color: #749B46; /*border-color: #94BA65;*/ } /* Button Blue */ .body-blue .btn-color, .btn-blue { background-color: #2790B0; border-color: #217B97; } .body-blue .btn-color:hover, .body-blue .btn-color:focus, .body-blue .btn-color:active, .body-blue .btn-default:hover, .body-blue .btn-default:focus, .body-blue .btn-default:active, .body-blue .btn-default.active, .body-blue .dropdown.open .btn-default, .btn-blue:hover, .btn-blue:focus, .btn-blue:active { background-color: #217B97; border-color: #1A6075; color: white; } /* MSS */ .body-blue .btn-default { color: #2790B0; /*border-color: #2790B0;*/ } /* Button Orange */ .body-orange .btn-color, .btn-orange { background-color: #D26C22; border-color: #C1631F; } .body-orange .btn-color:hover, .body-orange .btn-color:focus, .body-orange .btn-color:active, .body-orange .btn-default:hover, .body-orange .btn-default:focus, .body-orange .btn-default:active, .body-orange .btn-default.active, .body-orange .dropdown.open .btn-default, .btn-orange:hover, .btn-orange:focus, .btn-orange:active { background-color: #C1631F; border-color: #9E511A; color: white; } /* MSS */ .body-orange .btn-default { color: #D26C22; /*border-color: #D26C22;*/ } /* Button Orange */ .body-red .btn-color, .btn-red { background-color: #E35E54; border-color: #E0493E; } .body-red .btn-color:hover, .body-red .btn-color:focus, .body-red .btn-color:active, .body-red .btn-default:hover, .body-red .btn-default:focus, .body-red .btn-default:active, .body-red .btn-default.active, .body-red .dropdown.open .btn-default, .btn-red:hover, .btn-red:focus, .btn-red:active { background-color: #E0493E; border-color: #DD382C; color: white; } /* MSS */ .body-red .btn-default { color: #E35E54; /*border-color: #E35E54;*/ } /* ===== Page Not Found ===== */ .body-green .not-found-p, .body-green .alt-p, .body-green .color-jumbotron, .body-green .color-panel { background: #94BA65; background-image: radial-gradient(#A6C680, #749B46); } .body-blue .not-found-p, .body-blue .alt-p, .body-blue .color-jumbotron, .body-blue .color-panel { background: #2790B0; background-image: radial-gradient(#79C9E2, #2790B0); } .body-orange .not-found-p, .body-orange .alt-p, .body-orange .color-jumbotron, .body-orange .color-panel { background: #D26C22; background-image: radial-gradient(#E28D50, #D26C22); } .body-red .not-found-p, .body-red .alt-p, .body-red .color-jumbotron, .body-red .color-panel { background: #E35E54; background-image: radial-gradient(#EE9C96, #E35E54); } /*------------------------------------------------------------------ Project: Mosaic Author: Simpleqode URL: http://simpleqode.com/ https://twitter.com/YevSim https://www.facebook.com/simpleqode Version: 1.3.3 Created: 20/01/2014 Last change: 20/06/2016 -------------------------------------------------------------------*/ /* ===== Helper Classes ===== */ .primary-font { font-family: 'Roboto', sans-serif; } .first-child { margin-top: 0 !important; } @media (max-width: 767px) { .first-child-m { margin-top: 20px !important; } } .delay-1 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .delay-2 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .delay-3 { animation-delay: 1s; -webkit-animation-delay: 1s; } .tab-1 { margin-right: 15px; } .tab-2 { margin-right: 30px; } .tab-3 { margin-right: 45px; } .tab-3 { margin-right: 60px; } hr.arrow-down { margin-top: 40px; margin-bottom: 40px; position: relative; } hr.arrow-down:after { content:url(../img/arrow.png); position: absolute; left: 50%; margin-left: -10px; top: -5px; } /* ===== Buttons ===== */ .btn { border-radius: 3px; } /* ===== Headlines ===== */ .headline { padding-bottom: 1px; border-bottom: 1px solid #eee; margin-bottom: 30px; line-height: 50px; } .headline span { padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: solid; } h3.headline span { padding-bottom: 8px; } /* ===== Breadcrumbs ===== */ .topic { margin-top: -20px; margin-bottom: 40px; border-bottom: 1px solid #eee; } .topic h3 { display: inline-block; padding: 20px 0 20px; margin: 0 0 -1px 0; font-size: 20px; } .topic .breadcrumb { margin-bottom: 0; padding: 21px 0; background: transparent; } /* ===== Pagination ===== */ .body-green .pagination > .active > a, .body-green .pagination > .active > span, .body-green .pagination > .active > a:hover, .body-green .pagination > .active > span:hover, .body-green .pagination > .active > a:focus, .body-green .pagination > .active > span:focus { background-color: #94BA65; border-color: #94BA65; } .body-blue .pagination > .active > a, .body-blue .pagination > .active > span, .body-blue .pagination > .active > a:hover, .body-blue .pagination > .active > span:hover, .body-blue .pagination > .active > a:focus, .body-blue .pagination > .active > span:focus { background-color: #2790B0; border-color: #2790B0; } .body-red .pagination > .active > a, .body-red .pagination > .active > span, .body-red .pagination > .active > a:hover, .body-red .pagination > .active > span:hover, .body-red .pagination > .active > a:focus, .body-red .pagination > .active > span:focus { background-color: #E35E54; border-color: #E35E54; } .body-orange .pagination > .active > a, .body-orange .pagination > .active > span, .body-orange .pagination > .active > a:hover, .body-orange .pagination > .active > span:hover, .body-orange .pagination > .active > a:focus, .body-orange .pagination > .active > span:focus { background-color: #D26C22; border-color: #D26C22; } .pagination > li > a, .pagination > li > span { color: #999; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #666; } /* ===== Panels ===== */ /* 1. Panel Green */ .panel-green, .body-green .panel-color { border-color: #94BA65; } .panel-green > .panel-heading, .body-green .panel-color > .panel-heading { color: #fff; background-color: #94BA65; border-color: #94BA65; } .panel-green > .panel-heading + .panel-collapse .panel-body, .body-green .panel-color > .panel-heading + .panel-collapse .panel-body { border-top-color: #94BA65; } .panel-green > .panel-footer + .panel-collapse .panel-body, .body-green .panel-color > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #94BA65; } .panel-green > .panel-footer, .body-green .panel-color > .panel-footer { background-color: #94BA65; border-top: 1px solid #94BA65; } /* 2. Panel Blue */ .panel-blue, .body-blue .panel-color { border-color: #2790B0; } .panel-blue > .panel-heading, .body-blue .panel-color > .panel-heading { color: #fff; background-color: #2790B0; border-color: #2790B0; } .panel-blue > .panel-heading + .panel-collapse .panel-body, .body-blue .panel-color > .panel-heading + .panel-collapse .panel-body { border-top-color: #2790B0; } .panel-blue > .panel-footer + .panel-collapse .panel-body, .body-blue .panel-color > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #2790B0; } .panel-blue > .panel-footer, .body-blue .panel-color > .panel-footer { background-color: #2790B0; border-top: 1px solid #2790B0; } /* 3. Panel Red */ .panel-red, .body-red .panel-color { border-color: #E35E54; } .panel-red > .panel-heading, .body-red .panel-color > .panel-heading { color: #fff; background-color: #E35E54; border-color: #E35E54; } .panel-red > .panel-heading + .panel-collapse .panel-body, .body-red .panel-color > .panel-heading + .panel-collapse .panel-body { border-top-color: #E35E54; } .panel-red > .panel-footer + .panel-collapse .panel-body, .body-red .panel-color > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #E35E54; } .panel-red > .panel-footer, .body-red .panel-color > .panel-footer { background-color: #E35E54; border-top: 1px solid #E35E54; } /* 4. Panel Orange */ .panel-orange, .body-orange .panel-color { border-color: #D26C22; } .panel-orange > .panel-heading, .body-orange .panel-color > .panel-heading { color: #fff; background-color: #D26C22; border-color: #D26C22; } .panel-orange > .panel-heading + .panel-collapse .panel-body, .body-orange .panel-color > .panel-heading + .panel-collapse .panel-body { border-top-color: #D26C22; } .panel-orange > .panel-footer + .panel-collapse .panel-body, .body-orange .panel-color > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #D26C22; } .panel-orange > .panel-footer, .body-orange .panel-color > .panel-footer { background-color: #D26C22; border-top: 1px solid #D26C22; } /* ===== Info Boards ==== */ .info-board { margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .info-board h4 { margin-top: 0; font-family: 'Roboto', sans-serif; } .info-board p:last-child { margin-bottom: 0; } /* 1. Info board green */ .info-board-green { background-color: #F5F9F1; border-color: #94BA65; } /* 2. Info board blue */ .info-board-blue { background-color: #EEF8FB; border-color: #2790B0; } /* 3. Info board orange */ .info-board-orange { background-color: #FCF4ED; border-color: #D26C22; } /* 4. Info board red */ .info-board-red { background-color: #FCEEED; border-color: #E35E54; } /* ===== Navs ===== */ /* 1. Nav tabs */ .nav-tabs { margin-bottom: 15px; } .nav-tabs > li > a { border-bottom: 1px solid #dedede; border-radius: 0; background: #fff; color: #999; -webkit-transition: color 200ms; transition: color 200ms; } .nav-tabs > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #fff; border-color: #fff #fff #dedede; color: #515151; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #515151; cursor: default; background-color: #fff; border: 1px solid transparent; } .body-green .nav-tabs > li.active > a, .body-green .nav-tabs > li.active > a:hover, .body-green .nav-tabs > li.active > a:focus { border-bottom-color: #94BA65; } .body-blue .nav-tabs > li.active > a, .body-blue .nav-tabs > li.active > a:hover, .body-blue .nav-tabs > li.active > a:focus { border-bottom-color: #2790B0; } .body-orange .nav-tabs > li.active > a, .body-orange .nav-tabs > li.active > a:hover, .body-orange .nav-tabs > li.active > a:focus { border-bottom-color: #D26C22; } .body-red .nav-tabs > li.active > a, .body-red .nav-tabs > li.active > a:hover, .body-red .nav-tabs > li.active > a:focus { border-bottom-color: #E35E54; } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid transparent; border } /* 2. Nav pills */ .nav-pills { margin-bottom: 15px; } .nav-pills > li > a { color: #515151; -webkit-transition: background-color 200ms; transition: background-color 200ms; } .nav-pills > li > a { background-color: #f5f5f5; } .body-green .nav-pills > li.active > a, .body-green .nav-pills > li.active > a:hover, .body-green .nav-pills > li.active > a:focus { background-color: #94BA65; } .body-blue .nav-pills > li.active > a, .body-blue .nav-pills > li.active > a:hover, .body-blue .nav-pills > li.active > a:focus { background-color: #2790B0; } .body-orange .nav-pills > li.active > a, .body-orange .nav-pills > li.active > a:hover, .body-orange .nav-pills > li.active > a:focus { background-color: #D26C22; } .body-red .nav-pills > li.active > a, .body-red .nav-pills > li.active > a:hover, .body-red .nav-pills > li.active > a:focus { background-color: #E35E54; } .nav.nav-pills > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #f0f0f0; } .nav-pills-green > li.active > a, .nav-pills-green > li.active > a:hover, .nav-pills-green > li.active > a:focus { background-color: #94BA65 !important; } .nav-pills-blue > li.active > a, .nav-pills-blue > li.active > a:hover, .nav-pills-blue > li.active > a:focus { background-color: #2790B0 !important; } .nav-pills-red > li.active > a, .nav-pills-red > li.active > a:hover, .nav-pills-red > li.active > a:focus { background-color: #E35E54 !important; } .nav-pills-orange > li.active > a, .nav-pills-orange > li.active > a:hover, .nav-pills-orange > li.active > a:focus { background-color: #D26C22 !important; } /* ===== Sticky Navbar ===== */ .sticky-wrapper > .navbar { z-index: 999 !important; } /*------------------------------------------------------------------ Project: Mosaic Author: Simpleqode URL: http://simpleqode.com/ https://twitter.com/YevSim https://www.facebook.com/simpleqode Version: 1.3.3 Created: 20/01/2014 Last change: 20/06/2016 -------------------------------------------------------------------*/ /* ===== General ===== */ html, body { height: 100%; } body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; color: #505050; } @media (min-width: 1200px) { .container { width: 1000px !important; } } /* ===== Typography ===== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Oswald', sans-serif; } /* ===== Sticky Footer ===== */ .wrapper { min-height: 100%; height: auto !important; /* for older versions of IE */ height: 100%; margin-bottom: -348px; /* footer height + margin */ padding-top: 20px; /* margin */ padding-bottom: 348px; /* footer height + margin */ } /* ===== Mini Navbar ===== */ .mini-navbar { width: 100%; height: 40px; font-size: 0.9em; z-index: 9999; position: relative; } .mini-navbar .hidden-sm { display: inline-block !important; } @media (min-width: 768px) and (max-width: 991px) { .mini-navbar .hidden-sm { display: none !important; } } .mini-navbar .phone { display: inline-block; padding: 10px; } .mini-navbar a, .mini-navbar .block { display: inline-block; padding: 10px 10px 11px 10px; -webkit-transition: background 500ms; transition: background 500ms; } .mini-navbar .block.pull-right:last-child { /*padding-right: 0;*/ } .mini-navbar a.first-child { margin-left: -25px; /* To align with logo and container */ margin-left: -10px; } .mini-navbar a:hover { text-decoration: none; } .mini-navbar form { display: inline; } /* Mini Navbar Dark */ .mini-navbar-dark { background: #353432; color: #ecf0f1; border-bottom: 1px solid #666; } .mini-navbar-dark a { color: #ecf0f1; } .mini-navbar-dark a:hover { background: #242424; } /* Mini Navbar White */ .mini-navbar-white { background: #fff; color: #505050; border-bottom: 1px solid #ecf0f1; } .mini-navbar-white a { color: #505050; } .mini-navbar-white a:hover { background: #f5f5f5; } /* Search Form */ .mini-navbar form { width: 250px; } .mini-navbar form .form-control{ height: 26px; margin: 7px 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .mini-navbar form button { height: 26px; margin: 7px 0; padding: 2px 7px; background: #ecf0f1; } .mini-navbar-dark form .form-control { background: #484848; color: #ccc; } .mini-navbar-white form .form-control { background: #fff; border: 1px solid #dedede; color: #505050; } /* ===== Navbar ===== */ .navbar-static-top { right: 0; left: 0; } /* Navbar gets a bit higher */ .navbar { min-height: 75px; margin-bottom: 0 !important; } @media (min-width: 768px) { .navbar-nav > li > a { padding-top: 27.5px; padding-bottom: 27.5px; } } .navbar-form { margin-top: 20.5px; margin-bottom: 20.5px; } .navbar-brand { padding: 25px 15px; font-family: 'Oswald', sans-serif; font-size: 24px; } .navbar-brand > span { font-size: 14px; } @media (max-width: 767px) { .navbar-brand > span { display: none; } } .navbar-btn { margin-top: 20.5px; margin-bottom: 20.5px; } .navbar-text { margin-top: 27.5px; margin-bottom: 27.5px; } .navbar-toggle { margin-top: 20.5px; margin-bottom: 20.5px; } /* Navbar Dark */ .navbar-dark { background-color: #4E4D4A; border: 0; } .navbar-dark .navbar-brand { color: #ecf0f1; text-shadow: 1px 1px 2px #333; } .navbar-dark .navbar-brand > span { color: #ccc; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-text { color: #ecf0f1; } .navbar-dark .navbar-nav > li > a { color: #ecf0f1; background: transparent; -webkit-transition: background 500ms; transition: background 500ms; } /* .navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li > a:focus { color: #FFF; } */ .navbar-dark .navbar-nav > .active > a, .navbar-dark .navbar-nav > .active > a:hover, .navbar-dark .navbar-nav > .active > a:focus { color: #FFF; background-color: #353432; } .navbar-dark .navbar-nav > .disabled > a, .navbar-dark .navbar-nav > .disabled > a:hover, .navbar-dark .navbar-nav > .disabled > a:focus { color: #bdc3c7; } .navbar-dark .navbar-toggle { border-color: transparent; background: transparent; } .navbar-dark .navbar-toggle:hover, .navbar-dark .navbar-toggle:focus { background-color: #353432; } .navbar-dark .navbar-toggle .icon-bar { background-color: #ecf0f1; } .navbar-dark .navbar-toggle:hover .icon-bar, .navbar-dark .navbar-toggle:focus .icon-bar{ background-color: #fff; } .navbar-dark .navbar-collapse, .navbar-dark .navbar-form { border-color: #353432; } .navbar-dark .navbar-nav > .open > a, .navbar-dark .navbar-nav > .open > a:hover, .navbar-dark .navbar-nav > .open > a:focus { color: #FFF; } .navbar-nav > .open > a:after { content: "\f0d8"; font-family: FontAwesome; position: absolute; z-index: 9999; bottom: -5px; left: 50%; margin-left: -10px; font-size: 36px; } .navbar-dark .navbar-nav > .open > a:after { color: #353432; } .navbar-white .navbar-nav > .open > a:after { color: #fff; } .navbar-dark .navbar-nav > .dropdown > a:hover .caret { border-top-color: #FFF; border-bottom-color: #FFF; } .navbar-dark .navbar-nav > .dropdown > a .caret { border-top-color: #ecf0f1; border-bottom-color: #ecf0f1; } .navbar-dark .navbar-nav > .open > a .caret, .navbar-dark .navbar-nav > .open > a:hover .caret, .navbar-dark .navbar-nav > .open > a:focus .caret { border-top-color: #FFF; border-bottom-color: #FFF; } /* Navbar Dark Dropdown Menu */ .navbar-dark .navbar-nav > li > .dropdown-menu { background-color: #353432; border: 1px solid #353432; border-top: 1px solid #666; -webkit-box-shadow: none; box-shadow: none; } .navbar-dark .dropdown-menu > li > a { padding: 7px 20px; border-bottom: 1px solid #666; color: #fff; } .navbar-dark .dropdown-menu > li > a:hover, .navbar-dark .dropdown-menu > li > a:focus { color: #fff; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .navbar-dark .dropdown-menu > li:last-child > a { border-bottom: 0; } .navbar-dark .navbar-link { color: #ecf0f1; } .navbar-dark .navbar-link:hover { color: #FFF; } /* Navbar Dark Mobile */ @media (max-width: 767px) { .navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #353432; } .navbar-dark .navbar-nav .open .dropdown-menu > li > a { color: #ecf0f1; padding: 10px 20px; border: 0; } .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; } .navbar-dark .navbar-nav .open .dropdown-menu > .active > a, .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; } .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #bdc3c7; background-color: transparent; } .navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li > a:focus { color: #FFF; } .navbar-dark .navbar-nav > .open > a, .navbar-dark .navbar-nav > .open > a:hover, .navbar-dark .navbar-nav > .open > a:focus { padding-top: 10px; padding-bottom: 10px; border-width: 0; } } /* Navbar White */ .navbar-white { background-color: #fff; border: 0; -webkit-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3); -moz-box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3); box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.3); } .navbar-white .navbar-brand { color: #505050; } .navbar-white .navbar-brand > span { color: #ccc; } .navbar-white .navbar-brand:hover, .navbar-white .navbar-brand:focus { color: #111; } .navbar-white .navbar-text { color: #505050; } .navbar-white .navbar-nav > li > a { color: #505050; background: transparent; -webkit-transition: background 500ms; transition: background 500ms; } /* .navbar-white .navbar-nav > li > a:hover, .navbar-white .navbar-nav > li > a:focus { color: #fff; } */ .nav-hover-fix:hover { color: #fff !important; } .navbar-white .navbar-nav > .active > a, .navbar-white .navbar-nav > .active > a:hover, .navbar-white .navbar-nav > .active > a:focus { color: #111; background: #f5f5f5; } .navbar-white .navbar-nav > .disabled > a, .navbar-white .navbar-nav > .disabled > a:hover, .navbar-white .navbar-nav > .disabled > a:focus { color: #ccc; } .navbar-white .navbar-toggle { border-color: transparent; background: transparent; } .navbar-white .navbar-toggle:hover, .navbar-white .navbar-toggle:focus { background-color: #f5f5f5; } .navbar-white .navbar-toggle .icon-bar { background-color: #505050; } .navbar-white .navbar-toggle:hover .icon-bar, .navbar-white .navbar-toggle:focus .icon-bar{ background-color: #111; } .navbar-white .navbar-collapse, .navbar-white .navbar-form { border-color: #ccc; } .navbar-white .navbar-nav > .open > a, .navbar-white .navbar-nav > .open > a:hover, .navbar-white .navbar-nav > .open > a:focus { color: #fff; } .navbar-white .navbar-nav > .dropdown > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; } .navbar-white .navbar-nav > .dropdown > a .caret { border-top-color: #505050; border-bottom-color: #505050; } .navbar-white .navbar-nav > .open > a .caret, .navbar-white .navbar-nav > .open > a:hover .caret, .navbar-white .navbar-nav > .open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } /* Navbar White Dropdown Menu */ .navbar-white .navbar-nav > li > .dropdown-menu { background-color: #fff; border: 1px solid #ecf0f1; border-top: 1px solid #f5f5f5; } .navbar-white .dropdown-menu > li > a { padding: 7px 20px; border-bottom: 1px solid #ecf0f1; color: #505050; } .navbar-white .dropdown-menu > li > a:hover, .navbar-white .dropdown-menu > li > a:focus { color: #fff; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .navbar-white .dropdown-menu > li:last-child > a { border-bottom: 0; } .navbar-white .navbar-link { color: #505050; } .navbar-white .navbar-link:hover { color: #505050; } /* Navbar White Mobile */ @media (max-width: 767px) { .navbar-white .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #ecf0f1; } .navbar-white .navbar-nav .open .dropdown-menu > li > a { color: #505050; padding: 10px 20px; border: 0; } .navbar-white .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-white .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; } .navbar-white .navbar-nav .open .dropdown-menu > .active > a, .navbar-white .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-white .navbar-nav .open .dropdown-menu > .active > a:focus { color: #505050; background-color: transparent; } .navbar-white .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-white .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } /* .navbar-white .navbar-nav > li > a:hover, .navbar-white .navbar-nav > li > a:focus { color: #fff; } */ .navbar-white .navbar-nav > .open > a, .navbar-white .navbar-nav > .open > a:hover, .navbar-white .navbar-nav > .open > a:focus { color: #fff; padding-top: 10px; padding-bottom: 10px; border-width: 0; } } /* ===== Style Toggle ===== */ .style-toggle-btn { position: absolute; z-index: 50505055; top: -3px; left: -46px; color: #FFF; background: #4E4D4A; padding: 12px; font-size: 18px; border-radius: 3px 0 0 3px; cursor: pointer; } .style-toggle-btn.fa-angle-double-right { padding: 12px 17px 12px 16px; } .style-toggle { position: fixed; z-index: 50505055; top: 150px; right: -180px; max-width: 180px; border-radius: 0 0 0 3px; background: #fff; border: 3px solid #666; border-right: 0; color: #505050; -webkit-transition: right 0.5s ease-in-out; transition: right 0.5s ease-in-out; } .style-toggle-show { right: 0; } .style-toggle-header { padding: 10px; color: #fff; background: #666; } .style-toggle-body { padding: 10px; } /* ===== Back to Top link ===== */ .backtotop { background: #666; padding: 10px 15px; font-size: 18px; color: #FFF; border-radius: 3px; -webkit-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } .backtotop:hover { background: #4E4D4A; } /* ===== Footer ===== */ footer { padding: 20px 0; margin-top: 50px; } footer h3 { padding-bottom: 10px; border-bottom: 1px solid #4E4D4A; margin-bottom: 20px; } footer h3 > span { padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; } /* Footer Dark */ .footer-dark { background: #353432; color: #ecf0f1; } .footer-dark hr { border-top: 1px solid #4E4D4A; } /*.footer-dark .list-unstyled a { color: #fff; }*/ /* Footer White */ .footer-white { background: #fff; border-top: 1px solid #dedede; color: #999; } .footer-white h3 { border-color: #eee; } /* Social Links */ .social > ul, .social > ul > li { margin: 0; padding: 0; } .social li > a { display: inline-block; width: 34px; height: 34px; margin: 0 2px 2px 0;; border-radius: 34px; text-align: center; font-size: 16px; line-height: 34px; background: #fff; color: #4E4D4A; transition: background 500ms, color 500ms; -webkit-transition: background 500ms, color 500ms; } .social li:hover > a { color: #fff; } .social li > a.rss:hover { background: #ff9900; } .social li > a.facebook:hover { background: #3B5998; } .social li > a.twitter:hover { background: #1dcaff; } .social li > a.plus:hover { background: #dd4b39; } .social li > a.vk:hover { background: #3f628a; } .social li > a.pinterest:hover { background: #c92026; } .social li > a.vimeo:hover { background: #446d82; } .social li > a.github:hover { background: #657e8c; } .social li > a.linkedin:hover { background: #0c7bb3; } .social li > a.dropbox:hover { background: #4fa3e3; } .social li > a.youtube:hover { background: #ed413e; } /* Footer White Social Links */ .footer-white .social li > a { border: 1px solid #ccc; } .footer-white .social li > a:hover { border: 1px solid transparent; } /* ===== Jumbotron ===== */ .main-slideshow { position: relative; margin-top: -20px; } .jumbotron.first { background: url(../../imgs/slide-1.jpg) no-repeat center center; background-size: cover; } .jumbotron.second { background: url(../../imgs/slide-2.jpg) no-repeat center center; background-size: cover; } .jumbotron.third { background: url(../../imgs/slide-3.jpg) no-repeat center center; background-size: cover; } .jumbotron { width: 100%; height: 470px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; color: #FFF; border-bottom: 1px solid #eee; overflow: hidden; } .jumbotron h1 { font-size: 36px; line-height: 1.5; margin-bottom: 20px; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); } .jumbotron.first img { width: 90%; margin: 50px auto 0; } .jumbotron.second img { position: absolute; bottom: -600px; left: 50%; margin-left: -300px; cursor: pointer; box-shadow: 0 0 15px rgba(0,0,0,0.8); transition: bottom 0.3s; -webkit-transition: bottom 0.3s; } .jumbotron.second img:hover { bottom: -590px; } .jumbotron.third .video { width: 80%; margin: 50px auto 0 auto; } .jumbotron.first h1, .jumbotron.third h1 { margin-top: 50px; } @media (max-width: 767px) { /* Adjusting for mobile */ .jumbotron.first h1, .jumbotron.third h1 { margin-top: 20px; } } .jumbotron .lead { text-shadow: 1px 1px 5px rgba(0,0,0,0.3); } .jumbotron .btn { font-size: 18px; padding: 15px 30px; margin-top: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.3); } /* Slideshow controls */ a.slideshow-arrow { position: absolute; display: block; height: 100px; width: 50px; top: 50%; margin-top: -60px; background: transparent; color: transparent; font-size: 32px; font-weight: 300; line-height: 100px; text-align: center; cursor: pointer; -webkit-transition: background 500ms, color 500ms; transition: background 500ms, color 500ms; } .main-slideshow:hover a.slideshow-arrow { background: rgba(0, 0, 0, 0.5); color: #FFF; } a.slideshow-arrow:hover, a.slideshow-arrow:active { text-decoration: none; } a.slideshow-arrow-prev { left: 0; right: auto; padding-right: 5px; } a.slideshow-arrow-next { right: 0; left: auto; padding-left: 5px; } /* ===== Intro Text ===== */ .intro .btn { margin-top: 20px; } /* ===== Services ===== */ .services { margin-top: 30px; margin-bottom: 60px; } .services-item { display: block; border: solid 1px transparent; margin-bottom: 20px; } a.services-item:hover, a.services-item:active, a.services-item:focus, button.services-item:hover, button.services-item:active, button.services-item:focus { text-decoration: none; border-color: #ddd; } button.services-item { text-align: left; background-color: transparent; width: 100%; } .services-item i { float: left; margin: 20px 15px 0 0; -webkit-transition: all 500ms; transition: all 500ms; } .services-item-desc { overflow: hidden; } /* Portfolio */ .portfolio { margin-bottom: 30px; } .portfolio__nav { margin-bottom: 20px; } .portfolio-item { margin-bottom: 20px; } .portfolio-item > a { position: relative; display: block; border-radius: 3px; overflow: hidden; } .portfolio-item > a > .mask { position: absolute; bottom: -40px; width: 100%; padding: 10px; background: #4E4D4A; color: #fff; -webkit-transition: bottom 500ms; transition: bottom 500ms; } .col-sm-3 > .portfolio-item > a > .mask, .col-md-3 > .portfolio-item > a > .mask, .col-lg-3 > .portfolio-item > a > .mask { font-size: 0.9em; } .portfolio-item > a:hover > .mask { bottom: 0; } .portfolio-desc { padding: 0 5px; margin-bottom: 20px; } .portfolio-desc > h3 { font-size: 20px; line-height: 1.5; margin-bottom: 10px; } /* ===== Features ===== */ .features.last { margin-bottom: 50px; } .divider { border-bottom: 1px solid #eee; margin: 20px 0 40px; } .features h3 { font-size: 20px; line-height: 1.5; margin-top: 50px; } .features p { line-height: 1.7; } .features img { width: 80%; margin-left: auto; margin-right: auto; } .features .border-bottom { border-bottom: 1px solid #dedede; } @media (max-width: 767px) { /* Adjusting for mobile */ .features h3 { margin-top: 30px; } .features h3.first-child { margin-top: 0; } .features.last { margin-bottom: 0; } } /* ===== Block Block ===== */ .recent-blogs { margin-bottom: 20px; } .recent-blog { margin-bottom: 20px; } .recent-blog img { height: 70px; width: 70px; float:left; margin-right: 20px; border-radius: 70px; } .recent-blog-desc { overflow: hidden; } .recent-blog-desc h3 { font-size: 20px; line-height: 1.5; margin-top: 0; } .recent-blog-desc p { line-height: 1.7; } /* ===== About Us Page ===== */ .about-us-p img { max-width: 40%; margin: 0 20px 20px 0; } /* Our Team */ .team-member { border: 1px solid #eee; border-radius: 3px; padding: 10px; margin-bottom: 10px; } .team-member:hover { border-color: #ddd; } .team-member > img { margin-bottom: 10px; border-radius: 3px; } /* ===== Blog Page ===== */ .blog-p img.author { float:left; height: 70px; width: 70px; border-radius: 70px; margin-right: 20px; } .blog-p-body { overflow: hidden; } .blog-p-body p { line-height: 1.7; } .blog-p-body .embed-responsive { margin: 20px 0; } .blog-p-body img { border-radius: 3px; margin: 20px 0; } .blog-p-search { margin-bottom: 40px; } .blog-p-social { list-style-type: none; margin: 0 0 40px 0; padding: 0; } .blog-p-social > li { padding: 0; border-bottom: 1px solid #eee; } .blog-p-social > li a { display: block; padding: 10px 0; } .blog-p-social > li i { margin-right: 10px; } .blog-p-popular { list-style-type: none; margin: 20px 0 0 0; padding: 0; } .blog-p-popular > li { margin-bottom: 10px; } /* ===== Comments ===== */ .comments { margin: 20px 0; } .cmt { margin-bottom: 15px; } .cmt > img { width: 70px; height: 70px; border-radius: 3px; float: left; margin: 0 10px 0 0; } .cmt > .cmt-block { overflow: hidden; } .cmt > .cmt-block > .cmt-body { margin-top: 5px; } .cmt > .cmt-block textarea { border-radius: 0; } /* ===== Coming Soon ===== */ .coming-soon-p { padding: 100px 0; background: url(../../imgs/bg-1.jpg) center center no-repeat; background-attachment: fixed; background-size: cover; color: #fff; } .coming-soon-p h1 { font-size: 50px; text-shadow: 1px 1px 2px #505050; } .coming-soon-p .lead { margin: 40px 0 50px; text-shadow: 1px 1px 2px #505050; } .coming-soon-p form .form-control, .color-jumbotron form .form-control { /* Same form for the shop jumbotron */ height: 45px; width: 300px; padding: 12px 24px; border-radius: 45px 0 0 45px; font-size: 18px; -webkit-box-shadow: none; box-shadow: none; } .coming-soon-p form button, .color-jumbotron form button { height: 45px; border-radius: 0 45px 45px 0; margin-left: -4px; } @media (max-width: 767px) { .coming-soon-p { padding: 30px 0; } .coming-soon-p form .form-control, .color-jumbotron form .form-control { border-radius: 45px; width: 100%; } .coming-soon-p form button, .color-jumbotron form button { display: block; width: 100%; border-radius: 45px; } } .is-countdown { margin-top: 50px; margin-bottom: 100px; font-size: 32px; text-shadow: 1px 1px 2px #505050; font-family: 'Oswald', sans-serif; } .countdown-rtl { direction: rtl; } .countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 32.5%; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; } .countdown-amount { font-size: 200%; } .countdown-period { display: block; } .countdown-descr { display: block; width: 100%; } /* ===== Contact Us ===== */ /* Alert Message */ #form_message { display: none; } #form_message.alert-success { display: block; } /* Help Block (error messages) */ #form_sendemail .help-block { color: #ff5722 !important; display: none; } #form_sendemail .has-error .help-block, #form_sendemail .has-error.help-block { display: block; } /* reCaptcha */ #recaptcha_image { margin-bottom: 15px; } #recaptcha_image > img { border: 1px solid #FFF; } #recaptcha_image, #recaptcha_image > img { width: 100% !important; max-width: 300px; height: auto !important; } #recaptcha_audio_play_again { cursor: pointer; } /* reCaptcha iframe bug fix (causing an emptly line just before the closing tag */ iframe[src="about:blank"] { display: none !important; } /* ===== Portfolio Item ===== */ .port-slideshow-p { position: relative; border-radius: 3px; overflow: hidden; margin-bottom: 30px; } /* Slideshow controls */ a.port-arrow-p { position: absolute; display: block; height: 100px; width: 50px; top: 50%; margin-top: -50px; background: transparent; color: transparent; font-size: 32px; font-weight: 300; line-height: 100px; text-align: center; cursor: pointer; -webkit-transition: background 500ms, color 500ms; transition: background 500ms, color 500ms; } .port-slideshow-p:hover a.port-arrow-p { background: rgba(0, 0, 0, 0.5); color: #FFF; } a.port-arrow-p:hover, a.port-arrow-p:active { text-decoration: none; } a.port-arrow-prev { left: 0; right: auto; padding-right: 5px; } a.port-arrow-next { right: 0; left: auto; padding-left: 5px; } /* !Slideshow controls */ .port-item-p h3 { line-height: 1.5; } .port-item-p p { line-height: 1.7; } /* ===== Pricing Table ===== */ .pricing-p .item { background: #fff; border: 1px solid #ccc; padding: 10px; border-radius: 3px; text-align: center; -webkit-transition: margin-top 500ms; transition: margin-top 500ms; } .pricing-p .item:hover { margin-top: -10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2); } .pricing-p .head { position: relative; margin-bottom: 50px; padding: 30px 10px 10px; border-radius: 3px; } .pricing-p .head h4 { color: #FFF; text-transform: uppercase; } .pricing-p .head .arrow { position: absolute; bottom: -30px; left: 0; height: 30px; width: 100%; border-top-width: 30px; border-top-style: solid; border-right: 99px solid white; border-left: 99px solid white; } .pricing-p .sceleton h5 { font-size: 30px; } .pricing-p .sceleton span { font-size: 24px; } .pricing-p .sceleton ul { margin: 0 0 10px; padding: 0; } .pricing-p .sceleton li { list-style-type: none; padding: 10px 0; border-top: 1px dotted #ccc; } .pricing-p .sceleton li:hover { border-top: 1px solid #ccc; background: #eee; cursor: pointer; } @media (max-width: 1199px) { /* Adjusting for large devices */ .pricing-p .head .arrow { border-right-width: 95px; border-left-width: 95px; } } @media (max-width: 991px) { /* Adjusting for small devices */ .pricing-p .head .arrow { border-right-width: 68px; border-left-width: 68px; border-top-width: 20px; } } @media (max-width: 767px) { /* Adjusting for mobile */ .pricing-p .head { padding: 20px; margin-bottom: 20px; } .pricing-p .head .arrow { border: 0; } .pricing-p .item { margin: 20px 0; } .pricing-p .item:hover { margin: 20px 0; } } /* ===== Services Page ===== */ .services-p { margin: 10px 0; } /* ===== Sign In & Sign Up ===== */ .sign-form { padding: 30px; background: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2); } .sign-form .popover { min-width: 200px; } .popover-title { font-family: 'Roboto', sans-serif !important; background: transparent; font-weight: bold; } /* ===== 404 Not Found ===== */ .not-found-p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .not-found-p .text { position: absolute; top: 50%; left: 50%; margin-top: -43px; margin-left: -98px; text-align: center; color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); } .not-found-p h1 { margin-top: 0; } .not-found-p h2 { font-size: 22px; margin-top: 0; } /* ===== Theme FAQ ===== */ .theme-faq-p p { line-height: 1.7; } /* ===== Help Center ===== */ /* .panel-title { font-family: 'Roboto', sans-serif; } .faq-cats-p ul { list-style-type: none; padding: 0; margin: 0; } .faq-cats-p ul li:first-child { margin: 0 0 15px 0; } .faq-cats-p ul li { margin: 15px 0 15px 0; } .faq-cats-p ul li i{ vertical-align: middle; margin-right: 15px; color: #c0c0c0; } .faq-cats-p ul li:hover i{ color: #00B4FF; } */ /* ===== Shop ===== */ .color-jumbotron { margin-top: -20px; margin-bottom: 30px; padding: 50px 0; color: white; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); } .color-jumbotron form { margin-top: 50px; } /* MSS: top margin removed */ .color-jumbotron h1 { margin-top: 0; } .color-jumbotron .btn { border-color: white; } .shop-product { border: 1px solid #eee; border-radius: 3px; padding: 10px; margin-bottom: 20px; text-align: center; } .shop-product:hover { border-color: #ddd; } .shop-product img { margin-bottom: 10px; border-radius: 3px; } .shop-product a { color: #515151; } .shop-product.featured:before { content: "Featured"; position: absolute; top: 0; right: 15px; padding: 3px 8px; border-radius: 0 3px 0 3px; background: #E35E54; color: white; } .shop-product.featured .price .old { color: red; text-decoration: line-through; } .shop-product.featured .price .new { font-weight: bold; } .shop-category { font-weight: bold; padding-bottom: 20px; padding-left: 15px; margin-bottom: 20px; margin-top: 30px; border-bottom: 1px solid #eee; } .shop-search { margin-bottom: 20px; } /* Shop Item */ .shop-item .product-img { padding: 10px; margin-bottom: 20px; border-radius: 3px; border: 1px solid #eee; } .shop-item .product-img img { border-radius: 3px; opacity: 0.5; } .shop-item .product-img img:hover { opacity: 1; } .shop-item .product-img img.main { margin-bottom: 5px; opacity: 1; } .shop-item .product-img .row { padding: 0 12px; } .shop-item .product-img .col-xs-4 { padding-left: 2px; padding-right: 2px; } .rating { display: inline-block; margin-left: 0px; } .rating li { margin: 0; padding: 0; color: #F7C41F; font-size: 14px; } .shop-item .reviews { font-size: 12px; margin-left: 10px; } .shop-item .price-block { display: inline-block; margin-bottom: 10px; padding: 10px; background: #eee; border-radius: 3px; } .shop-item .price-block .form-control { display: inline-block; width: 60px; } .shop-item .price-block .price { margin-right: 10px; vertical-align: middle; font-size: 20px; } /* Shopping Cart */ .shopping-cart table > thead > tr > th { border-bottom-width: 1px; } .shopping-cart table > tbody > tr > td { vertical-align: middle; } .shopping-cart table img { float: left; width: 100px; margin: 0 10px 10px 0; border-radius: 3px; } .shopping-cart table .item { overflow: hidden; } @media (max-width: 767px) { .shopping-cart table img { float: none; width: 100%; margin: 0 0 10px 0; } .shopping-cart table .item { overflow: visible; } } .shopping-cart .form-control { width: 60px; } .shopping-cart .checkout { list-style-type: none; margin: 0; padding: 0; } .shopping-cart .checkout > li { margin: 10px 0; } /* ===== Alt Pages ===== */ .alt-p { position: absolute; width: 100%; height: 100%; padding-top: 100px; } @media (max-width: 767px) { .alt-p { padding-top: 50px; } } .alt-p .logo a { color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); margin-bottom: 30px; text-decoration: none; } /* ===== Help Center ===== */ .help-cats-p { list-style-type: none; padding-left: 0; margin-bottom: 30px; } .help-cats-p > li > a { display: block; padding: 5px 0; color: #999; -webkit-transition: padding-left 500ms; transition: padding-left 500ms; } .help-cats-p > li > a:hover { color: #505050; padding-left: 7px; } .help-questions-p { padding-left: 0; margin-left: 20px; } .help-questions-p > li > a { display: block; padding: 5px 0; color: #505050; } /* ===== User Profile ====== */ .user-avatar { position: relative; background: #fff; margin-bottom: 30px; } .user-avatar:before, .user-avatar:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .user-avatar:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .user-social { margin-top: 15px; } .user-social li > a { background: #bdc3c7; color: #fff; } .user-cart > h4 { margin-bottom: 20px; } .user-info { list-style-type: none; padding-left: 0; margin-top: 20px; } .user-info > li { padding: 3px 0; } /* ===== Responsive Video ===== */ .responsive-embed-showcase .embed-responsive { margin-bottom: 15px; } /*@import url(checkbox.css);*/ body { } .ui-autocomplete { /*max-height: 300px;*/ overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .ui-autocomplete { z-index: 10001 !important } /* Bootstraps */ .field-validation-error { color: red; } .validation-summary-errors { padding: 15px; margin-bottom: 20px; border: 1px solid #ebccd1; border-radius: 4px; color: #a94442; background-color: #f2dede; } .btn { padding: 10px 20px; } .btn-sm { padding: 5px 10px; } .btn-default { border-color: #aaa; } .btn-info { color: #fff !important; } .form-group, .form-spacer { margin-bottom: 20px; } .form-control { height: 42px; } .input-group-addon { padding-left: 0; padding-right: 0; min-width: 40px; text-align: center; } .control-label { font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 500; } /* Custom */ form + p { margin-top: 20px; } .sign-form p:last-child { margin-top: 20px; margin-bottom: 0; } .form-submit { margin-top: 35px; } .form-footer { margin-top: 25px; border-top: solid 1px #eee; padding-top: 15px; } .form-footer .btn { float: right; } /* clear floats */ .form-footer:before, .form-footer:after, .form-submit:before, .form-submit:after, .field-block:before, .field-block:after { display: table; content: " "; } .form-footer:after, .form-submit:after, .field-block:after { clear: both; } /* Forms */ .form-main .form-submit { margin-top: 50px; } #ajax-container + .form-submit { margin-bottom: 35px; margin-top: -15px; } #ajax-result .form-main { margin-top: 35px; } .form-sub .form-submit .btn { width: 100%; } /* Panels */ .filters { margin-bottom: 35px; } .filters .form-inline .form-group { margin-bottom: 20px; } .field-block { display: block; } .form-main .form-group .field-block { margin-bottom: 20px; } .tab-content + .tab-submit > .form-submit { margin-top: 0; background-color: #eee; padding: 15px; text-align: right; border: solid 1px #ddd; border-top: 0; } .tab-pane .form-submit { text-align: right; } @media (min-width: 768px) { .form-main .form-submit { background-color: #eee; padding: 15px; } .form-main .form-submit .btn { padding-left: 30px; padding-right: 30px; float: right; } .filters .form-inline .form-group { margin-right: 20px; } .filters .txt-number { max-width: 125px; } } @media (min-width: 768px) and (max-width: 991px) { .filters .form-inline .form-group { width: calc(50% - 25px); margin-right: 20px; } .filters .form-inline .form-control { width: 100%; display: block; } .tab-content + .tab-submit > .form-submit { padding: 10px; } } @media (max-width: 767px) { .form-main .form-submit .btn { width: 100%; } .tab-content + .tab-submit > .form-submit { padding: 10px; } } /****************** Jquery Sortable *********************/ /* Grid Style */ .table .sortable > .sortable-item { padding: 0px; position: relative; border: 0px; } .table .sortable > .sortable-item:hover, .table .sortable > .sortable-item:focus { border-top: 2px dashed #00adef; border-bottom: 2px dashed #00adef; } .table .sortable > .sortable-item:active { border-color: red; } .table .sortable .glyphicon-move { background-color: white; color: inherit; cursor: move; border: 1px #ddd solid; } /****************** Jquery Sortable *********************/ body { } /* .slideThree */ .check-slider { width: 80px; height: 36px; background: #ddd; position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2); float: left; margin-right: 15px; } /*Active state*/ .check-slider.active { background-color: #bffaaa; } .check-slider:after { content: 'NO'; color: #000; position: absolute; right: 10px; top: 5px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(255,255,255,.15); } .check-slider:before { content: 'YES'; color: #27ae60; position: absolute; top: 5px; left: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; } .check-slider > label { display: block; width: 34px; height: 30px; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; transition: all 0.4s ease; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3); } .check-slider > input[type=checkbox], .check-slider > input[type=radio] { visibility: hidden; } .check-slider > input[type=checkbox]:checked + label, .check-slider > input[type=radio]:checked + label { left: 43px; } .check-slider-container:before, .check-slider-container:after { display: table; content: " "; } .check-slider-container:after { clear: both; } .check-slider-container + .check-slider-container { margin-top: 20px; } .check-slider-container > .check-slider-label { display: inline-block; width: calc(100% - 95px); height: 36px; line-height: 36px; } @media (max-width: 992px) { .check-slider-container > .check-slider-label { height: auto; line-height: normal; } } /* end .slideThree */ .panel-scroll-v { max-height: 300px; overflow-y: auto; padding: 5px 25px 5px 5px; border: solid 1px #ccc; margin-bottom: 15px; } /* List Groups */ .checked-list-box .list-group-item.active, .checked-list-box .list-group-item.active:hover, .checked-list-box .list-group-item.active:focus { background-color: #eee /*#e0144e*/; border-color: #eee /*#e0144e*/; color: inherit; } /* Check Blocks */ .check-blocks > .check > label:before, .check-blocks > .check > label:after { display: table; content: " "; } .check-blocks > .check > label:after { clear: both; } .check-blocks > .check > label { display: block; padding: 15px 25px; border: solid 1px #ccc; background-color: #f9f9f9; position: relative; font-weight: normal; } .check-blocks > .check + .check { margin-top: 15px; } .check-blocks > .check > label:before { font-family: 'FontAwesome'; content: "\f0c8"; display: inline-block; padding-left: 10px; position: absolute; right: 10px; top: 2px; font-size: 32px; opacity: .5; } .check-blocks > .check > label:hover { cursor: pointer; opacity: .9; } .check-blocks > .check > label.active { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding-right: 60px; } .check-blocks > .check > label.active:before { content: "\f00c"; opacity: 1; } .check-blocks > .check > input[type='radio'], .check-blocks > .check > input[type='checkbox'] { display: none; } @import url('content.css'); body { } /* Alerts */ .row-alert + .color-jumbotron { margin-top: 20px; } #main_alert { margin-bottom: 25px; } /* Tables */ .table .btn { padding-top: 6px; padding-bottom: 6px; } .table > tbody > tr.alt { background-color: #f9f9f9; } .table-costings > tbody > tr > td { vertical-align: middle; } .table-costings > tbody > tr.foot > td { padding-top: 10px; padding-bottom: 10px; } .table-costings > tfoot > tr > td { padding-top: 10px; padding-bottom: 10px; border: 0; } .table-costings tr > td.col-label { font-weight: bold; } /* Pagination */ .row-pagination { position: relative; } .pagination-labels { display: inline-block; white-space: nowrap; float: left; padding-top: 30px; padding-right: 10px; font-size: .8em; } .pagination-labels:before { content: 'Page '; } @media (max-width: 767px) { .pagination-labels { display: none; } } /* Jumbotrons */ .color-jumbotron > .container { position: relative; z-index: 8; } .color-jumbotron > .container > .breadcrumb { position: absolute; top: -30px; right: 15px; text-shadow: none; padding: 0; background-color: transparent; display: inline-block; z-index: 9; } .color-jumbotron > .container > .breadcrumb > li > a { color: #eee; z-index: 10; } .color-jumbotron > .container > .breadcrumb > .active { color: #fff; } .color-jumbotron > .container .btn { text-shadow: none; } /* Bootstrap Panels */ .panel .dl-horizontal { margin: 15px 15px 10px 15px; } .panel .dl-horizontal + .dl-horizontal { margin-top: -10px; } .panel .dl-horizontal dd > .list-unstyled { margin-bottom: 0; } .panel .dl-horizontal dd > ol { padding-left: 20px; } .panel .dl-horizontal dd > .list-unstyled > li > ul { padding-left: 20px; margin-bottom: 10px; list-style-type: square; } .panel .dl-horizontal dd > .list-unstyled.li-margin-b > li { margin-bottom: 10px; } .panel-container { position: relative; } .panel-block { border: solid 1px #ddd; } .panel-block > p:first-child { margin-top: 0; } @media (min-width: 768px) { .panel .dl-horizontal dt { width: 35%; padding-bottom: 10px; text-overflow: unset; overflow: visible; white-space: normal; } .panel .dl-horizontal dd { margin-left: calc(35% + 20px); padding-bottom: 10px; } .panel + .panel-cta, #ajax-result + .panel-cta { position: absolute; bottom: 10px; right: 10px; } .panel-container .panel { margin-bottom: 35px; } .panel-container.has-cta .panel { padding-bottom: 50px; } .panel-block { padding: 15px; } } @media (max-width: 767px) { .panel .dl-horizontal dd { padding-bottom: 5px; } .panel + .panel-cta { text-align: right; margin-bottom: 35px; } .panel-block { padding: 5px; } } .col-nav .nav-pills { margin-bottom: 35px; } /* Affix */ .nav-pills.affix { min-width: 220px; } @media (min-width: 992px) and (max-width: 1199px) { .nav-pills.affix { min-width: 210px; } } @media (min-width: 768px) and (max-width: 991px) { .nav-pills.affix { min-width: 160px; } } @media (max-width: 767px) { .affix { position: relative; } } /* Quirks */ .topic + .row-intro { margin-top: -20px; } .row-intro { margin-bottom: 35px; } /* Lists */ .dl > dd { padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 15px; } /* Navs */ .nav-pills > li > a { position: relative; } .nav-pills > li > a > .icon { position: absolute; right: 10px; } .nav-pills > li.success > a { background-color: #dff0d8; } .nav-pills > li.success > a > .icon { color: #3c763d; } .nav-pills > li.danger > a { background-color: #f2dede; } .nav-pills > li.danger > a > .icon { color: #a94442; } .nav-pills > li.success.active > a > .icon, .nav-pills > li.danger.active > a > .icon { color: #fff; } /* Tabs */ .tab-pane > .heading { margin-bottom: 20px; } .panel .tab-pane { border: 0; } @media (min-width: 768px) { .tab-pane { padding: 20px; border: 1px solid #ddd; border-top: 0; margin-top: -15px; } } /* Comments */ .comment { padding: 10px; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2); } .comment + .comment { margin-top: 15px; } .comment-footer { color: #666; font-size: .8em; border-top: dotted 1px #ddd; padding-top: 10px; margin-top: 15px; } .comment-footer > p { margin-bottom: 5px; } .comment-footer > p:last-child { margin-bottom: 0; } .comment:before, .comment:after { display: table; content: " "; } .comment:after { clear: both; } /* Panels */ .col-cta > .btn { margin-top: 20px; } .row-menu { padding-top: 10px; padding-bottom: 10px; margin-top: 50px; margin-bottom: -50px; background-color: #ddd; } .row-menu ul { padding-left: 0; margin-right: -5px; margin-bottom: 0; list-style: none; } @media (min-width: 768px) { .col-cta { text-align: right; } .row-menu ul { float: right; } .row-menu ul > li { display: inline-block; padding-right: 5px; padding-left: 5px; } } @media (max-width: 767px) { .row-menu ul { margin-right: 0; } .row-menu ul > li + li { margin-top: 10px; } .row-menu ul > li > a, .row-menu ul > li > .btn { width: 100%; } .row-menu .dropdown .dropdown-menu { width: 100%; } .row-menu .dropdown .dropdown-menu a { text-align: center; } } /* Custom */ .margin-t-20 { margin-top: 20px; } .panel-spacer { margin-bottom: 35px; } #ajax-result { position: relative; } .form-group ul{ list-style-type: square; } body { } .date-fields { border: 1px solid #ccc; border-radius: 4px; background-color: white; margin-bottom: 20px; display: table; width: 100%; white-space: nowrap; position: relative; } .date-fields > select { float: left; border: 0; display: table-cell; width: 33%; height: 42px; border-radius: 0; } .date-fields > select + select { border-left: 1px solid #ccc; } .date-fields:before, .date-fields:after { display: table; content: " "; } .date-fields:after { clear: both; } .date-fields.times { padding-left: 38px; } .date-fields.times:before { display: inline-block; width: 38px; height: 60px; text-align: center; line-height: 60px; background-color: #ccc; color: #fff; font-family: 'FontAwesome'; content: "\f017"; position: absolute; left: 0; top: 0; } .date-fields.times > select { width: calc(50%); } .btn-file { position: relative; overflow: hidden; color: #fff; padding: 10px 20px; margin: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: #5bc0de; border-color: #46b8da; } .btn-file:hover, .btn-file.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-file:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-file input[type=file] { width: 0px; height: 0px; display: none; } .btn-file-panel { height: 44px; vertical-align: bottom; border: 1px solid #ccc; border-radius: 3px; } .upload-label { display: inline-block; height: 42px; padding-left: 15px; } /* File uploaded already */ .btn-file-panel:active { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .btn-file-panel.has-success { border-color: #3c763d; } .btn-file-panel.has-success .upload-label { color: #3c763d; } .btn-file-remove { margin-top: 10px; } .row-upload { margin-bottom: 10px; } body { } .stats-card { display: block; margin-bottom: 35px; position: relative; background: #fff; border-radius: 3px; -webkit-box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.75); font-size: 110px; font-family: 'Roboto', sans-serif; text-align: center; font-weight: 200; color: #5f5e5e; transition: all 0.2s; border: 0; } .stats-card:hover { opacity: 0.8; -webkit-box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 25px -8px rgba(0, 0, 0, 0.4); text-decoration: none; } .stats-card:active { opacity: 0.6; } .stats-card-label { font-size: 14px; font-family: 'Open Sans', sans-serif; line-height: 55px; border-top: 2px solid #eee; font-weight: 400; } .stats-knob { padding: 20px; margin-bottom: -40px; } .stats-card > .badge { position: absolute; top: -5px; right: -5px; padding: 10px 14px; border-radius: 20px; } /* Colour set in content.css */ .stats-card.bg-success .stats-card-label, .stats-card.bg-warning .stats-card-label, .stats-card.bg-danger .stats-card-label, .stats-card.bg-info .stats-card-label { border-top-color: transparent; } .stats-knob + .stats-card-label { border-top: 0; padding-top: 15px; } @media (min-width: 1200px) { .stats-knob { height: 185px; } } @media (min-width: 992px) and (max-width: 1199px) { .stats-knob { padding: 14px 0; margin-bottom: -28px; position: relative; height: 170px; } } @media (min-width: 768px) and (max-width: 991px) { .stats-knob { padding: 14px 40px; margin-bottom: -34px; position: relative; height: 180px; } } @media (max-width: 767px) { .stats-card { font-size: 16vw; background: rgba(0, 0, 0, 0); /*-webkit-box-shadow: 0px 0px 40px -7px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 40px -7px rgba(0, 0, 0, 0); box-shadow: 0px 0px 40px -7px rgba(0, 0, 0, 0);*/ height: 40vw; line-height: 40vw; vertical-align: top; position: relative; } .stats-knob { padding: 0; margin-bottom: 0px; position: relative; } .stats-card-label { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } }