/* ===== GENEL FONT AYARI - POPPINS ===== */
html,
body,
body *,
*:not(.site-logo-text):not([class*="ri-"]):not([class*="fa-"]):not([class*="feather"]) {
	font-family: "Poppins", sans-serif !important;
}

body {
	overflow: visible !important;
}

/* Logo fontunu koru */
.site-logo-text {
	font-family: 'Zalando Sans Expanded', sans-serif !important;
}

/* Footer logo rengi beyaz */
footer .site-logo-text,
footer .site-logo-link .site-logo-text {
	color: #fff !important;
}
/* ===== GENEL FONT AYARI BİTİŞ ===== */

/* ===== TELEFON TEKLİF BUTONU ===== */
.btn-phone-offer {
	display: flex;
	align-items: center;
	background: linear-gradient(135deg, #10b981 0%, #059669 100%);
	border-radius: 12px;
	padding: 0;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
	transition: all 0.3s ease;
	overflow: hidden;
	position: relative;
}

.btn-phone-offer:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
	text-decoration: none;
}

.btn-phone-offer .offer-main {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	gap: 12px;
}

.btn-phone-offer .offer-main .icon {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.1);
}

.btn-phone-offer .offer-main .icon i {
	font-size: 18px;
	color: #fff;
}

.btn-phone-offer .offer-main .text {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.btn-phone-offer .offer-main .text .line1,
.btn-phone-offer .offer-main .text .line2 {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

.btn-phone-offer .offer-sub {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 12px 16px;
	background: #fff;
	border-radius: 0 12px 12px 0;
	color: #10b981;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.btn-phone-offer .offer-sub i {
	font-size: 16px;
}

@media (max-width: 1200px) {
	.btn-phone-offer .offer-main .text .line1,
	.btn-phone-offer .offer-main .text .line2 {
		font-size: 12px;
	}
	.btn-phone-offer .offer-sub {
		font-size: 12px;
		padding: 12px 12px;
	}
}
/* ===== TELEFON TEKLİF BUTONU BİTİŞ ===== */

/* ===== NAVBAR TELEFON TEKLİF BUTONU ===== */
nav.navbar .btn-phone-offer-navbar {
	display: flex;
	align-items: center;
	background: linear-gradient(135deg, #10b981 0%, #059669 100%);
	border-radius: 12px;
	padding: 10px 16px;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
	transition: all 0.3s ease;
	gap: 12px;
	white-space: nowrap;
	margin-left: auto;
}

nav.navbar .btn-phone-offer-navbar:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(16, 185, 129, 0.4);
	text-decoration: none;
}

nav.navbar .btn-phone-offer-navbar .offer-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: #fff;
}

nav.navbar .btn-phone-offer-navbar .offer-text .line1,
nav.navbar .btn-phone-offer-navbar .offer-text .line2 {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
}

nav.navbar .btn-phone-offer-navbar .offer-arrow {
	color: #fff;
	font-size: 18px;
	display: flex;
	align-items: center;
}

nav.navbar .btn-phone-offer-navbar .offer-sub-text {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
	padding-left: 8px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 1400px) {
	nav.navbar .btn-phone-offer-navbar {
		padding: 8px 12px;
		gap: 8px;
	}
	
	nav.navbar .btn-phone-offer-navbar .offer-text .line1,
	nav.navbar .btn-phone-offer-navbar .offer-text .line2 {
		font-size: 12px;
	}
	
	nav.navbar .btn-phone-offer-navbar .offer-sub-text {
		font-size: 12px;
		padding-left: 6px;
	}
	
	nav.navbar .btn-phone-offer-navbar .offer-arrow {
		font-size: 16px;
	}
}
/* ===== NAVBAR TELEFON TEKLİF BUTONU BİTİŞ ===== */

/* ===== PRELOADER / LOADING SCREEN TAMAMEN KALDIRILDI ===== */
#preloader-active,
.preloader,
.preloader-active,
.page-loading,
.loading-overlay,
.site-loader,
.loader-wrapper,
#loader,
.loader,
[class*="preloader"],
[id*="preloader"],
[class*="page-load"],
[id*="loader"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	z-index: -9999 !important;
	width: 0 !important;
	height: 0 !important;
}

/* Body her zaman görünür olsun */
html, body {
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Zuck.js loading state gizle */
#zuck-modal.loading,
.storiesWrapper.loading {
	display: none !important;
}
/* ===== PRELOADER KALDIRMA BİTİŞ ===== */

/* ===== SAYFA GEÇİŞ ANİMASYONLARI KALDIRILDI ===== */
.wow,
.animated,
[class*="animate__"],
[class*="fadeIn"],
[class*="fadeOut"],
[class*="slideIn"],
[class*="slideOut"],
[class*="zoomIn"],
[class*="zoomOut"],
[class*="bounceIn"] {
	animation: none !important;
	-webkit-animation: none !important;
	transition: none !important;
	-webkit-transition: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	-webkit-transform: none !important;
}

/* WOW.js elementleri anında görünsün */
.wow {
	visibility: visible !important;
	opacity: 1 !important;
	animation-name: none !important;
}
/* TÜM ANİMASYONLARI TAMAMEN KAPAT */
*, *::before, *::after {
	animation-duration: 0s !important;
	animation-delay: 0s !important;
	transition-duration: 0s !important;
	transition-delay: 0s !important;
}
/* ===== ANİMASYON KALDIRMA BİTİŞ ===== */
h1
{
	font-size:22px;
}
.widget-category-2 ul li a {
    color: #000000;
}
.detail-info .product-price .current-price {
    font-size: 38px;
}
.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
{
	min-height:280px;
}
.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: var(--maincolor);
}
.btn-theme:hover {
    background: var(--maincolorhover);
}
.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;
}


