/* animate.css */
@charset "UTF-8";body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) 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}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-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)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-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;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}

@font-face {
	font-family: 'Gotham Rounded Light';
	src: url('../fonts/GothamRnd-LightIta.eot'); /* IE9 Compat Modes */
	src: url('../fonts/GothamRnd-LightIta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/GothamRnd-Light.woff') format('woff'), /* Modern Browsers */
		url('../fonts/GothamRnd-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/GothamRnd-Light.svg#GothamRoundedLight') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'Gotham Rounded Book';
	src: url('../fonts/GothamRndBook.eot'); /* IE9 Compat Modes */
	src: url('../fonts/GothamRndBook.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/GothamRndBook.woff') format('woff'), /* Modern Browsers */
		url('../fonts/GothamRndBook.ttf')  format('truetype'), /* Safari, Android, iOS */
		url('../fonts/GothamRndBook.svg#GothamRoundedBook') format('svg'); /* Legacy iOS */
}

html {
	min-height: 100%;
	position: relative;
}

body {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 110px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

a {
    color: #20A7F5;
    cursor: pointer;
}

.glyphicons.blue:before {
    color: #20a7f5;
}

.ns-effect-thumbslider {
	font-size: 130%;
	z-index: 999999;
}

.ns-effect-thumbslider .ns-thumb {
	background-color: #fff;
	color: #999;
	font-size: 36px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	width: 64px;
}

.ns-effect-thumbslider .ns-content {
	font-weight: normal;
}

.ns-effect-thumbslider.ns-type-success .ns-thumb,
.ns-effect-thumbslider.ns-type-success .ns-content {
	background-color: #5CB85C;
    color: #fff;
}

.ns-effect-thumbslider.ns-type-warning .ns-thumb,
.ns-effect-thumbslider.ns-type-warning .ns-content {
	background-color: #F0AD4E;
    color: #fff;
}

.ns-effect-thumbslider.ns-type-notice .ns-thumb,
.ns-effect-thumbslider.ns-type-notice .ns-content {
	background-color: #F9F9F9;
    color: #20A7F5;
}

.ns-effect-thumbslider.ns-type-error .ns-thumb,
.ns-effect-thumbslider.ns-type-error .ns-content {
	background-color: #D9534F;
    color: #fff;
}

.editable-click, a.editable-click, a.editable-click:hover {
    border-bottom: none;
}

a.editable-click:hover {
    background-color: #EDEC87;
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #eed3d7;
}
.bs-callout-danger h4 {
  color: #b94a48;
}
.bs-callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.bs-callout-warning h4 {
  color: #8a6d3b;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.bs-callout-info h4 {
  color: #34789a;
}

.bs-callout-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.simplistBlue {
    color: #20A7F5;
}

/*
 * Multileve dropdown
 */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

hr.faded {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1.4em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}

div.minimized {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
}

.btn-primary, .panel-primary .panel-heading {
    background-color: #20A7F5;
    border-color: #1984c2;
}

.btn-primary:hover {
    background-color: #1984c2;
    border-color: #1984c2;
}

label.error {
    color: #FF0000;
    font-size: 12px;
    font-weight: normal;
    margin: 4px 0 0;
}

.siteContainer {
	padding-bottom: 100px;
}

.breadcrumb {
    background-color: #fff;
    font-size: 36px;
    font-weight: bold;
}

.breadcrumb .active {
    color: #333;
}

.modal-header {
    background-color: #20A7F5;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff;
}

.footer {
    background-color: #20A7F5;
    bottom: 0;
    color: #fff;
    height: 110px;
    padding: 30px 0;
    position: absolute;
	width: 100%;	
}

.footerMenu {
	margin-bottom: 10px;
}

.footerMenu a {
	color: #fff;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.footerMenu a:hover {
	color: #2a6496;
}

.footerCopy {
	color: #cee7fc;
}

.upgradeReminder {
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 7px 10px;
}

.upgradeReminder .btn {
	margin-left: 10px;
	margin-top: -2px;
}

#helpTabOverlay {
	bottom: 0;
	display: none;
	left: 0;
	outline: 0 none;
	overflow-x: auto;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}

#helpTab {
	bottom: -292px;
	height: 292px;
	position: fixed;
	right: 10%;
	width: 460px;
	z-index: 1060;
}

#helpTabBodyTop h4 {
    background: none repeat scroll 0 0 #D43F3A;
    color: #FFFFFF;
    margin: 0;
    width: 100%;
    text-indent: 10px;
    line-height: 3em;
    height: 3em;
}

#helpTabBodyBottom {
    padding: 10px;
}

#helpTab.guestUser {
	bottom: -340px;
	height: 340px;
}


#helpTab #helpTabButton {
	background-color: #D43F3A;
	border: 2px solid #D43F3A;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 35px;
	padding-top: 4px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: -35px;
	vertical-align: middle;
	width: 120px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
	z-index: 1061;
}

#helpTab #helpTabButton:hover {
	background-color: #d2322d;
	border-color: #ac2925;
}

#helpTab .glyphicon-question-sign {
	font-size: 20px;
	margin: -4px 5px 0 0;
	vertical-align: middle;
}

#helpTabBody {
	background-color: #fff;
	border: 4px solid #D43F3A;
	border-bottom: none;
	border-top-left-radius: 4px;
	display: none;
	height: 292px;
	width: 460px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
	position: absolute;
	z-index: 1070;
}

#helpTab.guestUser #helpTabBody {
	height: 340px;
}

#helpTabBody .col-xs-6 {
 	padding-left: 0;
 	padding-right: 0;
}

#helpTabBody .helpTabNameGroup {
	padding-right: 5px;
}

#helpTabBody .helpTabEmailGroup {
	padding-left: 5px;
}

#helpTabBody .sendingHelpSpinner {
	display: none;
}

#helpTabBody .form-inline {
	margin-bottom: 5px;
}

#helpTabBody .error {
	color: #ff0000;
	display: none;
	margin-top: 5px;
}

#helpTabBody #helpTabFooter {
	margin-top: 10px;
}

header.navbar {
	border-radius: 0;
}

header.navbar-inverse {
    background-color: #20A7F5;
    border: none; 
    border-bottom: 3px solid #fff;   
}

header.navbar-inverse.headerNoMargin {
	margin-bottom: 0;
}

header .navbar-header {
    padding: 0;
}

header .navbar-brand {
    height: 74px;
    padding: 0;
    width: 200;
}

.img-responsive.logo {
    max-height: 60px;
    display: inline;
    margin-top: 7px;
}

header.navbar-inverse .navbar-nav {
    padding-top: 12px;
}

header.navbar-inverse .navbar-nav > li {
    margin-left: 10px;
}

header.navbar-inverse .navbar-nav > li > a {
    border-radius: 4px;
    color: #fff;
}

header.navbar-inverse .navbar-nav > li > a .badge {
    background-color: #1D95DB;
}

header.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #1D95DB;
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #1D95DB;
    color: #fff;
}


header.navbar-inverse .navbar-nav > .active > a, header.navbar-inverse .navbar-nav > .active > a:hover, header.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #fff;
    color: #20A7F5;
}

header.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

header.navbar .navbar-form {
	padding-top: 12px;
}

header.navbar .navbar-form label {
	color: #fff;
	font-weight: normal;
}

header.navbar .navbar-form .form-control {
	width: 140px;
}

header.navbar .navbar-form .btn-primary {
	background-color: #1984c2;
}

.pageTitle {
	margin-bottom: 30px;
}

.pageTitle h1 span {
    color: #999;
}

.pageTitle .requestLeft {
	font-size: 150%;
	margin-top: 24px;
}

.pageTitle .requestLeft span {
	color: #20A7F5;
}

.pageTitle .requestLeft .btn {
	margin-left: 10px;
}

.pageTitle.fixed {
    background-color: #F9F9F9;
    border-bottom: 1px solid #F0F0F0;
    left: 0;
    margin: 0;
    padding-bottom: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.pageTitle .startYourOwnLists {
	padding-top: 32px;
}

.onboardingProgress {
	margin-bottom: 10px;
}

.onboardingProgress .col-xs-4 {
	padding-left: 0;
	padding-right: 0;
}

.onboardingProgress .step {
	color: #aaa;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

.onboardingProgress .step .glyphicon {
	color: #5CB85C;
	font-size: 16px;
	display: inline-block;
	margin-right: 5px;
}

.onboardingProgress .step.current {
	color: #fff;
}

.onboardingProgress .step.done,
.onboardingProgress .step.done-done {

}

.onboardingProgress .step.step1 {
	background: #e7e7e7 url(../img/onboarding/step1.png) right top no-repeat;
}

.onboardingProgress .step.step1.current {
	background: #20A7F5 url(../img/onboarding/step1-current.png) right top no-repeat;
}

.onboardingProgress .step.step1.done {
	background: #e7e7e7 url(../img/onboarding/step1-done.png) right top no-repeat;
}

.onboardingProgress .step.step1.done-done {
	background: #e7e7e7 url(../img/onboarding/step1-done-done.png) right top no-repeat;
}

.onboardingProgress .step.step2 {
	background: #f0f0f0 url(../img/onboarding/step2.png) right top no-repeat;
}

.onboardingProgress .step.step2.current {
	background: #20A7F5 url(../img/onboarding/step2-current.png) right top no-repeat;
}

.onboardingProgress .step.step2.done {
	background: #f0f0f0 url(../img/onboarding/step2-done.png) right top no-repeat;
}

.onboardingProgress .step.step2.done-done {
	background: #f0f0f0 url(../img/onboarding/step2-done-done.png) right top no-repeat;
}

.onboardingProgress .step.step3 {
	background: #f8f8f8;
}

.onboardingProgress .step.step3.current {
	background: #20A7F5;
}

.onboardingProgress .step.step3.done {
	background: #f8f8f8;
}

.signUp.form {
    border: 3px solid #ccc;
    border-radius: 7px;
    padding: 0 24px;
}

.form-horizontal.userSignUp {
    margin: 0 auto;
    width: 90%;
}

.linkedinSignInElement img {
    margin: 0 auto;
}

.signUp h2 {
	margin-top: 5px;
}

.signUp li {
    font-size: 1.5em;
}

.signUp .form-group,
.logIn .form-group,
.forgotPassword .form-group,
.resetPassword .form-group,
.adminLogIn .form-group,
.addLists .form-group {
    background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 20px;
}

.signUp .form-group {
    margin-bottom: 10px;
    padding: 10px;
}

.signUp .form-group .error,
.logIn .form-group .error,
.forgotPassword .form-group .error,
.resetPassword .form-group .error,
.adminLogIn .form-group .error,
#userEditForm .form-group .error,
#requestForm .form-group .error,
#listEditForm .form-group .error {
    color: #FF0000;
    font-size: 12px;
    margin: 4px 0 0;
}

#requestForm .form-group .error,
#listEditForm .form-group .error {
    display: none;
}

.signUp .signUpOr {
	font-size: 24px;
	padding-top: 150px;
}

.signUp .signUpLinks {
	padding-top: 70px;
}

.connectAccountsAlert {
	font-size: 12px;
	padding: 7px;
}

.glyphicons.xl:before,
.glyphicons-icon.xl:before {
    font: 36px/0.7em 'Glyphicons Regular';
}

.glyphicons.sm:before,
.glyphicons-icon.sm:before {
    font: 18px/0em 'Glyphicons Regular';
}

.glyphicons.sm,
.glyphicons-icon.sm {
    padding-left: 30px;
}

.glyphicons.xs:before,
.glyphicons-icon.xs:before {
    font: 14px/0em 'Glyphicons Regular';
}

.glyphicons.xs,
.glyphicons-icon.xs {
    padding-left: 20px;
}

.connectAccountsNetwork {
    background-color: #20A7F5;
    border: 1px solid #1984c2;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.connectAccountsNetwork .networkName {
    font-size: 16px;
}

.connectAccountsNetwork .networkName .col-xs-9 {
    padding-top: 14px;
}

.connectAccountsNetwork.gmail .networkName .col-xs-9 {
    padding-top: 4px;
}

