@import url(https://fonts.googleapis.com/css?family=Hind:400,700); @import url(https://fonts.googleapis.com/css?family=Noto+Sans); @import url(https://fonts.googleapis.com/css?family=Rajdhani:700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic); @import url(https://fonts.googleapis.com/css?family=Montserrat:700); /*------------------------------------------------------------------ [Table of contents] 1. Font Awesome 2. Typography 3. Buttons 4. Form 5. Menu 6. Widget 7. Footer 8. Slick 9. Icon BOx 10. Price table 11. Testimonials 12. Warning section 13. Coupons 14. Careers section 15. About Us 16. Light Gallery 17. Date picker 18. Utilities -------------------------------------------------------------------*/ .ct-m-imageCenter { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 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; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { -webkit-transform: none; transform: none; } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .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: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .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; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome/fonts//fontawesome-webfont.eot?v=4.3.0'); src: url('../fonts/fontawesome/fonts//fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome/fonts//fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome/fonts//fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome/fonts//fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome/fonts//fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857142858em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571428572em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } a:hover, a:focus, a:active { text-decoration: none; } body { font-family: 'Rajdhani', sans-serif; } h1, .h1 { font-size: 36px; margin: 0; } h3, .h3 { font-size: 24px; font-family: 'Rajdhani', sans-serif; } h4, .h4 { font-size: 18px; font-family: 'Rajdhani', sans-serif; } h5, .h5 { font-size: 16px; font-family: 'Rajdhani', sans-serif; } p { font-size: 14px; } .navbar-left { margin-bottom: 0; } .navbar-left .dropdown-menu { padding: 0 5px 0 3px; width: 280px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); font-family: 'Rajdhani', sans-serif; background-color: #343434; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; margin: 0; margin-top: 19px; margin-left: -15px; z-index: 9999; border-top: 3px solid #2196F3; } .navbar-left .dropdown-menu a { color: #ffffff; } .navbar-left .dropdown-menu a:hover, .navbar-left .dropdown-menu a:focus, .navbar-left .dropdown-menu a:active { color: #2196F3; background-color: #343434; } .navbar-left .dropdown-menu a:hover::after, .navbar-left .dropdown-menu a:after { content: ""; position: absolute; left: 15px; right: 15px; bottom: -8px; z-index: 1; border-bottom: 1px solid #2a2a2a; } .navbar-left .dropdown-menu li:last-child > a:after { display: none; } .navbar-left .caret { top: 8px; margin-left: 5px; margin-bottom: 1px; } .navbar-left ul { list-style: none; } .navbar-left li { display: inline; font-size: 16px; text-transform: uppercase; margin-right: 40px; margin-left: 0px; } .navbar-left .dropdown:hover .dropdown-menu { display: block; } .navbar-left a { color: #ffffff; position: relative; } .navbar-left a:hover, .navbar-left a:focus, .navbar-left a:active { color: #2196F3; } .navbar-left .active a { color: #2196F3; } .navbar-left a:hover::after { content: " "; position: absolute; left: 0%; right: 0%; bottom: -22px; z-index: 1; border-bottom: 3px solid #2196F3; height: 23px; } .navbar-right { left: 1250px; width: 100%; height: 70px; position: absolute; z-index: 1; background-color: #1a1a1a; } .navbar { border-radius: 0; margin-bottom: 0; line-height: 1.1; } .navbar .contact { padding-left: 57px; } @media (max-width: 991px) { .navbar .contact { padding-left: 0; } .navbar-left li { font-size: 16px; margin-right: 29px; } } .media-left img { max-width: none; } .media-right { padding: 0; } .media-right h4 { margin: 0; line-height: 1; } .media-right h1 { line-height: 0.7; } .media-right h5 { margin: 0; line-height: 1; } @media (max-width: 1200px) { .ct-topBar { box-shadow: 0 0 6px 0 #040404; } .ct-topBar .navbar .media-left img { max-width: none; width: 30px; } .ct-topBar .navbar .media-body h4 { font-size: 15px; } .ct-topBar .navbar .media-body h1 { font-size: 23px; } .media.about { padding-bottom: 50px; } } .ct-logosSection .container { padding: 0; } .ct-logosSection ul, .ct-logosSection li { list-style: none; display: inline-block; } .ct-logosSection ul { padding: 0; margin: 0; display: table; } .ct-logosSection li { padding-right: 30px; padding-left: 30px; display: table-cell; } .ct-logosSection .ct-slick { max-height: 200px; } .ct-logosSection .ct-slick .item { display: table; } .ct-logosSection .ct-slick .item .item-inner { display: table-cell; } .ct-logosSection .ct-slick .item .item-inner img { margin: 0 auto; } .ct-logosSection .ct-slick .slick-arrow { height: 30px; width: 30px; font-size: 20px; bottom: -40px; } .ct-logosSection .ct-slick .slick-prev { left: 5px; } .ct-logosSection .ct-slick .slick-next { left: 40px; } .ct-infoTableSection { background: no-repeat center center; background-size: cover; } .ct-infoTableSection h4 { font-family: 'Open Sans', sans-serif; font-size: 14px; cursor: pointer; margin-bottom: 16px; } .ct-infoTableSection a { color: #b3b3b3; margin-top: 10px; margin-bottom: 16px; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; } .ct-infoTableSection a:hover { color: #2196F3; } .ct-infoTableSection a:focus { outline: none; } .ct-infoTableSection table, .ct-infoTableSection th, .ct-infoTableSection td { padding: 5px; } .ct-infoTableSection table { width: 100%; } .ct-infoTableSection h3:before, .ct-infoTableSection h3:after { content: ' '; display: inline-block; border-bottom: 3px solid white; width: 380px; vertical-align: middle; opacity: 0.1; } .ct-infoTableSection h3:before { margin-right: 17px; } .ct-infoTableSection h3:after { margin-left: 17px; } .ct-infoTableSection .ct-slick .item { display: table; } .ct-infoTableSection .ct-slick .item .item-inner { display: table-cell; } .ct-infoTableSection .ct-slick .item .item-inner img { margin: 0 auto; } .ct-infoTableSection .ct-slick .slick-arrow { height: 30px; width: 30px; font-size: 20px; bottom: -30px; } .ct-infoTableSection .ct-slick .slick-prev { left: 5px; } .ct-infoTableSection .ct-slick .slick-next { left: 40px; } @media (max-width: 1200px) { .ct-infoTableSection h3:before, .ct-infoTableSection h3:after { width: 30%; } } @media (max-width: 991px) { .ct-infoTableSection h3:before, .ct-infoTableSection h3:after { width: 20%; } .ct-infoTableSection .slick-track { left: 50px; } } @media (max-width: 767px) { .ct-infoTableSection h3:before, .ct-infoTableSection h3:after { display: none; } .ct-infoTableSection .slick-track { left: 50px; } } .ct-services .ct-item-hover, .ct-services .services { position: relative; float: left; overflow: hidden; width: 25%; cursor: pointer; } .ct-services .outer { float: left; margin: 1px; } .ct-services .inner { float: left; overflow: hidden; } .ct-services .ct-item-hover:after { content: ''; position: absolute; width: 100%; height: 100%; margin: -1px; top: 0; left: 0; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; background: rgba(33, 150, 243, 0.8) url("../images/steering_wheel.svg") no-repeat 20px 20px; background-size: 40%; } .ct-services .svg-icon path { fill: #ff0000; } .ct-services .ct-item-hover--big:after { background: rgba(33, 150, 243, 0.8) url("../images/support.svg") no-repeat 20px 20px; background-size: 20%; } .ct-services .oil:after { background: rgba(33, 150, 243, 0.8) url("../images/oil_industry.svg") no-repeat 20px 20px; background-size: 40%; } .ct-services .tires:after { background: rgba(33, 150, 243, 0.8) url("../images/tire.svg") no-repeat 20px 20px; background-size: 20%; } .ct-services .key:after { background: rgba(33, 150, 243, 0.8) url("../images/car-key.svg") no-repeat 10px 20px; background-size: 55%; } .ct-services .car:after { background: rgba(33, 150, 243, 0.8) url("../images/car.svg") no-repeat 30px 20px; background-size: 20%; } .ct-services .brakes:after { background: rgba(33, 150, 243, 0.8) url("../images/high_importance.svg") no-repeat 20px 20px; background-size: 40%; } .ct-services .climate:after { background: rgba(33, 150, 243, 0.8) url("../images/winter.svg") no-repeat 20px 20px; background-size: 40%; } .ct-services .ct-item-hover:hover:after { opacity: 1; } .ct-services .ct-item-hover:hover .ct-services-header:after { opacity: 1; } .ct-services img { position: relative; width: 100%; } .ct-services .ct-item-hover--big { width: 49.9%; float: left; overflow: hidden; } .ct-services .photo-container { position: relative; overflow: hidden; margin-left: -1px; margin-right: -1px; } .ct-services .services .image { position: relative; } .ct-services .services .btn { margin-left: 75px; margin-top: 108px; position: absolute; top: 0; left: 0; } .ct-services img .hover-logo { position: relative; z-index: 1; width: 92px; height: 100px; } .ct-services .ct-services-header { letter-spacing: 1.2px; color: #ffffff; z-index: 1; margin-left: 25px; margin-top: -70px; position: absolute; } .ct-services .ct-services-header:after { content: ' '; display: block; border-bottom: 3px solid white; opacity: 0.3; width: 30px; padding-top: 15px; margin-bottom: 20px; } .ct-services .ct-service-header--long { margin-top: -96px; } @media (max-width: 1200px) { .ct-services .ct-service-header--long { margin-top: -86px; } .ct-services .services .btn { margin-left: 13%; margin-top: 33%; } .ct-services h3 { font-size: 17px; } .ct-services .ct-item-hover { width: 25%; height: 100%; } .ct-services .ct-item-hover--big { width: 49.8%; height: 100%; } } @media (max-width: 991px) { .ct-services .ct-item-hover:after { background-size: 20%; } .ct-services .ct-item-hover--big:after { background-size: 10%; } } @media (max-width: 768px) { .ct-services .services { width: 25%; } .ct-services .services button { font-size: 12px; } } @media (max-width: 620px) { .ct-services .ct-item-hover { width: 50%; } .ct-services .ct-item-hover--big { width: 100%; } .ct-services .services { width: 50%; text-align: center; } .ct-services .services .btn { display: inline-block; top: 0; left: 0; right: 0; bottom: 0; max-width: 120px; height: 50px; margin: auto; font-size: 12px; line-height: 46px; padding: 0; } .ct-services .ct-item-hover:after { background-size: 25%; } .ct-services .ct-item-hover--big:after { background-size: 15%; } } .ct-description:before { content: ' '; display: block; border-bottom: 1px solid #e6e6e6; width: 1140px; vertical-align: middle; margin: auto; } .ct-description .media-body { vertical-align: middle; } .ct-description .media-left { padding-right: 20px; } .ct-description .ct-description--header { line-height: 1; } .ct-description .ct-description--header:after { content: ' '; display: block; border-bottom: 4px solid rgba(51, 51, 51, 0.25); width: 30px; padding-top: 13px; } .ct-description h4 { font-family: 'Open Sans', sans-serif; color: #666666; font-size: 16px; line-height: 24px; letter-spacing: 0.4px; padding: 18px 0; } h1.white-header { letter-spacing: 1.7px; text-transform: uppercase; text-align: center; color: #ffffff; } .ct-videoSection { background: no-repeat center center; background-size: cover; } .ct-videoSection h4 { font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 24px; color: #999999; letter-spacing: 0.5px; padding-right: 5px; margin-top: 19px; } .ct-videoSection h3 { margin-top: 0; } .ct-videoSection .fa { padding-left: 5px; font-size: 14px; } .ct-videoSection h6 { font-family: 'Montserrat', sans-serif; line-height: 14px; text-transform: uppercase; letter-spacing: 0; } .ct-videoSection .js-video { height: 0; padding-top: 0; margin-bottom: 10px; position: relative; overflow: hidden; } .ct-videoSection a h6:hover { color: #2196F3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } [class~='person-box']:last-of-type:after { display: none; } .person-box { padding: 30px 0 0 0; margin: 0; } .person-box h3 { font-family: 'Rajdhani', sans-serif; color: #ffffff; line-height: 20px; padding-right: 17px; } .person-box h6 { font-family: 'Montserrat', sans-serif; color: #b3b3b3; font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: 0.9px; } .person-box .media-left { padding-right: 29px; } .person-box:after { content: ' '; display: block; border-bottom: 3px solid white; opacity: 0.3; width: 30px; padding-top: 15px; margin-left: 90px; } .person-box:last-child:after { display: none; } .person-box img { border: 2px solid transparent; } .person-box a:hover h3, .person-box a:hover h6 { color: #2196F3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .person-box a:hover img { border: 2px solid #2196F3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-line { border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 63px; padding-right: 0; margin-left: 47px; } @media (max-width: 1200px) { .vertical-line { border-left: 1px solid transparent; padding: 0; } } .ct-gallery h3:before, .ct-gallery h3:after { padding-left: 10px; padding-right: 10px; content: ' '; display: inline-block; border-bottom: 3px solid #e6e6e6; width: 25.5%; vertical-align: middle; } .ct-gallery h3:before { margin-right: 17px; } .ct-gallery h3:after { margin-left: 17px; } .ct-gallery .ct-slick .item { width: 100%; display: table; } .ct-gallery .ct-slick .item .item-inner { display: table-cell; } .ct-gallery .ct-slick .item .item-inner img { margin: 0 auto; } .ct-gallery .ct-slick .slick-arrow { bottom: -72px; } .ct-mapSection .ct-widget-contact--map { padding-top: 60px; position: relative; padding-left: 47%; padding-right: 100px; } .ct-mapSection .ct-widget-contact--map h3 { color: #ffffff; } .ct-mapSection .ct-widget-contact--map h6 { color: #b3b3b3; margin-top: 12px; line-height: 24px; } .ct-mapSection .ct-widget-contact--map a h4:hover { color: #2196F3; } .ct-mapSection .ct-widget-contact--map h6.address, .ct-mapSection .ct-widget-contact--map h6.phone { letter-spacing: 1px; } .ct-mapSection .ct-widget-contact--map h4 { color: #ffffff; font-size: 21px; margin-top: 3px; margin-bottom: 7px; line-height: 24px; } .ct-mapSection .ct-widget-contact--map .ct-widget-header:after { border-bottom: 3px solid rgba(255, 255, 255, 0.25); margin-bottom: 22px; } .ct-mapSection button { margin-top: 10px; padding-left: 19px; } .ct-mapSection .col-lg-7 { padding-right: 0; display: block; padding-left: 0; } .ct-mapSection .ct-googleMap { height: 568px; } @media (max-width: 1420px) { .ct-mapSection .ct-widget-contact--map { padding-left: 10px; } } .search-screen { vertical-align: middle; display: table; background-color: #333333; opacity: 0.9; z-index: 9999; width: 100%; height: 100%; position: fixed; top: -120%; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .search-screen .form-control { background-color: transparent; color: white; border: none; box-shadow: none; font-size: 20px; } .search-screen input { border: none; box-shadow: none; } .search-screen .mobile-form { vertical-align: middle; display: table-cell; } .search-screen .btn-mobileSearch { float: right; font-size: 30px; position: absolute; right: 20px; padding: 9px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; height: 41px; width: 41px; } .is-search-screen-open .search-screen { top: 0; } @media (max-width: 1400px) { .search-screen .form-control { margin-left: 0; padding-right: 0; } } .ct-team-box { padding-top: 50px; padding-bottom: 90px; } .team-box .caption-box { position: relative; } .team-box .caption-box img { width: 100%; padding-bottom: 30px; position: relative; } .team-box .caption-box .gradient { background-image: -webkit-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); width: 230px; height: 119px; position: absolute; z-index: 1; } .team-box .caption-box .caption { position: absolute; color: #ffffff; z-index: 1; bottom: 140px; left: 50px; padding-right: 15px; } .team-box .caption-box .caption h4 { font-size: 20px; font-weight: 700; line-height: 20px; } .team-box .caption-box .caption h6 { font-family: 'Open Sans', sans-serif; color: #b3b3b3; font-size: 10px; font-weight: 400; line-height: 14px; text-transform: uppercase; letter-spacing: 1.1px; } .team-box .caption-box .caption.upper { bottom: 50px; left: 50px; } @media (min-width: 973px) and (max-width: 1080px) { .team-box .caption-box .caption.upper { bottom: 50px; } } .ct-faqSection .panel-title, .ct-faqSection p { font-family: 'Open Sans', sans-serif; color: #262626; } .ct-faqSection .panel-title { font-weight: 700; font-size: 18px; } .ct-faqSection p { font-size: 16px; } .ct-faqSection .panel-heading { padding-left: 0; } .ct-faqSection .panel, .ct-faqSection .panel-default > .panel-heading { background: none; border: none; box-shadow: none; } .ct-faqSection .panel > .panel-collapse > .panel-body { border: none; } .ct-faqSection .fa { padding-right: 10px; color: #999999; } .ct-faqSection .panel-title a { position: relative; padding-left: 21px; display: inline-block; } .ct-faqSection a.collapsed:before { content: "\f0da"; } .ct-faqSection a:before { content: "\f0d7"; position: absolute; left: 0; top: 1px; font-family: FontAwesome; color: #999999; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .ct-historyDescription h3, .ct-historyPost h3 { line-height: 32px; font-size: 24px; font-family: 'Rajdhani', sans-serif; } .ct-historyDescription .subtitle, .ct-historyPost .subtitle { font-family: 'Open Sans', sans-serif; line-height: 28px; font-weight: 700; font-size: 18px; color: #333; margin-bottom: 20px; } .ct-historyDescription p, .ct-historyPost p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; padding: 0; margin-top: 10px; color: #666; } .ct-historyPost h3 { font-family: 'Rajdhani', sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; } .ct-historyPost h4 { padding: 0 10px 0 0; font-family: 'Open Sans', sans-serif; font-weight: 400; } .ct-historyPost .history-date { color: #2196F3; font-size: 48px; font-weight: 500; line-height: 1.1; } .ct-historyPost .caption { color: #808080; font-family: 'Open Sans', sans-serif; font-size: 12px; margin: 10px 0; padding: 0; } .ct-historyPost .ct-historyGallery img { padding-right: 10px; } @media (max-width: 991px) { .ct-historyPost .ct-historyGallery { text-align: center; } } .ct-historyDescription h3 { font-family: 'Open Sans', sans-serif; line-height: 32px; padding-right: 80px; } .ct-blogMenu { padding-left: 60px; padding-top: 60px; } .ct-blogMenu .form-group { position: relative; } .ct-blogMenu .form-group input { border-style: solid; border-width: 1px; border-color: #cccccc; border-radius: 0; box-sizing: border-box; background: transparent; width: 264px; height: 38px; font-family: 'Open Sans', sans-serif; line-height: 2.5; font-size: 14px; font-weight: 400; outline: none; } .ct-blogMenu .form-group .form-control:focus, .ct-blogMenu .form-group .form-control:active { outline: none; box-shadow: none; } .ct-blogMenu .form-group .btn-search { position: absolute; top: 8px; left: 237px; font-size: 14px; background: transparent; font-weight: 400; } @media (max-width: 1199px) { .ct-blogMenu { padding-left: 0; } } .ct-categories table { text-transform: uppercase; width: 200px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; line-height: 28px; } .ct-categories table .numbers { text-align: right; color: #808080; font-weight: 400; } .ct-categories table a { color: black; } .ct-categories table a:hover { color: #2196F3; } p { font-family: 'Open Sans', sans-serif; color: #666; font-size: 16px; line-height: 1.5; } .ct-description p { letter-spacing: normal; padding: 18px 0; margin: 10px 0; } .ct-videoSection p { color: #999; letter-spacing: 0.4px; margin: 10px 0; } .ct-priceSection .ct-priceSection-header p { letter-spacing: 0.4px; margin-bottom: 0; } .ct-pagination { text-align: center; padding-right: 97px; padding-bottom: 120px; } .ct-pagination a { font-family: 'Open Sans', sans-serif; color: #262626; font-size: 14px; font-weight: 700; text-transform: uppercase; } .ct-pagination a:hover, .ct-pagination a:active, .ct-pagination a:focus { color: #2196F3; } .ct-pagination .active a { color: #2196F3; cursor: default; } .ct-pagination ul { list-style: none; } .ct-pagination ul li:before { display: none; } .ct-pagination ul li { display: inline-block; } .ct-pagination .ct-pagination--numbers { padding-right: 15px; padding-left: 15px; } blockquote.ct-description--header, blockquote.ct-blogPost--quotation { padding-left: 100px; color: #2196F3; border: 0; font-size: 36px; line-height: 1.2 !important; } @media (max-width: 480px) { blockquote.ct-description--header, blockquote.ct-blogPost--quotation { padding-left: 0; font-size: 20px; } } .btn, button { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 700; text-align: center; text-transform: uppercase; border-radius: 0; padding: 0; letter-spacing: 1.5px; border: none; } .btn:hover, button:hover, .btn:focus, button:focus, .btn:active, button:active { outline: none; box-shadow: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; box-shadow: none; } .btn-group:hover, .btn-group:focus, .btn-group:active { outline: none; } .btn-search { background-color: #1a1a1a; border: none; color: #808080; } .btn-search:hover, .btn-search:focus, .btn-search:active { background-color: #1a1a1a; border: none; outline: none; } .btn-accent { font-size: 12px; background-color: #004fad; padding: 16px 17px; letter-spacing: 0.2px; } .btn-accent:hover, .btn-accent:focus, .btn-accent:active { background-color: #262626; color: #ffffff; } .btn-white { background-color: transparent; border: 2px solid #ffffff; padding: 16px; letter-spacing: 0.1px; line-height: 1; } .btn-white:hover, .btn-white:focus, .btn-white:active { border: 2px solid #2196F3; color: #2196F3; } .btn-white-g { background-color: transparent; border: 2px solid #ffffff; padding: 16px; letter-spacing: 0.1px; line-height: 1; } .btn-white-g:hover, .btn-white-g:focus, .btn-white-g:active { border: 2px solid #fff; color: #fff; background-color: #272727; } .btn-cta { background-color: #ff8811; padding: 16px; letter-spacing: 0.5px; line-height: 1; margin-top: 10px; } .btn-cta:hover, .btn-cta:focus, .btn-cta:active { color: #fff; background-color: #272727; } .btn-slider--motive { background-color: #2196F3; border-color: #2196F3; } .btn-slider--motive:hover, .btn-slider--motive:focus, .btn-slider--motive:active { color: #2196F3; background-color: #ffffff; border: 2px solid #ffffff; } .btn-motive { background-color: transparent; border: 2px solid #2196F3; color: #2196F3; padding: 13px 16px; letter-spacing: 0; } .btn-motive:hover, .btn-motive:focus, .btn-motive:active { border: 2px solid #262626; color: #262626; } .btn-black { background-color: transparent; border: 2px solid #333333; color: #333333; padding: 13px 16px; letter-spacing: 0; } .btn-black:hover, .btn-black:focus, .btn-black:active { border: 2px solid #2196F3; color: #2196F3; } .ct-btnScrollUp { position: fixed; right: 40px; bottom: 40px; background-color: #262626; font-size: 48px; color: #808080; height: 72px; width: 73px; text-align: center; opacity: 0; z-index: -1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ct-btnScrollUp i { line-height: 67px; margin-top: 2px; } .ct-btnScrollUp:hover, .ct-btnScrollUp:focus, .ct-btnScrollUp:active { color: #ffffff; } @media (max-width: 767px) { .ct-btnScrollUp { right: 0; bottom: 0; height: 45px; width: 45px; font-size: 37px; line-height: 45px; } .ct-btnScrollUp i { line-height: 45px; margin-top: -2px; } } @media (min-width: 767px) and (max-width: 1700px) { .ct-btnScrollUp { bottom: 72px; right: 0; } } .ct-btnScrollUp.is-active { opacity: 1; z-index: 1000; } .btn { padding: 15px 19px; font-family: 'Montserrat', sans-serif; line-height: 1; height: auto; } .btn.btn-sm { padding: 8px 12px ; font-size: 12px; } .btn.btn-lg { padding: 18px 25px; } .btn-default { color: #333; border: 2px solid #aaa; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited { border-color: #262626; color: #262626; background-color: transparent; } .btn-success { background-color: #92c800; border: 2px solid #92c800; color: #fff; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:visited { background-color: #4cae4c; border: 2px solid #4cae4c; color: #fff; } .btn-danger { background-color: transparent; border: 2px solid #d43f3a; color: #d9534f; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:visited { border-color: #262626; color: #262626; background-color: transparent; } .btn-warning { background-color: transparent; border: 2px solid #eea236; color: #f0ad4e; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:visited { border-color: #262626; color: #262626; background-color: transparent; } .btn-info { background-color: transparent; border: 2px solid #46b8da; color: #5bc0de; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:visited { border-color: #262626; color: #262626; background-color: transparent; } .btn-primary { background-color: transparent; border: 2px solid #2e6da4; color: #337ab7; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited { border-color: #262626; color: #262626; background-color: transparent; } .ct-topBar-container .btn-group .btn:first-child { padding: 0 !important; } .ct-topBar-container .btn-group .btn:first-child img { height: 42px; width: 42px; } .navbar-form { margin-left: 10px; margin-top: 18px; position: relative; padding: 0; } .navbar-form input { background-color: #1a1a1a; border: none; text-transform: uppercase; font-size: 12px; font-family: 'Montserrat', sans-serif; padding: 0; text-align: left; } .navbar-form .form-control:focus { border-color: #1a1a1a; box-shadow: none; -webkit-box-shadow: none; color: #ffffff; } .navbar-form--default { margin-top: 12px; margin-bottom: 12px; } .successMessage, .errorMessage { display: none; } input[type="radio"], input[type="checkbox"] { margin: 2px 0 0 !important; } .ct-formAppointment input[type="radio"], .ct-formAppointment input[type="checkbox"] { margin: 2px 0 0 -17px !important; } .widget.widget-searcher input { line-height: 1 !important; padding: 9px 12px 6px !important; } .widget.widget-searcher input::-webkit-input-placeholder { line-height: 16px; } .widget.widget-searcher input::-moz-placeholder { line-height: 22px; } .widget.widget-searcher input:-ms-input-placeholder { line-height: 30px; } .successMessage, .errorMessage { display: none; } .is-mobile-open .ct-menuMobile { right: 0; } .ct-menuMobile { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5); z-index: 999999; width: 260px; font-family: 'Rajdhani', sans-serif; background-color: #343434; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; margin: 0; overflow-y: auto; position: fixed; top: 0; right: -260px; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ct-menuMobile:focus { outline: none; } .ct-menuMobile li a { color: #ffffff; margin-bottom: 10px; margin-top: 10px; display: block; } .ct-menuMobile li a:hover, .ct-menuMobile li a:focus, .ct-menuMobile li a:active { color: #2196F3; background-color: #343434; } .ct-menuMobile li a:hover::after, .ct-menuMobile li a:after { content: ""; display: block; z-index: 1; border-bottom: 1px solid #2a2a2a; margin-bottom: 10px; margin-top: 10px; } .ct-menuMobile li:last-child > a:after { display: none; } .ct-menuMobile li:first-child { margin-top: 15px; } .ct-menuMobile .search-button { padding-bottom: 18px; padding-top: 18px; padding-left: 40px; } .ct-menuMobile .search-button .btn-accent { display: block; } .ct-menuMobile .caret { float: right; margin-top: 10px; } .ct-menuMobile ul { list-style: none; font-size: 16px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; padding-bottom: 10px; } .ct-menuMobile .panel-collapse { padding: 0; width: 245px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); font-family: 'Rajdhani', sans-serif; background-color: #343434; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; margin: 0; margin-left: -11px; z-index: 2; border-top: 3px solid #2196F3; } .ct-menuMobile .panel-collapse a { color: #ffffff; } .ct-menuMobile .panel-collapse a:hover, .ct-menuMobile .panel-collapse a:focus, .ct-menuMobile .panel-collapse a:active { color: #2196F3; background-color: #343434; } .ct-menuMobile .panel-collapse a:hover::after, .ct-menuMobile .panel-collapse a:after { margin-bottom: 10px; margin-top: 10px; left: 15px; right: 15px; bottom: 0; z-index: 1; border-bottom: 1px solid #2a2a2a; } .ct-menuMobile .search-button a.btn-accent { display: inline-block; } .navbar-toggle { float: right; font-size: 20px; background-color: #343434; border-radius: 0; margin-top: 20px; height: 41px; width: 41px; margin-right: 0; } .navbar-search { float: right; font-size: 20px; position: relative; margin-right: 15px; padding: 9px 10px; margin-top: 20px; background-color: #343434; background-image: none; border: 1px solid transparent; border-radius: 0; height: 41px; width: 41px; } .navbar-search a:active .search-screen { display: table; } .navbar-search, .navbar-toggle { z-index: 999; line-height: 0; } .navbar-search .fa, .navbar-toggle .fa { font-size: 14px; } .ct-parent { position: relative; left: 15px; margin-top: -1px; } .ct-parent .ct-child { position: absolute; left: 0; top: 0; width: 100%; } .ct-parent .ct-child:after { content: ''; display: block; background-color: inherit; position: absolute; left: 100%; top: 0; height: 100%; width: 9999px; } .navbar-form, .ct-navSearcher { width: 100%; } .navbar-form .form-group, .ct-navSearcher .form-group { width: 100%; } .navbar-form .form-group .btn-search, .ct-navSearcher .form-group .btn-search { position: absolute; top: 0; bottom: 0; margin: auto 0; } .navbar-form .form-group .form-control, .ct-navSearcher .form-group .form-control { width: 100%; margin-left: 35px; padding-right: 70px; } .ct-navSearcher { position: absolute; width: 9999px; background-color: #1a1a1a; padding-left: 20px; z-index: 999; } .navbar-main { padding-top: 5px; } .navbar-main:after { content: ''; background-color: #1a1a1a; height: 65px; width: 100%; display: block; } @media (max-width: 1700px) { .navbar-right { left: 1080px; } } @media (min-width: 768px) and (max-width: 1199px) { .ct-navSearcher { background-color: transparent; } .ct-navSearcher .navbar-form input { display: none; } .navbar-form .form-group .btn-search, .ct-navSearcher .form-group .btn-search { background-color: transparent; left: 815px; top: 7px; font-size: 17px; } .navbar-form .form-group .btn-search:hover, .ct-navSearcher .form-group .btn-search:hover { background-color: transparent; color: #2196F3; } .navbar-main:after { display: none; } .navbar-main { padding-top: 0; } } @media (max-width: 992px) { .navbar-form .form-group .btn-search, .ct-navSearcher .form-group .btn-search { left: 680px; top: 6px; font-size: 17px; padding-left: 0; } } .is-search-screen-open .search-screen { top: 0; } .navbar-fixed .ct-mainHeader nav.navbar { position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 9999; } nav.navbar .dropdown-menu li { display: block; margin: 0; padding: 0; } nav.navbar .dropdown-menu li a { display: block; padding: 12px 15px; } nav.navbar .dropdown-menu li a:after { content: ""; position: absolute; width: 86%; display: block; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto; z-index: 1; border-bottom: 1px solid #2a2a2a; } nav.navbar .dropdown-menu li:last-child a:after { display: none; } .ct-menuMobile .search-button { padding-left: 0; text-align: center; } .ct-isotope-gallery .ct-isotope-item { margin-bottom: 30px; } .ct-isotope-gallery .ct-isotope-item .ct-isotope-item__inner { position: absolute; top: auto; bottom: 10px; margin-bottom: 0; } .blog-Post:hover a h4, .blog-Post:hover a h6 { color: #2196F3; } .ct-widget-header { letter-spacing: 1.2px; color: #262626; margin-top: 13px; font-size: 24px; font-family: 'Rajdhani', sans-serif; } .ct-widget-header:after { content: ' '; display: block; border-bottom: 3px solid rgba(51, 51, 51, 0.25); width: 30px; padding-top: 15px; margin-bottom: 20px; } .ct-widget-contact { padding-right: 5px; color: #262626; } .ct-widget-contact h6 { text-transform: uppercase; color: #999999; font-size: 10px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 26px; margin-bottom: 0px; } .ct-widget-contact h4 { margin-top: 2px; margin-bottom: 15px; line-height: 22px; font-weight: 700; font-size: 20px; } .ct-widget-contact .logos-box img { padding-bottom: 30px; padding-top: 15px; } .ct-widget-services ul { list-style: none; font-size: 16px; color: #666666; letter-spacing: 0.2px; padding: 0; margin: 0; } .ct-widget-services ul li { padding-bottom: 7px; padding-top: 4px; padding-left: 0; text-transform: none; } .ct-widget-blogPosts h4 { color: #262626; margin-bottom: 16px; margin-top: 0; font-size: 20px; } .ct-widget-blogPosts h6 { text-transform: uppercase; color: #999999; font-size: 10px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 26px; margin-bottom: 0; margin-top: 0; } .ct-widget-blogPosts .ct-tagItem .btn:hover { background-color: #f5f5f5; } .ct-widget-blogPosts .ct-tagItem h6 { display: inline-block; font-family: 'Open Sans', sans-serif; color: #272727; font-size: 10px; /* Przybliżenie (wynika z podstawienia czcionki) */ font-weight: 400; text-align: left; border-style: solid; border-width: 1px; border-color: #e6e6e6; box-sizing: border-box; padding: 6px 8px; margin-bottom: 8px; margin-right: 3px; line-height: 1; letter-spacing: 1px; } .ct-widget-blogPosts .ct-tagItem a { color: #272727; } .ct-widget-blogPosts .img-desc { font-family: 'Open Sans', sans-serif; color: #808080; font-size: 12px; font-weight: 400; text-transform: none; } .ct-widget-blogPosts .certificates img { max-width: 48%; padding-right: 4px; } .ct-widget-about { margin-left: 60px; } .ct-widget-about h4 { font-family: 'Rajdhani', sans-serif; color: #333; font-size: 20px; font-weight: 700; text-transform: none; } .ct-widget-about p { font-family: 'Open Sans', sans-serif; color: #666; font-size: 14px; font-weight: 400; line-height: 26px; text-transform: none; margin: 10px 0; } .ct-widget-social h3 { font-size: 20px; } .ct-widget-statictics .title { color: #2196F3; font-size: 48px; font-weight: 700; text-transform: uppercase; line-height: 0.8; } .ct-widget-statictics .subtitle { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; } @media (max-width: 1200px) { .ct-widget-about { margin-left: 0; } } @media (max-width: 1200px) { .widget { padding-bottom: 50px; } } .ct-formAppointment { background-color: #f0f6fa; padding: 10px 50px 50px 50px; margin-top: 46px; margin-bottom: 120px; margin-right: 30px; } @media (max-width: 767px) { .ct-formAppointment ul { padding-left: 15px; } } @media (max-width: 767px) { .ct-formAppointment { padding: 0 15px; } } .ct-formAppointment label { padding-left: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; } @media (max-width: 767px) { .ct-formAppointment label { padding-left: 15px; } } .ct-formAppointment label.short-label { margin: 0; padding: 0; line-height: 38px; } @media (max-width: 767px) { .ct-formAppointment label.short-label { padding-left: 15px; } } .ct-formAppointment h4 { font-size: 24px; margin-bottom: 20px; margin-left: 134px; } .ct-formAppointment ul { list-style: none; } .ct-formAppointment span { color: #2196F3; } .ct-formAppointment .label-checkbox { float: left; } .ct-formAppointment .label-services { padding-left: 0; } .ct-formAppointment .ct-input { border-style: solid; border-width: 1px; border-color: #cccccc; box-sizing: border-box; background-color: #ffffff; width: 360px; height: 38px; border-radius: 0; } .ct-formAppointment .ct-input:focus { border-color: #004fad; border-width: 1px; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #004fad; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #004fad; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #004fad; } .ct-formAppointment .ct-input--short { width: 150px; } .ct-formAppointment .ct-input--medium { width: 201px; } .ct-formAppointment .ct-input--wide { width: 457px; height: 134px; } .ct-formAppointment .form-group { float: left; width: 100%; font-family: 'Open Sans', sans-serif; } .ct-formAppointment .form-group label { font-weight: 400; } .ct-formAppointment .btn-group { margin-left: 134px; } @media (max-width: 767px) { .ct-formAppointment .btn-group { margin-left: 15px; } } .ct-formAppointment .form-header { float: left; width: 100%; padding-top: 30px; } .ct-formAppointment .form-control[disabled] { opacity: 0.5; } .ct-formAppointment textarea { white-space: pre-line; } @media (max-width: 1099px) { .ct-formAppointment { margin-right: 0; } } @media (max-width: 767px) { .ct-formAppointment .form-header h4 { padding-left: 15px; margin-left: 0; } .ct-formAppointment .ct-input { width: 100%; } .ct-formAppointment label { padding-left: 15px; } } .headerSection h3 { line-height: 32px; font-size: 24px; font-family: 'Rajdhani', sans-serif; } .headerSection .subtitle { font-family: 'Open Sans', sans-serif; line-height: 28px; font-weight: 700; font-size: 18px; color: #333; margin-bottom: 20px; } .headerSection p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; padding: 0; margin-top: 10px; color: #666; } .widget .ct-iconBoxes h4 { font-size: 17px; font-weight: 700; } .widget .ct-widget-desc { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 20px; } .ct-widget-personBox .media:first-child { padding-top: 0; } .ct-widget-personBox .person-box h3 { color: #262626; padding-right: 17px; } .ct-widget-personBox .person-box h6 { color: #808080; font-size: 10px; text-transform: uppercase; letter-spacing: 0.9px; line-height: 14px; margin-bottom: 0; } .ct-widget-personBox .person-box:after { display: none; } .ct-widget-personBox a { display: block; } .ct-widget-personBox a h6 { font-size: 14px; font-weight: 700; text-transform: uppercase; } .ct-blog-post { margin-right: 97px; } .ct-blog-post .ct-blog-post--body .ct-blog-post--description p { font-family: 'Montserrat', sans-serif; color: #999; font-size: 10px; font-weight: 400; text-transform: uppercase; margin-top: 10px; } .ct-blog-post .ct-blog-post--body .ct-blog-post--title h1 a { font-family: 'Rajdhani', sans-serif; color: #262626; font-size: 36px; font-weight: 700; } .ct-blog-post .ct-blog-post--body .ct-blog-post--title h1 a:hover { color: #2196F3; } .ct-blog-post .ct-blog-post--body .ct-blog-post--content p { font-family: 'Open Sans', sans-serif; color: #262626; font-size: 16px; font-weight: 400; padding-top: 20px; } .ct-blog-post + .ct-blog-post { border-top: 1px solid #e6e6e6; padding-top: 80px; margin-right: 97px; } @media (max-width: 767px) { .ct-blog-post { margin-right: 0; } .ct-blog-post + .ct-blog-post { margin-right: 0; } } @media (max-width: 991px) { .ct-blog-post { margin-right: 0; } .ct-blog-post + .ct-blog-post { margin-right: 0; } } .ct-blog-post--image .ct-blog-post--media { padding-bottom: 20px; } .ct-blog-post--contentLong .ct-tags-header { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; padding-top: 40px; } .ct-blog-post--contentLong p { margin-bottom: 0; } .ct-blog-post--contentLong h3 { text-transform: uppercase; font-size: 21px; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-bottom: 0; margin-top: 40px; } .ct-blog-post--contentLong ul.ct-blogPostList li { font-size: 16px; padding-left: 20px; padding-top: 10px; } .ct-blog-post--contentLong ul.ct-blogPostList { margin-bottom: 0; } .ct-blog-post--contentLong ul.ct-blogPostListNumbered { list-style: decimal; padding-left: 40px; margin-bottom: 0; } .ct-blog-post--contentLong ul.ct-blogPostListNumbered li:before { display: none; } .ct-blog-post--contentLong ul.ct-blogPostListNumbered li { padding-top: 0; } .ct-blog-post--contentLong ul.ct-blogPostListNumbered li p { padding-top: 10px !important; } .ct-blog-post--contentLong .ct-blogPost--image h6 { font-family: 'Open Sans', sans-serif; color: #808080; margin-bottom: 0; } .ct-blog-post--contentLong .ct-blogPost--quotation { padding-top: 45px; font-weight: 700; padding-right: 170px; } .ct-blog-post--contentLong .ct-blogPost--quotation:after { content: ' '; display: block; border-bottom: 3px solid rgba(51, 51, 51, 0.25); width: 30px; padding-top: 15px; margin-bottom: 40px; } .ct-blog-post--contentLong h3.ct-blogPost--quotation { font-family: 'Rajdhani', sans-serif; font-size: 20px; line-height: 20px; } .ct-blog-post--contentLong .ct-blogPost--smallImage { padding-top: 20px; } .ct-blog-post--contentLong .ct-socialsBox { border-style: solid; border-width: 1px; border-color: #e6e6e6; box-sizing: border-box; background-color: #ffffff; margin-top: 40px; } .ct-blog-post--contentLong .ct-socialsBox h3 { display: inline-block; font-family: 'Rajdhani', sans-serif; padding-left: 30px; padding-right: 13px; margin-top: 0; font-size: 20px; } .ct-blog-post--contentLong .ct-socialsBox .ct-socialItem { display: inline-block; width: 52px; height: 39px; padding: 0; margin: 20px 7px; line-height: 41px; text-align: center; } .ct-blog-post--contentLong .ct-socialsBox .ct-socialItem i { color: #ffffff; } .ct-blog-post--contentLong .ct-socialsBox .ct-socialItem a { width: 52px; height: 39px; display: block; } .ct-blog-post--contentLong .ct-socialsBox .ct-socialItem:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); -o-filter: brightness(130%); -ms-filter: brightness(130%); filter: brightness(130%); } .ct-blog-post--contentLong .ct-socialsBox .ct-facebook { background-color: #3b5998; } .ct-blog-post--contentLong .ct-socialsBox .ct-twitter { background-color: #55acee; } .ct-blog-post--contentLong .ct-socialsBox .ct-google { background-color: #dd4b39; } .ct-blog-post--contentLong .ct-socialsBox .ct-linkedIn { background-color: #0976b4; } .ct-blog-post--contentLong .ct-socialsBox .ct-pinterest { background-color: #cc2127; } .ct-blog-post--contentLong .ct-socialsBox .ct-mail { background-color: #808080; } @media (max-width: 767px) { .ct-blog-post--contentLong .ct-socialsBox { padding: 15px; text-align: center; } .ct-blog-post--contentLong .ct-socialsBox .ct-socialItem { padding: 0; } .ct-blog-post--contentLong .ct-socialsBox h3 { display: block; width: 100%; margin-bottom: 20px; padding: 0; margin-top: 10px; } } .ct-blog-post--contentLong .ct-commentBox h4 { font-size: 20px; font-weight: 700; line-height: 20px; margin-top: 0; } .ct-blog-post--contentLong .ct-commentBox .comment-date, .ct-blog-post--contentLong .ct-commentBox a { font-family: 'Open Sans', sans-serif; color: #808080; font-size: 10px; font-weight: 400; line-height: 14px; text-transform: uppercase; margin: 10px 0; } .ct-blog-post--contentLong .ct-commentBox a { padding-left: 5px; } .ct-blog-post--contentLong .ct-commentBox a:hover { color: #2196F3; } .ct-blog-post--contentLong .ct-comenntBox--indent { padding-left: 20px; padding-top: 10px; } .ct-blog-post--contentLong .ct-commentBlock + .ct-commentBlock { border-top: 1px solid #e6e6e6; padding-top: 30px; padding-bottom: 30px; } .ct-blog-post--contentLong .ct-formComment label { font-size: 14px; padding-top: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; float: left; } .ct-blog-post--contentLong .ct-formComment span { color: #2196F3; } .ct-blog-post--contentLong .ct-formComment .ct-input { border-style: solid; border-width: 1px; border-color: #cccccc; box-sizing: border-box; border-radius: 0; } .ct-blog-post--contentLong .ct-formComment .ct-input:focus { border-color: #004fad; border-width: 1px; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #004fad; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #004fad; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px #004fad; } .ct-blog-post--contentLong .ct-blogPost--quotationTight { padding-top: 0; font-weight: 700; padding-right: 170px; } .ct-blog-post--contentLong .ct-blogPost--quotationTight:after { padding-top: 15px; margin-bottom: 10px; } .ct-blog-post--contentLong .ct-inputComment { height: 155px; } .ct-blog-post--contentLong .form-control:focus, .ct-blog-post--contentLong .form-control { outline: none; box-shadow: none; } .widget { margin-top: 10px; margin-bottom: 80px; text-transform: uppercase; } .widget p { text-transform: none; } @media (max-width: 1200px) { .widget { margin-bottom: 10px; } } .widget ul { list-style: none !important; padding-left: 0; } .widget .see-more { font-weight: 700 !important; font-family: 'Montserrat', sans-serif; font-size: 12px !important; color: #2196F3 !important; margin-top: 20px; display: inline-block; } .widget .see-more:hover { color: #262626 !important; } .widget-narrow { padding-left: 60px; } @media (max-width: 1200px) { .widget-narrow { padding-left: 0; } } .widget-title { letter-spacing: 1.2px; margin-top: 13px; text-transform: uppercase; color: black; font-size: 20px; font-weight: 500; margin-top: 0; letter-spacing: 0; } .widget-title:after { content: ''; display: block; border-bottom: 3px solid rgba(51, 51, 51, 0.25); width: 30px; padding-top: 15px; margin-bottom: 20px; } .widget.widget_categories li { text-align: right; padding: 0; color: black; font-weight: 400; font-size: 12px !important; } .widget.widget_categories li:before, .widget.widget_categories li:after { content: "" !important; display: table; } .widget.widget_categories li:after { clear: both; } .widget.widget_categories a { font-weight: 700; float: left; font-size: 12px; color: black; } .widget.widget_categories a:hover { color: #2196F3; } .widget.widget_recent_post li, .widget.widget-short-message li { padding: 0; } .widget.widget_recent_post li:before, .widget.widget-short-message li:before { display: none; } .widget.widget_recent_post li + li, .widget.widget-short-message li + li { padding-top: 5px; } .widget.widget_recent_post time, .widget.widget-short-message time, .widget.widget_recent_post .ct-message-title, .widget.widget-short-message .ct-message-title { color: #999999; font-size: 10px; font-weight: 700; line-height: 26px; margin: 0; letter-spacing: 0; } .widget.widget_recent_post h1, .widget.widget-short-message h1, .widget.widget_recent_post h2, .widget.widget-short-message h2, .widget.widget_recent_post h3, .widget.widget-short-message h3, .widget.widget_recent_post h4, .widget.widget-short-message h4, .widget.widget_recent_post h5, .widget.widget-short-message h5, .widget.widget_recent_post h6, .widget.widget-short-message h6 { color: black; font-size: 20px; font-weight: 500; margin-top: 0 ; letter-spacing: 0; } .widget.widget_recent_post a, .widget.widget-short-message a { color: black; font-size: 20px; font-weight: 500; } .widget.widget_recent_post a > *, .widget.widget-short-message a > * { margin-top: 0 ; } .widget.widget_recent_post a:hover > *, .widget.widget-short-message a:hover > * { color: #2196F3; } .widget.widget_tag_cloud .tagcloud a { color: #272727; background-color: transparent; font-size: 10px; font-weight: 400; border-style: solid; border-width: 1px; border-color: #e6e6e6; display: inline-block; padding: 6px 8px; margin-bottom: 8px; margin-right: 3px; line-height: 1; letter-spacing: 1px; } .widget.widget_tag_cloud .tagcloud a:hover { background-color: #f5f5f5; } .widget.widget-searcher .form-group { position: relative; } .widget.widget-searcher input { border-style: solid; border-width: 1px; border-color: #cccccc; border-radius: 0; box-sizing: border-box; background: transparent; width: 100%; height: 38px; font-family: 'Open Sans', sans-serif; line-height: 2.5; font-size: 14px; font-weight: 400; outline: none; padding-right: 40px !important; } .widget.widget-searcher input:focus { outline: none; box-shadow: none; border-color: #999; } .widget.widget-searcher .btn-search { position: absolute; top: 8px; right: 15px; font-size: 14px; background: transparent; font-weight: 400; border: none; color: #808080; } .widget.widget-info-box li:before { display: none; } .widget.widget-info-box .media .media-body .media-heading { font-size: 17px; font-weight: 700; color: #262626; margin-bottom: 16px; margin-top: 0; font-family: 'Rajdhani', sans-serif; } .ct-message-title { font-family: 'Montserrat', sans-serif; } .widget.widget-links { text-transform: uppercase; } .widget.widget-links li { padding: 0; } .widget.widget-links li + li { padding-top: 5px; } .widget.widget-links li a { letter-spacing: 0; font-size: 16px; } .ct-footer .widget { margin-top: 0; margin-bottom: 0; } .widget.widget-short-message p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; color: #262626; line-height: 1.25; } .ct-prefooter .widget { margin-bottom: 20px; } footer { font-family: 'Open Sans', sans-serif; color: #666666; background-color: white; } footer a { color: #666666; } footer a:hover, footer a:focus, footer a:active { color: #2196F3; } footer ul { font-size: 20px; letter-spacing: 2px; } .ct-postfooter p { margin: 0; line-height: 1.6; padding-top: 5px; font-size: 14px; } .ct-postfooter ul { margin: 0; line-height: 1.6; } @media (min-width: 992px) { .ct-postfooter ul.ct-socialIcons { float: right; } } @media (max-width: 991px) { .ct-postfooter { text-align: center; } } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @media (max-width: 767px) { .ct-mainSlider .slider-header { padding-right: 10px; } } .ct-mainSlider h1 { font-family: 'Rajdhani', sans-serif; color: #ffffff; font-size: 60px; line-height: 60px; text-align: left; padding-top: 120px; letter-spacing: 3px; margin-bottom: 25px; text-shadow: 2px 2px 8px #000; } .ct-mainSlider h2 { font-family: 'Rajdhani', sans-serif; color: #ffffff; font-size: 60px; line-height: 60px; text-align: left; padding-top: 120px; letter-spacing: 3px; margin-bottom: 25px; margin-top: 0px; font-weight: 500; display: block; text-shadow: 2px 2px 8px #000; } .ct-mainSlider span { padding: 0 18px; font-family: 'Montserrat', sans-serif; color: #ffffff; text-transform: uppercase; } .slick-slide { padding-bottom: 20px; } .slick-slide .btn { margin-bottom: 10px; } .slick-slide:focus { outline: none; } .ct-mainSlider .slick-slide { padding-bottom: 0; } .slick-arrow { display: block; position: absolute; background-color: #343434; height: 50px; width: 50px; z-index: 1; border: none; font-family: FontAwesome; color: #ffffff; font-weight: 400; font-size: 30px; } .slick-arrow:hover, .slick-arrow:active, .slick-arrow:focus { background-color: #2196F3; outline: none; } .slick-next { bottom: 2px; left: 55px; } .slick-prev { bottom: 2px; left: 2px; } .ct-mainSlider .slick-next { bottom: 2px; left: 433px; } .ct-mainSlider .slick-prev { bottom: 2px; left: 381px; } .ct-mainSlider .slick-dots { left: 445px; } .slick-dots { display: block; position: absolute; bottom: 2px; left: 69px; list-style: none; margin: 0; font-family: 'Montserrat', sans-serif; color: #ffffff; } .slick-dots button { background-color: #343434; border: none; box-shadow: none; height: 30px; width: 30px; } .slick-dots button:hover, .slick-dots button:active, .slick-dots button:focus { background-color: #2196F3; outline: none; } .slick-dots li { float: left; margin-right: 2px; } .slick-prev:before { content: "\f104"; left: 360px; } .slick-next:before { content: "\f105"; left: 390px; } li.slick-active button { background-color: #2196F3; outline: none; } @media (max-width: 1200px) { .item-inner { margin-left: 0; } .ct-mainSlider .slick-next { left: 55px; } .ct-mainSlider .slick-prev { left: 2px; } .ct-mainSlider .slick-dots { left: 68px; } } @media (max-width: 480px) { .ct-mainSlider h1 { font-size: 46px; padding-top: 40px; } .ct-mainSlider .btn-slider { margin-top: 20px; } } .ct-slick.ct-light-gallery .item .item-inner { padding: 5px; } .ct-iconBoxes .media-body { vertical-align: middle; } .ct-iconBoxes .media-body h3 { margin-bottom: 0; padding-right: 14px; } .ct-iconBoxes .media-left { padding-right: 15px; } .ct-iconBoxes .break-line { position: absolute; right: 16px; top: 0; } .media.directions .media-left img, .media.offers .media-left img, .media.appointment .media-left img, .media.about .media-left img { width: 50px; height: 50px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .media.directions .media-body, .media.offers .media-body, .media.appointment .media-body, .media.about .media-body { width: auto; } .media.directions .media-body .media-heading, .media.offers .media-body .media-heading, .media.appointment .media-body .media-heading, .media.about .media-body .media-heading { font-family: 'Rajdhani', sans-serif; color: #ffffff; z-index: 1; } .media.directions:hover .media-body .media-heading, .media.offers:hover .media-body .media-heading, .media.appointment:hover .media-body .media-heading, .media.about:hover .media-body .media-heading { color: #2196F3; transition: all .3s ease; } .media.directions .media-left img { background: url('../../assets//images/rota-sprite.png') 0 0; } .media.offers .media-left img { /*background: url('../../assets//images/rota-sprite.png') 0px -50px;*/ } .media.appointment .media-left img { /*background: url('../../assets//images/rota-sprite.png') 0px -100px;*/ } .media.about .media-left img { /*background: url('../../assets//images/rota-sprite.png') 0px -150px;*/ } @media (max-width: 1200px) { .media { margin: auto; } .break-line { display: none; } .media.about { padding-bottom: 50px; } } .ct-priceSection .ct-priceSection-header h6 { font-family: 'Montserrat', sans-serif; color: #2196F3; font-weight: 700; margin-top: 17px; margin-bottom: 42px; } .ct-priceSection .ct-priceSection-header h1 { color: #333333; font-weight: 700; line-height: 36px; margin-bottom: 18px; } .ct-priceSection .ct-priceSection-header h4 { font-family: 'Open Sans', sans-serif; color: #666666; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0.4px; margin-bottom: 0; } .ct-priceSection .ct-pricingBox { box-shadow: 0px 0px 10px 0px rgba(4, 4, 4, 0.15); float: left; margin-bottom: 30px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-header h3 { color: #333333; font-size: 25px; line-height: 25px; margin: 0; padding-top: 38px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-header h3:after { content: ' '; display: block; border-bottom: 3px solid rgba(51, 51, 51, 0.25); width: 30px; padding-top: 15px; margin: auto; } .ct-priceSection .ct-pricingBox .ct-pricingBox-header h1, .ct-priceSection .ct-pricingBox .ct-pricingBox-header .price-amount { color: #2196F3; font-size: 48px; margin: 10px 0; } .ct-priceSection .ct-pricingBox .ct-pricingBox-header h1 span, .ct-priceSection .ct-pricingBox .ct-pricingBox-header .price-amount span { font-size: 25px; vertical-align: super; } .ct-priceSection .ct-pricingBox .ct-pricingBox-header .ct-promo-info { font-family: 'Rajdhani', sans-serif; color: #666; font-size: 16px; line-height: 20px; margin: 10px 0; } .ct-priceSection .ct-pricingBox .ct-pricingBox-desc .price-tags { font-family: 'Open Sans', sans-serif; color: #666666; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 30px; padding-right: 15px; padding-top: 5px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-desc ul { font-family: 'Open Sans', sans-serif; color: #666666; font-size: 14px; font-weight: 400; line-height: 20px; padding-left: 30px; padding-top: 5px; list-style: none; } .ct-priceSection .ct-pricingBox .ct-pricingBox-logo .media { padding-left: 26px; padding-right: 23px; letter-spacing: 0.1px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-logo .media-left { vertical-align: middle; padding-right: 20px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-logo .media-left img { width: 71px; height: 24px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-logo .media-body .price-terms { vertical-align: middle; font-family: 'Open Sans', sans-serif; color: #666666; font-size: 10px; font-weight: 400; line-height: 12px; margin: 10px 0; } .ct-priceSection .ct-pricingBox .ct-pricingBox-footer h6 { font-family: 'Open Sans', sans-serif; color: #666666; font-size: 12px; display: inline; padding-left: 30px; padding-right: 30px; text-transform: uppercase; margin: 0; } .ct-priceSection .ct-pricingBox .ct-pricingBox-btn .btn { padding: 0; height: 50px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-btn .btn img { height: 50px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-btn .btn-accent { padding: 17px 40px; font-size: 14px; line-height: 1.1; } .ct-priceSection .ct-pricingBox .ct-pricingBox-header:after, .ct-priceSection .ct-pricingBox .ct-pricingBox-desc:after, .ct-priceSection .ct-pricingBox .ct-pricingBox-logo:after, .ct-priceSection .ct-pricingBox .ct-pricingBox-btn:after { content: ' '; display: block; border-bottom: 1px solid #e6e6e6; width: 100%; margin-top: 20px; margin-bottom: 20px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-btn--noAfter:after { display: none; margin-bottom: 0; } @media (max-width: 1199px) { .ct-couponsSection .ct-priceSection--services { padding-right: 0; } } @media (max-width: 1199px) { .ct-pricingBox { min-height: 0 !important; padding-bottom: 20px; } .ct-pricingBox .ct-pricingBox-desc { min-height: 0 !important; } } .ct-testimonials h1 { line-height: 1.2!important; } .ct-testimonials .ct-testimonials-box { border-top: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); border-bottom: none; border-left: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .ct-testimonials .ct-testimonials-box .ct-testimonials-text { padding: 8px 24px 15px 30px; } .ct-testimonials .ct-testimonials-box .person-name { font-family: 'Rajdhani', sans-serif; color: #ffffff; font-weight: 700; line-height: 15px; text-align: left; margin-top: 20px; margin-bottom: 10px; font-size: 24px; } .ct-testimonials .ct-testimonials-box .person-date { font-family: 'Montserrat', sans-serif; color: #b3b3b3; font-weight: 700; line-height: 14px; text-align: left; font-size: 12px; margin: 10px 0; } .ct-testimonials .ct-testimonials-box p { font-family: 'Open Sans', sans-serif; color: #999999; font-style: italic; line-height: 20px; text-align: left; font-size: 14px; margin: 10px 0; } .ct-testimonials .ct-testimonials-box img { padding-top: 7px; padding-bottom: 5px; } .ct-testimonials .ct-testimonials-box:after { content: ""; display: block; background: url("../images/testimonials-line.png") no-repeat; height: 20px; width: 100%; position: absolute; bottom: -20px; background-size: 100% 20px; } @media (max-width: 991px) { .ct-testimonials .ct-slick .slick-dots button { display: none; } } .ct-testimonials-box { margin: 0 15px; } .ct-testimonials--sideMenu .ct-testimonials-box { border-color: #e6e6e6; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text { padding-left: 21px; padding-right: 21px; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text h3 { font-family: 'Rajdhani', sans-serif; color: #262626; font-size: 20px; font-weight: 700; line-height: 15px; text-align: left; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text h3 img { padding-top: 0; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text h3 img:hover { -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text .person-date { font-family: 'Open Sans', sans-serif; color: #808080; font-size: 12px; font-weight: 400; line-height: 14px; text-align: left; text-transform: none; margin: 10px 0; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text p { font-family: 'Open Sans', sans-serif; color: #262626; font-size: 13px; font-weight: 400; line-height: 20px; } .ct-testimonials--sideMenu .ct-testimonials-box:after { background: url("../images/testimonials-line1.png") no-repeat; background-size: 100% 20px; } .ct-color-box .ct-testimonials .ct-testimonials-box { margin: 0; } .ct-testimonials--sideMenu .ct-testimonials-box .ct-testimonials-text h5 { text-transform: none; line-height: 1.6; } .warning-section { display: table; } .warning-section h1 { display: table-cell; font-size: 60px; font-weight: 700; line-height: 48px; text-align: left; vertical-align: middle; } .warning-section i { font-size: 80px; font-weight: 400; line-height: 48px; text-align: left; display: table-cell; width: 106px; vertical-align: middle; } .warning-description h6 { font-family: 'Montserrat', sans-serif; color: #2196F3; text-transform: uppercase; font-weight: 700; } .warning-description h1 { color: #333333; font-size: 36px; font-weight: 700; line-height: 36px; text-transform: uppercase; } .warning-description h4 { font-family: 'Open Sans', sans-serif; color: #666666; font-size: 16px; font-weight: 400; line-height: 24px; padding-right: 5px; padding-left: 5px; } .small-greyHeader { text-transform: uppercase; color: #999999; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 26px; font-size: 14px; } .big-blackHeader { text-transform: uppercase; font-size: 48px; } /*.ct-pricingBoxes--upper:after{ background-color: @color-lightBeige; width: 9999px; position: absolute; right: -10103px; top: 11px; content: ""; display: block; height: 1251px; z-index: -1; }*/ .ct-color-box .ct-widget-contact { padding-left: 64px; padding-right: 0; } .ct-u-buttonRightSection { padding-right: 0; } @media (max-width: 767px) { .ct-u-buttonRightSection { padding-right: 15px; } } .ct-offersSection { padding-right: 50px; } @media (max-width: 1199px) { .ct-offersSection { padding-right: 0px; } } @media (max-width: 1200px) { .headerSection:after, .ct-pricingBoxes--upper:after { display: none; } } .ct-color-box { background-color: #f3f3f3; position: relative; float: left; width: 100%; } .ct-color-box:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; z-index: -100; background-color: #f3f3f3; } .ct-color-box.ct-color-box--left:after { width: 99999px; height: 99999px; top: -100px; } .ct-color-box.ct-color-box--right-bottom { background-color: #fcfcfc; } .ct-color-box.ct-color-box--right-bottom:after { width: 99999px; height: 999999px; background-color: #fcfcfc; top: -100px; } @media (max-width: 1199px) { .ct-color-box:after { left: -115px; } .ct-color-box .ct-widget-contact { padding-left: 0; } } .breadcrumb { background-color: transparent; color: #999999; padding-left: 0; margin-bottom: 0; } .breadcrumb li, .breadcrumb a, .breadcrumb .active { text-transform: uppercase; color: #999999; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 26px; } .breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { color: #2196F3; } .ct-careersSection { /* .ct-jobDescription:after{ background-color: @color-lightBeige2; width: 9999px; position: absolute; right: -10103px; top: -40px; content: ""; display: block; height: 1238px; z-index: -1; }*/ /* .ct-jobRequirements:after{ background-color: @color-lightBeige; width: 9999px; position: absolute; right: -10006px; top: -49px; content: ""; display: block; height: 800px; z-index: -1; }*/ } .ct-careersSection .ct-description:before { display: none; color: black; } .ct-careersSection .ct-jobDescription h3, .ct-careersSection .ct-jobRequirements h3 { line-height: 32px; font-size: 24px; font-family: 'Rajdhani', sans-serif; } .ct-careersSection .ct-jobDescription .subtitle, .ct-careersSection .ct-jobRequirements .subtitle { font-family: 'Open Sans', sans-serif; line-height: 28px; font-weight: 700; font-size: 18px; color: #333; margin-bottom: 20px; } .ct-careersSection .ct-jobDescription p, .ct-careersSection .ct-jobRequirements p { font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 25px; padding: 0; margin-top: 10px; color: #333; } .ct-careersSection ul { padding-left: 20px; list-style: none; } .ct-careersSection ul li { font-family: 'Open Sans', sans-serif; line-height: 35px; font-size: 16px; } .ct-careersSection ul li:before { content: "•"; color: #2196F3; /* or whatever color you prefer */ padding-right: 10px; } .ct-careersSection a.btn { font-size: 14px; padding: 20px 29px; line-height: 9px; } .ct-careersSection .ct-siteMenu { margin-left: 45px; margin-top: 20px; } .ct-careersSection .ct-siteMenu .active-link { color: #2196F3; } .ct-careersSection .ct-siteMenu li.active-link:before { content: "•"; color: #2196F3; padding-right: 10px; } .ct-careersSection .ct-siteMenu a { font-family: 'Rajdhani', sans-serif; color: #262626; font-size: 15px; font-weight: 700; line-height: 15px; text-align: left; text-transform: uppercase; } .ct-careersSection .ct-siteMenu a:focus, .ct-careersSection .ct-siteMenu a:hover, .ct-careersSection .ct-siteMenu a:active { color: #2196F3; } .ct-careersSection .ct-siteMenu li:before { content: "•"; color: transparent; /* or whatever color you prefer */ padding-right: 10px; } .ct-careersSection .ct-siteMenu li:hover::before { color: #2196F3; } .ct-careersSection .ct-siteMenu li:hover a { color: #2196F3; } .ct-careersSection .ct-widget-blogPosts { margin-left: 60px; } @media (max-width: 1200px) { .ct-careersSection .ct-widget-blogPosts { margin-left: 0; } .ct-careersSection .ct-jobDescription:after, .ct-careersSection .ct-jobRequirements:after { display: none; } } .ct-careersSection .ct-linkHeader { font-family: 'Montserrat', sans-serif; color: #2196F3; font-size: 12px; } .ct-careersSection .ct-linkHeader i { padding-left: 5px; } .ct-careersSection .ct-linkHeader:hover { color: black; } .ct-widget-iconInfoBox { margin-left: 60px; font-family: 'Open Sans', sans-serif; } .ct-widget-iconInfoBox img { color: #2196F3; } .ct-widget-iconInfoBox .ct-widget-header { font-size: 20px; } .ct-widget-iconInfoBox h6 { font-size: 13px; line-height: 20px; } .ct-widget-iconInfoBox ul > li { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; } .ct-widget-iconInfoBox .ct-widget-header:after { border-bottom: 3px solid #2196F3; } @media (max-width: 1199px) { .ct-widget-iconInfoBox { margin-left: 0; } } .ct-servicesSection { padding-right: 10px; } .ct-priceSection--services { padding-right: 90px; } .ct-jobDescription--list { color: #ffffff; padding: 40px 50px 50px; } .ct-jobDescription--list .ct-widget-header:after { border-bottom-color: #2196F3; } .ct-jobDescription--list ul { margin-bottom: 0; } .ct-jobDescription--list ul li { font-family: 'Open Sans', sans-serif; line-height: 26px; font-size: 16px; padding-top: 15px; padding-left: 1.3em; } .ct-jobDescription--list ul li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; color: #2196F3; padding-right: 10px; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ } .ct-jobDescriptionContainer { margin-right: 30px; } .ct-jobDescriptionContainer .ct-widget-header { color: #ffffff; } .ct-jobDescription--boxes .ct-jobBox { border-style: solid; border-width: 1px; border-color: #e6e6e6; box-sizing: border-box; background-color: #ffffff; padding: 30px; margin-bottom: 30px; margin-top: 20px; } .ct-jobDescription--boxes .ct-jobBox .post-date { font-family: 'Open Sans', sans-serif; color: #808080; font-size: 10px; font-weight: 400; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; } .ct-jobDescription--boxes .ct-jobBox h4 { font-family: 'Rajdhani', sans-serif; color: #262626; font-size: 20px; font-weight: 700; line-height: 22px; margin-bottom: 17px; } .ct-jobDescription--boxes a.btn-sm { padding: 11px 19px; font-family: 'Montserrat', sans-serif; line-height: 1; } .ct-careersSection .ct-description:before { display: none; color: black; } /*! lightgallery - v1.2.1 - 2015-09-07 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2015 Sachin N; Licensed Apache 2.0 */ @font-face { font-family: 'lg'; src: url("../js/lightgallery/fonts/lg.eot?n1z373"); src: url("../js/lightgallery/fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../js/lightgallery/fonts/lg.woff?n1z373") format("woff"), url("../js/lightgallery/fonts/lg.ttf?n1z373") format("truetype"), url("../js/lightgallery/fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; 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; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1080; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-cant-toggle .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-cant-toggle.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-palying .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } #lg-zoom-in:after { content: "\e311"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("#{$assetPath}images/content/loading.gif") no-repeat scroll center center transparent; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; } .lg-outer .lg-img-wrap { top: 0; bottom: 0; left: 0; right: 0; padding: 0 5px; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { will-change: transform, opacity; } .lg-css3.lg-use-left .lg-item { will-change: left, opacity; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*# sourceMappingURL=lightgallery.css.map */ /*! lightgallery - v1.2.1 - 2015-09-07 * http://sachinchoolur.github.io/lightGallery/ * Copyright (c) 2015 Sachin N; Licensed Apache 2.0 */ .lg-css3.lg-zoom-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .lg-css3.lg-zoom-in .lg-item.lg-next-slide { -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-big .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-big .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } .lg-css3.lg-zoom-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7); } .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-big .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-big .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { -webkit-transform: scale3d(2, 2, 2); transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-soft-zoom .lg-item { opacity: 0; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .lg-css3.lg-soft-zoom .lg-item.lg-next-slide { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-scale-up .lg-item { opacity: 0; } .lg-css3.lg-scale-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); } .lg-css3.lg-scale-up .lg-item.lg-next-slide { -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); } .lg-css3.lg-scale-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular .lg-item { opacity: 0; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-up .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-left .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-next-slide { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-vertical-growth .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { -moz-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { -moz-transform: skew(10deg, 0deg); -o-transform: skew(10deg, 0deg); -ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { -moz-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { -moz-transform: skew(-10deg, 0deg); -o-transform: skew(-10deg, 0deg); -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); -ms-transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); transform: skew(0deg, 10deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { -moz-transform: skew(0deg, 10deg); -o-transform: skew(0deg, 10deg); -ms-transform: skew(0deg, 10deg); -webkit-transform: skew(0deg, 10deg); transform: skew(0deg, 10deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -10deg); -o-transform: skew(0deg, -10deg); -ms-transform: skew(0deg, -10deg); -webkit-transform: skew(0deg, -10deg); transform: skew(0deg, -10deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew .lg-item { opacity: 0; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide { -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-next-slide { -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop .lg-item { opacity: 0; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-lollipop .lg-item.lg-next-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop-rev .lg-item { opacity: 0; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { -moz-transform: translate3d(0, 0, 0) scale(0.5); -o-transform: translate3d(0, 0, 0) scale(0.5); -ms-transform: translate3d(0, 0, 0) scale(0.5); -webkit-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate .lg-item { opacity: 0; } .lg-css3.lg-rotate .lg-item.lg-prev-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate .lg-item.lg-next-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate-rev .lg-item { opacity: 0; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-next-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-tube .lg-item { opacity: 0; } .lg-css3.lg-tube .lg-item.lg-prev-slide { -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-next-slide { -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } /*! * Datepicker for Bootstrap v1.6.0 (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999999; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .datepicker > div { display: none; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); background-image: linear-gradient(to bottom, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc); background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc); background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc); background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc); background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } /*# sourceMappingURL=bootstrap-datepicker.css.map */ /*! * ClockPicker v0.0.7 for Bootstrap (http://weareoutman.github.io/clockpicker/) * Copyright 2014 Wang Shenwei. * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE) */ .clockpicker .input-group-addon { cursor: pointer; } .clockpicker-moving { cursor: move; } .clockpicker-align-left.popover > .arrow { left: 25px; } .clockpicker-align-top.popover > .arrow { top: 17px; } .clockpicker-align-right.popover > .arrow { left: auto; right: 25px; } .clockpicker-align-bottom.popover > .arrow { top: auto; bottom: 6px; } .clockpicker-popover .popover-title { background-color: #fff; color: #999; font-size: 24px; font-weight: bold; line-height: 30px; text-align: center; } .clockpicker-popover .popover-title span { cursor: pointer; } .clockpicker-popover .popover-content { background-color: #f8f8f8; padding: 12px; } .popover-content:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .clockpicker-plate { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 200px; height: 200px; overflow: visible; position: relative; /* Disable text selection highlighting. Thanks to Hermanya */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clockpicker-canvas, .clockpicker-dial { width: 200px; height: 200px; position: absolute; left: -1px; top: -1px; } .clockpicker-minutes { visibility: hidden; } .clockpicker-tick { border-radius: 50%; color: #666; line-height: 26px; text-align: center; width: 26px; height: 26px; position: absolute; cursor: pointer; } .clockpicker-tick.active, .clockpicker-tick:hover { background-color: #c0e5f7; background-color: rgba(0, 149, 221, 0.25); } .clockpicker-button { background-image: none; background-color: #fff; border-width: 1px 0 0; border-top-left-radius: 0; border-top-right-radius: 0; margin: 0; padding: 10px 0; } .clockpicker-button:hover { background-image: none; background-color: #ebebeb; } .clockpicker-button:focus { outline: none!important; } .clockpicker-dial { -webkit-transition: -webkit-transform 350ms, opacity 350ms; -moz-transition: -moz-transform 350ms, opacity 350ms; -ms-transition: -ms-transform 350ms, opacity 350ms; -o-transition: -o-transform 350ms, opacity 350ms; transition: transform 350ms, opacity 350ms; } .clockpicker-dial-out { opacity: 0; } .clockpicker-hours.clockpicker-dial-out { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .clockpicker-minutes.clockpicker-dial-out { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .clockpicker-canvas { -webkit-transition: opacity 175ms; -moz-transition: opacity 175ms; -ms-transition: opacity 175ms; -o-transition: opacity 175ms; transition: opacity 175ms; } .clockpicker-canvas-out { opacity: 0.25; } .clockpicker-canvas-bearing, .clockpicker-canvas-fg { stroke: none; fill: #0095dd; } .clockpicker-canvas-bg { stroke: none; fill: #c0e5f7; } .clockpicker-canvas-bg-trans { fill: rgba(0, 149, 221, 0.25); } .clockpicker-canvas line { stroke: #0095dd; stroke-width: 1; stroke-linecap: round; /*shape-rendering: crispEdges;*/ } .clockpicker-button.am-button { margin: 1px; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; } .clockpicker-button.pm-button { margin: 1px 1px 1px 136px; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; } img, figure { max-width: 100%; } html { -webkit-font-smoothing: antialiased; } .ct-pageWrapper { z-index: 3; background-color: inherit; position: relative; max-width: 100%; overflow: hidden; } @media (max-width: 767px) { .ct-pageWrapper { padding-top: 0; } } /* body.boxed, .ptn1, .ptn2, .ptn3, .ptn4, .ptn5, .ptn6, .ptn7, .ptn8, .ptn9, .ptn10, .ptn11, .ptn12, .ptn13{ .ct-pageWrapper{ max-width: 1200px; margin: auto; } } .ptn1, .ptn2, .ptn3, .ptn4, .ptn5, .ptn6, .ptn7, .ptn8, .ptn9, .ptn10, .ptn11, .ptn12, .ptn13{ background-attachment: fixed !important; } .ptn1{ background: url("../images/bg_pattern_01.jpg") repeat; } */ img:focus, img:hover, img:active { outline: none; } @media (max-width: 767px) { .ct-pageWrapper { overflow: hidden; position: relative; padding-top: 0; } .ct-pageWrapper .nav-logo { margin-top: 20px; margin-bottom: 20px; } .ct-pageWrapper .nav-logo img { height: 42px; } } @media (min-width: 767px) { .ct-menuMobile { display: none; } .navbar-toggle { display: none; } .navbar-search { display: none; } } [data-background] { background-size: cover; background-repeat: no-repeat; background-position: center center; } .cssAnimate .animated { opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ } .cssAnimate .activate { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ } .ct-fw-300 { font-weight: 300; } .ct-fw-400 { font-weight: 400; } .ct-fw-500 { font-weight: 500; } .ct-fw-600 { font-weight: 600; } .ct-fw-700 { font-weight: 700; } .ct-fw-800 { font-weight: 800; } .ct-fw-900 { font-weight: 900; } .ct-fs-i { font-style: italic; } .ct-fs-n { font-style: normal; } .ct-u-displayTable, .ct-u-displayTableVertical { display: table; width: 100%; } .ct-u-displayTableVertical { height: 100%; } .ct-u-displayTableVertical .ct-u-displayTableCell { vertical-align: middle; } .ct-u-displayTableRow { display: table-row; } .ct-u-displayTableCell { display: table-cell; } .ct-u-paddingBoth10 { padding-top: 10px; padding-bottom: 10px; } .ct-u-paddingTop10 { padding-top: 10px; } .ct-u-paddingBottom10 { padding-bottom: 10px; } .ct-u-paddingBoth20 { padding-top: 20px; padding-bottom: 20px; } .ct-u-paddingTop20 { padding-top: 20px; } .ct-u-paddingBottom20 { padding-bottom: 20px; } .ct-u-paddingBoth30 { padding-top: 30px; padding-bottom: 30px; } .ct-u-paddingTop30 { padding-top: 30px; } .ct-u-paddingBottom30 { padding-bottom: 30px; } .ct-u-paddingBoth40 { padding-top: 40px; padding-bottom: 40px; } .ct-u-paddingTop40 { padding-top: 40px; } .ct-u-paddingBottom40 { padding-bottom: 40px; } .ct-u-paddingBoth50 { padding-top: 50px; padding-bottom: 50px; } .ct-u-paddingTop50 { padding-top: 50px; } .ct-u-paddingBottom50 { padding-bottom: 50px; } @media (max-width: 767px) { .ct-u-paddingBoth50 { padding-top: 30px; padding-bottom: 30px; } .ct-u-paddingTop50 { padding-top: 30px; } .ct-u-paddingBottom50 { padding-bottom: 30px; } } .ct-u-paddingBoth60 { padding-top: 60px; padding-bottom: 60px; } .ct-u-paddingTop60 { padding-top: 60px; } .ct-u-paddingBottom60 { padding-bottom: 60px; } @media (max-width: 767px) { .ct-u-paddingBoth60 { padding-top: 30px; padding-bottom: 30px; } .ct-u-paddingTop60 { padding-top: 30px; } .ct-u-paddingBottom60 { padding-bottom: 30px; } } .ct-u-paddingBoth70 { padding-top: 70px; padding-bottom: 70px; } .ct-u-paddingTop70 { padding-top: 70px; } .ct-u-paddingBottom70 { padding-bottom: 70px; } @media (max-width: 767px) { .ct-u-paddingBoth70 { padding-top: 30px; padding-bottom: 60px; } .ct-u-paddingTop70 { padding-top: 30px; } .ct-u-paddingBottom70 { padding-bottom: 60px; } } .ct-u-paddingBoth80 { padding-top: 80px; padding-bottom: 80px; } .ct-u-paddingTop80 { padding-top: 80px; } .ct-u-paddingBottom80 { padding-bottom: 80px; } @media (max-width: 767px) { .ct-u-paddingBoth80 { padding-top: 30px; padding-bottom: 30px; } .ct-u-paddingTop80 { padding-top: 30px; } .ct-u-paddingBottom80 { padding-bottom: 30px; } } .ct-u-paddingBoth90 { padding-top: 90px; padding-bottom: 90px; } .ct-u-paddingTop90 { padding-top: 90px; } .ct-u-paddingBottom90 { padding-bottom: 90px; } @media (max-width: 767px) { .ct-u-paddingBoth90 { padding-top: 30px; padding-bottom: 30px; } .ct-u-paddingTop90 { padding-top: 30px; } .ct-u-paddingBottom90 { padding-bottom: 30px; } } .ct-u-paddingBoth100 { padding-top: 100px; padding-bottom: 100px; } .ct-u-paddingTop100 { padding-top: 100px; } .ct-u-paddingBottom100 { padding-bottom: 100px; } @media (max-width: 767px) { .ct-u-paddingBoth100 { padding-top: 40px; padding-bottom: 40px; } .ct-u-paddingTop100 { padding-top: 40px; } .ct-u-paddingBottom100 { padding-bottom: 40px; } } .ct-u-paddingTop110 { padding-top: 110px; } @media (max-width: 767px) { .ct-u-paddingTop110 { padding-top: 40px; } } .ct-u-paddingBoth150 { padding-top: 150px; padding-bottom: 150px; } .ct-u-paddingTop150 { padding-top: 150px; } .ct-u-paddingBottom150 { padding-bottom: 150px; } @media (max-width: 767px) { .ct-u-paddingBoth150 { padding-top: 40px; padding-bottom: 40px; } .ct-u-paddingTop150 { padding-top: 40px; } .ct-u-paddingBottom150 { padding-bottom: 40px; } } .ct-u-paddingTop180 { padding-top: 180px; } @media (max-width: 767px) { .ct-u-paddingTop180 { padding-top: 40px; } } .ct-u-marginBoth10 { margin-top: 10px; margin-bottom: 10px; } .ct-u-marginTop10 { margin-top: 10px; } .ct-u-marginBottom10 { margin-bottom: 10px; } .ct-u-marginBoth20 { margin-top: 20px; margin-bottom: 20px; } .ct-u-marginTop20 { margin-top: 20px; } .ct-u-marginBottom20 { margin-bottom: 20px; } .ct-u-marginBoth30 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop30 { margin-top: 30px; } .ct-u-marginBottom30 { margin-bottom: 30px; } .ct-u-marginBoth40 { margin-top: 40px; margin-bottom: 40px; } .ct-u-marginTop40 { margin-top: 40px; } .ct-u-marginBottom40 { margin-bottom: 40px; } @media (max-width: 767px) { .ct-u-marginBoth40 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop40 { margin-top: 30px; } .ct-u-marginBottom40 { margin-bottom: 30px; } } .ct-u-marginBoth50 { margin-top: 50px; margin-bottom: 50px; } .ct-u-marginTop50 { margin-top: 50px; } .ct-u-marginBottom50 { margin-bottom: 50px; } @media (max-width: 767px) { .ct-u-marginBoth50 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop50 { margin-top: 30px; } .ct-u-marginBottom50 { margin-bottom: 30px; } } .ct-u-marginBoth60 { margin-top: 60px; margin-bottom: 60px; } .ct-u-marginTop60 { margin-top: 60px; } .ct-u-marginBottom60 { margin-bottom: 60px; } @media (max-width: 767px) { .ct-u-marginBoth60 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop60 { margin-top: 30px; } .ct-u-marginBottom60 { margin-bottom: 30px; } } .ct-u-marginBoth70 { margin-top: 70px; margin-bottom: 70px; } .ct-u-marginTop70 { margin-top: 70px; } .ct-u-marginBottom70 { margin-bottom: 70px; } @media (max-width: 767px) { .ct-u-marginBoth70 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop70 { margin-top: 30px; } .ct-u-marginBottom70 { margin-bottom: 30px; } } .ct-u-marginBoth80 { margin-top: 80px; margin-bottom: 80px; } .ct-u-marginTop80 { margin-top: 80px; } .ct-u-marginBottom80 { margin-bottom: 80px; } @media (max-width: 767px) { .ct-u-marginBoth80 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop80 { margin-top: 30px; } .ct-u-marginBottom80 { margin-bottom: 30px; } } .ct-u-marginBoth90 { margin-top: 90px; margin-bottom: 90px; } .ct-u-marginTop90 { margin-top: 90px; } .ct-u-marginBottom90 { margin-bottom: 90px; } @media (max-width: 767px) { .ct-u-marginBoth90 { margin-top: 30px; margin-bottom: 30px; } .ct-u-marginTop90 { margin-top: 30px; } .ct-u-marginBottom90 { margin-bottom: 30px; } } .ct-u-marginBoth100 { margin-top: 100px; margin-bottom: 100px; } .ct-u-marginTop100 { margin-top: 100px; } .ct-u-marginBottom100 { margin-bottom: 100px; } @media (max-width: 767px) { .ct-u-marginBoth100 { margin-top: 40px; margin-bottom: 40px; } .ct-u-marginTop100 { margin-top: 40px; } .ct-u-marginBottom100 { margin-bottom: 40px; } } .ct-u-marginBoth150 { margin-top: 150px; margin-bottom: 150px; } .ct-u-marginTop150 { margin-top: 150px; } .ct-u-marginBottom150 { margin-bottom: 150px; } @media (max-width: 767px) { .ct-u-marginBoth150 { margin-top: 40px; margin-bottom: 40px; } .ct-u-marginTop150 { margin-top: 40px; } .ct-u-marginBottom150 { margin-bottom: 40px; } } .ct-u-colorWhite { color: #ffffff; } .ct-u-colorBlack { color: #262626; } .ct-u-colorGray { color: #808080; } .ct-u-colorMotive { color: #2196F3; } .ct-u-colorLightGray { color: #343434; } .ct-u-colorLightBlack { color: #333333; } .ct-u-colorDarkGray { color: #b3b3b3; } .ct-u-backgroundWhite { background-color: #ffffff; } .ct-u-backgroundBlack { background-color: #272727; } .ct-u-backgroundBlack2 { background-color: #292929; } .ct-u-backgroundLightBlack { background-color: #333333; } .ct-u-backgroundGray { background-color: #f5f5f5; } .ct-u-buttonBlack { background-color: #262626; } .ct-u-backgroundLightGray { background-color: #343434; } .ct-u-backgroundDarkGray { background-color: #1a1a1a; } .ct-u-backgroundLightBeige { background-color: #f8f8f8; } .ct-u-backgroundMotive { background-color: #2196F3; } .ct-u-backgroundBeige { background-color: #fcfcfc; } .ct-isotope-gallery { margin-left: -15px; margin-right: -15px; } .ct-isotope-gallery .ct-services-header { letter-spacing: 1.2px; color: #ffffff; z-index: 1; transition: all .3s ease; } .ct-isotope-gallery .ct-services-header:after { content: ' '; display: block; border-bottom: 3px solid white; opacity: 0.3; width: 30px; padding-top: 15px; transition: all .3s ease; } .ct-isotope-item { width: 50%; } .ct-isotope-item:hover .ct-services-header { padding-left: 10px; } .ct-isotope-item .ct-isotope-item-inner { padding: 0 15px; } .ct-isotope-item .ct-isotope-item-inner img { max-width: none; width: 100%; height: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ct-isotope-item .ct-isotope-item-inner img:hover { /*width: 105%; height: 105%;*/ -webkit-filter: brightness(50%); -moz-filter: brightness(50%); -o-filter: brightness(50%); -ms-filter: brightness(50%); filter: brightness(50%); } .ct-isotope-item .ct-isotope-item-inner .ct-testimonials img { max-width: none; width: auto; } .ct-isotope-item .ct-isotope-item-inner .ct-testimonials h5 { font-style: normal; } @media (max-width: 480px) { .ct-isotope-item { width: 100%; } } .ct-isotope-item__media { position: relative; overflow: hidden; } .ct-isotope-item__inner { position: relative; top: -95px; margin-bottom: -45px; left: 30px; color: white; } .ct-gallery .ct-gallery .ct-slick .item { width: 100%; } .ct-tablet-searcher { display: none; padding-top: 20px; background-color: transparent; -webkit-transform: all 0.3s ease; -moz-transform: all 0.3s ease; -o-transform: all 0.3s ease; -ms-transform: all 0.3s ease; transform: all 0.3s ease; } .ct-tablet-searcher:hover { color: #2196F3; background-color: transparent; } @media (max-width: 1200px) { .ct-tablet-searcher { display: inline-block; } .ct-desktop-searcher { display: none; } .navbar-left li { font-size: 16px; margin-right: 20px; } } .ct-header-contact { text-align: right; padding: 48px 0 0; } .ct-header-contact ul { display: inline-block; } .ct-header-contact li { padding-left: 20px; } .ct-header-contact li a { font-size: 26px; color: #333; } .ct-header-contact li a:hover { color: #2196F3; } @media (max-width: 991px) { .ct-header-contact { padding: 57px 0 0; } } @media (max-width: 767px) { .ct-header-contact { padding: 10px 0 5px; text-align: center; } .ct-header-contact li { padding-left: 15px; } .ct-header-contact li a { font-size: 20px; } } .ct-color-box { padding-top: 20px; } .ct-color-box .btn-group .btn { padding: 0; } .ct-color-box .btn-group .btn.btn-accent { padding: 18px 16px; } .datepicker { padding-left: 12px; } body.boxed .ct-pageWrapper, .ptn1 .ct-pageWrapper, .ptn2 .ct-pageWrapper, .ptn3 .ct-pageWrapper, .ptn4 .ct-pageWrapper, .ptn5 .ct-pageWrapper, .ptn6 .ct-pageWrapper, .ptn7 .ct-pageWrapper, .ptn8 .ct-pageWrapper, .ptn9 .ct-pageWrapper, .ptn10 .ct-pageWrapper, .ptn11 .ct-pageWrapper, .ptn12 .ct-pageWrapper, .ptn13 .ct-pageWrapper { max-width: 1400px; margin: auto; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3); background-color: #fff; } .ptn1, .ptn2, .ptn3, .ptn4, .ptn5, .ptn6, .ptn7, .ptn8, .ptn9, .ptn10, .ptn11, .ptn12, .ptn13 { background-attachment: fixed !important; } .ptn1 { background: url("../images/bg_pattern_01.png") repeat; } .ptn2 { background: url("../images/bg_pattern_02.png") repeat; } .ptn3 { background: url("../images/bg_pattern_03.png") repeat; } .ptn4 { background: url("../images/bg_pattern_04.jpg") repeat; } .ptn5 { background: url("../images/bg_pattern_05.jpg") repeat; } .ptn6 { background: url("../images/bg_pattern_06.jpg") repeat; } .ptn7 { background: url("../images/bg_pattern_07.jpg") repeat; } .ptn8 { background: url("../images/bg_pattern_08.jpg") repeat; } .ptn9 { background: url("../images/bg_pattern_09.png") repeat; } .ptn10 { background: url("../images/bg_pattern_10.png") repeat; } .ptn11 { background: url("../images/bg_pattern_11.jpg") repeat; } .ptn12 { background: url("../images/bg_pattern_12.png") repeat; } .lg-outer .lg-thumb-item { height: 90px; } .open-days { color: #2196F3; font-size: 20px; font-weight: 500; margin-top: 0; letter-spacing: 0; line-height: 1; margin-top: 5px; } .open-hours { font-size: 20px; font-weight: 500; margin-top: 0; letter-spacing: 0; color: #000; margin-bottom: 15px; line-height: 1; } .ct-mainContent { padding-right: 30px; } @media (max-width: 1200px) { .ct-mainContent { padding-right: 0; } } .ct-historyPost.ct-description p { padding-top: 0; margin-top: 0; } .ct-historyPost h3 { margin-bottom: 35px; } .team-box .caption-box .caption.upper { bottom: 40px; left: 30px; } .ct-careersSection .ct-siteMenu li { position: relative; padding-left: 17px; padding-bottom: 15px; padding-top: 0; } .ct-careersSection .ct-siteMenu li:before { position: absolute; top: 2px; left: 0; } .ct-priceSection .ct-pricingBox .ct-pricingBox-desc ul { padding-left: 25px; padding-right: 25px; } .ct-priceSection .ct-pricingBox .ct-pricingBox-desc ul li { padding: 5px 0; } @media (min-width: 1200px) { .ct-historyPost .ct-historyGallery img { max-width: 270px; } } @media (max-width: 480px) { .ct-blog-post + .ct-blog-post { padding-top: 25px; } .ct-pagination { padding-right: 0; padding-bottom: 50px; } .ct-pagination a { font-size: 10px; } .ct-pagination .ct-pagination--numbers { padding-right: 10px; padding-left: 10px; } } label { font-size: 16px; } .riferimenti-header{ font-family: 'Rajdhani', sans-serif; font-size: 18px; font-weight:500; margin: 0; line-height: 1; } .numero-header{ font-size: 36px; font-weight:500; font-family:inherit; margin: 0px; line-height: 1.1; } .via-header{ font-family: 'Rajdhani', sans-serif; font-size: 16px; font-weight:500; margin: 0px; line-height: 1; }