/* ===== ARAMA ÖNERİLERİ - PROFESYONEL TASARIM ===== */
.search_suggestions
{
	border: 1px solid #e0e0e0;
    border-top: 0px;
    padding: 8px 0;
    max-width: 100%;
    border-radius: 0 0 12px 12px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    width: 100%;
	display:none;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	margin-top: -1px;
}

.search_suggestion
{
	border-bottom: 1px solid #f5f5f5;
	padding: 0;
	transition: background-color 0.2s ease;
}

.search_suggestion:last-child
{
	border-bottom: none;
	border-radius: 0 0 12px 12px;
}

.search_suggestion:hover
{
	background-color: #f8f9fa;
}

.search_suggestion .search_suggestion_error
{
	padding: 12px 16px;
	color: #dc3545;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.search_suggestion .search_suggestion_error::before
{
	content: "⚠";
	font-size: 16px;
}

.search_suggestions .search_suggestion a
{
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: #212529;
	transition: all 0.2s ease;
	min-height: 60px;
}

.search_suggestions .search_suggestion a:hover
{
	background-color: #f8f9fa;
	color: #212529;
	text-decoration: none;
}

.search_suggestions .search_suggestion a img
{
	width: 48px !important;
	height: 48px !important;
	object-fit: contain;
	border-radius: 8px;
	background: #f8f9fa;
	padding: 4px;
	border: 1px solid #e9ecef;
	flex-shrink: 0;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.search_suggestions .search_suggestion a:hover img
{
	transform: scale(1.05);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-color: #dee2e6;
}

.search_suggestions .search_suggestion a b
{
	color: #fb792d;
	font-weight: 600;
	background-color: rgba(251, 121, 45, 0.1);
	padding: 2px 4px;
	border-radius: 3px;
}

.search_suggestions .search_suggestion a span
{
	flex: 1;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #495057;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search_suggestions .search_suggestion a:hover span
{
	color: #212529;
}
/* ===== ARAMA ÖNERİLERİ BİTİŞ ===== */


.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;
}

.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;
	}
}


/* ===== ÜRÜN KARTI DÜZENLEMESİ - PROFESYONEL STİL ===== */
/* main.css'i override etmek için body selector ile */
body .productlist.row,
body .productlist,
.productlist.row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin: 0 -10px;
}

/* Ürün ID - Üst Sağ Köşe */
body .productlist .item .product-id,
.productlist .item .product-id {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    font-size: 11px !important;
    color: #999 !important;
    z-index: 9 !important;
    background: rgba(255,255,255,0.9) !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

/* Overlay İkonlar - Görsel Üzerinde - ID'nin altında */
body .productlist .item .product-overlay-icons,
.productlist .item .product-overlay-icons {
    position: absolute !important;
    top: 40px !important;
    right: 8px !important;
    display: flex !important;
    gap: 8px !important;
    z-index: 12 !important;
    flex-direction: column !important;
}

body .productlist .item .product-overlay-icons a,
.productlist .item .product-overlay-icons a {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.95) !important;
    color: #333 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    transition: all 0.2s !important;
}

body .productlist .item .product-overlay-icons a.compare-icon,
.productlist .item .product-overlay-icons a.compare-icon {
    background: rgba(63, 186, 254, 0.95) !important;
    color: #fff !important;
    margin-bottom: 4px !important;
}

body .productlist .item .product-overlay-icons a.favorite-icon,
.productlist .item .product-overlay-icons a.favorite-icon {
    background: rgba(51, 51, 51, 0.95) !important;
    color: #fff !important;
}

