body { font-family: "Quicksand", sans-serif; } h1 { font-size:22px; } .widget-category-2 ul li a { color: #000000; } .detail-info .product-price .current-price { font-size: 28px; } .detail-info { background-color: #fff; border-radius: 15px; border: 1px solid #ececec; padding-top: 15px; } .zoom_image { max-height:400px; object-fit:contain; } .product-image-slider { background-color: #fff; margin-bottom: 30px; border-radius: 15px; border: 1px solid #ececec; overflow: hidden; padding-top: 10px; } .product-image-slider .carousel-control-prev-icon { filter: invert(100%); } .product-image-slider .carousel-control-next-icon { filter: invert(100%); } .product-image-slider .carousel-item { text-align:center; } .product-image-slider .carousel-item img { max-height:400px; } .product_informations { } .product_information { font-weight:bold; display: inline-block; width: 150px; } .product_information + i { font-style:normal; margin:0 10px; } .product_variant { background: #ececec; color: #555; } .product_variant.active { color: #fff; background: #3BB77E; border-color: #3BB77E; } .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-theme { background: #3BB77E; } .btn-theme:hover { background: #29A56C; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .mobile-social-icon a { color:white; align-items:center; } .font-h1 { font-size:33px; } .product-cart-wrap { margin-bottom:5px; } .product_list_image { width:234px !important; height:146px; object-fit: contain; } .product_list_title { margin-top:50px; min-height:57px; } .product_footer_list_title { min-height:57px; } .product_footer_list_image { width:84px; height:84px; object-fit: contain; } .product_footer_list_image_cover { background:#F6F7F8; border-radius:16px; padding:12px; } .product_cart_list_image { width:84px; height:50px; object-fit: contain; } .product_cart_list_image_cover { background:#F6F7F8; border-radius:16px; padding:12px; } .product_cart_list_detail_image { width:100%; height:100%; object-fit: contain; } .product_cart_list_detail_image_cover { background:#F6F7F8; border-radius:16px; width:60px; height:60px; padding:12px; } .cart-dropdown-wrap ul li .shopping-cart-title { max-width: 55%; } .newsletter .newsletter-inner img { width: 40%; object-fit: contain; } .main-categori-wrap .categori-dropdown-inner { min-width:auto; } .slider_title { width:54%; } .slider_text { width:75%; } .image_wh_auto { width:100%; height:auto; } .category_title { font-size:18px; } .sort-by-cover { width:100%; } .shop-filter-toogle { width:100%; text-align:center; justify-content:center; } .blog_title { min-height:50px; } .blog_image { width:100%; height:271px; } .filter_brands { max-height:215px; overflow-y:scroll; margin-bottom:30px; } .filter_brands::-webkit-scrollbar { width: 4px; } .filter_brands::-webkit-scrollbar-track { background-color: transparent; } .filter_brands::-webkit-scrollbar-thumb { background-color: #d6dee1; border-radius: 20px; border: 6px solid transparent; } .filter_brands::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } .widget-category-2 ul li.active { border: 1px solid #BCE3C9; -webkit-box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); box-shadow: 5px 5px 15px rgb(0 0 0 / 5%); transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .widget-category-2 ul li.active a { color: #3BB77E; } .blur_bg { filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter: blur(4px); } .newsletter .newsletter-inner img { bottom: -73px; } .cart_payment_type.active .card { border-color:#29A56C; } .order_icon { border-radius: 50%; background: #d8f1e5; width: 65px; height: 60px; display: block; text-align: center; padding-top: 15px; padding-right: 5px; text-align: center; } .search_suggestions { border: 2px solid #BCE3C9; border-top: 0px; padding-top: 10px; padding-bottom: 10px; max-width: 700px; border-radius: 4px; border-top-right-radius: 0px; border-top-left-radius: 0px; position: absolute; z-index: 9999; background: #ffffff; width: 100%; display:none; } .search_suggestion { border-bottom:1px solid #BCE3C9; padding-bottom:5px; } .search_suggestion .search_suggestion_error { padding-left:5px; color:#31ad74; font-weight:bold; } .search_suggestions .search_suggestion:last-child { border-bottom:none; } .search_suggestions .search_suggestion a { padding-left:5px; } .mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle { background-color: #43b91e; } .mypage-alo-ph-img-circle { width: 30px; height: 30px; top: 43px; right: 43px; position: absolute; background: url('../images/whatsapp.webp') center center no-repeat rgba(30,30,30,.1); -webkit-border-radius: 100%; -moz-border-radius: 100%; opacity: 1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-size: 100%; } .mypage-alo-ph-circle-fill { width: 60px; height: 60px; top: 28px; right: 28px; position: absolute; -ms-transition: all .2s ease-in-out; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: .4!important; } .mypage-alo-ph-circle { width: 90px; height: 90px; top: 12px; right: 12px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgba(30,30,30,.4); opacity: .1; opacity: .5; } .mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle { border-color: #43b91e; } .mypage-alo-ph-circle-fill, .mypage-alo-ph-img-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle-fill, .mypage-alo-phone:hover .mypage-alo-ph-img-circle { background-color: #43b91e; } .mypage-alo-phone { position: fixed; bottom: 120px; right: 10px; padding-top: 40px; } .mypage-alo-phone, .talepform { z-index: 999; } .mypage-alo-ph-circle, .mypage-alo-phone:hover .mypage-alo-ph-circle { border-color: #43b91e; } .animation-delay1{-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;}.animation-delay2{-webkit-animation-delay: .6s; -moz-animation-delay: .6s; animation-delay: .6s;}.animation-delay3{-webkit-animation-delay: .9s; -moz-animation-delay: .9s; animation-delay: .9s;}.animation-delay4{-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s;}.animation-delay5{-webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s;}.animation-delay6{-webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s;}.animation-delay7{-webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s;}.animation-delay8{-webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s;}.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;}.animated.infinite{-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite;}@-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;}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{0%{-webkit-transform: translateX(0%);}15%{-webkit-transform: translateX(-25%) rotate(-5deg);}30%{-webkit-transform: translateX(20%) rotate(3deg);}45%{-webkit-transform: translateX(-15%) rotate(-3deg);}60%{-webkit-transform: translateX(10%) rotate(2deg);}75%{-webkit-transform: translateX(-5%) rotate(-1deg);}100%{-webkit-transform: translateX(0%);}}@-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%);}}.animated.wobble{-webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse{0%{-webkit-transform: scale(1);}50%{-webkit-transform: scale(1.1);}100%{-webkit-transform: scale(1);}}@-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);}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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(30%);}100%{opacity: 1; -webkit-transform: translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity: 0; -moz-transform: translateY(30%);}100%{opacity: 1; -moz-transform: translateY(0);}}@-o-keyframes fadeInUp{0%{opacity: 0; -o-transform: translateY(30%);}100%{opacity: 1; -o-transform: translateY(0);}}@keyframes fadeInUp{0%{opacity: 0; transform: translateY(30%);}100%{opacity: 1; transform: translateY(0);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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;}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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);}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.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;}}.animated.hinge{-webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg);}100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg);}}@-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);}}.animated.rollIn{-webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut{0%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg);}100%{opacity: 0; -webkit-transform: translateX(100%) rotate(120deg);}}@-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);}}.animated.rollOut{-webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut;}/* originally authored by Angelo Rohit - https://github.com/angelorohit */@-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;}}.animated.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: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s;}/* originally authored by Angelo Rohit - https://github.com/angelorohit */@-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;}}.animated.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: 0.25s; -moz-animation-duration: 0.25s; -o-animation-duration: 0.25s; animation-duration: 0.25s;}/* originally authored by Angelo Rohit - https://github.com/angelorohit */@-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);}}.animated.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: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s;}@-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;}@-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}@keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;}@-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;}@-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}}@keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}}.zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}@keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}.zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}@keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}.zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;}@-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;}@-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @media only screen and (min-width: 1000px) { .product-image-slider { min-height:450px; } .detail-info { min-height:450px; } .payment_options { height:170px; } .desktop_right_55 { margin-left:55px; } } @media only screen and (max-width: 600px) { .product_list_title { margin-top:0px; min-height:auto; } .btn_mobile_block { width:100%; margin-bottom:10px; } .mobile_hide { display:none; } .cart_table h6 { font-size:12px; } .cart-totals { padding:5px !important; } .cart_coupon_code { margin-bottom:10px; } .cart_table .table>:not(caption)>*>* { padding:3px !important; } .box_title { width:80%; } .newsletter .newsletter-inner img { top:33px; right:5px; } .sort-by { width: 54%; } .shop_mobile_filter { display:none; } .product_list_image { width:100% !important; } .blog_image { width:100%; height:auto; } .blog_title { min-height:auto; } .popular_lang_tab { width:100%; overflow:hidden; height:50px; align-items:center; border: 1px solid #e6e6e6; padding: 5px; display: flex; } .popular_lang_inner { width: 100%; overflow: hidden; align-items: center; height:50px; flex-wrap:unset; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .popular_lang_inner li { flex: 0 0 auto; } .newsletter-content h2 { font-size:11px; } }