.connectAccountsNetwork .networkName i {
    display: inline-block;
    font-size: 44px;
    vertical-align: middle;
    text-align: center;
}

.connectAccountsNetwork .networkName .userNetworkProfileLink {
	color: #fff;
	display: block;
	font-size: 12px;
}

.connectAccountsNetwork .networkName .userNetworkProfileLink span {
	font-size: 11px;
	margin-left: 2px;
}

.connectAccountsNetwork a.disabled {
    cursor: default;
}

.connectAccountsNetwork .networkAdd a {
    color: #56e0c3;
    font-size: 30px;
}

.connectAccountsNetwork .networkRemove {
    padding-top: 10px;
}

.connectAccountsNetwork .networkRemove a {
    color: #bd3e25;
    font-size: 24px;
}

.connectAccountsNetwork .networkConnect .icon-plus {
    font-size: 30px;
    text-decoration: none;
}

.connectAccountsNetwork.disabled {
    background-color: #e4e7e8;
    border-color: #bbb;
    color: #888;
}

.connectAccountsNetwork.disabled .networkName .col-xs-9 {
    padding-top: 13px;
}

.connectAccountsNetwork .networkName,
.connectAccountsNetwork .networkName div,
.connectAccountsNetwork .networkRemove div,
.connectAccountsNetwork .networkConnect div {
	height: 50px;
}

.connectAccountsNetwork.disabled .networkConnect {
	padding-top: 10px;
}

.connectAccountsNetwork.disabled .networkConnect a {
    color: #45b39c;
}

.connectAccountsNetwork.disabled .networkRemove a {
    color: #888;
}

.connectAccountsNetwork.linkedin .networkName i {
    margin-top: 3px;
}

.connectAccountsNetwork.facebook .networkName i {
    margin-top: 5px;
}

.connectAccountsNetwork.twitter .networkName i {
    margin-top: 4px;
}

.connectAccountsNetwork.gmail .networkName i {
    margin-top: 1px;
}

.newwizardConnection {
    width: 100%;
}

.newwizardConnection.connected,
.newwizardConnection.connected .btn {
    color: gray;
}

.newwizardConnection .networkIcon,
.newwizardConnection .networkName,
.newwizardConnection .networkStatus {
    vertical-align: middle;
}

.newwizardConnection .networkIcon {
    max-width: 36px;
}

.newwizardConnection .networkIcon i {
    font-size: 36px;
    margin-top: -18px;
    color: #20a7f5;
}

.newwizardConnection .networkName {
    font-size: 140%;
}

.newwizardConnection .networkStatus {
    min-width: 80px;
}

.newwizardConnection .btn {
    width: 100%;
}


.newwizardForm .form-control {
    font-size: 120%;
    background: #f8f8f8;
    border: none;
    border-radius: 0; 
    border-bottom: 2px dashed #333;
    color: #333;
    box-shadow: none;
    padding: 0;
}

.selectFirstList .form-control {
    font-size: 100%;
}

.selectFirstList p {
    line-height: 2.5em;
}

.wizardAddLists h3 {
	color: #5CB85C;
}

.addListsDone h2 {
	color: #20A7F5;
}

#requestSentFlash {
	display: none;
}

.addLists label .badge {
    background-color: #20A7F5;
    border-radius: 30px;
    line-height: 10px;
    margin-right: 10px;
    padding: 10px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

.addLists #requestForm .form-control[type="text"] {
	color: #000;
}

.addLists .form-control[type="text"].error::-webkit-input-placeholder {
   color: red;
   opacity: 1;
}

.addLists .form-control[type="text"].error:-moz-placeholder { /* Firefox 18- */
   color: red;
   opacity: 1;
}

.addLists .form-control[type="text"].error::-moz-placeholder {  /* Firefox 19+ */
   color: red;
   opacity: 1;
}

.addLists .form-control[type="text"].error:-ms-input-placeholder {
   color: red;
   opacity: 1;
}

.addLists .control-label {
	font-size: 18px;
}

.addLists .bs-callout {
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 20px;
	padding: 7px;
}

.addLists .listNameGroup,
.addLists .listKeywordsGroup {

}

.addLists .requestedLists {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 20px;
}

.addLists .tab-pane {
	background-color: #fff;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 20px 20px 10px;
}

.addLists .requestedLists ol li {
	margin-bottom: 20px;
}

.listExamples {
    background-color: #F9F9F9;
    border: 1px solid #F0F0F0;
    border-radius: 6px;
    margin-top: 10px;
    padding: 20px 30px;
}

.listExamples li {
    margin: 20px 0;
}

#listExamplesModal h2 {
	font-size: 36px;
	margin-bottom: 30px;
}

#listExamplesModal p {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 20px;
}

#listExamplesModalMask {
	overflow: hidden;
	width: 560px;
}

#listExamplesModalSlides {
	width: 1680px;
}

#listExamplesModalMask .listExamplesModalSlide {
	float: left;
	height: 310px;
	position: relative;
	width: 560px;
}

#listExamplesModalMask .listExamplesModalNav {
	bottom: 0;
	position: absolute;
	left: 0;
	width: 560px;
}

#listExamplesModalMask .listExamplesModalNav .text-center {
	padding-top: 5px;
}

.popup_background {
	z-index: 10000;
}

.popup_wrapper {
	z-index: 10001;
}

.popup_align,
.popup_content {
	*display: inline;
	*zoom: 1;
}

.adminUsersFilter li a {
	display: inline-block;
	padding: 5px;

}

.adminUsersFilter li a.current {
	background-color: #20A7F5;
	border-radius: 4px;
	color: #fff;
	cursor: default;
	text-decoration: none;
}

.adminUsersEdit .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

.adminUsersEdit .panel-title > a {
	display: block;
}

.listsIndexTitle {
	margin-bottom: 20px;
	padding-top: 20px;
}

.pageTitle.listsIndexTitle h1,
.pageTitle.listsIndexTitle .listViewButtons {
	margin: 0;
}

.listsIndexToolbar .col-sm-12 {
	background-color: #f0f0f0;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 10px;
}

.listsIndex .listItem h3 {
	margin: 0;
}

.listsIndex .listQuery {
	margin-top: 5px;
}

.listsIndex .listDetails {
	margin-top: 10px;
}

.listQuery .keywordsTag {
	padding-right: 8px;
}

.listsIndex .listUpdateSummary {
	padding-top: 20px;
}

.listsIndex .listPeopleCount {
	font-size: 16px;
	margin: 0;
}

.listsIndex .listPeopleCount span {
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
}

.listsIndex .listActions .btn {
	width: 70px;
}

.listsIndex .listActions .btn-primary {
	margin-bottom: 5px;
}

.adminUsersEdit .list {
    margin: 0 1.66% 20px 1.66%;
    padding: 0;
    width: 30%;
}

.adminUsersEdit .list:nth-child(4) {
    clear: both;
}

.adminUsersEdit .list:nth-child(3n+4) {
    clear: both;
}

.adminUsersEdit .list {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
	padding: 0 20px 10px;
}

.listContainer {
}

.listContainer.listLink {
	background-color: #f0f0f0;
    border: 1px solid #e7e7e7;
    border-radius: 6px 6px 0 0;
	color: #333;
	display: block;
	padding: 0;
}

.listsIndexInner {
    display: table-cell;
    vertical-align: middle;
}

.listContainer.listLink:hover {
	background-color: #e7e7e7;
	color: #333;
	text-decoration: none;
}

.listContainer.listLink h1 {
    color: #333;
}

.listContainer.listLink a:hover {
    text-decoration: none;
}

.listsIndex .listBottom {
    margin-bottom: 20px;
}

.listsIndex .listBottom .listBottomPart {
    background-color: #f0f0f0;
    color: #333;
    border-top: 1px solid #fff;
    height: 50px;
    border-left: 1px solid #fff;
    font-size: 110%;
    display: flex;
    align-items: center; /* align vertical */
}


.listsIndex .listBottom .listBottomPart:first-child {
    border-left: 0;
}

.listsIndex .listBottom .listBottomPart.link:hover {
    background-color: #e7e7e7;
}

.listsIndex .listBottom .listBottomPart.link a {
    text-decoration: none;
    color: #333;
    width: 100%;
}


.listsIndex .listName,
.adminUsersEdit .listName {
    margin-bottom: 5px;
    margin-top: 10px;
}

.listsIndex .listName {
    font-size: 28px;
}

.adminUsersEdit .listType {
    text-transform: capitalize;
}

.adminUsersEdit .listQuery {
    margin-bottom: 30px;
}

.adminUsersEdit .listType span,
.adminUsersEdit .listQuery span {
    font-weight: normal;
}

.listsIndex .listCount,
.adminUsersEdit .listCount {
    margin: 0;
}

.adminUsersEdit .listCount span {
    font-size: 34px;
    font-weight: bold;
}

.listsIndex .listCount span.listCountNumber {
	font-size: 34px;
	font-weight: bold;
}

.adminUsersEdit .listNetworks {
    margin-bottom: 20px;
}

.adminUsersEdit .listNetworks p {
    margin-bottom: 5px;
}

.listsIndex .list .btn-primary,
.adminUsersEdit .list .btn-primary {
    width: 98%;
}

.adminUsersEdit .list .btn {
    margin-bottom: 10px;
}

.listDelete {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 10px 0;
}

.listDelete .btn-danger {
	padding-left: 10%;
	padding-right: 10%;
}

#deleteListModal .deleteListSpinner {
	display: none;
}

.listsIndex .tab-pane {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 20px 20px 0;
}

.adminUsersEdit #collapseListRequests .table .btn-primary,
.adminUsersEdit #collapseListRequests .table .btn-success,
.adminUsersEdit #collapseListRequests .table .btn-warning,
.adminUsersEdit #collapseListRequests .table .btn-danger {
	padding-left: 10px;
	padding-right: 10px;
}

.adminUsersEdit #collapseListRequests .listRequestsActions hr {
	margin-bottom: 10px;
	margin-top: 10px;
}

.adminUsersEdit #collapseListRequests .listRequestsActions textarea {
	margin-bottom: 5px;
}

.adminUsersEdit .tab-pane {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 20px 20px 0;
}

.pageTitle .listViewName {
	position: relative;
}

.pageTitle .listViewName h1 span {
    color: #333;
}

.pageTitle .listViewName #listNameEdit {
	vertical-align: middle;
}

.pageTitle .listViewName .glyphicon-edit {
	color: #20A7F5;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	margin-left: 5px;
}

.inPlaceEditingIcon {
	color: #20A7F5 !important;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	position: relative;
}

.pageTitle .listViewName h1:hover {
    cursor: text;
}

.pageTitle .listViewName .listViewName-editable {
	display: none;
}

.pageTitle .listViewName h1 .editable-error-block {
	color: #ff0000;
	font-size: 14px;
	font-weight: normal;
}

.pageTitle .listViewName #ListsName {
	margin-bottom: 5px;
}

.pageTitle .listViewName .savingNameSpinner {
	display: none;
}

.pageTitle .listViewBack {
	padding-top: 20px;
}

.pageTitle .listViewKeywords .keywordsTag {
	padding-right: 8px;
}

.pageTitle .listViewKeywordsEdit {
	display: inline-block;
	margin-top: 2px;
}

.pageTitle .listViewKeywordsEdit:hover {
	color: #20A7F5;
	text-decoration: none;
}

.pageTitle .listViewKeywordsEdit .glyphicon-edit {
	top: 3px;
}

.pageTitle .listViewButtons {
    margin-bottom: 18px;
}

.listViewPageTitle .listViewButtons {
	margin-bottom: 0;
}

.listViewOptions {
	margin-bottom: 24px;
	padding-top: 20px;
}

.listViewOptions .dropdown-menu {
	margin-top: -40px;
	min-width: 250px;
}

.listViewOptions .dropdown-menu:before {
	position: absolute;
	top: -7px;
	right: 19px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(0, 0, 0, 0.15);
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.15);
	content: '';
}

