/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the top of the * compiled file, but it's generally better to create a new file per style scope. * */ .animated{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}@-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 shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .flip { transform-style: preserve-3d; -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-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 fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}html,body{min-height:100%}.humane,.humane-jackedup{position:fixed;transition:all .6s ease-in-out;z-index:100000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}.humane,.humane-jackedup{background-color:#fff;border-radius:0 0 3px 3px;color:#333;font-size:16px;font-weight:400;left:0;margin:0 auto;opacity:0;padding:12px 20px;right:0;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.25);top:0px;width:40%;transform:translateY(-100px)}.humane p,.humane-jackedup p,.humane ul,.humane-jackedup ul{margin:0;padding:0}.humane ul,.humane-jackedup ul{list-style:none}.humane.humane-jackedup-info,.humane-jackedup.humane-jackedup-info{background-color:#755fff;color:#fff}.humane.humane-jackedup-success,.humane-jackedup.humane-jackedup-success{background-color:#96cd5a;color:#fff}.humane.humane-jackedup-error,.humane-jackedup.humane-jackedup-error{background-color:#dc4f4f;color:#fff}.humane-animate,.humane-jackedup.humane-jackedup-animate{opacity:1;transform:translateY(0)}.humane-animate:hover,.humane-jackedup.humane-jackedup-animate:hover{opacity:0.7}.humane-js-animate,.humane-jackedup.humane-jackedup-js-animate{opacity:1;transform:translateY(0)}.humane-js-animate:hover,.humane-jackedup.humane-jackedup-js-animate:hover{opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70)} /* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */ html, body { width: 100%; height: 100%; } body { -webkit-font-smoothing: subpixel-antialiased; background-color: #fff; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.4; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: 300; } strong, b { font-style: normal; font-weight: 500; } em, i { font-style: italic; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /*! normalize.css v1.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}/*! * Pikaday * Copyright © 2012 David Bushell | BSD & MIT license | http://dbushell.com/ */.pika-single{font-family:"proxima-nova",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;z-index:9999;display:block;position:relative;width:240px;padding:8px;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,0.5)}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;*display:inline;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;white-space:nowrap;text-indent:100%;overflow:hidden;opacity:.5;*position:absolute;*top:0}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');*left:0}.pika-next,.is-rtl .pika-prev{float:right;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');*right:0}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block;*display:inline}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:bold;text-align:center}.pika-button{cursor:pointer;display:block;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:center;background:#f5f5f5}.is-today .pika-button{color:#dc4f4f;font-weight:bold}.is-selected .pika-button{color:#fff;font-weight:bold;background:#755fff}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.pika-button:hover{color:#fff !important;background:#43434a !important;box-shadow:none !important} @font-face { font-family: "sg-icon-font"; src: url("https://simplegoods-fonts.s3.amazonaws.com/sg-icon-font-v01.eot"); src: url("https://simplegoods-fonts.s3.amazonaws.com/sg-icon-font-v01.eot?#iefix") format("embedded-opentype"), url("https://simplegoods-fonts.s3.amazonaws.com/sg-icon-font-v01.woff") format("woff"), url("https://simplegoods-fonts.s3.amazonaws.com/sg-icon-font-v01.ttf") format("truetype"), url("https://simplegoods-fonts.s3.amazonaws.com/sg-icon-font-v01.svg#sg-icon-font") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "sg-icon-font"; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; } .icon-add-symbol:before, .icon-alert:before, .icon-bookmark:before, .icon-bulleted-list:before, .icon-calendar-1:before, .icon-calendar-2:before, .icon-cancel:before, .icon-categories:before, .icon-circle-chevron-down:before, .icon-circle-delete:before, .icon-comment-2:before, .icon-comment-typing:before, .icon-compose:before, .icon-credit-card-back:before, .icon-credit-card-front:before, .icon-download-1:before, .icon-dropbox:before, .icon-envelope-1:before, .icon-expletive:before, .icon-graph-up-1:before, .icon-graph-up-2:before, .icon-happy-content:before, .icon-happy:before, .icon-heart:before, .icon-inbox-3:before, .icon-information:before, .icon-lab-beaker:before, .icon-laptop:before, .icon-light-bulb:before, .icon-lock:before, .icon-medical-symbol-fill:before, .icon-medical-symbol:before, .icon-mixer:before, .icon-molecule-2:before, .icon-paint-brush:before, .icon-paypal:before, .icon-percent:before, .icon-phone:before, .icon-photo-camera:before, .icon-reciept-2:before, .icon-reconciled:before, .icon-sad:before, .icon-save:before, .icon-settings-wheel:before, .icon-sg-logo:before, .icon-shippment:before, .icon-shopping-bag-add:before, .icon-shopping-bag-empty:before, .icon-sliders:before, .icon-smart-phone:before, .icon-star:before, .icon-stop:before, .icon-store-front:before, .icon-tablet:before, .icon-tag-1:before, .icon-tag-2:before, .icon-tag-3:before, .icon-ticket:before, .icon-trash-can:before, .icon-user-2:before, .icon-visual-eye:before { font-family: "sg-icon-font"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: subpixel-antialiased; display: inline-block; text-decoration: inherit; } .icon-add-symbol:before { content: "\f100"; } .icon-alert:before { content: "\f101"; } .icon-bookmark:before { content: "\f102"; } .icon-bulleted-list:before { content: "\f103"; } .icon-calendar-1:before { content: "\f104"; } .icon-calendar-2:before { content: "\f105"; } .icon-cancel:before { content: "\f106"; } .icon-categories:before { content: "\f107"; } .icon-circle-chevron-down:before { content: "\f108"; } .icon-circle-delete:before { content: "\f109"; } .icon-comment-2:before { content: "\f10a"; } .icon-comment-typing:before { content: "\f10b"; } .icon-compose:before { content: "\f10c"; } .icon-credit-card-back:before { content: "\f10d"; } .icon-credit-card-front:before { content: "\f10e"; } .icon-download-1:before { content: "\f10f"; } .icon-dropbox:before { content: "\f110"; } .icon-envelope-1:before { content: "\f111"; } .icon-expletive:before { content: "\f112"; } .icon-graph-up-1:before { content: "\f113"; } .icon-graph-up-2:before { content: "\f114"; } .icon-happy-content:before { content: "\f115"; } .icon-happy:before { content: "\f116"; } .icon-heart:before { content: "\f117"; } .icon-inbox-3:before { content: "\f118"; } .icon-information:before { content: "\f119"; } .icon-lab-beaker:before { content: "\f11a"; } .icon-laptop:before { content: "\f11b"; } .icon-light-bulb:before { content: "\f11c"; } .icon-lock:before { content: "\f11d"; } .icon-medical-symbol-fill:before { content: "\f11e"; } .icon-medical-symbol:before { content: "\f11f"; } .icon-mixer:before { content: "\f120"; } .icon-molecule-2:before { content: "\f121"; } .icon-paint-brush:before { content: "\f122"; } .icon-paypal:before { content: "\f123"; } .icon-percent:before { content: "\f124"; } .icon-phone:before { content: "\f125"; } .icon-photo-camera:before { content: "\f126"; } .icon-reciept-2:before { content: "\f127"; } .icon-reconciled:before { content: "\f128"; } .icon-sad:before { content: "\f129"; } .icon-save:before { content: "\f12a"; } .icon-settings-wheel:before { content: "\f12b"; } .icon-sg-logo:before { content: "\f12c"; } .icon-shippment:before { content: "\f12d"; } .icon-shopping-bag-add:before { content: "\f12e"; } .icon-shopping-bag-empty:before { content: "\f12f"; } .icon-sliders:before { content: "\f130"; } .icon-smart-phone:before { content: "\f131"; } .icon-star:before { content: "\f132"; } .icon-stop:before { content: "\f133"; } .icon-store-front:before { content: "\f134"; } .icon-tablet:before { content: "\f135"; } .icon-tag-1:before { content: "\f136"; } .icon-tag-2:before { content: "\f137"; } .icon-tag-3:before { content: "\f138"; } .icon-ticket:before { content: "\f139"; } .icon-trash-can:before { content: "\f13a"; } .icon-user-2:before { content: "\f13b"; } .icon-visual-eye:before { content: "\f13c"; } /*** Spectrum Colorpicker v1.8.0 https://github.com/bgrins/spectrum Author: Brian Grinstead License: MIT ***/ .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; -ms-user-select: none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; padding: 0; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; display:inline-block; *zoom: 1; *display: inline; color: #333; vertical-align: middle; border-radius: 2px; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float:left; font-size:10px; display: none; } .sp-preview { position:relative; width:25px; height: 25px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } abbr { cursor: pointer; } abbr a { border: 0; } #tooltip { background: #111; border-radius: 3px; color: #fff; font-size: 12px; font-weight: 400; padding: 10px; position: absolute; text-align: center; z-index: 998; } #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}.tour_item.active{z-index:9998;position:relative}#tour_mask{background-color:#000;display:block;height:100%;left:0;opacity:0.7;position:fixed;top:0;width:100%;z-index:20}#tour_dialog{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 35px rgba(0,0,0,.6);background-color:#fff;color:#43434a;display:none;font-size:16px;line-height:20px;max-width:480px;padding:25px;position:absolute !important;text-align:left;z-index:9999}#tour_dialog:hover a{opacity:1;transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s}#tour_dialog .btn{margin:0}#tour_dialog hr{background-color:#f5f5f5;border:medium none;height:2px;margin:15px 0}#tour_dialog .arrow{position:absolute;width:0;height:0}#tour_dialog .arrow.top{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;bottom:-10px;left:48%}#tour_dialog .arrow.bottom{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;left:48%;top:-8px}#tour_dialog .arrow.right{border-bottom:10px solid transparent;border-right:10px solid #fff;border-top:10px solid transparent;left:-10px;top:8px}#tour_dialog .arrow.left{border-bottom:10px solid transparent;border-left:10px solid #fff;border-top:10px solid transparent;right:-10px;top:8px} /* hide Uploadcare file picker buttons */ .uploadcare--widget { display: none !important; } /* mia culpa – hide powered-by link */ .uploadcare--dialog__powered-by { display: none !important; } .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}.cols{margin:0 -2%}div[class*="col-"]{box-sizing:border-box;float:left;margin:0 2%}.col-20{width:16%}.col-25{width:21%}.col-33{width:29.333%}.col-50{width:46%}.col-66{width:62%}.col-75{width:71%}.col-100{width:96%}@media (max-width:768px){.cols{margin:0 -2% 50px}div[class*="col-"]{box-sizing:border-box;float:left;margin:0 1%}.cols .col-33{width:48%}.cols .col-33:nth-of-type(3n+3){clear:left}}@media (max-width:480px){.cols{margin:0 0 !important}div[class*="col-"]{width:100% !important;margin:0 0 10px !important;clear:none !important}} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}form{display:inline-block;text-align:left}form .btn{margin:0}*:focus{outline:0}.btn-group-toggle{margin:5px 0 20px}.cols form{display:block}label{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;color:#868696;cursor:pointer;display:block;font-size:12px;font-weight:400;margin:0;overflow:hidden;padding:0;position:relative;text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}label a{color:#ccc;text-transform:capitalize;text-decoration:none}label a:hover{color:#595959}label span{color:#868696;position:absolute;right:0;top:0;text-align:right;text-transform:capitalize}label span.left{position:relative}label i{color:#CCCCCC;margin-left:4px}label.inline{width:50%;padding:5px 0}abbr[title]{border-bottom:none}input{display:block}.StripeElement,.select-wrapper,input[type="text"],input[type="email"],input[type="password"],textarea{border:2px solid #C4C4C4;border-radius:4px;font-weight:400;margin:5px 0 8px;padding:12px;width:100%;min-height:48px;box-sizing:border-box;-webkit-appearance:none}.StripeElement.StripeElement--focus,.select-wrapper.StripeElement--focus,input[type="text"].StripeElement--focus,input[type="email"].StripeElement--focus,input[type="password"].StripeElement--focus,textarea.StripeElement--focus,.StripeElement:focus,.select-wrapper:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus{border-color:#755fff}.StripeElement.StripeElement--invalid,.select-wrapper.StripeElement--invalid,input[type="text"].StripeElement--invalid,input[type="email"].StripeElement--invalid,input[type="password"].StripeElement--invalid,textarea.StripeElement--invalid,.StripeElement.error,.select-wrapper.error,input[type="text"].error,input[type="email"].error,input[type="password"].error,textarea.error{border-color:#dc4f4f;color:#dc4f4f}input::-moz-placeholder{color:#9D9D9D}input:-ms-input-placeholder{color:#9D9D9D}input::placeholder{color:#9D9D9D}.select-wrapper{box-sizing:border-box;width:100%;padding:0;position:relative}.select-wrapper:after{content:"▾";position:absolute;right:10px;top:10px;pointer-events:none}.select-wrapper select{-webkit-appearance:none;background-color:transparent;border:0;font-size:16px;font-style:normal;font-weight:400;height:42px;line-height:1.4;text-indent:10px;text-transform:capitalize;background-color:#fff}.StripeElement{width:auto}input[readonly="readonly"]{color:#868696}input[type="checkbox"].inline{float:right}.toggle-box{background-color:rgba(0,0,0,0.1);border-radius:100px;border:1px solid #ccc;cursor:pointer;display:inline-block;float:right;height:25px;position:relative;width:80px}.toggle-box .switch{background-color:#fff;border-radius:100px;height:100%;left:0px;position:absolute;width:36px;z-index:2}.toggle-box .labels{position:relative;width:26px;z-index:1}.toggle-box .labels:before{color:#fff;content:"On";font-size:14px;font-weight:400;left:8px;position:absolute;text-transform:uppercase;top:3px}.toggle-box .labels:after{color:#ccc;content:"Off";font-size:14px;font-weight:400;position:absolute;right:-46px;text-transform:uppercase;top:3px}.toggle-box.on{background-color:#96cd5a}.toggle-box.on .switch{left:42px}.toggle-box.disabled{opacity:.5;cursor:default}input:disabled,select:disabled{background-color:#f5f5f5;color:#ccc}input:disabled:focus,select:disabled:focus{border:2px solid #868696;box-shadow:none}select{cursor:pointer;width:200px}select.block{width:100%}select:disabled{color:#ccc;cursor:default}input[type="text"].half,input[type="email"].half,input[type="password"].half{width:72px}input.block,input[type="text"].block,input[type="email"].block,input[type="password"].block,textarea.block,select.block,.select.block{box-sizing:border-box;display:block;width:100%}.input-prepend,.input-append{display:inline-block;position:relative}.input-prepend .add-on,.input-append .add-on{color:#868696;font-weight:400;pointer-events:none;position:absolute;top:17px}.input-prepend .add-on--tooltip,.input-append .add-on--tooltip{pointer-events:all}.input-prepend.icon .add-on,.input-append.icon .add-on{font-size:22px;top:16px}.input-prepend.block,.input-append.block{display:block}.input-prepend.block .add-on,.input-append.block .add-on{top:8px}i.icon-envelope-1{position:relative;top:5px}.input-append .add-on{right:14px}.input-prepend input{text-indent:14px}.input-prepend .add-on{left:14px}.input-prepend.icon{text-indent:34px}.progress_bar_wrapper{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:none;height:20px;margin-top:5px;overflow:hidden;position:relative;width:100%}.progress_bar_wrapper .progress_bar{background-color:#755fff;height:100%;left:0;position:absolute;top:0;width:0%;z-index:2}.progress_bar_wrapper .progress_bar_bg{background-color:#f5f5f5;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.progress_bar_wrapper .progress_percent{color:#43434a;font-size:12px;font-weight:400;position:relative;text-align:center;top:2px;z-index:3} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}.main{box-sizing:border-box;transition:left 0.3s ease, margin-left 0.3s ease, opacity 0.3s ease;position:relative;background-color:#fff;opacity:1;overflow:hidden;margin-left:64px;left:0}section{box-sizing:border-box;padding:25px 50px 50px;background-color:#fff}section h1{margin-top:0}.options-row{margin-bottom:25px}.options-row ul{list-style:none;padding:0;margin:0}.options-row h1{margin:0}.options-row input{margin-top:0;margin-bottom:0}.options-row input[type="text"]{width:300px}.options-row select,.options-row .dk_container{margin-top:0;margin-bottom:0}.options-row .btn{margin:0}.heading{border-bottom:1px solid #f5f5f5;color:#CCCCCC;font-weight:400;margin:0 0 20px}.heading a{color:#ccc;text-transform:capitalize;text-decoration:none}.heading a:hover{color:#595959}.action-footer{align-items:center;background-color:#fff;border-top:1px solid #f5f5f5;bottom:0;box-sizing:border-box;display:flex;left:64px;padding:10px 15px;position:fixed;right:0;z-index:1}.action-footer .pull-right{margin-left:auto}.action-footer .btn{margin:0}.action-footer a{color:#868696;font-size:14px;font-weight:400;text-decoration:none;text-transform:uppercase}.action-footer a:hover{color:#43434a}@media (min-width:768px) and (max-width:979px){.main{margin-left:0}section{padding:65px 30px 30px}}@media (max-width:480px){.main{margin-left:0}section{padding:65px 15px 15px}.options-row{display:none}.action-footer{border-top:1px solid #F5F5F5;margin-top:0;padding:10px 0}.action-footer a{display:none}.action-footer .btn{display:block;width:100%}} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}.btn,a.btn{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;transition:all 0.3s ease;border:0;background-color:#43434a;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:20px;margin:0 15px;outline:0;padding:14px 20px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:capitalize;top:0;white-space:nowrap;min-height:48px}.btn i,a.btn i{margin-right:6px}.btn:hover,a.btn:hover{transition:all 0.3s ease;background-color:#5b5b65;color:#fff;outline:0}.btn:active,a.btn:active{outline:0}.btn:focus,a.btn:focus{outline:0}@-moz-document url-prefix(){input[type="button"].btn,input[type="submit"].btn{border:0}}div[class^="col-"] .btn{margin-left:0;margin-right:0}.btn.small{font-size:12px;font-weight:400;padding:8px 16px 6px}.btn.large{font-size:18px;font-weight:normal}.btn.xlarge{font-size:24px;font-weight:400}.btn.alt{background-color:transparent !important;border:2px solid #43434a;color:#43434a}a.btn,a.btn.alt,a>.btn,a>.btn.alt{text-decoration:none}.btn.light,.btn.alt.light{background-color:#E8E8E8;color:#A9A9A9}.btn.light:hover,.btn.alt.light:hover{color:#43434a}.btn.green,.btn.alt.green{background-color:#96cd5a;color:#fff}.btn.green:hover,.btn.alt.green:hover{background-color:#afd981}.btn.blue,.btn.alt.blue{background-color:#755fff;color:#fff}.btn.blue:hover,.btn.alt.blue:hover{background-color:#a192ff}.btn.red,.btn.alt.red{background-color:#dc4f4f;color:#fff}.btn.red:hover,.btn.alt.red:hover{background-color:#e47a7a}.btn.white,.btn.alt.white{background-color:#fff;color:#fff}.btn.white:hover,.btn.alt.white:hover{background-color:#fff}.btn.facebook{background-color:#4872c9;color:#fff}.btn.facebook:hover{background-color:#769ae0}.btn.twitter{background-color:#1f98e4;color:#fff}.btn.twitter:hover{background-color:#52b5f3}.btn.dropbox{background-color:#007ee5;color:#fff}.btn.dropbox:hover{background-color:#1998ff}.btn.block{display:block;margin:5px 0;width:100%}button[disabled=disabled],button:disabled,.btn:disabled,.btn.disabled{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;pointer-events:none;background-color:#868696;color:rgba(255,255,255,0.5);cursor:default;text-shadow:none}button[disabled=disabled]:hover,button:disabled:hover,.btn:disabled:hover,.btn.disabled:hover{background-color:#868696;color:rgba(255,255,255,0.5)}button[disabled=disabled]:active,button:disabled:active,.btn:disabled:active,.btn.disabled:active{top:0}.btn-group-toggle{display:inline-block;position:relative;text-align:center}.btn-group-toggle .btn{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;transition:all 0.3s ease;background-color:#868696;color:#fff;float:left;margin:0}.btn-group-toggle .btn:hover{background-color:#9494a2;color:#fff}.btn-group-toggle .btn.active{cursor:default;background-color:#43434a;color:#fff;overflow:hidden}.btn-group-toggle .btn:first-child{border-radius:3px 0 0 3px}.btn-group-toggle .btn:first-child.active:after{border-bottom:15px solid transparent;border-left:15px solid #96cd5a;content:"";left:-2px;position:absolute;top:-2px}.btn-group-toggle .btn:last-child{border-radius:0 3px 3px 0}.btn-group-toggle .btn:last-child.active:after{border-bottom:15px solid transparent;border-right:15px solid #96cd5a;content:"";right:-2px;position:absolute;top:-2px}.btn-group-toggle.block{display:block;padding:0}.btn-group-toggle.block .btn{width:50%}.btn-group-toggle.three.block{display:block;padding:0}.btn-group-toggle.three.block .btn{width:33%}form .btn-group-toggle{margin:5px 0 20px}.uploadcare--button.uploadcare--button_size_big.uploadcare--button_primary{background-color:#157cfc} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}.bounceFadeIn{-webkit-animation-name:bounceFadeIn;animation-name:bounceFadeIn;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceFadeIn{0%{opacity:0;transform:scale(.85)}66%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes bounceFadeIn{0%{opacity:0;transform:scale(.85)}66%{transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}.bounceFadeOut{-webkit-animation-name:bounceFadeOut;animation-name:bounceFadeOut;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceFadeOut{0%{opacity:1;transform:scale(1)}33%{transform:scale(1.05)}100%{opacity:0;transform:scale(.85)}}@keyframes bounceFadeOut{0%{opacity:1;transform:scale(1)}33%{transform:scale(1.05)}100%{opacity:0;transform:scale(.85)}} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}body{overflow-x:hidden;color:#43434a}a{color:#868696;cursor:pointer;outline:0;text-decoration:none;border-bottom:2px solid #f5f5f5;font-weight:400}a:hover{color:#43434a;border-color:#868696}i.icon-visual-eye{position:relative;top:3px}.ajax_loader{background-image:url(https://app.simplegoods.co/assets/ajax_loader.gif);display:none;height:48px;position:absolute;left:50%;top:50%;margin:-24px -24px;width:48px}.notification{box-sizing:border-box;border-radius:0 0 3px 3px;background-color:#43434a;color:#fff;margin:5px 0 20px;padding:15px;margin:0 0 25px 0;position:relative}.notification i{color:#FFFFFF;font-size:26px;left:14px;position:absolute;top:9px}.notification a{border-bottom:2px solid rgba(255,255,255,0.25);color:#fff;font-weight:400}.notification a:hover{border-color:#fff}.notification .message{text-align:left;text-indent:36px;font-weight:400}.notification .or{display:inline-block;margin:0 10px}.notification.error{background-color:#dc4f4f}.notification.info{background-color:#755fff}.notification-dot{border-radius:150px;-moz-border-radius:150px;-webkit-border-radius:150px;height:8px;position:absolute;left:20px;top:-4px;width:8px;background-color:#dc4f4f}.pull-right{float:right}.pull-left{float:left}.push-right{margin-right:10px !important}.push-left{margin-left:10px !important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.block-level{display:block;width:100%}.uppercase{text-transform:uppercase}.hr{background-color:#CCCCCC;display:block;height:1px;margin:35px auto;text-align:center;width:180px} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}.test-mode{background-color:#ffe74e;text-align:center;top:0;width:100%;z-index:99999;display:flex;justify-content:space-between;box-sizing:border-box;height:46px;align-items:center;cursor:default;position:-webkit-sticky;position:sticky}.embed .test-mode{box-shadow:0 2px 15px -7px;position:fixed}.test-mode__label{background-color:#333;color:#fff;text-transform:uppercase;font-weight:400;font-size:13px;height:46px;padding-left:14px;padding-right:14px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.test-mode span{background-color:#e4cd36;padding:4px 6px;border-radius:4px;font-family:monospace;font-weight:bold;margin-right:6px;cursor:text}.test-mode a{border-radius:3px;border:1px solid rgba(0,0,0,0.25);color:#333;font-size:14px;font-weight:500;margin-right:14px;padding:4px 10px;text-decoration:none}.test-mode a:hover{border-color:#333} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}body{background-color:#f5f5f5}body .container{margin:25px auto;position:relative;width:500px}body .social{position:absolute;left:-96px;text-align:center}body .social .item{margin-bottom:8px}body .hr{width:100%;margin:10px 0 20px}body .top-bar{box-sizing:border-box;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;background-color:#fff;border-bottom:1px solid #f5f5f5;height:50px;padding:15px;text-align:right;width:100%}body .top-bar a#cancel{color:#ccc;display:inline-block;font-weight:bold;outline:0;padding:0 10px;position:relative;top:-2px}body .top-bar a#cancel:hover{color:#43434a}body .top-bar .icon-lock{border-right:2px solid #F9F9F9;color:#CCCCCC;display:inline-block;font-size:20px;margin-right:10px;padding-right:20px}body .product-media-preview{background-size:cover;background-color:#fff;background-position:center center;background-repeat:no-repeat;height:300px;overflow:hidden;position:relative;width:100%}body .price-tag{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;background-color:#43434a;color:#FFFFFF;font-size:16px;font-weight:400;padding:10px 14px;position:absolute;right:0;top:15px}body .product-details{display:block}body .product-details .merchant{text-align:left;color:#A8A8A8;font-size:12px;padding:20px 0 0;margin:0}body .product-details .specs{font-size:12px;padding:20px;text-align:left;color:#868696}body .product-details .specs span{background-color:#FFFFFF;border-radius:24px 24px 24px 24px;border:3px solid #CCCCCC;display:inline-block;margin:0 2px;padding:5px 15px;position:relative;text-transform:uppercase;white-space:nowrap}body .product-details p:empty{display:none}body .product-description.closed{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:64px}body .product-description p:last-child{margin-bottom:0}body .product-download{box-sizing:border-box;border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;background-color:#fff;padding:30px;position:relative}body .product-download h3{margin:0}body .product-download p{color:#868696;margin:10px 0 20px}body .product-download small{color:#868696;margin:10px 0}body .product-download #dropbox-saver-btn{margin-top:10px}body .product-download .unsubscribe{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;border-top:1px solid #CCCCCC;color:#595959;display:block;font-size:12px;font-weight:400;margin:30px 0 0;overflow:hidden;padding:20px 0 0;text-align:left;text-transform:uppercase}body .product-download .unsubscribe label{float:left}body .product-download .unsubscribe input[type="checkbox"]{float:left;margin-left:10px}body .product-download i.icon-reconciled{font-size:60px}body i.icon-reconciled{color:#96cd5a;display:block;font-size:60px}body .payment{box-sizing:border-box;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#fff;position:relative}body .payment label{display:none}body .payment label.payment-amount,body .payment label.pay-with{display:block}body .payment.placeholders label{display:block}body .payment form{display:block}body .payment form .input-prepend .add-on{top:12px}body .payment ul.payment-method-toggle{margin:5px 0 12px}body .payment #payment-submit{margin-top:16px}body .payment #card-number,body .payment #expiration,body .payment #security-code{margin:5px 0}body .payment .promotion-expand{transition:all 0.3s ease;color:#A9A9A9;cursor:pointer;display:inline-block;font-size:12px;font-weight:bold;margin:5px 0 20px;text-transform:uppercase;border-bottom:1px dashed #ccc}body .payment .promotion-expand:hover{transition:all 0.3s ease;color:#43434a}body .payment .promotion{display:none}body .payment .promotion span.add-on{top:12px}body .payment .promotion span.add-on i{display:none}body .payment .promotion span.add-on i.green{display:block;color:#96cd5a;font-size:19px}body .security-tag{color:#999;font-size:14px;margin:18px 0;text-align:center;font-weight:normal}body .security-tag a{color:#999;border-color:rgba(0,0,0,0.25)}body .security-tag a:hover{color:#43434a;border-color:rgba(0,0,0,0.55)}body .security-tag i{display:block;font-size:34px;margin:4px 0 0;text-align:center}body .hpot{visibility:hidden;position:absolute;left:-2000px;pointer-events:none}body .checkout-trial-notice{text-align:center;font-size:14px;color:#888;padding:4px 0}@media (max-width:480px){body .container{margin:0 auto;width:100%}body .container .payment form{display:block;margin:0 auto;width:100%}body .container .payment label{display:none}body .social{display:none}body .specs{text-align:center}body .product-media-preview{height:180px}} .transition{transition:all 0.3s ease}.border-box{box-sizing:border-box}.background-cover{background-size:cover}.flip{transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.no-selection{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.selection-color ::-moz-selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.selection-color ::selection{background-color:#f5f2bb;color:#2d2d2d;text-shadow:none}.placeholder ::-webkit-input-placeholder{color:#d9d9d9}.placeholder :-moz-placeholder{color:#d9d9d9}.accelerate{-webkit-transform:translateZ(0)}body.embed{background:none;display:flex;justify-content:center;align-items:center}body.embed #mask{background-color:rgba(0,0,0,0.4);background:radial-gradient(center center, ellipse closest-corner, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.8) 100%);height:100%;position:fixed;width:100%;z-index:999;display:none;top:0;left:0}body.embed .product-media-preview{height:300px}body.embed .product-header{background-color:#fff;text-align:center}body.embed .product-header__logo{background-color:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:4px;box-shadow:0 2px 10px -5px;height:96px;margin-bottom:-12px;margin:auto;position:relative;top:-30px;width:96px}body.embed .container{margin:auto;position:relative;width:500px;z-index:1000}body.embed .container .security-tag.footer{background-color:rgba(0,0,0,0.15);border-radius:4px;color:rgba(255,255,255,0.75);font-size:12px;font-weight:normal;margin:0;padding:10px;text-align:center;position:absolute;bottom:-50px;left:0;right:0}body.embed .container .security-tag.footer a{color:rgba(255,255,255,0.75);border-color:rgba(255,255,255,0.25)}body.embed .container .security-tag.footer a:hover{color:#fff;border-color:#fff}body.embed .container .security-tag.footer i{display:block;font-size:34px;margin:4px 0 0;text-align:center}body.embed .container .content-wrapper{box-shadow:0 0 35px rgba(0,0,0,.6);border-radius:3px}body.embed{padding:0}@media (max-width:480px){body.embed #mask{background:none repeat scroll 0 0 #fff}body.embed .container{width:100%;margin:0}body.embed .container .content-wrapper{box-shadow:none}body.embed .container .security-tag.footer{color:#868696}body.embed .container .security-tag.footer a{color:#868696}} .filled{fill:#ffc107 !important}.star{cursor:pointer}.empty{fill:#e4e4e4 !important}