body .productlist .item .product-overlay-icons a.favorite-icon.favorite-active,
.productlist .item .product-overlay-icons a.favorite-icon.favorite-active {
    background: rgba(220, 53, 69, 0.95) !important;
    color: #fff !important;
}

body .productlist .item .product-overlay-icons a.compare-icon.compare-active,
.productlist .item .product-overlay-icons a.compare-icon.compare-active {
    background: rgba(63, 186, 254, 0.95) !important;
    color: #fff !important;
}

body .productlist .item .product-overlay-icons a:hover,
.productlist .item .product-overlay-icons a:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
}

body .productlist .item .product-overlay-icons a i,
.productlist .item .product-overlay-icons a i {
    font-size: 16px !important;
}

.productlist .col {
    display: flex !important;
    margin-bottom: 20px;
    padding: 0 10px;
}

/* main.css'teki .productlist .item'i override et - body ile daha güçlü */
body .productlist.row .productlist .col .item,
body .productlist .col > .item,
body .productlist .col > div > .item,
body .productlist .item,
.productlist.row .productlist .col .item,
.productlist .col > .item,
.productlist .col > div > .item,
.productlist .item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 450px !important;
    max-height: 450px !important;
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    margin-bottom: 20px !important;
    position: relative !important;
}

.productlist .item:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    border-color: #ddd;
}

/* Görsel Alanı - main.css'i override et - body ile daha güçlü */
body .productlist.row .productlist .col .item .img,
body .productlist .col > .item .img,
body .productlist .col > div > .item .img,
body .productlist .item .img,
.productlist.row .productlist .col .item .img,
.productlist .col > .item .img,
.productlist .col > div > .item .img,
.productlist .item .img {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff !important;
    padding: 20px !important;
    position: relative !important;
    border-bottom: 1px solid #f5f5f5 !important;
    border-radius: 0 !important;
}

.productlist .item .img a,
.productlist .item .img a.img-top-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.productlist .item .img img,
.productlist .item .img a img,
.col .item .img a img {
    max-height: 160px !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

/* Başlık Alanı - main.css'i override etmek için body ile daha güçlü */
body .productlist.row .productlist .col .item a.title,
body .productlist .col > .item a.title,
body .productlist .col > div > .item a.title,
body .productlist .item a.title,
.productlist.row .productlist .col .item a.title,
.productlist .col > .item a.title,
.productlist .col > div > .item a.title,
.productlist .item a.title {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    display: block !important;
    padding: 12px 15px 8px !important;
    text-align: left !important;
    text-decoration: none;
    flex-shrink: 0 !important;
}

body .productlist.row .productlist .col .item a.title h3,
body .productlist .col > .item a.title h3,
body .productlist .col > div > .item a.title h3,
body .productlist .item a.title h3,
.productlist.row .productlist .col .item a.title h3,
.productlist .col > .item a.title h3,
.productlist .col > div > .item a.title h3,
.productlist .item a.title h3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: left !important;
    width: 100% !important;
    color: #1f2430 !important;
    word-break: break-word !important;
    white-space: nowrap !important;
}

.productlist .item a.title:hover h3 {
    color: var(--buton-rengi-dmavi, #0066cc);
}

/* Rating ve Yorum Alanı */
body .productlist .item .product-rating,
.productlist .item .product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 15px 0 !important;
    margin-bottom: 8px !important;
}

body .productlist .item .product-rating .stars,
.productlist .item .product-rating .stars {
    display: flex !important;
    gap: 2px !important;
    color: #333 !important;
}

body .productlist .item .product-rating .stars i,
.productlist .item .product-rating .stars i {
    font-size: 14px !important;
    color: #333 !important;
}

body .productlist .item .product-rating .stars i.ri-star-fill,
.productlist .item .product-rating .stars i.ri-star-fill {
    color: #ffc107 !important;
}

body .productlist .item .product-rating .stars i.ri-star-half-fill,
.productlist .item .product-rating .stars i.ri-star-half-fill {
    color: #ffc107 !important;
}

body .productlist .item .product-rating .review-count,
.productlist .item .product-rating .review-count {
    font-size: 12px !important;
    color: #999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

body .productlist .item .product-rating .review-count i,
.productlist .item .product-rating .review-count i {
    font-size: 14px !important;
}

/* Fiyat Satırı - Eski Fiyat ve İndirim Badge */
body .productlist .item .pb .price-row,
.productlist .item .pb .price-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
    width: 100% !important;
}