.listViewOptions .dropdown-menu:after {
	position: absolute;
	top: -6px;
	right: 20px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.listViewPageTitle .listViewButtons #listViewOptionsDropdownMenu {
	cursor: pointer;
	font-size: 24px;
}

.listViewPageTitle .keywordsTagEdit {
	padding-top: 4px;
}

.listViewPageTitle #ListsQueryKeywords {
	border-bottom: none;
	padding-bottom: 5px;
}

.searchPartyQueryRow {
	margin-bottom: 20px;
}

#searchPartyQueryCurrent .glyphicon-edit {
	margin-left: 5px;
}

#searchPartyQueryCurrent .keywordsTag {
	padding-right: 8px;
}

#searchPartyQueryEditable {
	display: none;
}

#searchPartyQueryEditable #ListsQueryKeywords {
	border-bottom: none;
}

#searchPartyQueryEditable .btn {
	margin-left: 5px;
}

.listViewSearchParty {
    font-size: 120%;
}


.listViewSearchParty .searchPartySpinner {
	display: none;
}

.listViewSearchPartyUrl {
	padding-top: 25px;
}

.listView .peopleInList {
	font-size: 24px;
	margin: 1px 0 10px;
}

.listView .peopleInList #peopleCount {
	font-size: 60px;
}

.listViewNotifications {
	padding: 3px 20px;
}

.listViewNotifications span {
	display: inline-block;
	line-height: 25px;
}

.listViewNotifications .switch-wrapper {
	top: 8px;
}

.listViewNotifications .switch-button-label {
	margin-top: 1px;
	width: 25px;
}

.pageTitle .listViewButtons .switch-wrapper {
	top: 8px;
}

.pageTitle .listViewButtons .switch-button-label {
	margin-top: -4px;
	width: 25px;
}

.pageTitle .listViewButtons .savingSpinner {
    display: none;
}

.listView .listViewUses {
	margin-bottom: 10px;
    padding-right: 0;
}

.listView .listViewUses .alert-info {
	background-color: #f0f0f0;
    border-color: #e3e3e3;
    color: #999;
}

.listView .listViewUses .col-sm-6 {
	padding: 0;
}

.listView .listViewUses h3 {
	font-size: 24px;
	margin: 0;
}

.listView .listViewUses h3 .selectedCount {
	font-size: 60px;
}

.listView .listViewUses .selectedNext {
	line-height: 70px;
	vertical-align: middle;
}

.listView .listViewUses .alert {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.listView .listViewUses .alert-info a {
	color: #999;
	text-decoration: none;
}

.listView .listViewUses .alert-info a:hover {
	color: #777;
}

.listView .listViewUses .alert-success {
    background-color: #5CB85C;
    color: #fff;
}

.listView .listViewUses .alert-success a {
	color: #fff;
	text-decoration: none;
}

.listView .listViewUses .alert-success a:hover {
	color: #2f5d30;
}

.listView .listViewUses h3 .glyphicon-chevron-right {
	top: 2px;
}

.pageTitle.listViewPageTitle {
	margin-bottom: 20px;
}

#exportListModal .modal-dialog {
	width: 80%;
}

#exportListModal .modal-body {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

#exportListModal .modal-body > .row {
	margin-left: 0;
	margin-right: 0;
}

#exportListModal .exportListModalBack {
	color: #fff;
	padding: 10px 20px;
}

#exportListModal .exportListModalBack.exportListModalBackShare,
#exportListModal .exportListModalBack.exportListModalBackPrivacy,
#exportListModal .exportListModalBack.exportListModalBackNote {
	display: none;
}

#exportListModal .exportListModalBack a {
	color: #fff;
}

#exportListModal .exportListModalBack .glyphicon-chevron-left {
	top: 2px;
}

#exportListModal p {
	font-size: 16px;
	line-height: 1.5;
}

#exportListModal .exportListModalMain {
	padding: 20px 10px 10px;
}

#exportListModal .exportListModalAction {
	border: 1px solid #1984C2;
	border-radius: 6px;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 1.33;
	margin: 0 0 10px;
	padding: 10px 16px;
}

#exportListModal .exportListModalAction.disabled {
	border-color: #bbb;
	cursor: default;
}

#exportListModal h3 {
	margin: 0 0 10px;
}

#exportListModal .exportListModalActionIcon {
	font-size: 60px;
}

#exportListModal .exportListModalActionText {
	padding-top: 10px;
}

#exportListModal .exportListModalPrivacy .switch-button-background,
#exportListModal .exportListModalPrivacyEmail .switch-button-background {
	margin-left: 0;
}

#exportListModal .exportListModalPrivacy .switch-button-label,
#exportListModal .exportListModalPrivacyEmail .switch-button-label {
	margin-top: 4px;
}

#exportListModal .exportingToGoogle {
	display: none;
	font-size: 11px;
	margin-top: -25px;
}

#exportListModal .error {
	color: #FF0000;
	display: none;
}

.listView .onThisList {
	margin-bottom: 20px;
}

.listView .addPeople {
	font-size: 16px;
	margin-top: 3px;
}

.listView .addPeopleLink {
	margin-bottom: 20px;
}

.listView .addPeopleLink h4 {
	margin-bottom: 0;
	margin-top: 0;
}

.listView .listViewHeaders {
	background-color: #f0f0f0;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 4px;
	padding-top: 4px;
}

.listView .listViewHeaders > div {
	line-height: 30px;
	vertical-align: middle;
}

.listView .listViewHeaders .listSortName,
.listView .listViewHeaders .listSortSocial,
.listView .listViewHeaders .listSortRecommendation {
	cursor: pointer;
}

.listView .listViewHeaders .listSortName:hover,
.listView .listViewHeaders .listSortSocial:hover,
.listView .listViewHeaders .listSortRecommendation:hover {
    color: #20A7F5;
}

.listView .listViewHeaders .glyphicon {
	cursor: pointer;
	font-size: 10px;
}

.listView .listViewHeaders .glyphicon.glyphicon-chevron-up {
	margin-left: 5px;
}

.listView .listViewHeaders .glyphicon.current {
	color: #20A7F5;
}

.listView .listViewDeletePeople {
	margin-bottom: 10px;
}

.listView .deletePeopleSpinner {
	display: none;
}

.listView .sendingNoteSpinner {
	display: none;
}

.listView .mainPeopleCheckLabel {
    text-indent: -13px;
}

.listView .mainPeopleCheck {
	width: 20px;	
	margin: 0;
	position: relative;
}

.listView .mainPeopleCheck input[type=checkbox] {
	visibility: hidden;
}

.listView .mainPeopleCheck label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
    left: 7px;
	border-radius: 4px;
	border: 1px solid #428BCA;
	background: #fcfff4;
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.listView .mainPeopleCheck label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 8px;
	background: transparent;
	top: 4px;
	left: 2px;
	border: 3px solid #428BCA;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.listView .mainPeopleCheck label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.listView .mainPeopleCheck input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.listView .memberCheck {
	width: 15px;	
	margin: 0;
	position: relative;
}

.adminTeamBilling .panel-title > a,
.userAccount .panel-title > a {
	display: block;
}

.userAccount .loadingSpinner {
	display: none;
}

.pageTitle.pageTitleAccount {
	margin-bottom: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.listView .memberCheck {
		padding-left: 10px;
	}
}

.listView .memberCheck input[type=checkbox] {
	visibility: hidden;
}

.listView .memberCheck label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	border-radius: 4px;
    background: #fff;
    border: 1px solid #428BCA;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.listView .memberCheck label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 13px;
	height: 7px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 3px solid #428BCA;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.listView .memberCheck label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.listView .memberCheck input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.listView .member,
#exportListModal .member {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    margin-bottom: 0;
    padding: 4px 0 4px 10px;
}

.listView .member.selected,
.listView .member.redacted,
#exportListModal .member.selected {
    background-color: #E0EDF5;
}

.listView.snapshotView .member,
#exportListModal .member {
    cursor: default;
}

#exportListModal .member {
    padding-bottom: 10px;
}

.listView .memberHistory {
	padding-bottom: 10px;
}

.listView .memberMain {
	margin-bottom: 0;
}

.listView #exportListModal .memberMain {
	margin-bottom: 0;
}

.listView .memberOuterContainer,
#exportListModal .memberOuterContainer {
	display: table;
	height: 70px;
	overflow: hidden;
    table-layout: fixed;
    word-wrap: break-word;
}

#exportListModal .memberOuterContainer {
	height: 50px;
}

.listView .memberInnerContainer,
#exportListModal .memberInnerContainer {
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	width: 100%;
}

.listView .memberPhoto img,
#exportListModal .memberPhoto img,
.updateSummary .userDetails img,
.userPlaceholder {
    background-color: #ccc;
    border: 1px solid #bbb;
    border-radius: 4px;
    cursor: pointer;
    width: 66px;
}

.userPlaceholder {
    background: #fff;
    border-color: #ccc;
    font-size: 50px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    display: block;
    font-weight: bold;
    cursor: default;
}

.listView.snapshotView .memberPhoto img,
#exportListModal .memberPhoto img {
    cursor: default;
}

#exportListModal .memberPhoto .glyphicon-user {
    font-size: 50px;
}

.listView .memberName,
#exportListModal .memberName {
    font-size: 22px;
}

.listView .memberName h3,
#exportListModal .memberName h3 {
    font-size: 20px;
    cursor: pointer;
    margin: 0;
}

.listView .memberName small,
#exportListModal .memberName small {
    font-size: 14px;
}

.listView.snapshotView .memberName h3,
#exportListModal .memberName h3 {
    cursor: default;
}

.listView.snapshotView .memberName small,
#exportListModal .memberName small {
    cursor: default;
}

.listView .memberNetworks,
#exportListModal .memberNetworks {
    font-size: 24px;
}

.listView .memberNetworks .added {
    font-size: 14px;
}

.listView .memberEvidencePreview p,
#exportListModal .memberEvidencePreview p {
	font-style: italic;
	font-weight: 100;
	margin: 0;
    mint-height: 3em;
}

#exportListModal .memberEvidencePreview p {
	font-size: 14px;
}

.listView a,
#exportListModal .member a {
    text-decoration: none;
}

.listView i,
#exportListModal .member i {
    margin: 0 5px;
}

.listView .memberEdit {
    
}

.listView .memberEdit a {
    text-decoration: none;
}

.listView .memberEdit .glyphicon {
    font-size: 16px;
    vertical-align: middle;
}

.listView .memberEdit .glyphicon-chevron-up {
	display: none;
}

.listView .memberEdit i.icon-remove {
	display: inline-block;
	margin-top: -3px;
}

.listView .memberDetails {
	background-color: #f0f0f0;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	display: none;
	margin-bottom: 10px;
	padding: 10px;
}

.listView .memberDetails .memberEvidence i {
	color: #20A7F5;
}

.listView .memberDetails .removingSpinner {
    display: none;
}


.listView .teamList {
    background: #fff;
    margin-bottom: 50px;
    padding-bottom: 4px;
    border-radius: 0;
    box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.31);
}

.listView .filtersRow {
    margin-bottom: 20px;
}

/*.listView .filtersRow:after {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #ccc;
    content: "";
    display: inline-block;
    height: 0;
    width: 100%;
}*/

.listView .memberTitle {
    font-size: 74%;
}

.listView .memberFlexContainer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.listView .memberFlexInner {
	float: none;
	margin: auto;
}

.listView.teamListOwnerView .memberName h3,
.listView.teamListOwnerView .memberPhoto img,
.listView.teamListOwnerView .member {
    cursor: default;
}

.listView.teamListOwnerView .memberNameRedacted h5 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 5px;
}

.listView.teamListOwnerView .memberNameRedacted i {
	margin-left: 10px;
	margin-right: 0;
}

.listView.teamListOwnerView .memberCompanyRedacted h3 {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 0 0 5px;
}

.teamListStatusLabel {
    display: inline-block;
    padding: 6px 0;
    width: 100%;
}

.listView .teamListHeaderOuter {
	display: table;
	height: 60px;
	overflow: hidden;
}

.teamListHeaderOuter.teamListHeaderAction {
    overflow: visible;
}

