@charset "UTF-8";.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} /* hand.made by true.crew | http://www.truecrew.ru | info@truecrew.ru */ /* © 2013. All rights reserved *//* 3.17 */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em;} sub { bottom: -0.25em;} img { border: 0; /*vertical-align:top;*/ } svg:not(:root) { overflow: hidden; } figure { margin: 0; } :focus{ outline: none; }; fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .stopie{ display: none; } .ie7 .stopie{ display: block; } .stopie{ /*position: absolute;*/ left: 0; top: 0; width: 80%; background: #540000; background: #b60811; padding: 50px 10%; z-index: 99; color: white; } .stopie h1{ color: white; } .stopie ul{ display: block; width: 100%; margin: 0; padding: 0; margin: 2em 0; } .stopie li{ margin: 0; padding: 0 3em 0 0; display: inline-block; *display: inline; list-style: none; text-align: center; } .stopie li img{ display: block; } .stopie li a{ display: inline; font-size: 1.3em; color: #3791e9; } .stopie li a:hover{ color: white; } /* BASE */ body{ position:relative; width:100%; padding:0; margin:0; font:normal 1em Arial, Helvetica, sans-serif; text-rendering:optimizeLegibility; /*overflow-x: hidden;*/ } h1{ /*font:normal 1.5em Arial, Helvetica, sans-serif;*/ font: 600 normal 1.6em "Open Sans", Arial, Helvetica, sans-serif; line-height: 1.3em; padding: 0 0 0.3em 0; margin:0; /*color: #272b29;*/ } h2{ font: 600 normal 1.5em "Open Sans", Arial, Helvetica, sans-serif; line-height: 1.3em; padding: 0.5em 0 0.3em 0; margin:0; /*color: #3a5065;*/ letter-spacing: -.05em; } h3, h4, h5{ font: bold 1.1em Arial, Helvetica, sans-serif; line-height: 1.3em; padding: 0.7em 0 0.3em 0; margin:0; color: #252525; } p, blockquote{ padding: 0 0 0.45em 0; margin:0; line-height: 1.3em; /*line-height:1.3em;*/ } a, a:link { color: #0089c0;} a:visited { color: #0065a0; } a:hover { color: #33b3ff; color: #6d360e; /*text-shadow: 0px 0px 18px rgba(149,196,228,0.5); */} a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a.pseudo{ color:#282828; border-bottom:1px dashed #a1a1a1 !important; cursor: pointer; } .left { float:left;} .right { float:right;} .hide{ display:none;} .hide-text { font: 0/0 a; text-shadow: none; color: transparent; } .invisible { visibility: hidden; } .tright{ text-align:right !important; } .tleft{ text-align:left !important; } .middle{ vertical-align: middle !important;} .bottom{ vertical-align: bottom !important;} .gray{ color:#898989; } .petit, .date { font-size:0.85em; /*font-style:italic;*/ } .border { border:1px dashed red; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; clear: both;} .w100 { width:100%;} .w90 { width:90%;} .w80 { width:80%;} .w75 { width:75%;} .w70 { width:70%;} .w65 { width:65%;} .w60 { width:60%;} .w55 { width:55%;} .w50 { width:50%;} .w45 { width:45%;} .w40 { width:40%;} .w35 { width:35%;} .w33 { width:33%;} .w30 { width:30%;} .w25 { width:25%;} .w20 { width:20%;} .w15 { width:15%;} .w10 { width:10%;} .w5 { width:5%;} .noselect{ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } .whiteround{ background-color:white; border-radius:8px; } .textshadow{ text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8); filter: dropshadow(color=#000000, offx=1, offy=1); } .shadow{ -webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3); box-shadow:0 1px 8px rgba(0, 0, 0, 0.3); } .fx, .fx *{ -o-transition:all .33s ease; -moz-transition:all .33s ease; -webkit-transition:all .33s ease; transition:all .33s ease; } .columns{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; сolumn-gap: 40px; -moz-column-gap: 40px; -webkit-column-gap: 40px; } .line, .row, .col, .leftcol, .maincol, .content, .rightcol { display:inline-block; vertical-align:top; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0 -4.3px 0 0; /*border:1px dashed #d0d0d0;*/ } /* LAYOUTS */ body{ /*min-width: 800px;*/ color:#36383e; background: white; } body.index{ } .layout{ position: relative; padding: 0 10px; /*margin: 0 auto;*/ /*border:1px dashed #d0d0d0;*/ } .row{ width:100%; /*border:1px dashed #00aef0;*/ } .col{ /*border:1px dashed #d0d0d0; */ } .maincol{ width: 75%; /*border: 1px solid red; */ /*padding-left: 20%;*/ } .leftcol{ width: 25%; margin-top: -50px; } .admin .leftcol{ background: red; display: none; } .content{ width: 75%; } .admin .content{ width: 100%; } .content a:link { color: #0089c0;text-decoration: none;} .content a:visited { color: #0065a0;text-decoration: underline; } .content a:hover { color: #33b3ff; color: #6d360e; /*text-shadow: 0px 0px 18px rgba(149,196,228,0.5); */text-decoration: underline;} .content a:focus { outline: thin dotted; } .rightcol{ width: 25%; z-index: 10; } /* BASESTYLE */ .upmenu .m_town, .upmenu .login{ display: table-cell; /*border:1px dashed black;*/ } .upmenu{ border-top:20px solid transparent; background: #b8e3f4; margin: -20px 0px 10px 0px; border-radius:7px; /*overflow: hidden;*/ } .m_town ul{ position: relative; margin: 0; padding: 0; list-style: none; /*border:1px dashed black;*/ } .m_town li{ display: inline-block; display: table-cell; padding:5px 10px 3px 10px; font-size: 0.75em; color: #252525; white-space: nowrap; /*border:1px dashed black;*/ } .home a{ border-bottom: none !important; } .index .home a{ cursor: default; opacity: 0.4; } .m_town .home a{ display: block; width: 20px; height: 12px; background:url(/i/ico_home.png) center center no-repeat; } .m_town .tgl_town{ padding: 0; } .m_town a{ text-decoration: none; border-bottom: 1px dashed; } .m_town .on{ border-bottom: 3px solid #00aef0; } .m_town .on a{ text-decoration: none; border-bottom: none; font-weight: bold; color: #252525; } .login{ position: relative; width: 100%; text-align: right; padding:3px 4px 3px 10px; /*border:1px dashed black;*/ } .login button{ border: 1px solid #97bac8; background: white; color: #0089c0; font-size: 0.8em; border-radius: 5px; padding: 3px 8px; white-space: nowrap; } .login_form{ display: none; position: absolute; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; top: -10px; width: 25%; padding: 15px; border-radius: 7px; background: #f2f2f2; -webkit-box-shadow: 0px 0px 50px rgba(20,161,217,0.9); box-shadow: 0px 0px 50px rgba(20,161,217,0.9); z-index: 66; } .login_form b{ font:600 normal 0.8em "Open Sans", Arial, Helvetica, sans-serif; padding-left: 12px; /*font-weight: normal;*/ } .login_form input{ font:400 normal 1em "Open Sans", Arial, Helvetica, sans-serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position: relative; width: 100%; /*text-transform: uppercase;*/ border-radius: 6px; border: 1px solid #b0c6cb; padding: 5px 10px; margin-bottom: 4px; background: white; } .login_form button{ width: 100%; font:400 normal 0.8em "Open Sans", Arial, Helvetica, sans-serif; text-align: left; padding: 2px 13px; background: #b0c6cb; background: #14a1d9; border: 0; border-radius: 5px; color: white; text-transform: uppercase; margin-bottom: 1em; } .login_form p{ /*font:600 normal 0.8em "Open Sans", Arial, Helvetica, sans-serif;*/ font-size: 0.8em; } .aside.user{ font-size: small; } .user ul{ padding: 0 0 0 20px; margin: 0; } .user li{ padding: 3px 0px; } .user .green a{ color: #64ab02; } .user .red a{ color: #9d1318; } #datepicker{ width: 100% !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .header{ padding-top: 20px; padding-left: 25%; } .header .col{ width: 50%; } .logo{ color: #3d3d3d; position: relative; font:400 normal 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif; text-transform: uppercase; } .index .logo{ text-decoration: none; cursor: default; } .logo:before{ content: ""; position: absolute; /* width: 73px; height: 73px; left: -80px; background:url(/i/logo_s.png) center center no-repeat; */ width: 75px; height: 75px; top: -5px; left: -80px; background:url(/i/logoG_.svg) center center no-repeat; background-size: contain; } .logo a{ color: #3d3d3d; } .slogan{ position: relative; text-align: right; color: #87827d; } .slogan a{ position: absolute; width: 80px; height: 80px; right: 10px; top: -60px; background:url(/i/innova.png) center center no-repeat; } .slogan p{ display: inline-block; text-align: left; font:400 normal 1em/1.3em "Open Sans", Arial, Helvetica, sans-serif; text-transform: uppercase; padding-right: 20px; } .menu{ padding: 10px 10px 5px 25%; /*border:1px dashed black;*/ } .menu ul{ margin: 0; padding: 0; list-style: none; font-size: 0.8em; color: #252525; text-transform: uppercase; white-space: nowrap; } .menu li{ display: inline-block; padding:5px 10px 5px 10px; margin:0 -4.3px 0 0; white-space: nowrap; border-right: 1px solid #00aef0; } .menu ul:first-child{ border-top: none; border-bottom: 2px solid #00aef0; } .menu ul{ border-top: 2px solid #00aef0; } .menu li:first-child{ padding-left: 0; } .menu li:last-child{ border: 0; } .menu li a{ font:700 normal 0.9em "Open Sans", Arial, Helvetica, sans-serif; color: #01415a; text-decoration: none; } .menu li:hover a{ color: #dc1a21; } .menu .important{ color: #6c970c; } .menu li.on { background: #14a1d9 url(/i/bg_shadow.png) left bottom repeat-x; } .menu li.on a{ color: #dc1a21; color: white; } .code{ position: relative; font-size: 0.8em; padding: 2em 3em 20px 0; color: gray; } .code b{ display: block; color: #97bf3f; font-size: 1.8em; padding-top: 5px; } .code .regReq{ display: block; position: absolute; width: 10em; border-radius: 4px; left: 0em; top: 2em; background: #c7d7a3; color: black; padding: 10px; opacity: 0.8; /*display: none;*/ } .m_sickg{ width: 110%; padding: 20px 10px 10px 10px; margin-left: -10px; list-style: none; border-top: 5px solid #94725c; border-bottom: 5px solid #94725c; background: #f3f7f8; font-size: 0.8em; } .m_sickg > li{ padding: 0 5px 15px 15px; background: url(/i/arr_sick_blue.png) left 4px no-repeat; word-wrap:break-word; text-transform: uppercase; cursor: pointer; } .m_sickg .open{ background: url(/i/arr_sick_red.png) left 4px no-repeat; font-weight: bold; color: black; } .m_sickg .sub{ display: none; padding: 8px 0 0 0; margin: 0; list-style: none; font-weight: normal; } .m_sickg .sub > li{ text-transform: none; padding: 0 10px 10px 10px; background: url(/i/arr_blue.png) left 6px no-repeat; } .m_sickg .sub > li.on{ background: url(/i/arr_red.png) left 6px no-repeat; } .m_sickg .sub > li.on a{ color: black; } .m_sickg .open > .sub{ display: block; } .content{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-box-shadow: -15px -5px 25px rgba(88,113,123,.25); -webkit-box-shadow: -15px -5px 25px rgba(88,113,123,.25); box-shadow: -15px -5px 25px rgba(88,113,123,.25); background: white; overflow: hidden; } .slider{ position: relative; height: auto; max-height: 180px; margin-right: 10px; overflow: hidden; background: #231b1c; } .index .slider{ max-height: 250px; } .slider img{ width: 100%; } .slider p{ width: 95%; position: absolute; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; background: rgba(0,0,0,0.6); color: white; padding: 8px 20px 20px 20px; font-size: 0.9em; -moz-box-shadow: 0px -10px 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -10px 20px rgba(0,0,0,0.4); box-shadow: 0px -10px 20px rgba(0,0,0,0.4); bottom: 0; } .slider a{ color: #00aef0; } .slider div{ display: none; } .slider .on{ display: block; } .blockquote1 { position:relative; width:90%; padding:12px 15px 15px 35px; margin:5px 0 15px 0; font-size:0.85em; font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(/images/bg_blockquote.gif) left top no-repeat; background-color:#ededed; } .blockquote1 img{ position:absolute; bottom:0; padding-left:8px; } .find{ position: relative; border-radius: 8px; background: white; margin-top: -1px; padding: 8px; } .find input{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; position: relative; width: 100%; font:400 normal 1.2em "Open Sans", Arial, Helvetica, sans-serif; /*text-transform: uppercase;*/ border-radius: 6px; border: 1px solid #b0c6cb; padding: 5px 10px; background: white; } .find button{ font:400 normal 1.2em "Open Sans", Arial, Helvetica, sans-serif; position: absolute; right: 12px; top: 12px; padding: 2px 13px; background: #00aef0; border: 0; border-radius: 3px; color: white; } .find:hover button{ background: #b0c6cb; } .find input:focus{ border: 1px solid #00aef0; } .find input:focus + button{ background: #14a1d9; } .gotodoctor{ display: none; position: relative; /*margin: 0 8px;*/ /*padding: 10px;*/ /*padding-top: 0px;*/ padding: 50px; border: 1px solid #cfdde3; border-bottom: 3px solid #cfdde3; font-size: 0.8em; background: #e7fae5; border-radius: 5px; } .gotodoctor.upper{ /*display: block;*/ position: fixed; top:15%; bottom: 10%; left: 5%; right: 10%; z-index: 999 !important; box-shadow: 0px 0px 0px 800px rgba(0,0,0,0.85); overflow-y: scroll; } .gotodoctor.upper .timesheet2{ } .gotodoctor.upperr::before{ content: ""; position:fixed; top:0; right: 0; bottom: 0; left: 0; background: rgba(156,180,204,0.8); } .gotodoctor .close{ position: absolute; top: 8px; right: 8px; width: 22px; height: 20px; background: white; border-radius: 50px; text-align: center; text-decoration: none; color: gray; font-size: 11px; padding: 3px 0 0 0; box-shadow: 0px 0px 20px rgba(156,180,204,0.5); } .gotodoctor .close:hover{ background: #80c12b; color: white; } .gotodoctor h2, .gotodoctor p{ padding-left: 10px; padding-right: 10px; } .gotodoctor table{ /*border-top: 5px solid #d9f1d7;*/ } .gotodoctor th{ padding: 6px 10px; text-align: left; border-bottom: 1px solid #cfdde3; } .gotodoctor .c_date th{ /*background: gold;*/ text-align: center; background: #a1c59e; color: white; } .c_date th:first-line{ font-size: x-small; } .gotodoctor td{ padding: 6px 10px; border-bottom: 1px solid #cfdde3; } .gotodoctor .green{ background: #d9f1d7; -moz-transition:all .6s ease; -webkit-transition:all .6s ease; transition:all .6s ease; border-left: 1px solid #cfdde3; border-right: 1px solid #cfdde3; } .gotodoctor .green:hover{ background: #d6fab4; } .gotodoctor .gray{ background: #ece9e3; -moz-transition:all .6s ease; -webkit-transition:all .6s ease; transition:all .6s ease; border-left: 1px solid #cfdde3; border-right: 1px solid #cfdde3; } .gotodoctor img{ margin-right: 10px; } .pagetext{ padding: 10px 20px 50px 20px; } .pagetext .row > div{ vertical-align: top; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin: 0 0 0 -4px; display: inline-block; /*border:1px solid red;*/ padding: 0 1em 0.5em 1em; } .pagetext .row > div:first-child{ /*margin: 0;*/ } .twocols, .threecols, .fourcols { margin-left: -1em; } .twocols div{ width: 50%; } .threecols div{ width: 33.3%; } .fourcols div{ width: 25%; } .twocols img, .threecols img, .fourcols img { width: 100%; } .twocols img:hover, .threecols img:hover, .fourcols img:hover { border: 8px solid rgba(20,161,217,0.3); } .pagetext img{ position: relative; border: 8px solid rgba(0,0,0,0.05); /*width: 58%; height: auto;*/ } a[rel='zoom']{ position: relative; margin: 0; } a[rel='zoom'].right, img.right { margin: 0 0 0.3em 1.5em; } a[rel='zoom'].left, img.left{ margin: 0 1.5em 0.3em 0; } a[rel='zoom']:after{ position: absolute; width: 38px; height: 38px; right: 20px; bottom: 25px; content: ""; background:url(/i/ico_zoom.png) no-repeat; } a[rel='zoom'] img{ max-width: 100%; } a.zoom_video:after{ position: absolute; width: 38px; height: 38px; right: 20px; bottom: 25px; left: calc(50% - 20px); bottom: calc(50% - 20px); content: ""; background: url(/i/ico_play.png) no-repeat; opacity: 0.8; } .small p{ font-size:0.85em; } .pagetext h1{ text-transform: uppercase; color: #3a2c21; color: #3d2f24; width: 90%; } .pagetext h3{ font:400 normal 1.2em/1.2em "Open Sans", Arial, Helvetica, sans-serif; /*letter-spacing: -.05em;*/ } .pagetext blockquote{ font:400 normal 1.3em/1.5em "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.1em; color: #0d93c8; border-left: 5px solid #14a1d9; margin: 10px 0 15px -20px; padding: 0 1em 0px 15px; } .pagetext ul{ margin: 0; } hr{ border: 0; height: 1px; margin: 10px 0 3px 0; background: #b0c6cb; } .breeds{ font-size: x-small; margin:0 0 1.5em -0.6em; color: #9c9590; } .breeds:before{ content: "<"; color: #9c9590; /*padding-right: 0.5em;*/ } .breeds a{ font-size: small; padding:0 0.5em; } .anchors{ min-width: 25%; max-width: 33%; float: left; margin: 0 1.5em 0.5em 0; -moz-box-shadow:10px 10px 20px rgba(138,101,73,0.1); -webkit-box-shadow:10px 10px 20px rgba(138,101,73,0.1); box-shadow:10px 10px 20px rgba(138,101,73,0.1); } .anchors ul{ margin: 0; padding: 0 1em 1em 0; list-style: none; } .anchors li{ position: relative; font-size: small; background: url(/i/arr_blue.png) left center no-repeat; padding: 4px 10px; } .anchors a{ color: #6d360e; } .anchors li:hover a{ color: #a10000; } .anchors .lead, .select_doc .lead{ position: absolute; display: none; left: 90%; top: -10px; width: 250%; background: #e9e4e2; padding: 15px 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:-10px 10px 20px rgba(138,101,73,0.3); -webkit-box-shadow:-10px 10px 20px rgba(138,101,73,0.3); box-shadow:-10px 10px 20px rgba(138,101,73,0.3); z-index: 99 !important; } .select_doc .lead{ padding: 10px 15px; font-size: x-small; left: -30%; top: 30px; width: 180%; z-index: 999 !important; } .lead h2, .lead h3, .lead h4{ padding: 0 0 0.2em 0; margin-bottom: 0.5em; font-weight: 600; color: #4c0000; border-bottom: 2px solid #a10000; } .anchors .lead:after{ position: absolute; content: ""; left: -3px; top: 17px; width: 8px; height: 8px; background: #e9e4e2; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .select_doc .lead:after{ display: none; position: absolute; content: ""; left: 24px; top: -3px; width: 8px; height: 8px; background: #e9e4e2; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .select_doc label:hover .lead{ display: block; } .pagetext table{ border-left: 1px solid #cfdde3; border-right: 1px solid #cfdde3; font-size: 0.85em; margin-bottom: 1.5em; } .pagetext table tr:nth-child(even){ /*border: 1px solid red;*/ background: #e9f0f3; border: 1px solid #cfdde3; } .pagetext table th, .pagetext table td{ text-align: left; /*width: auto;*/ padding: 5px 20px 5px 10px; } .admin table th, .admin table td{ font-size: small; padding: 3px 5px; margin: 0; border: 1px solid #cfdde3; } .admin table tr:nth-child(even){ background: #fff; } .pagetext table + .description{ padding:0 0 2em 12px; font-style: italic; margin-top: -1em; } .pagetext table img{ border: 0; } .pagetext ul, .pagetext ol{ font-size: 0.95em; } .pagetext li{ line-height: 1.2em; padding-bottom: 1em; } .pagetext .cut{ position: relative; height: 25px; overflow: hidden; /*background: url(/i/bg_fog.png) right bottom repeat-x;*/ } .pagetext a[href="#cut"]{ display: inline-block; margin-bottom: 1em; } .pagetext .cut:after{ /*content: ""; position: absolute; bottom: 0; width: 100%; height: 30px;*/ /*background: url(/i/bg_fog.png) right bottom repeat-x;*/ /*border: 1px solid gold;*/ } .pagetext .cut > a{ text-decoration: none; border-bottom: 1px dashed; font-size: 0.8em; padding-right: 1.3em; background: url(/i/ico_arrdown.png) right -20px no-repeat; } .pagetext .cut > a:hover{ background: url(/i/ico_arrdown.png) right center no-repeat; } .pagetext .cut.on{ height: 100%; } .pagetext .cut.on > a{ display: none; } .pagetext .video{ width: 40%; border: 1px solid #cfdde3; padding: 5px; float: left; margin: 0 1em 0.5em 0; -moz-box-shadow: 0px 0px 20px rgba(138,101,73,0.4); -webkit-box-shadow: 0px 0px 20px rgba(138,101,73,0.4); box-shadow: 0px 0px 20px rgba(138,101,73,0.4); } .video iframe{ vertical-align: top; position: relative; width: 100%; height: auto; border: 0; } .form{ /*background: #b8e3f4;*/ padding: 15px; border-radius: 7px; } .form label{ display: inline-block; font-size: small; padding:0 0 0.2em 0.45em; } .form input[type="text"]{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width: 100%; margin-bottom: 0.2em; font:400 normal 1.2em "Open Sans", Arial, Helvetica, sans-serif; padding: 0.2em; border: 1px solid #b0c6cb; border-radius: 5px; } .form textarea{ width: 99%; margin-bottom: 0.5em; font:400 normal 1em "Open Sans", Arial, Helvetica, sans-serif; padding: 0.2em; border: 1px solid #b0c6cb; border-radius: 5px; } .form .w50{ padding-right: 15px; } .form .w50:nth-child(odd), .form section .w50:nth-child(odd){ padding-right: 15px; } .form .w50:nth-child(even), .form section .w50:nth-child(even){ /*background: red;*/ padding-right: 0; } /*.form button{ width: 100%; border-radius: 6px; border: 1px solid #528d01; padding: 8px 10px; text-align: left; font-weight: bold; color: #363636; -webkit-box-shadow:0px 3px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 3px 12px rgba(0, 0, 0, 0.5); box-shadow:0px 3px 12px rgba(0, 0, 0, 0.5); } .form button:hover{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5); box-shadow:0px 1px 3px rgba(0, 0, 0, 0.5); }*/ /*.form .green{ border: 1px solid #528d01; background-color: #aaff39 !important; background: url(/i/bg_shadow.png) left bottom repeat-x; background: url(/i/ico_question.png) 98% center no-repeat, url(/i/bg_shadow.png) left bottom repeat-x; }*/ .form img{ border: none; } .form .required:after{ content: " *"; color: #ed1c24; font-size: 1.4em; font-weight: bold; } .form .required + input{ border: 1px solid #870b10; } .select_doc div{ display: table-cell; width: 25%; padding: 5px 20px 10px 5px; vertical-align: top; border-bottom: 1px solid #b0c6cb; } .select_doc img{ height: 50px; margin: 10px 0 0 0; display: block; border: 3px solid transparent; } .select_doc label{ position: relative; padding: 0; display: inline; cursor: pointer; border-bottom: 1px dashed; } .select_doc input[type=radio]{ opacity: 0.3; display: none; } .select_doc input[type=radio]:checked ~ label{ color: #4c0000; font-weight: bold; } .select_doc input[type=radio]:checked ~ label .lead{ font-weight: normal; /*background: red;*/ } .select_doc input[type=radio]:checked ~ img{ margin: 0; height: 60px; border: 3px solid #a10000; } .docs_list{ list-style: none; padding: 0; margin: 0; } .docs_list li{ padding-bottom: 1em; border-bottom: 1px solid #d7e2e5; margin-bottom: 1em; } .docs_list h2{ padding: 0 !important; } .form_record{ padding: 0; /*background: #b8e3f4;*/ /*background: lightgray;*/ } .form_record table, .form_record th, .form_record tr{ /*background: red;*/ padding: 0 !important; border: none !important; background: none !important; background-color: none; } /* ASIDE */ .aside{ /*display: none;*/ /*position: relative;*/ font-size: 0.9em; padding: 15px; border-radius: 7px; margin-bottom: 10px; /*background: #e9f0f3;*/ border: 1px solid #cfdde3; } .aside h1{ font:700 normal 1.4em/1.1em "Open Sans", Arial, Helvetica, sans-serif; margin-bottom: 0.3em; } .aside h2{ font:400 normal 1.3em/1.1em "Open Sans", Arial, Helvetica, sans-serif; margin-bottom: 0.3em; } .aside h3{ padding: 0; } .aside p{ line-height: 1.3em; } .phone100{ display: block; text-decoration: none; color: white !important; font-size: 2em; padding: 3px 0 10px 0; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } .map{ display: inline-block; background: url(/i/ico_map.png) left center no-repeat; padding-left: 16px; min-height: 14px; color: white !important; font-size: 0.9em; transition:all .33s ease; } .map:hover{ background-position: left bottom; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); filter: dropshadow(color=#000000, offx=1, offy=1); } .pagetext button, .aside button, .form button, .form_record input[type="submit"]{ width: 100%; border-radius: 6px; border: 1px solid #528d01; padding: 8px 10px; text-align: left; font-weight: bold; color: #363636; -webkit-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 3px 4px rgba(0, 0, 0, 0.6); box-shadow:0px 3px 4px rgba(0, 0, 0, 0.6); background: url(/i/bg_shadow.png) left bottom repeat-x; background-color: #8cd242; } .pagetext button:hover, .aside button:hover, .form button:hover, .form_record input[type="submit"]:hover{ /*position:relative; top:1px;*/ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.9); -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.9); box-shadow:0px 2px 3px rgba(0, 0, 0, 0.9); } .pagetext button:active, .aside button:active, .form button:active, .form_record input[type="submit"]:active{ position:relative; top:2px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.9); box-shadow:0px 0px 1px rgba(0, 0, 0, 0.9); } .answer button.question{ width: auto; width: 50%; margin-top: 10px; } .form button{ width: auto; } /*button.green{ border: 1px solid #528d01; background-color: #aaff39 !important; background: url(/i/bg_shadow.png) left bottom repeat-x; background: url(/i/ico_question.png) 98% center no-repeat, url(/i/bg_shadow.png) left bottom repeat-x; }*/ /*.aside button.calendar, .form_record input[type="submit"]{ border: 1px solid #528d01; background-color: #aaff39 !important; background: url(/i/bg_shadow.png) left bottom repeat-x; background: url(/i/ico_calendar.png) 98% center no-repeat, url(/i/bg_shadow.png) left bottom repeat-x; } .aside button.question{ border: 1px solid #528d01; background-color: #aaff39 !important; background: url(/i/bg_shadow.png) left bottom repeat-x; background: url(/i/ico_question.png) 98% center no-repeat, url(/i/bg_shadow.png) left bottom repeat-x; }*/ /*.aside button, .form_record input[type="submit"]{ width: 100%; text-align: left; font-weight: bold; border-radius:6px; border:1px solid #268a16; padding:9px 18px; text-decoration:none; background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% ); background:-ms-linear-gradient( top, #77d42a 5%, #5cb811 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) ); background-color:#77d42a; text-shadow:1px 1px 0px #aade7c; -webkit-box-shadow:inset 1px 1px 0px 0px #caefab; -moz-box-shadow:inset 1px 1px 0px 0px #caefab; box-shadow:inset 1px 1px 0px 0px #caefab; } .aside button:hover, .form_record input[type="submit"]:hover { background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% ); background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) ); background-color:#5cb811; } .aside button:active, .form_record input[type="submit"]:active { position:relative; top:1px; } */ button.calendar + p{ margin-top: 1.5em; } .news div{ padding-bottom: 1em; } .news a{ display: inline-block; margin: 10px 0; font:600 normal 1.3em/1.1em "Open Sans", Arial, Helvetica, sans-serif; } .news span{ display: block; font-size: x-small; color: gray; opacity: 0.7; } .leftcol .aside{ border-radius: 0; border-left: none !important; border-right: none !important; margin-left: -10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .aside.linklist a{ display: inline-block; margin-bottom: 0.5em; display: block; } .q-a a{ display: inline-block; margin: 10px 0; font:600 normal 1.3em/1.1em "Open Sans", Arial, Helvetica, sans-serif; } .q-a sup{ font-size: x-small; font-weight: bold; color: #cb181f; text-decoration:none !important; margin-left: 0.8em; top: -10px; } .q-a a:before{ display: inline-block; vertical-align: bottom; content: ""; background: url(/i/ico_talk.png) left top no-repeat; width: 28px; height: 15px; /*border: 1px solid red;*/ } .q-a .answer{ position: relative; color: #594f40; font-style: italic; } .pagetext .answer img{ position: relative; width: 66px; float: left; margin: 0 1em 0em 0; -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3); z-index: 6; border-radius: 4px; border: 3px solid #f2f2f2; /*border: 2px solid rgba(0,0,0,0.05);*/ } .pagetext .q-a .answer:after{ position: absolute; top: 8px; top:33px; left: 67px; content: ""; height: 10px; width: 10px; z-index: 5; background: #00aef0; background: #d1d1d1; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .q-a section.answer{ padding-top: 1em; } .pagetext hr{ clear: both; } iframe{ z-index: 55 !important; } .pager{ color: gray; font-size: small; margin-bottom: 20px; } .pager a{ display: inline-block; padding: 2px 7px; } .pager a.on{ background: #00aef0; color: white; text-decoration: none; } .timesheet { overflow-x: scroll; } .timesheet th{ /*width: 2% !important;*/ font-size: small; } .sec_contacts section{ /*display: none;*/ } .sec_contacts section:first-child{ /*display: block;*/ } .aside.blue{ position: relative; background: #00aef0; border: 1px solid #2d8db1; } .aside.blue h2{ color: white; } .aside.blue h3 > a{ color: #3d2f24; } .aside.blue hr{ background: #4dc6f5; } .aside.blue.arrow:after{ position: absolute; content: ""; left: 48%; bottom: -5px; width: 8px; height: 8px; background: #00aef0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .aside.brown{ background: #f2e9dc; border: 1px solid #cec1af; /*display: none;*/ } .aside.brown ul{ margin: 0;padding: 0 1em 1em 0; list-style: none; } .aside.brown li{ position: relative; font-size: small; padding: 4px 5px; } .aside.brown a{ color: #6d360e; } .aside.green{ background: #f8fbee; border: 1px solid #e2e7d1; /*display: none;*/ } .aside.docs{ } .aside.docs a{ display: block; border-radius: 5px; /*overflow: hidden;*/ margin-bottom: 6px; /*border: 1px solid red;*/ } .aside.docs hr{ margin-bottom:1em; } .aside.docs a > h3{ /*display: inline-block;*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font:normal 1.1em/1.2em Arial, Helvetica, sans-serif; /*width: 65%;*/ padding: 8px 0em 8px 0em; margin: 0; color: #6d360e; text-decoration: underline; } .aside.docs img{ vertical-align: bottom; display: inline-block; display: block; float: left; width: 40%; margin:0 10px 1px 0; /*padding: 0 10px 20px 0;*/ -webkit-box-shadow:-4px 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:-4px 5px 10px rgba(0, 0, 0, 0.2); box-shadow:-4px 5px 10px rgba(0, 0, 0, 0.2); } .aside.docs a:hover{ /*border:1px solid rgba(0,0,0,0.2);*/ -webkit-box-shadow:inset 0px 0px 50px rgba(109,54,14,0.2); -moz-box-shadow:inset 0px 0px 50px rgba(109,54,14,0.2); box-shadow:inset 0px 0px 50px rgba(109,54,14,0.2); } .aside.docs a:hover h3{ /*padding-left: 10px;*/ } /*MOI PRAVKI*/ .optimenu{ min-width: 0%; max-width: 100%; float: left; margin: 0 1.5em 0.5em 0; -moz-box-shadow:10px 10px 20px rgba(138,101,73,0.1); -webkit-box-shadow:10px 10px 20px rgba(138,101,73,0.1); box-shadow:10px 10px 20px rgba(138,101,73,0.1); } .optimenu ul{ margin: 0; padding: 0 1em 1em 0; list-style: none; } .optimenu li{ position: relative; font-size: small; padding: 4px 10px; } .optimenu a{ color: #6d360e; text-decoration: underline; border-bottom: none; } .optimenu li:hover a{ color: #a10000; } .optimenu .lead, .select_doc .lead{ position: absolute; display: none; left: 90%; top: -10px; width: 250%; background: #e9e4e2; padding: 15px 20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-shadow:-10px 10px 20px rgba(138,101,73,0.3); -webkit-box-shadow:-10px 10px 20px rgba(138,101,73,0.3); box-shadow:-10px 10px 20px rgba(138,101,73,0.3); z-index: 99 !important; } .select_doc .lead{ padding: 10px 15px; font-size: x-small; left: -30%; top: 30px; width: 180%; z-index: 999 !important; } .lead h2, .lead h3, .lead h4{ padding: 0 0 0.2em 0; margin-bottom: 0.5em; font-weight: 600; color: #4c0000; border-bottom: 2px solid #a10000; } .optimenu .lead:after{ position: absolute; content: ""; left: -3px; top: 17px; width: 8px; height: 8px; background: #e9e4e2; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .select_doc .lead:after{ display: none; position: absolute; content: ""; left: 24px; top: -3px; width: 8px; height: 8px; background: #e9e4e2; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .select_doc label:hover .lead{ display: block; } /*END*/ .copyrights{ border-radius:7px; position: relative; color: #b6c9d8; background: #18608c; padding: 20px; margin-bottom: 10px; font-size: 0.8em; } .copyrights > div{ width: 50%; } .copyrights h3, .copyrights h4{ color: white; } .copyrights a{ color: #38b3e4; } .developer{ text-align: right; } .developer a{ color: #b6c9d8; } .subside{ /*position: absolute;*/ position: fixed; width: 100%; min-height: 40px; bottom: 0px; background: #b8e3f4; border-radius:7px; padding: 10px 5px 10px 5px; margin-bottom: -10px; font-size: 0.8em; color: #252525; opacity: 0.88; z-index: 9999 !important; color: #777; /*border: 1px dashed red;*/ } .subside ul{ width: 80%; position: absolute; margin: 0; padding: 0; } .subside li{ list-style: none; display: inline-block; display: table-cell; padding: 0 1.5em 0 0; white-space: nowrap; } .subside li a{ color: #252525; text-decoration: none; border-bottom: 1px dashed; } .subside .gotoup{ display: inline; /*width: 20%;*/ /*background: red;*/ position: absolute; right: 20px; top: 5px; color: #252525; text-decoration: none; border-bottom: 1px dashed; } /* ADAPTIVE */ @media screen and (min-width: 100px) and (max-width: 550px){ .m_town{ /*background: gold;*/ /*font-size: 0.8em*/ } .m_town, .login{ display: block !important; width: auto; } .login{ background: #87c0d6; } .login button{ width: 100%; font:700 normal 1.4em "Open Sans", Arial, Helvetica, sans-serif; } .login_form{ width: 96% !important; /*background: red !important;*/ } .m_town li{ /*display: inline-block;*/ } .menu ul{ width: 100% !important; float: none; /*background: red;*/ } .maincol, .rightcol, .m_sick, .linklist{ width: 100% !important; } .m_sick{ border-bottom: none; } .content{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .pagetext, .rightcol .aside{ font-size: 1.3em; } .pagetext{ padding: 20px 10px; } .twocols, .threecols, .fourcols{ margin: 0; padding: 0; } .twocols img, .threecols img, .fourcols img { /*margin: 0;*/ } .subside{ display: none; } } @media screen and (max-width: 780px){ .m_town{ /*background: gray !important;*/ } .mnd{ display: none !important; } .slogan:before{ top:-20px; } .maincol{ width: 70%; } .rightcol{ width: 30%; } .leftcol{ width: 100%; margin: 0; } .m_sick{ width: 50%; float: left; margin: 0; } .leftcol .aside{ float: left; width: 50%; margin: 0; } .login_form{ width: 30%; /*background: red !important;*/ } .menu{ padding-left: 25px; } .menu ul{ width: 45%; margin-right: 5%; border: none; /*margin-left: 5px;*/ float: left; } .menu ul:first-child{ border-bottom: 1px solid #00aef0; } .menu li{ display: block; width: 100%; padding-left: 0 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border: none; border-bottom: 1px solid #00aef0; font-size: 0.9em !important; } .menu li.on{ /*background: red !important;*/ padding-left: 10px !important; } .m_sick + .aside { background-color: inherit; border-top: 5px solid #94725c !important; border-left: 1px solid #94725c !important; } .content{ width: 100%; font-size: 0,9em; } .content .slider{ margin: 0; } .twocols div, .threecols div, .fourcols div { width: 100%; } .aside{ /*width: 100% !important;*/ border: none !important; margin-bottom: 10px !important; cursor: pointer; } .aside.off{ height: 40px !important; overflow: hidden; -moz-box-shadow:inset 0px -10px 30px rgba(138,101,73,0.5); -webkit-box-shadow:inset 0px -10px 30px rgba(138,101,73,0.5); box-shadow:inset 0px -10px 30px rgba(138,101,73,0.5); opacity: 0.4; } } /* tablet */ @media screen and (min-width: 550px) and (max-width: 750px){ .m_town{ /*background: pink;*/ } .menu ul { margin-top: 20px; } } @media screen and (min-width: 550px) and (max-width: 900px) { .m_town{ /*background: orange;*/ } .menu li{ font-size: 0.95em; padding-left: 6px; padding-right: 6px; border-right: none; } } /* big */ @media screen and (min-width: 900px){ .m_town{ /*background: blue;*/ } } @media screen and (min-width: 1200px) { .layout{ margin: 0 4%; } .pagetext{ /*color: red;*/ } } @media screen and (min-width: 1400px) { .layout{ margin: 0 8%; } .pagetext{ /*color: red;*/ } } @media handheld{ .header a{ color: red; } } #tags_list li {display:block;width:225px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #tags_list li:hover {overflow:visible}