body .productlist .item .pb .discount-badge,
.productlist .item .pb .discount-badge {
    background: #9c27b0 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/* Fiyat ve Buton Alanı - main.css'i override et - body ile daha güçlü */
body .productlist.row .productlist .col .item .pb,
body .productlist .col > .item .pb,
body .productlist .col > div > .item .pb,
body .productlist .item .pb,
.productlist.row .productlist .col .item .pb,
.productlist .col > .item .pb,
.productlist .col > div > .item .pb,
.productlist .item .pb {
    margin-top: auto !important;
    min-height: 140px !important;
    max-height: 140px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding: 12px 15px 15px !important;
    background: #fff !important;
    flex-shrink: 0 !important;
    border-top: 1px solid #f5f5f5 !important;
    position: relative !important;
}

.productlist .item .pb .oldprice {
    font-size: 13px !important;
    color: #999 !important;
    text-decoration: line-through !important;
    margin-bottom: 2px;
}

body .productlist .item .pb .price,
.productlist .item .pb .price,
.productlist .item .pb .price *,
.productlist .col .item .pb .price,
.productlist .col .item .pb .price *,
.productlist .col > .item .pb .price,
.productlist .col > div > .item .pb .price {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1f2430 !important;
    margin-bottom: 8px !important;
    margin-top: 4px !important;
}

/* Sepete Ekle Butonu - Görseldeki gibi mavi kare buton */
body .productlist .item .pb .add,
.productlist .item .pb .add {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: #3fbafe !important;
    color: #fff !important;
    padding: 12px !important;
    border-radius: 6px !important;
    font-size: 0 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    width: auto !important;
    min-width: 48px !important;
    height: 48px !important;
    text-align: center !important;
    position: absolute !important;
    bottom: 15px !important;
    right: 15px !important;
    box-shadow: 0 2px 8px rgba(63, 186, 254, 0.4) !important;
    transition: all 0.2s !important;
}

body .productlist .item .pb .add i,
.productlist .item .pb .add i {
    font-size: 20px !important;
    margin: 0 !important;
}

body .productlist .item .pb .add:hover,
.productlist .item .pb .add:hover {
    background: #0066cc !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(63, 186, 254, 0.6) !important;
}

body .productlist .item .pb .add.cart_added,
.productlist .item .pb .add.cart_added {
    background: #ff6b6b !important;
    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.4) !important;
}

body .productlist .item .pb .add.cart_added:hover,
.productlist .item .pb .add.cart_added:hover {
    background: #ee5a5a !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.6) !important;
}

.productlist .item .pb .add:hover {
    background: linear-gradient(135deg, #0066cc 0%, #004999 100%);
}

.productlist .item .pb .add.cart_added {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);
}