.listView .teamListHeaderInner {
	display: table-cell;
	margin: 0;
	vertical-align: middle;
	width: 100%;
}

.listView .teamListHeaderName h2 {
    font-size: 24px;
    margin: 0;
}

.listView .teamListHeader {
    background-color: #f9f9f9;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #f0f0f0;
	padding: 0;
}

.teamListHeaderStatus .form-control {
	display: inline-block;
	margin-left: 10px;
	width: 78%;
}

.teamListHeaderStatus .teamListHeaderSpinner {
	display: none;
}

.listView .memberStatus select {
    /*border: 1px solid #428bca;*/
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.07) inset;
/*    color: #428bca;*/
    padding: 0;
}

.listView .teamList .memberName a,
.listView .teamList .memberName span {
	display: block;
	font-size: 14px;
}

.teamlistresult-leave {
	opacity: 1;
	transition: all .5s ease-in;
}

.teamlistresult-leave.teamlistresult-leave-active {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.listView .teamList .memberStatus.memberOuterContainer {
	overflow: visible;
}

.listView .teamList .memberStatus.memberOuterContainer .memberInnerContainer {
	position: relative;
}

.listView .teamList .memberStatus .teamListResultSpinner {
	bottom: 14px;
	display: none;
	left: -29px;
	position: absolute;
	width: 24px;
}

.teamListOwnerView .teamOwnerAttribution {
    border-bottom: 1px solid #f0f0f0;
}

.teamListOwnerView .teamOwnerAttribution:last-child {
    border-bottom: none;
}

.teamListHeaderSecondary {
    background: #f0f0f0;
}

.leftDivide {
    border-left: 1px solid #fff;
}

.teamListHeaderSecondary p{
    margin: 3px 0;
}

.teamList .showAll {
    font-size: 140%;
    padding: 14px;
}

.teamList .showAll i {
    font-size: 60%;
}


/*    START TEAM DASHBOARD    */

.dashboardTableHeader {
    border-top: 1px solid #ccc;
    margin-top: 30px;
    padding-top: 20px;
}

.dashboardTable table {
    border-top: 2px solid #ddd;
}

.dashboardTable tbody {
    font-size: 125%;
}

.dashboardTableHeader .btn.btn-primary {
    width: 190px;
}


.stat {
    border-radius: 4px;
    display: flex;
    align-items: center; /* align vertical */
    margin: 0 4px 30px 4px;
}

.stat.big {
    background-color: #428bca;
    border: 1px solid #357ebd;
}

.stat.medium {
    background-color: #5bc0de;
    border: 1px solid #46b8da;    
}

.stat .number {
    color: #fff;
}
`
.stat .text {
    overflow: hidden;
}

.stat.big .number {
    font-size: 50px;
}

.stat.big .text {
	color: #d2dce6;
    font-size: 18px;
}

.stat.medium .number {
    font-size: 36px;
}

.stat.medium .text {
	color: #d5e4ea;
    font-size: 18px;
}

/*    END TEAM DASHBOARD    */


#exportListModal .exportSection {
    padding: 0 15px;
}

#exportListModal .exportButton {
    background-color: #f9f9f9;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    color: #428BCA;
    float: left;
    font-size: 24px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-decoration: none;
    width: 259px;
}

#exportListModal .exportButton:hover {
    background-color: #f0f0f0;
    color: #2a6496;
}

#exportListModal .shareListSocialButtons a {
	font-size: 18px;
	margin: 0 5px;
	text-decoration: none;
}

#shareByEmailModal .shareByEmailSpinner {
	display: none;
}

#addPeopleModal .savingSpinner {
	display: none;
}

#addPeopleModal .addPeopleModalSuccess {
	display: none;
}

.update {
    background: #f0f0f0;
    margin-bottom: 30px;
    padding: 10px 0;
}

.lastUpdate {
    background: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 18px;
    padding: 4px;
}

.adminUsersEdit .form-group {
    background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 10px;
    padding: 10px;
}

#userEditForm .listCompositeLists {
    cursor: text;
    display: none;
}

#userEditForm .listCompositeListsField {
    border: none;
    float:left;
    margin: 0 0 2px 0;
    padding: 0 0 3px;
    position: relative;
    top:0;
    width: 30px;
}

#userEditForm .listCompositeLists span {
    background-color: #EEEEEE;
    border: 1px solid #333333;
    border-radius: 7px;
    color: #333333;
    display: block;
    float: left;
    font-size: 11px;
    margin: -2px 3px 3px 0;
    padding: 3px 20px 4px 8px;
    position: relative;
}

#userEditForm .listCompositeLists span a {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 8px;
    text-decoration: none;
    top: 2px;
}

#userEditForm .listCompositeLists span a:hover {
    color: #ff0000;
}

#userEditForm .listCompositeLists .ui-menu .ui-menu-item {
    padding: 0 10px 0 0;
    white-space: nowrap;
}

#userEditForm .listCompositeLists .ui-helper-hidden-accessible {
    display: none;
}

ul.adminActions {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.adminActions li.btn {
    margin-bottom: 6px;
}

ul.adminActions ul li {
    text-align: left;
}

ul.adminActions .dropdown-menu {
    left: -95%;
}

#ListsQueryKeywords,
#ListsLocationKeywords {
	border-bottom: 1px dashed #ddd;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.keywordsTag {
	background-color: #E0EDF5;
	border-radius: 3px;
	color: #2F5D92;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	margin: 0 8px 6px 0;
	padding: 0 1px 0 8px;
	white-space: nowrap;
}

.keywordsTagRemove {
	display: inline-block;
	font-size: 11px;
	text-align: center;
	width: 20px;
}

#ListsLocationWrapper {
	position: relative;
}

#ListsQueryWrapper {
	position: relative;
}

.listCreationTooltipContainer {
	height: 80px;
	position: relative;
    padding-right: 0;
}

.listCreationTooltip {
	display: none;
	font-size: 12px;
	position: absolute;
	z-index: 100;
}

.listCreationTooltip-inner {
	background-color: #fff;
	border: 1px solid #FAEBCC;
	color: #8A6D3B;
	border-radius: 4px;
	padding: 3px 8px;	
}

.listCreationTooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;	
	left: 10px;
	border-width: 5px 5px 5px 0;
	border-right-color: #FAEBCC;
	transform: rotate(-90deg);
}

#queryTooltip {
	left: 0;
	top: -100px;
}

#locationTooltip {
	left: 0;
	top: -83px;
}

#queryTooltip .listCreationTooltip-arrow {
	bottom: -7px;
}

#locationTooltip .listCreationTooltip-arrow {
	bottom: -7px;
}

#ListsLocationUpgrade {
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 12px;
	height: 100%;
	left: 0;
	padding: 6px 5px 0 5px;
	position: absolute;
	top: 0;
	width: 100%;
    text-align: center;
    opacity: 0.9;
}

#ListsLocationUpgrade .btn {
	margin-right: 5px;
}

.usersListAdd .locationFilteringLink,
.usersListEdit .locationFilteringLink {
	display: block;
}

.usersListAdd .usersListAddHelpLink,
.usersListEdit .usersListAddHelpLink {
	font-size: 14px;
	padding-top: 0;
}

.resultsContainer h3.resultsSampleTitle {
	margin: 5px 0 0;
}

.usersListAdd .resultsSummary,
.usersListAdd .resultsContainer {
	display: none;
}

.usersListAdd .resultsTableDisabled,
.usersListEdit .resultsTableDisabled {
	opacity: 0.5;
}

.adminUsersListEdit .resultsSummary,
.adminUsersListEdit .listFields,
.usersListAdd .resultsSummary,
.usersListAdd .listFields,
.usersListEdit .resultsSummary,
.usersListEdit .listFields {
    background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 15px;
}

.adminUsersListEdit .resultsSummary h3,
.usersListAdd .resultsSummary h3,
.usersListEdit .resultsSummary h3 {
    margin-top: 0;
}

.adminUsersListEdit .resultsSummary p,
.usersListAdd .resultsSummary p,
.usersListEdit .resultsSummary p {
    text-transform: capitalize;
}

.adminUsersListEdit .resultsLoading,
.usersListAdd .resultsLoading,
.usersListEdit .resultsLoading {
    background: url(../img/loading.gif) left top no-repeat;
    min-height: 32px;
    padding-left: 42px;
}

.adminUsersListEdit .resultNetwork i,
.usersListAdd .resultNetwork i,
.usersListEdit .resultNetwork i {
	margin-right: 5px;
}

.adminUsersListEdit .resultEvidence p strong,
.usersListAdd .resultEvidence p strong,
.usersListEdit .resultEvidence p strong {
    text-transform: capitalize;
}

.adminUsersListEdit .resultEvidence p em,
.usersListAdd .resultEvidence p em,
.usersListEdit .resultEvidence p em {
	background-color: #fcf0bf;
    font-style: normal;
}

.adminUsersListEdit .resultsLoadMore,
.usersListAdd .resultsLoadMore,
.usersListEdit .resultsLoadMore {
    padding-left: 50px;
    padding-right: 50px;
}

.adminUsersListEdit .locationCallout,
.usersListAdd .locationCallout,
.usersListEdit .locationCallout {
    font-size: 12px;
    padding: 10px;
}

.adminUsersListEdit .locationCallout .glyphicon-exclamation-sign,
.usersListAdd .locationCallout .glyphicon-exclamation-sign,
.usersListEdit .locationCallout .glyphicon-exclamation-sign {
	color: #D9534F;
}

.usersListAdd .savingSpinner,
.usersListAdd .savingCallout,
.usersListAdd .errorCreatingCallout,
.usersListAdd .savedCallout,
.usersListEdit .savingSpinner,
.usersListEdit .savingCallout,
.usersListEdit .errorCreatingCallout,
.usersListEdit .savedCallout {
    display: none;
}

.usersListAdd .saveListCallout label,
.usersListEdit .saveListCallout label {
	margin-top: 6px;
}

.usersListAdd .saveListCallout #ListsName,
.usersListEdit .saveListCallout #ListsName {
	margin-top: 6px;
}

#addListHelpModal .sendingHelpSpinner {
	display: none;
}

#listNameModal .listNameSpinner,
#listNameModal .listNameModalSaving {
	display: none;
}

.faqPage .question {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 10px;
}

.faqPage .question h3 {
	color: #20A7F5;
	margin-top: 10px;
}

.tosPage h3 {
	color: #20A7F5;
	margin-top: 10px;
}

.tosPage p {
	line-height: 1.5;
	margin-bottom: 20px;
}

.tosPage ol {
	margin-bottom: 20px;
}

.tosPage li {
	line-height: 1.5;
	margin-bottom: 10px;
}

.userAccount h3 span {
	text-transform: capitalize;
}

#cancelProModal .accountSpinner,
#deleteAccountModal .accountSpinner,
#cancelTeamSubscriptionModal .accountSpinner {
	display: none;
}

.clickableDisabled {
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.userUpgradeHeader {
	margin-bottom: 20px;
}

.userUpgradeHeader h2 {
	color: #20A7F5;
}

.userUpgradeHeader h4 {
	color: #555;
}

.planBox {
	border-radius: 6px;
	margin-left: 10%;
	margin-right: 10%;
	overflow: hidden;
}

.planBox.planBasic {
	background-color: #ddd;
}

.planBox.planBasic .planBoxHeader {
	background-color: #ccc;
}

.planBox.planPro {
	background-color: #8AD1F9;
}

.planBox.planPro .planBoxHeader {
	background-color: #63C1F8;
}

.planBox .planBoxHeader {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	padding-top: 20px;
}

.planBox .planBoxHeader h2 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase;
}

.planBox .planBoxHeader h3 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 0;
	margin-top: 0;
}

.planBox .planBoxInfo {
	background-color: #fff;
	border-radius: 6px;
	margin: 5%;
	padding: 10px;
}

.planBox .planBoxPerks {
	color: #777;
	font-size: 14px;
	text-align: left;
}

.planBox .planBoxItem {
	font-size: 22px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.planBox.planBasic .planBoxItem {
	border-bottom: 1px solid #f2f2f2;
}

.planBox.planBasic .planBoxItem span {
	color: #888;
}

.planBox.planPro .planBoxItem {
	border-bottom: 1px solid #D8F0FD;
}

.planBox.planPro .planBoxItem span {
	color: #3CB2F6;
}

.planBox.planPro .btn-success {
	display: inline-block;
	margin-bottom: 5px;
}

#guaranteeModal p {
	font-size: 16px;
	line-height: 1.5;
}

#upgradeModal .amount {
    font-size: 120%;
    font-weight: 600;
}

#upgradeModal .loadingSpinner {
	display: none;
}

#upgradeModal .upgradeModalError,
#upgradeModal .upgradeModalSuccess {
	display: none;
}

.userUpgradeTestimonials img {
	max-width: 100%;
}

.userUpgradeTestimonialsText p {
	color: #666;
	font-style: italic;
	line-height: 1.6;
	margin-bottom: 20px;
	margin-top: 10px;
}

.userUpgradeFormDateDivisor {
	padding-top: 7px;
}

.adminReports .table th {
	font-size: 12px;
}

.listEditFormOverlay {
	background-color: transparent;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1200;
}

.tour-step-backdrop {
	border-radius: 6px;
}

.popover.tour {
	border: none;
	max-width: 300px;
	padding: 0;
	z-index: 1300 !important;
}

.popover.tour .popover-title {
    background-color: #20A7F5;
    color: #fff;
    font-size: 14px;
}

.popover.tour.bottom .arrow:after {
	border-bottom-color: #20A7F5;
}

.popover.tour .popover-content {
	font-size: 15px;
	min-width: 300px;
	padding: 20px 30px;
}

.popover.tour .popover-navigation .btn-sm {
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.popover.tourFirstStep .popover-content {
	font-size: 16px;
}

.streamList {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 14px 0;
}

.streamList h4 {
	margin: 0;
}

.streamList .tag {
	background-color: #E0EDF5;
	border-radius: 3px;
	color: #2F5D92;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0 8px 6px 0;
	padding: 0 8px;
	white-space: nowrap;
}

#individualNotificationsContainer,
#mainNotificationsContainer {
	position: relative;
}

#individualNotificationsOverlay,
#mainNotificationsOverlay {
	background-color: rgba(255, 255, 255, 0.5);
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 100;
}

.listsNotificationsMain {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 14px 0;
}

.listsNotificationsIndividual li {
	border-bottom: 1px solid #f0f0f0;
	margin: 0 0 14px;
	padding: 0 0 14px;
}

.listsNotificationsIndividual li:first-child {
	padding-top: 3px;
}

.listsNotificationsMain h5 {
	line-height: 25px;
	margin: 0;
	padding: 0;
}

.listsNotificationsIndividual p {
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
}

.switch-wrapper {
	display: inline-block;
	position: relative;
	top: 3px;
}

.listsNotificationsMain .switch-wrapper {
	top: 1px;
}

.listsNotificationsMain .switch-button-label {
	margin-top: 4px;
}

.listsNotificationsMain .switch-button-background {
	margin-left: 1px;
}

.listShareButton {
    font-size: 120%;
    min-width: 60px;
}

.snapshotsIndex .snapshotsIndexHeaders {
	background-color: #f0f0f0;
	border-radius: 4px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.snapshotsIndex .snapshotItem {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 14px 0 10px;
}

.snapshotsIndex .snapshotItem .snapshotList h4,
.snapshotsIndex .snapshotItem .snapshotCreated p {
	margin: 0;
	padding: 0;
}

.snapshotsIndex .snapshotItem .snapshotStatus .switch-wrapper {
	top: 0;
}

.gradientList .gradientList-item:nth-child(1) {
	background-color: #21aeff;
}

.gradientList .gradientList-item:nth-child(2) {
	background-color: #1b8bcc;
}

.gradientList .gradientList-item:nth-child(3) {
	background-color: #146899;
}

.gradientList .gradientList-item:nth-child(4) {
	background-color: #0d4566;
}

.gradientList .gradientList-item.disabled {
	background-color: #ccc;	
}

.gradientList .gradientList-item#deleteSelectedPeople {
	background-color: #D9534F;
	border-color: #D43F3A;
}

.searchPartyThanks .searchpartyThanksAction {
	border: 1px solid #1984C2;
	border-radius: 6px;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 1.33;
	margin: 0 0 10px;
	padding: 10px 16px;
}

.searchPartyThanks .searchpartyThanksAction h3 {
	margin: 0;
	padding: 25px 0 0;
}

.searchPartyThanks .searchpartyThanksAction a {
	color: #fff;
}

.searchPartyThanks .searchpartyThanksActionIcon {
	font-size: 60px;
}

.searchPartyThanks .searchpartyThanksActionText {
	padding-top: 10px;
}

.pageTitle .listViewName h1.searchPartyTitle small {
	font-size: 32px;
}

.pageTitle .listViewName .breadcrumb {
	padding: 0;
}

.listNextButton {
    border-radius: 12px;
}

#exportListModal .exportSearchPartyNoteExample {
	background-color: #F9F9F9;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px;
}

#exportListModal .exportSearchPartyNoteExample p {
	font-size: 14px;
}

.row.listsStream,
.row.listsStream > .row,
.row.listsStream > .row > .row {
	margin-left: 0;
	margin-right: 0;
}

.listsStreamPageTitle {
	margin-bottom: 20px;
}

.listsStreamPopular h3 {
	margin-top: 0;
}

.selectionRow.affix {
    position: relative;
}

.team .member .photo img {
	border: 4px solid #eee;
	border-radius: 4px;
	margin-top: 10px;
}

.teamList .memberContainer:last-child > .member{
    border-bottom: none;
}

.searchPartySignUpHeader {
	margin-bottom: 20px;
}

.searchPartySignUpHeader h1 {
    font-weight: 400;
}

.userSignUp .connectAccountsNetwork,
.logInLinkedin .connectAccountsNetwork,
.searchPartySignUp .connectAccountsNetwork {
	margin-left: 0;
	margin-right: 0;
}

.userSignUp .connectAccountsNetwork a,
.logInLinkedin .connectAccountsNetwork a,
.searchPartySignUp .connectAccountsNetwork a {
	color: #fff;
}

.userSignUp .connectAccountsNetwork i,
.userSignUp .connectAccountsNetwork strong,
.logInLinkedin .connectAccountsNetwork i,
.logInLinkedin .connectAccountsNetwork strong,
.searchPartySignUp .connectAccountsNetwork i,
.searchPartySignUp .connectAccountsNetwork strong {
	vertical-align: middle;
}

.userSignUp .connectAccountsNetwork i,
.logInLinkedin .connectAccountsNetwork i,
.searchPartySignUp .connectAccountsNetwork i {
	margin-right: 10px;
}

.userSignUp .connectAccountsNetwork strong,
.logInLinkedin .connectAccountsNetwork strong,
.searchPartySignUp .connectAccountsNetwork strong {
	display: inline-block;
	margin-top: 6px;
}

#exportListModal .sendToOwnerSpinner,
#exportListModal .confirmEmailSpinner {
	display: none;
}

#confirmEmailModal .confirmEmailSpinner {
	display: none;
}

#confirmEmailModal .error {
	color: #ff0000;
	display: none;
	margin-top: 5px;
}

.updateSummary .userDetails {
    background-color: #e0edf5;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 130%;
    margin-top: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.updateSummary .userDetails .userNetworks {
	font-size: 24px;
}

.updateSummary .listDetails {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    margin-bottom: 0;
    min-height: 50px;
    font-size: 120%;
}

.updateSummary .listDetails .updateList .label {
	font-size: 12px;
	margin-right: 10px;
}

.updateSummary .listDetails .personUndo .listName {
	opacity: 0.6;
}

.updateSummary .networkIcon {
    margin: auto 6px;
}

.searchPartySignUp .linkedinSignInElement hr {
	display: none;
}

.loadingResultsPanel {
	padding: 60px;
}

#teamListsaccordion .panel-title a {
	display: block;
}

.listViewLoading .panel-body {
	padding: 60px;
}

.listView.listViewSearchPartyHelper .listViewName .lead {
	margin-bottom: 0;
}

#saveWarningModal .savingListSpinner {
	display: none;
}

.signupBtn {
    opacity: 0.9;
}

.signupBtn:hover {
    opacity: 1;
}

.hpHeader {
	background-color: #1ca6fc;
	position: relative;
}

.hpHeader h1 {
	background: url(../img/logo-new.png) center top no-repeat;
	height: 120px;
	margin: 20px auto;
	text-indent: -9999px;
	width: 140px;
}

.hpHeaderLogin {
	background-color: #247bb0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #fff;
	display: block;
	font-size: 22px;
	padding: 10px 60px;
	position: absolute;
	right: 10%;
	top: 0;
	width: auto;
}

.hpHeaderLogin:hover {
	background-color: #206f96;
	color: #fff;
	text-decoration: none;
}

.hpIntro {
	background-color: #232b2d;
	padding: 100px 0 80px;
}

.hpIntro h2 {
	color: #ffffff;
	font-family: 'Gotham Rounded Light';
	font-size: 48px;
	font-weight: normal;
	margin: 0 0 30px;
}

.hpIntroVideo iframe {
	border: 10px solid #364144;
	border-radius: 4px;
	height: 434px;
	margin-bottom: 40px;
	width: 700px;
}

.hpWhoIsUsing {
	padding: 60px 0 0;
}

.hpWhoIsUsing .hpWhoIsUsingPeople {
	border: none;
	margin-bottom: 30px;
	padding: 0 50px;
}

.hpWhoIsUsing .hpWhoIsUsingPeople > li {
	margin-bottom: 0;
}

.hpWhoIsUsing .hpWhoIsUsingPeople > li > a {
	border: none;
	outline: none;
}

.hpWhoIsUsing .hpWhoIsUsingPeople > li.active > a,
.hpWhoIsUsing .hpWhoIsUsingPeople > li.active > a:hover,
.hpWhoIsUsing .hpWhoIsUsingPeople > li.active > a:focus {
	background: #ededed url(../img/homepage/whousing-corner.png) center bottom no-repeat;
	border: none;
}

.hpWhoIsUsingDesc {
	font-family: 'Gotham Rounded Light';
}

.hpWhoIsUsingDesc h3 {
	color: #1ca6fc;
	font-family: 'Gotham Rounded Light';
	font-size: 48px;
	font-weight: normal;
	margin: 0 0 30px;
}

.hpWhoIsUsingDesc.hpWhoIsUsingTeam h3 {
	font-size: 32px;
}

.hpWhoIsUsingDesc.hpWhoIsUsingTeam {
	padding-bottom: 60px;
}

.hpWhoIsUsingDesc.hpWhoIsUsingTeam img {
	max-width: 100%;
	width: auto;
}

.hpWhoIsUsingDesc p {
	color: #232b2d;
	font-size: 19px;
	margin: 0 0 20px;
}

.hpWhoIsUsingItem {
	padding: 30px;
	position: relative;
}

.hpWhoIsUsingItemBorder {
	background: #247bb0 url(../img/homepage/whousing-corner-border.png) center bottom no-repeat;
	border-radius: 4px;
	display: none;
	height: 110%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.hpWhoIsUsingItem a {
	background: #ededed url(../img/homepage/whousing-corner.png) center bottom no-repeat;
	display: block;
	padding: 30px 0 30px !important;
	position: relative;
	text-decoration: none;
}

.hpWhoIsUsingItem h4 {
	color: #232b2d;
	font-family: 'Gotham Rounded Light';
	font-size: 33px;
	font-weight: normal;
	margin: 0 0 20px;
}

.hpWhoIsUsingItem p {
	color: #232b2d;
	font-size: 17px;
	font-weight: 300;
	height: 70px;
	padding: 0 20px;
	position: relative;
}

.hpWhoIsUsingItem img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	max-width: 128px !important;
    margin: 0 auto;
}

.hpWhoIsUsingItem p span {
	display: block;
}

.hpWhoIsUsingItem p .hpWhoIsUsingArrow {
	background: url(../img/homepage/whousing-arrow.png) center bottom no-repeat;
	bottom: -20px;
	height: 7px;
	left: 50%;
	margin-left: -11px;
	position: absolute;
	width: 23px;
}

.hpWhoIsUsingFor {
	background-color: #247bb0;
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	height: 95px;
	margin-bottom: 20px;
	padding: 10px 30px;
}

.hpWhoIsUsing .hpWhoIsUsingPeople > li.active.hpWhoIsUsingItem > .hpWhoIsUsingItemBorder {
	display: block;
}

.hpWhoIsUsing .hpWhoIsUsingPeople > li.active.hpWhoIsUsingItem > a {
	background-image: url(../img/homepage/whousing-corner-active.png);
}

.hpWhoIsUsingStories {
	background-color: #247bb0;
}

.hpWhoIsUsingStories .hpWhoIsUsingStory {
	padding: 90px 0 50px;
}

.hpWhoIsUsingStories p.lead {
	color: #232b2d;
	font-size: 36px;
	font-weight: 400;
	margin: 0 0 50px;
}

.hpWhoIsUsingStoryWays {
	background-color: #ffffff;
	margin-bottom: 60px;
}

.hpWhoIsUsingStoryHardWay,
.hpWhoIsUsingStorySimplistSolution {
	height: 250px;
	padding: 30px;
}

.hpWhoIsUsingStoryWays h4 {
	color: #232b2d;
	font-family: 'Gotham Rounded Light';
	font-size: 27px;
	font-weight: normal;
	margin: 0 0 10px;
}

.hpWhoIsUsingStoryWays p {
	color: #247bb0;
	font-size: 20px;
	font-weight: 300;
	margin: 0;
}

.hpWhoIsUsingStoryHardWay {
	background: url(../img/homepage/whousing-ways-arrow.png) right center no-repeat;
}

.hpWhoIsUsingStoryTheWinContainer {
	display: table;
	margin-bottom: 50px;
	width: 100%;
}

.hpWhoIsUsingStoryTheWin {
	color: #ffffff;
	display: table-row;
	font-size: 23px;
}

.hpWhoIsUsingStoryTheWin .col-sm-3 {
	background-color: #232b2d;
	border: 2px solid #232b2d;
	display: table-cell;
	float: none;
	font-family: 'Gotham Rounded Light';
	font-size: 27px;
	padding: 10px 20px;
	vertical-align: middle;
}

.hpWhoIsUsingStoryTheWin .col-sm-9 {
	border: 2px solid #232b2d;
	display: table-cell;
	float: none;
	padding: 10px 20px;
	vertical-align: middle;
}

.hpWhoIsUsingStoryTheWin .glyphicon-star {
	font-size: 20px;
}

.hpWhoIsUsingStories h5 {
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 40px;
}

.hpWhoIsUsingStories .signupBtn {
	display: inline-block;
	margin-bottom: 30px;
}

.hpWhoIsUsingStories small {
	color: #232b2d;
	font-size: 16px;
	font-weight: 300;
}

.hpHowWork {
	background-color: #1ca6fc;
	padding: 70px 0 90px;
}

.hpHowWork h3 {
	color: #232b2d;
	font-family: 'Gotham Rounded Light';
	font-size: 48px;
	font-weight: normal;
	margin: 0 0 30px;
}

.hpHowWork p.lead {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	margin: 0 0 20px;
}

.hpHowWorkItem {
	background-color: #fff;
	border-radius: 4px;
	margin: 0 20px;
	padding: 10px 20px 30px;
}

.hpHowWorkItem img {
	max-width: 100%;
}

.hpHowWorkItem h4 {
	color: #1ca6fc;
	font-family: 'Gotham Rounded Book';
	font-size: 25px;
	font-weight: normal;
	margin: 0 0 5px;
}

.hpHowWorkItem p {
	color: #232b2d;
	font-size: 17px;
	font-weight: 300;
	height: 150px;
	margin: 0;
}

.hpTryIt {
	background-color: #232b2d;
	padding: 60px 0 50px;
}

.hpTryIt h3 {
	color: #ffffff;
	font-family: 'Gotham Rounded Light';
	font-size: 48px;
	font-weight: normal;
	margin: 0 0 30px;
}

.hpTryIt h4 {
	color: #ffffff;
	font-family: 'Gotham Rounded Light';
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}

.hpTryIt h5 {
	color: #ffffff;
	font-family: 'Gotham Rounded Light';
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}

.hpTryIt form {
	margin-bottom: 35px;
}

.hpTryIt form label,
.hpTryIt form .fsLabel {
	color: #1ca6fc;
	font-family: 'Gotham Rounded Light';
	font-size: 36px;
	font-weight: normal;
}

.hpTryIt form select.form-control,
.hpTryIt form .form-control {
	background-color: #364144;
	border: none;
	border-bottom: 2px solid #1ca6fc;
	border-radius: 0;
	box-shadow: none;
	color: #1ca6fc;
	cursor: pointer;
	font-family: 'Gotham Rounded Light';
	font-size: 22px;
	height: 40px;
	margin: -10px 0 0 5px;	
}

.hpFooter {
	background-color: #1ca6fc;
	color: #ffffff;
	padding: 45px 0;
}

.hpFooter p {
	font-weight: 600;
	margin: 0;
}

.pageTitle.teamMembersTitle .listViewButtons {
	padding-top: 20px;
}

.teamMembers .table-bordered td,
.teamMembers .table-bordered th {
	border-right: none;
	border-left: none;
}

.teamMembers .table-bordered th {
	background-color: #ddd;
}

#addTeamMembersModal #addEmailsWrapper {
	margin-bottom: 5px;
}

#addTeamMembersModal .addEmailsHelp {
	color: #999;
}

#addTeamMembersModal #addEmailsAddressses {
	border-top: 1px dashed #ddd;
	margin-top: 5px;
	max-height: 100px;
	overflow: auto;
	padding-bottom: 5px;
	padding-top: 10px;
}

#addTeamMembersModal .error {
	color: #ff0000;
	display: none;
	font-size: 12px;
	margin-top: 5px;
}

#addTeamMembersModal .sendInviteSpinner {
	display: none;
}

.adminUsersEdit .adminTeamBilling {
	background-color: #f9f9f9;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 20px;
}

.adminUsersEdit .adminTeamBilling h4 {
	margin-top: 0;
}

.pageTitle.teamBillingTitle {
	margin-bottom: 0;
}

.teamBilling .loadingSpinner {
	display: none;
}

.teamBilling .teamBillingTotal {
	font-size: 120%;
}

.userAccount .payment-errors {
	color: #ff0000;
}

#instructions {
    border-radius: 8px;
    padding: 8px;
    background: #fff;
    margin-bottom: 12px;
}

.pageTitle.addListTitle {
	margin-bottom: 10px;
}

.pageTitle.addListTitle h1 {
	margin-top: 10px;
}

#btnTestResultsContainer .btn-primary {
	padding-left: 20px;
	padding-right: 20px;
}

.searchResultsHeader {
	margin-bottom: 20px;
}

.searchResultsHeader .col-sm-6 {
	padding-left: 0;
	padding-right: 0;
}

.queryChangedCallout {
	margin-top: 0;
}

.saveResultsBottomContainer .col-sm-6,
.saveResultsBottomContainer .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

.startSearchFormMobile {
	border-top: 1px solid #1984c2;
	margin-top: 6px;
	padding-top: 10px;
}

.startSearchFormMobile label {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

.startSearchFormMobile .form-control {
	display: inline-block;
	width: 140px;
}

@media (max-width: 767px) {
    header.navbar-inverse {
    	min-height: 0;
    }

    header.navbar-inverse .navbar-collapse {
    	border-color: #20A7F5;
    }

    header .navbar-brand {
	    height: 36px;
	    width: 200px;
	}

    .img-responsive.logo {
        max-height: 34px;
        display: inline;
        margin-top: 0;
    }

	header .navbar-brand img {
	    max-width: 100%;
	}

    header.navbar-inverse .navbar-nav {
    	padding-top: 0;
    }

    header.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    header .navbar-toggle {
    	margin-bottom: 0;
    	margin-top: 4px;
    	padding: 6px 6px
    }

    .footer {
	    height: auto;
	}

    .footerMenu a {
    	display: block;
    	margin-bottom: 5px;
    }

    .footerMenu .divisor {
    	display: none;
    }

    #feedbackTab {
    	display: none;
    }

    .pageTitle {
    	margin: 0 0 10px 0;
    }

    .pageTitle h1 {
    	margin-top: 10px;
    }

    .onboardingProgress .step {
		height: 35px;
		line-height: 35px;
	}

	.onboardingProgress .step.step1 {
		background-image: none;
	}

	.onboardingProgress .step.step1.current {
		background-image: none;
	}

	.onboardingProgress .step.step1.done {
		background-image: none;
	}

	.onboardingProgress .step.step1.done-done {
		background-image: none;
	}

	.onboardingProgress .step.step2 {
		background-image: none;
	}

	.onboardingProgress .step.step2.current {
		background-image: none;
	}

	.onboardingProgress .step.step2.done {
		background-image: none;
	}

	.onboardingProgress .step.step2.done-done {
		background-image: none;
	}

	.connectAccountsNetwork .networkName .col-xs-9 {
	    font-size: 18px;
	    padding-top: 2px;
	}

	.connectAccountsNetwork .networkName .col-xs-9,
	.connectAccountsNetwork.disabled .networkName .col-xs-9 {
	    padding-top: 0px;
	}

	.connectAccountsNetwork.twitter .networkName .col-xs-10,
	.connectAccountsNetwork.twitter.disabled .networkName .col-xs-9,
	.connectAccountsNetwork.facebook .networkName .col-xs-10,
	.connectAccountsNetwork.facebook.disabled .networkName .col-xs-9,
	.connectAccountsNetwork.linkedin.disabled .networkName .col-xs-9 {
	    padding-top: 12px;
	}

	.listsIndex .list, .adminUsersEdit .list {
		margin: 0 0 20px;
		width: 100%;
	}

	.listView .addPeople {
		margin-top: 15px;
	}

	.planBox {
		margin-bottom: 20px;
	}

	.userUpgradeTestimonials {
		border-top: 1px solid #ddd;
		margin-left: 5%;
		margin-right: 5%;
		padding-top: 10px;
	}

	.userUpgradeTestimonials .col-sm-5 {
		margin-top: 10px;
		text-align: center;
	}

	.pageTitle .requestLeft {
		margin-top: 0;
	}

	.pageTitle .requestLeft .btn {
		display: none;
	}

	.listCreationTooltipContainer {
		height: 0;
	}

	.usersListAdd .usersListAddHelpLink,
	.usersListEdit .usersListAddHelpLink {
		margin-bottom: 10px;
		padding-top: 0;
	}

	.usersListAdd .bs-callout .btn,
	.usersListEdit .bs-callout .btn {
		margin-top: 10px;
	}

	.listViewPageTitle .col-xs-1,
	.listViewPageTitle .col-xs-2,
	.listViewPageTitle .col-xs-3,
	.listViewPageTitle .col-xs-4,
	.listViewPageTitle .col-xs-5,
	.listViewPageTitle .col-xs-6,
	.listViewPageTitle .col-xs-7,
	.listViewPageTitle .col-xs-8,
	.listViewPageTitle .col-xs-9,
	.listViewPageTitle .col-xs-10,
	.listViewPageTitle .col-xs-11,
	.listViewPageTitle .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.pageTitle.listViewPageTitle {
		margin-bottom: 10px;
	}

	.pageTitle .listViewName h1 {
		font-size: 20px;
		margin-top: 0;
	}

    .pageTitle .listViewName h1.searchPartyTitle small {
        font-size: 16px;
    }

	.pageTitle .listViewName h1 #listNameEdit {
		display: block;
		margin-top: 5px;
	}

	.pageTitle .listViewName .breadcrumb {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.pageTitle .listViewName .breadcrumb li {
		display: block;
	}

	.pageTitle .listViewName .breadcrumb > li + li:before {
		content: "";
		padding: 0;
	}

	.pageTitle .listViewName .breadcrumb li.active {
		font-size: 16px;
	}

	.pageTitle .listViewName #searchPartyDescriptionEdit {
		/*display: block;
		margin-top: 5px;*/
	}

	.pageTitle .listViewName p.lead {
		margin-bottom: 0;
	}

	.pageTitle .listViewButtons {
		margin-bottom: 10px;
	    padding-top: 0;
	}

	.pageTitle .listViewButtons .listViewSearchParty {
		font-size: 12px;
	}

	.pageTitle .listViewButtons .listViewOptions {
		margin-bottom: 10px;
		padding-top: 0;
	}

	.listViewOptions .dropdown-menu {
		margin-top: -25px;
		min-width: 250px;
	}

	.listViewOptions .dropdown-menu-right {
		right: -5px;
	}

	.listViewOptions .dropdown-menu:before {
		right: 9px;
	}

	.listViewOptions .dropdown-menu:after {
		right: 10px;
	}

	.pageTitle .listViewButtons .listViewSearchPartyUrl {
		padding-top: 5px;
		text-align: left;
	}

	.listView .peopleInList {
		font-size: 16px;
		text-align: left;
	}

	.listView .peopleInList #peopleCount {
		display: block;
		font-size: 30px;
	}

	.listView .listViewUses h3 {
		font-size: 16px;
		padding-bottom: 5px;
	}

	.listView .listViewUses h3 .selectedCount {
		font-size: 30px;
		display: block;
	}

	.listView .listViewUses .selectedNext {
		line-height: 50px;
	}

	.listView > .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.listView .listViewHeaders.visible-xs {
		position: relative;
		margin-left: 0;
		margin-right: 0;
	}

	.listView .listViewHeaders.visible-xs .col-xs-6 {
		padding-right: 0;
	}

	.listView .listViewHeaders.visible-xs select {
		margin-top: 2px;
	}

	.listView .row.resultsRow {
		margin-left: 0;
		margin-right: 0;
	}

	.member .col-xs-1,
	.member .col-xs-2,
	.member .col-xs-3,
	.member .col-xs-4,
	.member .col-xs-5,
	.member .col-xs-6,
	.member .col-xs-7,
	.member .col-xs-8,
	.member .col-xs-9,
	.member .col-xs-10,
	.member .col-xs-11,
	.member .col-xs-12 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.listView .memberOuterContainer,
	#exportListModal .memberOuterContainer {
		height: 50px;
	}

	.listView .memberCheck,
	#exportListModal .memberCheck {
		padding-left: 5px;
		margin-top: 7px;
	}

	.listView .memberCheck label {
		height: 18px;
		width: 18px;
	}

	.listView .memberCheck label:after {
		height: 7px;
		left: 3px;
		top: 3px;
		width: 10px;
	}

	.listView .memberPhoto img,
	#exportListModal .memberPhoto img,
    .updateSummary .userDetails img {
		width: 30px;
	}

	.listView .memberName h3,
	#exportListModal .memberName h3 {
		font-size: 14px;
	}

	.member .memberNetworks,
	.member .memberEdit {
		text-align: left;
	}

	.listView .memberNetworks,
	#exportListModal .memberNetworks {
		font-size: 16px;
	}

	.listView .memberNetworks i,
	#exportListModal .memberNetworks i {
		margin: 0 2px;
	}

	.member .memberEdit {
		padding-right: 5px;
	}

	.member .memberStatus {
		margin-bottom: 10px;
	}

	.member .memberStatus h4 {
		display: inline;
		margin: 0;
	}

	.member .memberRecommenders .memberInnerContainer {
		padding-left: 5px;
		padding-right: 5px;
	}

	.listsStreamHeader {
		display: none;
	}	

	.streamList .streamListName {
		margin-bottom: 5px;
	}

	.streamList .streamListClone {
		padding-top: 5px;
		text-align: left;
	}

	.row.userAccount {
		margin-left: 0;
		margin-right: 0;
	}

	#upgradeModal .upgradeModalMain .btn-success {
		white-space: normal;
	}

	#exportListModal .modal-dialog {
		margin: 0;
		width: 100%;
	}

	.snapshotsIndex .snapshotsIndexHeaders > div {
		margin-bottom: 5px;
	}

	.row.snapshotView,
	.row.snapshotView .row.memberMain {
		margin-left: 0;
		margin-right: 0;
	}

	.row.searchPartySignUp {
		margin-left: 0;
		margin-right: 0;
	}

    .listView .memberCheck label {
        top: -5px;
    }

    .listsIndex,
    .listsIndexToolbar {
    	margin-left: 0;
    	margin-right: 0;
    }

    .listsIndex .listActions .btn {
		padding-left: 5px;
		padding-right: 5px;
		width: 50px;
	}

	.listsIndex .listActions .btn-primary {
		margin-bottom: 0;
	}

	.listsIndex .listPeopleCount,
	.listsIndex .listSearchParty,
	.listsIndex .listSharedResults {
		text-align: left;
	}

	.listsIndex .listLatestUpdate,
	.listsIndex .listSearchParty {
		margin-bottom: 10px;
	}

	.listsIndex .listViewButton {
		margin-bottom: 10px;
		margin-top: 5px;
	}

	.listsIndex .listUpdateSummary {
		padding-top: 2px;
	}

	.listsIndex .listBottom .listBottomPart {
		border-top: none;
		border-bottom: 1px solid #f0f0f0;
		border-color: #F0F0F0;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.listsIndex .listBottom .listBottomPart:first-child {
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
	}

	#helpTab,
	#helpTab.guestUser {
		bottom: auto;
		display: none;
		height: 100%;
		left: 0;
		right: auto;
		top: 0;
		width: 100%
	}

	#helpTabButton {
		display: none;
	}

	#helpTabButtonMobile {
		background-color: #D43F3A;
		border: 2px solid #D43F3A;
		border-bottom: none;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		bottom: 0;
		color: #fff;
		display: block;
		font-size: 14px;
		height: 25px;
		padding-top: 0px;
		position: fixed;
		right: 10px;
		text-align: center;
		text-decoration: none;		
		vertical-align: middle;
		width: 80px;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
		box-shadow: 0 0 5px rgba(0,0,0,0.6);
		z-index: 1060;
	}

	.fixHelpTabMobile #helpTabButtonMobile {
		bottom: 0;
		position: absolute;
	}

	#helpTabButtonMobile .glyphicon-question-sign {
		font-size: 16px;
		margin: -4px 5px 0 0;
		vertical-align: middle;
	}

	#helpTabModal .modal-header {
		background-color: #D43F3A;
		padding: 10px 15px;
	}

	#helpTabModal .modal-body,
	#helpTabModal .modal-footer {
		padding: 10px;
	}

	#helpTabModal .helpTabNameGroup {
		padding-left: 0;
		padding-right: 5px;
	}

	#helpTabModal .helpTabEmailGroup {
		padding-left: 5px;
		padding-right: 0;
	}

	#helpTabModal .sendingHelpSpinner {
		display: none;
	}

	#helpTabModal .error {
		color: #ff0000;
		display: none;
	}

	.listShareButton {
	    font-size: 120%;
	    min-width: 0;
	    width: 36px;
	}

	.listViewName .editableform .editable-buttons,
	.listViewName .editableform .editable-input {
		display: block;
	}

	.listViewName .editableform .editable-buttons {
		margin: 5px 0 0 0;
	}

	.searchPartySignUpHeader {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	#searchPartyDescription {
		font-size: 18px;
	}

	#searchPartyDescription small {
		font-size: 14px;
	}

    .updatesList .listName {
        margin-bottom: 30px;
    }

    .updatesList .listName small {
        font-size: 50%;
    }

    .updateSummary .userDetails .userNetworks {
		font-size: 14px;
	}

	.updateSummary .networkIcon {
	    margin: auto 3px;
	}

    .updateSummary .changeLabel {
        font-size: 70%;
    }

    #searchPartyQueryCurrent,
    #searchPartyQueryEditable {
		margin-top: 10px;
	}

	#searchPartyQueryCurrent #searchPartyKeywordsEdit {
		display: block;
		margin-top: 5px;
	}

	.signUpTitle h1 {
		font-size: 18px;
		margin: 0;
	}

	.signUp.row {
		margin-left: 0;
		margin-right: 0;
	}

	.signUp .form-horizontal .control-label {
		padding-top: 0;
	}

	.loginTitle h1 {
		font-size: 18px;
		margin: 0;
	}

	.userLogin.form-horizontal .form-group {
		padding: 10px;
	}

	.userLogin.form-horizontal .control-label {
		padding-top: 0;
	}

	.logIn.row,
	.loginTitle.row {
		margin-left: 0;
		margin-right: 0;
	}

	.listsIndex .listName {
		font-size: 24px;
	}

	.addListTitle h1 {
		font-size: 24px;
		margin-bottom: 0;
		margin-top: 0;
	}

	.addListTitle .requestLeft {
		font-size: 16px;
		text-align: left !important;
	}

	#listEditForm.form-horizontal .form-group .control-label {
		padding-top: 0;
	}

	#listEditForm.form-horizontal .btn-primary {
		border-radius: 6px;
		font-size: 14px;
		padding: 6px 16px;
	}

	#listEditForm.form-horizontal .btn-primary {
		border-radius: 6px;
		font-size: 14px;
		padding: 6px 16px;
	}

	#listEditForm.form-horizontal .ctaContainer.pull-right {
		float: none !important;
		text-align: center;
	}

	.loadingResultsPanel {
		padding: 10px 20px 40px;
	}

	.usersListAdd.row {
		margin-left: 0;
		margin-right: 0;
	}

	.connectAccounts h3 {
		font-size: 20px;
		margin: 0;
	}

	.connectAccountsAlert {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.connectAccountsNetwork .networkName,
	.connectAccountsNetwork .networkName div,
	.connectAccountsNetwork .networkRemove div,
	.connectAccountsNetwork .networkConnect div {
		height: auto;
	}

    .searchPartyThanks .searchpartyThanksAction h3 {
        margin: 0;
        padding: 0;
    }

    .listsIndex .row.listContainer,
    .listsIndex .row.listBottom {
    	margin-left: 0;
    	margin-right: 0;
    }

    .pageTitle.listsIndexTitle {
    	padding-top: 0;
    }

    .pageTitle.listsIndexTitle .col-xs-7 {
    	padding-left: 0;
    }

    .pageTitle.listsIndexTitle h1 {
    	font-size: 32px;
    }

    .pageTitle.listsIndexTitle .listViewButtons {
    	padding-right: 0;
    }

    .listsIndexToolbar .form-group {
    	margin-bottom: 0;
    }

    .listsIndex .listCount {
    	line-height: 1;
    }

    .listsIndex .listBottom .listBottomPart {
    	padding-bottom: 5px;
    	padding-top: 5px;
    }

    #requestHelpModal .modal-header,
    #requestHelpModal .modal-body {
    	padding: 10px;
    }

    #requestHelpModal .modal-body h4 {
    	margin-top: 0;
    }

    #requestHelpModal .modal-footer {
    	margin-top: 5px;
    	padding: 10px;
    }

    #requestHelpModal #searchPartyDesc {
    	height: 70px;
    	margin-bottom: 10px;
    }

    #requestHelpModal .searchPartyDescExamples p {
    	margin-bottom: 5px;
    }

    #requestHelpModal .searchPartyDescExamples .label {
    	padding: 5px;
    }

    #requestHelpModal .searchPartyDescExamplesBad {
    	margin-bottom: 10px;
    }

    .pageTitle.listsStreamPageTitle .col-sm-8 {
    	padding: 0;
    }

    .pageTitle.listsStreamPageTitle h1 {
    	margin-top: 0;
    	font-size: 28px;
    }

    #listStreamContainer > .row,
    #listStreamContainer > .row > .row {
    	margin-left: 0;
    	margin-right: 0;
    }

    #listStreamContainer > .row h3 {
    	margin-top: 0;
    }

    .pageTitle.listViewPageTitle .mobileTags {
    	padding: 0;
    }

    #listViewResults .selectionRow,
    #listViewResults .listViewHeaderRow,
    #listViewResults .listViewResultsRow {
    	margin-left: 0;
    	margin-right: 0;
    }

    #exportListModal .exportListModalActionIcon {
    	font-size: 24px;
    }

    #exportListModal .exportListModalAction h3 {
    	font-size: 18px;
    	margin-bottom: 5px;
    }

    #exportListModal .exportListModalActionText {
    	padding-top: 0;
    }

    #exportListModal #exportListModalCarousel {
    	padding-top: 0;
    }

    .pageTitle.snapshotsIndexTitle h1 {
    	font-size: 28px;
    	margin-top: 0;
    }

    .row.snapshotsIndex {
    	margin-left: 0;
    	margin-right: 0;
    }

    .snapshotsIndex .snapshotItem .snapshotCreated,
    .snapshotsIndex .snapshotItem .snapshotStatus {
    	text-align: left !important;
    }

    .snapshotsIndex .snapshotItem .snapshotCreated {
    	margin-bottom: 5px;
    }

    .row.searchPartyThanksTitle,
    .row.searchPartyThanks {
    	margin-left: 0;
    	margin-right: 0;
    }

    .row.searchPartyThanksTitle h1 {
		font-size: 28px;
    	margin-top: 0;
    }

    .searchPartyThanks .searchpartyThanksActionIcon {
    	font-size: 24px;
    	padding-top: 5px;
    }

    .searchPartyThanks .searchpartyThanksActionText {
    	padding-top: 0;
    }

    .searchPartyThanks .searchpartyThanksActionText h3 {
    	font-size: 18px;
    }

    .listBottomPartTeamUpVariant .btn-primary {
    	display: block;
    	margin-top: 10px;
    	width: 130px;
    }

    .modal-backdrop {
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: 2040;
	}

    .modal {
		z-index: 2050;
	}

	.saveListCallout .col-sm-2 {
		text-align: center;
	}

	.saveListCallout .col-sm-2 .btn {
		margin-top: 0;
	}

	.listView .peopleInList #peopleCount {
		font-size: 24px !important;
	}

	.listView .listViewUses h3 .selectedCount {
		font-size: 24px !important;
	}

	.listView .listViewUses .selectedNext {
		line-height: 45px !important;
	}

	.hpHeaderLogin {
		font-size: 16px;
		padding: 5px 30px;
		right: 2%;
		top: -20px;
	}

	.hpIntro {
		padding: 40px 0;
	}

	.hpIntro h2 {
		font-size: 24px;
	}

	.hpIntro .signupBtn img,
	.hpTryIt .signupBtn img,
	.hpWhoIsUsingStories .signupBtn img {
		max-width: 345px;
		width: 100%;
	}

	.hpWhoIsUsing {
		padding-top: 30px;
	}

	.hpWhoIsUsingDesc h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.hpWhoIsUsingDesc p {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.hpHowWork {
		padding: 30px 0 40px;
	}

	.hpHowWork h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.hpHowWork p.lead {
		font-size: 16px;
	}

	.hpHowWorkItem {
		margin-bottom: 30px;
	}

	.hpWhoIsUsing .hpWhoIsUsingPeople {
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.hpWhoIsUsing .hpWhoIsUsingPeople > li {
		float: none;
		margin-bottom: 20px;
	}

	.hpWhoIsUsingItem {
		padding: 10px;
	}

	.hpWhoIsUsingItemBorder {
		height: 130%;
	}

	.hpWhoIsUsingItem a {
		padding-bottom: 60px !important;
	}

	.hpWhoIsUsingStories {
		margin-top: 80px;
	}

	.hpWhoIsUsingStories .hpWhoIsUsingStory {
		display: none;
		margin-top: 50px;
		padding: 30px 0 40px;
	}

	.hpWhoIsUsingStories .hpWhoIsUsingStory > .row {
		margin-left: 0;
		margin-right: 0;
	}

	.hpWhoIsUsingStories p.lead {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.hpWhoIsUsingStories .hpWhoIsUsingStory > .row.hpWhoIsUsingStoryWays {
		margin: 0 10px;
	}

	.hpWhoIsUsingStoryHardWay,
	.hpWhoIsUsingStorySimplistSolution {
		height: auto;
	}

	.hpWhoIsUsingStoryHardWay {
		background: url(../img/homepage/whousing-ways-arrow-vertical.png) center bottom no-repeat;
		padding-bottom: 110px;
	}

	.hpWhoIsUsingStoryWays h4 {
		font-size: 24px;
	}

	.hpWhoIsUsingStoryWays p {
		font-size: 16px;
	}

	.hpWhoIsUsingStoryTheWinContainer {
		border: 2px solid #232b2d;
		display: block;
		margin: 10px 10px 30px;
		width: auto;
	}

	.hpWhoIsUsingStoryTheWin {
		color: #ffffff;
		display: block;
		font-size: 19px;
	}

	.hpWhoIsUsingStoryTheWin .col-sm-3 {
		border: none;
		display: block;
		font-size: 24px;
		padding: 10px 20px;
		width: 65%;
	}

	.hpWhoIsUsingStoryTheWin .col-sm-9 {
		border: none;
		display: block;
		padding: 10px 20px;
	}

	.hpWhoIsUsingStoryTheWin .glyphicon-star {
		font-size: 17px;
	}

	.hpWhoIsUsingStories h5 {
		font-size: 22px;
		margin-bottom: 30px;
	}

	.hpHowWorkItem p {
		height: auto;
	}

	.hpTryIt form label.custom-select {
	    display: inline-block;
	    padding: 0;
	    position: relative;
	}

	.hpTryIt form .custom-select select.form-control {
		display: inline-block;
		margin: 0 0 10px;
        outline: none;
        -webkit-appearance: none;
	}

    .hpTryIt form .custom-select:after {
        background: #f0f0f0;
        border-bottom: 2px solid #848484;
        border-left: 2px solid #fafafa;
        border-right: 2px solid #848484;
        border-top: 2px solid #fafafa;
        color: #000000;
        content: "▼";
        font-size: 10px;
        height: 40px;
        line-height: 1;
        padding: 15px 0 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 8px;
        width: 20px;
    }

    .ns-effect-thumbslider .ns-content {
    	height: auto;
    	line-height: 1.5;
		padding-bottom: 10px;
    	padding-top: 10px;
    }

    .pageTitle.listsIndexTitle {
    	padding-top: 8px;
    }

    .resultsContainer h3.resultsSampleTitle {
		font-size: 20px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { 
    .hpTryIt form .custom-select select.form-control {
        padding-right: 30px;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
	.onboardingProgress .step.step2 {
		line-height: 1.2;
		padding-top: 0;
	}

    .listView .memberCheck label {
        left: 2px;
    }

    #helpTabModal #siteHelpModalMessageMobile {
    	height: 50px;
    }

    .usersListAdd .resultsTable,
    .usersListAdd .resultsTable thead,
    .usersListAdd .resultsTable tbody,
    .usersListAdd .resultsTable th,
    .usersListAdd .resultsTable td,
    .usersListAdd .resultsTable tr {
    	display: block;
    }

    .usersListAdd .resultsTable thead tr {
    	left: -9999px;
    	position: absolute;
		top: -9999px;
    }

    .usersListAdd .resultsTable td {
    	border: none;
		border-bottom: 1px solid #eee;
		padding-left: 32%;
		position: relative;
    }

    .usersListAdd .resultsTable td:before { 
		left: 6px;
		padding-right: 10px;
		position: absolute;
		top: 8px;
		white-space: nowrap;
		width: 35%;
	}

	.usersListAdd .resultsTable td:nth-of-type(1):before { content: "Name:"; }
	.usersListAdd .resultsTable td:nth-of-type(2):before { content: "Networks:"; }
	.usersListAdd .resultsTable td:nth-of-type(3):before { content: "Evidence:"; }
}

@media (max-width: 480px) {
	.hpWhoIsUsingStories {
		margin-top: 50px;
	}

	.hpWhoIsUsingItem a {
		padding-bottom: 40px !important;
	}

	.hpWhoIsUsingItemBorder {
		height: 118%;
	}

	.hpWhoIsUsingStories .hpWhoIsUsingStory {
		padding-top: 10px;
	}
}

@media (max-width: 991px) {
    .onboardingProgress .step {
		font-size: 12px;
	}

    .listView .peopleInList {
		font-size: 18px;
		text-align: left;
	}

	.listView .peopleInList #peopleCount {
		display: block;
		font-size: 36px;
	}

	.listView .listViewUses h3 {
		font-size: 18px;
		padding-bottom: 5px;
	}

	.listView .listViewUses h3 .selectedCount {
		font-size: 36px;
		display: block;
	}

	.listView .listViewUses .selectedNext {
		line-height: 65px;
	}

    .selectionRow.affix {
        position: fixed;
        top: 0;
        left: 14px;
        background-color: #fff;
        z-index: 100;
        width: 100%;
    }

    .modal-header > .close {
    	font-size: 30px;
    	margin-top: -4px;
        padding-left: 10px;
    }

    .connectAccountsNetwork.disabled.gmail .networkName .col-xs-9 {
    	padding-top: 6px;
    }

    .listView .memberPhoto img {
    	width: 30px;
    }

    .listView .teamList .memberStatus .teamListResultSpinner {
		bottom: 5px;
	}

	.hpIntroVideo iframe {
		height: 310px;
		width: 500px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.connectAccountsNetwork .networkName {
	    padding-left: 0;
	    padding-right: 0;
	}

	.connectAccountsNetwork .networkName .col-xs-9 {
	    font-size: 14px;
	}

	.connectAccountsNetwork.disabled .networkName .col-xs-9 {
	    padding-top: 14px;
	}

    .listView .memberCheck label {
        left: 12px;
        top: -5px;
    }

    .listView .mainPeopleCheckLabel {
        text-indent: 0;
    }

    .hpHowWorkItem p {
		height: 175px;
	}

	.hpWhoIsUsingItem {
		padding: 15px;
	}

	.hpWhoIsUsingItem h4 {
		font-size: 28px;
		height: 70px;
	}

	.hpWhoIsUsingItem p {
		height: 130px;
	}

	.hpWhoIsUsingItem .hpWhoIsUsingFor {
		height: 170px;
	}

	.hpWhoIsUsingItemBorder {
		height: 109%;
	}

	.hpWhoIsUsingStoryHardWay, .hpWhoIsUsingStorySimplistSolution {
		height: 390px;
	}

	.hpWhoIsUsingStoryTheWin .col-sm-3 {
		font-size: 20px;
	}

	.hpHowWorkItem {
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	.hpHowWorkItem h4 {
		font-size: 22px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hpWhoIsUsingItem h4 {
		height: 80px;
	}

	.hpWhoIsUsingItem p {
		height: 100px;
	}

	.hpWhoIsUsingItem .hpWhoIsUsingFor {
		height: 145px;
	}

	.hpWhoIsUsingItemBorder {
		height: 109%;
	}

	.hpHowWorkItem p {
		height: 170px;
	}

	.listView .memberPhoto img {
    	width: 50px;
    }

    .listView .teamList .memberStatus .teamListResultSpinner {
		bottom: 5px;
	}
}

@media (max-width: 450px) {
    .hidden-xxs {
        display: none;
    }

    .newwizardConnection .networkName {
        font-size: 100%;
    }

    .newwizardForm .form-control {
        font-size: 100%;
    }

    .hpIntroVideo iframe {
		height: 173px;
		width: 280px;
	}
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  width: 80%;
  background: #fff;
  border: 1px solid #29d;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transition: width 1s ease-in-out 1s linear;
  -moz-transition: width 1s ease-in-out 1s linear;
  -ms-transition: width 1s ease-in-out 1s linear;
  -o-transition: width 1s ease-in-out 1s linear;
  transition: width 1s ease-in-out 1s linear;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 100%;
  display: block;
  left: 0px;
  top: 0px;
  height: 100%;
  background: #29d;
}

.pace.pace-inactive {
  display: none;
}