diff --git a/app.py b/app.py new file mode 100644 index 0000000..5395fe2 --- /dev/null +++ b/app.py @@ -0,0 +1,9 @@ +from flask_frozen import Freezer +from project import create_app + +app = create_app() + +freezer = Freezer(app) + +if __name__ == '__main__': + freezer.run(debug=True) \ No newline at end of file diff --git a/build.py b/build.py new file mode 100644 index 0000000..0b6f5fa --- /dev/null +++ b/build.py @@ -0,0 +1,9 @@ +from flask_frozen import Freezer +from project import create_app + +app = create_app() + +freezer = Freezer(app) + +if __name__ == '__main__': + freezer.freeze() \ No newline at end of file diff --git a/project/static/css/animate.css b/project/static/css/animate.css new file mode 100644 index 0000000..a7d3904 --- /dev/null +++ b/project/static/css/animate.css @@ -0,0 +1,3299 @@ +@charset "UTF-8"; + +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2013 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 30% { + -webkit-transform: scaleX(1.25) scaleY(0.75); + transform: scaleX(1.25) scaleY(0.75); + } + + 40% { + -webkit-transform: scaleX(0.75) scaleY(1.25); + transform: scaleX(0.75) scaleY(1.25); + } + + 60% { + -webkit-transform: scaleX(1.15) scaleY(0.85); + transform: scaleX(1.15) scaleY(0.85); + } + + 100% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 30% { + -webkit-transform: scaleX(1.25) scaleY(0.75); + -ms-transform: scaleX(1.25) scaleY(0.75); + transform: scaleX(1.25) scaleY(0.75); + } + + 40% { + -webkit-transform: scaleX(0.75) scaleY(1.25); + -ms-transform: scaleX(0.75) scaleY(1.25); + transform: scaleX(0.75) scaleY(1.25); + } + + 60% { + -webkit-transform: scaleX(1.15) scaleY(0.85); + -ms-transform: scaleX(1.15) scaleY(0.85); + transform: scaleX(1.15) scaleY(0.85); + } + + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg); + } + + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg); + } + + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg); + } + + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); + } + + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%); + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } + + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg); + } + + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg); + } + + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg); + } + + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg); + } + + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg); + } + + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + transform: scale(.9); + } + + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + -ms-transform: scale(.9); + transform: scale(.9); + } + + 100% { + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + -ms-transform: scale(.95); + transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-100px); + -ms-transform: translateY(-100px); + transform: translateY(-100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(100px); + transform: translateX(100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(100px); + -ms-transform: translateX(100px); + transform: translateX(100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-100px); + transform: translateX(-100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-100px); + -ms-transform: translateX(-100px); + transform: translateX(-100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(100px); + transform: translateY(100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(100px); + -ms-transform: translateY(100px); + transform: translateY(100px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-100px); + -ms-transform: translateY(-100px); + transform: translateY(-100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-100px); + transform: translateX(-100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-100px); + -ms-transform: translateX(-100px); + transform: translateX(-100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(100px); + transform: translateX(100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(100px); + -ms-transform: translateX(100px); + transform: translateX(100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(100px); + transform: translateY(100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(100px); + -ms-transform: translateY(100px); + transform: translateY(100px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +@keyframes fadeOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(100px); + transform: translateY(100px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(100px); + -ms-transform: translateY(100px); + transform: translateY(100px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-100px); + transform: translateX(-100px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-100px); + -ms-transform: translateX(-100px); + transform: translateX(-100px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100px); + transform: translateX(100px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100px); + -ms-transform: translateX(100px); + transform: translateX(100px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-100px); + -ms-transform: translateY(-100px); + transform: translateY(-100px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } + + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } + + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +@-webkit-keyframes slideInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateY(-2000px); + transform: scale(.1) translateY(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateY(60px); + transform: scale(.475) translateY(60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateY(-2000px); + -ms-transform: scale(.1) translateY(-2000px); + transform: scale(.1) translateY(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateY(60px); + -ms-transform: scale(.475) translateY(60px); + transform: scale(.475) translateY(60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateX(-2000px); + transform: scale(.1) translateX(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateX(48px); + transform: scale(.475) translateX(48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateX(-2000px); + -ms-transform: scale(.1) translateX(-2000px); + transform: scale(.1) translateX(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateX(48px); + -ms-transform: scale(.475) translateX(48px); + transform: scale(.475) translateX(48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateX(2000px); + transform: scale(.1) translateX(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateX(-48px); + transform: scale(.475) translateX(-48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateX(2000px); + -ms-transform: scale(.1) translateX(2000px); + transform: scale(.1) translateX(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateX(-48px); + -ms-transform: scale(.475) translateX(-48px); + transform: scale(.475) translateX(-48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateY(2000px); + transform: scale(.1) translateY(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateY(-60px); + transform: scale(.475) translateY(-60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale(.1) translateY(2000px); + -ms-transform: scale(.1) translateY(2000px); + transform: scale(.1) translateY(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 60% { + opacity: 1; + -webkit-transform: scale(.475) translateY(-60px); + -ms-transform: scale(.475) translateY(-60px); + transform: scale(.475) translateY(-60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } + + 50% { + opacity: 0; + -webkit-transform: scale(.3); + transform: scale(.3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } + + 50% { + opacity: 0; + -webkit-transform: scale(.3); + -ms-transform: scale(.3); + transform: scale(.3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateY(-60px); + transform: scale(.475) translateY(-60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateY(2000px); + transform: scale(.1) translateY(2000px); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateY(-60px); + -ms-transform: scale(.475) translateY(-60px); + transform: scale(.475) translateY(-60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateY(2000px); + -ms-transform: scale(.1) translateY(2000px); + transform: scale(.1) translateY(2000px); + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateX(42px); + transform: scale(.475) translateX(42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateX(-2000px); + transform: scale(.1) translateX(-2000px); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateX(42px); + -ms-transform: scale(.475) translateX(42px); + transform: scale(.475) translateX(42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateX(-2000px); + -ms-transform: scale(.1) translateX(-2000px); + transform: scale(.1) translateX(-2000px); + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateX(-42px); + transform: scale(.475) translateX(-42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateX(2000px); + transform: scale(.1) translateX(2000px); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateX(-42px); + -ms-transform: scale(.475) translateX(-42px); + transform: scale(.475) translateX(-42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateX(2000px); + -ms-transform: scale(.1) translateX(2000px); + transform: scale(.1) translateX(2000px); + -webkit-transform-origin: right center; + -ms-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateY(60px); + transform: scale(.475) translateY(60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateY(-2000px); + transform: scale(.1) translateY(-2000px); + -webkit-transform-origin: center top; + transform-origin: center top; + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale(.475) translateY(60px); + -ms-transform: scale(.475) translateY(60px); + transform: scale(.475) translateY(60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translateY(-2000px); + -ms-transform: scale(.1) translateY(-2000px); + transform: scale(.1) translateY(-2000px); + -webkit-transform-origin: center top; + -ms-transform-origin: center top; + transform-origin: center top; + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} \ No newline at end of file diff --git a/project/static/css/animations.css b/project/static/css/animations.css new file mode 100644 index 0000000..8fc8b3f --- /dev/null +++ b/project/static/css/animations.css @@ -0,0 +1,1127 @@ +/* +============================================== +CSS3 ANIMATION CHEAT SHEET +============================================== + +Made by Justin Aguilar + +www.justinaguilar.com/animations/ + +Questions, comments, concerns, love letters: +justin@justinaguilar.com +============================================== +*/ + +/* +============================================== +slideDown +============================================== +*/ + + +.slideDown{ + animation-name: slideDown; + -webkit-animation-name: slideDown; + + animation-duration: 1s; + -webkit-animation-duration: 1s; + + animation-timing-function: ease; + -webkit-animation-timing-function: ease; + + visibility: visible !important; +} + +@keyframes slideDown { + 0% { + transform: translateY(-100%); + } + 50%{ + transform: translateY(8%); + } + 65%{ + transform: translateY(-4%); + } + 80%{ + transform: translateY(4%); + } + 95%{ + transform: translateY(-2%); + } + 100% { + transform: translateY(0%); + } +} + +@-webkit-keyframes slideDown { + 0% { + -webkit-transform: translateY(-100%); + } + 50%{ + -webkit-transform: translateY(8%); + } + 65%{ + -webkit-transform: translateY(-4%); + } + 80%{ + -webkit-transform: translateY(4%); + } + 95%{ + -webkit-transform: translateY(-2%); + } + 100% { + -webkit-transform: translateY(0%); + } +} + +/* +============================================== +slideUp +============================================== +*/ + + +.slideUp{ + animation-name: slideUp; + -webkit-animation-name: slideUp; + + animation-duration: 1s; + -webkit-animation-duration: 1s; + + animation-timing-function: ease; + -webkit-animation-timing-function: ease; + + visibility: visible !important; +} + +@keyframes slideUp { + 0% { + transform: translateY(100%); + } + 50%{ + transform: translateY(-8%); + } + 65%{ + transform: translateY(4%); + } + 80%{ + transform: translateY(-4%); + } + 95%{ + transform: translateY(2%); + } + 100% { + transform: translateY(0%); + } +} + +@-webkit-keyframes slideUp { + 0% { + -webkit-transform: translateY(100%); + } + 50%{ + -webkit-transform: translateY(-8%); + } + 65%{ + -webkit-transform: translateY(4%); + } + 80%{ + -webkit-transform: translateY(-4%); + } + 95%{ + -webkit-transform: translateY(2%); + } + 100% { + -webkit-transform: translateY(0%); + } +} + +/* +============================================== +slideLeft +============================================== +*/ + + +.slideLeft{ + animation-name: slideLeft; + -webkit-animation-name: slideLeft; + + animation-duration: 1s; + -webkit-animation-duration: 1s; + + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + + visibility: visible !important; +} + +@keyframes slideLeft { + 0% { + transform: translateX(150%); + } + 50%{ + transform: translateX(-8%); + } + 65%{ + transform: translateX(4%); + } + 80%{ + transform: translateX(-4%); + } + 95%{ + transform: translateX(2%); + } + 100% { + transform: translateX(0%); + } +} + +@-webkit-keyframes slideLeft { + 0% { + -webkit-transform: translateX(150%); + } + 50%{ + -webkit-transform: translateX(-8%); + } + 65%{ + -webkit-transform: translateX(4%); + } + 80%{ + -webkit-transform: translateX(-4%); + } + 95%{ + -webkit-transform: translateX(2%); + } + 100% { + -webkit-transform: translateX(0%); + } +} + +/* +============================================== +slideRight +============================================== +*/ + + +.slideRight{ + animation-name: slideRight; + -webkit-animation-name: slideRight; + + animation-duration: 1s; + -webkit-animation-duration: 1s; + + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + + visibility: visible !important; +} + +@keyframes slideRight { + 0% { + transform: translateX(-150%); + } + 50%{ + transform: translateX(8%); + } + 65%{ + transform: translateX(-4%); + } + 80%{ + transform: translateX(4%); + } + 95%{ + transform: translateX(-2%); + } + 100% { + transform: translateX(0%); + } +} + +@-webkit-keyframes slideRight { + 0% { + + -webkit-transform: translateX(-150%); + } + 50%{ + -webkit-transform: translateX(8%); + } + 65%{ + -webkit-transform: translateX(-4%); + } + 80%{ + -webkit-transform: translateX(4%); + } + 95%{ + -webkit-transform: translateX(-2%); + } + 100% { + -webkit-transform: translateX(0%); + } +} + +/* +============================================== +slideExpandUp +============================================== +*/ + + +.slideExpandUp{ + animation-name: slideExpandUp; + -webkit-animation-name: slideExpandUp; + + animation-duration: 1.6s; + -webkit-animation-duration: 1.6s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease -out; + + visibility: visible !important; +} + +@keyframes slideExpandUp { + 0% { + transform: translateY(100%) scaleX(0.5); + } + 30%{ + transform: translateY(-8%) scaleX(0.5); + } + 40%{ + transform: translateY(2%) scaleX(0.5); + } + 50%{ + transform: translateY(0%) scaleX(1.1); + } + 60%{ + transform: translateY(0%) scaleX(0.9); + } + 70% { + transform: translateY(0%) scaleX(1.05); + } + 80%{ + transform: translateY(0%) scaleX(0.95); + } + 90% { + transform: translateY(0%) scaleX(1.02); + } + 100%{ + transform: translateY(0%) scaleX(1); + } +} + +@-webkit-keyframes slideExpandUp { + 0% { + -webkit-transform: translateY(100%) scaleX(0.5); + } + 30%{ + -webkit-transform: translateY(-8%) scaleX(0.5); + } + 40%{ + -webkit-transform: translateY(2%) scaleX(0.5); + } + 50%{ + -webkit-transform: translateY(0%) scaleX(1.1); + } + 60%{ + -webkit-transform: translateY(0%) scaleX(0.9); + } + 70% { + -webkit-transform: translateY(0%) scaleX(1.05); + } + 80%{ + -webkit-transform: translateY(0%) scaleX(0.95); + } + 90% { + -webkit-transform: translateY(0%) scaleX(1.02); + } + 100%{ + -webkit-transform: translateY(0%) scaleX(1); + } +} + +/* +============================================== +expandUp +============================================== +*/ + + +.expandUp{ + animation-name: expandUp; + -webkit-animation-name: expandUp; + + animation-duration: 0.7s; + -webkit-animation-duration: 0.7s; + + animation-timing-function: ease; + -webkit-animation-timing-function: ease; + + visibility: visible !important; +} + +@keyframes expandUp { + 0% { + transform: translateY(100%) scale(0.6) scaleY(0.5); + } + 60%{ + transform: translateY(-7%) scaleY(1.12); + } + 75%{ + transform: translateY(3%); + } + 100% { + transform: translateY(0%) scale(1) scaleY(1); + } +} + +@-webkit-keyframes expandUp { + 0% { + -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); + } + 60%{ + -webkit-transform: translateY(-7%) scaleY(1.12); + } + 75%{ + -webkit-transform: translateY(3%); + } + 100% { + -webkit-transform: translateY(0%) scale(1) scaleY(1); + } +} + +/* +============================================== +fadeIn +============================================== +*/ + +.fadeIn{ + animation-name: fadeIn; + -webkit-animation-name: fadeIn; + + animation-duration: 1.5s; + -webkit-animation-duration: 1.5s; + + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + + visibility: visible !important; +} + +@keyframes fadeIn { + 0% { + transform: scale(0); + opacity: 0.0; + } + 60% { + transform: scale(1.1); + } + 80% { + transform: scale(0.9); + opacity: 1; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +@-webkit-keyframes fadeIn { + 0% { + -webkit-transform: scale(0); + opacity: 0.0; + } + 60% { + -webkit-transform: scale(1.1); + } + 80% { + -webkit-transform: scale(0.9); + opacity: 1; + } + 100% { + -webkit-transform: scale(1); + opacity: 1; + } +} + +/* +============================================== +expandOpen +============================================== +*/ + + +.expandOpen{ + animation-name: expandOpen; + -webkit-animation-name: expandOpen; + + animation-duration: 1.2s; + -webkit-animation-duration: 1.2s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; + + visibility: visible !important; +} + +@keyframes expandOpen { + 0% { + transform: scale(1.8); + } + 50% { + transform: scale(0.95); + } + 80% { + transform: scale(1.05); + } + 90% { + transform: scale(0.98); + } + 100% { + transform: scale(1); + } +} + +@-webkit-keyframes expandOpen { + 0% { + -webkit-transform: scale(1.8); + } + 50% { + -webkit-transform: scale(0.95); + } + 80% { + -webkit-transform: scale(1.05); + } + 90% { + -webkit-transform: scale(0.98); + } + 100% { + -webkit-transform: scale(1); + } +} + +/* +============================================== +bigEntrance +============================================== +*/ + + +.bigEntrance{ + animation-name: bigEntrance; + -webkit-animation-name: bigEntrance; + + animation-duration: 1.6s; + -webkit-animation-duration: 1.6s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; + + visibility: visible !important; +} + +@keyframes bigEntrance { + 0% { + transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); + opacity: 0.2; + } + 30% { + transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); + opacity: 1; + } + 45% { + transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); + opacity: 1; + } + 60% { + transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); + opacity: 1; + } + 75% { + transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); + opacity: 1; + } + 90% { + transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); + opacity: 1; + } + 100% { + transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); + opacity: 1; + } +} + +@-webkit-keyframes bigEntrance { + 0% { + -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); + opacity: 0.2; + } + 30% { + -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); + opacity: 1; + } + 45% { + -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); + opacity: 1; + } + 60% { + -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); + opacity: 1; + } + 75% { + -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); + opacity: 1; + } + 90% { + -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); + opacity: 1; + } + 100% { + -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); + opacity: 1; + } +} + +/* +============================================== +hatch +============================================== +*/ + +.hatch{ + animation-name: hatch; + -webkit-animation-name: hatch; + + animation-duration: 2s; + -webkit-animation-duration: 2s; + + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + + transform-origin: 50% 100%; + -ms-transform-origin: 50% 100%; + -webkit-transform-origin: 50% 100%; + + visibility: visible !important; +} + +@keyframes hatch { + 0% { + transform: rotate(0deg) scaleY(0.6); + } + 20% { + transform: rotate(-2deg) scaleY(1.05); + } + 35% { + transform: rotate(2deg) scaleY(1); + } + 50% { + transform: rotate(-2deg); + } + 65% { + transform: rotate(1deg); + } + 80% { + transform: rotate(-1deg); + } + 100% { + transform: rotate(0deg); + } +} + +@-webkit-keyframes hatch { + 0% { + -webkit-transform: rotate(0deg) scaleY(0.6); + } + 20% { + -webkit-transform: rotate(-2deg) scaleY(1.05); + } + 35% { + -webkit-transform: rotate(2deg) scaleY(1); + } + 50% { + -webkit-transform: rotate(-2deg); + } + 65% { + -webkit-transform: rotate(1deg); + } + 80% { + -webkit-transform: rotate(-1deg); + } + 100% { + -webkit-transform: rotate(0deg); + } +} + + +/* +============================================== +bounce +============================================== +*/ + + +.bounce{ + animation-name: bounce; + -webkit-animation-name: bounce; + + animation-duration: 1.6s; + -webkit-animation-duration: 1.6s; + + animation-timing-function: ease; + -webkit-animation-timing-function: ease; + + transform-origin: 50% 100%; + -ms-transform-origin: 50% 100%; + -webkit-transform-origin: 50% 100%; +} + +@keyframes bounce { + 0% { + transform: translateY(0%) scaleY(0.6); + } + 60%{ + transform: translateY(-100%) scaleY(1.1); + } + 70%{ + transform: translateY(0%) scaleY(0.95) scaleX(1.05); + } + 80%{ + transform: translateY(0%) scaleY(1.05) scaleX(1); + } + 90%{ + transform: translateY(0%) scaleY(0.95) scaleX(1); + } + 100%{ + transform: translateY(0%) scaleY(1) scaleX(1); + } +} + +@-webkit-keyframes bounce { + 0% { + -webkit-transform: translateY(0%) scaleY(0.6); + } + 60%{ + -webkit-transform: translateY(-100%) scaleY(1.1); + } + 70%{ + -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); + } + 80%{ + -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); + } + 90%{ + -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); + } + 100%{ + -webkit-transform: translateY(0%) scaleY(1) scaleX(1); + } +} + + +/* +============================================== +pulse +============================================== +*/ + +.pulse{ + animation-name: pulse; + -webkit-animation-name: pulse; + + animation-duration: 1.5s; + -webkit-animation-duration: 1.5s; + + animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; +} + +@keyframes pulse { + 0% { + transform: scale(0.9); + opacity: 0.7; + } + 50% { + transform: scale(1); + opacity: 1; + } + 100% { + transform: scale(0.9); + opacity: 0.7; + } +} + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(0.95); + opacity: 0.7; + } + 50% { + -webkit-transform: scale(1); + opacity: 1; + } + 100% { + -webkit-transform: scale(0.95); + opacity: 0.7; + } +} + +/* +============================================== +floating +============================================== +*/ + +.floating{ + animation-name: floating; + -webkit-animation-name: floating; + + animation-duration: 1.5s; + -webkit-animation-duration: 1.5s; + + animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; +} + +@keyframes floating { + 0% { + transform: translateY(0%); + } + 50% { + transform: translateY(8%); + } + 100% { + transform: translateY(0%); + } +} + +@-webkit-keyframes floating { + 0% { + -webkit-transform: translateY(0%); + } + 50% { + -webkit-transform: translateY(8%); + } + 100% { + -webkit-transform: translateY(0%); + } +} + +/* +============================================== +tossing +============================================== +*/ + +.tossing{ + animation-name: tossing; + -webkit-animation-name: tossing; + + animation-duration: 2.5s; + -webkit-animation-duration: 2.5s; + + animation-iteration-count: infinite; + -webkit-animation-iteration-count: infinite; +} + +@keyframes tossing { + 0% { + transform: rotate(-4deg); + } + 50% { + transform: rotate(4deg); + } + 100% { + transform: rotate(-4deg); + } +} + +@-webkit-keyframes tossing { + 0% { + -webkit-transform: rotate(-4deg); + } + 50% { + -webkit-transform: rotate(4deg); + } + 100% { + -webkit-transform: rotate(-4deg); + } +} + +/* +============================================== +pullUp +============================================== +*/ + +.pullUp{ + animation-name: pullUp; + -webkit-animation-name: pullUp; + + animation-duration: 1.1s; + -webkit-animation-duration: 1.1s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; + + transform-origin: 50% 100%; + -ms-transform-origin: 50% 100%; + -webkit-transform-origin: 50% 100%; +} + +@keyframes pullUp { + 0% { + transform: scaleY(0.1); + } + 40% { + transform: scaleY(1.02); + } + 60% { + transform: scaleY(0.98); + } + 80% { + transform: scaleY(1.01); + } + 100% { + transform: scaleY(0.98); + } + 80% { + transform: scaleY(1.01); + } + 100% { + transform: scaleY(1); + } +} + +@-webkit-keyframes pullUp { + 0% { + -webkit-transform: scaleY(0.1); + } + 40% { + -webkit-transform: scaleY(1.02); + } + 60% { + -webkit-transform: scaleY(0.98); + } + 80% { + -webkit-transform: scaleY(1.01); + } + 100% { + -webkit-transform: scaleY(0.98); + } + 80% { + -webkit-transform: scaleY(1.01); + } + 100% { + -webkit-transform: scaleY(1); + } +} + +/* +============================================== +pullDown +============================================== +*/ + +.pullDown{ + animation-name: pullDown; + -webkit-animation-name: pullDown; + + animation-duration: 1.1s; + -webkit-animation-duration: 1.1s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; + + transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + -webkit-transform-origin: 50% 0%; +} + +@keyframes pullDown { + 0% { + transform: scaleY(0.1); + } + 40% { + transform: scaleY(1.02); + } + 60% { + transform: scaleY(0.98); + } + 80% { + transform: scaleY(1.01); + } + 100% { + transform: scaleY(0.98); + } + 80% { + transform: scaleY(1.01); + } + 100% { + transform: scaleY(1); + } +} + +@-webkit-keyframes pullDown { + 0% { + -webkit-transform: scaleY(0.1); + } + 40% { + -webkit-transform: scaleY(1.02); + } + 60% { + -webkit-transform: scaleY(0.98); + } + 80% { + -webkit-transform: scaleY(1.01); + } + 100% { + -webkit-transform: scaleY(0.98); + } + 80% { + -webkit-transform: scaleY(1.01); + } + 100% { + -webkit-transform: scaleY(1); + } +} + +/* +============================================== +stretchLeft +============================================== +*/ + +.stretchLeft{ + animation-name: stretchLeft; + -webkit-animation-name: stretchLeft; + + animation-duration: 1.5s; + -webkit-animation-duration: 1.5s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; + + transform-origin: 100% 0%; + -ms-transform-origin: 100% 0%; + -webkit-transform-origin: 100% 0%; +} + +@keyframes stretchLeft { + 0% { + transform: scaleX(0.3); + } + 40% { + transform: scaleX(1.02); + } + 60% { + transform: scaleX(0.98); + } + 80% { + transform: scaleX(1.01); + } + 100% { + transform: scaleX(0.98); + } + 80% { + transform: scaleX(1.01); + } + 100% { + transform: scaleX(1); + } +} + +@-webkit-keyframes stretchLeft { + 0% { + -webkit-transform: scaleX(0.3); + } + 40% { + -webkit-transform: scaleX(1.02); + } + 60% { + -webkit-transform: scaleX(0.98); + } + 80% { + -webkit-transform: scaleX(1.01); + } + 100% { + -webkit-transform: scaleX(0.98); + } + 80% { + -webkit-transform: scaleX(1.01); + } + 100% { + -webkit-transform: scaleX(1); + } +} + +/* +============================================== +stretchRight +============================================== +*/ + +.stretchRight{ + animation-name: stretchRight; + -webkit-animation-name: stretchRight; + + animation-duration: 1.5s; + -webkit-animation-duration: 1.5s; + + animation-timing-function: ease-out; + -webkit-animation-timing-function: ease-out; + + transform-origin: 0% 0%; + -ms-transform-origin: 0% 0%; + -webkit-transform-origin: 0% 0%; +} + +@keyframes stretchRight { + 0% { + transform: scaleX(0.3); + } + 40% { + transform: scaleX(1.02); + } + 60% { + transform: scaleX(0.98); + } + 80% { + transform: scaleX(1.01); + } + 100% { + transform: scaleX(0.98); + } + 80% { + transform: scaleX(1.01); + } + 100% { + transform: scaleX(1); + } +} + +@-webkit-keyframes stretchRight { + 0% { + -webkit-transform: scaleX(0.3); + } + 40% { + -webkit-transform: scaleX(1.02); + } + 60% { + -webkit-transform: scaleX(0.98); + } + 80% { + -webkit-transform: scaleX(1.01); + } + 100% { + -webkit-transform: scaleX(0.98); + } + 80% { + -webkit-transform: scaleX(1.01); + } + 100% { + -webkit-transform: scaleX(1); + } +} diff --git a/project/static/css/bg.css b/project/static/css/bg.css new file mode 100644 index 0000000..f6c1a6c --- /dev/null +++ b/project/static/css/bg.css @@ -0,0 +1,126 @@ +/* + Section Background (bg.css) + + Table of Content + - general settings for section & subheader + - general background image for subheader + - background settings for page subheader + - background settings for section + - subheader for side navigation + - media query +*/ + +/* general settings for section & subheader */ +section,#subheader{ +-webkit-background-size: 100% !important; +-moz-background-size: 100% !important; +-o-background-size: 100% !important; +background-size: 100% !important; +} + +/* general background image for subheader */ +#subheader{ +background:url(../images/background/bg-subheader.jpg)top fixed; +} + +/* background settings for page subheader */ +.page-projects #subheader{background-image:url(../images/background/subheader-1.jpg);} +.page-projects-alt #subheader{background-image:url(../images/background/subheader-1b.jpg);} +.page-services #subheader{background-image:url(../images/background/subheader-2.jpg);} +.page-about #subheader{background-image:url(../images/background/subheader-3.jpg);} +.page-blog #subheader{background-image:url(../images/background/subheader-4.jpg);} +.page-shop #subheader{background-image:url(../images/background/subheader-5.jpg);} +.page-contact #subheader{background-image:url(../images/background/subheader-6.jpg);} + +/* background settings for section */ +#info-address{background:url(../images/background/bg-3.jpg) top fixed;} +#view-all-projects, #call-to-action{padding:60px 0 60px 0;} +#section-about-us-2{background:#f8f8f8; height:100%;} +#section-about-us-2 .image-container{background:url(../images/background/bg-side-1.jpg);} +#section-about-us-3{background:#f5f5f5; height:100%;} +#section-about-us-3 .image-container{background:url(../images/background/bg-side-2.jpg);} +#section-about-us-4 .image-container{background:url(../images/background/bg-side-3.jpg);} +#section-welcome-5{background:url(../images/background/bg-14.jpg) top fixed;} +#section-blog {background:url(../images/background/bg-5.jpg) top fixed;} +#section-coming-soon{ background:none; position:absolute; min-height:100%; width:100%;z-index:1;} +#section-describe{background:#202020;} +#section-download{background:url(../images/background/bg-9.jpg) top fixed;} +#bg-coming-soon-page{background:url(../images/background/bg-6.jpg) top fixed; position:fixed; min-height:100%; width:100%;} +#section-about-us-2{background:#18191b; height:100%;} +.de_light #section-about-us-2{background:none;} +#section-welcome{background:url(../images/background/bg-4.jpg) top fixed;} +#section-welcome-2{background:url(../images/background/bg-6.jpg) top fixed;} +#section-welcome-3{background:url(../images/background/bg-7.jpg) top fixed;} +#section-welcome-4{background:url(../images/background/bg-10.jpg) top fixed;} +#section-welcome-6{background:url(../images/background/bg-15.jpg) top fixed;} +#section-welcome-7{background:url(../images/background/bg-20.jpg) fixed center;} +#section-welcome-8{background:url(../images/background/bg-20.jpg) fixed center;} +#section-welcome-9{background:url(../images/background/bg-21.jpg) top fixed;} +#section-welcome-10{background:url(../images/background/bg-23.jpg) top fixed;} +#section-welcome-11{background:url(../images/background/bg-25.jpg) top fixed;} +#section-welcome-12{background:url(../images/background/bg-26.jpg) top fixed;} +#section-welcome-13{background:url(../images/background/bg-27.jpg) bottom right fixed;} +#section-welcome-14{background:url(../images/background/bg-28.jpg) top right fixed;} +#section-why-choose-us{background:url(../images/background/bg-8.jpg) top fixed;} +#section-why-choose-us-3{background:url(../images/background/bg-16.jpg) top fixed;} +#section-portfolio{background:#222; width:101%; overflow:hidden;} +.de_light #section-portfolio{background:#fff;} +#section-skill-bar{ background:url(../images/background/bg-8.jpg) top fixed;} +#section-testimonial{ background:url(../images/background/bg-3.jpg) top fixed;} +#section-testimonial-2{ background:url(../images/background/bg-17.jpg) top fixed;} +#section-steps{ background:url(../images/background/bg-2.jpg) top fixed;} +#section-steps-2{ background:#f5f5f5;} +#section-steps-3{ background:url(../images/background/bg-12.jpg) top fixed;} +#section-steps-4{ background:url(../images/background/bg-29.jpg) top fixed;} +#section-team{background:#111;} +.de_light #section-team{background:#f5f5f5;} +#hide-content{position:absolute; width:100%; min-height:100%; z-index:100;display:none; background:rgba(0,0,0,.8);} +#section-fun-facts .image-container{background:url(../images/background/bg-side-4.jpg);} +#section-fun-facts-2{background:url(../images/background/bg-13.jpg) center;} +#section-fun-facts-3{background:url(../images/background/bg-18.jpg) top;} +#section-custom-1{background:url(../images/background/bg-17.jpg) top fixed;} +#section-custom-2{background:url(../images/background/bg-16.jpg) top fixed;} +#section-cta-1{background:url(../images/background/bg-22.jpg) top fixed;} +#section-profile-experiences{background:url(../images/background/bg-24.jpg) top fixed;} + +/* services section side background */ +#section-service-1.side-bg .background-image{background:url(../images/background/bg-service-1.jpg);} +#section-service-2.side-bg .background-image{background:url(../images/background/bg-service-2.jpg);} +#section-service-3.side-bg .background-image{background:url(../images/background/bg-service-3.jpg);} +#section-service-4.side-bg .background-image{background:url(../images/background/bg-service-4.jpg);} +#section-service-2,#section-service-4{background:#f2f2f2;} + +#section-side-1.side-bg .background-image{background:url(../images/background/bg-side-5.jpg);} +#section-side-2.side-bg .background-image{background:url(../images/background/bg-side-6.jpg);} +#section-side-3.side-bg .background-image{background:url(../images/background/bg-side-7.jpg);} +#section-side-4.side-bg .background-image{background:url(../images/background/bg-side-8.jpg);} + + +/* background settings for side navigation subheader */ +.de-navbar-left.de_light #subheader{background:url(../images/background/bg-subheader-sn.jpg)top fixed;} +.de-navbar-left.de_light.page-projects #subheader{background-image:url(../images/background/subheader-1-sn.jpg);} +.de-navbar-left.de_light.page-services #subheader{background-image:url(../images/background/subheader-2-sn.jpg);} +.de-navbar-left.de_light.page-about #subheader{background-image:url(../images/background/subheader-3-sn.jpg);} +.de-navbar-left.de_light.page-blog #subheader{background-image:url(../images/background/subheader-4-sn.jpg);} +.de-navbar-left.de_light.page-shop #subheader{background-image:url(../images/background/subheader-5-sn.jpg);} +.de-navbar-left.de_light.page-contact #subheader{background-image:url(../images/background/subheader-6-sn.jpg);} + +.bg-fit-height{ + -webkit-background-size: auto 100% !important; + -moz-background-size: auto 100% !important; + -o-background-size: auto 100% !important; + background-size: auto 100% !important; + background-attachment:scroll !important; +} + +/* media query */ +@media only screen and (max-width: 1199px) { + section{ + -webkit-background-size: auto 100% !important; + -moz-background-size: auto 100% !important; + -o-background-size: auto 100% !important; + background-size: auto 100% !important; + background-attachment:scroll !important; + background-position:top !important; + } +} \ No newline at end of file diff --git a/project/static/css/bootstrap.css b/project/static/css/bootstrap.css new file mode 100644 index 0000000..6cc8ee6 --- /dev/null +++ b/project/static/css/bootstrap.css @@ -0,0 +1,5830 @@ +/*! + * Bootstrap v3.1.0 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + margin: .67em 0; + font-size: 2em; +} +mark { + color: #000; + background: #ff0; +} +small { + font-size: 80%; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -.5em; +} +sub { + bottom: -.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + margin: 0; + font: inherit; + color: inherit; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + padding: .35em .625em .75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} +legend { + padding: 0; + border: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-spacing: 0; + border-collapse: collapse; +} +td, +th { + padding: 0; +} +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333; + background-color: #fff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #428bca; + text-decoration: none; +} +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 6px; +} +.img-thumbnail { + display: inline-block; + max-width: 100%; + height: auto; + padding: 4px; + line-height: 1.428571429; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999; +} +.text-primary { + color: #428bca; +} +a.text-primary:hover { + color: #3071a9; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #428bca; +} +a.bg-primary:hover { + background-color: #3071a9; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; +} +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} +.list-inline > li:first-child { + padding-left: 0; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.428571429; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.428571429; + color: #999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eee; + border-left: 0; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; + border-radius: 4px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.428571429; + color: #333; + word-break: break-all; + word-wrap: break-word; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.row { + margin-right: -15px; + margin-left: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666666666666%; +} +.col-xs-10 { + width: 83.33333333333334%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666666666666%; +} +.col-xs-7 { + width: 58.333333333333336%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666666666667%; +} +.col-xs-4 { + width: 33.33333333333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.666666666666664%; +} +.col-xs-1 { + width: 8.333333333333332%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666666666666%; +} +.col-xs-pull-10 { + right: 83.33333333333334%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666666666666%; +} +.col-xs-pull-7 { + right: 58.333333333333336%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666666666667%; +} +.col-xs-pull-4 { + right: 33.33333333333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.666666666666664%; +} +.col-xs-pull-1 { + right: 8.333333333333332%; +} +.col-xs-pull-0 { + right: 0; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666666666666%; +} +.col-xs-push-10 { + left: 83.33333333333334%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666666666666%; +} +.col-xs-push-7 { + left: 58.333333333333336%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666666666667%; +} +.col-xs-push-4 { + left: 33.33333333333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.666666666666664%; +} +.col-xs-push-1 { + left: 8.333333333333332%; +} +.col-xs-push-0 { + left: 0; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666666666666%; +} +.col-xs-offset-10 { + margin-left: 83.33333333333334%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666666666666%; +} +.col-xs-offset-7 { + margin-left: 58.333333333333336%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666666666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.666666666666664%; +} +.col-xs-offset-1 { + margin-left: 8.333333333333332%; +} +.col-xs-offset-0 { + margin-left: 0; +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666666666666%; + } + .col-sm-10 { + width: 83.33333333333334%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666666666666%; + } + .col-sm-7 { + width: 58.333333333333336%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666666666667%; + } + .col-sm-4 { + width: 33.33333333333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.666666666666664%; + } + .col-sm-1 { + width: 8.333333333333332%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666666666666%; + } + .col-sm-pull-10 { + right: 83.33333333333334%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666666666666%; + } + .col-sm-pull-7 { + right: 58.333333333333336%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666666666667%; + } + .col-sm-pull-4 { + right: 33.33333333333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.666666666666664%; + } + .col-sm-pull-1 { + right: 8.333333333333332%; + } + .col-sm-pull-0 { + right: 0; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666666666666%; + } + .col-sm-push-10 { + left: 83.33333333333334%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666666666666%; + } + .col-sm-push-7 { + left: 58.333333333333336%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666666666667%; + } + .col-sm-push-4 { + left: 33.33333333333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.666666666666664%; + } + .col-sm-push-1 { + left: 8.333333333333332%; + } + .col-sm-push-0 { + left: 0; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666666666666%; + } + .col-sm-offset-10 { + margin-left: 83.33333333333334%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666666666666%; + } + .col-sm-offset-7 { + margin-left: 58.333333333333336%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666666666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.666666666666664%; + } + .col-sm-offset-1 { + margin-left: 8.333333333333332%; + } + .col-sm-offset-0 { + margin-left: 0; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666666666666%; + } + .col-md-10 { + width: 83.33333333333334%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666666666666%; + } + .col-md-7 { + width: 58.333333333333336%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666666666667%; + } + .col-md-4 { + width: 33.33333333333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.666666666666664%; + } + .col-md-1 { + width: 8.333333333333332%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666666666666%; + } + .col-md-pull-10 { + right: 83.33333333333334%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666666666666%; + } + .col-md-pull-7 { + right: 58.333333333333336%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666666666667%; + } + .col-md-pull-4 { + right: 33.33333333333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.666666666666664%; + } + .col-md-pull-1 { + right: 8.333333333333332%; + } + .col-md-pull-0 { + right: 0; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666666666666%; + } + .col-md-push-10 { + left: 83.33333333333334%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666666666666%; + } + .col-md-push-7 { + left: 58.333333333333336%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666666666667%; + } + .col-md-push-4 { + left: 33.33333333333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.666666666666664%; + } + .col-md-push-1 { + left: 8.333333333333332%; + } + .col-md-push-0 { + left: 0; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666666666666%; + } + .col-md-offset-10 { + margin-left: 83.33333333333334%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666666666666%; + } + .col-md-offset-7 { + margin-left: 58.333333333333336%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666666666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.666666666666664%; + } + .col-md-offset-1 { + margin-left: 8.333333333333332%; + } + .col-md-offset-0 { + margin-left: 0; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666666666666%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666666666666%; + } + .col-lg-pull-10 { + right: 83.33333333333334%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666666666666%; + } + .col-lg-pull-7 { + right: 58.333333333333336%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666666666667%; + } + .col-lg-pull-4 { + right: 33.33333333333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.666666666666664%; + } + .col-lg-pull-1 { + right: 8.333333333333332%; + } + .col-lg-pull-0 { + right: 0; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666666666666%; + } + .col-lg-push-10 { + left: 83.33333333333334%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666666666666%; + } + .col-lg-push-7 { + left: 58.333333333333336%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666666666667%; + } + .col-lg-push-4 { + left: 33.33333333333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.666666666666664%; + } + .col-lg-push-1 { + left: 8.333333333333332%; + } + .col-lg-push-0 { + left: 0; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666666666666%; + } + .col-lg-offset-10 { + margin-left: 83.33333333333334%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666666666666%; + } + .col-lg-offset-7 { + margin-left: 58.333333333333336%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666666666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.666666666666664%; + } + .col-lg-offset-1 { + margin-left: 8.333333333333332%; + } + .col-lg-offset-0 { + margin-left: 0; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #ddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #ddd; +} +.table .table { + background-color: #fff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + display: table-column; + float: none; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + display: table-cell; + float: none; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-x: scroll; + overflow-y: hidden; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.428571429; + color: #555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + 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); +} +.form-control:-moz-placeholder { + color: #999; +} +.form-control::-moz-placeholder { + color: #999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999; +} +.form-control::-webkit-input-placeholder { + color: #999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + background-color: #dff0d8; + border-color: #3c763d; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #8a6d3b; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + background-color: #f2dede; + border-color: #a94442; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 7px; + margin-top: 0; + margin-bottom: 0; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-right: -15px; + margin-left: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.btn:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #333; + text-decoration: none; +} +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + pointer-events: none; + cursor: not-allowed; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; + opacity: .65; +} +.btn-default { + color: #333; + background-color: #fff; + border-color: #ccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #ccc; +} +.btn-default .badge { + color: #fff; + background-color: #333; +} +.btn-primary { + color: #fff; + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #fff; + background-color: #3276b1; + border-color: #285e8e; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary .badge { + color: #428bca; + background-color: #fff; +} +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #fff; + background-color: #47a447; + border-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #fff; +} +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #fff; + background-color: #39b3d7; + border-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #fff; +} +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #fff; + background-color: #ed9c28; + border-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #fff; + background-color: #d2322d; + border-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #fff; +} +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999; + text-decoration: none; +} +.btn-lg { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + transition: opacity .15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height .35s ease; + transition: height .35s ease; +} +@font-face { + font-family: 'Glyphicons Halflings'; + + src: url('../fonts/glyphicons-halflings-regular.eot'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\2a"; +} +.glyphicon-plus:before { + content: "\2b"; +} +.glyphicon-euro:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 14px; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + color: #262626; + text-decoration: none; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + background-color: #428bca; + outline: 0; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + right: 0; + left: auto; +} +.dropdown-menu-left { + right: auto; + left: 0; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.428571429; + color: #999; +} +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 4px solid; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left { + right: auto; + left: 0; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + display: table-cell; + float: none; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-right: 0; + padding-left: 0; +} +.input-group .form-control { + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eee; +} +.nav > li.disabled > a { + color: #999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999; + text-decoration: none; + cursor: not-allowed; + background-color: transparent; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eee; + border-color: #428bca; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eee #eee #ddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555; + cursor: default; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #fff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #fff; + background-color: #428bca; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #fff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + padding-right: 15px; + padding-left: 15px; + overflow-x: visible; + -webkit-overflow-scrolling: touch; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-right: 0; + padding-left: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + height: 20px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + padding: 9px 10px; + margin-top: 8px; + margin-right: 15px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + padding: 10px 15px; + margin-top: 8px; + margin-right: -15px; + margin-bottom: 8px; + margin-left: -15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + padding-top: 0; + padding-bottom: 0; + margin-right: 0; + margin-left: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-right: 15px; + margin-left: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777; +} +.navbar-default .navbar-nav > li > a { + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + color: #555; + background-color: #e7e7e7; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + color: #fff; + background-color: #080808; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #999; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #999; +} +.navbar-inverse .navbar-link:hover { + color: #fff; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + padding: 0 5px; + color: #ccc; + content: "/\00a0"; +} +.breadcrumb > .active { + color: #999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.428571429; + color: #428bca; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #2a6496; + background-color: #eee; + border-color: #ddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + cursor: default; + background-color: #428bca; + border-color: #428bca; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.pager { + padding-left: 0; + margin: 20px 0; + text-align: center; + list-style: none; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999; + cursor: not-allowed; + background-color: #fff; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #428bca; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3071a9; +} +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; +} +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; +} +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; +} +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + background-color: #999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #fff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.428571429; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + display: block; + max-width: 100%; + height: auto; + margin-right: auto; + margin-left: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #428bca; +} +.thumbnail .caption { + padding: 9px; + color: #333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); +} +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + -webkit-transition: width .6s ease; + transition: width .6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + padding-left: 0; + margin-bottom: 20px; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.list-group-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555; +} +a.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); +} +.panel-body { + padding: 15px; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group .list-group-item:first-child { + border-top: 0; +} +.panel > .list-group .list-group-item:last-child { + border-bottom: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #ddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, +.panel > .table-bordered > tfoot > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th, +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > tfoot > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td { + border-top: 0; +} +.panel > .table-bordered > thead > tr:last-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:last-child > th, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-bordered > thead > tr:last-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; +} +.panel > .table-responsive { + margin-bottom: 0; + border: 0; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + overflow: hidden; + border-radius: 4px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #ddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; +} +.panel-default { + border-color: #ddd; +} +.panel-default > .panel-heading { + color: #333; + background-color: #f5f5f5; + border-color: #ddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ddd; +} +.panel-primary { + border-color: #428bca; +} +.panel-primary > .panel-heading { + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, .15); +} +.well-lg { + padding: 24px; + border-radius: 6px; +} +.well-sm { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + filter: alpha(opacity=20); + opacity: .2; +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + filter: alpha(opacity=50); + opacity: .5; +} +button.close { + -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: transparent; + border: 0; +} +.modal-open { + overflow: hidden; +} +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform .3s ease-out; + -moz-transition: -moz-transform .3s ease-out; + -o-transition: -o-transform .3s ease-out; + transition: transform .3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} +.modal-backdrop.fade { + filter: alpha(opacity=0); + opacity: 0; +} +.modal-backdrop.in { + filter: alpha(opacity=50); + opacity: .5; +} +.modal-header { + min-height: 16.428571429px; + padding: 15px; + border-bottom: 1px solid #e5e5e5; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.428571429; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + padding: 19px 20px 20px; + margin-top: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + } + .modal-sm { + width: 300px; + } + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 12px; + line-height: 1.4; + visibility: visible; + filter: alpha(opacity=0); + opacity: 0; +} +.tooltip.in { + filter: alpha(opacity=90); + opacity: .9; +} +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-right .tooltip-arrow { + right: 5px; + bottom: 0; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + box-shadow: 0 5px 10px rgba(0, 0, 0, .2); +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover .arrow { + border-width: 11px; +} +.popover .arrow:after { + content: ""; + border-width: 10px; +} +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, .25); + border-bottom-width: 0; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + content: " "; + border-top-color: #fff; + border-bottom-width: 0; +} +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, .25); + border-left-width: 0; +} +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + content: " "; + border-right-color: #fff; + border-left-width: 0; +} +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, .25); +} +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #fff; +} +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, .25); +} +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + content: " "; + border-right-width: 0; + border-left-color: #fff; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); + filter: alpha(opacity=50); + opacity: .5; +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + filter: alpha(opacity=90); + outline: none; + opacity: .9; +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #fff; + border-radius: 10px; +} +.carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicons-chevron-left, + .carousel-control .glyphicons-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-right: auto; + margin-left: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +tr.visible-xs, +th.visible-xs, +td.visible-xs { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +.visible-sm, +tr.visible-sm, +th.visible-sm, +td.visible-sm { + display: none !important; +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +.visible-md, +tr.visible-md, +th.visible-md, +td.visible-md { + display: none !important; +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +.visible-lg, +tr.visible-lg, +th.visible-lg, +td.visible-lg { + display: none !important; +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs, + tr.hidden-xs, + th.hidden-xs, + td.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm, + tr.hidden-sm, + th.hidden-sm, + td.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md, + tr.hidden-md, + th.hidden-md, + td.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg, + tr.hidden-lg, + th.hidden-lg, + td.hidden-lg { + display: none !important; + } +} +.visible-print, +tr.visible-print, +th.visible-print, +td.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print, + tr.hidden-print, + th.hidden-print, + td.hidden-print { + display: none !important; + } +} diff --git a/project/static/css/color.css b/project/static/css/color.css new file mode 100644 index 0000000..ff69729 --- /dev/null +++ b/project/static/css/color.css @@ -0,0 +1,16 @@ +/* load color css +------------------------------ +select one of below: +aqua.css +blue.css +green.css +grey.css +red.css +orange.css +pink.css +purple.css +yellow.css +lime.css +*/ + +@import url("colors/yellow.css"); \ No newline at end of file diff --git a/project/static/css/colors/aqua.css b/project/static/css/colors/aqua.css new file mode 100644 index 0000000..bf21be9 --- /dev/null +++ b/project/static/css/colors/aqua.css @@ -0,0 +1,154 @@ +/* default color: #33C9BD */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#33C9BD; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#33C9BD; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#33C9BD; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#33C9BD; +} + +.arrow-down{ + border-top-color:#33C9BD; +} + +.callbacks_nav { + background-color:#33C9BD; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #33C9BD; +} + +.feature-box-big-icon i:after { +border-color: #33C9BD transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #33C9BD; +} + + + diff --git a/project/static/css/colors/blue.css b/project/static/css/colors/blue.css new file mode 100644 index 0000000..2ce7c65 --- /dev/null +++ b/project/static/css/colors/blue.css @@ -0,0 +1,154 @@ +/* default color: #0EC3F7 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#0EC3F7; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#0EC3F7; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#0EC3F7; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#0EC3F7; +} + +.arrow-down{ + border-top-color:#0EC3F7; +} + +.callbacks_nav { + background-color:#0EC3F7; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #0EC3F7; +} + +.feature-box-big-icon i:after { +border-color: #0EC3F7 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #0EC3F7; +} + + + diff --git a/project/static/css/colors/cream.css b/project/static/css/colors/cream.css new file mode 100644 index 0000000..fef13c7 --- /dev/null +++ b/project/static/css/colors/cream.css @@ -0,0 +1,161 @@ +/* default color: #C08F65 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a, +.pricing-s1 .ribbon, +a.btn-slider.btn-color +{ + background-color:#C08F65; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after, +.pricing-s1 .bottom ul li i +{ + color:#C08F65; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus, +a.btn-slider.btn-color +{ + + border-color:#C08F65; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#C08F65; +} + +.arrow-down{ + border-top-color:#C08F65; +} + +.callbacks_nav { + background-color:#C08F65; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #C08F65; +} + +.feature-box-big-icon i:after { +border-color: #C08F65 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #C08F65; +} + +blockquote.s1{ + border-left-color:#C08F65; +} + + diff --git a/project/static/css/colors/green.css b/project/static/css/colors/green.css new file mode 100644 index 0000000..35ec5ca --- /dev/null +++ b/project/static/css/colors/green.css @@ -0,0 +1,154 @@ +/* default color: #469159 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#469159; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#469159; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#469159; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#469159; +} + +.arrow-down{ + border-top-color:#469159; +} + +.callbacks_nav { + background-color:#469159; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #469159; +} + +.feature-box-big-icon i:after { +border-color: #469159 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #469159; +} + + + diff --git a/project/static/css/colors/grey.css b/project/static/css/colors/grey.css new file mode 100644 index 0000000..5a73c06 --- /dev/null +++ b/project/static/css/colors/grey.css @@ -0,0 +1,154 @@ +/* default color: #999999 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#999999; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#999999; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#999999; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#999999; +} + +.arrow-down{ + border-top-color:#999999; +} + +.callbacks_nav { + background-color:#999999; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #999999; +} + +.feature-box-big-icon i:after { +border-color: #999999 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #999999; +} + + + diff --git a/project/static/css/colors/lime.css b/project/static/css/colors/lime.css new file mode 100644 index 0000000..00fecaf --- /dev/null +++ b/project/static/css/colors/lime.css @@ -0,0 +1,154 @@ +/* default color: #8BAD01 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#8BAD01; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#8BAD01; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#8BAD01; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#8BAD01; +} + +.arrow-down{ + border-top-color:#8BAD01; +} + +.callbacks_nav { + background-color:#8BAD01; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #8BAD01; +} + +.feature-box-big-icon i:after { +border-color: #8BAD01 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #8BAD01; +} + + + diff --git a/project/static/css/colors/orange.css b/project/static/css/colors/orange.css new file mode 100644 index 0000000..061bc06 --- /dev/null +++ b/project/static/css/colors/orange.css @@ -0,0 +1,154 @@ +/* default color: #F86E4E */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#F86E4E; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#F86E4E; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#F86E4E; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#F86E4E; +} + +.arrow-down{ + border-top-color:#F86E4E; +} + +.callbacks_nav { + background-color:#F86E4E; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #F86E4E; +} + +.feature-box-big-icon i:after { +border-color: #F86E4E transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #F86E4E; +} + + + diff --git a/project/static/css/colors/pink.css b/project/static/css/colors/pink.css new file mode 100644 index 0000000..4a026fb --- /dev/null +++ b/project/static/css/colors/pink.css @@ -0,0 +1,154 @@ +/* default color: #FE4365 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#FE4365; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#FE4365; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#FE4365; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#FE4365; +} + +.arrow-down{ + border-top-color:#FE4365; +} + +.callbacks_nav { + background-color:#FE4365; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #FE4365; +} + +.feature-box-big-icon i:after { +border-color: #FE4365 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #FE4365; +} + + + diff --git a/project/static/css/colors/purple.css b/project/static/css/colors/purple.css new file mode 100644 index 0000000..d5e97f2 --- /dev/null +++ b/project/static/css/colors/purple.css @@ -0,0 +1,154 @@ +/* default color: #C762CB */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#C762CB; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#C762CB; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#C762CB; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#C762CB; +} + +.arrow-down{ + border-top-color:#C762CB; +} + +.callbacks_nav { + background-color:#C762CB; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #C762CB; +} + +.feature-box-big-icon i:after { +border-color: #C762CB transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #C762CB; +} + + + diff --git a/project/static/css/colors/red.css b/project/static/css/colors/red.css new file mode 100644 index 0000000..5cba771 --- /dev/null +++ b/project/static/css/colors/red.css @@ -0,0 +1,154 @@ +/* default color: #ED4C4D */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a +{ + background-color:#ED4C4D; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after +{ + color:#ED4C4D; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus +{ + + border-color:#ED4C4D; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#ED4C4D; +} + +.arrow-down{ + border-top-color:#ED4C4D; +} + +.callbacks_nav { + background-color:#ED4C4D; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #ED4C4D; +} + +.feature-box-big-icon i:after { +border-color: #ED4C4D transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #ED4C4D; +} + + + diff --git a/project/static/css/colors/yellow.css b/project/static/css/colors/yellow.css new file mode 100644 index 0000000..b471b0f --- /dev/null +++ b/project/static/css/colors/yellow.css @@ -0,0 +1,161 @@ +/* default color: #FAB702 */ +.bg-color,section.bg-color, +section.call-to-action, +#mainmenu li li a:hover, +.price-row, +.blog-list .date, +.blog-read .date, +.slider-info .text1, +#filters a.selected, +.btn-primary, +.bg-id-color, +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus, +.dropcap, +.fullwidthbanner-container a.btn, +.feature-box-big-icon i, +#testimonial-full, +.icon-deco i, +.blog-list .date-box .day, +.blog-read .date-box .day, +.bloglist .date-box .day, +.feature-box-small-icon .border, +.small-border, +#jpreBar, +.date-post, +.team-list .small-border, +.de-team-list .small-border, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.owl-arrow span, +.de-progress .progress-bar, +#btn-close-x:hover, +.box-fx .info, +.de_tab.tab_steps .de_nav li span, +.de_testi blockquote:before, +#services-list li.active, +#services-list li a:hover, +.btn-more, +.widget .small-border, +.product img:hover, +#btn-search, +.de_tab.timeline li.active .dot, +.custom-show:after,.custom-close:after, +#back-to-top, +a.btn-custom, +.owl-custom-nav .btn-next:before, +.owl-custom-nav .btn-prev:before, +#mainmenu ul li:hover > a, +.pricing-s1 .ribbon, +a.btn-slider.btn-color +{ + background-color:#FAB702; +} + +.feature-box i, +#mainmenu li:hover > ul, +.date-box .day, +.slider_text h1, +.id-color, +.pricing-box li h1, +.title span, +i.large:hover, +.feature-box-small-icon-2 i, +address span i, +.pricing-dark .pricing-box li.price-row, +.price, +#mainmenu a:hover, +#mainmenu a.active, +header.smaller #mainmenu a.active, +.pricing-dark .pricing-box li.price-row, +.dark .feature-box-small-icon i, +a.btn-slider:after, +.feature-box-small-icon i, +a.btn-line:after, +.team-list .social a, +.de_contact_info i, +.de_count, +.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after, +a.btn-text:after, +.separator span i, +address span strong, +.de_tab.tab_steps .de_nav li span:hover, +.de_testi_by, +.pf_text, +.widget_tags li a, +.dark .btn-line:after, .dark a.btn-line:after, +.crumb a, +.btn-right:after, +.btn-left:before, +#mainmenu li a:after, +.de_form input[type="radio"]:checked + label:before, +.de_form input[type="checkbox"]:checked + label:before, +#mainmenu li:hover > a, +.expand h4:after, +.pricing-s1 .bottom ul li i +{ + color:#FAB702; +} + +.feature-box i, +#filters a:hover, +#filters a.selected, + +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus +.feature-box-big-icon i:after, +.social-icons i, +.btn-line:hover,a.btn-line:hover, +.btn-line.hover,a.btn-line.hover, +.product img:hover, +#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus, +#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus, +.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus, +a.btn-slider.btn-color +{ + + border-color:#FAB702; +} + +.box-fx .inner, +.dark .box-fx .inner, +.blog-list img, +.arrow-up +{ + border-bottom-color:#FAB702; +} + +.arrow-down{ + border-top-color:#FAB702; +} + +.callbacks_nav { + background-color:#FAB702; +} + + +.de_tab .de_nav li span { +border-top: 3px solid #FAB702; +} + +.feature-box-big-icon i:after { +border-color: #FAB702 transparent; /*same colour as the lower of the bubble's gradient*/ +} + +.de_review li.active img{ + border:solid 4px #FAB702; +} + +blockquote.s1{ + border-left-color:#FAB702; +} + + diff --git a/project/static/css/flexslider.css b/project/static/css/flexslider.css new file mode 100644 index 0000000..7fc3ba0 --- /dev/null +++ b/project/static/css/flexslider.css @@ -0,0 +1,102 @@ +/* + * jQuery FlexSlider v2.2.0 + * http://www.woothemes.com/flexslider/ + * + * Copyright 2012 WooThemes + * Free to use under the GPLv2 license. + * http://www.gnu.org/licenses/gpl-2.0.html + * + * Contributing author: Tyler Smith (@mbmufffin) + */ + + +/* Browser Resets +*********************************/ +.flex-container a:active, +.flexslider a:active, +.flex-container a:focus, +.flexslider a:focus {outline: none;} +.slides, +.flex-control-nav, +.flex-direction-nav {margin: 0; padding: 0; list-style: none;} + +/* Icon Fonts +*********************************/ +/* Font-face Icons */ +@font-face { + font-family: "font-awesome/fonts/FontAwesome"; + src: url('font-awesome/fonts/fontawesome-webfont.eot'); + src: url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), + url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'), + url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), + url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); + font-weight: normal; + font-style: normal; + -webkit-font-smoothing: antialiased; +} +/* FlexSlider Necessary Styles +*********************************/ +.flexslider {margin: 0; padding: 0;} +.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ +.flexslider .slides img {width: 100%; display: block;} +.flex-pauseplay span {text-transform: capitalize;} + +/* Clearfix for the .slides element */ +.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} +html[xmlns] .slides {display: block;} +* html .slides {height: 1%;} + +/* No JavaScript Fallback */ +/* If you are not using another script, such as Modernizr, make sure you + * include js that eliminates this class on page load */ +.no-js .slides > li:first-child {display: block;} + +/* FlexSlider Default Theme +*********************************/ +.flexslider { margin: 0; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; +border: 0 !important; margin-top: -1.4em !important;z-index: 0} +.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } +.loading .flex-viewport { max-height: 300px; } +.flexslider .slides { zoom: 1; } +.carousel li { margin-right: 5px; } + +/* Direction Nav */ +.flex-direction-nav {*height: 0;} +.flex-direction-nav a { font-size:0; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 45%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} +.flex-direction-nav .flex-prev { left: 0px; } +.flex-direction-nav .flex-next { right: 0px; text-align: right; } +.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } +.flexslider:hover .flex-next { opacity: 0.7; right: 10px; } +.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } +.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } +.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 32px; display: inline-block; content: '\f001'; font-family: 'FontAwesome'; content:"\f060"; color:#fff; text-shadow:none; font-weight:300; } +.flex-direction-nav a.flex-next:before { content: '\f061'; } + +/* Pause/Play */ +.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } +.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } +.flex-pauseplay a:hover { opacity: 1; } +.flex-pauseplay a.flex-play:before { content: '\f003'; } + +/* Control Nav */ +.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} +.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} +.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } +.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } +.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } + +.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} +.flex-control-thumbs li {width: 25%; float: left; margin: 0;} +.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} +.flex-control-thumbs img:hover {opacity: 1;} +.flex-control-thumbs .flex-active {opacity: 1; cursor: default;} + +@media screen and (max-width: 860px) { + .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} + .flex-direction-nav .flex-next { opacity: 1; right: 10px;} +} + +.blog-slider .slides li{ + margin:0 !important; + padding:0 !important; +} \ No newline at end of file diff --git a/project/static/css/font-style-2.css b/project/static/css/font-style-2.css new file mode 100644 index 0000000..cd7964b --- /dev/null +++ b/project/static/css/font-style-2.css @@ -0,0 +1,43 @@ +@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700'); + +body{ +font-family: 'Rubik',Arial, Helvetica, sans-serif; +font-size:14px; +font-weight:300; +} + +h1,h2,h3,h4,h5,h6, +.big-white, +.ultra-big-white, +.de_tab.tab_steps .de_nav li span, +.teaser-text, +.text-slider, +#mainmenu, +.btn, +a.btn, +.btn-line, +a.btn-line, +#filters{ +font-family: 'Montserrat',Arial, Helvetica, sans-serif; +} + +h1,h2,h3,h4,h5,h6, +.de_tab.tab_steps .de_nav li span +{ +letter-spacing:0; +text-transform:none; +} + +.blog-list h3, .blog-read h3{ +font-size:22px; +} + +.ultra-big-white{ +font-size:52px; +letter-spacing:5px; +} + +.text-slider{ +font-size:60px; +letter-spacing:5px; +} \ No newline at end of file diff --git a/project/static/css/jpreloader.css b/project/static/css/jpreloader.css new file mode 100644 index 0000000..cc7d042 --- /dev/null +++ b/project/static/css/jpreloader.css @@ -0,0 +1,48 @@ +#jpreOverlay { + background-color: #000000; + position:absolute; + width:100%; + height:100%; +} +#jpreSlide{ + font-size:22px; + color:#ccc; + text-align:center; + width:50%; + height:30%; +} +#jpreLoader{ + width:400px; + height:2px; + background:#111; + border-radius:25px; + -moz-border-radius:25px; + -webkit-border-radius:25px; +} + +#jpreBar { + background:#222; + border-radius:25px; + -moz-border-radius:25px; + -webkit-border-radius:25px; +} + +#jprePercentage { + color:#111; + z-index:-1; + font-family:Arial,Helvetica,sans-serif; + text-align:center; + margin-top:10px; + font-size:96px; + margin-top:-10px; +} + +#jSplash{ + line-height:200%; +} + +#jSplash section{ + padding:0; + display:block; + background:none !important; +} \ No newline at end of file diff --git a/project/static/css/jquery.countdown.css b/project/static/css/jquery.countdown.css new file mode 100644 index 0000000..a93dc54 --- /dev/null +++ b/project/static/css/jquery.countdown.css @@ -0,0 +1,63 @@ +/* jQuery Countdown styles 2.0.0. */ +/* modified */ + +.is-countdown { +} +.countdown-rtl { + direction: rtl; +} +.countdown-holding span { + color: #888; +} +.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: 14px; + text-align: center; + color:rgba(255,255,255,.6); + text-transform:uppercase; + letter-spacing:1px; +} +.countdown-amount { + font-family:"Dosis"; + font-size: 72px; + color:#fff; +} +.countdown-period { + font-family:"Dosis"; + display: block; + width:70px; + margin:0 auto; + margin-top:5px; +} +.countdown-descr { + display: block; + width: 100%; +} diff --git a/project/static/css/jquery.mb.YTPlayer.min.css b/project/static/css/jquery.mb.YTPlayer.min.css new file mode 100644 index 0000000..5000f80 --- /dev/null +++ b/project/static/css/jquery.mb.YTPlayer.min.css @@ -0,0 +1 @@ +@charset"UTF-8";.mb_YTPBar,.mb_YTPBar span.mb_YTPUrl a{color:#fff}@font-face{font-family:ytpregular;src:url(font/ytp-regular.eot)}@font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=)format('woff'),url(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal}.mb_YTPlayer:focus{outline:0}.mbYTP_wrapper{display:block;transform:translateZ(0)translate3d(0,0,0);transform-style:preserve-3d;perspective:1000;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}.mb_YTPlayer .loading{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;background:rgba(0,0,0,.51);text-align:center;padding:2px 4px;border-radius:5px;font-family:"Droid Sans",sans-serif;-webkit-animation:fade .1s infinite alternate;animation:fade .1s infinite alternate}@-webkit-keyframes fade{0%{opacity:.5}100%{opacity:1}}@keyframes fade{0%{opacity:.5}100%{opacity:1}}.YTPFullscreen{display:block!important;position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;margin:0!important;border:none!important;opacity:1!important;background-color:#000}.mbYTP_wrapper iframe{max-width:4000px!important}.inline_YTPlayer{margin-bottom:20px;vertical-align:top;position:relative;left:0;overflow:hidden;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.7);background:rgba(0,0,0,.5)}.inline_YTPlayer img{border:none!important;margin:0!important;padding:0!important;transform:none!important}.mb_YTPBar,.mb_YTPBar .buttonBar{box-sizing:border-box;left:0;padding:5px;width:100%}.mb_YTPBar .ytpicon{font-size:20px;font-family:ytpregular}.mb_YTPBar .mb_YTPUrl.ytpicon{font-size:30px}.mb_YTPBar{transition:opacity .5s;display:block;height:10px;background:#333;position:fixed;bottom:0;text-align:left;z-index:1000;font:14px/16px sans-serif;opacity:.1}.mb_YTPBar.visible,.mb_YTPBar:hover{opacity:1}.mb_YTPBar .buttonBar{transition:all .5s;background:0 0;font:12px/14px Calibri;position:absolute;top:-30px;height:40px}.mb_YTPBar:hover .buttonBar{background:rgba(0,0,0,.4)}.mb_YTPBar span{display:inline-block;font:16px/20px Calibri,sans-serif;position:relative;width:30px;height:25px;vertical-align:middle}.mb_YTPBar span.mb_YTPTime{width:130px}.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{position:absolute;width:auto;display:block;top:6px;right:10px;cursor:pointer}.mb_YTPBar span.mb_YTPUrl img{width:60px}.mb_YTPBar span.mb_OnlyYT{left:300px;right:auto}.mb_YTPBar span.mb_OnlyYT img{width:25px}.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlaypause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img{cursor:pointer}.mb_YTPBar .mb_YTPProgress{height:10px;width:100%;background:#222;bottom:0;left:0}.mb_YTPBar .mb_YTPLoaded{height:10px;width:0;background:#444;left:0}.mb_YTPBar .mb_YTPseekbar{height:10px;width:0;background:#bb110e;bottom:0;left:0;box-shadow:rgba(82,82,82,.47)1px 1px 3px}.mb_YTPBar .YTPOverlay{backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform-style:"flat";box-sizing:border-box}.YTPOverlay.raster{background:url(images/raster.png)}.YTPOverlay.raster.retina{background:url(images/raster@2x.png)}.YTPOverlay.raster-dot{background:url(images/raster_dot.png)}.YTPOverlay.raster-dot.retina{background:url(images/raster_dot@2x.png)}.mb_YTPBar .simpleSlider{position:relative;width:100px;height:10px;border:1px solid #fff;overflow:hidden;box-sizing:border-box;margin-right:10px;cursor:pointer!important;border-radius:3px}.mb_YTPBar.compact .simpleSlider{width:40px}.mb_YTPBar .simpleSlider.muted{opacity:.3}.mb_YTPBar .level{position:absolute;left:0;bottom:0;background-color:#fff;box-sizing:border-box}.mb_YTPBar .level.horizontal{height:100%;width:0}.mb_YTPBar .level.vertical{height:auto;width:100%} \ No newline at end of file diff --git a/project/static/css/let-it-snow.css b/project/static/css/let-it-snow.css new file mode 100644 index 0000000..da5d71f --- /dev/null +++ b/project/static/css/let-it-snow.css @@ -0,0 +1,929 @@ + +.let-it-snow { position: relative } + +.lis-flake, +.lis-flake--js { + position: absolute; + background: #fff; + border-radius: 50%; + box-shadow: 0 0 4px #fff +} + +.lis-flake--js { opacity: .2 } + +.lis-flake--stuck { + position: absolute; + background: #fff; + border-radius: 50%; + opacity: .7; + transition: all .3s ease +} + +.lis-flake:nth-child(-n+33) { + -moz-animation: snow1 8s linear infinite; + -webkit-animation: snow1 8s linear infinite; + animation: snow1 8s linear infinite +} + +.lis-flake:nth-child(n+33) { + -moz-animation: snow2 8s 4s linear infinite; + -webkit-animation: snow2 8s 4s linear infinite; + animation: snow2 8s 4s linear infinite +} + +.lis-flake:nth-child(n+66) { + -moz-animation: snow3 8s 6s linear infinite; + -webkit-animation: snow3 8s 6s linear infinite; + animation: snow3 8s 6s linear infinite +} + +.lis-flake:nth-child(1) { + left: 79%; + top: -210px; + width: 4px; + height: 5px; + transform: rotate(39deg) +} + +.lis-flake:nth-child(2) { + left: 12%; + top: -500px; + width: 6px; + height: 5px; + transform: rotate(58deg) +} + +.lis-flake:nth-child(3) { + left: 6%; + top: -40px; + width: 2px; + height: 5px; + transform: rotate(2deg) +} + +.lis-flake:nth-child(4) { + left: 35%; + top: -340px; + width: 3px; + height: 3px; + transform: rotate(17deg) +} + +.lis-flake:nth-child(5) { + left: 34%; + top: -680px; + width: 2px; + height: 5px; + transform: rotate(92deg) +} + +.lis-flake:nth-child(6) { + left: 9%; + top: -780px; + width: 1px; + height: 2px; + transform: rotate(26deg) +} + +.lis-flake:nth-child(7) { + left: 27%; + top: -340px; + width: 2px; + height: 1px; + transform: rotate(8deg) +} + +.lis-flake:nth-child(8) { + left: 12%; + top: -310px; + width: 6px; + height: 4px; + transform: rotate(80deg) +} + +.lis-flake:nth-child(9) { + left: 21%; + top: -100px; + width: 5px; + height: 1px; + transform: rotate(53deg) +} + +.lis-flake:nth-child(10) { + left: 30%; + top: -690px; + width: 3px; + height: 1px; + transform: rotate(74deg) +} + +.lis-flake:nth-child(11) { + left: 23%; + top: -920px; + width: 4px; + height: 4px; + transform: rotate(69deg) +} + +.lis-flake:nth-child(12) { + left: 37%; + top: -870px; + width: 3px; + height: 3px; + transform: rotate(26deg) +} + +.lis-flake:nth-child(13) { + left: 36%; + top: -570px; + width: 5px; + height: 6px; + transform: rotate(47deg) +} + +.lis-flake:nth-child(14) { + left: 78%; + top: -730px; + width: 5px; + height: 3px; + transform: rotate(95deg) +} + +.lis-flake:nth-child(15) { + left: 3%; + top: -840px; + width: 3px; + height: 2px; + transform: rotate(54deg) +} + +.lis-flake:nth-child(16) { + left: 34%; + top: -960px; + width: 2px; + height: 3px; + transform: rotate(56deg) +} + +.lis-flake:nth-child(17) { + left: 7%; + top: -660px; + width: 4px; + height: 1px; + transform: rotate(3deg) +} + +.lis-flake:nth-child(18) { + left: 16%; + top: -510px; + width: 5px; + height: 5px; + transform: rotate(75deg) +} + +.lis-flake:nth-child(19) { + left: 77%; + top: -760px; + width: 3px; + height: 1px; + transform: rotate(77deg) +} + +.lis-flake:nth-child(20) { + left: 98%; + top: -240px; + width: 4px; + height: 1px; + transform: rotate(18deg) +} + +.lis-flake:nth-child(21) { + left: 71%; + top: -540px; + width: 6px; + height: 5px; + transform: rotate(65deg) +} + +.lis-flake:nth-child(22) { + left: 64%; + top: -650px; + width: 2px; + height: 5px; + transform: rotate(96deg) +} + +.lis-flake:nth-child(23) { + left: 65%; + top: -70px; + width: 1px; + height: 3px; + transform: rotate(94deg) +} + +.lis-flake:nth-child(24) { + left: 76%; + top: -970px; + width: 3px; + height: 4px; + transform: rotate(63deg) +} + +.lis-flake:nth-child(25) { + left: 79%; + top: -830px; + width: 3px; + height: 4px; + transform: rotate(86deg) +} + +.lis-flake:nth-child(26) { + left: 18%; + top: -540px; + width: 2px; + height: 5px; + transform: rotate(60deg) +} + +.lis-flake:nth-child(27) { + left: 99%; + top: -500px; + width: 6px; + height: 6px; + transform: rotate(28deg) +} + +.lis-flake:nth-child(28) { + left: 5%; + top: -270px; + width: 6px; + height: 3px; + transform: rotate(57deg) +} + +.lis-flake:nth-child(29) { + left: 64%; + top: -630px; + width: 5px; + height: 3px; + transform: rotate(24deg) +} + +.lis-flake:nth-child(30) { + left: 4%; + top: -130px; + width: 4px; + height: 1px; + transform: rotate(70deg) +} + +.lis-flake:nth-child(31) { + left: 59%; + top: -340px; + width: 4px; + height: 6px; + transform: rotate(65deg) +} + +.lis-flake:nth-child(32) { + left: 44%; + top: -100px; + width: 1px; + height: 6px; + transform: rotate(49deg) +} + +.lis-flake:nth-child(33) { + left: 15%; + top: -870px; + width: 2px; + height: 6px; + transform: rotate(38deg) +} + +.lis-flake:nth-child(34) { + left: 76%; + top: -490px; + width: 2px; + height: 5px; + transform: rotate(65deg) +} + +.lis-flake:nth-child(35) { + left: 93%; + top: -320px; + width: 1px; + height: 5px; + transform: rotate(23deg) +} + +.lis-flake:nth-child(36) { + left: 4%; + top: -620px; + width: 5px; + height: 5px; + transform: rotate(19deg) +} + +.lis-flake:nth-child(37) { + left: 35%; + top: -910px; + width: 5px; + height: 4px; + transform: rotate(66deg) +} + +.lis-flake:nth-child(38) { + left: 90%; + top: -460px; + width: 4px; + height: 1px; + transform: rotate(36deg) +} + +.lis-flake:nth-child(39) { + left: 36%; + top: -340px; + width: 1px; + height: 1px; + transform: rotate(1deg) +} + +.lis-flake:nth-child(40) { + left: 89%; + top: -170px; + width: 6px; + height: 5px; + transform: rotate(65deg) +} + +.lis-flake:nth-child(41) { + left: 87%; + top: -330px; + width: 6px; + height: 6px; + transform: rotate(48deg) +} + +.lis-flake:nth-child(42) { + left: 63%; + top: -520px; + width: 4px; + height: 1px; + transform: rotate(100deg) +} + +.lis-flake:nth-child(43) { + left: 54%; + top: -480px; + width: 4px; + height: 4px; + transform: rotate(69deg) +} + +.lis-flake:nth-child(44) { + left: 4%; + top: -290px; + width: 4px; + height: 5px; + transform: rotate(89deg) +} + +.lis-flake:nth-child(45) { + left: 19%; + top: -430px; + width: 2px; + height: 6px; + transform: rotate(73deg) +} + +.lis-flake:nth-child(46) { + left: 18%; + top: -290px; + width: 6px; + height: 5px; + transform: rotate(95deg) +} + +.lis-flake:nth-child(47) { + left: 65%; + top: -680px; + width: 5px; + height: 3px; + transform: rotate(100deg) +} + +.lis-flake:nth-child(48) { + left: 21%; + top: -390px; + width: 2px; + height: 4px; + transform: rotate(70deg) +} + +.lis-flake:nth-child(49) { + left: 63%; + top: -600px; + width: 4px; + height: 2px; + transform: rotate(44deg) +} + +.lis-flake:nth-child(50) { + left: 34%; + top: -10px; + width: 6px; + height: 3px; + transform: rotate(68deg) +} + +.lis-flake:nth-child(51) { + left: 91%; + top: -400px; + width: 2px; + height: 6px; + transform: rotate(97deg) +} + +.lis-flake:nth-child(52) { + left: 1%; + top: -740px; + width: 4px; + height: 2px; + transform: rotate(8deg) +} + +.lis-flake:nth-child(53) { + left: 28%; + top: -160px; + width: 2px; + height: 5px; + transform: rotate(45deg) +} + +.lis-flake:nth-child(54) { + left: 28%; + top: -170px; + width: 2px; + height: 4px; + transform: rotate(84deg) +} + +.lis-flake:nth-child(55) { + left: 71%; + top: -710px; + width: 5px; + height: 5px; + transform: rotate(80deg) +} + +.lis-flake:nth-child(56) { + left: 61%; + top: -120px; + width: 5px; + height: 1px; + transform: rotate(96deg) +} + +.lis-flake:nth-child(57) { + left: 94%; + top: -90px; + width: 2px; + height: 2px; + transform: rotate(73deg) +} + +.lis-flake:nth-child(58) { + left: 83%; + top: 0px; + width: 2px; + height: 5px; + transform: rotate(48deg) +} + +.lis-flake:nth-child(59) { + left: 88%; + top: -430px; + width: 4px; + height: 5px; + transform: rotate(1deg) +} + +.lis-flake:nth-child(60) { + left: 33%; + top: -30px; + width: 6px; + height: 5px; + transform: rotate(36deg) +} + +.lis-flake:nth-child(61) { + left: 50%; + top: -790px; + width: 6px; + height: 4px; + transform: rotate(5deg) +} + +.lis-flake:nth-child(62) { + left: 32%; + top: -960px; + width: 2px; + height: 4px; + transform: rotate(45deg) +} + +.lis-flake:nth-child(63) { + left: 79%; + top: -880px; + width: 3px; + height: 4px; + transform: rotate(23deg) +} + +.lis-flake:nth-child(64) { + left: 13%; + top: -10px; + width: 4px; + height: 4px; + transform: rotate(9deg) +} + +.lis-flake:nth-child(65) { + left: 92%; + top: -340px; + width: 4px; + height: 4px; + transform: rotate(30deg) +} + +.lis-flake:nth-child(66) { + left: 26%; + top: -210px; + width: 6px; + height: 2px; + transform: rotate(29deg) +} + +.lis-flake:nth-child(67) { + left: 77%; + top: -590px; + width: 1px; + height: 6px; + transform: rotate(13deg) +} + +.lis-flake:nth-child(68) { + left: 15%; + top: -70px; + width: 5px; + height: 3px; + transform: rotate(37deg) +} + +.lis-flake:nth-child(69) { + left: 71%; + top: -180px; + width: 6px; + height: 4px; + transform: rotate(60deg) +} + +.lis-flake:nth-child(70) { + left: 41%; + top: -930px; + width: 2px; + height: 5px; + transform: rotate(94deg) +} + +.lis-flake:nth-child(71) { + left: 93%; + top: -870px; + width: 5px; + height: 3px; + transform: rotate(42deg) +} + +.lis-flake:nth-child(72) { + left: 54%; + top: -470px; + width: 1px; + height: 5px; + transform: rotate(90deg) +} + +.lis-flake:nth-child(73) { + left: 31%; + top: -520px; + width: 3px; + height: 5px; + transform: rotate(42deg) +} + +.lis-flake:nth-child(74) { + left: 18%; + top: -810px; + width: 5px; + height: 3px; + transform: rotate(8deg) +} + +.lis-flake:nth-child(75) { + left: 12%; + top: -660px; + width: 3px; + height: 4px; + transform: rotate(64deg) +} + +.lis-flake:nth-child(76) { + left: 17%; + top: -860px; + width: 5px; + height: 6px; + transform: rotate(73deg) +} + +.lis-flake:nth-child(77) { + left: 82%; + top: -690px; + width: 1px; + height: 4px; + transform: rotate(68deg) +} + +.lis-flake:nth-child(78) { + left: 8%; + top: -850px; + width: 4px; + height: 5px; + transform: rotate(30deg) +} + +.lis-flake:nth-child(79) { + left: 19%; + top: -420px; + width: 5px; + height: 2px; + transform: rotate(100deg) +} + +.lis-flake:nth-child(80) { + left: 7%; + top: -810px; + width: 5px; + height: 1px; + transform: rotate(68deg) +} + +.lis-flake:nth-child(81) { + left: 18%; + top: -450px; + width: 2px; + height: 4px; + transform: rotate(82deg) +} + +.lis-flake:nth-child(82) { + left: 26%; + top: -900px; + width: 5px; + height: 3px; + transform: rotate(26deg) +} + +.lis-flake:nth-child(83) { + left: 86%; + top: -590px; + width: 1px; + height: 2px; + transform: rotate(73deg) +} + +.lis-flake:nth-child(84) { + left: 72%; + top: -230px; + width: 2px; + height: 2px; + transform: rotate(55deg) +} + +.lis-flake:nth-child(85) { + left: 26%; + top: -700px; + width: 6px; + height: 3px; + transform: rotate(11deg) +} + +.lis-flake:nth-child(86) { + left: 46%; + top: -840px; + width: 2px; + height: 2px; + transform: rotate(100deg) +} + +.lis-flake:nth-child(87) { + left: 5%; + top: -600px; + width: 4px; + height: 3px; + transform: rotate(46deg) +} + +.lis-flake:nth-child(88) { + left: 6%; + top: -610px; + width: 6px; + height: 4px; + transform: rotate(65deg) +} + +.lis-flake:nth-child(89) { + left: 45%; + top: -420px; + width: 3px; + height: 5px; + transform: rotate(80deg) +} + +.lis-flake:nth-child(90) { + left: 45%; + top: -100px; + width: 6px; + height: 1px; + transform: rotate(33deg) +} + +.lis-flake:nth-child(91) { + left: 6%; + top: -830px; + width: 3px; + height: 6px; + transform: rotate(4deg) +} + +.lis-flake:nth-child(92) { + left: 58%; + top: -770px; + width: 1px; + height: 3px; + transform: rotate(89deg) +} + +.lis-flake:nth-child(93) { + left: 23%; + top: -870px; + width: 4px; + height: 6px; + transform: rotate(32deg) +} + +.lis-flake:nth-child(94) { + left: 89%; + top: -340px; + width: 6px; + height: 4px; + transform: rotate(7deg) +} + +.lis-flake:nth-child(95) { + left: 46%; + top: -790px; + width: 4px; + height: 2px; + transform: rotate(91deg) +} + +.lis-flake:nth-child(96) { + left: 94%; + top: -140px; + width: 6px; + height: 5px; + transform: rotate(22deg) +} + +.lis-flake:nth-child(97) { + left: 32%; + top: -430px; + width: 3px; + height: 1px; + transform: rotate(55deg) +} + +.lis-flake:nth-child(98) { + left: 85%; + top: -40px; + width: 6px; + height: 1px; + transform: rotate(64deg) +} + +.lis-flake:nth-child(99) { + left: 66%; + top: -710px; + width: 1px; + height: 1px; + transform: rotate(42deg) +} + +.lis-flake:nth-child(100) { + left: 33%; + top: -790px; + width: 1px; + height: 4px; + transform: rotate(55deg) +} +@-moz-keyframes +snow1 { 0% { +-moz-transform:translate(-250px, 0); +opacity:1 +} +100% { +-moz-transform:translate(250px, 1500px); +opacity:0 +} +} +@-moz-keyframes +snow2 { 0% { +-moz-transform:translate(0, 0); +opacity:1 +} +100% { +-moz-transform:translate(250px, 2500px); +opacity:.5 +} +} +@-moz-keyframes +snow3 { 0% { +-moz-transform:translate(0, 0); +opacity:1 +} +100% { +-moz-transform:translate(0, 2500px); +opacity:.5 +} +} +@-webkit-keyframes +snow1 { 0% { +-webkit-transform:translate(-250px, 0); +opacity:1 +} +100% { +-webkit-transform:translate(250px, 1500px); +opacity:0 +} +} +@-webkit-keyframes +snow2 { 0% { +-webkit-transform:translate(0, 0); +opacity:1 +} +100% { +-webkit-transform:translate(250px, 2500px); +opacity:.5 +} +} +@-webkit-keyframes +snow3 { 0% { +-webkit-transform:translate(0, 0); +opacity:1 +} +100% { +-webkit-transform:translate(0, 2500px); +opacity:.5 +} +} +@keyframes +snow1 { 0% { +transform:translate(-250px, 0); +opacity:1 +} +100% { +transform:translate(250px, 1500px); +opacity:0 +} +} +@keyframes +snow2 { 0% { +transform:translate(0, 0); +opacity:1 +} +100% { +transform:translate(250px, 2500px); +opacity:.5 +} +} +@keyframes +snow3 { 0% { +transform:translate(0, 0); +opacity:1 +} +100% { +transform:translate(0, 2500px); +opacity:.5 +} +} +/*# sourceMappingURL=let-it-snow.css.map */ diff --git a/project/static/css/magnific-popup.css b/project/static/css/magnific-popup.css new file mode 100644 index 0000000..e42d6fc --- /dev/null +++ b/project/static/css/magnific-popup.css @@ -0,0 +1,383 @@ +/* Magnific Popup CSS */ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.9; + filter: alpha(opacity=90); } + +.de_light .mfp-bg { + background: #fff; + opacity: .95; + filter: alpha(opacity=95); +} + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; + -webkit-overflow-scrolling: touch; + -webkit-transform: translateZ(0); + } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; } +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + filter: alpha(opacity=65); + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } + .mfp-close:hover, .mfp-close:focus { + opacity: 1; + filter: alpha(opacity=100); } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + filter: alpha(opacity=65); + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, .mfp-arrow:focus { + opacity: 1; + filter: alpha(opacity=100); } + .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after, .mfp-arrow .mfp-a { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before, .mfp-arrow .mfp-b { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } + } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + + .mfp-container { + padding-left: 6px; + padding-right: 6px; } + } + +.mfp-ie7 .mfp-img { + padding: 0; } +.mfp-ie7 .mfp-bottom-bar { + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; } +.mfp-ie7 .mfp-container { + padding: 0; } +.mfp-ie7 .mfp-content { + padding-top: 44px; } +.mfp-ie7 .mfp-close { + top: 0; + right: 0; + padding-top: 0; } diff --git a/project/static/css/non-responsive.css b/project/static/css/non-responsive.css new file mode 100644 index 0000000..e69de29 diff --git a/project/static/css/owl.carousel.css b/project/static/css/owl.carousel.css new file mode 100644 index 0000000..ad7ea68 --- /dev/null +++ b/project/static/css/owl.carousel.css @@ -0,0 +1,71 @@ +/* + * Core Owl Carousel CSS File + * v1.3.3 + */ + +/* clearfix */ +.owl-carousel .owl-wrapper:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +/* display none until init */ +.owl-carousel{ + display: none; + position: relative; + width: 100%; + -ms-touch-action: pan-y; +} +.owl-carousel .owl-wrapper{ + display: none; + position: relative; + -webkit-transform: translate3d(0px, 0px, 0px); +} +.owl-carousel .owl-wrapper-outer{ + overflow: hidden; + position: relative; + width: 100%; +} +.owl-carousel .owl-wrapper-outer.autoHeight{ + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; +} + +.owl-carousel .owl-item{ + float: left; +} +.owl-controls .owl-page, +.owl-controls .owl-buttons div{ + cursor: pointer; +} +.owl-controls { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* mouse grab icon */ +.grabbing { + cursor:url(grabbing.png) 8 8, move; +} + +/* fix */ +.owl-carousel .owl-wrapper, +.owl-carousel .owl-item{ + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); +} + diff --git a/project/static/css/owl.theme.css b/project/static/css/owl.theme.css new file mode 100644 index 0000000..4c07612 --- /dev/null +++ b/project/static/css/owl.theme.css @@ -0,0 +1,79 @@ +/* +* Owl Carousel Owl Demo Theme +* v1.3.3 +*/ + +.owl-theme .owl-controls{ + margin-top: 10px; + text-align: center; +} + +/* Styling Next and Prev buttons */ + +.owl-theme .owl-controls .owl-buttons div{ + color: #FFF; + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ + margin: 5px; + padding: 3px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + background: #869791; + filter: Alpha(Opacity=50);/*IE7 fix*/ + opacity: 0.5; +} +/* Clickable class fix problem with hover on touch devices */ +/* Use it for non-touch hover action */ +.owl-theme .owl-controls.clickable .owl-buttons div:hover{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; + text-decoration: none; +} + +/* Styling Pagination*/ + +.owl-theme .owl-controls .owl-page{ + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ +} +.owl-theme .owl-controls .owl-page span{ + display: block; + width: 12px; + height: 12px; + margin: 5px 7px; + filter: Alpha(Opacity=50);/*IE7 fix*/ + opacity: 0.5; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + background: #869791; +} + +.owl-theme .owl-controls .owl-page.active span, +.owl-theme .owl-controls.clickable .owl-page:hover span{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; +} + +/* If PaginationNumbers is true */ + +.owl-theme .owl-controls .owl-page span.owl-numbers{ + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} + +/* preloading images */ +.owl-item.loading{ + min-height: 150px; + background: url(AjaxLoader.gif) no-repeat center center +} \ No newline at end of file diff --git a/project/static/css/owl.transitions.css b/project/static/css/owl.transitions.css new file mode 100644 index 0000000..b462a3d --- /dev/null +++ b/project/static/css/owl.transitions.css @@ -0,0 +1,163 @@ +/* + * Owl Carousel CSS3 Transitions + * v1.3.2 + */ + +.owl-origin { + -webkit-perspective: 1200px; + -webkit-perspective-origin-x : 50%; + -webkit-perspective-origin-y : 50%; + -moz-perspective : 1200px; + -moz-perspective-origin-x : 50%; + -moz-perspective-origin-y : 50%; + perspective : 1200px; +} +/* fade */ +.owl-fade-out { + z-index: 10; + -webkit-animation: fadeOut .7s both ease; + -moz-animation: fadeOut .7s both ease; + animation: fadeOut .7s both ease; +} +.owl-fade-in { + -webkit-animation: fadeIn .7s both ease; + -moz-animation: fadeIn .7s both ease; + animation: fadeIn .7s both ease; +} +/* backSlide */ +.owl-backSlide-out { + -webkit-animation: backSlideOut 1s both ease; + -moz-animation: backSlideOut 1s both ease; + animation: backSlideOut 1s both ease; +} +.owl-backSlide-in { + -webkit-animation: backSlideIn 1s both ease; + -moz-animation: backSlideIn 1s both ease; + animation: backSlideIn 1s both ease; +} +/* goDown */ +.owl-goDown-out { + -webkit-animation: scaleToFade .7s ease both; + -moz-animation: scaleToFade .7s ease both; + animation: scaleToFade .7s ease both; +} +.owl-goDown-in { + -webkit-animation: goDown .6s ease both; + -moz-animation: goDown .6s ease both; + animation: goDown .6s ease both; +} +/* scaleUp */ +.owl-fadeUp-in { + -webkit-animation: scaleUpFrom .5s ease both; + -moz-animation: scaleUpFrom .5s ease both; + animation: scaleUpFrom .5s ease both; +} + +.owl-fadeUp-out { + -webkit-animation: scaleUpTo .5s ease both; + -moz-animation: scaleUpTo .5s ease both; + animation: scaleUpTo .5s ease both; +} +/* Keyframes */ +/*empty*/ +@-webkit-keyframes empty { + 0% {opacity: 1} +} +@-moz-keyframes empty { + 0% {opacity: 1} +} +@keyframes empty { + 0% {opacity: 1} +} +@-webkit-keyframes fadeIn { + 0% { opacity:0; } + 100% { opacity:1; } +} +@-moz-keyframes fadeIn { + 0% { opacity:0; } + 100% { opacity:1; } +} +@keyframes fadeIn { + 0% { opacity:0; } + 100% { opacity:1; } +} +@-webkit-keyframes fadeOut { + 0% { opacity:1; } + 100% { opacity:0; } +} +@-moz-keyframes fadeOut { + 0% { opacity:1; } + 100% { opacity:0; } +} +@keyframes fadeOut { + 0% { opacity:1; } + 100% { opacity:0; } +} +@-webkit-keyframes backSlideOut { + 25% { opacity: .5; -webkit-transform: translateZ(-500px); } + 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } + 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } +} +@-moz-keyframes backSlideOut { + 25% { opacity: .5; -moz-transform: translateZ(-500px); } + 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } + 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } +} +@keyframes backSlideOut { + 25% { opacity: .5; transform: translateZ(-500px); } + 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } + 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } +} +@-webkit-keyframes backSlideIn { + 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } + 75% { opacity: .5; -webkit-transform: translateZ(-500px); } + 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } +} +@-moz-keyframes backSlideIn { + 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } + 75% { opacity: .5; -moz-transform: translateZ(-500px); } + 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } +} +@keyframes backSlideIn { + 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } + 75% { opacity: .5; transform: translateZ(-500px); } + 100% { opacity: 1; transform: translateZ(0) translateX(0); } +} +@-webkit-keyframes scaleToFade { + to { opacity: 0; -webkit-transform: scale(.8); } +} +@-moz-keyframes scaleToFade { + to { opacity: 0; -moz-transform: scale(.8); } +} +@keyframes scaleToFade { + to { opacity: 0; transform: scale(.8); } +} +@-webkit-keyframes goDown { + from { -webkit-transform: translateY(-100%); } +} +@-moz-keyframes goDown { + from { -moz-transform: translateY(-100%); } +} +@keyframes goDown { + from { transform: translateY(-100%); } +} + +@-webkit-keyframes scaleUpFrom { + from { opacity: 0; -webkit-transform: scale(1.5); } +} +@-moz-keyframes scaleUpFrom { + from { opacity: 0; -moz-transform: scale(1.5); } +} +@keyframes scaleUpFrom { + from { opacity: 0; transform: scale(1.5); } +} + +@-webkit-keyframes scaleUpTo { + to { opacity: 0; -webkit-transform: scale(1.5); } +} +@-moz-keyframes scaleUpTo { + to { opacity: 0; -moz-transform: scale(1.5); } +} +@keyframes scaleUpTo { + to { opacity: 0; transform: scale(1.5); } +} \ No newline at end of file diff --git a/project/static/css/plugin.css b/project/static/css/plugin.css new file mode 100644 index 0000000..9a94726 --- /dev/null +++ b/project/static/css/plugin.css @@ -0,0 +1,299 @@ +@charset "utf-8"; +/* CSS Document */ + +/* ================================================== */ +/* isotope */ +/* ================================================== */ +.isotope, +.isotope .isotope-item { +/* change duration value to whatever you like */ +-webkit-transition-duration: 0.8s; +-moz-transition-duration: 0.8s; +-ms-transition-duration: 0.8s; +-o-transition-duration: 0.8s; +transition-duration: 0.8s; +} + +.isotope { +-webkit-transition-property: height, width; +-moz-transition-property: height, width; +-ms-transition-property: height, width; +-o-transition-property: height, width; +transition-property: height, width; +} + +.isotope .isotope-item { +-webkit-transition-property: -webkit-transform, opacity; +-moz-transition-property: -moz-transform, opacity; +-ms-transition-property: -ms-transform, opacity; +-o-transition-property: -o-transform, opacity; +transition-property: transform, opacity; +} + +/**** disabling Isotope CSS3 transitions ****/ + +.isotope.no-transition, +.isotope.no-transition .isotope-item, +.isotope .isotope-item.no-transition { +-webkit-transition-duration: 0s; +-moz-transition-duration: 0s; +-ms-transition-duration: 0s; +-o-transition-duration: 0s; +transition-duration: 0s; +} + +#filters { +font-size:12px; +letter-spacing:1px; +padding: 0; +margin: 0; +margin-bottom: 20px; +font-weight:400; +} + +#filters li { +display: inline-block; +margin-right: 5px; +margin-bottom: 10px; +} + +#filters a { +outline:none; +padding: 10px 20px 8px 20px; +color: #888; +font-size:11px; +letter-spacing:3px; +text-decoration: none; +text-transform:uppercase; +background:#eee; +border:none !important; +} + +#filters a { +color:#888; +border: solid 1px #555; +} + +#filters a:hover { + background:#111; +} + +#filters a.selected { +color: #111; +} + +.isotope-item { +z-index: 2; +} + +.isotope-hidden.isotope-item { +pointer-events: none; +z-index: 1; +} + + + + + +/* -------------------------------------------------- */ +/* flex slider */ +/* -------------------------------------------------- */ +.flexslider { +width: 100%; +background: none; +border: none; +box-shadow: none; +margin: 0px; +} + +.control-slider { +float: right; +display: inline-block; +margin-right: -10px; +} + +.prev-slider, .next-slider { +float: left; +display: block; +text-align: center; +margin-top: 10px; +cursor: pointer; +} + +.prev-slider i, .next-slider i { +border: solid 1px #ccc; +padding: 5px 10px 5px 10px; +} + +.prev-slider i:hover, .next-slider i:hover { +color: #fff; +border: solid 1px #333; +background: #333; +} + +.prev-slider { +margin-right: -5px; +} + +.project-carousel ul.slides, .project-carousel-3-col ul.slides{ +margin-top: 10px; +margin-bottom: 20px; +} + +.logo-carousel .flex-direction-nav, +.project-carousel .flex-control-nav, +.project-carousel .flex-direction-nav, +.project-carousel-3-col .flex-control-nav, +.project-carousel-3-col .flex-direction-nav { +display: none; +} + +.logo-carousel.no-control .flex-control-nav{ +display:none; +} + +.logo-carousel li img { +width: auto !important; + +} + + +/* flex slider - testi slider */ +#testimonial-full { +text-align: center; +padding: 10px 0 10px 0; +text-shadow:none; +} + +#testimonial-full blockquote { +color: #fff; +border: none !important; +margin: 0; +font-size: 18px; +font-family:"Raleway"; +font-weight:300; +font-style:normal; +line-height:1.5em; +text-transform:uppercase; +letter-spacing:3px; +} + +#testimonial-full span{ + letter-spacing:0; + margin-top:20px; + text-transform:none; +} + +.testi-slider .flex-control-nav { +position: absolute !important; +margin-top: -50px !important; +} + +.testi-slider .flex-direction-nav { +display: none; +} +/* Control Nav */ +.testi-slider .flex-control-nav { +width: 100%; +position: absolute; +bottom: -40px; +text-align: center; +} + +.testi-slider .flex-control-nav li { +margin: 0 6px; +display: inline-block; +zoom: 1; +*display: inline; +} + +.testi-slider .flex-control-paging li a { +background: none; +width: 8px; +height: 8px; +display: block; +border: solid 1px #fff; +cursor: pointer; +text-indent: -9999px; +-webkit-border-radius: 20px; +-moz-border-radius: 20px; +-o-border-radius: 20px; +border-radius: 20px; +-webkit-box-shadow: none; +-moz-box-shadow: none; +-o-box-shadow: none; +box-shadow: none; +} + +.testi-slider .flex-control-paging li a:hover { +border: solid 1px #fff; +background: #fff; +} + +.testi-slider .flex-control-paging li a.flex-active { +border: solid 1px #fff; +cursor: default; +background: #fff; +} + + + + +/* ================================================== */ +/* jquery totop */ +/* ================================================== */ +#toTop { +z-index: 1555; +display: none; +text-decoration: none; +position: fixed; +bottom: 10px; +right: 10px; +overflow: hidden; +width: 51px; +height: 51px; +border: none; +text-indent: -999px; +background: url(../images/ui.totop.png) no-repeat left top; +} +#toTopHover { +background: url(../images/ui.totop.png) no-repeat left -51px; +width: 51px; +height: 51px; +display: block; +overflow: hidden; +float: left; +} +#toTop:active, #toTop:focus { +outline: none; +} + +.owl-theme .owl-controls .owl-page span{ + background:#fff !important; + margin-top:30px; + width:5px; + height:5px; +} + + +.typed-cursor{ + opacity: 1; + -webkit-animation: blink 0.7s infinite; + -moz-animation: blink 0.7s infinite; + animation: blink 0.7s infinite; +} +@keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-webkit-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} +@-moz-keyframes blink{ + 0% { opacity:1; } + 50% { opacity:0; } + 100% { opacity:1; } +} \ No newline at end of file diff --git a/project/static/css/prettyPhoto.css b/project/static/css/prettyPhoto.css new file mode 100644 index 0000000..c3d769e --- /dev/null +++ b/project/static/css/prettyPhoto.css @@ -0,0 +1,178 @@ +div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} +div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} +div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} +div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} +div.pp_default .pp_content .ppt{color:#f8f8f8} +div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} +div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} +div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} +div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} +div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} +div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} +div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} +div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} +div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} +div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} +div.pp_default .pp_social{margin-top:7px} +div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} +div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} +div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} +div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} +div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} +div.pp_default .pp_content_container .pp_details{margin-top:5px} +div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} +div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} +div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} +div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} +div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} +div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} +div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} +div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} + +div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} +div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} +div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} +div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} +div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} +div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} +div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} +div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} + +div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} +div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} +div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} +div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} +div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} +div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} +div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.dark_rounded .pp_description{margin-right:85px;color:#fff} +div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} +div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} +div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} +div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} +div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} + +div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} +div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} +div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} +div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.dark_square .pp_nav{clear:none} +div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} +div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} +div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} +div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} + +div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} +div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} +div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} +div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} + +div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} +div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} +div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} +div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} +div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} +div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} +div.facebook .pp_description{margin:0 37px 0 0} +div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} +div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} +div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} +div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} +div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} +div.facebook .pp_nav{margin-top:0} +div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} +div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} +div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} +div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} +div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} +div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} +div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} +div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} + +div.pp_pic_holder a:focus{outline:none} +div.pp_overlay{background:#333;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} +div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} +.pp_content{height:40px;min-width:40px} +* html .pp_content{width:40px} +.pp_content_container{position:relative;text-align:left;width:100%} +.pp_content_container .pp_left{padding-left:20px} +.pp_content_container .pp_right{padding-right:20px} +.pp_content_container .pp_details{float:left;margin:10px 0 2px} +.pp_description{display:none;margin:0} +.pp_social{float:left;margin:0; display:none;} +.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} +.pp_social .twitter{float:left} +.pp_nav{clear:right;float:left;margin:3px 10px 0 0} +.pp_nav p{float:left;white-space:nowrap;margin:2px 4px} +.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} +a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} +.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} +.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} +.pp_gallery div{float:left;overflow:hidden;position:relative} +.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} +.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} +.pp_gallery ul a img{border:0} +.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} +.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} +.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} +a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} +a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} +a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} +a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} +.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} +#pp_full_res{line-height:1!important} +#pp_full_res .pp_inline{text-align:left} +#pp_full_res .pp_inline p{margin:0 0 15px} +div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} +div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} +div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} +div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} +div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} +div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} +div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} +div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} +div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} +div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} +div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} +div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} +div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} +div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} +.pp_top,.pp_bottom{height:20px;position:relative} +* html .pp_top,* html .pp_bottom{padding:0 20px} +.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} +.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} +* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} +.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} +.pp_fade,.pp_gallery li.default a img{display:none} + +.currentTextHolder{display:none;} \ No newline at end of file diff --git a/project/static/css/rev-settings.css b/project/static/css/rev-settings.css new file mode 100644 index 0000000..13a7ceb --- /dev/null +++ b/project/static/css/rev-settings.css @@ -0,0 +1,132 @@ +@import url(http://fonts.googleapis.com/css?family=Raleway:300,500,600,700,900,400); +@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); +@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800); + +html { +overflow-x:hidden; +padding: 0 !important; +background:#fff; +margin:0px !important; +} + + + + +#revolution-slider{ +font-family:"Raleway"; +} + +.tp-caption{ +font-size:14px; +font-weight:300; +} + +.tp-caption.teaser{ +letter-spacing:5px; +} + +.tp-caption br{ +margin-bottom:5px; +} + +.tparrows{ top:50% !important;} + +.med{ +font-size:24px; +letter-spacing:-.5px; +} + + +.med-white{ +color:#fff; +font-size:24px; +letter-spacing:-.5px; +} +.med-green{ +color:#1a8b49; +font-size:24px; +letter-spacing:-.5px; +} +.small-white{ +color:#fff; +line-height:1.7em; +} + +.big-black{ +font-size:52px; +letter-spacing:-3px; +color:#222; +} + +.big-white{ +font-family:"Dosis"; +font-size:16px; +color:#fff; +line-height:normal; +font-weight:300; +text-transform:uppercase; +letter-spacing:6px; +} + +.ultra-big-white{ +font-family:"Dosis"; +font-size:72px; +font-weight:300; +letter-spacing:10px; +color:#fff; +margin:0; +text-transform:uppercase; +} + +.ultra-big-black{ +font-size:96px; +font-weight:400; +color:#222; +margin:0; +line-height:72px; +} + +a.btn-slider{ +color:#fff; +} + +a.btn-slider:hover{ +color:#222; +} + +.fullwidthbanner-container a.btn{ +text-transform:uppercase; +letter-spacing:1px; +color:#fff !important; +font-weight:700; +padding:10px 20px 10px 20px; +border-radius:0; +-moz-border-radius:0; +-webkit-border-radius:0; +} + +.tp-caption.separator { +width:100px; +border-bottom:solid 1px rgba(255,255,255,.3); +} + +/* new added */ + +.uppercase{ + text-transform:uppercase; +} + +.small-size{ +font-size:14px; +font-weight:800; +letter-spacing:5px; +} + +.ultra-size{ +font-size:120px; +font-weight:800; +} + +.white{ +color:#ffffff; +} \ No newline at end of file diff --git a/project/static/css/social-buttons.css b/project/static/css/social-buttons.css new file mode 100644 index 0000000..4ebc902 --- /dev/null +++ b/project/static/css/social-buttons.css @@ -0,0 +1,186 @@ +/*============================================================================ + Social Icon Buttons v1.0 + Author: + Carson Shold | @cshold + http://www.carsonshold.com + MIT License +==============================================================================*/ +@font-face { + font-family: 'icons'; + src: url("fonts/icons.eot?social"); + src: url("fonts/icons.eot?#iefixsocial") format("embedded-opentype"), url("fonts/icons.woff?social") format("woff"), url("fonts/icons.ttf?social") format("truetype"), url("fonts/icons.svg?social#icons") format("svg"); + font-weight: normal; + font-style: normal; } +[class^="icon-"], [class*=" icon-"] { + font-family: 'icons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.icon-fancy:before { + content: "\46"; } + +.icon-twitter:before { + content: "\54"; } + +.icon-facebook:before { + content: "\66"; } + +.icon-google:before { + content: "\67"; } + +.icon-pinterest:before { + content: "\70"; } + +/*================ Social share buttons ================*/ +.social-sharing { + font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; + /*================ Large Buttons ================*/ } + .social-sharing * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .social-sharing a { + display: inline-block; + color: #fff; + border-radius: 2px; + margin: 0 10px 10px 0; + height: 22px; + line-height: 22px; + text-decoration: none; + font-weight: normal; } + .social-sharing a:hover { + color: #fff; } + .social-sharing span { + display: inline-block; + vertical-align: top; + height: 22px; + line-height: 22px; + font-size: 12px; } + .social-sharing .icon { + padding: 0 5px 0 10px; } + .social-sharing .icon:before { + line-height: 22px; } + .social-sharing.is-large a { + height: 44px; + line-height: 44px; } + .social-sharing.is-large a span { + height: 44px; + line-height: 44px; + font-size: 18px; } + .social-sharing.is-large a .icon { + padding: 0 10px 0 18px; } + .social-sharing.is-large a .icon:before { + line-height: 44px; } + +.share-title { + font-weight: 900; + font-size: 12px; + padding-right: 10px; } + .is-large .share-title { + padding-right: 16px; } + +.share-facebook { + background-color: #3b5998; } + .share-facebook:hover { + background-color: #2d4373; } + +.share-twitter { + background-color: #00aced; } + .share-twitter:hover { + background-color: #0087ba; } + +.share-pinterest { + background-color: #cb2027; } + .share-pinterest:hover { + background-color: #9f191f; } + +.share-fancy { + background-color: #4999dc; } + .share-fancy:hover { + background-color: #2780cb; } + +.share-google { + background-color: #dd4b39; } + .share-google:hover { + background-color: #c23321; } + +.share-count { + position: relative; + background-color: white; + padding: 0 8px; + margin-right: -2px; + font-size: 14px; + line-height: 20px; + color: #333; + border-radius: 0 2px 2px 0; + border: 1px solid #ececec; + opacity: 0; + -webkit-transition: opacity 0.2s ease-in; + -moz-transition: opacity 0.2s ease-in; + -o-transition: opacity 0.2s ease-in; + transition: opacity 0.2s ease-in; } + .share-count.is-loaded { + opacity: 1; } + .share-count:before, .share-count:after { + content: ''; + display: block; + position: absolute; + top: 50%; + margin-top: -6px; + width: 0; + height: 0; + border-top: 6px solid transparent; + border-bottom: 6px solid transparent; + border-right: 6px solid; } + .share-count:before { + left: -6px; + border-right-color: #ececec; } + .share-count:after { + left: -5px; + border-right-color: white; } + a:hover .share-count { + background-color: whitesmoke; } + a:hover .share-count:after { + border-right-color: whitesmoke; } + .is-large .share-count { + font-size: 18px; + padding: 0 14px; } + +/*================ Clean Buttons ================*/ +.social-sharing.is-clean a { + background-color: #fff; + border: 1px solid #ececec; + color: #333; + height: 30px; + line-height: 30px; } + .social-sharing.is-clean a span { + height: 30px; + line-height: 30px; + font-size: 13px; } + .social-sharing.is-clean a:hover { + background-color: #ececec; } + .social-sharing.is-clean a:hover .share-count { + background-color: white; } + .social-sharing.is-clean a:hover .share-count:after { + border-right-color: white; } + .social-sharing.is-clean a .share-title { + font-weight: normal; } +.social-sharing.is-clean .share-count { + top: -1px; } +.social-sharing.is-clean .icon-facebook { + color: #3b5998; } +.social-sharing.is-clean .icon-twitter { + color: #00aced; } +.social-sharing.is-clean .icon-pinterest { + color: #cb2027; } +.social-sharing.is-clean .icon-fancy { + color: #4999dc; } +.social-sharing.is-clean .icon-google { + color: #dd4b39; } diff --git a/project/static/css/style.css b/project/static/css/style.css new file mode 100644 index 0000000..5b0421d --- /dev/null +++ b/project/static/css/style.css @@ -0,0 +1,5971 @@ +/* ================================================== */ +/* created by designesia + +* body +* header + * subheader +* navigation +* content +* section +* footer +* sidebar +* blog +* products +* contact +* coming soon page +* elements + * address + * border + * breadcrumb + * button + * columns + * counter + * divider + * dropcap + * form + * heading + * icon font + * list + * map + * package + * page heading + * pagination + * pricing + * progress bar + * social icons + * spacer + * tabs + * team + * testimonial +* media query + +/* ================================================== */ +@charset "utf-8"; +@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800); +@import url(https://fonts.googleapis.com/css?family=Allura); + +/* ================================================== */ +/* body */ +/* ================================================== */ +html{ +background:#000000 !important; +} + +body { + display:none; + font-family: "Open Sans",Arial, Helvetica, sans-serif; + font-size: 13px; + font-weight:500; + color: #ddd; + line-height: 1.8em; + padding: 0; + background:#606060; +} + +body.de_light{ + color:#606060; +} + +#wrapper{ +overflow:hidden; +} + +.de-navbar-left #wrapper{ +overflow:visible; +} + +/* ================================================== */ +/* header */ +/* ================================================== */ + header { + width: 100%; + height: 80px; + position: fixed; + top: 0; + left: 0; + z-index: 999; + -webkit-transition: height 0.3s; + -moz-transition: height 0.3s; + -ms-transition: height 0.3s; + -o-transition: height 0.3s; + transition: height 0.3s; + background:#18191b; + border-bottom:solid 1px rgba(0,0,0,0.0); + } + + header .info{ + display:none; + color:#fff; + text-align:right; + padding:10px 0 10px 0; + width:100%; + z-index:100; + border-bottom:solid 1px rgba(255,255,255,.2); + } + header .info .col{ + display:inline-block; + padding:0 15px 0 15px; + font-size:11px; + letter-spacing:1px; + } + header .info .social.col{ + border:none; + } + header .info .social i{ + color:#fff; + font-size:14px; + display:inline-block; + float:none; + padding:0 10px 0 10px; + } + header .info strong{ + font-size:12px; + } + + header.header-light .info{ + color:#333; + } + header.header-light .info .social i{ + color:#333; + } + header.transparent.header-light .info, + header.transparent.header-light .info .social i{ + color:#fff; + } + + header.header-bg{ + background:rgba(0,0,0,0.5); + } + + header.transparent{ + background:rgba(0,0,0,0.0); + } + + header.autoshow{ + top:-80px; + } + + header.autoshow.scrollOn,header.autoshow.scrollOff{ + -o-transition:.5s; + -ms-transition:.5s; + -moz-transition:.5s; + -webkit-transition:.5s; + transition:.5s; + outline: none; + } + + header.autoshow.scrollOn{ + top:0; + } + + header.autoshow.scrollOff{ + top:-80px; + } + + header div#logo { + display: table; + height: 80px; + float: left; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + } + header div#logo .logo-2{ + display:none; + } + header div#logo a{ + display:table-cell; + vertical-align:middle; + } + header nav { + float:right; + } + header nav a { + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + -ms-transition: all 0.3s; + -o-transition: all 0.3s; + transition: all 0.3s; + } + header nav a:hover { + color: #555; + } + header.smaller:not(.header-bottom):not(.side-header) #mainmenu a{ + padding-top: 18px; + padding-bottom:18px; + } + header.smaller:not(.header-bottom):not(.side-header) #mainmenu li li a{ + padding-top: 0px; + padding-bottom: 0px; + } + header.smaller:not(.header-bottom):not(.side-header) #mainmenu ul{ + top:70px; + } + header.smaller:not(.header-bottom):not(.side-header) #mainmenu ul ul{ + top:0px; + } + header.smaller:not(.header-bottom):not(.side-header){ + height: 70px; + background:#18191b; + border-bottom:solid 1px #333; + } + header.smaller:not(.header-bottom):not(.side-header) div#logo { + height:70px; + } + + .logo-smaller div#logo { + width: 150px; + height:30px; + line-height: 65px; + font-size: 30px; + } + .logo-smaller div#logo img{ + line-height: 75px; + font-size: 30px; + } + .logo-smaller div#logo .logo-1{ + display:none; + } + .logo-smaller div#logo .logo-2{ + display:inline-block; + } + .logo-small{ + margin-bottom:20px; + } + + header.de_header_2{ + height:125px; + } + + header.de_header_2.smaller { + height:70px; + } + + header.de_header_2.smaller .info{ + position:absolute; + opacity:0; + z-index:-1; + } + + header.header-light{ + background:#fff; + } + + header.header-light.transparent{ + background:none; + } + + header.smaller:not(.header-bottom).header-light{ + background:#fff; + border-bottom-color:#eee; + } + + .de-navbar-left{ + background:#151618 ; + } + + .de-navbar-left #logo{ + padding:40px; + text-align:center; + width:100%; + } + + .de-navbar-left header{ + position:relative; + display:block; + width:100%; + height:100%; + left:0; + background:none; + padding:30px; + padding-right:20px; + } + + + .de-navbar-left header #mainmenu{ + float:none; + margin:0; + padding:0; + } + + .de-navbar-left header #mainmenu > li{ + display:block !important; + margin:0; + float:none; + text-align:center; + font-family:"Dosis"; + letter-spacing:5px; + font-size:14px; + padding:0; + padding-top:10px; + padding-bottom:10px; + border-bottom:solid 1px rgba(255,255,255,.1); + } + .de_light.de-navbar-left header #mainmenu > li{ + border-bottom:solid 1px rgba(0,0,0,.05); + } + .de-navbar-left header #mainmenu > li > a{ + padding:0; + opacity:.5; + } + .de_light.de-navbar-left header #mainmenu > li > a{ + color:#222; + } + .de-navbar-left header #mainmenu > li a:hover{ + opacity:1; + } + .de-navbar-left header #mainmenu > li >a:after{ + content:none; + } + .de-navbar-left header nav{ + float:none !important; + } + + + /* subheader */ + #subheader{ + padding-bottom:70px; + background:#222; + } + .de-navbar-left #subheader{ + padding-bottom:120px; + } + #subheader h1 { + color:#eceff3; + margin-top:80px; + font-size: 32px; + letter-spacing: 5px; + float: left; + padding-right: 40px; + margin-right: 40px; + text-transform:uppercase; + } + #subheader span { + letter-spacing:2px; + display: inline-block; + font-size: 15px; + margin-top:88px; + color:#fff; + } + #subheader .crumb{ + font-size:10px; + letter-spacing:3px; + margin-top: 90px; + color:#fff; + text-transform:uppercase; + } + .de-navbar-left.de_light #subheader h1{ + color:#222; + } + + #subheader.style-2 .title-wrap{ + float:left; + margin-top:60px; + } + #subheader.style-2{ + padding:150px 0 150px 0; + } + #subheader.style-2 h1{ + font-size:56px; + text-align:left; + margin:0; + float:none; + font-weight:bold; + letter-spacing:1px; + } + #subheader.style-2 h4{ + color:#fff; + margin-top:10px; + font-weight:500; + text-transform:none; + } + + +/* ================================================== */ +/* navigation */ +/* ================================================== */ + #mainmenu { + font-family:"Raleway", Arial, Helvetica, sans-serif; + float: right; + font-size:11px; + font-weight:400; + letter-spacing:3px; + text-transform:uppercase; + } + + #mainmenu ul { + float: right; + margin: 0px 0px; + padding: 0px 0px; + height: 30px; + } + + #mainmenu li { + margin: 0px 0px; + padding: 0px 0px; + float: left; + display: inline; + list-style: none; + position: relative; + } + + #mainmenu a { + display: inline-block; + padding: 25px 0px 25px 20px; + line-height: 35px; + text-decoration: none; + text-align:center; + outline:none; + } + + #mainmenu a, + header.transparent.header-light #mainmenu a{ + color:#fff; + } + + #mainmenu li a:after { float:right; position:relative; font-family:"FontAwesome"; content:"\f111"; font-size:6px; margin-left:20px; margin-top:0px; color:#FAB702; } + + #mainmenu li:last-child a:after{display:none;} + + #mainmenu.no-separator li a:after{ + font-size:0px; + } + + #mainmenu.line-separator li a:after{ + content:"/"; + font-size:14px; + } + + #mainmenu.circle-separator li a:after{ + content:"\f10c"; + font-size:9px; + } + + #mainmenu.strip-separator li a:after{ + content:"\f068"; + font-size:9px; + } + + #mainmenu.plus-separator li a:after{ + content:"\f067"; + font-size:11px; + } + + #mainmenu.square-separator li a:after{ + content:"\f096"; + font-size:11px; + } + + + #mainmenu li li { + font-size: 10px; + font-weight: normal; + border-bottom: solid 1px #333; + } + + #mainmenu li li:last-child { + border-bottom: none; + } + + + #mainmenu li li a { + padding: 0px 12px 0px 12px; + background: #222327; + border-top: none; + color: #ccc; + width:201px; + border-left:none; + text-align:left; + } + + #mainmenu li li a:hover{ + color:#111; + } + + #mainmenu li li a:after { + content:none !important; + } + + #mainmenu li li li a { + background: #222327; + } + + #mainmenu li li a:hover { + color:#111; + background: #1a8b49; + } + + #mainmenu li ul { + width: 201px; + height: auto; + position: absolute; + top: 80px; + left: 0px; + z-index: 10; + visibility:hidden; + opacity:0; + margin-top:5px; + } + + #mainmenu li li { + display: block; + float: none; + } + + #mainmenu li:hover > ul { + visibility: visible; + opacity:1; + margin-top:0px; + } + + #mainmenu ul li:hover > a{ + color:#222; + } + + header.header-mobile #mainmenu li ul { + visibility: visible; + opacity:1; + margin-top:0px; + } + + #mainmenu li ul ul { + left: 100%; + top: 0px; + } + + #mainmenu li:hover > ul { + color: #1a8b49; + } + + #mainmenu select { + padding: 10px; + height: 36px; + font-size: 14px; + border: none; + background: #ff4200; + color:#eceff3; + } + + #mainmenu select option { + padding: 10px; + } + + + header.header-light #mainmenu > li > a, + header.transparent.smaller.header-light #mainmenu > li > a{ + color:#333; + } + + #mainmenu > li ul.mega{ + position:fixed; + left:0; + height:0%; + width:100%; + visibility: hidden; + opacity: 0; + overflow:hidden; + padding-left:40px; + padding-right:40px; + } + #mainmenu li:hover ul.mega{ + visibility: visible; + opacity: 1; + } + #mainmenu li ul.mega > li, + #mainmenu li ul.mega > li a{ + width:100%; + } + #mainmenu li ul.mega li.title{ + padding:0px 10px 15px 10px; + text-align:left; + color:#fff; + font-weight:bold; + } + #mainmenu li ul.mega > li ul{ + position:static; + visibility: visible; + opacity: 1; + left:0; + float:none; + width:100%; + } + #mainmenu ul.mega > li ul li{ + margin:0; + padding:0; + } + + #mainmenu ul.mega > li ul li:last-child{ + border-bottom:solid 1px #333333; + } + + #mainmenu li ul.mega .menu-content{ + background:#222327; + padding:30px; + } + header.header-mobile #mainmenu > li ul.mega{ + visibility: visible; + opacity: 1; +} + header:not(.header-mobile) #mainmenu > li:hover ul.mega{ + height:auto; + } + /* menu toggle for mobile */ + #menu-btn{ + display:none; + float:right; + margin-top:5px; + width:36px; + height:36px; + background:#333; + padding:6px; + text-align:center; + cursor:pointer; + } + + .header-light #menu-btn{ + background:none; + } + + #menu-btn:before{ + font-family:FontAwesome; + content: "\f0c9"; + font-size:24px; + color:#eceff3; + } + + .header-light #menu-btn:before{ + color:#333; + } + + #menu-btn.unclick:before{ + content: "\f0c9"; + } + + #menu-btn.clicked:before{ + content: "\f00d"; + } + + #menu-btn:hover{ + background:#fff; + } + + #menu-btn:hover:before{ + color:#222; + } + + /* menu toggle animated */ + + #nav-toggle { + float:right; + width: 60px; + height: 20px; + position: relative; + margin: 15px auto; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: .5s ease-in-out; + -moz-transition: .5s ease-in-out; + -o-transition: .5s ease-in-out; + transition: .5s ease-in-out; + cursor: pointer; + padding:10px; + z-index:100; + } + + #nav-toggle span{ + display: block; + position: absolute; + height: 2px; + width: 50%; + background: #fff; + border-radius: 9px; + opacity: 1; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: .25s ease-in-out; + -moz-transition: .25s ease-in-out; + -o-transition: .25s ease-in-out; + transition: .25s ease-in-out; + } + + #nav-toggle span:nth-child(1) { + top: 10px; + } + + #nav-toggle span:nth-child(2) { + top: 18px; + } + + #nav-toggle span:nth-child(3) { + top: 26px; + } + + #nav-toggle.open span:nth-child(1) { + top: 18px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); + } + + #nav-toggle.open span:nth-child(2) { + opacity: 0; + } + + #nav-toggle.open span:nth-child(3) { + top: 18px; + -webkit-transform: rotate(-135deg); + -moz-transform: rotate(-135deg); + -o-transform: rotate(-135deg); + transform: rotate(-135deg); + } + + #menu-wrapper{ + width:100%; + height:100%; + background:rgba(0,0,0,.95); + position:fixed; + top:0; + left:0; + text-align:center; + height:0; + overflow-y:auto; + } + + #menu-wrapper nav{ + display:inline-block; + margin:20px auto 80px auto; + padding:0; + float:none; + font-size:26px; + opacity:0; + } + + +/* ================================================== */ +/* content */ +/* ================================================== */ + #content { + width:100%; + background:#fff; + padding:90px 0 90px 0; + z-index:100; + } + + .de_light #content{ + background:#fff; + } + + + #content{ + background:#18191b; + } + + +/* ================================================== */ +/* section */ +/* ================================================== */ + section{padding:90px 0 90px 0;} + section{background:#18191b;} + + .de-navbar-left .container-fluid .container{ + width:100% !important; + } + + .de-navbar-left section{ + padding:70px; + } + + .de_light section{ + background:#fff; + } + + .section-fixed { + position:fixed; + width:100%; + min-height:100%; + height:auto; + } + +/* ================================================== */ +/* footer */ +/* ================================================== */ +footer { + background: #111; + color: #ccc; + padding: 80px 0 0 0; + } + + footer h3, .de_light footer h3 { + color:#fff; + font-size: 20px; + } + + footer a { + color: #ccc; + } + + footer a:visited { + color: #ccc; + } + + footer a:hover { + color:#eceff3; + } + + footer.light{ + color:#606060; + background:#fff; + } + + footer.light a{ + color:#606060 !important; + text-decoration:none; + } + + .de-navbar-left footer{ + padding:70px 70px 0 70px; + } + + .subfooter{ + background:#0b0b0b; + padding:30px 0 20px 0; + } + + .subfooter.light{ + border-top:solid 1px #ddd; + background:#fff; + } + + .de-navbar-left .subfooter{ + background:none; + } + + header.side-header{ + border-bottom:none !important; + margin:0; + } + + header.side-header .social-icons-2{ + margin:0 auto; + margin-top:50px !important; + float:none; + text-align:center; + } + + header.side-header .social-icons-2 a{ + display:inline-block; + margin:0 2px 0 2px; + background:#555; + width:36px; + height:36px; + padding-top:5px; + display:inline-block; + text-align:center; + border-radius:20px; + -moz-border-radius:20px; + -webkit-border-radius:20px; + opacity:.2; + } + + .de_light header.side-header .social-icons-2 a{ + background:#fff; + color:#333; + } + + header.side-header .social-icons-2 a:hover{ + opacity:1; + } + + .de-navbar-left.de_light header, .de-navbar-left.de_light{background:#f9f9f9;} + + header.header-mobile{ + background:#111; + } + + header.header-mobile.header-light{ + background:#fff; + } + + header.smaller.header-scroll:not(.autoshow){ + position:absolute; + } + + .header-bottom .info{ + display:none !important; + } + + #de-sidebar{ + padding:0px; + } + + +/* ================================================== */ +/* blog */ +/* ================================================== */ + .blog-list { + margin: 0; + padding: 0; + } + /* blog list */ + .blog-list li { + list-style: none; + line-height: 1.7em; + margin-bottom: 60px; + margin-top:10px; + padding-bottom:15px; + border-bottom:solid 1px rgba(255,255,255,.1); + } + .de_light .blog-list li{ + border-bottom:solid 1px #ddd; + } + .blog-list h3, + .blog-read h3{ + margin-top:20px; + } + .blog-list h3 a{ + color:#fff; + } + .de_light .blog-list h3 a{ + color:#111; + } + .de_light .text-light .blog-list h3 a{ + color:#fff; + } + .blog-list .btn-more{ + padding:3px 25px 3px 25px; + color:#111; + text-transform:uppercase; + text-decoration:none; + font-weight:700; + float:right; + } + .blog-list .btn-more:hover{ + background:#fff; + } + .de_light .blog-list .btn-more:hover{ + background:#222; + color:#fff; + } + .blog-list .post-text, + .blog-read .post-text{ + padding-left:80px; + } + .blog-list img{ + border-bottom:solid 4px; + } + .blog-list .blog-slider{ + margin-bottom:-60px; + } + .blog-list .date-box, + .blog-read .date-box{ + width: 60px; + position: absolute; + text-align: center; + text-shadow:none; + } + .blog-list .date-box .day, .blog-list .date-box .month { + display: block; + color:#fff; + text-align:center; + width:60px; + z-index:100; + } + + .de_light .blog-list .date-box .day, .de_light .blog-list .date-box .month { + color:#111; + } + + + .blog-list .date-box .month { + font-size:14px; + } + + + .blog-list .date-box .day, + .blog-read .date-box .day{ + color:#111; + font-weight:600; + font-size: 32px; + padding-top:45px; + padding-bottom:10px; + } + + .de_light .blog-list .date-box .day{ + color:#fff; + } + + .blog-list .date-box .month, + .blog-read .date-box .month { + color:#fff; + font-family:"Open Sans"; + font-weight:600; + letter-spacing:16px; + padding:7px 0 7px 0; + border-bottom:solid 4px #333; + } + + .de_light .blog-list .date-box .month { + border-bottom-color:#ddd; + } + + .de_light .text-light .blog-list .date-box .month{ + color:#fff; + } + + .blog-snippet li{ + border-bottom:none !important; + margin-bottom:0; + } + + #blog-carousel .item{ + width:100%; + } + + /* blog comment */ + #blog-comment { + margin-left: 80px; + } + + #blog-comment h5 { + margin-bottom: 10px; + } + + #blog-comment ul, #blog-comment li { + list-style: none; + margin-left: -30px; + padding-left: 0; + } + + #blog-comment ol{ + padding-left:30px; + } + + #blog-comment li { + min-height: 70px; + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: solid 1px rgba(255,255,255,.1); + } + + #blog-comment li .avatar { + position: absolute; + margin-top: 5px; + } + + #blog-comment .comment { + margin-left: 90px; + } + + #blog-comment li { + min-height: 70px; + font-size: 12px; + line-height: 1.6em; + } + + #blog-comment li li { + margin-left: 55px; + padding-bottom: 0px; + margin-top: 20px; + padding-top:20px; + border-top: solid 1px rgba(255,255,255,.1); + border-bottom: none; + } + + #blog-comment li li .avatar { + position: absolute; + } + + #blog-comment li li .comment { + } + + .comment-info { + margin-left: 90px; + margin-bottom: 5px; + } + + .comment-info span { + } + + .comment-info .c_name { + display: block; + font-weight: 700; + } + + .comment-info .c_reply { + padding-left: 20px; + margin-left: 20px; + border-left: solid 1px rgba(255,255,255,.1); + font-size: 12px; + } + + .comment-info .c_date { + font-size: 12px; + } + + .blog-list h3, .blog-read h3 { + letter-spacing:normal; + font-size:24px; + text-transform:none; + } + + /* blog comment form */ + #commentform label { + display: block; + } + #commentform input { + width: 290px; + } + #commentform input:focus { + border: solid 1px #999; + background: #fff; + } + #commentform textarea { + width: 97%; + padding: 5px; + height: 150px; + color:#333; + } + #commentform textarea:focus { + border: solid 1px #999; + background: #fff; + } + #commentform input.btn { + width: auto; + } + + .post-meta { + margin: 0px 0 10px 0px; + border: solid 1px #eee; + border-left:none; + font-size:11px; + display:table; + table-layout: fixed; + margin-left:80px; + } + .post-meta span { + display:table-cell; + padding:10px 20px 10px 20px; + text-align:center; + border-left:solid 1px #eee; + } + .post-meta span i { + float: none; + margin-right:20px; + } + .post-image img { + width:100%; + margin-bottom: 0px; + } + .post-meta{ + border-color:#222; + } + .post-meta span{ + border-color:#222; + } + + + + + .blog-slide{ + padding:0; + margin:0; + } + +/* ================================================== */ +/* products */ +/* ================================================== */ + +.products{ +padding:0; +list-style:none; +} +.products li{ +margin-bottom:40px; +} +.product .price{ +margin-bottom:10px; +font-size:16px; +} +.product img{ +padding:2px; +background:#333; +border:solid 1px #fff; +} +.de_light .product img{ +padding:0; +border:solid 1px #ddd; +} + +/* ================================================== */ +/* contact form */ +/* ================================================== */ + .error { + padding:20px; + border:none; + display: none; + color: #d9534f; + border:solid 1px #d9534f; + font-size: 12px; + } + .success { + padding:20px; + display: none; + color: #5cb85c; + border:solid 1px #5cb85c; + margin-bottom: 20px; + } + .error img { + vertical-align: top; + } + .full { + width: 98%; + } + + #contact_form{ + margin-top:20px; + } + + #contact_form input[type=text],#contact_form textarea,#contact_form input[type=email],#contact_form input[type=number],#search{ + padding:10px; + margin-bottom:20px; + color:#fff; + border:solid 1px rgba(0,0,0,.3); + background:rgba(0,0,0,.2); + border-radius:0 !important; + height:auto; + } + + .de_light #contact_form input[type=text],.de_light #contact_form textarea,.de_light #contact_form input[type=email], .de_light #search + { + border:solid 1px #ddd; + background:#f5f5f5; + color:#333 !important; + } + + + + + #contact_form input[placeholder],#contact_form textarea[placeholder]{ + color:#eee; + } + #contact_form input[type=submit]{ + background:none; + } + + #contact_form input[type=submit]:hover{ + color:#fff !important; + background:#111; + border-color:#111; + } + + #contact_form textarea{ + height:165px; + } + + .error_input{ + border-color:#D31E2B !important; + } + +/* ================================================== */ +/* coming soon page */ +/* ================================================== */ + + .coming-soon .logo{ + margin:0; + padding:0; + } + + .coming-soon h2{ + margin-top:0; + color:rgba(255,255,255,.8); + font-weight:400; + } + + .coming-soon .social-icons i{ + font-size:20px; + margin-left:10px; + margin-right:10px; + } + + .coming-soon .social-icons i:hover{ + background:none; + color:rgba(255,255,255,.2) !important; + } + + + .arrow-up, .arrow-down { + width: 0; + height: 0; + border-left: 40px solid transparent; + border-right: 40px solid transparent; + border-bottom: 40px solid #fff; + position:fixed; + margin-left: auto; + margin-right: auto; + left: 0; + right: 0; + bottom:0; + cursor:pointer; + z-index:101; + } + + .arrow-down { + border-top: 40px solid #fff; + border-bottom:none; + position:fixed; + z-index:102; + top:-40px; + } + + .arrow-up:before{ + font-family:"FontAwesome"; + font-size:20px; + content:"\f067"; + color:#222; + position:relative; + top:12px; + margin:0 0 0 -8px !important; + } + + .arrow-down:before{ + font-family:"FontAwesome"; + font-size:20px; + content:"\f068"; + color:#222; + position:relative; + top:-35px; + margin:0 0 0 -8px !important; + } + + +/* ================================================== */ +/* elements */ +/* ================================================== */ + + /* address */ + /* ------------------------------ */ + address{ + margin:0; + margin-top:20px; + } + address span { + display: block; + border-bottom:solid 1px #222; + padding-bottom:5px; + margin-bottom:5px; + font-weight:300; + } + + footer.light address span { + border-bottom:solid 1px #eee; + } + + .de_light .widget_text address span { + border-bottom:solid 1px #ddd; + } + + address span strong { + display: inline-block; + width: 60px; + } + + address span{ + border-bottom-color:#222; + } + + address span i{ + margin-top:5px; + margin-right:20px; + float:none; + } + + address span strong { + display: inline-block; + } + + address span a{ + color:#eceff3; + } + + .de_light #sidebar .widget address span{ + border-bottom:solid 1px #ddd; + } + + .de_light #sidebar .widget address a{ + color:#333; + } + + + /* border */ + /* ------------------------------ */ + .small-border{ + height:1px; + width:120px; + background:#ccc; + display:block; + margin:0 auto; + margin-top:20px; + margin-bottom:30px; + } + + /* breadcrumb */ + /* ------------------------------ */ + .crumb { + color:#777; + float: right; + font-size: 12px; + } + .de-navbar-left.de_light #subheader .crumb{ + color:#333; + } + .crumb li { + display: inline; + text-decoration: none; + padding: 0 2px 0 2px; + } + + .crumb a{ + text-decoration:none; + } + + .de_light .crumb a:hover{ + color:#fff; + } + + + /* button */ + /* ------------------------------ */ + .btn-line, a.btn-line{ + border:solid 1px #222; + color:#fff; + font-weight:500; + font-size:12px; + border-radius:0; + -moz-border-radius:0; + -webkit-border-radius:0; + padding:3px; + padding-left:30px; + padding-right:30px; + text-transform:uppercase; + display:inline-block; + text-align:center; + letter-spacing:2px; + text-decoration:none; + + } + + + .btn-line, a.btn-line{ + border:solid 1px rgba(255,255,255,.2) !important; + color:#fff; + } + + .de_light .btn-line, .de_light a.btn-line{ + border:solid 1px rgba(1,1,1,.2) !important; + color:#333; + } + + .text-light .btn-line, .text-light a.btn-line{ + border:solid 1px rgba(255,255,255,.2) !important; + color:#fff; + } + + + .btn-line:hover, a.btn-line:hover{ + background:#fff; + color:#111 !important; + border-color:#fff; + } + + .btn-line:after, a.btn-line:after{ + color:#fff; + } + + .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{ + color:#fff; + } + + .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{ + color:#111 !important; + } + + a.btn-text{ + text-decoration:none; + display:inline-block; + color:#111 !important; + font-weight:600; + padding:0; + } + + a.btn-text:after{ + font-family:FontAwesome; + content: "\f054"; + padding-left:10px; + } + + a.btn-text{ + color:#fff !important; + } + + a.btn-big{ + font-size:14px; + color:#eceff3; + letter-spacing:1px; + line-height:normal; + font-weight:bold; + text-transform:uppercase; + border:solid 1px #fff; + padding:10px 30px 10px 30px; + } + a.btn-big:after{ + font-family:FontAwesome; + content: "\f054"; + margin-left:20px; + } + + .de_light a.btn-big{ + font-weight:normal; + } + + .btn-line, a.btn-line{ + color:#eceff3; + } + + .btn-line:after, a.btn-line:after{ + font-family:FontAwesome; + content: "\f054"; + margin-left:10px; + } + + a.btn-line-black, .de_light a.btn-line-black{ + border:solid 1px #111; + color:#111; + border-radius:0; + -moz-border-radius:0; + -webkit-border-radius:0; + font-weight:normal; + } + + a.btn-line-black:hover{ + background:#111; + color:#fff; + } + + .de_light a.btn-line-black:hover{ + background:#111; + color:#fff; + } + + .btn-fullwidth{ + width:100%; + } + + a.btn-slider{ + font-size:13px; + font-weight:bold; + color:#fff; + letter-spacing:3px; + line-height:normal; + text-decoration:none; + text-transform:uppercase; + border:solid 2px #fff; + padding:10px 30px 10px 30px; + } + a.btn-slider:hover{ + color:#222; + background:#fff; + border-color:#000; + border:solid 2px #fff; + } + a.btn-slider:hover:after{ + color:#222 ; + } + + a.btn-custom{ + font-size:13px; + color:#222; + letter-spacing:3px; + line-height:normal; + text-decoration:none; + text-transform:uppercase; + padding:7px 25px 7px 25px; + background:#fff; + display:inline-block; + } + a.btn-custom:hover{ + color:#222; + opacity:.8; + } + + /* columns */ + /* ------------------------------ */ + + + /* counter */ + /* ------------------------------ */ + .de_count{ + text-align:center; + padding:30px 0 30px 0; + background:none; + } + .de_count h3{ + font-family:"Dosis", Arial, Helvetica, sans-serif; + font-size:40px; + font-weight:600; + } + .de_light .de_count h3{ + font-family:"Montserrat"; + font-weight:500; + } + .de_count span{ + text-transform:uppercase; + } + .de_count i{ + display:block; + font-size:60px; + margin:0 auto; + margin-bottom:20px; + width:100%; + font-weight:lighter !important; + } + + /* divider */ + /* ------------------------------ */ + .spacer-single{ + width:100%; + height:30px; + display:block; + clear:both; + } + + .spacer-double{ + width:100%; + height:60px; + display:block; + clear:both; + } + + .spacer-half{ + width:100%; + height:15px; + display:block; + clear:both; + } + + hr { + display: block; + clear: both; + border-top: solid 1px #ddd; + margin: 40px 0 40px 0; + } + + + + /* dropcap */ + /* ------------------------------ */ + .dropcap { + display: inline-block; + font-size: 48px; + float: left; + margin: 10px 15px 15px 0; + color:#eceff3; + padding: 20px 10px 20px 10px; + } + + + /* form style */ + /* ------------------------------ */ + + + .de_form input[type="radio"], + .de_form input[type="checkbox"] { + /* hide the inputs */ + display:none; + } + + .de_form input[type="radio"] + label:before{ + content:"\f111"; + font-family:"FontAwesome"; + margin-right:10px; + } + + .de_form input[type="checkbox"] + label:before{ + content:"\f00c"; + font-family:"FontAwesome"; + margin-right:10px; + } + + /* style your lables/button */ + .de_form input[type="radio"] + label, + .de_form input[type="checkbox"] + label { + /* keep pointer so that you get the little hand showing when you are on a button */ + cursor: pointer; + /* the following are the styles */ + padding: 4px 10px; + border: none; + background: #222; + color: #606060; + border-radius: 3px; + } + + .de_light .de_form input[type="radio"] + label, + .de_light .de_form input[type="checkbox"] + label { + background: #eee; + color:#999; + } + + .de_form.no-bg input[type="radio"] + label, + .de_form.no-bg input[type="checkbox"] + label { + padding: 4px 0px; + border: none; + background:none; + } + + .de_form input[type="radio"]:checked + label, + .de_form input[type="checkbox"]:checked + label{ + /* style for the checked/selected state */ + border: none; + color: white; + } + + .de_light .de_form input[type="radio"]:checked + label, + .de_light .de_form input[type="checkbox"]:checked + label{ + /* style for the checked/selected state */ + color: #333; + } + + /* heading */ + /* ------------------------------ */ + .form-transparent input[type=text], .form-transparent textarea, .form-transparent input[type=email]{ + padding:10px; + margin-bottom:20px; + color:#fff; + border:none; + background:rgba(0,0,0,.2); + border-radius:0 !important; + height:auto; + } + + /* heading */ + /* ------------------------------ */ + h1, h2, h3, h4, h5, h6 { + color: #000; + font-family: 'Dosis',Arial, Helvetica, sans-serif; + font-weight:400; + } + + h1 { + font-size:32px; + margin:0; + text-align:center; + letter-spacing:2px; + text-transform:uppercase; + font-weight:300; + } + + h1 .small-border{ + margin-top:30px; + } + + h2 { + display:inline-block; + font-weight:500; + margin-bottom:30px; + line-height:1.2em; + } + h2 .small-border{ + margin-left:0; + margin-bottom:15px; + width:40px; + } + h2{ + } + h3 { + margin-top: 0; + font-size:18px; + letter-spacing:3px; + text-transform:uppercase; + } + h1.slogan_big { + font-weight: 300; + font-size: 64px; + line-height: 64px; + letter-spacing: -2px; + padding: 0; + margin: 0px 0 30px 0; + } + h1.title{ + font-size:64px; + letter-spacing:10px; + } + h1.title.s2{ + font-size:64px; + letter-spacing:0px; + } + h1.title strong{ + font-family:"Allura"; + text-transform:none; + letter-spacing:0; + font-weight:normal; + } + h1.title-2{ + letter-spacing:20px; + text-transform:uppercase; + line-height:50px; + } + h1.title-3{ + font-size:72px; + } + h1.title-3 strong{ + font-family:"Allura"; + text-transform:none; + letter-spacing:0; + font-weight:normal; + } + h2.subtitle{ + margin-top:0; + } + h2.hero{ + font-size:32px; + font-weight:400; + text-transform:uppercase; + letter-spacing:32px; + } + h2.style-2{ + font-size:12px; + font-weight:bold; + text-transform:uppercase; + letter-spacing:10px; + } + h2.style-3{ + font-size:64px; + font-weight:400; + text-transform:uppercase; + letter-spacing:20px; + } + h2.style-4{ + font-size:60px; + font-weight:400; + text-transform:normal; + letter-spacing:-2px; + } + h2.style-5{ + margin-top:0; + line-height:1.2em; + font-size:48px; + font-weight:400; + text-transform:normal; + } + .de_light .text-light h2{ + color:#fff; + } + h3.title { + border-bottom: solid 1px #ddd; + margin-bottom: 20px; + } + h4.title { + border-bottom: solid 1px #ddd; + padding-bottom: 10px; + margin-bottom: 20px; + } + h5 { + font-weight: bold; + } + h1, + h2, + h3, + h4, + h5{ + color:#eceff3; + } + + h3.s2 span{ + font-family:"Allura"; + text-transform:none; + letter-spacing:0; + font-size:40px; + display:block; + } + + h3.s2{ + font-size:30px; + } + + h3.style-1{ + font-family:"Open Sans"; + letter-spacing:0; + text-transform:none; + margin-bottom:20px; + } + + .typing-wrap{ + font-family:"Dosis"; + font-size:30px; + margin:0; + line-height:60px; + } + + span.teaser{ + font-family:"Georgia"; + font-style:italic; + font-size:18px; + } + + .text-light{ + color:#ddd; + } + + .text-dark{ + color:#333; + } + + .text-dark, .text-dark h1, .text-dark h2, .text-dark h3{ + color:#222; + } + + .text-light h1{ + color:#fff !important; + } + + .de_light h1,.de_light h2,.de_light h3,.de_light h4,.de_light h5,.de_light h6{ + color:#333; + } + + .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5{ + color:#fff; + } + + /* feature box style 1 */ + .feature-box i { + border:solid 1px; + } + + .feature-box-small-icon { + margin-bottom: 30px; + } + + .feature-box-small-icon.center{ + text-align:center; + } + + .feature-box-small-icon .inner:hover > i { + color:#fff; + } + + .feature-box-small-icon .text { + padding-left: 70px; + } + + .feature-box-small-icon.center .text{ + padding-left:0; + display:block; + } + + .feature-box-small-icon i { + text-shadow:none; + color: #333; + font-size: 32px; + width: 68px; + height: 68px; + text-align: center; + position: absolute; + border-radius:60px; + } + + .feature-box-small-icon i.hover { + color:#333 !important; + } + + .feature-box-small-icon i.hover { + color:#fff !important; + } + + .feature-box-small-icon .border{ + height:2px; + width:30px; + background:#ccc; + display:block; + margin-top:20px; + margin-left:85px; + } + + + .feature-box-small-icon .btn{ + margin-top:10px; + } + + .feature-box-small-icon.center i{ + position:inherit; + float:none; + display:inline-block; + margin-bottom:20px; + border:none; + font-size:60px; + background:none; + padding:0px; + } + + .feature-box-small-icon.center .fs1{ + position:inherit; + float:none; + display:inline-block; + margin-bottom:20px; + border:none; + font-size:60px; + background:none; + padding:0px; + } + + + .feature-box-small-icon i{ + background-color: #333333; + } + + .feature-box-small-icon h3 { + line-height: normal; + margin-bottom: 5px; + } + + .feature-box-small-icon.no-bg h2 { + padding-top:12px; + } + + .feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover{ + padding:0; + background:none; + } + + .f-hover{ + -o-transition:.5s; + -ms-transition:.5s; + -moz-transition:.5s; + -webkit-transition:.5s; + transition:.5s; + outline: none; + } + + /* feature-box style 2 */ + .feature-box i { + border:solid 1px; + } + + .feature-box-small-icon-2 { + margin-bottom: 30px; + } + + .feature-box-small-icon-2 .text { + padding-left: 48px; + } + + .feature-box-small-icon-2 i { + text-shadow:none; + color:#eceff3; + font-size: 24px; + text-align: center; + position: absolute; + } + + .feature-box-small-icon-2 i{ + background-color: #333333; + } + + .feature-box-small-icon-2 h3 { + line-height: normal; + margin-bottom: 5px; + } + + .feature-box-small-icon-2.no-bg h2 { + padding-top:12px; + } + + .feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover{ + padding:0; + background:none; + } + + + /* feature-box image style 3 */ + .feature-box i { + border:solid 1px; + } + .feature-box-image-2 { + margin-bottom: 30px; + } + .feature-box-image-2 .text { + padding-left: 100px; + } + .feature-box-image-2 img { + position: absolute; + } + .feature-box-image-2 i{ + background-color: #333333; + } + .feature-box-image-2 h3 { + line-height: normal; + margin-bottom: 5px; + } + .feature-box-image-2.no-bg h2 { + padding-top:12px; + } + .feature-box-image-2.no-bg{ + } + .feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover{ + padding:0; + background:none; + } + + /* with image */ + .feature-box-image img{ + width:100%; + margin-bottom:10px; + height:auto; + } + .feature-box-image h3 { + line-height: normal; + margin-bottom: 5px; + font-size:20px; + font-weight:bold; + } + + /* feature-box image style 4 */ + .feature-box-big-icon{ + text-align:center; + } + .feature-box-big-icon .text{ + } + .feature-box-big-icon i { + float:none; + display:inline-block; + text-shadow:none; + color:#eceff3; + font-size: 40px; + padding: 40px; + width: 120x; + height: 120x; + text-align: center; + border:none; + border-radius:10px; + -moz-border-radius:10px; + -web-kit-border-radius:10px; + background:#333; + margin-bottom:40px; + + cursor:default; + + + } + .feature-box-big-icon i:after { + content: ""; + position:absolute; + margin:75px 0 0 -40px; + border-width: 20px 20px 0 20px; /*size of the triangle*/ + border-style: solid; + } + + .feature-box-big-icon:hover i, + .feature-box-big-icon:hover i:after{ + -o-transition:.5s; + -ms-transition:.5s; + -moz-transition:.5s; + -webkit-transition:.5s; + transition:.5s; + } + .feature-box-big-icon:hover i{ + background:#333; + } + .feature-box-big-icon:hover i:after{ + border-color:#333 transparent; + } + + + .box-fx .inner{ + position:relative; + overflow:hidden; + border-bottom:solid 2px; + } + + .box-fx .inner{ + border-bottom:solid 2px; + } + + .box-fx .front{ + padding:60px 0 60px 0; + } + + .box-fx .front span{ + font-size:14px; + } + + .box-fx .info{ + position:absolute; + padding:60px 30px 60px 30px; + background:#fff; + color:#fff; + } + + .box-fx i{ + font-size:72px !important; + margin-bottom:20px; + } + + .box-fx .btn-line, .box-fx .btn-line a.btn-line{ + border:solid 1px rgba(255,255,255,0.5); + color:#fff !important; + } + + .box-fx .btn-line:hover, .box-fx a.btn-line:hover{ + background:#fff; + color:#111 !important; + border-color:#fff; + } + + .box-fx .btn-line:after, .box-fx a.btn-line:after{ + color:#fff !important; + } + + .box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after{ + color:#111 !important; + } + + .box-fx .bg-icon{ + left:50%; + bottom:50px; + color:#f5f5f5 !important; + position:absolute !important; + font-size:190px !important; + z-index:-1; + } + + .box-icon-simple.right{ + margin-right:70px; + text-align:right; + } + + .box-icon-simple.right i{ + font-size:42px; + right:0; + position:absolute; + } + + .box-icon-simple.left{ + margin-left:70px; + } + + .box-icon-simple.left i{ + font-size:42px; + left:0; + position:absolute; + } + + + .box-number .number{ + display:block; + font-size:48px; + color:#222; + width:80px; + height:80px; + text-align:center; + padding:25px; + border-radius:60px; + position:absolute; + } + + .box-number.square .number{ + border-radius:0; + } + + .box-number .text{ + margin-left:100px; + } + + .box-icon .icon{ + display:block; + font-size:48px; + color:#222; + text-align:center; + border-radius:60px; + position:absolute; + cursor:default; + } + + .box-icon .text{ + margin-left:80px; + } + + .box-icon.border{ + border:solid 1px rgba(255,255,255,.1); + padding:40px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + } + + .box-icon.border.active, + .box-icon.border:hover{ + background:rgba(255,255,255,.1); + border-color:rgba(255,255,255,.0); + } + + .box-icon.border a{ + text-decoration:none; + } + + /* list */ + .ul-style-2{ + padding:0; + list-style:none; + } + + .ul-style-2 li{ + margin:5px 0 5px 0; + } + + .ul-style-2 li:before{ + font-family:"FontAwesome"; + content:"\f00c"; + margin-right:15px; + } + + /* pagination */ + /* ======================================== */ + + .pagination li a:hover{ + color:#fff; + background:none; + } + + .de_light .pagination li a:hover{ + color:#111; + background:none; + } + + .pagination li a{ + color:#888; + border:solid 1px #404040; + background:none; + margin:3px; + padding:15px 20px 15px 20px; + border-radius:0; + -moz-border-radius:0; + -webkit-border-radius:0; + } + + .de_light .pagination li a{ + border-color:#ccc; + } + + /* pricing table */ + /* ================================================== */ + .pricing-box{color:#888;} + + .pricing-2-col { + border-right: solid 1px #eee; + } + + .pricing-2-col .pricing-box { + width: 49%; + } + + .pricing-3-col { + } + + .pricing-3-col .pricing-box { + width: 32.33%; + } + + .pricing-4-col { + } + + .pricing-4-col .pricing-box { + width: 24%; + } + + .pricing-5-col { + } + + .pricing-5-col .pricing-box { + width: 19%; + } + + .pricing-2-col, + .pricing-3-col, + .pricing-4-col, + .pricing-5-col{ + } + + + .pricing-box { + float: left; + text-align: center; + margin:5px; + padding: 0; + opacity:.8; + } + + .pricing-box ul { + margin: 0; + padding: 0; + } + + .pricing-box li { + list-style: none; + margin: 0; + padding: 15px 0 15px 0; + background:#eee; + } + + .pricing-box li h4 { + font-size: 22px; + margin: 0; + padding: 0; + font-weight: 400; + color:#888; + } + + .pricing-box li h1 { + font-size: 48px; + margin: 0; + margin-bottom: 5px; + color: #1a8b49; + letter-spacing:0px; + } + + .pricing-box li.title-row { + padding: 15px 0 15px 0; + } + + .pricing-box li.title-row h4{ + } + + .pricing-box li.price-row { + padding: 15px 0 15px 0; + background:#F8F8F8; + + } + .pricing-box li.deco{ + background:#f5f5f5; + } + + .pricing-box a.btn{ + color:#eceff3; + } + + .pricing-box li.price-row span { + display: block; + font-weight: 600; + } + + .pricing-box li.btn-row { + background: #ddd; + } + .pricing.pricing-box{ + } + .pricing.pricing-box ul { + margin: 0; + padding: 0; + } + + .pricing.pricing-box li { + background: #3b3b3b; + color: #bbb; + list-style: none; + margin: 0; + padding: 15px 0 15px 0; + } + + .pricing.pricing-box li.deco{ + background:#333; + } + + + + .pricing.pricing-box li h4 { + font-size: 22px; + margin: 0; + padding: 0; + font-weight: 400; + color:#eceff3; + } + + .pricing.pricing-box li h1 { + font-size: 48px; + margin: 0; + margin-bottom: 5px; + font-weight: 600; + color:#eceff3; + } + + .pricing.pricing-box li.title-row { + background:#323232; + padding: 15px 0 15px 0; + } + + .pricing.pricing-box li.price-row { + background: #2b2b2b; + padding: 15px 0 15px 0; + } + + .pricing.pricing-box li.price-row h1{ + font-weight: 300; + } + + .pricing.pricing-box li.price-row h1 span { + display:inline-block; + font-weight: 600; + } + + .pricing.pricing-box li.price-row span { + display: block; + font-weight: 600; + } + + .pricing.pricing-box li.btn-row { + background: #404040; + } + + + .pricing-featured { + position: relative; + } + + .pricing-featured li{ + padding-top:17px; + padding-bottom:17px; + } + +.pricing-s1 { + overflow:hidden; + position:relative; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + transition: box-shadow 1s; + -webkit-transition: box-shadow 1s; + -moz-transition: box-shadow 1s; +} +.pricing-s1 .top { + background: #222427; + color: #eee; + padding: 40px; + color: #ECF0F1; + text-align: center; +} +.pricing-s1 .top h2 { + font-size: 24px; + margin-bottom: 20px; + font-weight: normal; +} +.pricing-s1 .top > * { + margin: 0px; +} +.pricing-s1 .top .price .currency { + font-size: 24px; + line-height: 54px; + vertical-align: top; + display: inline-block; +} +.pricing-s1 .top .price b { + font-size: 48px; + line-height: 70px; + color: #fff; +} +.pricing-s1 .top .price .month { + color: #ccc; +} +.pricing-s1 .bottom { + border-top: 0px; + padding-bottom:5px; + background: #222427; + text-align:center; +} +.pricing-s1 .bottom ul { + list-style: none; + list-style-type: none; + margin: 0px; + padding: 0px; + text-align:left; +} +.pricing-s1 .bottom ul li { + line-height: 60px; + padding: 0px 30px; +} +.pricing-s1 .bottom ul li > span { + color: #16A085; + font-size: 20px; + margin-right: 20px; +} +.pricing-s1 .bottom ul li:nth-child(odd) { + background:#2f3135; +} +.pricing-s1 .bottom ul li:nth-child(even) { + background:#2a2c30 +} +.pricing-s1 .bottom > a { + margin: 40px; + width: auto; +} +.pricing-s1 .bottom i{ + margin-right:10px; +} +.pricing-s1 .ribbon{ + width: 200px; + position: absolute; + top: 20px; + left: -55px; + text-align: center; + line-height: 50px; + letter-spacing: 1px; + color: #222; + font-weight:bold; + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); +} + + +/* light version */ + +.pricing-s1.light .top { + background: #eeeeee; + color: #ECF0F1; +} +.pricing-s1.light .top h2 { + font-size: 20px; + margin-bottom: 20px; +} +.pricing-s1.light .top .price b { + font-size: 48px; + line-height: 70px; + font-weight:500; + color: #333; +} +.pricing-s1.light .top .price .month { + color: #555; +} +.pricing-s1.light .bottom { + background: #e5e5e5; +} +.pricing-s1.light .bottom ul li:nth-child(odd) { + background:#f5f5f5; +} +.pricing-s1.light .bottom ul li:nth-child(even) { + background:#eeeeee; +} +.pricing-s1.light .ribbon{ + color: #fff; +} +.pricing-s1.light .btn-custom{ + letter-spacing:1px; + color:#fff; +} + + /* progress bar */ + /* ================================================== */ + + .de-progress{ + width:100%; + height:8px; + background:#ddd; + margin-top:20px; + margin-bottom:20px; + border-radius:40px; + -moz-border-radius:40px; + -webkit-border-radius:40px; + + } + + .de-progress .progress-bar{ + background:#333; + height:8px; + border-radius:40px; + -moz-border-radius:40px; + -webkit-border-radius:40px; + } + + .de-progress{ + background:#000; + } + + + /* social-icons */ + /* ================================================== */ + .social-icons{ + display:inline-block; + } + .social-icons i{ + text-shadow:none; + color: #fff; + padding: 8px; + width: 28px; + height: 28px; + text-align: center; + font-size:16px; + border-radius:1px; + -moz-border-radius:1px; + -webkit-border-radius:1px; + } + footer.light .social-icons i{ + color: #606060; + } + .social-icons i:hover{ + background:#fff; + border-color:#eceff3; + color:#333; + } + + /* + .social-icons .fa-facebook{ background:#305fb3; } + .social-icons .fa-twitter{ background:#00d7d5; } + .social-icons .fa-rss{ background:#fca600; } + .social-icons .fa-google-plus{ background:#d7482a; } + .social-icons .fa-skype{ background:#12c7ef; } + .social-icons .fa-dribbble{ background:#f06eaa; } + */ + + /* tabs */ + /* ================================================== */ + .de_tab { + opacity:.8; + } + + .de_tab .de_nav { + overflow: hidden; + padding-left: 0; + margin: 0; + padding: 0; + font-weight:bold; + } + + .accordion-inner img.full-size{ + margin-top:5px; + margin-bottom:10px; + } + + a.accordion-toggle,a:visited.accordion-toggle{ + font-weight:bold; + color:#222; + } + + .de_tab .de_nav li { + float: left; + list-style: none; + background: #EEE; + margin-right: 5px; + } + + + .de_tab .de_nav li span { + padding: 8px 16px 8px 16px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; + display: block; + background: #f5f5f5; + text-decoration: none; + color: #646464; + font-size: 13px; + cursor: pointer; + } + + .de_tab.tab_steps .de_nav{ + text-align:center; + } + .de_tab.tab_steps .de_nav li{ + background:none; + display:inline-block; + float:none; + margin:0 30px 0px 30px; + } + + .de_tab.tab_steps .de_nav li span { + padding:30px 0 30px 0; + border-radius:120px; + color:#222; + font-family:"Dosis"; + font-size:16px; + -moz-border-radius:120px; + -webkit-border-radius:120px; + line-height:120px; + width:180px; + height:180px; + text-align:center; + text-transform:uppercase; + } + + .de_tab.tab_steps .de_nav li span:hover{ + background:#000; + border:none; + color:#fff; + } + + .de_tab.tab_steps .de_nav li .v-border{ + height:60px; + border-left:solid 1px rgba(255,255,255,.3); + display:inline-block; + margin-bottom:-5px; + } + + .de_tab.tab_steps.dark .de_nav li .v-border{ + border-left:solid 1px rgba(0,0,0,.3); + } + + .de_tab .de_nav li span { + border:none; + background:#222; + } + + .de_tab .de_nav li:first-child span { + border-left: 1px solid #ddd; + } + + .de_tab .de_nav li:first-child span { + border-left: 1px solid #404040; + } + + + .de_tab .de_tab_content { + border: 1px solid #ddd; + padding: 15px 20px 20px 20px; + margin-top: -1px; + background: #fff; + } + + .de_tab .de_tab_content { + border: 1px solid #404040; + background: #27282b; + } + + .de_tab.tab_steps .de_tab_content { + background:0; + padding:0; + border:none; + padding-top:30px; + border-top:solid 1px rgba(255,255,255,.4); + } + + .de_tab.tab_steps.dark .de_tab_content { + border-top:solid 1px rgba(0,0,0,.4); + } + + .de_tab .de_nav li.active span { + background: #FFF; + border-bottom: 1px solid #fff; + color: #222; + margin-bottom: -3px; + } + + .de_tab .de_nav li.active span .v-border{ + display:none !important; + } + + .de_tab .de_nav li.active span { + background: #27282b; + border-bottom: 1px solid #27282b; + color: #ccc; + } + + .de_tab.tab_steps .de_nav li.active span { + background:none; + color: #ffffff; + border:solid 2px rgba(255,255,255,.8); + } + + .de_tab.tab_steps.dark .de_nav li.active span { + background:none; + color: #333; + border:solid 1px rgba(0,0,0,.8); + } + + /* new added */ + .de_tab.tab_steps.tab_6 .de_nav li span{ + padding:20px 0 20px 0; + font-size:14px; + line-height:70px; + width:120px; + height:120px; + } + + + .tab-small-post ul { + list-style: none; + margin: 0; + padding: 0; + } + + .tab-small-post ul li { + min-height: 60px; + margin-bottom: 15px; + padding-bottom: 10px; + border-bottom: solid 1px #eeeeee; + } + + .tab-small-post ul li{ + border-bottom: solid 1px #404040; + } + + .tab-small-post ul li:last-child { + border-bottom: none; + margin-bottom: 0; + padding-bottom: 0; + } + + .tab-small-post ul li img { + position: absolute; + } + + .tab-small-post ul li span { + display: block; + padding-left: 64px; + } + + .tab-small-post ul li span.post-date { + font-size: 11px; + } + + .de_tab.timeline.nav_4 li{ + display:inline-block; + text-align:center; + background:none; + width:24%; + } + + .de_tab.timeline.nav_4 li span{ + background:none; + border:none; + margin-top:20px; + font-family:"Dosis"; + font-size:14px; + text-transform:uppercase; + letter-spacing:2px; + } + + .de_tab.timeline.nav_4 .dot{ + display:block; + width:8px; + height:8px; + background:#fff; + opacity:1; + margin:0 auto; + border-radius:8px; + margin-top:1px; + } + + .de_tab.timeline.nav_4 .dot:before, + .de_tab.timeline.nav_4 .dot:after { + content: ""; + position: absolute; + height: 5px; + border-bottom: 1px solid rgba(255,255,255,.1); + top: 0; + width:24%; + } + + .de_tab.timeline.nav_4 li:last-child .dot:before, + .de_tab.timeline.nav_4 li:last-child .dot:after { + border-bottom: none; + } + + .de_tab.timeline li .num{ + font-size:20px; + } + + .de_tab.timeline .de_tab_content{ + background:none; + border:none; + padding-top:30px; + } + + .de_tab .navigation_arrow{ + text-align:center; + } + + + + .timeline .tl-block{ position: relative; margin-top: 10px; } + .timeline .tl-block:after{ content: ' '; clear: both; display: block;} + .timeline .tl-block .tl-time{ float: left; padding:10px 20px 0px 20px; margin-top:-15px; border:solid 1px #ddd; } + .timeline .tl-block .tl-time:after{width:50px; height:1px; background:#ddd;} + .timeline .tl-block .tl-bar{float: left; width: 5%; position: absolute; margin-left:114px; } + .timeline .tl-block .tl-line{background: #fff; margin-right: 10px; border-radius: 10px; width: 6px; height: 6px; font-size: 10px; text-align: center; line-height: 15px;} + .timeline .tl-message{ border-radius: 3px; float: left; margin-left:150px; top:0; margin-top:-50px; margin-bottom:30px; } + .timeline .tl-block .tl-message:after{ display: block; content: ' '; clear:both; } + .timeline .tl-block .tl-message .tl-icon{float: left; left:100px; } + .timeline .tl-block .tl-message .tl-main{ float: left; } + .timeline .tl-block .tl-message .tl-main .tl-title {} + .timeline .tl-block .tl-message .tl-main .tl-content{} + .timeline .tl-block .tl-message .tl-main .tl-content label{ font-weight: bold; display: inline-block; width: 80px;} + .timeline .tl-block .tl-message .tl-main .tl-content span{} + .timeline .tl-block .tl-message h3{text-transform:none;} + .timeline .tl-block .tl-time h4{margin:0 0 10px 0;} + .timeline .tl-block .tl-main h4{margin-top:-5px;} + .timeline.exp:before{left: 214px;} + .timeline.exp .tl-message{margin-left:250px;} + .timeline.exp .tl-block .tl-bar{margin-left:180px; } + .timeline.exp{ margin-top: 20px; position: relative; padding: 10px} + .timeline.exp:before{ + content: ''; + position: absolute; + top: 0; + left: 193px; + height: 100%; + width: 1px; + background:rgba(255,255,255,.1); + } + + + .de_light .timeline .tl-block .tl-time{ border:solid 1px rgba(0,0,0,.3); } + .de_light .timeline .tl-block .tl-time:after{ background:rgba(0,0,0,.3); } + .de_light .timeline .tl-block .tl-line{background: #333;} + .de_light .timeline.exp:before{ background:rgba(0,0,0,.3); } + + .btn-left, + .btn-right{ + background:none; + border:solid 1px rgba(255,255,255,.2); + padding:10px 20px 10px 20px; + margin:5px; + font-family:"Dosis"; + text-transform:uppercase; + letter-spacing:5px; + } + + .btn-right:after{ + font-family:FontAwesome; + content: "\f054"; + padding-left:10px; + } + + .btn-left:before{ + font-family:FontAwesome; + content: "\f053"; + padding-right:10px; + } + + a.btn-left, + a.btn-right{ + text-decoration:none; + } + + .expand-group .expand:last-child{ + border-bottom:solid 1px rgba(255,255,255,.1); + } + + .expand{ + position:relative; + padding:5px 25px 5px 25px; + border:solid 1px rgba(255,255,255,.1); + border-bottom:none; + background:rgba(255,255,255,.02); + } + + .expand-group .expand:nth-child(odd){ + background:rgba(255,255,255,.04); + } + + .expand .hidden-content{ + display:none; + padding:10px 0 10px 0; + } + + .expand h4{ + font-family:"Open Sans"; + font-size:16px; + cursor:pointer; + display:block; + margin-right:40px; + line-height:32px; + } + + .expand h4:after{ + font-family:FontAwesome; + content: "\f107"; + color:#fff; + font-size:20px; + display:inline-block; + padding:10px 20px 10px 20px; + font-style:normal; + position:absolute; + right:7px; + top:7px; + } + + .expand h4.active:after{ + content: "\f106"; + } + + /* team + /* ================================================== */ + .team { + margin-bottom: 30px; + text-align:center; + } + + .team h5 { + margin-bottom: 0; + } + + .team_photo { + margin-bottom: 10px; + } + + .team img.team-pic { + width: 100%; + height: auto; + } + + .pic-team img{ + width: 100%; + height: auto; + width:150px; + height:150px; + position:absolute; + } + + .pic-team img.pic-hover{ + z-index:100; + display:none; + } + + .team .team_desc { + font-style: italic; + margin-bottom: 10px; + } + + .team .sb-icons { + padding: 10px 0 0 0; + } + + .team .sb-icons img { + margin-right: 5px; + } + + .team .columns { + margin-bottom: 30px; + } + + .team-list{ + min-height:180px; + margin-bottom:40px; + } + + .team-list .team-pic{ + width:150px; + height:150px; + position:absolute; + } + + .team-list h5{ + margin-top:0; + margin-bottom:10px; + font-size:14px; + } + + .team-list.team_desc{ + font-style:italic; + margin-bottom:10px; + } + + .team-list .small-border{ + float:none; + margin:15px 0 15px 0; + background:#ddd; + width:50px; + } + + .team-list .social{ + width:150px; + margin-top:170px; + text-align:center; + position:absolute; + } + + + .team-list .social a{ + display:inline-block; + } + + .team-list .info{ + padding-left:170px; + } + + .de-team-list{ + overflow:hidden; + } + + .de-team-list .team-desc{ + padding:20px; + padding-bottom:0; + position:absolute; + z-index:100; + top:0; + background:#111; + color:#ccc; + } + + .de-team-list .team-desc h3{ + color:#fff; + } + + .de-team-list .social{ + } + + .de-team-list .social a{ + display:inline-block; + padding:0 5px 0 5px; + } + + .de-team-list p.lead{ + font-size:14px; + } + + .de-team-list .small-border{ + float:none; + margin:15px 0 15px 0; + background:#ddd; + width:50px; + } + + .de-team-list .social a:hover{ + color:#fff; + } + + + + /* testimonial + /* ================================================== */ + .de_testi { + display: block; + margin-bottom: 10px; + } + + .de_testi blockquote { + margin: 0; + border: none; + padding: 20px 30px 30px 80px; + background:rgba(0,0,0,0.5); + font-style:normal; + line-height:1.6em; + font-weight:500; + } + + .de_testi blockquote p{ + margin-top:10px; + } + + .de_testi blockquote:before{ + font-family:FontAwesome; + content: "\f10d"; + color:#111; + padding-bottom:10px; + font-size:20px; + display:inline-block; + padding:10px 20px 10px 20px; + font-style:normal; + background:#000; + position:absolute; + left:15px; + } + + .de_testi blockquote { + color:#eceff3; + } + + .de_testi blockquote, .de_testi blockquote p { + font-size:16px; + line-height: 1.6em; + font-weight: 500; + } + + .de_testi_by { + margin-top: -10px; + font-style:normal; + font-size:12px; + } + + .de_testi_pic { + float: left; + padding-right: 15px; + } + + .de_testi_pic img { + width: 50px; + height: 50px; + } + + .de_testi_company { + padding-top: 20px; + } + + #testimonial-masonry .item{ + margin-bottom:30px; + } + + + + + +/* ================================================== */ +/* anim */ +/* ================================================== */ +de_tab .de_nav li span, +.feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i, +.de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover, +.de-gallery .overlay .icon i, +.de-gallery .overlay .icon i:hover, +header.smaller:not(.header-bottom), +#contact_form input[type=submit], +#contact_form input[type=submit]:hover, +.product img, +.product img:hover, +.mfp-close,.mfp-close:hover, +header.de_header_2 .info, +header.de_header_2.smaller .info, +.de_form input[type="radio"] + label, +.de_form input[type="checkbox"] + label, +.de-gallery.hover-1 span.overlay-1, +.de-gallery.hover-1 span.overlay-1 .project-name, +.carousel-item .overlay-v, +#mainmenu li, +#mainmenu li ul, +.box-icon.border, +.owl-theme .owl-controls .owl-buttons div, +.pic-hover .bg-overlay, +.pic-hover:hover > .bg-overlay, +.pic-hover.hover-scale img, +.picframe img +{ +-o-transition:.5s; +-ms-transition:.5s; +-moz-transition:.5s; +-webkit-transition:.5s; +transition:.5s; + outline: none; +} + +.picframe img +{ +-o-transition:1s; +-ms-transition:1s; +-moz-transition:1s; +-webkit-transition:1s; +transition:1s; + outline: none; +} + + +/* ================================================== */ +/* video */ +/* ================================================== */ +video, object { +display:inline-block; +vertical-align:baseline; +min-width:100%; +min-height:100%; +} + +.de-video-container{ +top:0%; +left:0%; +height:500px; +width:100%; +overflow: hidden; +} + +.de-video-content{ +width:100%; +position:absolute; +z-index:10; +} + + +.de-video-overlay{ +position:absolute; +width:100%; +min-height:100%; +background:url(../images/dot-70.png); +} + +.de-video-overlay.dotted{ +background:url(../images/dotted.png); +} + +.video-fixed{ +width:100%; +position:fixed; +top:0; +} + +/* youtube, vimeo */ + +.video-container { + position:relative; + padding-bottom:56.25%; + padding-top:30px; + height:0; + overflow:hidden; +} + +.video-container iframe, .video-container object, .video-container embed { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; +} + + + + + + + +.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after{ +color:#eceff3; +} + + + + + + +/* ================================================== */ +/* map */ +/* ================================================== */ +/* --------------- map --------------- */ +#map { +width: 100%; +height: 500px; +} + +.map iframe { +width: 100%; +height: 320px; +border: solid 1px #ccc; +padding: 2px; +background: #fff; +} + +.map-container{ +height: 500px; +overflow:hidden; +} + + + + + + + + +/* ================================================== */ +/* call to action */ +/* ================================================== */ +.call-to-action-box { +background: #f5f5f5; +border: solid 1px #ddd; +background: rgb(255,255,255); /* Old browsers */ +background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */ +background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ +} + +.call-to-action-box { +background: #27282B; +border: solid 1px #404040; +} + +.call-to-action-box .inner { +padding: 20px 20px 20px 20px; +} + +.call-to-action-box .text { +margin-right: 20px; +float: left; +} + +.call-to-action-box .act { +float: right; +} + +.call-to-action-box h3 { +margin: 0; +margin-top:10px; +} + +.call-to-action-box .btn{ +color:#eceff3; +} + +.call-to-action-box{ +background: #404040; +color:#eceff3; +} + +.call-to-action-boxh3 { +color:#eceff3; +} + + + + + + + + + + +/* ================================================== */ +/* overide bootstrap */ +/* ================================================== */ +.container-fluid { + padding:0px; + margin:0px; +} + + +.btn-primary{ +text-shadow: none; +border: none !important; +} + +.btn.btn-primary:hover{ +background:#555; +} + +.img-responsive { + display: inline-block; +} + +.label { +font-family: "Roboto",Arial, Helvetica, sans-serif; +} + +table thead { +font-weight: bold; +} + +.accordion-heading a { +text-decoration: none; +border: none; +outline: none; +} + +p.lead, +p.intro{ + font-size:16px; + font-weight:500; + line-height:1.7em; +} + +.panel-group{ +opacity:.8; +} + +.panel-heading,.panel-body{ +background:#27282B; +border:solid 1px #404040 !important; +border-radius:0 !important; +} + +.panel-body{ +border-top:none !important; +} + +.progress{ +background:#27282B; +} + +.panel-heading h4 a{ +display:block; +} + +.panel-heading h4 a:hover{ +color:#eceff3; +} + +.panel-default, .panel-collapse, .panel-collapse, .panel-group .panel { +border:none !important; +border-radius:0 !important; +} + +.panel-heading{ +background:#222 !important; +} + +.table-bordered, .table-bordered td{ +border:solid 1px #404040; +} + +blockquote { +font-size: 24px; +font-style: italic; +line-height: 1.5em; +font-weight: 300; +} + +blockquote span { +display: block; +font-size: 14px; +font-style: normal; +font-weight: normal; +} + +blockquote.s1{ +font-size:14px; +line-height:1.8em; +font-weight:500; +margin-left:30px; +padding:0 0 0 30px; +} + + +.col-md-3{ +margin-right:-1px; +} + + + +/* ======================================== */ +/* toggle */ +/* ======================================== */ +.toggle-list{list-style:none; margin:0; padding:0;} +.toggle-list li{ margin-bottom:10px; background:#fff; border:solid 1px #ddd;border-bottom:solid 3px #ddd;} +.toggle-list li h2{-moz-user-select: none; -html-user-select: none; user-select: none; color:#555;font-size:16px; line-height:20px; font-family:"Roboto",Arial, Helvetica, sans-serifr; padding:10px 20px 0px 60px; font-weight:700; display:block; letter-spacing:normal;} +.toggle-list li .acc_active:hover{ color:#777; +background:url(../images/icon-slide-plus.png) 20px center no-repeat; +padding-left:80px; +-o-transition:.5s; +-ms-transition:.5s; +-moz-transition:.5s; +-webkit-transition:.5s; +transition:.5s;} + +.toggle-list li .acc_noactive:hover{ color:#777; +background:url(../images/icon-slide-min.png) 20px center no-repeat; +-o-transition:.5s; +-ms-transition:.5s; +-moz-transition:.5s; +-webkit-transition:.5s; +transition:.5s;} +.toggle-list .ac-content{display:none; padding:20px; border-top:solid 1px #e5e5e5;} +.acc_active{background:url(../images/icon-slide-plus.png) 20px center no-repeat; +-o-transition:.5s; +-ms-transition:.5s; +-moz-transition:.5s; +-webkit-transition:.5s; +transition:.5s; + height:32px; + + } +.acc_noactive{background:url(../images/icon-slide-min.png) 20px center no-repeat;} + + +/* ================================================== */ +/* image position */ +/* ================================================== */ +.img-left { +float: left; +margin: 5px 15px 15px 0; +} + +.img-right { +float: right; +margin: 5px 0 15px 15px; +} + + + +/* ================================================== */ +/* flickr */ +/* ================================================== */ +#flickr-photo-stream img { +width: 48px; +height: auto; +margin: 0 12px 12px 0; +float: left; +} + +#flickr-photo-stream a img { +border: solid 2px #fff; +} + +#flickr-photo-stream a:hover img { +border: solid 2px #777777; +} + + + + + +hr{ +border-top: solid 1px #555; +} + +hr.blank { +border: none; +margin: 20px 0 20px 0; +} + +/* ================================================== */ +/* font awesome icons */ +/* ================================================== */ +i { +display: inline-block !important; +} + +i.large { +font-size: 72px; +text-align: center; +display:inline-block; +float:none; +} + +i.medium { +font-size: 20px; +padding: 10px; +text-align: center; +display:inline-block; +float:none; +} + +i.small { +font-size: 12px; +padding: 4px; +text-align: center; +display:inline-block; +float:none; +} + +i.circle-icon { +border-radius: 75px; +-moz-border-radius: 75px; +-webkit-border-radius: 75px; +} + +.fa-android{ +color:#469159; +} + +.fa-apple{ +color:#0EC3F7; +} + +/* extra ^ */ +.de_center p { +width: 100%; +} + +.de_center .de_icon { +float: none; +margin: 0 auto; +} + + +/* ================================================== */ +/* transition */ +/* ================================================== */ +a, +a:hover, +.test-column, +.test-column:hover { +-o-transition: .3s; +-ms-transition: .3s; +-moz-transition: .3s; +-webkit-transition: .3s; +transition: .3s; +} + + + + + +.de_contact_info{ +font-size:40px; +font-weight:bold; +} + +.de_contact_info i{ +float:none; +margin-right:20px; +} + + +.center-div{ +margin:0 auto !important; +} + + + + + +/* ================================================== */ +/* gallery */ +/* ================================================== */ +.de_carousel .item { +width:100%; +display:block; +} + + +.item img { +width:100%; +height:auto; +} + +.item h4 { +margin-bottom: 0; +font-size: 14px; +} + +#gallery .item{ +overflow:hidden; +} + +.carousel-item{ + width:100%; +} +.carousel-item img{ + width:100%; + height:auto; +} +.carousel-item .overlay-v{ + text-align: center; + width: 100px; + background: rgba(0,0,0,.7); + position:absolute; + width:100%; + height:100%; +} +.light .carousel-item .overlay-v{ + background: rgba(255,255,255,.3); +} +.carousel-item .pf_text .project-name{ + display:block; + position:absolute; + width:100%; + top:80%; + font-size:14px; + font-weight:bold; +} +.carousel-item:hover .overlay-v{ + background: rgba(0,0,0,.5); +} + +.pf_text { +color:#eceff3; +} + +.pf_text h4 { +color:#eceff3; +margin-bottom: 0; +font-size: 14px; +font-weight: 600; +} + +.pf_title{ + display:block; +} + +.project-info{ +color:#ccc; +margin-left:20px; +} + +.de_light .project-info{ +color:#606060; +} + +.project-info h2{ +margin-top: 0; +font-size:18px; +letter-spacing:3px; +text-transform:uppercase; +} + +.project-info h4{ +font-weight:bold; +} + +.project-info .details{ +padding:20px; +border:solid 1px rgba(255,255,255,.2); +background:rgba(0,0,0,.5); +margin-bottom:30px; +} + +.de_light .project-info .details{ +background:#eee; +border-color:#ddd; +} + +.project-infoproject-info span{ +display:block; +} + +.project-info span.title{ +display:inline-block; +min-width:80px; +} + +.project-info span.val{ +margin-bottom:15px; +font-weight:bold; +} + +.project-view{ +padding:120px 0 80px 0; +} + +.project-images img{ +width:100%; +} + +.picframe { + position: relative; + overflow: hidden; +} +.picframe img{ + width:100%; +} + +.picframe:hover img{ + transform: scale(1.3); +} + +#btn-close-x{ +width:100px; +height:100px; +display:block; +background:url(../images/close.png) center no-repeat; +margin:0 auto; +margin-bottom:80px; +cursor:pointer; +padding:20px; +} + +#btn-close-x{ +background:url(../images/close-2.png) center no-repeat; +} + + +.project-name{ +font-size:12px; +font-weight:bold; +display:block; +} + +span.overlay { +text-align: center; +display: block; +width: 100px; +background: #111; +position: absolute; +z-index:1; +} + +.de_light span.overlay { +background: #fff; +} + +.info-details .info-text{ +margin-bottom:20px; +} + +.info-details .title{ +display:block; +font-weight:bold; +} + + +span.icon{ +cursor:pointer; +} + + + +.overlay .info-area { +display: block; +margin-top: 10%; +} + +.overlay .sb-icons { +display: block; +margin-top: 200px; +} + +.de-gallery .overlay{ +text-align:center; +} + +.overlay .pf_text{ +display: inline-block; +} + +.project-name{ +font-size:11px; +text-transform:uppercase; +letter-spacing:5px; +} + +.de-gallery .overlay .icon { +display: inline-block; +margin-top: 200px; +text-align:center; +} + +.de-gallery .overlay .icon i{ +text-shadow:none; +color:#fff; +border:solid 1px rgba(255,255,255,.1); +font-size: 22px; +padding: 20px; +width: 60px; +height: 60px; +text-align: center; +margin-left:10px; +} + +.de-gallery .overlay .icon i.icon-info{ +margin-left:0px; +} + +.de-gallery .overlay .icon i:hover{ +color:#222; +background:#fff; +} + +.de-gallery.hover-1 span.overlay-1 { +text-align: center; +display: block; +background:rgba(0,0,0,.7); +position: absolute; +} +.de-gallery.hover-1 span.overlay-1:hover{ +background:rgba(0,0,0,0); +} +.de-gallery.hover-1 span.overlay-1 .project-name{ + top:10%; + letter-spacing:4px; + position:relative; +} +.de-gallery.hover-1 span.overlay-1:hover .project-name{ + top:-10%; +} + + + +.grid_gallery .item{ +margin-bottom:30px; +} + +a.img-icon-url, a.img-icon-zoom { +display: inline-block; +width: 36px; +height: 36px; +background: url(../images/icon-url.png) center no-repeat; +margin: 0 auto; +margin: 0 2px 0 2px; +} + +a.img-icon-zoom { +background: url(../images/icon-zoom.png) center no-repeat; +} + +.pf_full_width .item{ +width:24.9%; +float:left; +} + +.pf_full_width.pf_3_cols .item{ +width:33.3%; +} + +.pf_full_width.pf_2_cols .item{ +width:49.9%; +} + +.pf_full_width img{ +float:left; +width:100%; +} + + /* ---- grid ---- */ + +.grid { + width:100%; +} + + margin:5px; +} + +/* clear fix */ +.grid:after { + content: ''; + display: block; + clear: both; +} + +/* ---- .element-item ---- */ + +/* 5 columns, percentage width */ + +.grid-sizer { + width: 5%; +} + +.grid-item { + float: left; + border:none; + overflow:hidden; + margin:0; + padding:0; +} + +.large-width { width: 50%; } + + + +@media only screen and (max-width : 768px) { + .w1, .w2, .w3, .w4, .w5 {width:100%} +} + + +/* ================================================== */ +/* widget */ +/* ================================================== */ +#sidebar{ +padding-left:20px; +} + +.widget { +margin-bottom: 60px; +padding-bottom:60px; +border-bottom:solid 1px #333; +} + +.de_light .widget{ +border-bottom:solid 1px #ddd; +} + +.widget h4 { +text-transform:uppercase; +padding-bottom: 20px; +font-size: 16px; +letter-spacing: normal; +letter-spacing:1px; +} + +.widget ul { +list-style: none; +margin: 0; +padding:0; +} + +.widget .small-border{ +height:2px; +width:30px; +background:#fff; +margin:10px 0 20px 0; +display:block; +} + +.widget_category li { +padding: 8px 20px 8px 20px; +margin-bottom: 8px; +background:#111; +text-transform:uppercase; +} + +.de_light .widget_category li { +background:#eee; +} + +.widget_category li a { +color:#606060; +} + +.widget_recent_post li { +padding-left: 20px; +background: url(../images/list-arrow.png) left 2px no-repeat; +border-bottom: solid 1px #222; +padding-bottom: 7px; +margin-bottom: 5px; +} + +.widget_recent_post li a { +color: #555; +} + +.widget .comments li { +padding-left: 20px; +background: url(../images/list-arrow.png) left 2px no-repeat; +border-bottom: solid 1px #eee; +padding-bottom: 7px; +margin-bottom: 5px; +} + +.widget_tags li { +text-shadow:none; +display: inline-block; +margin-right: 2px; +margin-bottom: 13px; +} + +.widget_tags li a { +font-size:12px; +text-decoration: none; +margin-bottom: 5px; +border-radius: 1px; +-moz-border-radius: 1px; +-webkit-border-radius: 1px; +border:solid 1px rgba(255,255,255,.1); +color: #888; +padding: 5px 8px 5px 8px; +} + +.de_light .widget_tags li a { +color:#606060; +border:solid 1px #ddd; +} + +.widget_tags li a:hover { +color:#555; +border-color: #555; +} + +.de_light .widget_tags li a:hover { +color:#111; +border-color: #111; +} + + +.widget_top_rated_product ul{ +padding:0; +} + +.widget_top_rated_product li { +min-height:80px; +} + +.widget_top_rated_product li .text{ +padding-top:5px; +padding-left:75px; +} + +.widget_top_rated_product li img{ +position:absolute; +width:60px; +height:60px; +} + +.widget_tags li a{ +border-color:#555; +} + +.widget_tags li a:hover { +color:#eceff3; +border-color:#eceff3; +} + +footer .widget{ +border:none !important; +margin-bottom:0; +} + +.widget_tags ul{ +margin-top:30px; +} + +footer .widget.widget_tags li a{ +border-color:#222; +} + +footer .widget_recent_post li { +padding: 0 0 5px 0; +margin:0; +background: none; +border-bottom-color:#222; +} + +footer .widget{ +border:none !important; +margin-bottom:0; +} + +.widget_tags ul{ +margin-top:30px; +} + +footer .widget.widget_tags li a{ +border-color:#222; +} + +footer.light .widget_recent_post li { +border-bottom-color:#eee; +} + +footer .widget_recent_post li a { +color: #ccc; +} + +footer .widget h3{ +margin-bottom:20px; +} + + + + +/* ================================================== */ +/* misc */ +/* ================================================== */ +a{ +color:#fff; +text-decoration:none; +outline:0; +} + +a:hover{ +color:#fff; +} + +a:hover, a:active, a:focus, img{ + outline:0; +} + +.strong{font-weight:bold;} + +.fontsize24{font-size:24px !important;} +.fontsize32{font-size:32px !important;} +.fontsize36{font-size:36px !important;} +.fontsize40{font-size:40px !important;} +.fontsize48{font-size:48px !important;} + +.padding10{padding:10px !important;} +.padding20{padding:20px !important;} +.padding30{padding:30px !important;} +.padding40{padding:40px !important;} +.padding40{padding:50px !important;} +.padding50{padding:60px !important;} +.padding60{padding:70px !important;} + +.de_light a{ +color:#888; +} + +.de_light a:hover{ +color:#555; +} + +#services-list{ +padding:0; +margin:0; +} + +#services-list li a{ +color:#fff; +} + +.de_light #services-list li a{ +color:#999; +} + +#services-list li{ +font-weight:bold; +list-style:none; +margin:0; +background:rgba(0,0,0,.3); +margin-bottom:10px; +} + +.de_light #services-list li{ +background:#ddd; + +} + +#services-list li a{ +display:block; +padding:20px; +text-decoration:none; +} + +#services-list li a:hover{ +color:#111; +} + +.pic-services img{ +margin-bottom:30px; +} + +#services-list li.active a{ +color:#111; +} + +#services-list.s1 li{ + background:#303030; +} +#services-list.s1 li a{ + color:#fff; +} + +.project-images img{ +margin-bottom:60px; +} + +.teaser-text{ +font-family:"Dosis"; +font-size:14px; +color:rgba(255,255,255,.5); +line-height:normal; +font-weight:300; +text-transform:uppercase; +letter-spacing:6px; +} + +.teaser-text-2{ +font-size:16px; +} + +#navigation{ +position:fixed; +width:100%; +height:60px; +top:0; +right:20px; +text-align:center; +margin-bottom:60px; +z-index:1000; +} + +.mfp-close{ +color:#fff !important; +position:absolute; +width:100%; +font-size:48px; +margin-top:40px; +z-index:1000; +} + +.de_light .mfp-close{ +color:rgba(0,0,0,.5) !important; +} + +.de_light .mfp-close:hover{ +color:rgba(0,0,0,1) !important; +} + +.nav-prev:before,.nav-next:before, .nav-exit:before{ + font-family:"FontAwesome"; + content:'\f177'; + color:#fff; + padding:20px; + font-size:24px; + cursor:pointer; +} + +.nav-exit:before{ +width:100%; +display:block; +} + +.nav-next:before{ + content:'\f178'; + width:100%; + background:#555; +} + +.nav-exit:before{ + content:'\f00d'; +} + +.de_light .nav-exit:before{ +color:#222; +} + +.container-4 .de-team-list{ +width:24.9%; +float:left; +position:relative; +} + +.container-3 .de-team-list{ +width:33.3%; +float:left; +position:relative; +} + +.no-bottom{ +margin-bottom:0; +padding-bottom:0; +} + +p{ + margin-bottom:20px; +} + + +.bg-grey{ + background:#f5f5f5; +} + +.no-bottom .col-md-12 { +} + +.no-bottom { +padding-bottom: 0 !important; +} +.no-top { +padding-top: 0 !important; +} + +.nopadding { + padding: 0 !important; + margin: 0 !important; +} + + +#filters a{ + background:none; +} + +.side-bg .image-container { + height:100%; + overflow:hidden; + padding:0; + position:absolute; + background-size:cover !important; +} + +.side-bg .background-image { + background-position:50% 50%!important; + background-size:cover!important; + width:100%; + height:100%; + left:0; + position:absolute; + z-index:0 +} + +.image-slider{ + cursor:move; +} + +.inner-padding{ + padding:90px 0 90px 0; +} + +.no-padding,section.no-padding{ +padding:0; +} + +.float-left { +float: left; +} + +#loader-area{ +display:none; +background:#fff; +} + +#loader-area{ +display:none; +background:#111; +} + +.loader { +position: fixed; +left: 0px; +top: 0px; +width: 100%; +height: 100%; +z-index: 99999; +background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); +} + +.page-overlay { +display:none; +width: 120px; +height: 120px; +background:url(../images/page-loader.gif) center no-repeat #fff; +border-radius:10px; +position: fixed; +top:0; +bottom: 0; +left: 0; +right: 0; +z-index:10000; +margin: auto; +} + +.teaser{ +font-family:"Raleway",Arial; +font-size:15px; +font-weight:300; +} + +.form-control:focus{ +box-shadow:none; +-moz-box-shadow:none; +-webkit-box-shadow:none; +} + +.owl-arrow{ + position:absolute; + z-index:100; + background:#fff; + margin-top:48%; + display:none; + cursor:pointer; +} +.owl-arrow span{ + display:block; + background:#555; + position:absolute; + +} +.owl-arrow .prev{ + left:0; +} +.owl-arrow .next{ + right:0; +} + +.owl-arrow .prev:before, .owl-arrow .next:before{ + font-family:"FontAwesome"; + content:'\f177'; + color:#fff; + padding:20px; + font-size:32px; + display:block; +} +.owl-arrow .next:before{ + content:'\f178'; +} + +.owl-theme .owl-controls .owl-page span{ +width:5px !important; +height:5px !important; +} + +.owl-pagination{ + margin-top:0px; +} + +.owl-custom-nav{ + position:absolute; + z-index:1000; + width:100%; +} +.owl-custom-nav .btn-next{ +position:absolute; +right:0; +} +.owl-custom-nav .btn-prev{ +position:absolute; +left:0; +} +.owl-custom-nav .btn-next:before{ +font-family:"FontAwesome"; +content:"\f105"; +color:#111; +background:#333; +padding:5px 12px 5px 12px; +font-size:20px; +} +.owl-custom-nav .btn-prev:before{ +font-family:"FontAwesome"; +content:"\f104"; +color:#111; +background:#333; +padding:5px 12px 5px 12px; +font-size:20px; +} + +.owl-custom-nav a{ + text-decoration:none; +} + +.owl-custom-nav .btn-prev:hover:before, +.owl-custom-nav .btn-next:hover:before{ + cursor:pointer; + background:#111; + color:#fff; +} + +.owl-theme .owl-controls .owl-buttons div{ + background:#ffffff; + opacity:1; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + padding-top:0px; + height:32px; + margin-top:20px; + color:#111111; + text-transform:uppercase; + letter-spacing:5px; +} +.owl-theme .owl-controls .owl-buttons div:hover{ + opacity:.8 !important; +} + +.owl-theme .owl-controls .owl-buttons .owl-prev:before{ +font-family:"FontAwesome"; +content:"\f104"; +color:#111; +padding:5px 12px 5px 12px; +font-size:24px; +position:relative; +top:3px; +left:-10px; +} + +.owl-theme .owl-controls .owl-buttons .owl-next:after{ +font-family:"FontAwesome"; +content:"\f105"; +color:#111; +padding:5px 12px 5px 12px; +font-size:24px; +position:relative; +top:3px; +right:-15px; +} + +.text-slider{ + line-height:72px; + color:#fff; + font-family:"Dosis"; + font-size:72px; + text-transform:uppercase; + font-weight:300; + display:inline-block; + letter-spacing:20px; +} + +.text-slider.big-text{ + font-size:120px; + line-height:120px; + font-weight:bold; +} + +.border-deco .text-item{ + display:inline-block; +} + +.text-slider.dark{ + color:#222; +} + + + +.text-item i{ + font-size:60px; + margin-top:5px; +} + +.text-slider.big-text i{ + font-size:90px; + margin-top:15px; +} + + +.red{color:#ff0000 !important;} +.teal{color:#009999 !important;} +.purple{color:#663366 !important;} +.green{color:#009900 !important;} + + +.wow{visibility: hidden;} + + +#back-to-top { + position: fixed; + bottom: 40px; + right: 40px; + z-index: 9999; + width: 32px; + height: 32px; + text-align: center; + line-height: 30px; + background: #f5f5f5; + cursor: pointer; + border: 0; + border-radius: 2px; + text-decoration: none; + transition: opacity 0.2s ease-out; + opacity: 0; + outline:none; +} +#back-to-top:hover { + background: #111; +} +#back-to-top.show { + opacity: 1; +} +#back-to-top:before{ + font-family:"FontAwesome"; + font-size:22px; + content:"\f106"; + color:#222; + position:relative; + margin:5px; +} +#back-to-top:hover:before{ + color:#fff; +} + +/* mouse scroll icon begin */ +.mouse { + position: absolute; + width: 22px; + height: 42px; + bottom: 40px; + left: 50%; + margin-left: -12px; + border-radius: 15px; + border: 2px solid #888; + -webkit-animation: intro 1s; + animation: intro 1s; +} +.scroll { + display: block; + width: 3px; + height: 3px; + margin: 6px auto; + border-radius: 4px; + background: #888; + -webkit-animation: finger 1s infinite; + animation: finger 1s infinite; +} +@-webkit-keyframes intro { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + transform: translateY(40px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@keyframes intro { + 0% { + opacity: 0; + -webkit-transform: translateY(40px); + transform: translateY(40px); + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } +} +@-webkit-keyframes finger { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} +@keyframes finger { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + } +} +/* mouse scroll icon close */ + +.bgimage{ +background-size:cover; +} + +.no-bg{ + background:none !important; +} + +#ifrm,#cfs_top_div{ + display:none; +} + +.info-box i{ + font-size:40px; + position:absolute; + } + +.info-box .info-box_text{ + padding-left:60px; +} + +.info-box .info-box_title{ + font-weight:700; + text-transform:uppercase; + line-height:16px; + color:#fff; + margin-top:8px; +} + +#info-box{ + height:90px; + position:absolute; + z-index:500; + width:100%; + background:rgba(0,0,0,.3); +} + +/* ================================================== */ +/* quick-search */ +/* ================================================== */ +.quick-search { +display: inline-block; +float: right; +margin-left: 10px; +padding: 10px 0 0 0; +} + +.quick-search input { +width: 120px; +border-radius: 40px; +} + +#search{ +float:left; +width:70%; +margin-bottom:0; +} + +#btn-search{ +border:none; +padding:7px; +background:#222; +float:left; +width:30%; +height:42px; +} + +#btn-search:before{ + font-family:FontAwesome; + content: "\f002"; + font-size:24px; + color:#111; +} + +#btn-search:hover{ +background:#fff; +} +.center-xy{ +position:absolute; +z-index:5; +width:100%; +height:100%; +text-align:center; +} + +.center-xy i.btn-action{ + font-size:24px; + border:solid 2px rgba(255,255,255,.3); + padding:16px; + width:60px; + height:60px; + border-radius:60px; + text-align:center; + color:#fff; +} + +.center-xy i.btn-action:hover{ +border-color:rgba(255,255,255,0); +background:rgba(255,255,255,.3); +} + + +.center-xy i.btn-action.btn-play{ +padding-left:20px; +} + +.bg-overlay{ +position:absolute; +width:100%; +height:100%; +z-index:1; +} +.pic-hover{ +width:100%; +position:relative; +overflow:hidden; +} +.pic-hover{ +width:100%; +position:relative; +overflow:hidden; +} + +i.btn-action-hide{ +opacity:0; +} + +.pic-hover:hover .bg-overlay{ +background:rgba(0,0,0,.5); +} + +.pic-hover:hover i.btn-action-hide{ +opacity:1; +} + +.pic-hover.hover-scale:hover img{ + -moz-transform: scale(1.1); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} + +/* ================================================== */ +/* review */ +/* ================================================== */ +.de_review { +text-align:center; +min-height:260px; +} + +.de_review .de_nav { +overflow: hidden; +padding-left: 0; +margin: 0; +padding: 0; +font-weight:bold; +text-align:center; +} + +.de_review .de_nav li { +list-style: none; +background: #EEE; +margin: 0 10px 0 10px; +margin-bottom:20px; +} + +.de_review .de_nav li{ +display:inline-block; +} + +.de_review .de_nav li img{ +width:100px; +height:auto; +} + +.de_review .de_nav li span { +padding: 8px 16px 8px 16px; +border-top: 1px solid #ddd; +border-bottom: 1px solid #ddd; +border-left: 1px solid #ddd; +border-right: 1px solid #ddd; +display: block; +background: #f5f5f5; +text-decoration: none; +color: #646464; +font-size: 13px; +cursor: pointer; +} + +.de_review blockquote{ +border:none; +font-family:"Roboto Slab", Georgia, "Times New Roman", Times, serif; +} + +.de_review .de_nav li span { +border: 1px solid #404040; +background:#222; +} + +.de_review .de_nav li:first-child span { +border-left: 1px solid #ddd; +} + +.de_review .de_nav li:first-child span { +border-left: 1px solid #404040; +} + +.de_review .de_review_content { +border: 1px solid #ddd; +padding: 15px 20px 20px 20px; +margin-top: -1px; +background: #fff; +} + +.de_review .de_review_content { +border: 1px solid #404040; +background: #27282b; +} + +.de_review .de_nav li.active span { +background: #FFF; +border-bottom: 1px solid #fff; +color: #222; +margin-bottom: -3px; +} + + +.separator { + line-height: 0.5; + text-align: center; + margin:30px 0 30px 0; +} +.separator span { + display: inline-block; + position: relative; + +} +.separator span:before, +.separator span:after { + content: ""; + position: absolute; + border-bottom: 1px solid rgba(255,255,255,.1); + top: 5px; + width: 300px; +} +.separator span:before { + right: 100%; + margin-right: 15px; +} +.separator span:after { + left: 100%; + margin-left: 15px; +} + +.separator span i{ +font-size:6px; +padding:0; +margin:0; +float:none; +} + +.de_light .separator span:before, +.de_light .separator span:after { + border-bottom: 1px solid rgba(0,0,0,.2); +} + +.text-light .separator span:before, +.text-light .separator span:after { + border-bottom: 1px solid rgba(255,255,255,.1); +} + + +/* css attributes */ + +/* margin top */ +.mt0{margin-top:0;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;} + +/* margin bottom */ +.mb0{margin-bottom:0;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;} + +.pt0{padding-top:0;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt80{padding-top:80px;} +.pb0{padding-bottom:0;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb80{padding-bottom:80px;} + + +/* margin top */ +.mt-10{margin-top:-10px;}.mt-20{margin-top:-20px;}.mt-30{margin-top:-30px;}.mt-40{margin-top:-40px;}.mt-50{margin-top:-50px;}.mt-60{margin-top:-60px;}.mt-70{margin-top:-70px;}.mt-80{margin-top:-80px;}.mt-90{margin-top:-90px;}.mt-100{margin-top:-100px;}.mt-110{margin-top:-110px;}.mt-120{margin-top:-120px;}.mt-120{margin-top:-120px;}.mt-130{margin-top:-130px;} + +.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;} + +.absolute{position:absolute; z-index:1;} +.overflow-hidden{overflow:hidden;} +.width100{width:100%;} + +.border1{ +border-width:1px !important; +} + +.display-table{ +display:table; +} + +.display-table [class*="col-"] { + float: none; + display: table-cell; + vertical-align: top; + margin:0; + padding:0; + +} + +.text-middle, .display-table [class*="col-"].text-middle { + vertical-align: middle; +} + +.overlay30{background:rgba(0,0,0,.3)} +.overlay40{background:rgba(0,0,0,.4)} +.overlay50{background:rgba(0,0,0,.5)} +.overlay60{background:rgba(0,0,0,.6)} +.overlay70{background:rgba(0,0,0,.7)} +.overlay80{background:rgba(0,0,0,.8)} + +.shadow-soft{ + -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4); + -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4); + box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.4); +} + +.overflow-hidden{ + overflow:hidden; +} + +.height-auto{ + height:auto; +} + +/* ================================================== */ +/* R E S P O N S I V E */ +/* ================================================== */ + @media(min-width:980px) and (max-width: 1199px) { + + header #mainmenu a{ + padding-left:5px; + padding-right:5px; + } + + #mainmenu li a:after{ + margin-left:15px; + } + + } + + /* -------------------------------------------------- + design for 768px + /* ================================================== */ + @media (min-width: 768px) and (max-width: 979px) { + .slider_text { + padding-top: 0px; + } + + } + + + @media only screen and (max-width: 992px) { + + #menu-btn{ + display:block; + position:relative; + float:right; + } + + + header{ + display:none; + } + + header .info{ + display:none !important; + } + + header.header-bg{ + background:rgba(0,0,0,1); + } + + header,header.fixed { + display:block; + position:inherit; + margin:0; + padding:0; + margin-top:0; + background:#000000; + padding:15px 0 15px 0; + } + + #de-sidebar{ + position:absolute !important; + width:100%; + right:1px; + } + + + header.side-header, + .de_light header.side-header{ + position:absolute !important; + display:block; + height:60px; + top:0; + background:#000; + } + + header.side-header #mainmenu{ + position:absolute; + background:#000; + margin:0; + top:60px; + left:0; + width:100%; + } + + header.side-header #logo .logo{ + display:none; + } + + header.side-header #logo .logo-2{ + display:inline-block; + position:absolute; + height:30px; + top:15px; + left:40px; + } + + header.side-header #menu-btn{ + position:absolute; + top:8px; + right:30px; + height:0; + z-index:2000; + height:35px; + } + + + header.side-header #mainmenu li{ + display:block; + } + + header.side-header #mainmenu a, + .de_light.de-navbar-left header #mainmenu > li > a{ + display:block; + text-align:center; + color:#fff; + } + + .de_light.de-navbar-left header #mainmenu > li{ + border-bottom:solid 1px rgba(255,255,255,.1); + } + + header.side-header #mainmenu a:hover{ + background:none !important; + } + + header.side-header #mainmenu a:hover{ + background:none !important; + } + + header.side-header .social-icons-2{ + display:none; + } + + header.autoshow{ + top:0 !important; + } + + header.autoshow #mainmenu li a{ + background:none !important; + } + + header.header-mobile-sticky{ + position:fixed; + } + + header.de_header_2{ + height:auto; + padding-bottom:0; + } + + #subheader,.de-navbar-left #subheader{ + padding:0; + margin:0; + } + #subheader h1{ + margin:45px 0 45px 0; + } + #subheader span{ + display:none; + } + #subheader .crumb{ + display:none; + } + + .de-navbar-left #subheader{ + padding-top:70px; + } + + .slider_text h1 { + font-size: 32px; + } + + .slider_text .description { + display: none; + } + div#logo{ + margin-top:-15px; + } + #logo, #logo .inner { + vertical-align:middle; + height:auto; + } + + #domain-check .text, #domain-check .button { + width: 100%; + } + + .container-4 .de-team-list{ + width:49.9%; + float:left; + position:relative; + } + + #testimonial-full blockquote { + padding: 20px; + } + + #revolution-slider{ + } + + nav{ + width:100%; + } + + #mainmenu{ + display:none; + float:none; + z-index:200; + width:100%; + margin:0; + padding:0; + } + + #mainmenu a{ + text-align:left; + padding-left:0; + padding-top:10px !important; + padding-bottom:10px !important; + } + + #mainmenu li li a, + #mainmenu li li li a{ + padding-left:0; + } + + #mainmenu a:hover{ + background:#111 !important; + } + + + #mainmenu li ul{ + display:block; + position:inherit; + margin:0; + width:100%; + } + + #mainmenu li{ + border-bottom:solid 1px #333; + margin:0; + width:100%; + display:block; + letter-spacing:3px; + } + + #mainmenu li a:after{ + display:none; + } + + #mainmenu li:last-child{ + margin-bottom:30px; + } + + #mainmenu li ul{ + border-top:solid 1px #333; + top:auto; + } + + #mainmenu li ul a{ + width:100%; + background:none; + border:none; + } + + #mainmenu li ul li{ + border:none; + padding-left: 40px !important; + } + + #mainmenu li ul li a{ + display:block; + } + + #mainmenu li ul li:last-child{ + border-bottom:none; + margin:0; + } + + #mainmenu li ul li:last-child a{ + border-bottom:none; + } + #mainmenu li a{ + color:#eceff3; + } + + #mainmenu li li a{ + font-size:10px; + } + + #mainmenu li li a:hover{ + color:#fff; + } + + + header.header-mobile #mainmenu{ + display:none; + float:none; + z-index:200; + width:100%; + margin:0; + padding:0; + } + + header.header-mobile #mainmenu a{ + text-align:left; + padding-top:10px !important; + padding-bottom:10px !important; + } + + header.header-mobile #mainmenu a:hover{ + background:none !important; + } + + + header.header-mobile #mainmenu li ul{ + display:block; + position:inherit; + margin:0; + width:100%; + } + + header.header-mobile #mainmenu li{ + border-bottom:solid 1px #333; + margin:0; + width:100%; + display:block; + letter-spacing:3px; + } + + header.header-mobile.header-light #mainmenu li{ + border-bottom-color:#eee; + } + + header.header-mobile #mainmenu li a:after{ + display:none; + } + + header.header-mobile #mainmenu li:last-child{ + margin-bottom:30px; + } + + header.header-mobile #mainmenu li ul{ + border-top:none; + top:auto; + } + + header.header-mobile #mainmenu li ul a{ + width:100%; + background:none; + border:none; + } + + header.header-mobile #mainmenu li ul li{ + border:none; + padding-left: 40px !important; + } + + header.header-mobile #mainmenu li ul li:first-child{ + border-top:solid 1px #333; + } + header.header-mobile.header-light #mainmenu li ul li:first-child{ + border-top-color:#eee; + } + + header.header-mobile #mainmenu li ul li a{ + display:block; + border-bottom:solid 1px #333; + } + header.header-mobile.header-light #mainmenu li ul li a{ + border-bottom-color:#eee; + } + + header.header-mobile #mainmenu li ul li:last-child{ + border-bottom:none; + margin:0; + } + + header.header-mobile #mainmenu li ul li:last-child a{ + border-bottom:none; + } + + header.header-mobile #mainmenu li a{ + color:#eceff3; + } + + header.header-mobile.header-light #mainmenu li a{ + color:#404040; + } + + header.header-mobile #mainmenu li li a{ + font-size:10px; + } + + header.header-mobile #mainmenu li li a:hover{ + color:#fff; + } + + header.header-mobile #mainmenu li ul{ + height:0; + overflow:hidden; + position:relative; + left:0; + } + + + header.header-mobile #mainmenu li ul li ul li:last-child{ + border-bottom:solid 1px #333; + } + header.header-mobile.header-light #mainmenu li ul li ul li:last-child{ + border-bottom-color: #eee; + } + + header.header-mobile #mainmenu li ul li ul{ + margin-bottom:10px; + } + + header.header-mobile #mainmenu > li > span{ + width:36px; + height:36px; + background:url(../images/ui/arrow-down.png) center no-repeat; + position:absolute; + right:0; + margin-top:10px; + z-index:1000; + cursor:pointer; + } + header.header-mobile.header-light #mainmenu > li > span{ + background:url(../images/ui/arrow-down-invert.png) center no-repeat; + } + + header.header-mobile #mainmenu li span.active{ + background:url(../images/ui/arrow-up.png) center no-repeat; + } + header.header-mobile.header-light #mainmenu li span.active{ + background:url(../images/ui/arrow-up-invert.png) center no-repeat; + } + + header.header-mobile #mainmenu li > ul > li > span{ + width:36px; + height:36px; + background:url(../images/ui/arrow-down.png) center no-repeat; + position:absolute; + right:0; + margin-top:-45px; + z-index:1000; + cursor:pointer; + } + header.header-mobile.header-light #mainmenu li > ul > li > span{ + background:url(../images/ui/arrow-down-invert.png) center no-repeat; + } + + header.header-mobile #mainmenu > li > ul > li > span.active{ + background:url(../images/ui/arrow-up.png) center no-repeat; + } + header.header-mobile.header-light #mainmenu > li > ul > li > span.active{ + background:url(../images/ui/arrow-up-invert.png) center no-repeat; + } + + header.header-mobile #mainmenu li ul li a{ + border-bottom:solid 1px #333; + } + header.header-mobile.header-light #mainmenu li ul li a{ + border-bottom-color:#eee; + } + header.header-mobile #mainmenu li ul li:last-child > a{ + border-bottom:none !important; + } + + header.header-mobile #mainmenu li ul.mega ul { + height: auto; + } + + #mainmenu li ul.mega{ + position:fixed; + left:0; + width:100%; + margin-top:30px; + display:block; + padding:0; + } + #mainmenu li ul.mega > li{ + width:100%; + } + #mainmenu li ul.mega > li ul{ + position:static; + visibility: visible; + opacity: 1; + left:0; + float:none; + width:100%; + } + #mainmenu ul.mega > li ul li{ + margin:0; + padding:0; + } + + #mainmenu li ul.mega .menu-content{ + background:none; + padding:30px; + } + + header.header-mobile #mainmenu ul.mega li{ + border-bottom:solid 1px #333; + padding-left:0 !important; + } + + header.header-mobile #mainmenu ul.mega li.title{ + border-bottom:solid 1px #777 !important; + } + + header.header-mobile #mainmenu ul.mega li:first-child{ + border:none; + } + + .de_tab.tab_steps .de_nav{ + text-align:center; + } + + .de_tab.tab_steps .de_nav li{ + display:block; + margin:0; + padding:0; + } + + .de_tab.tab_steps .de_nav li span{ + margin:0; + margin-bottom:40px; + display:inline-block; + } + + .de_tab.tab_steps .de_nav li .v-border{ + border:none; + } + + .container .col-md-3{ margin-bottom:30px; } + .container .col-md-4{ margin-bottom:30px; } + .container .col-md-5{ margin-bottom:30px; } + .container .col-md-6{ margin-bottom:30px; } + .container .col-md-7{ margin-bottom:30px; } + .container .col-md-8{ margin-bottom:30px; } + .container .col-md-9{ margin-bottom:30px; } + .container .col-md-10{ margin-bottom:30px; } + .container .col-md-11{ margin-bottom:30px; } + .container .col-md-12{ margin-bottom:30px; } + + .hidden-phone{ + display:none; + } + + .grid_gallery .item{ + width:100%; + } + + .de-navbar-left #wrapper{ + overflow:hidden; + width:100%; + } + + .de-navbar-left .inner-padding{ + padding:30px; + } + + .de-navbar-left header #mainmenu > li > a { + padding-left:40px; + } + + .side-bg .image-container{ + position:relative; + width:100%; + height:400px !important; + top:0; + margin-bottom:60px; + } + + .mobile-hide{ + display:none; + } + + .display-table{ + display:block; + } + + .display-table [class*="col-"] { + float: none; + display: block; + vertical-align: top; + } + + h2.hero{ + font-size:28px; + letter-spacing:5px; + } + + #filters li.pull-right{ + float:none !important; + } + + .sm-hide{ + display:none; + } + + .mt-sm-0{ + margin-top:0; + } + + #mainmenu li ul.mega .menu-content{ + padding:0; + padding-left:40px; + } + + .mega [class*="col-"] { + margin-bottom:0; + } + + .mega .spacer-single{ + height:0; + } + + header.header-mobile #mainmenu li ul.mega li.title{ + border-top:solid 1px #333333; + padding-top:15px; + } + + header.header-mobile #mainmenu li ul.mega li ul li:last-child{ + border-bottom:none; + margin-bottom:0; + } + + header.header-mobile #mainmenu li ul.mega li ul{ + margin-bottom:0; + } + + + /* -------------------------------------------------- + custom for 320px & 480px + /* -------------------------------------------------- */ + @media only screen and (max-width: 767px) { + .container{padding-left:30px; padding-right:30px;} + .feature-box-image,.pricing-box{margin-bottom:30px;} + + .de_tab .de_nav li { + display: block; + width: 100%; + } + + .pf_full_width .item{ + float:left; + width:49.9% !important; + } + + .text-item{ + font-size:48px; + line-height:48px; + } + + .text-item i{ + font-size:36px; + } + + #de-sidebar{ + width:100%; + display:block; + position:relative; + } + + .pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box { + width: 100%; + } + + .container-4 .de-team-list{ + width:100%; + float:left; + position:relative; + } + + .countdown-section { + font-size: 12px; + } + .countdown-amount { + font-size: 36px; + } + + .de-navbar-left section, + .de-navbar-left footer{ + padding-left:20px; + padding-right:20px; + } + + .de-navbar-left header #mainmenu > li > a { + padding-left:40px; + } + + .de-navbar-left .inner-padding{ + padding:0px; + } + + h1.title-2{ + font-size:16px; + letter-spacing:10px; + line-height:2em; + } + + + header.de_header_2{ + height:auto; + } + + } + + + /* -------------------------------------------------- + design for 480px + /* -------------------------------------------------- */ + @media only screen and (min-width: 480px) and (max-width: 767px) { + .container{padding-left:30px; padding-right:30px;} + .feature-box-image,.pricing-box{margin-bottom:30px;} + + } + + + /* -------------------------------------------------- + design for 320px + /* -------------------------------------------------- */ + @media only screen and (max-width: 480px) { + .pf_full_width .item{ + float:left; + width:100% !important; + } + + .text-item{ + font-size:32px; + line-height:32px; + } + + .text-item i{ + font-size:24px; + } + + .grid-item .pf_title{ + display:none; + } + } diff --git a/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot new file mode 100644 index 0000000..2fe8892 Binary files /dev/null and b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.eot differ diff --git a/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.svg b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.svg new file mode 100644 index 0000000..93538d7 --- /dev/null +++ b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.svg @@ -0,0 +1,1832 @@ + + + \ No newline at end of file diff --git a/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.ttf b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.ttf new file mode 100644 index 0000000..12ff680 Binary files /dev/null and b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.ttf differ diff --git a/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.woff b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.woff new file mode 100644 index 0000000..3933052 Binary files /dev/null and b/project/static/fonts/elegant_font/HTML_CSS/fonts/ElegantIcons.woff differ diff --git a/project/static/fonts/elegant_font/HTML_CSS/index.html b/project/static/fonts/elegant_font/HTML_CSS/index.html new file mode 100644 index 0000000..0313f09 --- /dev/null +++ b/project/static/fonts/elegant_font/HTML_CSS/index.html @@ -0,0 +1,3019 @@ + + +
+The generated SVG font can be imported back to IcoMoon for modification.
+Sets an element to show the time remaining until a given instant.
+Expects HTML like:
+<div></div>+
Provide inline configuration like:
+<div data-countdown="name: 'value'"></div>+ @module Countdown + @augments JQPlugin + @example $(selector).countdown({until: +300}) */ + $.JQPlugin.createPlugin({ + + /** The name of the plugin. */ + name: pluginName, + + /** Countdown expiry callback. + Triggered when the countdown expires. + @callback expiryCallback */ + + /** Countdown server synchronisation callback. + Triggered when the countdown is initialised. + @callback serverSyncCallback + @return {Date} The current date/time on the server as expressed in the local timezone. */ + + /** Countdown tick callback. + Triggered on every
tickInterval
ticks of the countdown.
+ @callback tickCallback
+ @param periods {number[]} The breakdown by period (years, months, weeks, days,
+ hours, minutes, seconds) of the time remaining/passed. */
+
+ /** Countdown which labels callback.
+ Triggered when the countdown is being display to determine which set of labels
+ (labels
, labels1
, ...) are to be used for the current period value.
+ @callback whichLabelsCallback
+ @param num {number} The current period value.
+ @return {number} The suffix for the label set to use. */
+
+ /** Default settings for the plugin.
+ @property until {Date|number|string} The date/time to count down to, or number of seconds
+ offset from now, or string of amounts and units for offset(s) from now:
+ 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds.
+ @example until: new Date(2013, 12-1, 25, 13, 30)
+ until: +300
+ until: '+1O -2D'
+ @property [since] {Date|number|string} The date/time to count up from, or
+ number of seconds offset from now, or string for unit offset(s):
+ 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds.
+ @example since: new Date(2013, 1-1, 1)
+ since: -300
+ since: '-1O +2D'
+ @property [timezone=null] {number} The timezone (hours or minutes from GMT) for the target times,
+ or null for client local timezone.
+ @example timezone: +10
+ timezone: -60
+ @property [serverSync=null] {serverSyncCallback} A function to retrieve the current server time
+ for synchronisation.
+ @property [format='dHMS'] {string} The format for display - upper case for always, lower case only if non-zero,
+ 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds.
+ @property [layout=''] {string} Build your own layout for the countdown.
+ @example layout: '{d<}{dn} {dl}{d>} {hnn}:{mnn}:{snn}'
+ @property [compact=false] {boolean} True to display in a compact format, false for an expanded one.
+ @property [padZeroes=false] {boolean} True to add leading zeroes
+ @property [significant=0] {number} The number of periods with non-zero values to show, zero for all.
+ @property [description=''] {string} The description displayed for the countdown.
+ @property [expiryUrl=''] {string} A URL to load upon expiry, replacing the current page.
+ @property [expiryText=''] {string} Text to display upon expiry, replacing the countdown. This may be HTML.
+ @property [alwaysExpire=false] {boolean} True to trigger onExpiry
even if target time has passed.
+ @property [onExpiry=null] {expiryCallback} Callback when the countdown expires -
+ receives no parameters and this
is the containing division.
+ @example onExpiry: function() {
+ ...
+ }
+ @property [onTick=null] {tickCallback} Callback when the countdown is updated -
+ receives number[7]
being the breakdown by period
+ (years, months, weeks, days, hours, minutes, seconds - based on
+ format
) and this
is the containing division.
+ @example onTick: function(periods) {
+ var secs = $.countdown.periodsToSeconds(periods);
+ if (secs < 300) { // Last five minutes
+ ...
+ }
+ }
+ @property [tickInterval=1] {number} The interval (seconds) between onTick
callbacks. */
+ defaultOptions: {
+ until: null,
+ since: null,
+ timezone: null,
+ serverSync: null,
+ format: 'dHMS',
+ layout: '',
+ compact: false,
+ padZeroes: false,
+ significant: 0,
+ description: '',
+ expiryUrl: '',
+ expiryText: '',
+ alwaysExpire: false,
+ onExpiry: null,
+ onTick: null,
+ tickInterval: 1
+ },
+
+ /** Localisations for the plugin.
+ Entries are objects indexed by the language code ('' being the default US/English).
+ Each object has the following attributes.
+ @property [labels=['Years','Months','Weeks','Days','Hours','Minutes','Seconds']] {string[]}
+ The display texts for the counter periods.
+ @property [labels1=['Year','Month','Week','Day','Hour','Minute','Second']] {string[]}
+ The display texts for the counter periods if they have a value of 1.
+ Add other labelsn
attributes as necessary to
+ cater for other numeric idiosyncrasies of the localisation.
+ @property [compactLabels=['y','m','w','d']] {string[]} The compact texts for the counter periods.
+ @property [whichLabels=null] {whichLabelsCallback} A function to determine which
+ labelsn
to use.
+ @example whichLabels: function(num) {
+ return (num > 1 ? 0 : 1);
+ }
+ @property [digits=['0','1',...,'9']] {number[]} The digits to display (0-9).
+ @property [timeSeparator=':'] {string} Separator for time periods in the compact layout.
+ @property [isRTL=false] {boolean} True for right-to-left languages, false for left-to-right. */
+ regionalOptions: { // Available regional settings, indexed by language/country code
+ '': { // Default regional settings - English/US
+ labels: ['Years', 'Months', 'Weeks', 'Days', 'Hours', 'Minutes', 'Seconds'],
+ labels1: ['Year', 'Month', 'Week', 'Day', 'Hour', 'Minute', 'Second'],
+ compactLabels: ['y', 'm', 'w', 'd'],
+ whichLabels: null,
+ digits: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+ timeSeparator: ':',
+ isRTL: false
+ }
+ },
+
+ /** Names of getter methods - those that can't be chained. */
+ _getters: ['getTimes'],
+
+ /* Class name for the right-to-left marker. */
+ _rtlClass: pluginName + '-rtl',
+ /* Class name for the countdown section marker. */
+ _sectionClass: pluginName + '-section',
+ /* Class name for the period amount marker. */
+ _amountClass: pluginName + '-amount',
+ /* Class name for the period name marker. */
+ _periodClass: pluginName + '-period',
+ /* Class name for the countdown row marker. */
+ _rowClass: pluginName + '-row',
+ /* Class name for the holding countdown marker. */
+ _holdingClass: pluginName + '-holding',
+ /* Class name for the showing countdown marker. */
+ _showClass: pluginName + '-show',
+ /* Class name for the description marker. */
+ _descrClass: pluginName + '-descr',
+
+ /* List of currently active countdown elements. */
+ _timerElems: [],
+
+ /** Additional setup for the countdown.
+ Apply default localisations.
+ Create the timer. */
+ _init: function() {
+ var self = this;
+ this._super();
+ this._serverSyncs = [];
+ var now = (typeof Date.now == 'function' ? Date.now :
+ function() { return new Date().getTime(); });
+ var perfAvail = (window.performance && typeof window.performance.now == 'function');
+ // Shared timer for all countdowns
+ function timerCallBack(timestamp) {
+ var drawStart = (timestamp < 1e12 ? // New HTML5 high resolution timer
+ (perfAvail ? (performance.now() + performance.timing.navigationStart) : now()) :
+ // Integer milliseconds since unix epoch
+ timestamp || now());
+ if (drawStart - animationStartTime >= 1000) {
+ self._updateElems();
+ animationStartTime = drawStart;
+ }
+ requestAnimationFrame(timerCallBack);
+ }
+ var requestAnimationFrame = window.requestAnimationFrame ||
+ window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame ||
+ window.oRequestAnimationFrame || window.msRequestAnimationFrame || null;
+ // This is when we expect a fall-back to setInterval as it's much more fluid
+ var animationStartTime = 0;
+ if (!requestAnimationFrame || $.noRequestAnimationFrame) {
+ $.noRequestAnimationFrame = null;
+ setInterval(function() { self._updateElems(); }, 980); // Fall back to good old setInterval
+ }
+ else {
+ animationStartTime = window.animationStartTime ||
+ window.webkitAnimationStartTime || window.mozAnimationStartTime ||
+ window.oAnimationStartTime || window.msAnimationStartTime || now();
+ requestAnimationFrame(timerCallBack);
+ }
+ },
+
+ /** Convert a date/time to UTC.
+ @param tz {number} The hour or minute offset from GMT, e.g. +9, -360.
+ @param year {Date|number} the date/time in that timezone or the year in that timezone.
+ @param [month] {number} The month (0 - 11) (omit if year
is a Date
).
+ @param [day] {number} The day (omit if year
is a Date
).
+ @param [hours] {number} The hour (omit if year
is a Date
).
+ @param [mins] {number} The minute (omit if year
is a Date
).
+ @param [secs] {number} The second (omit if year
is a Date
).
+ @param [ms] {number} The millisecond (omit if year
is a Date
).
+ @return {Date} The equivalent UTC date/time.
+ @example $.countdown.UTCDate(+10, 2013, 12-1, 25, 12, 0)
+ $.countdown.UTCDate(-7, new Date(2013, 12-1, 25, 12, 0)) */
+ UTCDate: function(tz, year, month, day, hours, mins, secs, ms) {
+ if (typeof year == 'object' && year.constructor == Date) {
+ ms = year.getMilliseconds();
+ secs = year.getSeconds();
+ mins = year.getMinutes();
+ hours = year.getHours();
+ day = year.getDate();
+ month = year.getMonth();
+ year = year.getFullYear();
+ }
+ var d = new Date();
+ d.setUTCFullYear(year);
+ d.setUTCDate(1);
+ d.setUTCMonth(month || 0);
+ d.setUTCDate(day || 1);
+ d.setUTCHours(hours || 0);
+ d.setUTCMinutes((mins || 0) - (Math.abs(tz) < 30 ? tz * 60 : tz));
+ d.setUTCSeconds(secs || 0);
+ d.setUTCMilliseconds(ms || 0);
+ return d;
+ },
+
+ /** Convert a set of periods into seconds.
+ Averaged for months and years.
+ @param periods {number[]} The periods per year/month/week/day/hour/minute/second.
+ @return {number} The corresponding number of seconds.
+ @example var secs = $.countdown.periodsToSeconds(periods) */
+ periodsToSeconds: function(periods) {
+ return periods[0] * 31557600 + periods[1] * 2629800 + periods[2] * 604800 +
+ periods[3] * 86400 + periods[4] * 3600 + periods[5] * 60 + periods[6];
+ },
+
+ _instSettings: function(elem, options) {
+ return {_periods: [0, 0, 0, 0, 0, 0, 0]};
+ },
+
+ /** Add an element to the list of active ones.
+ @private
+ @param elem {Element} The countdown element. */
+ _addElem: function(elem) {
+ if (!this._hasElem(elem)) {
+ this._timerElems.push(elem);
+ }
+ },
+
+ /** See if an element is in the list of active ones.
+ @private
+ @param elem {Element} The countdown element.
+ @return {boolean} True if present, false if not. */
+ _hasElem: function(elem) {
+ return ($.inArray(elem, this._timerElems) > -1);
+ },
+
+ /** Remove an element from the list of active ones.
+ @private
+ @param elem {Element} The countdown element. */
+ _removeElem: function(elem) {
+ this._timerElems = $.map(this._timerElems,
+ function(value) { return (value == elem ? null : value); }); // delete entry
+ },
+
+ /** Update each active timer element.
+ @private */
+ _updateElems: function() {
+ for (var i = this._timerElems.length - 1; i >= 0; i--) {
+ this._updateCountdown(this._timerElems[i]);
+ }
+ },
+
+ _optionsChanged: function(elem, inst, options) {
+ if (options.layout) {
+ options.layout = options.layout.replace(/</g, '<').replace(/>/g, '>');
+ }
+ this._resetExtraLabels(inst.options, options);
+ var timezoneChanged = (inst.options.timezone != options.timezone);
+ $.extend(inst.options, options);
+ this._adjustSettings(elem, inst,
+ options.until != null || options.since != null || timezoneChanged);
+ var now = new Date();
+ if ((inst._since && inst._since < now) || (inst._until && inst._until > now)) {
+ this._addElem(elem[0]);
+ }
+ this._updateCountdown(elem, inst);
+ },
+
+ /** Redisplay the countdown with an updated display.
+ @private
+ @param elem {Element|jQuery} The containing division.
+ @param inst {object} The current settings for this instance. */
+ _updateCountdown: function(elem, inst) {
+ elem = elem.jquery ? elem : $(elem);
+ inst = inst || this._getInst(elem);
+ if (!inst) {
+ return;
+ }
+ elem.html(this._generateHTML(inst)).toggleClass(this._rtlClass, inst.options.isRTL);
+ if ($.isFunction(inst.options.onTick)) {
+ var periods = inst._hold != 'lap' ? inst._periods :
+ this._calculatePeriods(inst, inst._show, inst.options.significant, new Date());
+ if (inst.options.tickInterval == 1 ||
+ this.periodsToSeconds(periods) % inst.options.tickInterval == 0) {
+ inst.options.onTick.apply(elem[0], [periods]);
+ }
+ }
+ var expired = inst._hold != 'pause' &&
+ (inst._since ? inst._now.getTime() < inst._since.getTime() :
+ inst._now.getTime() >= inst._until.getTime());
+ if (expired && !inst._expiring) {
+ inst._expiring = true;
+ if (this._hasElem(elem[0]) || inst.options.alwaysExpire) {
+ this._removeElem(elem[0]);
+ if ($.isFunction(inst.options.onExpiry)) {
+ inst.options.onExpiry.apply(elem[0], []);
+ }
+ if (inst.options.expiryText) {
+ var layout = inst.options.layout;
+ inst.options.layout = inst.options.expiryText;
+ this._updateCountdown(elem[0], inst);
+ inst.options.layout = layout;
+ }
+ if (inst.options.expiryUrl) {
+ window.location = inst.options.expiryUrl;
+ }
+ }
+ inst._expiring = false;
+ }
+ else if (inst._hold == 'pause') {
+ this._removeElem(elem[0]);
+ }
+ },
+
+ /** Reset any extra labelsn and compactLabelsn entries if changing labels.
+ @private
+ @param base {object} The options to be updated.
+ @param options {object} The new option values. */
+ _resetExtraLabels: function(base, options) {
+ for (var n in options) {
+ if (n.match(/[Ll]abels[02-9]|compactLabels1/)) {
+ base[n] = options[n];
+ }
+ }
+ for (var n in base) { // Remove custom numbered labels
+ if (n.match(/[Ll]abels[02-9]|compactLabels1/) && typeof options[n] === 'undefined') {
+ base[n] = null;
+ }
+ }
+ },
+
+ /** Calculate internal settings for an instance.
+ @private
+ @param elem {jQuery} The containing division.
+ @param inst {object} The current settings for this instance.
+ @param recalc {boolean} True if until or since are set. */
+ _adjustSettings: function(elem, inst, recalc) {
+ var now;
+ var serverOffset = 0;
+ var serverEntry = null;
+ for (var i = 0; i < this._serverSyncs.length; i++) {
+ if (this._serverSyncs[i][0] == inst.options.serverSync) {
+ serverEntry = this._serverSyncs[i][1];
+ break;
+ }
+ }
+ if (serverEntry != null) {
+ serverOffset = (inst.options.serverSync ? serverEntry : 0);
+ now = new Date();
+ }
+ else {
+ var serverResult = ($.isFunction(inst.options.serverSync) ?
+ inst.options.serverSync.apply(elem[0], []) : null);
+ now = new Date();
+ serverOffset = (serverResult ? now.getTime() - serverResult.getTime() : 0);
+ this._serverSyncs.push([inst.options.serverSync, serverOffset]);
+ }
+ var timezone = inst.options.timezone;
+ timezone = (timezone == null ? -now.getTimezoneOffset() : timezone);
+ if (recalc || (!recalc && inst._until == null && inst._since == null)) {
+ inst._since = inst.options.since;
+ if (inst._since != null) {
+ inst._since = this.UTCDate(timezone, this._determineTime(inst._since, null));
+ if (inst._since && serverOffset) {
+ inst._since.setMilliseconds(inst._since.getMilliseconds() + serverOffset);
+ }
+ }
+ inst._until = this.UTCDate(timezone, this._determineTime(inst.options.until, now));
+ if (serverOffset) {
+ inst._until.setMilliseconds(inst._until.getMilliseconds() + serverOffset);
+ }
+ }
+ inst._show = this._determineShow(inst);
+ },
+
+ /** Remove the countdown widget from a div.
+ @param elem {jQuery} The containing division.
+ @param inst {object} The current instance object. */
+ _preDestroy: function(elem, inst) {
+ this._removeElem(elem[0]);
+ elem.empty();
+ },
+
+ /** Pause a countdown widget at the current time.
+ Stop it running but remember and display the current time.
+ @param elem {Element} The containing division.
+ @example $(selector).countdown('pause') */
+ pause: function(elem) {
+ this._hold(elem, 'pause');
+ },
+
+ /** Pause a countdown widget at the current time.
+ Stop the display but keep the countdown running.
+ @param elem {Element} The containing division.
+ @example $(selector).countdown('lap') */
+ lap: function(elem) {
+ this._hold(elem, 'lap');
+ },
+
+ /** Resume a paused countdown widget.
+ @param elem {Element} The containing division.
+ @example $(selector).countdown('resume') */
+ resume: function(elem) {
+ this._hold(elem, null);
+ },
+
+ /** Toggle a paused countdown widget.
+ @param elem {Element} The containing division.
+ @example $(selector).countdown('toggle') */
+ toggle: function(elem) {
+ var inst = $.data(elem, this.name) || {};
+ this[!inst._hold ? 'pause' : 'resume'](elem);
+ },
+
+ /** Toggle a lapped countdown widget.
+ @param elem {Element} The containing division.
+ @example $(selector).countdown('toggleLap') */
+ toggleLap: function(elem) {
+ var inst = $.data(elem, this.name) || {};
+ this[!inst._hold ? 'lap' : 'resume'](elem);
+ },
+
+ /** Pause or resume a countdown widget.
+ @private
+ @param elem {Element} The containing division.
+ @param hold {string} The new hold setting. */
+ _hold: function(elem, hold) {
+ var inst = $.data(elem, this.name);
+ if (inst) {
+ if (inst._hold == 'pause' && !hold) {
+ inst._periods = inst._savePeriods;
+ var sign = (inst._since ? '-' : '+');
+ inst[inst._since ? '_since' : '_until'] =
+ this._determineTime(sign + inst._periods[0] + 'y' +
+ sign + inst._periods[1] + 'o' + sign + inst._periods[2] + 'w' +
+ sign + inst._periods[3] + 'd' + sign + inst._periods[4] + 'h' +
+ sign + inst._periods[5] + 'm' + sign + inst._periods[6] + 's');
+ this._addElem(elem);
+ }
+ inst._hold = hold;
+ inst._savePeriods = (hold == 'pause' ? inst._periods : null);
+ $.data(elem, this.name, inst);
+ this._updateCountdown(elem, inst);
+ }
+ },
+
+ /** Return the current time periods.
+ @param elem {Element} The containing division.
+ @return {number[]} The current periods for the countdown.
+ @example var periods = $(selector).countdown('getTimes') */
+ getTimes: function(elem) {
+ var inst = $.data(elem, this.name);
+ return (!inst ? null : (inst._hold == 'pause' ? inst._savePeriods : (!inst._hold ? inst._periods :
+ this._calculatePeriods(inst, inst._show, inst.options.significant, new Date()))));
+ },
+
+ /** A time may be specified as an exact value or a relative one.
+ @private
+ @param setting {string|number|Date} The date/time value as a relative or absolute value.
+ @param defaultTime {Date} The date/time to use if no other is supplied.
+ @return {Date} The corresponding date/time. */
+ _determineTime: function(setting, defaultTime) {
+ var self = this;
+ var offsetNumeric = function(offset) { // e.g. +300, -2
+ var time = new Date();
+ time.setTime(time.getTime() + offset * 1000);
+ return time;
+ };
+ var offsetString = function(offset) { // e.g. '+2d', '-4w', '+3h +30m'
+ offset = offset.toLowerCase();
+ var time = new Date();
+ var year = time.getFullYear();
+ var month = time.getMonth();
+ var day = time.getDate();
+ var hour = time.getHours();
+ var minute = time.getMinutes();
+ var second = time.getSeconds();
+ var pattern = /([+-]?[0-9]+)\s*(s|m|h|d|w|o|y)?/g;
+ var matches = pattern.exec(offset);
+ while (matches) {
+ switch (matches[2] || 's') {
+ case 's': second += parseInt(matches[1], 10); break;
+ case 'm': minute += parseInt(matches[1], 10); break;
+ case 'h': hour += parseInt(matches[1], 10); break;
+ case 'd': day += parseInt(matches[1], 10); break;
+ case 'w': day += parseInt(matches[1], 10) * 7; break;
+ case 'o':
+ month += parseInt(matches[1], 10);
+ day = Math.min(day, self._getDaysInMonth(year, month));
+ break;
+ case 'y':
+ year += parseInt(matches[1], 10);
+ day = Math.min(day, self._getDaysInMonth(year, month));
+ break;
+ }
+ matches = pattern.exec(offset);
+ }
+ return new Date(year, month, day, hour, minute, second, 0);
+ };
+ var time = (setting == null ? defaultTime :
+ (typeof setting == 'string' ? offsetString(setting) :
+ (typeof setting == 'number' ? offsetNumeric(setting) : setting)));
+ if (time) time.setMilliseconds(0);
+ return time;
+ },
+
+ /** Determine the number of days in a month.
+ @private
+ @param year {number} The year.
+ @param month {number} The month.
+ @return {number} The days in that month. */
+ _getDaysInMonth: function(year, month) {
+ return 32 - new Date(year, month, 32).getDate();
+ },
+
+ /** Default implementation to determine which set of labels should be used for an amount.
+ Use the labels
attribute with the same numeric suffix (if it exists).
+ @private
+ @param num {number} The amount to be displayed.
+ @return {number} The set of labels to be used for this amount. */
+ _normalLabels: function(num) {
+ return num;
+ },
+
+ /** Generate the HTML to display the countdown widget.
+ @private
+ @param inst {object} The current settings for this instance.
+ @return {string} The new HTML for the countdown display. */
+ _generateHTML: function(inst) {
+ var self = this;
+ // Determine what to show
+ inst._periods = (inst._hold ? inst._periods :
+ this._calculatePeriods(inst, inst._show, inst.options.significant, new Date()));
+ // Show all 'asNeeded' after first non-zero value
+ var shownNonZero = false;
+ var showCount = 0;
+ var sigCount = inst.options.significant;
+ var show = $.extend({}, inst._show);
+ for (var period = Y; period <= S; period++) {
+ shownNonZero |= (inst._show[period] == '?' && inst._periods[period] > 0);
+ show[period] = (inst._show[period] == '?' && !shownNonZero ? null : inst._show[period]);
+ showCount += (show[period] ? 1 : 0);
+ sigCount -= (inst._periods[period] > 0 ? 1 : 0);
+ }
+ var showSignificant = [false, false, false, false, false, false, false];
+ for (var period = S; period >= Y; period--) { // Determine significant periods
+ if (inst._show[period]) {
+ if (inst._periods[period]) {
+ showSignificant[period] = true;
+ }
+ else {
+ showSignificant[period] = sigCount > 0;
+ sigCount--;
+ }
+ }
+ }
+ var labels = (inst.options.compact ? inst.options.compactLabels : inst.options.labels);
+ var whichLabels = inst.options.whichLabels || this._normalLabels;
+ var showCompact = function(period) {
+ var labelsNum = inst.options['compactLabels' + whichLabels(inst._periods[period])];
+ return (show[period] ? self._translateDigits(inst, inst._periods[period]) +
+ (labelsNum ? labelsNum[period] : labels[period]) + ' ' : '');
+ };
+ var minDigits = (inst.options.padZeroes ? 2 : 1);
+ var showFull = function(period) {
+ var labelsNum = inst.options['labels' + whichLabels(inst._periods[period])];
+ return ((!inst.options.significant && show[period]) ||
+ (inst.options.significant && showSignificant[period]) ?
+ '' +
+ '' +
+ self._minDigits(inst, inst._periods[period], minDigits) + '' +
+ '' +
+ (labelsNum ? labelsNum[period] : labels[period]) + '' : '');
+ };
+ return (inst.options.layout ? this._buildLayout(inst, show, inst.options.layout,
+ inst.options.compact, inst.options.significant, showSignificant) :
+ ((inst.options.compact ? // Compact version
+ '' +
+ showCompact(Y) + showCompact(O) + showCompact(W) + showCompact(D) +
+ (show[H] ? this._minDigits(inst, inst._periods[H], 2) : '') +
+ (show[M] ? (show[H] ? inst.options.timeSeparator : '') +
+ this._minDigits(inst, inst._periods[M], 2) : '') +
+ (show[S] ? (show[H] || show[M] ? inst.options.timeSeparator : '') +
+ this._minDigits(inst, inst._periods[S], 2) : '') :
+ // Full version
+ '' +
+ inst.options.description + '' : '')));
+ },
+
+ /** Construct a custom layout.
+ @private
+ @param inst {object} The current settings for this instance.
+ @param show {boolean[]} Flags indicating which periods are requested.
+ @param layout {string} The customised layout.
+ @param compact {boolean} True if using compact labels.
+ @param significant {number} The number of periods with values to show, zero for all.
+ @param showSignificant {boolean[]} Other periods to show for significance.
+ @return {string} The custom HTML. */
+ _buildLayout: function(inst, show, layout, compact, significant, showSignificant) {
+ var labels = inst.options[compact ? 'compactLabels' : 'labels'];
+ var whichLabels = inst.options.whichLabels || this._normalLabels;
+ var labelFor = function(index) {
+ return (inst.options[(compact ? 'compactLabels' : 'labels') +
+ whichLabels(inst._periods[index])] || labels)[index];
+ };
+ var digit = function(value, position) {
+ return inst.options.digits[Math.floor(value / position) % 10];
+ };
+ var subs = {desc: inst.options.description, sep: inst.options.timeSeparator,
+ yl: labelFor(Y), yn: this._minDigits(inst, inst._periods[Y], 1),
+ ynn: this._minDigits(inst, inst._periods[Y], 2),
+ ynnn: this._minDigits(inst, inst._periods[Y], 3), y1: digit(inst._periods[Y], 1),
+ y10: digit(inst._periods[Y], 10), y100: digit(inst._periods[Y], 100),
+ y1000: digit(inst._periods[Y], 1000),
+ ol: labelFor(O), on: this._minDigits(inst, inst._periods[O], 1),
+ onn: this._minDigits(inst, inst._periods[O], 2),
+ onnn: this._minDigits(inst, inst._periods[O], 3), o1: digit(inst._periods[O], 1),
+ o10: digit(inst._periods[O], 10), o100: digit(inst._periods[O], 100),
+ o1000: digit(inst._periods[O], 1000),
+ wl: labelFor(W), wn: this._minDigits(inst, inst._periods[W], 1),
+ wnn: this._minDigits(inst, inst._periods[W], 2),
+ wnnn: this._minDigits(inst, inst._periods[W], 3), w1: digit(inst._periods[W], 1),
+ w10: digit(inst._periods[W], 10), w100: digit(inst._periods[W], 100),
+ w1000: digit(inst._periods[W], 1000),
+ dl: labelFor(D), dn: this._minDigits(inst, inst._periods[D], 1),
+ dnn: this._minDigits(inst, inst._periods[D], 2),
+ dnnn: this._minDigits(inst, inst._periods[D], 3), d1: digit(inst._periods[D], 1),
+ d10: digit(inst._periods[D], 10), d100: digit(inst._periods[D], 100),
+ d1000: digit(inst._periods[D], 1000),
+ hl: labelFor(H), hn: this._minDigits(inst, inst._periods[H], 1),
+ hnn: this._minDigits(inst, inst._periods[H], 2),
+ hnnn: this._minDigits(inst, inst._periods[H], 3), h1: digit(inst._periods[H], 1),
+ h10: digit(inst._periods[H], 10), h100: digit(inst._periods[H], 100),
+ h1000: digit(inst._periods[H], 1000),
+ ml: labelFor(M), mn: this._minDigits(inst, inst._periods[M], 1),
+ mnn: this._minDigits(inst, inst._periods[M], 2),
+ mnnn: this._minDigits(inst, inst._periods[M], 3), m1: digit(inst._periods[M], 1),
+ m10: digit(inst._periods[M], 10), m100: digit(inst._periods[M], 100),
+ m1000: digit(inst._periods[M], 1000),
+ sl: labelFor(S), sn: this._minDigits(inst, inst._periods[S], 1),
+ snn: this._minDigits(inst, inst._periods[S], 2),
+ snnn: this._minDigits(inst, inst._periods[S], 3), s1: digit(inst._periods[S], 1),
+ s10: digit(inst._periods[S], 10), s100: digit(inst._periods[S], 100),
+ s1000: digit(inst._periods[S], 1000)};
+ var html = layout;
+ // Replace period containers: {p<}...{p>}
+ for (var i = Y; i <= S; i++) {
+ var period = 'yowdhms'.charAt(i);
+ var re = new RegExp('\\{' + period + '<\\}([\\s\\S]*)\\{' + period + '>\\}', 'g');
+ html = html.replace(re, ((!significant && show[i]) ||
+ (significant && showSignificant[i]) ? '$1' : ''));
+ }
+ // Replace period values: {pn}
+ $.each(subs, function(n, v) {
+ var re = new RegExp('\\{' + n + '\\}', 'g');
+ html = html.replace(re, v);
+ });
+ return html;
+ },
+
+ /** Ensure a numeric value has at least n digits for display.
+ @private
+ @param inst {object} The current settings for this instance.
+ @param value {number} The value to display.
+ @param len {number} The minimum length.
+ @return {string} The display text. */
+ _minDigits: function(inst, value, len) {
+ value = '' + value;
+ if (value.length >= len) {
+ return this._translateDigits(inst, value);
+ }
+ value = '0000000000' + value;
+ return this._translateDigits(inst, value.substr(value.length - len));
+ },
+
+ /** Translate digits into other representations.
+ @private
+ @param inst {object} The current settings for this instance.
+ @param value {string} The text to translate.
+ @return {string} The translated text. */
+ _translateDigits: function(inst, value) {
+ return ('' + value).replace(/[0-9]/g, function(digit) {
+ return inst.options.digits[digit];
+ });
+ },
+
+ /** Translate the format into flags for each period.
+ @private
+ @param inst {object} The current settings for this instance.
+ @return {string[]} Flags indicating which periods are requested (?) or
+ required (!) by year, month, week, day, hour, minute, second. */
+ _determineShow: function(inst) {
+ var format = inst.options.format;
+ var show = [];
+ show[Y] = (format.match('y') ? '?' : (format.match('Y') ? '!' : null));
+ show[O] = (format.match('o') ? '?' : (format.match('O') ? '!' : null));
+ show[W] = (format.match('w') ? '?' : (format.match('W') ? '!' : null));
+ show[D] = (format.match('d') ? '?' : (format.match('D') ? '!' : null));
+ show[H] = (format.match('h') ? '?' : (format.match('H') ? '!' : null));
+ show[M] = (format.match('m') ? '?' : (format.match('M') ? '!' : null));
+ show[S] = (format.match('s') ? '?' : (format.match('S') ? '!' : null));
+ return show;
+ },
+
+ /** Calculate the requested periods between now and the target time.
+ @private
+ @param inst {object} The current settings for this instance.
+ @param show {string[]} Flags indicating which periods are requested/required.
+ @param significant {number} The number of periods with values to show, zero for all.
+ @param now {Date} The current date and time.
+ @return {number[]} The current time periods (always positive)
+ by year, month, week, day, hour, minute, second. */
+ _calculatePeriods: function(inst, show, significant, now) {
+ // Find endpoints
+ inst._now = now;
+ inst._now.setMilliseconds(0);
+ var until = new Date(inst._now.getTime());
+ if (inst._since) {
+ if (now.getTime() < inst._since.getTime()) {
+ inst._now = now = until;
+ }
+ else {
+ now = inst._since;
+ }
+ }
+ else {
+ until.setTime(inst._until.getTime());
+ if (now.getTime() > inst._until.getTime()) {
+ inst._now = now = until;
+ }
+ }
+ // Calculate differences by period
+ var periods = [0, 0, 0, 0, 0, 0, 0];
+ if (show[Y] || show[O]) {
+ // Treat end of months as the same
+ var lastNow = this._getDaysInMonth(now.getFullYear(), now.getMonth());
+ var lastUntil = this._getDaysInMonth(until.getFullYear(), until.getMonth());
+ var sameDay = (until.getDate() == now.getDate() ||
+ (until.getDate() >= Math.min(lastNow, lastUntil) &&
+ now.getDate() >= Math.min(lastNow, lastUntil)));
+ var getSecs = function(date) {
+ return (date.getHours() * 60 + date.getMinutes()) * 60 + date.getSeconds();
+ };
+ var months = Math.max(0,
+ (until.getFullYear() - now.getFullYear()) * 12 + until.getMonth() - now.getMonth() +
+ ((until.getDate() < now.getDate() && !sameDay) ||
+ (sameDay && getSecs(until) < getSecs(now)) ? -1 : 0));
+ periods[Y] = (show[Y] ? Math.floor(months / 12) : 0);
+ periods[O] = (show[O] ? months - periods[Y] * 12 : 0);
+ // Adjust for months difference and end of month if necessary
+ now = new Date(now.getTime());
+ var wasLastDay = (now.getDate() == lastNow);
+ var lastDay = this._getDaysInMonth(now.getFullYear() + periods[Y],
+ now.getMonth() + periods[O]);
+ if (now.getDate() > lastDay) {
+ now.setDate(lastDay);
+ }
+ now.setFullYear(now.getFullYear() + periods[Y]);
+ now.setMonth(now.getMonth() + periods[O]);
+ if (wasLastDay) {
+ now.setDate(lastDay);
+ }
+ }
+ var diff = Math.floor((until.getTime() - now.getTime()) / 1000);
+ var extractPeriod = function(period, numSecs) {
+ periods[period] = (show[period] ? Math.floor(diff / numSecs) : 0);
+ diff -= periods[period] * numSecs;
+ };
+ extractPeriod(W, 604800);
+ extractPeriod(D, 86400);
+ extractPeriod(H, 3600);
+ extractPeriod(M, 60);
+ extractPeriod(S, 1);
+ if (diff > 0 && !inst._since) { // Round up if left overs
+ var multiplier = [1, 12, 4.3482, 7, 24, 60, 60];
+ var lastShown = S;
+ var max = 1;
+ for (var period = S; period >= Y; period--) {
+ if (show[period]) {
+ if (periods[lastShown] >= max) {
+ periods[lastShown] = 0;
+ diff = 1;
+ }
+ if (diff > 0) {
+ periods[period]++;
+ diff = 0;
+ lastShown = period;
+ max = 1;
+ }
+ }
+ max *= multiplier[period];
+ }
+ }
+ if (significant) { // Zero out insignificant periods
+ for (var period = Y; period <= S; period++) {
+ if (significant && periods[period]) {
+ significant--;
+ }
+ else if (!significant) {
+ periods[period] = 0;
+ }
+ }
+ }
+ return periods;
+ }
+ });
+
+})(jQuery);
diff --git a/project/static/js/jquery.flexslider-min.js b/project/static/js/jquery.flexslider-min.js
new file mode 100644
index 0000000..dd402c1
--- /dev/null
+++ b/project/static/js/jquery.flexslider-min.js
@@ -0,0 +1,5 @@
+/*
+ * jQuery FlexSlider v2.2.0
+ * Copyright 2012 WooThemes
+ * Contributing Author: Tyler Smith
+ */(function(e){e.flexslider=function(t,n){var r=e(t);r.vars=e.extend({},e.flexslider.defaults,n);var i=r.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,o=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&r.vars.touch,u="click touchend MSPointerUp",a="",f,l=r.vars.direction==="vertical",c=r.vars.reverse,h=r.vars.itemWidth>0,p=r.vars.animation==="fade",d=r.vars.asNavFor!=="",v={},m=!0;e.data(t,"flexslider",r);v={init:function(){r.animating=!1;r.currentSlide=parseInt(r.vars.startAt?r.vars.startAt:0);isNaN(r.currentSlide)&&(r.currentSlide=0);r.animatingTo=r.currentSlide;r.atEnd=r.currentSlide===0||r.currentSlide===r.last;r.containerSelector=r.vars.selector.substr(0,r.vars.selector.search(" "));r.slides=e(r.vars.selector,r);r.container=e(r.containerSelector,r);r.count=r.slides.length;r.syncExists=e(r.vars.sync).length>0;r.vars.animation==="slide"&&(r.vars.animation="swing");r.prop=l?"top":"marginLeft";r.args={};r.manualPause=!1;r.stopped=!1;r.started=!1;r.startTimeout=null;r.transitions=!r.vars.video&&!p&&r.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var n in t)if(e.style[t[n]]!==undefined){r.pfx=t[n].replace("Perspective","").toLowerCase();r.prop="-"+r.pfx+"-transform";return!0}return!1}();r.vars.controlsContainer!==""&&(r.controlsContainer=e(r.vars.controlsContainer).length>0&&e(r.vars.controlsContainer));r.vars.manualControls!==""&&(r.manualControls=e(r.vars.manualControls).length>0&&e(r.vars.manualControls));if(r.vars.randomize){r.slides.sort(function(){return Math.round(Math.random())-.5});r.container.empty().append(r.slides)}r.doMath();r.setup("init");r.vars.controlNav&&v.controlNav.setup();r.vars.directionNav&&v.directionNav.setup();r.vars.keyboard&&(e(r.containerSelector).length===1||r.vars.multipleKeyboard)&&e(document).bind("keyup",function(e){var t=e.keyCode;if(!r.animating&&(t===39||t===37)){var n=t===39?r.getTarget("next"):t===37?r.getTarget("prev"):!1;r.flexAnimate(n,r.vars.pauseOnAction)}});r.vars.mousewheel&&r.bind("mousewheel",function(e,t,n,i){e.preventDefault();var s=t<0?r.getTarget("next"):r.getTarget("prev");r.flexAnimate(s,r.vars.pauseOnAction)});r.vars.pausePlay&&v.pausePlay.setup();r.vars.slideshow&&r.vars.pauseInvisible&&v.pauseInvisible.init();if(r.vars.slideshow){r.vars.pauseOnHover&&r.hover(function(){!r.manualPlay&&!r.manualPause&&r.pause()},function(){!r.manualPause&&!r.manualPlay&&!r.stopped&&r.play()});if(!r.vars.pauseInvisible||!v.pauseInvisible.isHidden())r.vars.initDelay>0?r.startTimeout=setTimeout(r.play,r.vars.initDelay):r.play()}d&&v.asNav.setup();o&&r.vars.touch&&v.touch();(!p||p&&r.vars.smoothHeight)&&e(window).bind("resize orientationchange focus",v.resize);r.find("img").attr("draggable","false");setTimeout(function(){r.vars.start(r)},200)},asNav:{setup:function(){r.asNav=!0;r.animatingTo=Math.floor(r.currentSlide/r.move);r.currentItem=r.currentSlide;r.slides.removeClass(i+"active-slide").eq(r.currentItem).addClass(i+"active-slide");if(!s)r.slides.click(function(t){t.preventDefault();var n=e(this),s=n.index(),o=n.offset().left-e(r).scrollLeft();if(o<=0&&n.hasClass(i+"active-slide"))r.flexAnimate(r.getTarget("prev"),!0);else if(!e(r.vars.asNavFor).data("flexslider").animating&&!n.hasClass(i+"active-slide")){r.direction=r.currentItem