.productlist .item .pb .add.cart_added:hover {
    background: linear-gradient(135deg, #ee5a5a 0%, #d94444 100%);
}

/* Badge Stilleri */
.productlist .item .img .bdgs {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.productlist .item .img .bdgs .bdg {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.productlist .item .img .bdgs .bdg.green {
    background: #00c853;
    color: #fff;
}

.productlist .item .img .bdgs .bdg.orange {
    background: #ff6f00;
    color: #fff;
}

.productlist .item .img .bdgs .bdg.red {
    background: #f44336;
    color: #fff;
}

/* ===== ÜRÜN KARTI DÜZENLEMESİ BİTİŞ ===== */

/* ===== HEADER BUTONLARI - MİNİMAL TASARIM ===== */
/* Arama çubuğu ve butonlar aynı yükseklikte */
header form.search {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    position: relative;
}

header form.search .form-group {
    position: relative;
}

header form.search input.form-control {
    height: 54px !important;
    border-radius: 12px !important;
    border: 1px solid #e0e0e0 !important;
    padding-right: 60px !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

header form.search input.form-control:focus {
    border-color: #fb792d !important;
    box-shadow: 0 0 0 3px rgba(251, 121, 45, 0.1) !important;
    outline: none !important;
}

header form.search button.search {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 54px !important;
    width: 54px !important;
    border-radius: 0 12px 12px 0 !important;
    border: none !important;
    background: #fb792d !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

header form.search button.search:hover {
    background: #e86a1f !important;
    transform: scale(1.02);
}

header form.search button.search i {
    font-size: 20px !important;
}

/* Sepet Butonu */
header a.btn-cart {
    border: 1px solid #fee4d5 !important;
    border-radius: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    height: 54px !important;
    min-height: 54px !important;
}

header a.btn-cart:hover {
    background-color: #fee4d5 !important;
}

header a.btn-cart span.icon {
    background: #fee4d5 !important;
    width: 54px !important;
    height: 54px !important;
    color: #fb792d !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 30px !important;
    flex-shrink: 0 !important;
}

header a.btn-cart span.text {
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fb792d !important;
    white-space: nowrap !important;
}

header a.btn-cart span.number {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    border-radius: 11px !important;
    background-color: #fb792d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* Favorilerim Butonu */
header a.btn-favorites {
    border: 1px solid #ffe0e6 !important;
    border-radius: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    height: 54px !important;
    min-height: 54px !important;
}

header a.btn-favorites:hover {
    background-color: #ffe0e6 !important;
}

header a.btn-favorites span.icon {
    background: #ffe0e6 !important;
    width: 54px !important;
    height: 54px !important;
    color: #e91e63 !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 30px !important;
    flex-shrink: 0 !important;
}

header a.btn-favorites span.text {
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #e91e63 !important;
    white-space: nowrap !important;
}

header a.btn-favorites span.number {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    border-radius: 11px !important;
    background-color: #e91e63 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

/* Kullanıcı Butonu */
header a.btn-user {
    border: 1px solid #ccf0e3 !important;
    border-radius: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    height: 54px !important;
    min-height: 54px !important;
}

header a.btn-user:hover {
    background-color: #ccf0e3 !important;
}

header a.btn-user:hover span.text em {
    color: #00b373 !important;
}

header a.btn-user span.icon {
    background: #ccf0e3 !important;
    width: 54px !important;
    height: 54px !important;
    color: #00b373 !important;
    font-size: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 30px !important;
    flex-shrink: 0 !important;
}

header a.btn-user span.text {
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #00b373 !important;
    white-space: nowrap !important;
}

header a.btn-user span.text em {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #8d94a6 !important;
}

header a.btn-user span.text i {
    margin-left: 5px !important;
    font-size: 16px !important;
}
/* ===== HEADER BUTONLARI BİTİŞ ===== */

/* ===== PROFESYONEL KULLANICI DROPDOWN MENÜSÜ ===== */
header .dropdown.user-dropdown-menu,
header .user-dropdown-menu {
    min-width: 280px !important;
    max-width: 320px !important;
    width: auto !important;
    padding: 0 !important;
    border-radius: 12px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    margin-top: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Dropdown Header - Kullanıcı Bilgileri */
.user-dropdown-header {
    background: linear-gradient(135deg, #3fbafe 0%, #00b373 100%);
    padding: 20px 18px;
    border-bottom: none;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.user-avatar i {
    font-size: 24px;
    color: #fff;
}

.user-details {
    flex: 1;
    min-width: 0;
}

.user-name {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Dropdown Liste */
.user-dropdown-list {
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.user-dropdown-list li {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}

.user-dropdown-list li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    color: #2d3445 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-bottom: none !important;
    text-align: left !important;
    width: 100% !important;
    background: transparent !important;
}

.user-dropdown-list li a i {
    font-size: 20px !important;
    color: #6c757d !important;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.user-dropdown-list li a span {
    flex: 1;
    color: #2d3445;
    transition: color 0.2s ease;
}

/* Hover Efektleri */
.user-dropdown-list li:hover {
    background: #f8f9fa;
}

.user-dropdown-list li a:hover {
    background: #f8f9fa !important;
    color: #3fbafe !important;
    padding-left: 22px !important;
}

.user-dropdown-list li a:hover i {
    color: #3fbafe !important;
    transform: scale(1.1);
}

.user-dropdown-list li a:hover span {
    color: #3fbafe;
}

/* Divider */
.user-dropdown-list .dropdown-divider {
    height: 1px;
    background: #e9ecef;
    margin: 8px 0;
    border: none;
    padding: 0;
}

/* Logout Link Özel Stil */
.user-dropdown-list li .logout-link {
    color: #dc3545 !important;
}

.user-dropdown-list li .logout-link i {
    color: #dc3545 !important;
}

.user-dropdown-list li:hover .logout-link {
    background: #fff5f5 !important;
    color: #dc3545 !important;
}

.user-dropdown-list li:hover .logout-link i {
    color: #dc3545 !important;
}

.user-dropdown-list li:hover .logout-link span {
    color: #dc3545;
}

/* Responsive */
@media (max-width: 991px) {
    header .user-dropdown-menu {
        min-width: 260px !important;
        max-width: 280px !important;
    }
    
    .user-dropdown-header {
        padding: 16px 15px;
    }
    
    .user-avatar {
        width: 42px;
        height: 42px;
    }
    
    .user-avatar i {
        font-size: 20px;
    }
    
    .user-name {
        font-size: 15px;
    }
    
    .user-email {
        font-size: 12px;
    }
    
    .user-dropdown-list li a {
        padding: 12px 16px !important;
        font-size: 14px !important;
    }
    
    .user-dropdown-list li a i {
        font-size: 18px !important;
    }
}
/* ===== PROFESYONEL KULLANICI DROPDOWN MENÜSÜ BİTİŞ ===== */

/* ===== PROFESYONEL ACCOUNT SAYFALARI TASARIMI ===== */

/* Cover Section - Sade ve Profesyonel */
section.cover {
    background: linear-gradient(135deg, #3fbafe 0%, #00b373 100%) !important;
    min-height: 150px !important;
    max-height: 150px !important;
}

section.cover h2 {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

/* Profile Section */
section.profile {
    background: #f8f9fa;
    padding: 40px 0 !important;
}

/* Modern Sidebar - Sade ve Profesyonel */
section.profile .sidebar {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    border: 1px solid #e9ecef;
    margin-bottom: 30px;
}

/* Sidebar Top - User Info */
section.profile .sidebar .top {
    background: linear-gradient(135deg, #3fbafe 0%, #00b373 100%);
    padding: 25px 20px;
    text-align: center;
}

section.profile .sidebar .top img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.2);
    padding: 3px;
    margin-bottom: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

section.profile .sidebar .top .name {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin-bottom: 4px;
}

section.profile .sidebar .top .email {
    font-size: 12px !important;
    color: rgba(255,255,255,0.9) !important;
}

/* Sidebar Nav - Quick Actions */
section.profile .sidebar .nav {
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    gap: 0;
    background: #f8f9fa;
}

section.profile .sidebar .nav a {
    flex: 1;
    text-align: center;
    padding: 10px 12px !important;
    color: #495057 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    border-right: 1px solid #e9ecef;
    transition: all 0.2s ease;
    background: transparent !important;
}

section.profile .sidebar .nav a.border-end-0 {
    border-right: none !important;
}

section.profile .sidebar .nav a:hover {
    background: #fff !important;
    color: #3fbafe !important;
}

/* Sidebar Menu Sections */
section.profile .sidebar .title {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6c757d !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 20px 8px !important;
    margin: 0 !important;
    border-bottom: none !important;
}

section.profile .sidebar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

section.profile .sidebar ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f1f3f5;
}

section.profile .sidebar ul li:last-child {
    border-bottom: none;
}

section.profile .sidebar ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    color: #495057 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    position: relative;
}

section.profile .sidebar ul li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #3fbafe;
    transform: scaleY(0);
    transition: transform 0.2s ease;
}

section.profile .sidebar ul li a:hover,
section.profile .sidebar ul li a.active {
    background: #f8f9fa;
    color: #3fbafe;
}

section.profile .sidebar ul li a:hover::before,
section.profile .sidebar ul li a.active::before {
    transform: scaleY(1);
}

section.profile .sidebar ul li a i {
    font-size: 18px;
    width: 22px;
    text-align: center;
    color: #6c757d;
    transition: color 0.2s ease;
    flex-shrink: 0;
}

section.profile .sidebar ul li a:hover i,
section.profile .sidebar ul li a.active i {
    color: #3fbafe;
}

/* Card Modernization - Sade ve Profesyonel */
section.profile .card {
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px !important;
}

section.profile .card-header {
    background: #f8f9fa !important;
    border-bottom: 1px solid #e9ecef !important;
    padding: 18px 25px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #2d3445 !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

section.profile .card-header::before {
    content: '';
    width: 3px;
    height: 20px;
    background: #3fbafe;
    border-radius: 2px;
}

section.profile .card-body {
    padding: 25px !important;
}

/* Modern Form Styles */
section.profile .card-body form .mb-3 {
    margin-bottom: 20px !important;
}

section.profile .card-body form label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #495057 !important;
    margin-bottom: 8px !important;
}

section.profile .card-body form .form-control {
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    transition: all 0.2s ease;
    background: #fff;
}

section.profile .card-body form .form-control:focus {
    border-color: #3fbafe !important;
    box-shadow: 0 0 0 3px rgba(63, 186, 254, 0.1) !important;
    outline: none !important;
}

section.profile .card-body form .form-control[readonly] {
    background: #f8f9fa;
    cursor: not-allowed;
}

section.profile .card-body form select.form-control {
    cursor: pointer;
}

/* Modern Buttons - Sade ve Profesyonel */
section.profile .card-footer {
    background: #f8f9fa !important;
    border-top: 1px solid #e9ecef !important;
    padding: 20px 25px !important;
    border-radius: 0 !important;
}

section.profile .card-body button.submit,
section.profile .card-footer button.submit,
section.profile .card-body button.newaddress,
section.profile .card-body button.btn-success,
section.profile .card-body .btn-success {
    background: #3fbafe;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none;
}

section.profile .card-body button.submit:hover,
section.profile .card-footer button.submit:hover,
section.profile .card-body button.newaddress:hover,
section.profile .card-body button.btn-success:hover,
section.profile .card-body .btn-success:hover {
    background: #00b373;
    transform: none;
    box-shadow: none;
}

/* Orders List */
section.profile .card-body ul.orders {
    list-style: none;
    padding: 0;
    margin: 0;
}

section.profile .card-body ul.orders li {
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
    transition: all 0.2s ease;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #f8f9fa;
}

section.profile .card-body ul.orders li:hover {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    transform: translateX(5px);
}

section.profile .card-body ul.orders li .blue {
    background: linear-gradient(135deg, #3fbafe 0%, #00b373 100%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
}

section.profile .card-body ul.orders li .status {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
}

section.profile .card-body ul.orders li .status.completed {
    background: #d4edda;
    color: #155724;
}

section.profile .card-body ul.orders li .btn-detail {
    background: #3fbafe;
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

section.profile .card-body ul.orders li .btn-detail:hover {
    background: #00b373;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Address List */
section.profile .card-body ul.address {
    list-style: none;
    padding: 0;
    margin: 0;
}

section.profile .card-body ul.address li {
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    margin-bottom: 15px;
    background: #fff;
    transition: all 0.2s ease;
}

section.profile .card-body ul.address li:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

section.profile .card-body ul.address li p {
    margin: 0;
    color: #495057;
    line-height: 1.8;
    font-size: 14px;
}

section.profile .card-body ul.address li .green,
section.profile .card-body ul.address li .red {
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
    display: inline-block;
    margin-bottom: 8px;
}

section.profile .card-body ul.address li .green {
    background: #d4edda;
    color: #155724;
}

section.profile .card-body ul.address li .green:hover {
    background: #c3e6cb;
    transform: translateY(-2px);
}

section.profile .card-body ul.address li .red {
    background: #f8d7da;
    color: #721c24;
}

section.profile .card-body ul.address li .red:hover {
    background: #f5c6cb;
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
    section.profile .sidebar {
        margin-bottom: 30px;
    }
    
    section.cover h2 {
        font-size: 24px !important;
    }
    
    section.profile .card-header {
        padding: 16px 20px !important;
        font-size: 18px !important;
    }
    
    section.profile .card-body {
        padding: 20px !important;
    }
}

/* Empty State */
section.profile .card-body .alert {
    border-radius: 12px;
    border: none;
    padding: 20px;
    background: #f8f9fa;
    color: #6c757d;
}

/* Tables */
section.profile .card-body table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

section.profile .card-body table thead {
    background: #f8f9fa;
}

section.profile .card-body table thead th {
    padding: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #e9ecef;
    text-align: left;
}

section.profile .card-body table tbody tr {
    transition: all 0.2s ease;
    border-bottom: 1px solid #f1f3f5;
}

section.profile .card-body table tbody tr:hover {
    background: #f8f9fa;
}

section.profile .card-body table tbody td {
    padding: 15px;
    font-size: 14px;
    color: #495057;
    vertical-align: middle;
}

section.profile .card-body table tbody td a {
    color: #3fbafe;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

section.profile .card-body table tbody td a:hover {
    color: #00b373;
    text-decoration: underline;
}

/* Badge Styles */
section.profile .badge {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

section.profile .badge-success {
    background: #d4edda;
    color: #155724;
}

section.profile .badge-warning {
    background: #fff3cd;
    color: #856404;
}

section.profile .badge-danger {
    background: #f8d7da;
    color: #721c24;
}

section.profile .badge-info {
    background: #d1ecf1;
    color: #0c5460;
}

/* Pagination */
section.profile .pagination {
    margin-top: 20px;
    justify-content: center;
}

section.profile .pagination .page-link {
    color: #3fbafe;
    border: 1px solid #dee2e6;
    padding: 10px 16px;
    border-radius: 8px;
    margin: 0 4px;
    transition: all 0.2s ease;
}

section.profile .pagination .page-link:hover {
    background: #3fbafe;
    color: #fff;
    border-color: #3fbafe;
}

section.profile .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #3fbafe 0%, #00b373 100%);
    border-color: #3fbafe;
    color: #fff;
}

/* Ticket/Support Styles */
section.profile .card-body .ticket-item,
section.profile .card-body .support-item {
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    margin-bottom: 15px;
    background: #fff;
    transition: all 0.2s ease;
}

section.profile .card-body .ticket-item:hover,
section.profile .card-body .support-item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* Price Follow / Stock Follow */
section.profile .card-body .follow-item {
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    margin-bottom: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease;
}

section.profile .card-body .follow-item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

section.profile .card-body .follow-item .product-info {
    flex: 1;
}

section.profile .card-body .follow-item .product-info h4 {
    font-size: 16px;
    font-weight: 600;
    color: #2d3445;
    margin-bottom: 8px;
}

section.profile .card-body .follow-item .product-info .price {
    font-size: 18px;
    font-weight: 700;
    color: #3fbafe;
}

section.profile .card-body .follow-item .product-info .old-price {
    font-size: 14px;
    color: #6c757d;
    text-decoration: line-through;
    margin-left: 10px;
}

/* Action Buttons */
section.profile .card-body .btn-action {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

section.profile .card-body .btn-action.btn-primary {
    background: #3fbafe;
    color: #fff;
}

section.profile .card-body .btn-action.btn-primary:hover {
    background: #00b373;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

section.profile .card-body .btn-action.btn-danger {
    background: #dc3545;
    color: #fff;
}

section.profile .card-body .btn-action.btn-danger:hover {
    background: #c82333;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

section.profile .card-body .btn-action.btn-success {
    background: #28a745;
    color: #fff;
}

section.profile .card-body .btn-action.btn-success:hover {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Order Detail Styles */
section.profile .order-detail {
    padding: 0;
}

section.profile .order-detail .order-info {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

section.profile .order-detail .order-info h5 {
    font-size: 16px;
    font-weight: 600;
    color: #2d3445;
    margin-bottom: 15px;
}

section.profile .order-detail .order-info p {
    margin: 8px 0;
    font-size: 14px;
    color: #495057;
}

section.profile .order-detail .order-info strong {
    color: #2d3445;
    font-weight: 600;
}

/* Additional Improvements */
section.profile .card-body .form-group {
    margin-bottom: 20px;
}

section.profile .card-body .input-group {
    margin-bottom: 20px;
}

section.profile .card-body .input-group-text {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px 0 0 8px;
    color: #495057;
}

section.profile .card-body .input-group .form-control {
    border-radius: 0 8px 8px 0;
}

/* Loading States */
section.profile .loading {
    text-align: center;
    padding: 40px;
    color: #6c757d;
}

section.profile .loading i {
    font-size: 48px;
    color: #3fbafe;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ===== PROFESYONEL ACCOUNT SAYFALARI TASARIMI BİTİŞ ===== */

@media only screen and (min-width: 601px) and (max-width: 991px) {
	.productlist .col > .item,
	.productlist .col > div > .item {
		min-height: 400px !important;
		max-height: 400px !important;
		max-height: 380px !important;
	}
	
	.productlist .item .img {
		height: 170px !important;
		min-height: 170px !important;
		max-height: 170px !important;
		padding: 15px !important;
	}
	
	.productlist .item .img img,
	.productlist .item .img a img,
	.col .item .img a img {
		max-height: 140px !important;
	}
	
	.productlist .item a.title {
		height: 55px !important;
		min-height: 55px !important;
		max-height: 55px !important;
	}
	
	.productlist .item a.title h3 {
		font-size: 12px !important;
		-webkit-line-clamp: 2 !important;
	}
	
	.productlist .item .pb {
		min-height: 110px !important;
		max-height: 110px !important;
		padding: 10px 12px 12px !important;
	}
	
	.productlist .item .pb .price {
		font-size: 18px !important;
	}
	
	.productlist .item .pb .add {
		padding: 8px 12px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 600px) 
{
	/* Mobil ürün kartı düzenlemesi */
	.productlist .col {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	
	.productlist .col > .item,
	.productlist .col > div > .item {
		min-height: 320px !important;
		max-height: 320px !important;
	}
	
	.productlist .item .img {
		height: 150px !important;
		min-height: 150px !important;
		max-height: 150px !important;
		padding: 12px !important;
	}
	
	.productlist .item .img img,
	.productlist .item .img a img,
	.col .item .img a img {
		max-height: 126px !important;
	}
	
	.productlist .item a.title {
		height: 50px !important;
		min-height: 50px !important;
		max-height: 50px !important;
		padding: 8px 10px !important;
	}
	
	.productlist .item a.title h3 {
		font-size: 11px !important;
		-webkit-line-clamp: 2 !important;
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	
	.productlist .item .pb {
		min-height: 95px !important;
		max-height: 95px !important;
		padding: 8px 10px 12px !important;
	}
	
	.productlist .item .pb .price {
		font-size: 16px !important;
		margin-bottom: 8px;
	}
	
	.productlist .item .pb .oldprice {
		font-size: 11px !important;
	}
	
	.productlist .item .pb .add {
		padding: 8px 10px;
		font-size: 11px;
	}
	
	.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;
	}
}