/*
    ####################################################
    A D J A N S   D I G I T A L
    ####################################################
*/
:root{
	--tab-topBorder_active 		: #af1827;
	--tab-topBorder_passive 	: #9a9191;
	--tab-font-color_active 	: #101010;
	--tab-font-color_passive 	: #af1827;
}
a, a:hover{
	text-decoration: none;
}

.toggle-password {
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
    display: block;
    padding: 10px 20px;
}


/* 
    BBCode: [FILEBOX]
*/
.rabbit-file-card {
margin-bottom: 1.875rem;
width: 250px;
position: relative;
background-color: white;
border-radius: 0.5rem;
border: none;
box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #ebebeb;
}

.rabbit-file-card .app-file-icon {
background-color: #F5F5F5;
padding: 2rem;
text-align: center;
font-size: 2rem;
border-bottom: 1px solid #ebebeb;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}

.rabbit-file-card:hover {
border-color: #d7d7d7;
}

.description {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px;
}

.fa-download {
color: #333333;
cursor: pointer;
transition: 0.3s
}

.fa-download:hover {
color: #2ec1ac;
}

.fa-download:active {
color: #28df99;
}
/* 
    BBCode: [FILEBOX]
*/

.rabbit-embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.rabbit-embed iframe, 
.rabbit-embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 
    Responsive Tab2Toggle 
*/
.responsive-tabs .tab-content {
    border-radius: 0px;
    box-shadow: none;
    background-color:inherit;
    border: 0px;
    border-top: 0;
    padding: 0px;
}
.responsive-tabs{padding:0px;}
.responsive-tabs .nav-tabs{display:none !important;}
@media (min-width: 768px){
    .responsive-tabs .nav-tabs{display:flex !important;}
    .responsive-tabs .card{border:none}
    .responsive-tabs .card .card-header{display:none}
    .responsive-tabs .card .collapse{display:block}
    .responsive-tabs .tab-content {
        border-radius: 0 0 4px 4px;
        box-shadow: 0 1px 5px 0 rgba(0,0,0,.04);
        background-color: #fff;
        border: 1px solid #eee;
        border-top: 0;
        padding: 15px;
    }
}
@media (max-width: 767px){
    .responsive-tabs .tab-pane .card-body{max-height: 400px; overflow-x: scroll; padding: 20px !important;}
    .responsive-tabs .tab-pane{display:block !important;opacity:1;margin-bottom: -2px;}
}

/*
	Language Concept
*/
language{} language:empty{ background: #eee; background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%); border-radius: 5px; background-size: 200% 100%; -webkit-animation: .5s shine linear infinite; animation: .5s shine linear infinite; min-height: 18px; min-width: 100px; display: inline-block; } @-webkit-keyframes shine { to { background-position-x: -200%; } } @keyframes shine { to { background-position-x: -200%; } }

html:not(.rabbitcms-admin-active) img[src*="https://fakeimg.pl/"] {
    opacity: 0;
}
img[src*="https://fakeimg.pl/"] {
    -webkit-box-shadow:0px 0px 82px 6px rgba(255,0,0,0.56);
    -moz-box-shadow: 0px 0px 82px 6px rgba(255,0,0,0.56);
    box-shadow: 0px 0px 82px 6px rgba(255,0,0,0.56);
}

/* .iziModal{
    max-height:80vh;
}
@media(max-width:600px) {
    .iziModal{
        max-height:100vh;
    }
} */

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}
/*
 * Social Buttons for Bootstrap
 */
.cms_social_share_buttons_container{
    font-size: 0;
    text-align: center;
    width: 100%;
    z-index: 111;
}
.cms_social_share_buttons {
    display: contents;
    width: 100%;
    list-style-type: none;
}
.cms_social_share_buttons li{
    float: left;
    margin: 0 5px;
}
.cms_social_share_buttons li:hover{

}
.cms_social_share_buttons li a{
    vertical-align: middle;
    color: #fff;
    border-radius: 3px;
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 18px;
    background-color: #95a5a6;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.cms_social_share_buttons li a i{
    margin-right: 5px;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.cms_social_share_buttons li a.fb {background-color: #3b5998}
.cms_social_share_buttons li a.fb:hover{background-color: #2d4373}
.cms_social_share_buttons li a.tw {background-color: #00aced}
.cms_social_share_buttons li a.tw:hover{background-color: #0087ba}
.cms_social_share_buttons li a.lnkdn {background-color: #007bb6}
.cms_social_share_buttons li a.lnkdn:hover{background-color: #005983}
.cms_social_share_buttons li a.wh {background-color: #128C7E}
.cms_social_share_buttons li a.wh:hover{background-color: #075E54}
.cms_social_share_buttons li a.telegram {background-color: #0088CC}
.cms_social_share_buttons li a.telegram:hover{background-color: #179CDE}
.cms_social_share_buttons li a.tumblr {background-color: #2d5276}
.cms_social_share_buttons li a.tumblr:hover{background-color: #2a4259}

/*#socialicons>a span {top:0;left:-100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #socialicons>ahover div {left:0;} .btn-twitter{background:#00acee;border-radius:0;color:#fff} .btn-twitter:link,.btn-twitter:visited{color:#fff} .btn-twitter:active,.btn-twitter:hover{background:#0087bd;color:#fff} .btn-facebook{background:#3b5998;border-radius:0;color:#fff} .btn-facebook:link,.btn-facebook:visited{color:#fff} .btn-facebook:active,.btn-facebook:hover{background:#30477a;color:#fff} .btn-googleplus{background:#e93f2e;border-radius:0;color:#fff} .btn-googleplus:link,.btn-googleplus:visited{color:#fff} .btn-googleplus:active,.btn-googleplus:hover{background:#ba3225;color:#fff} .btn-stumbleupon{background:#f74425;border-radius:0;color:#fff} .btn-stumbleupon:link,.btn-stumbleupon:visited{color:#fff} .btn-stumbleupon:active,.btn-stumbleupon:hover{background:#c7371e;color:#fff} .btn-linkedin{background:#0e76a8;border-radius:0;color:#fff} .btn-linkedin:link,.btn-linkedin:visited{color:#fff} .btn-linkedin:active,.btn-linkedin:hover{background:#0b6087;color:#fff} .btn-sitename{background-color:#000;border-radius:0;color:#fff} .btn-sitename:link,.btn-sitename:visited{color:#fff} .btn-sitename:active,.btn-sitename:hover{background-color:#000;color:#fff} .SocialButtonList a { margin-bottom:3px; } img.lazy.not(.loaded){background: #F1F1FA; width:100%; height: 100%;} .zero-line{display: block;line-height: initial;}*/

.letmeknow{font-size: 12px;font-weight: bold; color:#000;} .letmeknow:hover{text-decoration: none; color:#000;} .alert p:last-child{margin-bottom:0px !important;} .address-line-quote{ padding-left: 10px; border-left: 2px solid; margin-left: 15px; line-height: initial; width: calc(100% - 15px); }

/* Rabbit Notification */
#rabbit_notification { background-color: rgb(0 0 0 / 50%); position: fixed; top: 0; width: 100%; height: 100%; z-index: 99999; animation: all ease-in 0.3s; place-items: center; display: none; } #rabbit_notification.active { display: grid; } #rabbit_notification.active.closing .rabbit_container{-webkit-animation:iziM-bounceOutDown .7s ease;animation:iziM-bounceOutDown .7s ease} #rabbit_notification.active .rabbit_container{-webkit-animation:iziM-bounceInDown .7s ease;animation:iziM-bounceInDown .7s ease} #rabbit_notification .rabbit_container{ width: 430px; max-width: 90%; background-color: #fff; border-radius: 4px; margin: 0 auto; min-height: 100px; background-color: #ebebeb; font-size: 12px; } .rn_header { padding: 15px 15px; font-weight: bold; } .rn_header span{ background-color: #fff; color: #636363; float: right; border: 1px solid #b1b1b1; border-radius: 5px; font-size: 12px; width: 20px; height: 20px; text-align: center; margin: 0px; padding: 0px; line-height: initial; } .rn_header span:hover{ background-color: #f70000; color: #ffffff; border: 1px solid #f70100; } .rn_body { padding: 5px 15px; } .rn_footer { padding: 0; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-size: 11px; } @media(max-width:768px) { #rabbit_notification .rabbit_container{width: 100%;}  }
#rabbit_notification #rm_progress {width: 100%;background-color: #fff;}
#rabbit_notification #rm_bar { width: 1%; height: 8px; background-color: green; }

.admin-session{
    display: block;
    min-width: 250px;
    background-color: #ffeb3b;
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 10px;
    padding: 4px;
    position: fixed;
    z-index: 99999999 !important;
    opacity: 0.2;
}
.admin-session a {
	text-decoration: underline;
}
.admin-session:hover{
    opacity: 1;
}

/* Order Details Address Card */
/*.adrescard{ border: 1px solid #b3b3b3; padding: 3px; border-radius: 4px; line-height: initial; font-size: 11px; margin-bottom:5px;} .adrescard h4{ background-color: #f5f5f5; font-size: 12px; margin-bottom: 3px; } .adrescard strong{ }*/

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2021 Animate.css
 */
 :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-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)}}@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)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-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)}}@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)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/*
    GDPR
*/
:root {--gdpr_purple: #3B3646;--gdpr_red: #EE4B5A; --gdpr_fontsize:13px;}
#gdpr-cookie-message { position: fixed; z-index:99999; right: 30px; bottom: 30px; max-width: 375px; background-color: var(--gdpr_purple); padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgba(0,0,0,0.25); margin-left: 30px; font-family: inherit; } #gdpr-cookie-message h4 { color: var(--gdpr_red); font-family: 'Quicksand', sans-serif; font-size: 18px; font-weight: 500; margin-bottom: 10px; } #gdpr-cookie-message h5 { color: var(--gdpr_red); font-family: 'Quicksand', sans-serif; font-size: var(--gdpr_fontsize); font-weight: 500; margin-bottom: 10px; } #gdpr-cookie-message p, #gdpr-cookie-message ul { color: white; font-size: var(--gdpr_fontsize); line-height: 1.5em; } #gdpr-cookie-message p:last-child { margin-bottom: 0; text-align: right; } #gdpr-cookie-message li { width: 49%; display: inline-block; } #gdpr-cookie-message a { color: var(--gdpr_red); text-decoration: none; font-size: var(--gdpr_fontsize); padding-bottom: 2px; border-bottom: 1px dotted rgba(255,255,255,0.75); transition: all 0.3s ease-in; } #gdpr-cookie-message a:hover { color: white; border-bottom-color: var(--gdpr_red); transition: all 0.3s ease-in; } #gdpr-cookie-message button { border: none; background: var(--gdpr_red); color: white; font-family: 'Quicksand', sans-serif; font-size: var(--gdpr_fontsize); padding: 7px; border-radius: 3px; margin-left: var(--gdpr_fontsize); cursor: pointer; transition: all 0.3s ease-in; } #gdpr-cookie-message button:hover { background: white; color: var(--gdpr_red); transition: all 0.3s ease-in; } button#gdpr-cookie-advanced { background: white; color: var(--gdpr_red); } #gdpr-cookie-message button:disabled { opacity: 0.3; } #gdpr-cookie-message input[type="checkbox"] { float: none; margin-top: 0; margin-right: 5px; }

/*
    HB Slider
*/
#hbslider .bgwhite { background: #fff; padding: 0px; border: 0px; border-radius: 6px; -webkit-box-shadow: 0 6px 26px 0 rgba(0,0,0,.16); box-shadow: 0 6px 26px 0 rgba(0,0,0,.16); } #hbslider .marg5 { margin: 5px -5px; border-radius: 6px; } #hbslider .ust-slider-h { font-size: 24px; line-height: 1.33; letter-spacing: 0.5px; font-weight: 300; } #hbslider .alt-slider-h { letter-spacing: 0.3px; font-size: 25px; font-weight: 600; line-height: 1; margin-top: 20px; } #hbslider .slider-button { background-color: #f69f29; color: #fff; text-align: center; padding: 6px 30px; border: 1px solid transparent; border-radius: 20px; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 30px; } #hbslider .slider-button-2 { background-color: #00083d; color: #fff; text-align: center; padding: 10px 20px; border: 1px solid transparent; border-radius: 20px; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 30px; } #hbslider .mg0 { margin: 0px; } #hbslider .pd0 { padding: 0px 15px; } #hbslider .carousel-item:before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 88px; background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.24))); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.24)); background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.24)); z-index: 1; } #hbslider .carousel-indicators li{background-color: #404040;} #hbslider .carousel-indicators li.active {background-color: #000000;} @media (max-width: 575.98px) { #hbslider .marg5 { margin: 0px; } #hbslider .pd0 { padding: 0px; } #hbslider .bgwhite { box-shadow: none; } #hbslider .carousel-item { height: 35vh; background: #fff !important; } #hbslider .carousel-item:before {content:none;} #hbslider .carousel-indicators .active { background-color: #70bf44; } #hbslider .carousel-indicators li { background-color: rgba(112, 191, 68, 0.5); } #hbslider .carousel-indicators { bottom: -20px; } #hbslider .mobile-metin { position: absolute; bottom: 15px; } #hbslider .mobile-h-ust { background: #7f9338; margin-left: 15px; padding: 3px 10px; color: #fff; font-weight: 400; width: fit-content; font-size: 13px; } #hbslider .mobile-h-alt { background: #525f25; margin-left: 15px; margin-right:15px; padding: 3px 10px; color: #fff; font-weight: 500; width: fit-content; font-size: 13px; } } @media (min-width: 768px) and (max-width: 991.98px) { #hbslider .carousel-item { height: 40vh; } #hbslider .ust-slider-h { font-size: 16px; } #hbslider .alt-slider-h { font-size: 20px; } #hbslider .slider-button { font-size: 12px; line-height: 18px; margin-top: 15px; } #hbslider .slider-button-2 { font-size: 12px; line-height: 18px; margin-top: 15px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #hbslider .carousel-item { height: 45vh; } } @media (min-width: 1200px) { #hbslider .carousel-item { /*height: 80vh;*/ height: 550px; } }

/*
    Modal Fix
*/
body.modal-open { height: 100vh; overflow-y: hidden; } .swal2-container{z-index:9999 !important;} .swal2-popup.swal2-toast .swal2-title {margin: 0.7em 0.7em 0 0.7em !important;} .swal2-popup.swal2-toast .swal2-html-container {margin: 0em 0.7em 0.7em 0.7em !important;} .swal2-popup.swal2-toast{padding: 0.6em !important;}

/*
    HBCargo
*/
.hbcargo-box { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column } .hbcargo-box h5 { color: #484848; font-size: 17px } .cargo-transactions { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; width: 100%; min-height: 150px; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch } .cargo-transactions__line { overflow: inherit } .cargo-transactions--branch .cargo-transactions__line .road:after { content: " "; width: 72px; height: 24px; border-radius: 16px; background-color: #e5e5e5; display: block; position: absolute; bottom: 6px; left: -6px } .cargo-transactions--branch .cargo-transactions__line .truck { left: auto !important; right: -30px; bottom: -4px !important; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .cargo-transactions__content { margin-bottom: 45px } .cargo-transactions__line { width: 24px; background-color: #e5e5e5; border-radius: 12px; padding: 7px 2px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden } .cargo-transactions__line .road { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDJ2MjRIMHoiLz48L3N2Zz4=); width: 2px; height: 100%; margin-left: auto; margin-right: auto; position: absolute; left: calc(50% - 1px) } .cargo-transactions__line .road--animation { -webkit-animation: drive 3s linear infinite; animation: drive 3s linear infinite; margin-top: -512px; height: 1332px } @-webkit-keyframes drive { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(512px); transform: translateY(512px) } } @keyframes drive { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { -webkit-transform: translateY(512px); transform: translateY(512px) } } .cargo-transactions__line .truck { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIzMiI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQgOEwzIDRsNS41LTEuNSA1IDEuNS0xIDR6Ii8+PHBhdGggZmlsbD0iI0YyOEIwMCIgZD0iTTMuNzAyIDExLjQ1SDEuMzZ2MjAuMTU1aC40ODhWMzJoMTIuNDM4di0uMzk1aC40ODhWMTEuNDVoLTIuNDc2eiIvPjxwYXRoIGZpbGw9IiNCNTY0MDAiIGQ9Ik0zLjAzMi43N2MtLjk4Ny41NjMtLjgwNCAyLjU1OC0uODA0IDIuNTU4bC4yMzUgNy42MDFoMTEuMDc0bC4yMzUtNy42MDhzLjIxNC0xLjk5MS0uNzc0LTIuNTU1QzEyLjUyMS40OTUgMTEuMTg2IDAgOC4wMyAwIDQuODA3IDAgMy41MS40OTggMy4wMzIuNzd6bS0uMzQgOS4yMmMuMDM4LTIuODQ0LS4wMDktNC45MzItLjAwOS00LjkzMmguMjdjLjQ2OSAxLjk1Ny4yIDQuOTkuMiA0Ljk5bC0uNDYxLS4wNTl6bTEwLjY2Ni4wMTVsLS4zNC4wNDNzLS4yNjgtMy4wMzMuMjAyLTQuOTloLjI2OHMtLjE2OCAyLjEwMy0uMTMgNC45NDd6bS0uNTc1LTUuNzk1Yy4xMzUuMjkzLS4zMDIgMy0uMzAyIDMtMy4yMjMtLjE5NS00LjM2NS0uMTMtNC4zNjUtLjEzcy0xLjE3Mi0uMDY1LTQuMzk1LjEzYzAgMC0uNDIxLTIuNzA3LS4yODctMyAuMTM0LS4yOTQgMS43MjctLjQ1NyA0LjY4My0uNDU3IDIuODUzIDAgNC41MzIuMTYzIDQuNjY2LjQ1N3oiLz48cGF0aCBmaWxsPSIjRjVBODNGIiBkPSJNMyAzMFYxM2gxdjE3em0zIDBWMTNoMXYxN3ptMyAwVjEzaDF2MTd6bTMgMFYxM2gxdjE3ek0zLjcwMiAxMC45M3YuNTJoOC41OTZ2LS41MnoiLz48cGF0aCBmaWxsPSIjQjU2NDAwIiBkPSJNLjUgMzB2LTRoMXY0em0xNCAwdi00aDF2NHptLTE0LTV2LTRoMXY0em0xNCAwdi00aDF2NHpNMS41IDdWM2gxdjR6bTEyIDBWM2gxdjR6Ii8+PC9nPjwvc3ZnPg==); width: 16px; height: 32px; position: absolute; left: calc(50% - 8px); bottom: 10px } .cargo-transactions__line .truck--animation { -webkit-animation-name: animationFrames; animation-name: animationFrames; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation-delay: 1s } .cargo-transactions__line .truck--delivered { bottom: calc(100% - 40px) } @-webkit-keyframes animationFrames { 0% { bottom: 10px } to { bottom: calc(100% - 40px) } } @keyframes animationFrames { 0% { bottom: 10px } to { bottom: calc(100% - 40px) } } .cargo-transactions__content { -ms-flex: 1; -webkit-flex: 1; flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; position: relative } .cargo-transactions__content__step { -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; margin-left: 24px; margin-top: 16px } .cargo-transactions__content__step:before { content: " "; background-color: #eee; width: 8px; height: 24px; position: absolute; left: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px } .cargo-transactions__content__step .step-title { padding-top: 3px; color: #484848; line-height: 1.6; font-size: 15px } .cargo-transactions__content__step .step-date, .cargo-transactions__content__step .step-description { color: #7b7b7b; line-height: 1.45; margin-top: 4px } .cargo-transactions__content__step .step-date { font-size: 11px } .cargo-transactions__content__step .step-description { font-size: 13px }

/*
    Callout Style
*/
.bs-callout { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 1px 5px; margin-bottom: 5px; padding: 20px; } .bs-callout:last-child { margin-bottom: 0px; } .bs-callout h4, .bs-callout h5 { margin-bottom: 10px; margin-top: 0; font-weight: 600; } .bs-callout-danger { border-left-color: #dc3545; } .bs-callout-danger h4, .bs-callout-danger h5{ color: #dc3545; } .bs-callout-success { border-left-color: #28a745; } .bs-callout-success h4, .bs-callout-success h5{ color: #28a745; } .bs-callout-primary { border-left-color: #007bff; } .bs-callout-primary h4, .bs-callout-primary h5{ color: #007bff; } .bs-callout-info { border-left-color: #17a2b8; } .bs-callout-info h4, .bs-callout-info h5{ color: #17a2b8; } .bs-callout-secondary { border-left-color: #6c757d; } .bs-callout-secondary h4, .bs-callout-secondary h5{ color: #6c757d; } .bs-callout-warning { border-left-color: #ffc107; } .bs-callout-warning h4, .bs-callout-warning h5{ color: #ffc107; } .bs-callout-dark { border-left-color: #343a40; } .bs-callout-dark h4, .bs-callout-dark h5{ color: #343a40; }

/*
    ReModal PopUp
*/
html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}.remodal,[data-remodal-id]{display:none}.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.remodal-is-initialized{display:inline-block}.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened{-webkit-filter:blur(3px);filter:blur(3px)}.remodal-overlay{background:rgba(43,46,56,0.9)}.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes}.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes}.remodal-wrapper{padding:10px 10px 0}.remodal{box-sizing:border-box;width:100%;margin-bottom:10px;padding:35px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#2b2e38;background:#fff}.remodal.remodal-is-opening,.remodal.remodal-is-closing{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes}.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes}.remodal,.remodal-wrapper:after{vertical-align:middle}.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color .2s;transition:color .2s;text-decoration:none;color:#95979c;border:0;outline:0;background:transparent}.remodal-close:hover,.remodal-close:focus{color:#2b2e38}.remodal-close:before{font-family:Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;font-size:25px;line-height:35px;position:absolute;top:0;left:0;display:block;width:35px;content:"\00d7";text-align:center}.remodal-confirm,.remodal-cancel{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}.remodal-confirm{color:#fff;background:#81c784}.remodal-confirm:hover,.remodal-confirm:focus{background:#66bb6a}.remodal-cancel{color:#fff;background:#e57373}.remodal-cancel:hover,.remodal-cancel:focus{background:#ef5350}.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner{padding:0;border:0}@-webkit-keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@keyframes remodal-overlay-opening-keyframes{from{opacity:0}to{opacity:1}}@-webkit-keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@keyframes remodal-overlay-closing-keyframes{from{opacity:1}to{opacity:0}}@media only screen and (min-width: 641px){.remodal{max-width:700px}}.lt-ie9 .remodal-overlay{background:#2b2e38}.lt-ie9 .remodal{width:700px}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {content:initial !important;} .grecaptcha-badge {display: none;} .custom-control-fix {margin-left:20px;}

/*
Product Filter Side Menü
*/
.card { margin-bottom: 15px; } .icon-action { float: right; font-size: 17px; margin: 0px 0px 0px 0px;} .list-group-item .title { margin-top: 5px; margin-bottom: 12px; font-weight: 600; text-align: left;} .list-group-item { padding: 0.45rem 0.7rem !important; } .smartscroll{ max-height: 160px; overflow-x: scroll; } .brandcheck{margin: 0px 0px 5px 0px; font-size: 12px;} .brandcheck input{} .brandcheck label{margin-left: -34px;}


/*
iyzico mobile
*/
#iyzipay-checkout-form .iyzi-installment-holder { padding: 20px } #iyzipay-checkout-form .cyber-numpad { width: 120px; background: white; position: absolute; left: -110px; top: 45px; padding: 5px !important; -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; border: 1px solid #ccc !important; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform-origin: right top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; transform-style: preserve-3d; opacity: 0; transform: rotateY(60deg); -moz-transform: rotateY(60deg); -webkit-transform: rotateY(60deg); -o-transform: rotateY(60deg); -ms-transform: rotateY(60deg) } #iyzipay-checkout-form div .iyzi-arrow-info-window { width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #ccc; font-size: 0; line-height: 0; position: absolute; left: -10px; top: 15px } #iyzipay-checkout-form div .iyzi-arrow-keypad { width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid #ccc; font-size: 0; line-height: 0; position: absolute; right: -10px; top: 47px } #iyzipay-checkout-form .iyzi-info-window { left: 308px; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -webkit-transform: rotateY(-60deg); -o-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg) } #iyzipay-checkout-form .iyzi-info-window.cvc { top: 132px } #iyzipay-checkout-form .iyzi-info-window.savecard, #iyzipay-checkout-form .iyzi-info-window.buyerprotection, #iyzipay-checkout-form .iyzi-info-window.secure { top: 185px } #iyzipay-checkout-form.iyzi-form { background-color: #fbfbfc; width: 100%; padding: 15px; -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 10px 5px rgba(51, 51, 3, 0.23); -moz-box-shadow: 0 0 10px 5px rgba(51, 51, 3, 0.23); box-shadow: 0 0 10px 5px rgba(51, 51, 3, 0.23); border: 1px solid #555; transition: all .2s ease-in-out; top: -1000px } #iyzipay-checkout-form.iyzi-form { width: 315px !important; margin: 0 auto; position: relative } #iyzipay-checkout-form .iyzi-form .iyzi-payment-tab.iyzi-bkm-express { margin: 20px 0 0 }


/*
    E-Commerce Cart
*/
/*.table>tbody>tr>td, .table>tfoot>tr>td{vertical-align: middle;}
@media screen and (max-width: 600px) {
    table#cart .nomargin {margin:0px !important;}
    table#cart tbody td .form-control{width:20%;display: inline !important;}
    .actions .btn{width:36%;margin:1.5em 0;}
    .actions .btn-info{float:left;}
    .actions .btn-danger{float:right;}
    table#cart thead { display: none; }
    table#cart tbody td { display: block; padding: .6rem; min-width:79vw;}
    table#cart tbody tr td:first-child { background: #fff; color: #2f2f2f; }
    table#cart tbody td:before { content: attr(data-th); font-weight: bold; display: inline; width: 8rem; margin-right: 10px;}
    table#cart tfoot td{display:block; }
    table#cart tfoot td .btn{display:block;}
}*/

/*
    Collapse Panel
*/
.panel-collapse.CmsCommerce >.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;} .panel-collapse.CmsCommerce >.list-group .list-group-item {border-width: 1px 0;} .panel-collapse.CmsCommerce >.list-group {margin-bottom: 0;} .panel-collapse.CmsCommerce .list-group-item {border-radius:0;} .panel-collapse.CmsCommerce .list-group .list-group {margin: 0;margin-top: 10px;} .panel-collapse.CmsCommerce .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;} .panel-collapse.CmsCommerce .list-group-item li.list-group-item:last-child {padding-bottom: 0;} .panel-collapse.CmsCommerce div.list-group div.list-group{margin: 0;} .panel-collapse.CmsCommerce div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;} .panel-collapse.CmsCommerce .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}

/*
    login-register
*/
.panel-login { } .panel-login>.panel-heading { color: #00415d; background-color: #fff; border-color: #fff; text-align:center; } .panel-login>.panel-heading a{ text-decoration: none; color: #666; font-weight: bold; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login>.panel-heading a.active{ color: #f57000; font-size: 18px; } .panel-login>.panel-heading hr{ margin-top: 10px; margin-bottom: 0px; clear: both; border: 0; height: 1px; background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.35),rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.35),rgba(0,0,0,0)); background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.35),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.35),rgba(0,0,0,0)); } .panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] { height: 45px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login input:hover, .panel-login input:focus { outline:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ccc; } .btn-login:hover, .btn-login:focus { color: #fff; background-color: #53A3CD; border-color: #53A3CD; } .forgot-password { text-decoration: underline; color: #888; } .forgot-password:hover, .forgot-password:focus { text-decoration: underline; color: #666; }


/*
    CMS Modal
    https://github.com/kylefox/jquery-modal
*/
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.cms-modal {
    display: none;
    position: relative;
    max-width: 500px;
    padding: 20px;
    margin: auto;
    border-radius: 4px;
    background-color: #fff;
}

.cms-modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');

}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@media(max-width:480px) {
    .hidden-mobile {display: none}
}

/*
    New Cart
*/
.CartNotes {max-height: 58px;}.cartnote{display:none}
.cart-detail-text {width: 100%;height: 40px;font-size: 11px;overflow-x: hidden;text-overflow: ellipsis;white-space: initial;display: block !important;}.CartNotes {max-height: 58px;}

@media(max-width:768px) {
    .note { /*display: none !important;*/ }.cart {padding-right: 0 !important;padding-left: 0 !important;}.qty-text {color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-align: center;padding: 3px 6px;}.cart-product-actions {top: 16px !important; right: 40px !important;}.cart-product {padding:16px 0 20px 66px!important;}.cart-detail-text {display: none !important;}.cart-product-qty .label {width: 100px;display: inline-block;}.cart-product-price span {display: inline-block;width: 100px;}.cart-product-price{display: flex; justify-content: space-between;}
}
.tablet-desktop-only {display: none}.desktop-only {display: none}.desktopsm-only {display: none}.desktoplg-only {display: none}
@media(min-width:768px) {.mobile-only {display: none}.tablet-desktop-only {display: inherit}.desktopsm-only {display: inherit}}
@media(min-width:1024px) {.mobile-tablet-only {display: none}.desktop-only {display: inherit}}
@media(min-width:1180px) {.desktopsm-only {display: none}.desktoplg-only {display: inherit}}.ucase {text-transform: uppercase;}.cart {padding-right: 15px;padding-left: 15px}.empty-cart {padding-bottom: 40px;text-align: center}.empty-cart .cart-title {padding-bottom: 48px;background-size: 28px}.empty-cart .cart-warning {margin-bottom: 20px;font-size: 13px}.empty-cart .btn-primary {max-width: 100%}.cart-title {margin: 0 0 20px;font-weight: 300;font-size: 24px;text-align: center}.cart-nav {padding-bottom: 20px;border-bottom: 1px solid #ccc}.cart-nav-buttons a,.cart-nav-buttons button {margin: 0 auto}.cart-nav-buttons>div {margin-bottom: 10px}.cart-product-list {font-size: 13px;line-height: 18px}.cart-product-list a {color: #222;text-decoration: none;font-weight: bold;font-size: 12px;} .cart-product {min-height: 145px;position: relative;padding: 16px 0 46px 132px;border-bottom: 1px solid #ccc}.cart-product p {margin: 0}.cart-product .cart-supply {position: absolute;bottom: 40px;left: 130px}.cart-product .cart-supply-wrapper {position: relative}.cart-product .tooltip {top: -95px !important;left: 135px !important;padding: 8px 10px}.cart-product .btn-tooltip {display: inline;width: auto;height: auto;border: none;border-radius: 0;margin-left: 0;background: 0 0;vertical-align: inherit;cursor: pointer;text-decoration: underline}.cart-product .bold {font-weight: 700}.cart-product-image {position: absolute;top: 16px;left: 0;width:8%;min-height: 60px;min-width: 60px;}.cart-product-meta {width: 44%; min-width: 220px; font-size: 12px !important;}.cart-product-image img {width: 100%;height: auto;border-radius:6px;}.cart-product-meta>* {display: block}.cart-product-meta .brand {font-weight: 600;font-size: 10px;}.cart-product-meta .name {display: block;}.cart-product-meta .feats span {color: #888; margin-bottom:4px;}.cart-product-meta .note {color: #888}.cart-product-meta .note span {color: #222}.cart-product-price span {color: #888}.cart-product-discount span.couponed {color: #e4312e}.cart-product-discount span {color: #888}.cart-product-qty .label {color: #888}.cart-product-total {font-weight: 600}.cart-product-giftwrap {position: absolute;bottom: 16px;left: 0;height: 18px;padding-right: 23px}.cart-product-giftwrap label {padding-left: 46px;margin-bottom: 0;font-size: 13px}.cart-product-giftwrap label::before {position: absolute;top: 0;left: 23px;width: 18px;height: 18px;background: transparent url(../img/giftwrap-icon.svg) 0 0 no-repeat;content: ""}.cart-product-giftwrap label input[type=checkbox] {position: absolute;top: 0;left: 0;background-size: 18px}.cart-product-giftwrap .tooltip {bottom: 29px;left: 0;width: 290px}.cart-product-giftwrap .no-giftwrap {padding-left: 23px}.cart-product-giftwrap .no-giftwrap::before {position: absolute;top: 0;left: 0;width: 18px;height: 18px;content: ""}.cart-product-actions {position: absolute;top: 6px;right: -10px;width: 31px;height: 31px}.cart-product-actions .remove-from-cart {position: relative;width: 100%;height: 100%;font-size: 0;text-indent: -9999px}.cart-product-actions .remove-from-cart i {display: block;width: 100%;height: 100%;background: transparent url(../img/close-icon-small.svg) 50% 50% no-repeat;background-size: 11px}.cart-summary {padding: 15px 0;border-bottom: 1px solid #ccc;font-size: 13px;line-height: 18px}.cart-summary dl {padding: 0;margin: 0}.cart-summary dl:after {clear: both;display: table;content: ""}.cart-summary dt,.cart-summary dd {float: left;width: 50%;margin: 0 0 8px;padding: 0;padding: 4px 2px;border-bottom: 1px solid #d2d2d2}.cart-summary dt {clear: left;font-weight: 600;text-align: left}.cart-summary dd {text-align: right}.cart-summary dd.discount {color: #e4312e}.cart-coupon,.cart-loyalty {border-bottom: 1px solid #ccc}.cart-coupon {font-size: 13px}.cart-coupon-title {display: inline;padding: 0;margin: 0;border: none;border-radius: 0;background: 0 0;position: relative;display: block;width: 100%;padding: 10px 0 12px;font-size: 13px;font-weight: 600;text-align: left}.cart-coupon-title::after {position: absolute;top: 15px;right: 0;width: 12px;height: 7px;background: transparent url(../img/down-arrow-small.svg) 50% 50% no-repeat;content: "";transition: transform .2s}.cart-coupon-title.open::after {transform: rotate(180deg)}.cart-coupon-content,.cart-loyalty-content {display: none;padding: 15px 0 20px;border-top: 1px solid #ccc}.cart-coupon-content input,.cart-loyalty-content input,.cart-coupon-content submit,.cart-loyalty-content submit {margin-bottom: 15px}.cart-coupon-content .btn-secondary,.cart-loyalty-content .btn-secondary {max-width: 100%}.cart-coupon-content .actives,.cart-loyalty-content .actives {padding: 7px 0 8px;margin: 0;list-style: none}.cart-coupon-content .actives li,.cart-loyalty-content .actives li {position: relative;padding: 8px 0 7px}.cart-coupon-content .actives .delete-coupon,.cart-loyalty-content .actives .delete-coupon {position: absolute;top: 8px;right: 0;width: 15px;height: 15px;padding: 2px}.cart-coupon-content .actives .delete-coupon svg,.cart-loyalty-content .actives .delete-coupon svg {width: 100%;height: 100%}.cart-loyalty-content {font-size: 12px}.cart-loyalty-content .loyalty {display: block;min-height: 36px;padding: 9px 0;margin: 0 0 15px;line-height: 1.5}.cart-checkout {padding-top: 20px}.cart-checkout>a {margin: 0 auto}.cart-checkout .btn-secondary {margin-top: 20px}

@media(min-width:768px) {.empty-cart {width: 500px;margin: 0 auto}.empty-cart .btn-primary {width: 290px;margin: 0 auto}.cart-nav-buttons:after {clear: both;display: table;content: ""}.cart-nav-buttons>div {float: left;width: 50%;padding-right: 9px}.cart-nav-buttons>div+div {padding-right: 0;padding-left: 9px}.cart-nav-buttons a {max-width: unset}.cart-product {position: relative;min-height: 140px;padding-bottom: 5px}.cart-product-qty {position: absolute;top: 15px;left: 410px;padding-top: 20px}.cart-product-qty .label {position: absolute;top: 0;left: 0}.cart-product-qty .qty-actions a {position: absolute;top: 20px;display: block;width: 36px;height: 36px;border: 1px solid #ccc}.cart-product-qty .qty-actions .negative {left: 1px;background: transparent url('../img/footer-minus.svg') 50% 50% no-repeat;background-size: 16px}.cart-product-qty .qty-actions .positive {left: 87px;background: transparent url('../img/footer-plus.svg') 50% 50% no-repeat;background-size: 16px}.cart-product-qty .qty-actions .qty-text {position: absolute;top: 20px;left: 37px;width: 50px;height: 36px;border-top: 1px solid #ccc; border-right:0px; border-bottom: 1px solid #ccc;line-height: 34px;text-align: center;border-left: 0px;}.cart-product-price,.cart-product-discount,.cart-product-total {position: absolute;right: 0}.cart-product-price {top: 15px}.cart-product-discount {top: 35px}.cart-product-total {top: 55px}.cart-product-giftwrap {bottom: 16px;left: 130px}.cart-product-actions {top: unset;right: 0;bottom: 17px;width: 220px;height: 20px}.cart-product-actions .tablet-desktop-only {display: inline-block}/*.cart-product-actions a {display: inline-block;margin-right: 15px;color: #888;text-decoration: underline}.cart-product-actions .remove-from-cart {width: auto;height: auto;padding-left: 15px;margin: 0;font-size: 13px;text-indent: 0}.cart-product-actions .remove-from-cart i {position: absolute;left: 0;width: 1px;height: 20px;background-color: #888;background-image: none}*/.cart-footer {position: relative;padding-top: 20px}.cart-summary {float: right;width: calc(50% - 24px);border: none}.cart-coupon,.cart-loyalty {margin-right: calc(50% + 24px)}.cart-coupon {border-top: 1px solid #ccc}.cart-coupon-content,.cart-loyalty-content {display: block}.cart-checkout>a {max-width: 100%}}

@media(min-width:1180px) {.cart {padding-right: 0;padding-left: 0}.cart-title {font-size: 28px}.cart-nav {position: relative}.cart-nav .cart-title {height: 40px;margin: 0;line-height: 40px}.cart-nav-buttons {position: absolute;top: 0;width: 100%;height: 0}.cart-nav-buttons>div {width: 345px}.cart-nav-buttons>div+div {float: right}.cart-product-list-titles {border-top: 1px solid #ccc;background-color: #f3f3f3;}.cart-product-list-titles:after {clear: both;display: table;content: ""}.cart-product-list-titles>div {float: left;padding: 15px 5px;height: 48px;border-bottom: 1px solid #ccc;font-weight: 600}.cart-product-list-titles>div:not(:first-child) {text-align: center;}.cart-product-list-titles .name {width: 50%;}.cart-product-list-titles .price {width: 15%;}.cart-product-list-titles .qty {width: 20%;}.cart-product-list-titles .total {width: 15%;}.cart-product-list-titles .discount {width: 20%;}.cart-product-qty {left: 69%;}.cart-product-qty .qty-actions a {top: 0}.cart-product-qty .qty-actions .qty-text {top: 0}.cart-product-qty .label {display: none}.cart-product-price {left: 56%;/*left: 555px;*/width: 160px}.cart-product-discount {top: 15px;left: 913px;width: 100px}.cart-product-total {top: 15px;right: 3%;/*right: 0*/}.cart-footer:after {clear: both;display: table;content: ""}.cart-summary,.cart-checkout {width: 345px}.cart-coupon,.cart-loyalty {float: left;width: 500px;margin-right: 52px}.cart-coupon,.cart-coupon-content,.cart-loyalty,.cart-loyalty-content {border: none}}.cart-slider .product-slider-title {padding-bottom: 0}.cart-slider .product-slider-title:after {display: none}

@media(max-width:768px) {.cart-product .tooltip {left: auto !important}}.header-fixed .checkout-header {position: absolute;top: 0;width: 100%}.checkout-header {height: 50px;background-color: #fff;z-index: 11}.checkout-header .container {height: 100%;position: relative}.checkout-header .header-logo {position: absolute;top: 15px;left: 15px;width: 118px;height: 19px;padding: 0;margin: 0;background-image: none}.checkout-header .security {position: absolute;top: 16px;right: 15px;padding-left: 23px;background: transparent url(../img/lock-icon.svg) 0 0 no-repeat;background-size: 18px;font-size: 13px;font-weight: 600;line-height: 18px}

@media(min-width:768px) {.cart-product-meta .brand{display:inline-block; font-weight: 600; background-color: #607d8b; font-size: 10px; padding: 1px 6px; border-radius: 4px; color: #fff; } .checkout-header {padding: 0 25px}}

@media(min-width:1180px) {.checkout-header {height: 68px;padding: 0}.checkout-header .header-logo {width: 216px;height: 35px;top: 17px}.checkout-header .security {top: 24px}}.checkout-footer {padding: 29px 0 27px;border-top: 1px solid #ccc}.checkout-footer .footer-card-logos {padding: 13px 15px;border: none;background-color: transparent}.checkout-footer .footer-card-logos svg,.checkout-footer .footer-card-logos a {height: 27px}.checkout-footer .footer-copyright {padding: 13px 15px;border: none;background-color: transparent;font-size: 11px;color: #666}.checkout-nav {height: 50px;background-color: #222;padding: 0 15px}.checkout-nav>.container:after {clear: both;display: table;content: ""}.checkout-nav span,.checkout-nav a {float: left;width: 33.3%;color: #888;font-size: 11px;font-weight: 600;line-height: 50px;text-decoration: none}.checkout-nav span.current,.checkout-nav a.current {color: #fff}.checkout-nav span:nth-child(2),.checkout-nav a:nth-child(2) {text-align: center}.checkout-nav span:nth-child(3),.checkout-nav a:nth-child(3) {text-align: right}.checkout-nav a:hover {color: #fff}.checkout-login {padding-top: 30px}.checkout-login .alert {margin: 0 15px 20px}.checkout-login-form,.checkout-guest {padding-right: 15px;padding-left: 15px}.checkout-login-form .title,.checkout-guest .title {margin: 0 0 20px;font-weight: 600;font-size: 20px;text-align: center}.checkout-login-form {padding-bottom: 30px;border-bottom: 1px solid #ccc}.checkout-login-form .btn-facebook {margin-bottom: 20px}.checkout-login-form .login-or {margin-bottom: 20px}.checkout-guest {padding: 30px 15px;text-align: center}.checkout-guest p {font-size: 13px;margin: 0 0 20px}

@media(min-width:480px) {.checkout-login .btn-primary,.checkout-login .btn-secondary {max-width: 100%}}

@media(min-width:768px) {.checkout-login-form,.checkout-guest {padding-right: 40px;padding-left: 40px}.checkout-nav {padding: 0 10px}.checkout-nav span {text-align: center}.checkout-nav span:nth-child(3) {text-align: center}}

@media(min-width:1180px) {.checkout:after {clear: both;display: table;content: ""}.checkout-login {padding: 80px 0 100px}.checkout-login:after {clear: both;display: table;content: ""}.checkout-login-form,.checkout-guest {float: left;width: 50%;padding: 0 112px;border: none}.checkout-login-form {border-right: 1px solid #ccc}}.checkout-address,.checkout-payment,.checkout-success {padding: 30px 15px}.checkout-address .title,.checkout-payment .title,.checkout-success .title {margin: 0 0 20px;color: #222;font-size: 15px;font-weight: 600;line-height: 20px}.checkout-box {border: 1px solid #ccc;padding: 16px 11px;margin-bottom: 20px}.checkout-address-box {border: 1px solid #ccc;padding: 0;margin-bottom: 30px}.checkout-address-box-title {padding: 10px;border-bottom: 1px solid #ccc}.checkout-address-box-title p {margin: 0}.checkout-address-box-title .title {margin-bottom: 2px;line-height: 20px}.checkout-address-box-title .info {font-size: 13px;line-height: 18px}.checkout-address-select .btn-address-select {height: 30px;padding: 5px 0;font-size: 14px;line-height: 20px}.checkout-address-select>.btn-primary {margin-bottom: 20px}.checkout-address-shipping-select,.checkout-address-billing-select {position: relative;padding: 20px 10px 10px}.checkout-address-shipping-select .title,.checkout-address-billing-select .title {margin-bottom: 10px;line-height: 30px}.checkout-address-shipping-select .btn-address-add,.checkout-address-billing-select .btn-address-add {position: absolute;top: 20px;right: 10px;width: calc(50% - 14px)}.checkout-address-shipping-select {border-bottom: 1px solid #ccc}.checkout-address-billing-select {display: none}.checkout-address-dropdown {position: relative;width: 100%;margin-bottom: 10px}.checkout-address-dropdown>.btn-primary {max-width: 100%}.checkout-address-select-boxes {border-top: 1px solid #ccc;padding-top: 10px}.checkout-address-select-box {display: none}.checkout-address-select-box p {margin: 0;font-size: 13px;line-height: 18px}.checkout-address-select-box p.title {width: 100%;margin: 0;font-size: 13px;font-weight: 600;line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.checkout-address-select-box p.title label {color: #222;font-weight: inherit}.checkout-address-select-box p.title input {display: none}.checkout-address-select-box .actions {padding-top: 10px}.checkout-address-select-box .actions:after {clear: both;display: table;content: ""}.checkout-address-select-box .actions button {float: left;width: calc(50% - 4px)}.checkout-address-select-box .actions button+button {margin-left: 8px}.checkout-address-identical {padding: 20px 10px}.checkout-address-identical .custom-checkbox {margin: 0}.checkout-address-cargo-select {padding: 10px 10px 0;line-height: 18px}.checkout-address-cargo-select .custom-radio {position: relative;padding: 0 80px 0 33px;margin: 0 0 -2px;color: #222;font-size: 13px;font-weight: 600}.checkout-address-cargo-select .custom-radio input[type=radio] {position: absolute;top: 2px;left: 0}.checkout-address-cargo-select p {margin: 0}.cargo-select-item {position: relative;margin-bottom: 20px}.cargo-select-item .custom-select {margin-top: 14px}.cargo-select-item .custom-select select {margin-bottom: 8px}.cargo-select-item>p {padding-left: 0}.cargo-select-sameday-popup {display: none}.cargo-select-info {padding-left: 33px;font-size: 12px;color: #888}.cargo-select-info strong {font-weight: 600}.cargo-select-price {position: absolute;top: 0;right: 0;font-size: 13px;color: #222;line-height: 18px}.btn-address-submit {margin-bottom: 20px}.checkout-address-edit .checkout-box:after {clear: both;display: table;content: ""}.checkout-address-edit input,.checkout-address-edit textarea {font-size: 12px}.checkout-address-edit .input-error {display: none}.checkout-address-edit .btn-secondary,.checkout-address-edit .btn-primary {float: left;width: calc(50% - 4px)}.checkout-address-edit .btn-primary {margin-left: 8px}.checkout-address-edit p {margin: 0}.checkout-address-edit p.title {margin-bottom: 5px}.checkout-address-edit p.info {padding-bottom: 25px;border-bottom: 1px solid #ccc;margin-bottom: 25px;font-size: 13px}.checkout-address-edit .alert {margin-bottom: 20px}.checkout-address-edit textarea {height: 72px;resize: none}.checkout-address-shipping-edit,.checkout-address-billing-edit {display: none;padding: 21px 11px 11px}.checkout-billing-type {display: none}.checkout-summary-cart-box {border: 1px solid #ccc;margin-bottom: 20px}.checkout-summary-cart-box .title {padding: 15px 10px;border-bottom: 1px solid #ccc;margin: 0}.checkout-summary-cart {padding: 0 10px;font-size: 13px;line-height: 18px}.checkout-summary-cart-list {padding: 0;margin: 0;list-style: none}.checkout-summary-cart-item {position: relative;padding: 15px 0 15px 72px;min-height: 121px;border-bottom: 1px solid #ccc}.checkout-summary-cart-item img {position: absolute;top: 15px;left: 0;border: 1px solid #ccc}.checkout-summary-cart-item span {display: block}.checkout-summary-cart-pn {margin-bottom: 5px}.checkout-summary-cart-feat {color: #888}.checkout-summary-cart-feat>i {color: #222;font-style: normal}.checkout-summary-cart-prc {margin-top: 5px;font-weight: 600}.checkout-summary-cart-total {padding: 20px 0}.checkout-summary-cart-total:after {clear: both;display: table;content: ""}.checkout-summary-cart-total span {width: 50%;margin-bottom: 8px}.checkout-summary-cart-total span.leftcol {clear: both;float: left;font-weight: 600}.checkout-summary-cart-total span.rightcol {float: right;text-align: right}

@media(min-width:480px) {.checkout-address-box-title {padding: 20px}.checkout-address-shipping-select,.checkout-address-billing-select {padding: 30px 20px 20px}.checkout-address-shipping-select .btn-address-add,.checkout-address-billing-select .btn-address-add {top: 30px;right: 20px}.checkout-address-identical {padding: 20px}.checkout-address-cargo-select {padding: 20px 20px 0}.cargo-select-item .custom-select {display: inline-block;width: calc(50% - 10px)}.cargo-select-item .custom-select+.custom-select {margin-left: 10px}.checkout-address-shipping-edit,.checkout-address-billing-edit {padding: 21px}}

@media(min-width:768px) {.checkout-address-shipping-select,.checkout-address-billing-select {padding: 34px 20px 20px}.checkout-address-shipping-select .btn-address-add,.checkout-address-billing-select .btn-address-add {top: 34px;width: calc(50% - 20px)}.checkout-address-billing-select {padding-top: 14px}.checkout-address-billing-select .btn-address-add {top: 14px}.checkout-address-select-box .actions:after {clear: both;display: table;content: ""}.checkout-address-select-box .actions button {width: calc(50% - 10px)}.checkout-address-select-box .actions button+button {margin-left: 20px}label[for=cargo-select-sameday] .btn-tooltip {display: none}.checkout-address-cargo-select .custom-radio {margin-bottom: 0}.cargo-select-item {padding-right: 100px}.cargo-select-item .custom-select {width: 240px;margin: 9px 0 0 33px}.cargo-select-item .custom-select select {margin-bottom: 10px}.cargo-select-item>p {margin-left: 33px}}

@media(min-width:1180px) {.checkout-address {padding: 30px 0}.checkout:after {clear: both;display: table;content: ""}.checkout-address-form {float: left;width: 750px;margin-right: 30px}.checkout-summary {float: left;width: 360px}.checkout-address-shipping-select,.checkout-address-billing-select {padding: 20px}.checkout-address-shipping-select:after,.checkout-address-billing-select:after {clear: both;display: table;content: ""}.checkout-address-shipping-select .title,.checkout-address-billing-select .title {margin-bottom: 0}.checkout-address-shipping-select .btn-address-add,.checkout-address-billing-select .btn-address-add {float: left;position: static;width: calc(50% - 15px);height: 150px;border: 1px solid #ccc;margin: 23px 0 20px;background-color: #f2f2f2}.checkout-address-shipping-select {padding: 20px 20px 0}.checkout-address-select .micro_export {clear: both}.checkout-address-select-boxes {border-top: none}.checkout-address-select-boxes:after {clear: both;display: table;content: ""}.checkout-address-select-box {float: left;display: block;width: calc(50% - 15px);margin: 0 30px 15px 0}.checkout-address-select-box:nth-child(2n) {margin-right: 0}.checkout-address-select-box p.title input {display: inline-block}.checkout-address-select-box .address {position: relative;height: 150px;padding: 10px 10px 50px;border: 1px solid #ccc;overflow: hidden}.checkout-address-select-box .actions {position: absolute;bottom: 10px;left: 10px;width: calc(100% - 20px)}.cargo-select-item p.desktop-only {padding-top: 7px;border-top: 1px solid #ccc;margin-top: 10px}.checkout-address-edit .leftcol,.checkout-address-edit .rightcol {float: left;width: 50%}.checkout-address-edit .leftcol {clear: both;padding-right: 15px}.checkout-address-edit .rightcol {padding-left: 15px}.checkout-address-edit .fullcol {clear: both}.checkout-address-edit .btn-secondary,.checkout-address-edit .btn-primary {width: calc(50% - 15px)}.checkout-address-edit .btn-secondary {margin-right: 22px}}.checkout-payment-select .title {margin-bottom: 0}.checkout-payment-select .info {margin: 0 0 10px;font-size: 13px}.checkout-payment-select select {margin: 0}.checkout-payment-tabs:after {clear: both;display: table;content: ""}.checkout-payment-tabs button {float: left;height: 52px;width: 180px;padding: 0;border: 1px solid #ccc;border-right: none;border-radius: 0;margin-bottom: -1px;background: #f2f2f2;font-size: 13px;font-weight: 600;line-height: 50px}.checkout-payment-tabs button:nth-child(4) {border-right: 1px solid #ccc}.checkout-payment-tabs button.active {position: relative;border-bottom: 1px solid #fff;background-color: #fff}.checkout-payment-tabs button.active::before {position: absolute;top: 0;left: 0;width: 100%;height: 3px;background-color: #000;content: ""}.checkout-payment-type {display: none;font-size: 13px}.cc-exp:after {clear: both;display: table;content: ""}.cc-exp .custom-select {float: left;width: calc(50% - 5px);margin-right: 10px}.cc-exp .custom-select+.custom-select {margin-right: 0}.cc-cvc input {display: inline-block;width: calc(50% - 5px)}.cvv-info {position: absolute;top: 25px;right: 0;width: calc(50% - 5px);margin: 0;color: #888;font-size: 10px;line-height: 1.4}.save-mobile-express {margin-bottom: 10px}.three-d-secure {clear: left;position: relative;width: 240px;padding: 10px 0}.three-d-secure .btn-tooltip {position: absolute;top: 10px;right: 0}.three-d-secure .tooltip {right: -10px;bottom: 50px}.use-bonus {padding: 13px 10px;margin: 0 -11px -16px;color: #222;background-color: #f2f2f2}.use-bonus .custom-checkbox {margin: 0 0 0 1px}.use-bonus .custom-checkbox input[type=checkbox] {top: 9px}.use-bonus em {color: #54b146;font-style: normal;font-weight: 600}.cc-inst .title {margin: 0}.cc-inst .info {margin: 0 0 10px;font-size: 13px}.cc-inst .installment-select {margin: 0}.cc-inst .installment-radio {padding: 0;margin: 0;list-style: none}.cc-inst .installment-radio:after {clear: both;display: table;content: ""}.cc-inst .installment-radio li {float: left;width: 102px;height: 102px;margin-right: 20px;font-size: 13px;line-height: 18px;text-align: center;background-color: #daa520}.cc-inst .installment-radio li label {position: relative;width: 100%;height: 100%;padding: 10px}.cc-inst .installment-radio li input {-webkit-appearance: none;-moz-appearance: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0;border: 1px solid #ccc;margin: 0;background-color: #f2f2f2;outline: 0}.cc-inst .installment-radio li input:checked {border-color: #222;background-color: #fff}.cc-inst .installment-radio li span {position: relative;display: block;z-index: 1}.cc-inst .installment-radio .inst-qty {padding-top: 3px;color: #e4312e;font-size: 10px;line-height: 1.4}.cc-inst .installment-radio .inst-ttl {margin-top: 12px;font-size: 10px;line-height: 1.4}.paytype-atdoor *[data-payAtDoorType] {display: none}.paytype-atdoor .info {font-size: 13px}.paytype-desktop {padding: 0;border: none;margin: 0}.pad-payment-type {margin: 0}.checkout-payment-agree {font-size: 13px}.checkout-cant-pay {display: none}.checkout-payment-legal .checkout-box {padding-bottom: 11px;font-size: 13px}.checkout-payment-legal .title {padding: 0 11px 15px;border-bottom: 1px solid #ccc;margin: 0 -11px}.checkout-payment-legal .info {position: relative;height: 100px;overflow: hidden}

@media(min-width:480px) {.save-mobile-express {clear: left;width: calc(50% - 5px)}}

@media(min-width:768px) {.checkout-payment .checkout-box {padding: 20px}.three-d-secure .tooltip {right: auto;bottom: 13px;left: 250px;width: 240px}.three-d-secure .tooltip::after {right: auto;bottom: 12px;left: -12px;border-top-color: transparent;border-right-color: #ccc}.use-bonus {margin: 0 -20px -20px}.use-bonus .custom-checkbox {margin: 0 0 0 10px}.checkout-payment-legal .title {padding: 0 20px 15px;margin: 0 -20px}}

@media(min-width:1180px) {.checkout-payment {position: relative}.checkout-payment-form {width: 750px}.paytype-desktop {padding: 16px 11px;border: 1px solid #ccc;margin-bottom: 20px}.paytype-mobile {padding: 0;border: none}.paytype-cc .checkout-box:after {clear: both;display: table;content: ""}.paytype-cc .cc-name,.paytype-cc .cc-no {width: 350px}.paytype-cc .cc-exp {float: left;width: 230px}.paytype-cc .cc-cvc {float: left;width: 460px;margin-left: 10px}.paytype-cc .cc-cvc input {width: 110px}.paytype-cc .cc-cvc .desktop-only {display: inline-block}.paytype-cc .cc-cvc .tooltip {bottom: 20px;left: 155px;width: 270px;padding: 10px 8px 15px;border: 1px solid #ccc;background-color: #f8f8f8}.paytype-cc .cc-cvc .tooltip:after {clear: both;display: table;content: ""}.paytype-cc .cc-cvc .tooltip::before {position: absolute;bottom: 12px;left: -12px;width: 0;height: 0;border: 6px solid transparent;border-right-color: #ccc;content: ""}.paytype-cc .cc-cvc .tooltip::after {right: auto;bottom: 12px;left: -11px;border-top-color: transparent;border-right-color: #f8f8f8}.paytype-cc .cc-cvc .cvc-visa,.paytype-cc .cc-cvc .cvc-amex {float: left;width: calc(50% - 14px);margin: 0 7px;text-align: center}.paytype-cc .cc-cvc .cvc-visa p,.paytype-cc .cc-cvc .cvc-amex p {margin: 0;font-size: 10px;line-height: 1.2}.paytype-cc .cc-cvc .cvc-visa .title,.paytype-cc .cc-cvc .cvc-amex .title {font-size: 12px;line-height: 1.5}.paytype-cc .cc-cvc .cvc-visa img,.paytype-cc .cc-cvc .cvc-amex img {padding-top: 5px}.checkout-payment-summary {position: absolute;top: 30px;right: 0}.checkout-payment-legal {width: 750px}}.checkout-success {min-height: 300px;text-align: center}.checkout-success>.title {margin: 0 0 30px;font-size: 24px;font-weight: 300;line-height: 1.4}.checkout-success .back-to-home {margin: 0 auto;max-width: 300px}.checkout-success-order {margin-bottom: 30px;font-size: 13px}.checkout-success-order p {margin: 0}.checkout-success-orderno {display: inline-block;padding: 0 15px;background-color: #f2f2f2;font-size: 15px;font-weight: 600;line-height: 24px}.checkout-success-lp {margin-bottom: 30px;font-size: 13px}.checkout-success-lp p {margin: 0;line-height: 24px}.checkout-success-lp a {color: #222;text-decoration: none}.checkout-success-message {margin-bottom: 30px}.checkout-success-message p {margin: 0;font-size: 11px;line-height: 20px}.checkout-success-message p.georgia {margin-top: 30px;font-size: 21px;font-family: Times, times new roman, serif;font-style: italic;line-height: 25px}.checkout-success-summary {text-align: left}

@media(min-width:768px) {.checkout-success {padding: 30px 40px 100px}}

@media(min-width:1180px) {.checkout-success .checkout-summary {float: none;width: 100%}}.checkout-summary-cart-list {font-size: 13px;line-height: 18px}.checkout-summary-cart-list>li {position: relative;padding: 15px 0 15px 70px;margin-top: 10px;border-bottom: 1px solid #ccc}.checkout-summary-cart-list>li:last-child {border: none}.checkout-summary-cart-list>li>img {position: absolute;top: 0;left: 0}.checkout-summary-cart-list span {display: block}.chkout-v3-scs-cart-bn {font-weight: 600}.chkout-v3-scs-cart-pn {margin-bottom: 5px}.chkout-v3-scs-cart-feat {margin-bottom: 5px}.ingredient-direction {margin-top: 30px}.ingredient-direction h3 {font-size: 1.2rem;font-weight: 700;margin-bottom: 20px}.ingredient-direction ul.ingredients {padding: 30px;list-style: none;background: #f9f9f9}.ingredient-direction ul.ingredients li {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #dedede}.ingredient-direction ol.directions {list-style-type: decimal;margin: 15px 0 0 34px;padding: 0;counter-reset: li-counter}.ingredient-direction ol.directions>li {position: relative;margin-bottom: 30px;padding-left: 20px}.ingredient-direction ol.directions>li:before {font-size: 16px;font-weight: 700;line-height: 32px;position: absolute;top: 3px;left: -34px;width: 34px;height: 34px;text-align: center;color: #999;background-color: #f4f4f4;content: counter(li-counter);counter-increment: li-counter;cursor: default}ul.chec-radio {margin: 0;padding: 0;}ul.chec-radio li.pz {display: inline;margin:0px;}ul.chec-radio li.pz .radio-inline{margin:0px;}.chec-radio label.radio-inline input[type="checkbox"] {display: none}.chec-radio label.radio-inline input[type="checkbox"]:checked+div {color: #fff;background-color: #000}.chec-radio .radio-inline .clab {cursor: pointer;background: #e7e7e7;padding: 8px 15px;text-align: center;text-transform: uppercase;color: #000;position: relative;float: left;margin: 0;}.chec-radio label.radio-inline input[type="checkbox"]:checked+div:before {font-family: "Font Awesome 5 Free";font: normal normal normal 14px/1 FontAwesome;font-weight: 400;content: "\f00c";display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;margin-right: 5px}.chec-radio label.radio-inline input[type="radio"] {display: none}.chec-radio label.radio-inline input[type="radio"]:checked+div {color: #fff;background-color: #000}.chec-radio label.radio-inline input[type="radio"]:checked+div:before {content: "";background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");display: inline-block;line-height: 1;margin-right: 5px;width: 15px;height: 15px;background-size: 16px;background-repeat: no-repeat;background-position: center center;} .toggle-note {font-size: 11px !important; color: #484848; background-color: #ffeb3b; padding: 2px 6px; border-radius: 4px; text-decoration: none !important;}
div.clab small {
    display: block;
    text-align: center;
    margin-top: -5px;
    font-size: 10px;
    font-weight: 700
}

.urun-ismi-alt {
    font-size: 12px;
    padding: 4px 8px;
    background-color: #eaeaea;
    display: inline-block
}

.minusplus span button {
    border: 1px solid #000;
    border-radius: 0
}

.minusplus span:hover button {
    background-color: #000
}

.minusplus span:hover button i {
    color: #fff
}

.minusplus span button i {
    font-size: 16px;
    padding: 4px
}

.minusplus input {
    padding: 4px 6px;
    border-top: 1px solid #000;
    height: auto;
    border-bottom: 1px solid #000
}

.btn-sepet {
    background-color: #fff;
    color: #000;
    padding: 7px 25px 6px 25px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #000
}

.btn-sepet:hover {
    background-color: #000;
    color: #fff
}

.btn-sepet:disabled {
    background-color: #fff;
    color: #dedede;
    border: 1px solid #dedede
}

.btn-sepet:disabled:hover {
    background-color: #dedede;
    color: #000;
    border: 1px solid #dedede;
    cursor: not-allowed
}

.tabs {
    max-width: 100%;
    margin: 20px auto;
    padding: 0
}

#tab-button {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

#tab-button li {
    display: table-cell;
    width: 20%
}

#tab-button li a {
    display: block;
    padding: .5em;
    background: #eee;
    border: 1px solid #ddd;
    text-align: center;
    color: #000;
    text-decoration: none
}

#tab-button li:not(:first-child) a {
    border-left: none
}

#tab-button li a:hover,
#tab-button .is-active a {
    border-bottom-color: transparent;
    background: #fff
}

.tab-contents {
    padding: .5em 2em 1em;
    border: 1px solid #ddd
}

.tab-contents {
    margin-top: 0
}

#tab-select {
    border: 1px solid #b3b3b3;
    border-radius: 0;
    padding: 10px;
    margin-bottom: 0
}

.tab-button-outer {
    display: none
}

.tab-contents {
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .tab-button-outer {
        position: relative;
        z-index: 2;
        display: block
    }

    .tab-select-outer {
        display: none
    }

    .tab-contents {
        position: relative;
        top: -1px;
        margin-top: 0
    }
}

#cms_payment_form .rabForm_title {
    font-weight: 600;
    font-size: 18px;
    clear: both;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 10px;
    padding: 0;
    min-height: 37px;
}

#cms_payment_form .rabForm_title a {
    font-weight: 200;
    font-size: 12px;
    display: inline-block;
    float: right;
    clear: both;
    padding: 4px
}

#cms_payment_form .rabForm_title a:hover {
    background-color: #e4e4e4
}

#cms_payment_form div.rowLine {
    margin-bottom: 30px
}

#cms_payment_form div.oyoptions div {
    padding: 4px 0
}

.ph-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 15px 15px;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px
}

.ph-item,
.ph-item *,
.ph-item :after,
.ph-item :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ph-item:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation .8s linear infinite;
    animation: phAnimation .8s linear infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(46%, hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, .35)), color-stop(54%, hsla(0, 0%, 100%, 0))) 50% 50%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 46%, hsla(0, 0%, 100%, .35) 50%, hsla(0, 0%, 100%, 0) 54%) 50% 50%
}

.ph-item>* {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-right: 15px;
    padding-left: 15px
}

.ph-item>*,
.ph-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ph-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 7.5px
}

.ph-row div {
    height: 10px;
    margin-bottom: 7.5px;
    background-color: #ced4da
}

.ph-row .big,
.ph-row.big div {
    height: 20px;
    margin-bottom: 15px
}

.ph-row .empty {
    background-color: hsla(0, 0%, 100%, 0)
}

.ph-col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%
}

.ph-col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%
}

.ph-col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.ph-col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%
}

.ph-col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%
}

.ph-col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.ph-avatar {
    position: relative;
    width: 100%;
    min-width: 60px;
    background-color: #ced4da;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden
}

.ph-avatar:before {
    content: " ";
    display: block;
    padding-top: 100%
}

.ph-picture {
    width: 100%;
    height: 120px;
    background-color: #ced4da;
    margin-bottom: 15px
}

@-webkit-keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
}

/* .bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0;
    width: auto
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
} */

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.bootstrap-select {
    min-width: 100%;
    border: 1px solid #ced4da;
    color: #000
}

.bootstrap-select button {
    color: #000
}

.table.zero td,
.table.zero th {
    padding: 3px 6px
}

.tahsilattutari {
    text-align: right;
    font-size: 22px;
    font-weight: 800;
    color: #e53323
}

.btn-sepet.kirmizi {
    background-color: #e53323;
    color: #fff;
    border: 1px solid #e53323
}

.inner-wrapper-sticky {
    position: relative;
    background-color: rgb(243, 243, 243);
    padding: 0 10px
}

#holder_sel_invoice,
#holder_sel_shipping {
    padding: 5px 5px;
    border-left: 4px solid #b3b3b3;
    margin-top: 5px;
    color: #a5a5a5;
    background-color: #ececec;
}

.formHeadp {
    font-weight: 600;
    text-align: center;
    font-size: 16px
}

label.sozlesmeCheck input {
    float: left;
    width: 30px;
    margin-top: 3px
}

label.sozlesmeCheck {
    font-size: 12px;
    color: #5d5d5d
}

label.sozlesmeCheck a {
    color: #000;
    text-decoration: underline !important
}

/*
    Password Meter
*/
meter { margin: 0 auto 1em; width: 100%; height: .5em; background: none; background-color: rgba(0, 0, 0, .2) } meter::-webkit-meter-bar { background: none; background-color: rgba(0, 0, 0, .2) } meter[value="1"]::-webkit-meter-optimum-value { background: red } meter[value="2"]::-webkit-meter-optimum-value { background: yellow } meter[value="3"]::-webkit-meter-optimum-value { background: orange } meter[value="4"]::-webkit-meter-optimum-value { background: green } meter[value="1"]::-moz-meter-bar { background: red } meter[value="2"]::-moz-meter-bar { background: yellow } meter[value="3"]::-moz-meter-bar { background: orange } meter[value="4"]::-moz-meter-bar { background: green } .feedback { color: #9ab; font-size: 90%; padding: 0 .25em; font-family: Courgette, cursive; margin-top: 1em }

#master_popup {
    display: none;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in
}

#master_popup .master_popup_close {
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%
}

#master_popup img {
    max-height: 600px
}

body.blur section {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px)
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in
}

/* 
    User Dashboard
*/
.mt0 {margin-top:0px !important;} .pt0{padding-top:0px !important;} .panel-baslik{ padding: 0px; margin: 0px 0px 10px 0px; font-size: 20px; } .dash-left{ } .dash-right{ } .userProfileSideBar { margin: 20px 0; } .userProfileSideBar-sidebar{} .userProfileSideBar-usertitle { text-align: center; } .userProfileSideBar-usertitle-name { color: #5a7391; font-size: 16px; font-weight: 600; margin-bottom: 7px; } .userProfileSideBar-usertitle-job { text-transform: uppercase; color: #5b9bd1; font-size: 12px; font-weight: 600; margin-bottom: 15px; } .userProfileSideBar-userbuttons { text-align: center; margin-top: 10px; } .userProfileSideBar-userbuttons .btn { text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 6px 15px; margin-right: 5px; } .userProfileSideBar-userbuttons .btn:last-child { margin-right: 0px; } .userProfileSideBar-usermenu {} .userProfileSideBar-usermenu ul li { border-bottom: 1px solid #f0f4f7; width: 100%; } .userProfileSideBar-usermenu ul li:last-child { border-bottom: none; } .userProfileSideBar-usermenu ul li a { display: block; color: #313131; font-size: 14px; font-weight: 400; width: 100%; padding:6px; } .userProfileSideBar-usermenu ul li a i { margin-right: 8px; font-size: 14px; } .userProfileSideBar-usermenu ul li a:hover { background-color: #fafcfd; color: #5b9bd1; text-decoration: none;} .userProfileSideBar-usermenu ul li.active { border-bottom: none; } .userProfileSideBar-usermenu ul li.active a { color: #5b9bd1; background-color: #f6f9fb; border-left: 2px solid #5b9bd1; margin-left: -2px; } .userProfileSideBar-content { } .userProfileSideBar .media{ margin: 0px 0px 5px 0px; padding: 0px; } .userProfileSideBar .dp{ border-radius: 50%; border: 1px solid #eee; transition: all 0.2s ease-in-out; width: 80px; height:80px; margin-right: 10px; } .userProfileSideBar .dp:hover{ border:2px solid #eee; transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); } .userProfileSideBar .media-heading { font-size: 12px; }


div.not-found{ background-image: url(../img/not-found.svg); min-height: 400px; background-repeat: no-repeat; background-position: left; margin: 50px 0px; } div.not-found span{ display: block; text-align: right; top: 50%; position: sticky; font-size: 34px; max-width: 300px; float: right; font-weight: 800; color: #c2ccd4; } @media (max-width: 575.98px) { div.not-found{ background-size: 80%; background-position: center 110px; } div.not-found span{ top: inherit; position: inherit; font-size: 26px; max-width: 100%; text-align: center; float: inherit; } }

.loading-overlay-content{text-transform: inherit !important; font-size: 13px !important; font-weight: bold !important; letter-spacing: inherit !important;}
h4.couponHeader {font-size: 16px; letter-spacing: inherit; font-weight: 600;}
.coupon_code { display: block; padding: 2px 10px; border: 0.1rem dashed #E91E63; background-color: #fff; border-radius: 5px; font-size: 11px; color: #000; font-family: monospace; letter-spacing: 5px; }
#CartSummaryTable thead tr {}
#CartSummaryTable thead tr th {background-color: #a6b5bd; color: #fff; font-size:12px;}
#CartSummaryTable tbody tr {}
#CartSummaryTable tbody tr td {color:#000; font-size:12px; line-height: normal}
#CartSummaryTable tfoot tr {}
#CartSummaryTable tfoot tr td {color:#000; font-size:12px; padding: 5px; background-color: #f5f5f5;}

div.card.RabCard .card-header h1.title { font-size:14px; margin: 0px; font-weight: 600; line-height: 18px; }
div.card.RabCard .card-header p.caption {font-size:11px; margin: 0px; }
div.card.RabCard .card-body h4 {font-size:13px;}
div.card.RabCard .card-body {padding: 15px !important;}

#password-strength-text {color:#000 !important; font-weight: bolder !important; margin-bottom:3px;}
suggest {display: block; border-left: 8px solid #bf0000; color: #000; font-size: 12px; padding: 5px; background-color: #ffc0c0; font-weight: 200;}
suggest strong {font-weight: bold; margin-bottom:4px; display: block; font-size:13px;}
.veya {text-align: center; font-weight: bold; font-size: 11px;}

/*!
 * bootstrap-star-rating v4.0.6
 * http://plugins.krajee.com/star-rating
 */.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;opacity:0;padding:0;margin:0}.rating-container.is-display-only .rating-input,.rating-container.is-display-only .rating-stars{cursor:default}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 2px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;transition:none;-webkit-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption .label{display:inline-block;padding:.25em .4em;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;line-height:1;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}.rating-xl{font-size:48px}.rating-lg{font-size:40px}.rating-md{font-size:32px}.rating-sm{font-size:24px}.rating-xs{font-size:16px}.rating-xl .caption{font-size:20px}.rating-lg .caption{font-size:18px}.rating-md .caption{font-size:16px}.rating-sm .caption{font-size:14px}.rating-xs .caption{font-size:12px}.theme-krajee-fas.rating-rtl.is-star .filled-stars{right:0} html .rating-primary .filled-stars { color: #0088CC; } html .rating-secondary .filled-stars { color: #e36159; } html .rating-tertiary .filled-stars { color: #2BAAB1; } html .rating-quaternary .filled-stars { color: #383f48; } html .rating-dark .filled-stars { color: #212529; } html .rating-light .filled-stars { color: #FFF; } .rating-container .filled-stars { text-shadow: none !important; -webkit-text-stroke: 0 !important; } .rating-container .star { margin: 0 1px; } .rating-invisible { height: 27px; visibility: hidden !important; } .rating-xs { font-size: 12px; }


 /*
    Success Order Style
 */
 .rabbit-congrats{padding: 5px;} .card table.PaymentOptionsList {margin:10px;} .checksign{max-height: 50px; margin-bottom:15px;} .rabbit-congrats .card-body { background-color: #c4ecb3; text-align: center; color:#000; padding:20px; } .rabbit-congrats .card-body h1{ margin-bottom: 6px; font-size:20px; color:#000; } .rabbit-congrats .card-body h1 i{ font-size:40px; color:#000; } .rabbit-congrats .card-body h3{ margin-bottom: 6px; font-size:20px; color:#000; } .rabbit-congrats .card-body p{ color:#000; }

/*
    Age Verification
*/
.ac-overlay{box-sizing:border-box;height:100%;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(29,30,37,1);z-index:99999999998!important;opacity:0}.ac-container{box-sizing:border-box;width:360px;position:fixed;padding:20px 20px 30px;background:#fff;z-index:99999999999;opacity:0;text-align:center;border-radius:4px;box-shadow:0 0 5px #000;font-weight:400}.ac-container input.day::placeholder,.ac-container input.year::placeholder{color:#555}.ac-container h2{box-sizing:border-box;margin:0 0 14px;font-size:26px;border-bottom:1px dashed #ccc;padding-bottom:11px}.ac-container h3{box-sizing:border-box;color:#649D09;margin-bottom:5px;margin-top:15px;font-size:26px}.ac-container p{box-sizing:border-box;margin:0 0 20px;font-size:14px;color:#959595;line-height:20px}.ac-container p strong{color:#FF1F1F}.ac-container select,.ac-container input{box-sizing:border-box;color:#555;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;margin-right:5px;border:1px solid #ccc}.ac-container input.day{box-sizing:border-box;width:45px;height:28px}.ac-container input.year{box-sizing:border-box;width:75px;height:28px}.ac-container select{box-sizing:border-box;height:28px;padding-left:4px}.ac-container button{box-sizing:border-box;display:inline-block;margin-bottom:0;font-weight:700;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;padding:4px 10px;font-size:12px;line-height:1.5;width:84px;background:#8EB908;color:#fff;text-shadow:1px 1px 0 #84A51D}.ac-container button:hover{box-sizing:border-box;background:#82A711}.ac-container .errors{box-sizing:border-box;margin:0 0 20px;font-size:12px;line-height:18px;color:#FF1F1F}.ac-container .errors ul,.ac-container .errors li{box-sizing:border-box;padding:0 0 3px;margin:0;list-style:none}.ac-container .errors li span{box-sizing:border-box;font-size:9px;background:#ebebeb;border:1px solid #ccc;width:14px;height:14px;border-radius:7px;display:inline-block;color:#FF1F1F;font-weight:700;text-align:center;margin-right:5px;line-height:13px;position:relative;top:-2px;text-shadow:1px 1px 0 #fff;font-family:arial}.ac-container .fields{box-sizing:border-box;clear:both;margin:10px 0}@media (max-width: 500px){.ac-container{box-sizing:border-box;width:auto;margin-right:20px;margin-left:1px}.ac-container select,.ac-container input.day,.ac-container input.year{box-sizing:border-box;display:block;margin-bottom:10px;margin-right:0;width:100%}.ac-container button{box-sizing:border-box;display:block;width:100%}}

 /*
    Iyzico Payment Iframe Modification
 */
.featherlight .featherlight-close-icon { position: fixed; z-index: 99999999999999999 !important; top: 15px; right: 15px; line-height: 25px; width: 40px; cursor: pointer; text-align: center; font-family: Arial,sans-serif; background: #E91E63; color: #fff; border: 0; padding: 0; height: 40px; border-radius: 100%;} .featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{min-width: 88%; border-bottom:0;padding:0;-webkit-overflow-scrolling:touch} .featherlight-content{ border-radius: 10px; padding: 10px 0px; } iframe#featherlight{ -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; -ms-transition: height 0.4s ease; transition: height 0.4s ease; min-height: 400px; }

.featherlight-iframe .featherlight-content { top: 0px !important; left: 0px !important; border-radius: 0px; background-color: rgb(0 0 0 / 20%); padding: 0px; min-width: 100%; height: 100vh; display: flex; position: absolute; background-color: transparent !important; margin: 0px !important; align-items: center; } .featherlight .featherlight-inner{max-height: calc( 100vh - 5% ); margin:0 auto; background-color: #fff;border-radius:10px;} .featherlight:last-of-type { background: rgba(0,0,0,.6); }
iframe[name="featherlight"]{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
@media (max-width: 768px) {
    /* Mobile Payment iFrame */
    .featherlight .featherlight-inner {
        max-height: 100% !important;
        border-radius: 0 !important;
    }
}

/*
	Product Spec CSS
*/
.product__section.cms-variants { margin-bottom: 30px; } .product__section.cms-variants .product__subtitle { font-size: 14px; font-weight: 700; margin-bottom: 15px; letter-spacing: .04em; } .product__section.cms-variants ul { margin: 0; list-style: none; display: contents; } .product__section.cms-variants ul li { margin-bottom: 10px; color: #7d858a; } .product__section.cms-variants .product__color { display: inline-block; vertical-align: top; zoom: 1; min-width: 39px; background-color: #f3f3f3; float: left; text-transform: uppercase; padding: 0 14px; font-size: 10px; line-height: 39px; vertical-align: middle; } .product__section.cms-variants .product__color, .product__section.cms-variants .product__size { height: 39px; margin-right: 10px; cursor: pointer; border: 2px solid rgb(177 177 177 / 60%); } .product__section.cms-variants .product__code, .product__section.cms-variants .product__color, .product__section.cms-variants .select, .select__holder { position: relative; } .product__section.cms-variants .product__color--active { border: 2px solid rgba(1, 1, 1, .3); color: #000000; } .product__section.cms-variants .product__size { background-color: #f3f3f3; float: left; text-transform: uppercase; padding: 0 14px; font-size: 10px; line-height: 39px; vertical-align: middle; } .product__section.cms-variants .product__size { letter-spacing: .08em; text-align: center; } .product__section.cms-variants .product__size--active { line-height: 32px; border: 2px solid rgba(1, 1, 1, .6); color: #000000; } .product__section.cms-variants .product__selector input { display: none; } .product__section.cms-variants .product__selector.striked{ text-decoration: line-through !important; } .product__section .spinner { background-color: #f3f3f3; zoom: 1; } .product__section .spinner, .product__section .spinner__button, .product__section .spinner__input { display: inline-block; vertical-align: top; } .product__section .spinner__button { padding: 0 15px; line-height: 39px; cursor: pointer; } .product__section .spinner__input { border: none; background-color: transparent; box-shadow: none; zoom: 1; width: 50px; text-align: center; height: 39px; padding: 0px; } .product__section .spinner__button { padding: 0 15px; line-height: 39px; cursor: pointer; } .product__section .spinner__button[data-spin="down"]:hover { background-color: #d9534f; color:#fff; } .product__section .spinner__button[data-spin="up"]:hover { background-color: #4bbf73; color:#fff; } .hiddenVariants {display: none;} .product__selector.outofstock{cursor: not-allowed !important; opacity: 0.3 !important;}

/*
    Search System
*/
.cmsSearchClass {} .cmsSearchClass div.media {margin-bottom: 25px;} .cmsSearchClass div.media:hover {} .cmsSearchClass div.media img {max-width: 75px; max-height: 75px;} .cmsSearchClass div.media div.media-body, .cmsSearchClass div.media div.media-body p {font-size: 14px; line-height: 16px; color:#000000; font-weight: 300;} .cmsSearchClass div.media div.media-body a h5 {font-size: 14px; padding: 0px; margin: 0px 0px 3px 0px; text-decoration: none;}

.rabbit-product-tabs {}
.rabbit-product-tabs ul.nav-tabs{}
.rabbit-product-tabs ul.nav-tabs li .nav-link, .rabbit-product-tabs ul.nav-tabs li .nav-link:focus{
    padding: 1.5rem 0 1.3rem;
    font-size: 14px;
    font-weight: 700;
    color: #999;
    background-color: transparent;
    border: 0px;
}
.rabbit-product-tabs ul.nav-tabs li .nav-link:hover{
    border:0px;
}
.rabbit-product-tabs ul.nav-tabs li.active .nav-link{
    color: #333;
}
.rabbit-product-tabs ul.nav-tabs li .nav-link::after {
    content: "";
    display: block;
    position: relative;
    bottom: -8px;
    left: 0;
    width: 100%;
    border-top: 3px solid transparent;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: border-color 0.3s, -webkit-transform 0.3s;
    transition: border-color 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, border-color 0.3s;
    transition: transform 0.3s, border-color 0.3s, -webkit-transform 0.3s;
}
.rabbit-product-tabs ul.nav-tabs li.active .nav-link::after {
    border-color: #336699;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/*
    Custom Bootstrap Alert
*/
.cms-style {font-weight: 300; overflow: hidden;}.cms-style strong{font-weight: bolder;}.alert-success.cms-style { background: none; border: none; border-left: 4px solid green; border-radius: 0; background: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); } .alert-danger.cms-style { background: none; border: none; border-left: 4px solid #de0000; border-radius: 0; background: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); } .alert-warning.cms-style { background: none; border: none; border-left: 4px solid #f0ad4e; border-radius: 0; background: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); } .alert-info.cms-style { background: none; border: none; border-left: 4px solid #0ebeff; border-radius: 0; background: #fff; box-shadow: 1px 1px 4px rgba(0, 0, 0, .2); }.cms-style.hide{display:none !important}

/*
    Admin Floating Button
*/
a[data-admin] { display: block; background-color: rgb(0 0 0 / 40%); padding: 5px 20px; color: #fff; position: absolute; z-index: 999; } a[data-admin]:hover { display: block; background-color: rgb(0 0 0 / 100%); padding: 5px 20px; color: #fff; position: absolute; z-index: 999; }

/*
    IA Keys
*/
div[data-rabbitmodal-name="ex1"], div[data-rabbitmodal-name="ex2"]{ z-index:99999999999 !important; } div[data-rabbitmodal-name="OtherDatas"]{ z-index: 2147483646 !important; } #OtherDatas_Container { height: 300px; overflow: auto; direction: ltr; } #OtherDatas_Container::-webkit-scrollbar { background-color: #f0f0f5; width: 4px; } #OtherDatas_Container::-webkit-scrollbar-thumb { background-color: #7575a3; } #OtherDatas_Container::-moz-scrollbar { background-color: #f0f0f5; width: 4px; } #OtherDatas_Container::-moz-scrollbar-thumb { background-color: #7575a3; }

/*
  Validasyon Pattern Input
*/
.form-control[pattern]:valid { background-image: url('../img/checked.svg'); background-size: 2em 1.4em; background-position: center right; background-repeat: no-repeat; } .form-control[pattern]:invalid { background-image: url('../img/cancel.svg'); background-size: 2em 1.4em; background-position: center right; background-repeat: no-repeat; }

/*
    Cms Tree
*/
.cms-tree {font-size: 13px; /*background-color: #efefef;*/ border-radius: 5px; padding: 5px;} .cms-tree ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .cms-tree ul.nav-list li { margin: 0; padding: 0; display: block; position: relative; line-height: 24px; } .cms-tree ul li a { -webkit-transition: background .1s; transition: background .1s; border-bottom: 1px solid rgba(0,0,0,0.06); display: block; font-size: .9em; text-decoration: none; line-height: 20px; color: #1e1e1e; padding: 8px 0 8px 22px; } ul.cms-tree-active > li > a { font-weight: bolder; } ul.cms-tree-active > li > a:before { color:red; } .cms-tree ul li a span{ float: right; z-index: 0; } .cms-tree ul li a span::after { transition: background .2s; content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: bold !important; float: right; padding: 4px 13px; border: 0px; color: #000 !important; font-size: 10px; /*background-color: #d1d1d1;*/ margin: -3px 0px 0px 0px; } .cms-tree ul li a span.opened::after { transition: background .2s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .cms-tree ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } .cms-tree ul.nav-list li a:before { font-family: 'Font Awesome 5 Free'; content: "\f111"; font-weight: normal !important; position: absolute; top: 8px; font-size: 11px; opacity: .7; -webkit-transform: translate3d(-1px,0,0); transform: translate3d(-1px,0,0); left: 3px; background-color: transparent !important; }

/*
    Pop Over
*/
.popover .popover-header { padding: 6px !important; font-size: 12px !important; } .popover .popover-body { padding: 6px !important; font-size: 11px !important; }

/* 
    Notice Top Bar 
*/
.notice-top-bar { position: fixed; top: 0; left: 0; width: 100%; background: #d01a34; z-index: 99999; } .notice-top-bar .notice-button { background: rgba(235, 34, 63, 0.7); color: #FFF; border-radius: 35px; transition: ease background 300ms; text-decoration: none; } .notice-top-bar .notice-button:hover { background: #eb223f; } .notice-top-bar .notice-top-bar-close { position: absolute; top: 7px; right: 7px; }

/*
    Toast
*/
.toast-container { position: fixed; z-index: 1055; margin: 5px } .top-right { top: 0; right: 0 } .top-left { top: 0; left: 0 } .top-center { transform: translateX(-50%); top: 0; left: 50% } .bottom-right { right: 0; bottom: 0 } .bottom-left { left: 0; bottom: 0 } .bottom-center { transform: translateX(-50%); bottom: 0; left: 50% } .toast-container > .toast { max-width: 350px; overflow: hidden; font-size: 12px; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 0 solid rgba(0,0,0,.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%); box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 2px; } .toast-container>.toast>.toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; color: #000; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 0 solid rgba(0,0,0,.05); } .toast-container>.toast>.toast-header strong { padding-right: 20px } .toast-container > .toast > i { font-size: 16px; margin-right: .5rem; color: #007bff!important; } .toast-container>.toast>.toast-header > small { margin-left: auto; padding: 0 2px; font-size: 10px; } .toast-container>.toast>.toast-body { color: #000; font-size: 12px; padding: 10px; }

.cms-hide {display: none !important;}

/*
    Payment Screen UI
*/
.extrapayment {line-height: 14px; background-color: #ffd2d2; display: block; padding: 4px 6px !important; font-size: 11px; color: #000; font-weight: 300; border-radius: 4px;}
.cms-payment-module { /*background: rgba(255,255,255,1); color: rgba(37,40,42,1); width: 50%; min-width: 320px; height: auto; box-shadow: 0 2px 5px rgba(0,0,0,.5); border-radius: .5em; padding: 2em;*/ color: rgba(37,40,42,1); width: 100%; } @media screen and (max-width: 64em) {.cms-payment-module{width: 80%;}} @media screen and (max-width: 40em) {.cms-payment-module{width: 100%;}} .cms-payment-module label { display: block; max-width: 100%; margin-bottom: 0px; font-weight: 700; font-size:12px; } /* The important bits */ .cms-payment-module .pay-select { width: 100%; float:left; font-size: 11px; border: 1px solid rgba(220,220,220,1); background:none; box-shadow:none; transition: ease all .25s; padding:0; margin: 0; } .cms-payment-module .pay-select li { width: 100%; float:left; list-style:none; padding: 13px 10px; transition: ease background .25s; } .cms-payment-module .pay-select li { line-height: initial; width: 100%; float:left; position: relative; cursor: pointer; } .cms-payment-module .pay-select li:not(.selected):hover { background: rgba(234, 231, 231, 1); } .cms-payment-module .pay-select .add-new { font-weight: bold; border-top: 1px solid rgba(220,220,220,1); padding: 1.5em 1em; color: rgba(13,137,223,1); cursor: pointer; } .cms-payment-module .pay-select .add-new:hover { background: rgba(18,119,189,1); color: #ffffff; } .cms-payment-module .pay-select .selected { color:#fff; background: rgba(18,119,189,1); } .cms-payment-module .pay-select .selected:after { position: absolute; top: 0; right: 0; padding: 1.5em; color: rgb(255 255 255); font-size: 13px !important; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; }
.RabCard .custom-control{padding-left: 10px; font-size: 11px; line-height: 18px;}

/**
 * Minified by jsDelivr using clean-css v4.2.0.
 * Original file: /npm/slick-carousel@1.8.1/slick/slick.css
 * 
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot%3F') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; }
/*# sourceMappingURL=/sm/fb3ed351cd5c0f1f30f88778ee1f9b056598e6d25ac4fdcab1eebcd8be521cd9.map */

div[data-badge-creator] a.CartButton{
	display: inline-block;
	margin: 0px 4px 0px 0px;
	padding: 2px 4px;
	border-radius: 3px;
	text-align: center;
	font-size: 10px !important;
	font-weight: 500 !important;
	border: 1px solid #673ab7;
	background-color: #673ab7;
	color: #fff !important;
}
div[data-badge-creator] a.CartButton[href="#"]{border:1px solid #0034a9; background-color:#0034a9;color:#fff !important;}
div[data-badge-creator] a.CartButton[href="#sanal_urun"]{border:1px solid #ff4c30; background-color:#ff4c305e;color:#000 !important;}
div[data-badge-creator] a.CartButton[href="#super_indirimli"]{border:1px solid #f64747; background-color:#f647475e;color:#000 !important;}
div[data-badge-creator] a.CartButton[href="#hizli_kargo"]{border:1px solid #93faa5; background-color:#93faa55e;color:#000 !important;}
div[data-badge-creator] a.CartButton.Flu{background-color: #eee; border: 1px solid #ddd; color: #000 !important;}

#ShowModalEmptyCart{
	background-image: url('../img/empty-cart.svg');
	background-position: center top;
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: 280px;
	min-height: 200px;
	display: flex;
	align-items: end;
	justify-content: center;
}
#ShowModalEmptyCart span{
	font-weight: bold;
}
#CartTotals div {font-size:11px; color:#000!important;}
#CartTotals div.col-7 {font-weight: bold;}
#CartTotals div.col-5 {text-align: right}
#header .header-nav-features .header-nav-features-cart .mini-products-list{padding: 10px 0px !important;}
#header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image img{min-width: 50px;float: left; margin-right: 5px;}
#header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .product-name {font-size:9px;line-height: initial;}
#header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details a{line-height: 11px;letter-spacing: inherit;color: #000000;display: block;}
#header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details a:hover{text-decoration: none;}
#header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .qty-price { font-size: 11px; color: #000; line-height: inherit; display: block; }
#header .header-nav-features .header-nav-features-dropdown{box-shadow: 0px 1px 28px 3px rgb(0 0 0 / 55%) !important;}

#RabbitModalCart {}
#RabbitModalCart tr{}
#RabbitModalCart thead tr td{background-color: #e0e0e0; font-weight: bold;}
#RabbitModalCart tr td{font-size:12px; color:#000; line-height: inherit;}
#RabbitModalCart tr td img{max-height: 40px;}
#RabbitModalCart tr td a:not(.btn){display:block;color:#000;}
#RabbitModalCart tr td a:not(.btn):hover{text-decoration: none;}
#RabbitModalCart tr td a small{font-size: 10px; line-height: initial; display: block;}
#RabbitModalCart tr > td > price{line-height: initial;display: block; text-align: right}
#RabbitModalCart tr > td > price:not(.exchange_curr){font-weight: bold;}
#RabbitModalCart tr > td > price.exchange_curr{color: #f44336;}
#RabbitModalCart tr > td[colspan="4"]{font-weight: bold;}
#RabbitModalCart #RabbitModalCartFooter > tr > td:first-child {
	max-width: 400px !important;
}

@media (max-width: 768px) {  
	#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed{left:0;transform: initial;}
	#header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown{width: 100%;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  

}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  

}

/**
 * Overlay
 * -- only show for tablet and up
 */
@media only screen and (min-width: 40em) {
    .quickview-modal-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1001;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    }

    .quickview-modal-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}

/**
 * Modal
 */
html.quickview-modal-active{
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    overflow: hidden !important;
}
html.quickview-modal-active div.body{
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    filter: grayscale(1) blur(1px);
}
.quickview-modal {
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    width: 850px;
    max-width: 70rem;
    min-height: 30rem;
    padding: 0.8rem;
    border-radius: 3px;
    opacity: 0;
    overflow-y: auto;
    visibility: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: scale(1.2);
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}

.quickview-modal .quickview-close-modal {
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 15px;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s;
}

.quickview-modal .quickview-close-modal svg {
    width: 1.75em;
    height: 1.75em;
}

.quickview-modal .quickview-modal-content {
    margin-top: 30px;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition-delay: 0.3s;
}

.quickview-modal.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.quickview-modal.active .quickview-modal-content {
    opacity: 1;
}

.quickview-modal.active .quickview-close-modal {
    transform: translateY(10px);
    opacity: 1;
}
.rabbit-quick-view-product{

}
.rabbit-quick-view-product h1{

}
@media only screen and (max-width: 39.9375em) {
    h1 {
        font-size: 1.5rem;
    }

    .quickview-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        border-radius: 0;
        transform: scale(1.1);
        padding: 0 !important;
    }
    .quickview-close-modal {
        right: 20px !important;
    }
}


/*
	Product Card
*/
.rabbit-product-card {
    margin-bottom: 0px !important;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    padding: 0px;
    height: 100%;
    position:relative;
}
.rabbit-product-card .rabbit-product-card-body{
    padding: 6px;
}
.rabbit-product-card .card-buttons{
    position:relative;
    opacity:0;
}
.rabbit-product-card:hover .card-buttons{
    opacity:1;
}
.rabbit-product-card .rabbit-product-card-body a.btn span{
    display:none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.5s linear;
}
.rabbit-product-card .rabbit-product-card-body a.btn:hover span{
    display:inline-block;
    visibility: visible;
    opacity: 1;
}
@media (max-width: 575.98px) {
    .rabbit-product-card .card-buttons{
        opacity:1;
    } 
}

.rabbit-product-card:hover {
    /*box-shadow: rgb(0 0 0 / 8%) 0px 8px 32px 0px;*/
}

.rabbit-product-card .cat-link-button {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #5a5a5a;
    line-height: 1 !important;
    font-size: .7em !important;
}

.rabbit-product-card .cat-link-button:hover {
    color: #1e1e1e;
}

.rabbit-product-card .product-thumb-info .product-thumb-info-badges-wrapper {
    display: inline-block;
}

.rabbit-product-card:hover .product-thumb-info .product-thumb-info-image:before {
    opacity: 0;
}

.rabbit-product-card .badge-ecommerce {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 0.7rem;
}

.rabbit-product-card .urun-name {
    font-size: 14px;
    font-weight: 600 !important;
    color: #000 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 0.25rem !important;
    min-height: 40px;
}

.text-4 {
    font-size: 1em !important;
}

.sari {
    color: orange;
}

.doviz-tutar {
    color: #E35700;
    font-size: 14px;
}

.indirim-tutar {
    color: #6A6A6A;
    text-decoration: line-through;
    font-size: 13px;
    letter-spacing: -0.05rem;
}

.ana-fiyat {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #121212;
}

@media (max-width: 575.98px) {
    .urun-name {
        font-size: 12px;
        line-height: 16px;
    }

    .text-4 {
        font-size: 0.8em !important;
    }
}

.price-colmn .col-6:empty,
.price-colmn .col-12:empty {
    display: none;
}

.rabbit-product-card .btn.btn-light.disabled {
    opacity: 0.5;
    cursor: no-drop;
}

.cat-text:not(:empty) {
    font-size: 13px;
    line-height: initial;
    color: #121212;
}

.DonusumDuzelt {
    display: block;
    padding: 3px;
    border: 1px dashed #ababab;
}

.DonusumDuzelt span {
    display: inline-block;
    background-color: #ffeb3b;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 4px;
    margin-right: 4px;
    border: 1px solid;
}

.comment-line {
    line-height: initial;
    color: #ff9800;
    font-size: 11px;
    font-weight: 600;
}

.product-info-badges div{
	font-size: 11px;
    border: 1px solid #f5f5f5;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: #e9e8e8;
    color: #000;
    margin: 0px 5px 0px 0px;
    -webkit-transition:all .3s ease;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
}
.product-info-badges div:hover{
    background-color: #e91e63;
    color: #fff;
}
*[data-static-modal]{
	cursor: pointer !important;
}

/* User Order Details Card */
.rabbitTools { margin-bottom:20px; } 
.rabbitTools .toolheader{ line-height: initial; } 
.rabbitTools .toolheader > div{ padding-left:10px; border-left:5px solid #ddd; } 
.rabbitTools .toolheader h5{ margin: 0px 0px 6px 0px; padding: 8px 0px 0px 0px; font-size: 16px; font-weight: 500; text-transform: none !important; } 
.rabbitTools .toolheader strong{ display: block; font-size: 12px; text-transform: uppercase; margin-bottom: -2px; } 
.rabbitTools .toolheader small{ display: block; } 
.rabbitTools .toolbuttons{ text-align: right } 
.rabbitTools .toolbuttons a{ font-size: 11px; padding: 4px 6px; border: 1px solid #ddd; } 
.rabbitTools .toolbuttons a:hover{ background-color: #ddd; color: #000; } 
.adrescard { line-height: 18px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 10px; color: #000; font-size: 12px; } 
.adrescard h4{ margin: 0px 0px 0px -10px; font-size: 14px; } 
.adrescard h5 { margin: 0px; font-size: 12px; } 
.order-information__column--payment .order-information__content { width: 100%; } 
@media only screen and (min-width: 992px){ 
	.order-information__column--payment .order-information__content { max-width: 380px; } 
} 
.order-information__group { font-size: 12px; -ms-flex-align: center; -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; -webkit-align-items: center; align-items: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 8px; padding-right: 8px; position: relative; } 
.order-information__group:not(:last-child) { margin-bottom: 8px; } 
.order-information__group:not(:first-child) { margin-top: 8px; } 
.order-information__group__key { -ms-flex: 1; -webkit-flex: 1; flex: 1; color: #5f5f5f; font-size: 12px; font-weight: 600; } 
.order-information__group__value { -ms-flex: 1; -webkit-flex: 1; flex: 1; color: #484848; font-size: 12px; font-weight: 600; text-align: right; }

/* User Login Dashboard*/
.dashboard-user-menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } 
.dashboard-user-menu a { border: 1px solid #e3e3e3; border-radius: 4px; min-height: 160px; transition:all .3s ease; margin: 0px 15px 15px 0px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; text-decoration: none; } 
.dashboard-user-menu a:hover{ -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.07); color:#000; } 
.dashboard-user-menu a i { font-size:16px; display: flex; flex-wrap: nowrap; } 
.dashboard-user-menu a span { display: flex; flex-wrap: nowrap; font-size:12px; }
@media (max-width: 575.98px){ 
	.dashboard-user-menu { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } 
	.dashboard-user-menu a { min-height: 120px; margin: 0px 10px 10px 0px;} 
} 

.empty-state-svg{
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 300px;
	background-position: center 50%;
	display: flex;
	width: 100%;
	flex: 0 0 100%;
	flex-flow: column;
	justify-content: end;
	align-items: center;
}
#order-history:empty {
	background-image: url('../img/no-order-found.svg');
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 300px;
	background-position: center 50%;
	display: flex;
	width: 100%;
	flex: 0 0 100%;
	flex-flow: column;
	justify-content: end;
	align-items: center;
}

#favorite-products:empty {
	background-image: url('../img/no-order-found.svg');
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 300px;
	background-position: center 50%;
	display: flex;
	width: 100%;
	flex: 0 0 100%;
	flex-flow: column;
	justify-content: end;
	align-items: center;
}

/* User Address List */
.address-lists {}
.address-lists .address-card .address-corporate-title{line-height: initial;display: block;margin-bottom: 2px;}
.address-lists .address-card{position: relative; border: 1px solid #e3e3e3; border-radius: 4px; padding:0px; min-height: 160px; transition:all .3s ease; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: space-between; width:100% } 
.address-lists .address-card.selected{border: 1px solid #aaaaaa;}
.address-lists .address-card.add-address{ flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: stretch; align-content: normal; } 
.address-lists .address-card > a.add-address { display: flex; align-items: center; justify-content: center; width: 100%; text-align: center; font-size: 13px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto; order: 0; min-height: 160px; text-decoration: none; } 
.address-lists .address-card > a.add-address{ color: #000; } 
.address-lists .address-header{display: block; flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: flex-start; order: 1; width:100%; padding: 5px 10px;}
.address-lists .address-header h2{font-size: 14px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px; line-height: initial; padding: 4px 0px 0px 0px;}
.address-lists .address-header h6{padding: 0px; margin: 0px; font-size: 11px; text-align: right; font-weight: 400; text-transform: uppercase;}
.address-lists .address-footer{display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: baseline; order: 2; width:100%;}
.address-lists .address-footer .address-line strong{font-size: 14px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0px; line-height: initial;}
.address-lists .address-footer .address-line{padding: 5px 10px;min-height: 140px;}
.address-lists .address-footer .btn-set{padding: 5px 10px; background-color: #ebebeb; text-align: right;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.address-lists .address-footer .btn-set a{ display: inline-block; color: #616161; text-decoration: none; border-radius: 100%; width: 25px; height: 25px; } 
.address-lists .address-footer .btn-set a:hover{background-color: #bbbbbb; color:#000000;} 
.address-lists .address-card:hover{ -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.07); } 
.address-lists > div{ margin-bottom: 20px; } 
.address-lists p{ font-size: 12px; line-height: initial; margin-bottom: 5px; } 
.address-lists .text-right{ text-align: right; }
.critic_stock {animation: blinkMe 2s linear infinite; color:red;} @keyframes blinkMe { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }

@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}


.price-colmn {
    min-height: 52px;
}


.slider-for:not(.slick-initialized) a:not(:first-child){
    display: none;
}



#last-viewed-slider {

}
#last-viewed-slider .slick-slide{
    padding: 10px;
}
#last-viewed-slider a{
    display: flex;
    flex-direction: column;
}
#last-viewed-slider a:hover{
    text-decoration:none;
}
#last-viewed-slider a h6{
    font-size: 11px;
    font-weight: 500;
    margin: 0px;
    display: flex;
    line-height: initial;
    padding: 5px 0px;
    text-decoration: none;
}
#last-viewed-slider .slick-dots li button:before{
    font-size: 10px;
}
#last-viewed-slider .slick-dots li{
    margin: 0px;
}
#last-viewed-slider a div{
    position: relative;
    min-height: 150px;
}
#last-viewed-slider a img{
    border-radius:4px;
	object-fit: contain;
    max-height: 150px;
    max-width: 150px;
    object-position: center;
	position: absolute;
}
#last-viewed-slider a span{
	position: absolute;
    z-index: 9;
    display: none;
    background-color: #c20000;
    color: #fff;
    border-radius: 2px;
    padding: 2px 6px;
    font-size: 11px;
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: normal;
    font-weight: 900;
}
#last-viewed-slider a:hover span{
    display: inline-block;
}
#last-viewed-slider .slick-track:empty{

}

@media(max-width:768px) {
    .mobile-flex-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important;
    }
}


.hesap_islemleri {}
.hesap_islemleri h6{
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.hesap_islemleri p{
    font-size: 12px;
}
/* Product Deal Counter  */
.deal-timer.product-deal-timer {
    max-width: 300px;
}
.deal-timer {
    margin: 11px 0;
}
.deal-timer .product-title {

}
.deal-timer.product-deal-timer ul {
    padding: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));
    background-color: #f8f8f8;
    border-radius: 8px;
    border: none;
}
.deal-timer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px dashed var(--theme-color);
    text-align: center;
}
.deal-timer ul li {
    position: relative;
    display: inline-block;
    font-size: 12px;
}
.deal-timer.product-deal-timer ul li .counter {
    text-align: center;
}
.deal-timer .counter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block !important;
}
.deal-timer.product-deal-timer ul li .counter>div {
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}
.deal-timer ul li .counter>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.deal-timer .product-title h4 {
    font-weight: 600;
    margin-bottom: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: 0.4px;
    font-size: calc(14px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: initial;
}
.deal-timer h6 {
    font-size: calc(12px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}
/* Product Deal Counter  */


.countdown{display:flex;text-align:center}.countdown>span{flex-basis:25%;max-width:25%;width:25%;font-size:16px;font-size:1rem;line-height:1.5;color:#777}.countdown>span>span{display:block;font-size:48px;font-size:3rem;line-height:1;color:#212529}.countdown.countdown-light>span{color:rgba(255,255,255,.6)}.countdown.countdown-light>span>span{color:#fff}.countdown.countdown-light.countdown-borders>span{border-color:#fff}.countdown.countdown-borders{margin-right:-15px;margin-left:-15px}.countdown.countdown-borders>span{border-width:2px;border-style:solid;border-color:#212529;margin-right:15px;margin-left:15px;padding:24px;padding:1.5rem}@media(max-width:767px){.countdown{flex-wrap:wrap}.countdown>span{flex-basis:calc(50% - 15px);max-width:calc(50% - 15px);width:calc(50% - 15px);margin-bottom:30px}.countdown>span:nth-child(3),.countdown>span:nth-child(4){margin-bottom:0}.countdown.countdown-borders{justify-content:space-between;margin-right:0;margin-left:0}.countdown.countdown-borders>span{margin-right:0;margin-left:0}}@media(max-width:576px){.countdown>span{flex-basis:100%;max-width:100%;width:100%;margin-bottom:50px}.countdown>span:nth-child(3){margin-bottom:50px}.countdown.countdown-borders>span{margin-bottom:30px}.countdown.countdown-borders>span:nth-child(3){margin-bottom:30px}}.countdown>span { font-size: 9px; color: var(--ana-renk); padding: 5px 5px; font-weight: 500; } .countdown>span.days { background: transparent; margin: 0px; } .countdown>span.hours { background: transparent; margin: 0px; } .countdown>span.minutes { background: transparent; margin: 0px; } .countdown>span.seconds { background: transparent; margin: 0px; } .countdown>span>span { font-size: 12px; color: var(--ana-renk-hover); display: block; } .sayac-baslik {color: #4e4e4e; font-weight: 600; padding: 2px 6px; font-size: 11px; margin-bottom: -10px; } .sayac { background-color: #e5e5e5;padding: 0px 10px;border-radius: 4px; text-align: center !important; /*position: absolute !important; top: 20px !important; left: 20px !important; z-index: 1;*/ display: flex; flex-direction: column; min-width: 250px;}

strong.red-warn{
    color: red;
    animation: blinkMe 2s linear infinite;
}
.post-author {
border-top: 1px solid #ececec;
    margin: 20px 0px;
}
.blog-tags-list{

}
.blog-tags-list a{
    border: 1px solid #b3b3b3;
    margin: 3px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 3px;
    float: left;
}

@media (max-width: 576px) {
    .nav-tabs.mobile-scroller{
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        flex-wrap: inherit;
    }
    .nav-tabs.mobile-scroller .nav-item {
        white-space: nowrap;
        margin-bottom:initial !important;
    }
    .nav-tabs.mobile-scroller .nav-item a{
        white-space: nowrap;
    }
}

/*Rabbit Popup*/
.rabbit-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgb(0 0 0 / 50%);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}
html.rabbit-popup-active{
    overflow: hidden;
    overflow:hidden;-ms-touch-action:none;touch-action:none
}
.rabbit-popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}

.rabbit-popup-container {
  transform:translateY(-50%);
  transition:500ms all;
  position: relative;
  max-width: 800px;
  margin: 2em auto;
  top: 5%;
  padding:2rem;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.rabbit-popup-container h1{
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    font-weight: 500;
}
.is-visible .rabbit-popup-container {
  transform:translateY(0);
  transition:500ms all;
}

.rabbit-popup-container .rabbit-popup-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
}


.rabbit-popup-container .rabbit-popup-close::before,
.rabbit-popup-container .rabbit-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.rabbit-popup-container .rabbit-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.rabbit-popup-container .rabbit-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}


.rabbit-popup-container .rabbit-popup-close:hover:before,
.rabbit-popup-container .rabbit-popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}

.rabbit-video {}
.rabbit-video > a {
    display: flex;
    position: relative;
    margin-bottom:10px;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid var(--bs-border-color);
}
.rabbit-video > a:before {
    color: #ffffff;
    content: "\25B6";
    position: absolute;
    text-shadow: 0 3px black;
    z-index: 100;
    font-size: 2.8rem;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 14%);
}
.rabbit-video > a img {
    aspect-ratio: 16 / 9;
    object-fit: cover!important;
    max-width: 100%;
    height: auto;
}
.rabbit-video h3{
    padding: 0px;
    margin: 0px;
    font-size: 0.9rem;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    min-height:40px;
}
.rabbit-video p{
    font-size: 12px;
    max-height: 90px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}
.rabbit-photos a img{
    aspect-ratio: 16 / 9;
    object-fit: cover!important;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid var(--bs-border-color);
    margin-bottom:5px;
}
.rabbit-photos p{
    font-size: 12px;
    max-height: 90px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    line-height: initial;
}


.rabbit-product-title {letter-spacing: -0.05em; font-weight: 600; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; font-size: 1.6rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;margin:0px}
.rabbit-product-side-info {display:flex;flex-direction:row;margin-bottom:10px;align-items: center;}
.rabbit-product-side-info > a{}
.rabbit-product-side-info > a img{height:100px;width: 100px; margin-right: 10px; border: 1px solid #dcdcdc; border-radius: 6px;object-fit: contain;}
.rabbit-product-side-info dl{margin: 0px;}
.rabbit-product-side-info dl dt{font-size: 13px;}
.rabbit-product-side-info dl dd{font-size: 13px;}
@media(max-width:480px) {
    .rabbit-product-side-info {line-height: 20px;}
    .rabbit-product-side-info > a img { width: 80px; margin-right: 0px;}
    .rabbit-product-side-info dl dd { font-size: 12px; flex: 0 0 76%; max-width: 76%; }
    .rabbit-product-side-info dl dt { font-size: 12px; white-space: pre; flex: 0 0 24%; max-width: 24%; padding-left:0px}
    .rabbit-product-side-info > a {
        display: none;
    }
}


/* the outermost div */
.color-select-container{}
.color-select-container .color-select-optgroup{display: block;}
.color-select-container .color-select-option{ height: 30px; width: 30px; margin: 4px; float: left; border-radius: 200px; border: 1px solid #d1d1d1; cursor:pointer}
.color-select-container .color-select-option:hover{}
.color-select-container .color-select-option-selected, .color-select-container .color-select-option-selected:hover{border: 2px solid #000;}
.color-select-option:first-child{ content: " "; display: block; clear: left; }
.color-select-container .color-select-option.disabled{
    cursor: no-drop;
    opacity: 0.6;
}

.rabbit-product-price { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; letter-spacing: -0.05em; transition: visibility 0.4s, opacity 0.4s; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 1.6rem; color: #333; font-weight: 700; line-height: 1.2; } 
.rabbit-product-price:not(:last-child) { margin-bottom: 0.9rem; } 
.rabbit-product-price .new-price:not(:last-child) { margin-right: 10px; } 
.rabbit-product-price .new-price { color: #333; text-decoration: none; } 
.rabbit-product-price .old-price { font-size: 1.3rem; font-weight: 500; color: #aaa; } 
.rabbit-product-price .foreign-currency {font-size: 18px;font-weight: 600;} 
.rabbit-product-price .discount-rate {font-weight: 600; color: red; font-size: 14px; display: inline-block; margin: -4px 0px 0px 4px; position: absolute;} 
.rabbit-product-divider { margin: 1.2rem 0 1.8rem; border: 0; border-top: 1px solid #eee; }

#variant_selector .form-group {}
#variant_selector .form-group label{font-size: 14px; font-weight: 500; color: #000;}

.rabbit-option-box {
    display: inline-block;
    margin-right: 10px;
    padding: 4px 10px;
    border: 2px solid #ccc;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    width: 60px;
    text-align: center;
}
.rabbit-option-box.active {
    border-color: #000000;
}
.rabbit-option-box.disabled {
    cursor: no-drop;
    opacity: 0.6;
}

.rabbit-action-btn-icon{
    font-size: 20px;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.rabbit-action-hover-red:hover{
    background-color: #e00000;
    color: #fff;
}
.rabbit-action-hover-red:hover i.text-danger{
    color: #fff !important;
}



/* 
    Rabbit Comments Controller 
*/
.rating__stars,h4.rabbit-rating-title{display:flex;position:relative}:root{--rabbit-text-color:#212529;--yellow:#f4a825;--yellow-t:rgba(244, 168, 37, 0);--bezier:cubic-bezier(0.42,0,0.58,1);--trans-dur:0.3s}.rabbit-rating-box{display:flex}.rabbit-rating-box .rabbit-rating-info{flex-grow:initial;display:flex;flex-direction:column;max-width:280px;width:100%;margin-right:15px}.rabbit-rating-box .rabbit-rating-comments-container{display:flex;flex-direction:column;flex:auto;/*max-width:600px*/}.rabbit-rating-box .rabbit-rating-info .rabbit-rating-avarage{display:flex;flex-direction:row;margin-bottom:15px}.rabbit-rating-box .rabbit-rating-info .rabbit-rating-avarage .rabbit-avarage-score{font-size:50px;font-weight:700;color:#369;display:flex;flex-basis:auto;margin-right:10px;line-height:normal}.rabbit-rating-box .rabbit-rating-info .rabbit-rating-avarage .rabbit-avarage-info{display:flex;flex:auto;justify-content:center;align-items:self-start;font-size:14px;flex-direction:column}.rabbit-rating-box .rabbit-rating-info .rabbit-rating-avarage .rabbit-avarage-info span,.rabbit-rating-comments-container p{color:var(--rabbit-text-color)}.rabbit-rating-box .rabbit-rating-info .rabbit-rating-avarage .rabbit-avarage-info .rabbit-rating-stars-container{display:flex;flex-direction:row}.rabbit-rating-box .rabbit-rating-info .rabbit-rating-avarage .rabbit-avarage-info .rabbit-rating-stars-container div{display:flex;flex-direction:row;margin-right:10px;color:#222}.rabbit-rating-stars i{width: 14px; height: auto; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-right: 1px; display: flex;}.rabbit-rating-stars i.no-score{color:#bbb}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div,.rabbit-rating-box .rabbit-rating-list{display:flex;flex-direction:column}.rabbit-rating-box .rabbit-rating-list .rabbit-rating-stars i{width:12px;min-height:12px}.rabbit-rating-box .rabbit-rating-list>div{display:flex;flex-direction:row;flex-grow:1;align-items:center;align-self:flex-start;margin-bottom:5px}.rabbit-rating-box .rabbit-rating-list>div>div{display:flex;flex-grow:1;margin-right:10px}.rabbit-rating-box .rabbit-rating-list>div>div:first-child,.rabbit-rating-box .rabbit-rating-list>div>div:nth-child(2){flex-grow:3;height:100%;}.rabbit-rating-box .rabbit-rating-list>div>div:nth-child(3){font-size:12px;color:var(--rabbit-text-color)}.rabbit-progress{display:flex;height:10px;overflow:hidden;font-size:8px;background-color:#e9ecef;border-radius:25px;min-width:150px}.rabbit-progress .rabbit-progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd}h4.rabbit-rating-title{flex-wrap:wrap;-webkit-box-align:center;align-items:center;margin-bottom:0;font-size:24px;font-weight:700;color:var(--rabbit-text-color)}#rabbit-rating-form .form-control::-webkit-input-placeholder{font-size:14px}#rabbit-rating-form .form-control::-moz-placeholder{font-size:14px}#rabbit-rating-form .form-control:-ms-input-placeholder{font-size:14px}#rabbit-rating-form .form-control::-ms-input-placeholder{font-size:14px}#rabbit-rating-form .form-control::placeholder{font-size:14px}#rabbit-rating-form label{color:#000} #rabbit-rating-form h4{margin:0px;font-size:16px}#rabbit-rating-form .rabbit-review-textarea{min-height:100px}.rating__display{font-size:16px;font-weight:500;min-height:1.25em;margin:0 0 0 10px;display:flex;flex-direction:row;align-items:center}.rating__star{display:block;overflow:visible;pointer-events:none;width:20px}.rating__star-fill,.rating__star-line,.rating__star-ring,.rating__star-stroke{animation-duration:1s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.rating__star-fill,.rating__star-line,.rating__star-ring{stroke:var(--yellow)}.rating__star-fill{fill:var(--yellow);transform:scale(0);transition:fill var(--trans-dur) var(--bezier),transform var(--trans-dur) var(--bezier)}.rating__star-line{stroke-dasharray:12 13;stroke-dashoffset:-13}.rating__star-stroke{stroke:#c7cad1;transition:stroke var(--trans-dur)}.rating__label{cursor:pointer;padding:.125em}.rating__label--delay1 .rating__star-fill,.rating__label--delay1 .rating__star-line,.rating__label--delay1 .rating__star-ring,.rating__label--delay1 .rating__star-stroke{animation-delay:50ms}.rating__label--delay2 .rating__star-fill,.rating__label--delay2 .rating__star-line,.rating__label--delay2 .rating__star-ring,.rating__label--delay2 .rating__star-stroke{animation-delay:.1s}.rating__label--delay3 .rating__star-fill,.rating__label--delay3 .rating__star-line,.rating__label--delay3 .rating__star-ring,.rating__label--delay3 .rating__star-stroke{animation-delay:.15s}.rating__label--delay4 .rating__star-fill,.rating__label--delay4 .rating__star-line,.rating__label--delay4 .rating__star-ring,.rating__label--delay4 .rating__star-stroke{animation-delay:.2s}.rating__input{position:absolute;-webkit-appearance:none;appearance:none}.rating__input:hover~[data-rating]:not([hidden]){display:none}.rating__input-1:hover~[data-rating="1"][hidden],.rating__input-2:hover~[data-rating="2"][hidden],.rating__input-3:hover~[data-rating="3"][hidden],.rating__input-4:hover~[data-rating="4"][hidden],.rating__input-5:hover~[data-rating="5"][hidden],.rating__input:checked:hover~[data-rating]:not([hidden]){display:flex}.rating__input-1:hover~.rating__label:first-of-type .rating__star-stroke,.rating__input-2:hover~.rating__label:nth-of-type(-n+2) .rating__star-stroke,.rating__input-3:hover~.rating__label:nth-of-type(-n+3) .rating__star-stroke,.rating__input-4:hover~.rating__label:nth-of-type(-n+4) .rating__star-stroke,.rating__input-5:hover~.rating__label:nth-of-type(-n+5) .rating__star-stroke{stroke:var(--yellow);transform:scale(1)}.rating__input-1:checked~.rating__label:first-of-type .rating__star-ring,.rating__input-2:checked~.rating__label:nth-of-type(-n+2) .rating__star-ring,.rating__input-3:checked~.rating__label:nth-of-type(-n+3) .rating__star-ring,.rating__input-4:checked~.rating__label:nth-of-type(-n+4) .rating__star-ring,.rating__input-5:checked~.rating__label:nth-of-type(-n+5) .rating__star-ring{animation-name:starRing}.rating__input-1:checked~.rating__label:first-of-type .rating__star-stroke,.rating__input-2:checked~.rating__label:nth-of-type(-n+2) .rating__star-stroke,.rating__input-3:checked~.rating__label:nth-of-type(-n+3) .rating__star-stroke,.rating__input-4:checked~.rating__label:nth-of-type(-n+4) .rating__star-stroke,.rating__input-5:checked~.rating__label:nth-of-type(-n+5) .rating__star-stroke{animation-name:starStroke}.rating__input-1:checked~.rating__label:first-of-type .rating__star-line,.rating__input-2:checked~.rating__label:nth-of-type(-n+2) .rating__star-line,.rating__input-3:checked~.rating__label:nth-of-type(-n+3) .rating__star-line,.rating__input-4:checked~.rating__label:nth-of-type(-n+4) .rating__star-line,.rating__input-5:checked~.rating__label:nth-of-type(-n+5) .rating__star-line{animation-name:starLine}.rating__input-1:checked~.rating__label:first-of-type .rating__star-fill,.rating__input-2:checked~.rating__label:nth-of-type(-n+2) .rating__star-fill,.rating__input-3:checked~.rating__label:nth-of-type(-n+3) .rating__star-fill,.rating__input-4:checked~.rating__label:nth-of-type(-n+4) .rating__star-fill,.rating__input-5:checked~.rating__label:nth-of-type(-n+5) .rating__star-fill{animation-name:starFill}.rating__input-1:not(:checked):hover~.rating__label:first-of-type .rating__star-fill,.rating__input-2:not(:checked):hover~.rating__label:nth-of-type(2) .rating__star-fill,.rating__input-3:not(:checked):hover~.rating__label:nth-of-type(3) .rating__star-fill,.rating__input-4:not(:checked):hover~.rating__label:nth-of-type(4) .rating__star-fill,.rating__input-5:not(:checked):hover~.rating__label:nth-of-type(5) .rating__star-fill{fill:var(--yellow-t)}.rating__sr{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute;width:1px;height:1px}@media (prefers-color-scheme:dark){:root{--bg:#17181c;--fg:#e3e4e8}.rating__star-stroke{stroke:#454954}}@keyframes starRing{20%,from{animation-timing-function:ease-in;opacity:1;r:8px;stroke-width:16px;transform:scale(0)}35%{animation-timing-function:ease-out;opacity:.5;r:8px;stroke-width:16px;transform:scale(1)}50%,to{opacity:0;r:16px;stroke-width:0;transform:scale(1)}}@keyframes starFill{40%,from{animation-timing-function:ease-out;transform:scale(0)}60%{animation-timing-function:ease-in-out;transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes starStroke{from{transform:scale(1)}20%,to{transform:scale(0)}}@keyframes starLine{40%,from{animation-timing-function:ease-out;stroke-dasharray:1 23;stroke-dashoffset:1}60%,to{stroke-dasharray:12 13;stroke-dashoffset:-13}}.rabbit-grid-form form{display:grid}.rabbit-comment-box .rabbit-comments .rabbit-comment-container .rabbit-comment-actions,.rabbit-comment-box .rabbit-comments .rabbit-comment-container .rabbit-comment-attachs,.rabbit-grid-form input,.rabbit-grid-form label,.rabbit-grid-form textarea{margin:5px 0}.rabbit-grid-form input{height:1.5em;padding:5px}.rabbit-review-button{display:inline-block;border:2px solid #454545;outline:0;border-radius:0;font-family:inherit;font-weight:600;font-size:14px;padding:.93em 1.98em;line-height:1;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;background-color:#454545;color:#fff}.rabbit-rating-box .rabbit-rating-animation{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.rabbit-rating-box .rabbit-rating-animation>label{margin-right:10px}.rabbit-comment-box{margin-top:50px}.rabbit-comment-box .rabbit-comments{display:flex;flex-direction:column;margin-top:10px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container{display:flex;align-items:flex-start;flex-direction:row;margin-bottom:20px;border-bottom:1px solid #efefef}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>img{max-width:90px;height:auto;margin-right:20px;border:2px solid #e3e3e3;border-radius:200px;padding:4px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div strong{font-size:16px;font-weight:600}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div strong small{margin-left:20px;font-weight:400;font-size:14px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div p{font-size: 13px; margin-bottom: 10px;}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div .rabbit-rating-stars i{font-size:16px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container .rabbit-comment-actions a{text-decoration: none; color: #000; font-size: 13px; margin-right: 10px; font-weight: 500;}.rabbit-comment-box .rabbit-comments .rabbit-comment-container .rabbit-comment-attachs a{display:inline-block;margin-right:10px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container .rabbit-comment-attachs a img{height:50px;width:50px;aspect-ratio:1/1;object-fit:cover!important}@media (max-width:768px){.rabbit-rating-box{flex-direction:column}.rabbit-rating-box .rabbit-rating-info{max-width:100%;width:100%;margin-bottom:20px}.rabbit-rating-box .rabbit-rating-comments-container{max-width:100%;width:100%}.rabbit-progress,.rabbit-rating-box .rabbit-rating-list>div{width:100%}.rabbit-rating-box .rabbit-rating-list>div>div:first-child,.rabbit-rating-box .rabbit-rating-list>div>div:nth-child(3){flex-grow:initial}.rabbit-rating-box .rabbit-rating-list>div>div:nth-child(2){flex-grow:initial;flex:auto}.rabbit-comment-box .rabbit-comments .rabbit-comment-container{margin-bottom:10px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>img{max-width:50px;padding:2px;margin-right:10px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div strong{font-size:14px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div strong small{font-size:12px}.rabbit-comment-box .rabbit-comments .rabbit-comment-container>div .rabbit-rating-stars i{font-size:13px}}.rabbit-align-items{align-items: center;}
    .rabbit-30-ch{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 30ch;float: left; clear: both;}
    .rabbit-stars{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='rating__star' width='32' height='32' viewBox='0 0 32 32' aria-hidden='true'%3E%3Cg transform='translate(16,16)'%3E%3Ccircle class='rating__star-ring' fill='none' stroke='%23f5a826' stroke-width='16' r='8' transform='scale(0)'%3E%3C/circle%3E%3C/g%3E%3Cg stroke='%23f5a826' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(16,16) rotate(180)'%3E%3Cpolygon class='rating__star-stroke' points='0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07' fill='none'%3E%3C/polygon%3E%3Cpolygon class='rating__star-fill' points='0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07' fill='%23f5a826'%3E%3C/polygon%3E%3C/g%3E%3Cg transform='translate(16,16)' stroke-dasharray='12 12' stroke-dashoffset='12'%3E%3Cpolyline class='rating__star-line' transform='rotate(0)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(72)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(144)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(216)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(288)' points='0 4,0 16'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
    .rabbit-stars.no-score{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='rating__star' width='32' height='32' viewBox='0 0 32 32' aria-hidden='true'%3E%3Cg transform='translate(16,16)'%3E%3Ccircle class='rating__star-ring' fill='none' stroke='%23000' stroke-width='16' r='8' transform='scale(0)'%3E%3C/circle%3E%3C/g%3E%3Cg stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(16,16) rotate(180)'%3E%3Cpolygon class='rating__star-stroke' points='0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07' fill='none'%3E%3C/polygon%3E%3Cpolygon class='rating__star-fill' points='0,15 4.41,6.07 14.27,4.64 7.13,-2.32 8.82,-12.14 0,-7.5 -8.82,-12.14 -7.13,-2.32 -14.27,4.64 -4.41,6.07' fill='none'%3E%3C/polygon%3E%3C/g%3E%3Cg transform='translate(16,16)' stroke-dasharray='12 12' stroke-dashoffset='12'%3E%3Cpolyline class='rating__star-line' transform='rotate(0)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(72)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(144)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(216)' points='0 4,0 16'%3E%3C/polyline%3E%3Cpolyline class='rating__star-line' transform='rotate(288)' points='0 4,0 16'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
/* 
    Rabbit Comments Controller 
*/

/* 
    Rabbit Installment Table
*/
.rabbit-installment-table {font-size:12px;}
.rabbit-installment-table img{max-height:30px;min-width:60px;}
.rabbit-installment-table thead{}
.rabbit-installment-table thead tr{}
.rabbit-installment-table thead tr th{text-align:center;}
.rabbit-installment-table tbody{}
.rabbit-installment-table tbody tr{}
.rabbit-installment-table tbody tr td{vertical-align:middle;font-size:12px;line-height:normal;}
.rabbit-installment-table tbody tr td small{font-size:10px;font-weight:600;}
.rabbit-installment-table tbody tr td.norate{background-color:#cfffd1 !important;}
/* 
    Rabbit Installment Table
*/

/* 
    Rabbit Popover
*/
[data-toggle="rabbit-popover"]{cursor: help;}
.rabbit-popover { position: absolute; z-index: 1060; display: none; pointer-events: none; }
.rabbit-popover.show {display: block;}
.rabbit-popover .arrow { position: absolute; width: 0; height: 0; border-style: solid; }
.rabbit-popover.top .arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-color: #fff transparent transparent transparent; }
.rabbit-popover.top .popover-inner {margin-bottom: 10px;}
.rabbit-popover .popover-inner { max-width: 220px; padding: 0px; background-color: #fff; border: 1px solid #b9b9b9; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; overflow: hidden; }
.rabbit-popover .popover-title { font-size: 13px; font-weight: 500; background-color: #607D8B; padding: 7px 10px 7px 10px; color: #fff; margin: 0px; }
.rabbit-popover .popover-content {font-size: 13px;padding: 7px 10px 7px 10px;}
/* 
    Rabbit Popover
*/

/*
    Rabbit SideBar
*/
.transition-all-04s{
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
html.rabbit-modal-active{
    overflow: hidden;
}
#rabbit-backdrop{
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
    z-index: 9997;
}
html.rabbit-modal-active #rabbit-backdrop{
    display: block;
}
.rabbit-sidebar {
    height: 100vh;
    width: 0;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 9998;
}
html.rabbit-modal-active .rabbit-sidebar{
    width: 460px;
}
@media (max-width: 600px){
    html.rabbit-modal-active .rabbit-sidebar{
        width: 100%;
    }
}
.rabbit-sidebar-content {
    padding: 15px;
    height: calc(100svh - 30px);
    overflow: scroll;
    position: relative;
    display: flex;
    display: flex;
    flex-direction: column;
}
.rabbit-sidebar-close-btn {
    color: white;
    border: 0px;
    font-size: 14px;
    padding: 3px 6px;
    background-color: #d60000;
    width: 24px;
    height: 24px;
    line-height: initial;
    font-weight: 600;
    font-family: inherit;
    border-radius: 3px;
}
#rabbit-sidebar-toolbar{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 10px;
    font-size: 14px;
    height: 30px;
    width: 100%;
    background-color: #e6e6e6;
}
#rabbit-sidebar-toolbar > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    width: 60px;
}
#rabbit-sidebar-toolbar > div:nth-child(2) {
    align-items: center;
    flex-grow: 1;
}
#rabbit-sidebar-toolbar > div:nth-child(3) {
    align-items: end;
}
#rabbit-sidebar-toolbar a[data-sidebar-back]{
    display: none;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    width: max-content;
}
#rabbit-sidebar-toolbar button{
    
}
.CustomOrderCard{background-color: #f0f0f0; border-radius: 6px; padding: 10px; color: #000;}.CustomOrderCard label.form-label{font-size: 12px;font-weight: 600;} .CustomOrderProgress{width:100%;height:5px} .CustomOrderProgress-wrap{background:#4CAF50;overflow:hidden;position:relative;margin:0px} .CustomOrderProgress-wrap .CustomOrderProgress-bar{background:#dedede;left:0;position:absolute;top:0} .CustomOrderProgress small{display:block;text-align:left;margin:0 0 10px} #uploaded-file{font-size: 11px; font-weight:600;}

form[data-cms-form] .CustomOrderProgress-wrap {margin: -2px 0px 0px 0px !important}

.clamp-2{
    min-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.clamp-3{
    min-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.clamp-4{
    min-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.clamp-6{
    min-height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}



/* Custom Checkbox */
.toggle-button-cover {
    display: flex;
    flex-direction: row;
    align-items: end;
    box-sizing: border-box;
    margin: 10px 0px;
}
.toggle-button-cover .info-label{
    display: flex;
    flex: 1;
    height: 100%;
    flex-direction: row;
}
.button-cover {
    background-color: #fff;
    border-radius: 4px;
}

.button-cover,
.knobs,
.layer {

}
.knobs::before{
    box-sizing: initial !important;
}
.styled-button {
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    overflow: hidden;
    background-color: #e7e7e7;
}

.styled-button.r,
.styled-button.r .layer {
    border-radius: 100px;
}

.styled-button.b2 {
    border-radius: 2px;
}

.styled-checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs {
    z-index: 2;
}

.layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before {
    content: "E";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #18b41e;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .styled-checkbox:checked+.knobs:before {
    content: "E";
    left: 42px;
    background-color: #f44336;
}

#button-1 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
    transition: 0.3s ease all;
}

/* Button 2 */
#button-2 .knobs:before,
#button-2 .knobs:after {
    content: "H";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #18b41e;
    border-radius: 50%;
    transition: 0.3s ease all;
}

#button-2 .knobs:before {
    content: "H";
}

#button-2 .knobs:after {
    content: "E";
}

#button-2 .knobs:after {
    right: -28px;
    left: auto;
    background-color: #f44336;
}

#button-2 .styled-checkbox:checked+.knobs:before {
    left: -28px;
}

#button-2 .styled-checkbox:checked+.knobs:after {
    right: 4px;
}

#button-2 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 3 */
#button-3 .knobs:before {
    content: "H";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #18b41e;
    border-radius: 50%;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#button-3 .styled-checkbox:active+.knobs:before {
    width: 46px;
    border-radius: 100px;
}

#button-3 .styled-checkbox:checked:active+.knobs:before {
    margin-left: -26px;
}

#button-3 .styled-checkbox:checked+.knobs:before {
    content: "E";
    left: 42px;
    background-color: #f44336;
}

#button-3 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 4 */
#button-4 .knobs:before,
#button-4 .knobs:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #18b41e;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-4 .knobs:before {
    content: "H";
}

#button-4 .knobs:after {
    content: "E";
}

#button-4 .knobs:after {
    top: -28px;
    right: 4px;
    left: auto;
    background-color: #f44336;
}

#button-4 .styled-checkbox:checked+.knobs:before {
    top: -28px;
}

#button-4 .styled-checkbox:checked+.knobs:after {
    top: 4px;
}

#button-4 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 5 */
#button-5 {
    perspective: 60px;
    overflow: visible;
}

#button-5 .knobs:before,
#button-5 .knobs span {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-5 .knobs:before {
    background-color: #18b41e;
}

#button-5 .knobs span:before {
    content: "H";
}

#button-5 .knobs:before,
#button-5 .layer {
    transform: rotateY(0);
    transform-origin: center;
}

#button-5 .styled-checkbox:checked+.knobs:before,
#button-5 .styled-checkbox:checked+.knobs span {
    left: 42px;
}

#button-5 .styled-checkbox:checked+.knobs:before {
    transform: rotateY(180deg);
    background-color: #f44336;
}

#button-5 .styled-checkbox:checked+.knobs span:before {
    content: "E";
    left: 42px;
}

#button-5 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
    transform: rotateY(-180deg);
}

#button-5 .knobs,
#button-5 .knobs:before,
#button-5 .layer {
    transition: 0.3s ease all;
}

/* Button 6 */
#button-6 {
    overflow: visible;
}

#button-6 .knobs:before {
    content: "H";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #18b41e;
    border-radius: 50%;
}

#button-6 .layer,
#button-6 .knobs,
#button-6 .knobs:before {
    transform: rotateZ(0);
    transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-6 .styled-checkbox:checked+.knobs {
    transform: rotateZ(-180deg);
}

#button-6 .styled-checkbox:checked+.knobs:before {
    content: "E";
    background-color: #f44336;
    transform: rotateZ(180deg);
}

#button-6 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
    transform: rotateZ(180deg);
}

/* Button 7 */
#button-7 .knobs:before,
#button-7 .knobs:after,
#button-7 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
}

#button-7 .knobs:before {
    content: "H";
    left: 4px;
    color: #fff;
    opacity: 1;
}

#button-7 .knobs:after {
    content: "E";
    left: 42px;
    color: #fff;
    width: 14px;
    text-align: left;
    padding: 9px 7px;
    background-color: #f44336;
    opacity: 0;
}

#button-7 .knobs:before,
#button-7 .knobs:after {
    transition: 0.3s ease all;
    z-index: 2;
}

#button-7 .knobs span {
    left: 4px;
    background-color: #18b41e;
    transition: 0.2s ease all;
    z-index: 1;
}

#button-7 .styled-checkbox:checked+.knobs:before {
    opacity: 0;
}

#button-7 .styled-checkbox:checked+.knobs:after {
    opacity: 1;
}

#button-7 .styled-checkbox:checked+.knobs span {
    top: 14px;
    left: 56px;
    width: 2px;
    height: 2px;
    padding: 3px;
    background-color: #fff;
    z-index: 3;
}

#button-7 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 8 */
#button-8 .knobs:before,
#button-8 .knobs:after,
#button-8 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.3s ease all;
}

#button-8 .knobs:before {
    content: "H";
    color: #fff;
    left: 4px;
}

#button-8 .knobs:after {
    content: "E";
    left: 42px;
    color: #fff;
    background-color: #f44336;
    opacity: 0;
}

#button-8 .knobs:before,
#button-8 .knobs:after {
    z-index: 2;
}

#button-8 .knobs span {
    left: 4px;
    background-color: #18b41e;
    z-index: 1;
}

#button-8 .styled-checkbox:checked+.knobs:before {
    opacity: 0;
}

#button-8 .styled-checkbox:checked+.knobs:after {
    opacity: 1;
}

#button-8 .styled-checkbox:checked+.knobs span {
    background-color: #fcebeb;
    transform: scale(4);
}

/* Button 9 */
#button-9 .knobs:before,
#button-9 .knobs:after,
#button-9 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 50%;
    transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-9 .knobs:before {
    content: "H";
    left: 4px;
}

#button-9 .knobs:after {
    content: "E";
    right: -24px;
}

#button-9 .knobs:before,
#button-9 .knobs:after {
    color: #fff;
    z-index: 2;
}

#button-9 .knobs span {
    left: 4px;
    background-color: #18b41e;
    z-index: 1;
}

#button-9 .styled-checkbox:checked+.knobs:before {
    left: -24px;
}

#button-9 .styled-checkbox:checked+.knobs:after {
    right: 4px;
}

#button-9 .styled-checkbox:checked+.knobs span {
    left: 42px;
    background-color: #f44336;
}

#button-9 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 10 */
.button-10 .knobs:before,
.button-10 .knobs:after,
.button-10 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}

.button-10 .knobs:before {
    content: "";
    left: 4px;
    background-color: #dc3545;
}

.button-10 .knobs:after {
    content: "E";
    right: 4px;
    color: #4e4e4e;
}

.button-10 .knobs span {
    display: inline-block;
    left: 4px;
    color: #fff;
    z-index: 1;
}

.button-10 .styled-checkbox:checked+.knobs span {
    color: #4e4e4e;
}

.button-10 .styled-checkbox:checked+.knobs:before {
    left: 42px;
    background-color: #18b41e;
}

.button-10 .styled-checkbox:checked+.knobs:after {
    color: #fff;
}

.button-10 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 11 */
#button-11 {
    overflow: visible;
}

#button-11 .knobs {
    perspective: 70px;
}

#button-11 .knobs:before,
#button-11 .knobs:after,
#button-11 .knobs span {
    position: absolute;
    top: 4px;
    border-radius: 2px;
}

#button-11 .knobs:before,
#button-11 .knobs:after {
    width: 20px;
    height: 10px;
    color: #4e4e4e;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
}

#button-11 .knobs:before {
    content: "H";
    left: 4px;
}

#button-11 .knobs:after {
    content: "E";
    right: 4px;
}

#button-11 .knobs span {
    right: 4px;
    width: 33px;
    height: 28px;
    background-color: #18b41e;
    transform: rotateY(0);
    transform-origin: 0% 50%;
    transition: 0.6s ease all;
    z-index: 1;
}

#button-11 .styled-checkbox:checked+.knobs span {
    transform: rotateY(-180deg);
    background-color: #f44336;
}

#button-11 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 12 */
#button-12 .knobs:before,
#button-12 .knobs:after,
#button-12 .knobs span,
#button-12 .knobs span:before,
#button-12 .knobs span:after {
    position: absolute;
    top: 4px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    transition: 0.3s ease all;
}

#button-12 .knobs:before {
    content: "H";
    left: 4px;
}

#button-12 .knobs:after {
    content: "E";
    right: 4px;
}

#button-12 .knobs:before,
#button-12 .knobs:after {
    width: 27px;
    height: 10px;
    color: #4e4e4e;
    padding: 9px 3px;
    z-index: 1;
}

#button-12 .knobs span {
    display: inline-block;
    z-index: 2;
}

#button-12 .knobs span,
#button-12 .knobs span:before,
#button-12 .knobs span:after {
    width: 20px;
    height: 10px;
    padding: 9px 4px;
}

#button-12 .knobs span:before,
#button-12 .knobs span:after {
    content: "";
    top: 0;
}

#button-12 .knobs span:before {
    left: -28px;
    background-color: #f44336;
}

#button-12 .knobs span:after {
    right: -42px;
    background-color: #18b41e;
}

#button-12 .styled-checkbox:checked+.knobs span:before {
    left: 4px;
}

#button-12 .styled-checkbox:checked+.knobs span:after {
    right: -74px;
}

#button-12 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 13 */
#button-13 .knobs:before,
#button-13 .knobs:after,
#button-13 .knobs span {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}

#button-13 .knobs:before,
#button-13 .knobs:after {
    color: #4e4e4e;
    z-index: 1;
}

#button-13 .knobs:before {
    content: "H";
    left: 4px;
}

#button-13 .knobs:after {
    content: "E";
    right: 4px;
}

#button-13 .knobs span {
    width: 25px;
    left: 37px;
    background-color: #18b41e;
    z-index: 2;
}

#button-13 .styled-checkbox:checked+.knobs span {
    left: 4px;
    background-color: #f44336;
}

#button-13 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 14 */
#button-14 .knobs:before,
#button-14 .knobs:after,
#button-14 .knobs span:before,
#button-14 .knobs span:after {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}

#button-14 .knobs:before,
#button-14 .knobs:after {
    color: #4e4e4e;
    z-index: 1;
}

#button-14 .knobs:before {
    content: "H";
    left: 4px;
}

#button-14 .knobs:after {
    content: "E";
    right: 4px;
}

#button-14 .knobs span {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

#button-14 .knobs span:before {
    left: 4px;
    top: -28px;
    background-color: #f44336;
}

#button-14 .knobs span:after {
    top: 4px;
    left: 39px;
    background-color: #18b41e;
}

#button-14 .knobs span:before,
#button-14 .knobs span:after {
    content: "";
    width: 23px;
    z-index: 2;
}

#button-14 .styled-checkbox:checked+.knobs span:before {
    top: 4px;
}

#button-14 .styled-checkbox:checked+.knobs span:after {
    top: -28px;
}

#button-14 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 15 */
#button-15 .knobs:before,
#button-15 .knobs:after {
    position: absolute;
    top: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    opacity: 1;
    border-radius: 2px;
    transform: scale(1);
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-15 .knobs:before {
    content: "H";
    left: 4px;
    background-color: #18b41e;
}

#button-15 .knobs:after {
    content: "E";
    right: 4px;
    opacity: 0;
    transform: scale(4);
    background-color: #f44336;
}

#button-15 .styled-checkbox:checked+.knobs:before {
    opacity: 0;
    transform: scale(4);
}

#button-15 .styled-checkbox:checked+.knobs:after {
    opacity: 1;
    transform: scale(1);
}

#button-15 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 16 */
#button-16 .knobs:before {
    content: "H";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #18b41e;
    border-radius: 2px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#button-16 .styled-checkbox:active+.knobs:before {
    width: 46px;
}

#button-16 .styled-checkbox:checked:active+.knobs:before {
    margin-left: -26px;
}

#button-16 .styled-checkbox:checked+.knobs:before {
    content: "E";
    left: 42px;
    background-color: #f44336;
}

#button-16 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 17 */
#button-17 .knobs:before,
#button-17 .knobs span {
    content: "H";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 10px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
}

#button-17 .knobs:before {
    transition: 0.3s ease all, left 0.5s cubic-bezier(0.18, 0.89, 0.35, 1.15);
    z-index: 2;
}

#button-17 .knobs span {
    background-color: #18b41e;
    border-radius: 2px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
    z-index: 1;
}

#button-17 .styled-checkbox:checked+.knobs:before {
    content: "E";
    left: 42px;
}

#button-17 .styled-checkbox:checked+.knobs span {
    left: 42px;
    background-color: #f44336;
}

#button-17 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}

/* Button 18 */
#button-18 .knobs:before,
#button-18 .knobs span {
    content: "H";
    position: absolute;
    top: 4px;
    left: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: #18b41e;
    border-radius: 2px;
}

#button-18 .knobs:before {
    top: 50%;
    left: 8px;
    width: 20px;
    height: 10px;
    margin-top: -5px;
    background-color: transparent;
    z-index: 2;
}

#button-18 .knobs span {
    width: 20px;
    height: 10px;
    padding: 9px 4px;
    transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
    z-index: 1;
}

#button-18 .styled-checkbox:active+.knobs:before {
    left: 10px;
    width: 46px;
    height: 4px;
    color: transparent;
    margin-top: -2px;
    background-color: #0095d8;
    transition: 0.3s ease all;
    overflow: hidden;
}

#button-18 .styled-checkbox:active+.knobs span {
    width: 58px;
}

#button-18 .styled-checkbox:checked:active+.knobs:before {
    left: auto;
    right: 10px;
    background-color: #d80000;
}

#button-18 .styled-checkbox:checked:active+.knobs span {
    margin-left: -38px;
}

#button-18 .styled-checkbox:checked+.knobs:before {
    content: "E";
    left: 47px;
}

#button-18 .styled-checkbox:checked+.knobs span {
    left: 42px;
    background-color: #f44336;
}

#button-18 .styled-checkbox:checked~.layer {
    background-color: #fcebeb;
}
/* Custom Checkbox */


:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-text-gray:#999;--iti-border-gray:#ccc;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-path-flags-1x:url("../img/flags.png%3F1");--iti-path-flags-2x:url("../img/flags@2x.png%3F1");--iti-path-globe-1x:url("../img/globe.png");--iti-path-globe-2x:url("../img/globe@2x.png");--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block;width: 100%;}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0}.iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:#fff}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-gray);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-gray)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:var(--iti-flag-width)}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-text-gray)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name,.iti__flag-box{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0}.iti--allow-dropdown .iti__country-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__country-container{right:0;left:auto}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:0px;--iti-flag-width:20px;--iti-flag-height:14px;height:var(--iti-flag-height);width:var(--iti-flag-width);box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__np{--iti-flag-width:13px}.iti__ch,.iti__va{--iti-flag-width:15px}.iti__be,.iti__ne{--iti-flag-width:18px}.iti__mc{--iti-flag-width:19px}.iti__ac,.iti__ae,.iti__ai,.iti__am,.iti__as,.iti__au,.iti__az,.iti__ba,.iti__bm,.iti__bn,.iti__bs,.iti__by,.iti__ca,.iti__cc,.iti__ck,.iti__cu,.iti__cx,.iti__dg,.iti__dm,.iti__eh,.iti__er,.iti__et,.iti__fj,.iti__fk,.iti__gb,.iti__gi,.iti__gs,.iti__gw,.iti__hm,.iti__hn,.iti__hr,.iti__hu,.iti__ie,.iti__im,.iti__io,.iti__jm,.iti__jo,.iti__ki,.iti__kp,.iti__kw,.iti__ky,.iti__kz,.iti__lc,.iti__lk,.iti__lv,.iti__ly,.iti__md,.iti__me,.iti__mk,.iti__mn,.iti__mp,.iti__ms,.iti__my,.iti__nc,.iti__nf,.iti__ng,.iti__nr,.iti__nu,.iti__nz,.iti__om,.iti__ph,.iti__pn,.iti__ps,.iti__sb,.iti__sc,.iti__sd,.iti__sh,.iti__si,.iti__ss,.iti__st,.iti__su,.iti__ta,.iti__tc,.iti__tj,.iti__tk,.iti__tl,.iti__to,.iti__tv,.iti__uk,.iti__uz,.iti__vg,.iti__ws,.iti__zw{--iti-flag-height:10px}.iti__fm,.iti__gu,.iti__lr,.iti__mh,.iti__py,.iti__um,.iti__us{--iti-flag-height:11px}.iti__bd,.iti__bg,.iti__bh,.iti__bi,.iti__bz,.iti__cq,.iti__cr,.iti__cv,.iti__de,.iti__fi,.iti__gd,.iti__gy,.iti__ht,.iti__ir,.iti__je,.iti__kg,.iti__km,.iti__li,.iti__lt,.iti__lu,.iti__mx,.iti__ni,.iti__sv,.iti__tt,.iti__vu{--iti-flag-height:12px}.iti__ar,.iti__ax,.iti__ee,.iti__gt,.iti__kh,.iti__pl,.iti__pw,.iti__se,.iti__tg{--iti-flag-height:13px}.iti__al,.iti__be,.iti__bv,.iti__cd,.iti__ch,.iti__dk,.iti__fo,.iti__ga,.iti__il,.iti__is,.iti__mc,.iti__ne,.iti__no,.iti__np,.iti__pg,.iti__sj,.iti__sm,.iti__va,.iti__xk{--iti-flag-height:15px}.iti__qa{--iti-flag-height:8px}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-22px}.iti__ae{--iti-flag-offset:-44px}.iti__af{--iti-flag-offset:-66px}.iti__ag{--iti-flag-offset:-88px}.iti__ai{--iti-flag-offset:-110px}.iti__al{--iti-flag-offset:-132px}.iti__am{--iti-flag-offset:-154px}.iti__ao{--iti-flag-offset:-176px}.iti__aq{--iti-flag-offset:-198px}.iti__ar{--iti-flag-offset:-220px}.iti__as{--iti-flag-offset:-242px}.iti__at{--iti-flag-offset:-264px}.iti__au{--iti-flag-offset:-286px}.iti__aw{--iti-flag-offset:-308px}.iti__ax{--iti-flag-offset:-330px}.iti__az{--iti-flag-offset:-352px}.iti__ba{--iti-flag-offset:-374px}.iti__bb{--iti-flag-offset:-396px}.iti__bd{--iti-flag-offset:-418px}.iti__be{--iti-flag-offset:-440px}.iti__bf{--iti-flag-offset:-460px}.iti__bg{--iti-flag-offset:-482px}.iti__bh{--iti-flag-offset:-504px}.iti__bi{--iti-flag-offset:-526px}.iti__bj{--iti-flag-offset:-548px}.iti__bl{--iti-flag-offset:-570px}.iti__bm{--iti-flag-offset:-592px}.iti__bn{--iti-flag-offset:-614px}.iti__bo{--iti-flag-offset:-636px}.iti__bq{--iti-flag-offset:-658px}.iti__br{--iti-flag-offset:-680px}.iti__bs{--iti-flag-offset:-702px}.iti__bt{--iti-flag-offset:-724px}.iti__bv{--iti-flag-offset:-746px}.iti__bw{--iti-flag-offset:-768px}.iti__by{--iti-flag-offset:-790px}.iti__bz{--iti-flag-offset:-812px}.iti__ca{--iti-flag-offset:-834px}.iti__cc{--iti-flag-offset:-856px}.iti__cd{--iti-flag-offset:-878px}.iti__cf{--iti-flag-offset:-900px}.iti__cg{--iti-flag-offset:-922px}.iti__ch{--iti-flag-offset:-944px}.iti__ci{--iti-flag-offset:-961px}.iti__ck{--iti-flag-offset:-983px}.iti__cl{--iti-flag-offset:-1005px}.iti__cm{--iti-flag-offset:-1027px}.iti__cn{--iti-flag-offset:-1049px}.iti__co{--iti-flag-offset:-1071px}.iti__cp{--iti-flag-offset:-1093px}.iti__cq{--iti-flag-offset:-1115px}.iti__cr{--iti-flag-offset:-1137px}.iti__cu{--iti-flag-offset:-1159px}.iti__cv{--iti-flag-offset:-1181px}.iti__cw{--iti-flag-offset:-1203px}.iti__cx{--iti-flag-offset:-1225px}.iti__cy{--iti-flag-offset:-1247px}.iti__cz{--iti-flag-offset:-1269px}.iti__de{--iti-flag-offset:-1291px}.iti__dg{--iti-flag-offset:-1313px}.iti__dj{--iti-flag-offset:-1335px}.iti__dk{--iti-flag-offset:-1357px}.iti__dm{--iti-flag-offset:-1379px}.iti__do{--iti-flag-offset:-1401px}.iti__dz{--iti-flag-offset:-1423px}.iti__ea{--iti-flag-offset:-1445px}.iti__ec{--iti-flag-offset:-1467px}.iti__ee{--iti-flag-offset:-1489px}.iti__eg{--iti-flag-offset:-1511px}.iti__eh{--iti-flag-offset:-1533px}.iti__er{--iti-flag-offset:-1555px}.iti__es{--iti-flag-offset:-1577px}.iti__et{--iti-flag-offset:-1599px}.iti__eu{--iti-flag-offset:-1621px}.iti__ez{--iti-flag-offset:-1643px}.iti__fi{--iti-flag-offset:-1665px}.iti__fj{--iti-flag-offset:-1687px}.iti__fk{--iti-flag-offset:-1709px}.iti__fm{--iti-flag-offset:-1731px}.iti__fo{--iti-flag-offset:-1753px}.iti__fr{--iti-flag-offset:-1775px}.iti__fx{--iti-flag-offset:-1797px}.iti__ga{--iti-flag-offset:-1819px}.iti__gb{--iti-flag-offset:-1841px}.iti__gd{--iti-flag-offset:-1863px}.iti__ge{--iti-flag-offset:-1885px}.iti__gf{--iti-flag-offset:-1907px}.iti__gg{--iti-flag-offset:-1929px}.iti__gh{--iti-flag-offset:-1951px}.iti__gi{--iti-flag-offset:-1973px}.iti__gl{--iti-flag-offset:-1995px}.iti__gm{--iti-flag-offset:-2017px}.iti__gn{--iti-flag-offset:-2039px}.iti__gp{--iti-flag-offset:-2061px}.iti__gq{--iti-flag-offset:-2083px}.iti__gr{--iti-flag-offset:-2105px}.iti__gs{--iti-flag-offset:-2127px}.iti__gt{--iti-flag-offset:-2149px}.iti__gu{--iti-flag-offset:-2171px}.iti__gw{--iti-flag-offset:-2193px}.iti__gy{--iti-flag-offset:-2215px}.iti__hk{--iti-flag-offset:-2237px}.iti__hm{--iti-flag-offset:-2259px}.iti__hn{--iti-flag-offset:-2281px}.iti__hr{--iti-flag-offset:-2303px}.iti__ht{--iti-flag-offset:-2325px}.iti__hu{--iti-flag-offset:-2347px}.iti__ic{--iti-flag-offset:-2369px}.iti__id{--iti-flag-offset:-2391px}.iti__ie{--iti-flag-offset:-2413px}.iti__il{--iti-flag-offset:-2435px}.iti__im{--iti-flag-offset:-2457px}.iti__in{--iti-flag-offset:-2479px}.iti__io{--iti-flag-offset:-2501px}.iti__iq{--iti-flag-offset:-2523px}.iti__ir{--iti-flag-offset:-2545px}.iti__is{--iti-flag-offset:-2567px}.iti__it{--iti-flag-offset:-2589px}.iti__je{--iti-flag-offset:-2611px}.iti__jm{--iti-flag-offset:-2633px}.iti__jo{--iti-flag-offset:-2655px}.iti__jp{--iti-flag-offset:-2677px}.iti__ke{--iti-flag-offset:-2699px}.iti__kg{--iti-flag-offset:-2721px}.iti__kh{--iti-flag-offset:-2743px}.iti__ki{--iti-flag-offset:-2765px}.iti__km{--iti-flag-offset:-2787px}.iti__kn{--iti-flag-offset:-2809px}.iti__kp{--iti-flag-offset:-2831px}.iti__kr{--iti-flag-offset:-2853px}.iti__kw{--iti-flag-offset:-2875px}.iti__ky{--iti-flag-offset:-2897px}.iti__kz{--iti-flag-offset:-2919px}.iti__la{--iti-flag-offset:-2941px}.iti__lb{--iti-flag-offset:-2963px}.iti__lc{--iti-flag-offset:-2985px}.iti__li{--iti-flag-offset:-3007px}.iti__lk{--iti-flag-offset:-3029px}.iti__lr{--iti-flag-offset:-3051px}.iti__ls{--iti-flag-offset:-3073px}.iti__lt{--iti-flag-offset:-3095px}.iti__lu{--iti-flag-offset:-3117px}.iti__lv{--iti-flag-offset:-3139px}.iti__ly{--iti-flag-offset:-3161px}.iti__ma{--iti-flag-offset:-3183px}.iti__mc{--iti-flag-offset:-3205px}.iti__md{--iti-flag-offset:-3226px}.iti__me{--iti-flag-offset:-3248px}.iti__mf{--iti-flag-offset:-3270px}.iti__mg{--iti-flag-offset:-3292px}.iti__mh{--iti-flag-offset:-3314px}.iti__mk{--iti-flag-offset:-3336px}.iti__ml{--iti-flag-offset:-3358px}.iti__mm{--iti-flag-offset:-3380px}.iti__mn{--iti-flag-offset:-3402px}.iti__mo{--iti-flag-offset:-3424px}.iti__mp{--iti-flag-offset:-3446px}.iti__mq{--iti-flag-offset:-3468px}.iti__mr{--iti-flag-offset:-3490px}.iti__ms{--iti-flag-offset:-3512px}.iti__mt{--iti-flag-offset:-3534px}.iti__mu{--iti-flag-offset:-3556px}.iti__mv{--iti-flag-offset:-3578px}.iti__mw{--iti-flag-offset:-3600px}.iti__mx{--iti-flag-offset:-3622px}.iti__my{--iti-flag-offset:-3644px}.iti__mz{--iti-flag-offset:-3666px}.iti__na{--iti-flag-offset:-3688px}.iti__nc{--iti-flag-offset:-3710px}.iti__ne{--iti-flag-offset:-3732px}.iti__nf{--iti-flag-offset:-3752px}.iti__ng{--iti-flag-offset:-3774px}.iti__ni{--iti-flag-offset:-3796px}.iti__nl{--iti-flag-offset:-3818px}.iti__no{--iti-flag-offset:-3840px}.iti__np{--iti-flag-offset:-3862px}.iti__nr{--iti-flag-offset:-3877px}.iti__nu{--iti-flag-offset:-3899px}.iti__nz{--iti-flag-offset:-3921px}.iti__om{--iti-flag-offset:-3943px}.iti__pa{--iti-flag-offset:-3965px}.iti__pe{--iti-flag-offset:-3987px}.iti__pf{--iti-flag-offset:-4009px}.iti__pg{--iti-flag-offset:-4031px}.iti__ph{--iti-flag-offset:-4053px}.iti__pk{--iti-flag-offset:-4075px}.iti__pl{--iti-flag-offset:-4097px}.iti__pm{--iti-flag-offset:-4119px}.iti__pn{--iti-flag-offset:-4141px}.iti__pr{--iti-flag-offset:-4163px}.iti__ps{--iti-flag-offset:-4185px}.iti__pt{--iti-flag-offset:-4207px}.iti__pw{--iti-flag-offset:-4229px}.iti__py{--iti-flag-offset:-4251px}.iti__qa{--iti-flag-offset:-4273px}.iti__re{--iti-flag-offset:-4295px}.iti__ro{--iti-flag-offset:-4317px}.iti__rs{--iti-flag-offset:-4339px}.iti__ru{--iti-flag-offset:-4361px}.iti__rw{--iti-flag-offset:-4383px}.iti__sa{--iti-flag-offset:-4405px}.iti__sb{--iti-flag-offset:-4427px}.iti__sc{--iti-flag-offset:-4449px}.iti__sd{--iti-flag-offset:-4471px}.iti__se{--iti-flag-offset:-4493px}.iti__sg{--iti-flag-offset:-4515px}.iti__sh{--iti-flag-offset:-4537px}.iti__si{--iti-flag-offset:-4559px}.iti__sj{--iti-flag-offset:-4581px}.iti__sk{--iti-flag-offset:-4603px}.iti__sl{--iti-flag-offset:-4625px}.iti__sm{--iti-flag-offset:-4647px}.iti__sn{--iti-flag-offset:-4669px}.iti__so{--iti-flag-offset:-4691px}.iti__sr{--iti-flag-offset:-4713px}.iti__ss{--iti-flag-offset:-4735px}.iti__st{--iti-flag-offset:-4757px}.iti__su{--iti-flag-offset:-4779px}.iti__sv{--iti-flag-offset:-4801px}.iti__sx{--iti-flag-offset:-4823px}.iti__sy{--iti-flag-offset:-4845px}.iti__sz{--iti-flag-offset:-4867px}.iti__ta{--iti-flag-offset:-4889px}.iti__tc{--iti-flag-offset:-4911px}.iti__td{--iti-flag-offset:-4933px}.iti__tf{--iti-flag-offset:-4955px}.iti__tg{--iti-flag-offset:-4977px}.iti__th{--iti-flag-offset:-4999px}.iti__tj{--iti-flag-offset:-5021px}.iti__tk{--iti-flag-offset:-5043px}.iti__tl{--iti-flag-offset:-5065px}.iti__tm{--iti-flag-offset:-5087px}.iti__tn{--iti-flag-offset:-5109px}.iti__to{--iti-flag-offset:-5131px}.iti__tr{--iti-flag-offset:-5153px}.iti__tt{--iti-flag-offset:-5175px}.iti__tv{--iti-flag-offset:-5197px}.iti__tw{--iti-flag-offset:-5219px}.iti__tz{--iti-flag-offset:-5241px}.iti__ua{--iti-flag-offset:-5263px}.iti__ug{--iti-flag-offset:-5285px}.iti__uk{--iti-flag-offset:-5307px}.iti__um{--iti-flag-offset:-5329px}.iti__un{--iti-flag-offset:-5351px}.iti__us{--iti-flag-offset:-5373px}.iti__uy{--iti-flag-offset:-5395px}.iti__uz{--iti-flag-offset:-5417px}.iti__va{--iti-flag-offset:-5439px}.iti__vc{--iti-flag-offset:-5456px}.iti__ve{--iti-flag-offset:-5478px}.iti__vg{--iti-flag-offset:-5500px}.iti__vi{--iti-flag-offset:-5522px}.iti__vn{--iti-flag-offset:-5544px}.iti__vu{--iti-flag-offset:-5566px}.iti__wf{--iti-flag-offset:-5588px}.iti__ws{--iti-flag-offset:-5610px}.iti__xk{--iti-flag-offset:-5632px}.iti__ye{--iti-flag-offset:-5654px}.iti__yt{--iti-flag-offset:-5676px}.iti__za{--iti-flag-offset:-5698px}.iti__zm{--iti-flag-offset:-5720px}.iti__zw{--iti-flag-offset:-5742px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}


/* New Cart */
.product .product-image,.product-quantity{text-align:center}.skin-4 span.minus:before,.skin-4 span.plus:before{border-left:5px solid transparent;border-right:5px solid transparent}.product-image{float:left;width:10%}.product-details{float:left;width:47%}.product-price{float:left;width:12%}.product-quantity{float:left;width:10%}.product-removal{float:left;width:9%}.product-line-price{float:left;width:12%;text-align:right}.column-labels:after,.column-labels:before,.group:after,.group:before,.product:after,.product:before,.shopping-cart:after,.shopping-cart:before,.totals-item:after,.totals-item:before{content:'';display:table}.column-labels:after,.group:after,.product:after,.shopping-cart:after,.totals-item:after{clear:both}.column-labels,.group,.product,.shopping-cart,.totals-item{zoom:1}.product .product-line-price:before,.product .product-price:before,.totals-value:before{content:''}.shopping-cart label{color:#000;font-weight:700}.column-labels label{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee}.column-labels .product-details,.column-labels .product-image,.column-labels .product-removal{text-indent:-9999px}.product{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.product .product-image img{width:60px;border-radius:6px}.product .product-details .product-title{margin-right:20px;font-weight:600}.product .product-details .product-description{margin:5px 20px 5px 0;line-height:1.4em}.product .product-quantity input{width:40px}.product .remove-product{border:0;padding:4px 8px;background-color:#c66;color:#fff;font-size:12px;border-radius:3px}.product .remove-product:hover{background-color:#a44}.totals .totals-item{float:right;clear:both;width:100%;margin-bottom:10px}.totals .totals-item label{float:left;clear:both;width:79%;text-align:right}.totals .totals-item .totals-value{float:right;width:21%;text-align:right}.checkout{float:right;border:0;margin-top:20px;padding:6px 25px;background-color:#6b6;color:#fff;font-size:25px;border-radius:3px}.checkout:hover{background-color:#494}@media screen and (max-width:650px){.shopping-cart{margin:0;padding-top:20px;border-top:1px solid #eee}.column-labels{display:none}.product-image{float:right;width:auto}.product-image img{margin:0 0 10px 10px}.product-details{float:none;margin-bottom:10px;width:auto}.product-price{clear:both;width:70px}.product-quantity{width:100px}.product-quantity input{margin-left:20px}.product-quantity:before{content:'x'}.product-removal{width:auto}.product-line-price{float:right;width:70px}}@media screen and (max-width:350px){.product-removal{float:right}.product-line-price{float:right;clear:left;width:auto;margin-top:10px}.product .product-line-price:before{content:'Item Total: '}.totals .totals-item label{width:60%}.totals .totals-item .totals-value{width:40%}}.num-block{float:left;width:100%;padding:15px 30px}.skin-1 .num-in{float:left;width:94px}.skin-1 .num-in span{display:block;float:left;width:30px;height:32px;line-height:32px;text-align:center;position:relative;cursor:pointer}.skin-1 .num-in span.dis:before{background-color:#ccc!important}.skin-1 .num-in input{float:left;width:32px;height:32px;border:0;border-radius:5px;color:#000;text-align:center;padding:0}.skin-1 .num-in span.minus:before{content:'';position:absolute;width:15px;height:2px;background-color:#00a94f;top:50%;left:0}.skin-1 .num-in span.plus:after,.skin-1 .num-in span.plus:before{content:'';position:absolute;right:0;width:15px;height:2px;background-color:#00a94f;top:50%}.skin-1 .num-in span.plus:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.skin-2 .num-in{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:25px;height:40px;width:110px;float:left}.skin-2 .num-in span{width:40%;display:block;height:40px;float:left;position:relative}.skin-2 .num-in span:after,.skin-2 .num-in span:before{content:'';position:absolute;background-color:#667780;height:2px;width:10px;top:50%;left:50%;margin-top:-1px;margin-left:-5px}.skin-2 .num-in span.plus:after{transform:rotate(90deg)}.skin-2 .num-in input{float:left;width:20%;height:40px;border:none;text-align:center}.skin-3 .num-in span{display:block;float:left;width:25px;height:34px;position:relative;cursor:pointer}.skin-3 .num-in span.minus:before,.skin-3 .num-in span.plus:before{content:'';position:absolute;width:10px;height:2px;top:50%;left:50%;margin-left:-5px;margin-top:-1px;background-color:#000}.skin-3 .num-in .in-num{float:left;width:54px;height:34px;border:1px solid #ccc;border-radius:3px;text-align:center;font-size:14px}.skin-3 .num-in span.plus:after{content:'';position:absolute;height:10px;width:2px;left:50%;top:50%;margin-top:-5px;margin-left:-1px;background-color:#000}.skin-4 .num-in{float:left;width:80px;padding:8px 0;border-top:1px solid #000;border-bottom:1px solid #000}.skin-4 .in-num{width:47px;float:left;height:36px;font-size:30px;text-align:center;outline:0}.skin-4 .all-span{position:relative;float:right;width:23px;height:36px;border-left:1px solid #000}.skin-4 .all-span span{float:left;width:100%;height:18px;position:relative;cursor:pointer}.skin-4 .all-span span:before{content:'';position:absolute;left:50%;margin-left:-5px}.skin-4 span.minus:before{top:3px;border-top:5px solid #000}.skin-4 span.minus.dis:before{opacity:.5}.skin-4 span.plus:before{bottom:3px;border-bottom:5px solid #000}.skin-5 .num-in{width:88px;float:left;vertical-align:middle;position:relative;border:1px solid #eeeff1;border-radius:3px}.skin-5 .num-in:hover{border:1px solid #4687ff;-webkit-box-shadow:0 0 7px 0 rgba(70,135,255,.75);-moz-box-shadow:0 0 7px 0 rgba(70,135,255,.75);box-shadow:0 0 7px 0 rgba(70,135,255,.75)}.skin-5 .num-in span{font-size:16px;width:20px;display:block;line-height:41px}.skin-5 .num-in span.minus{float:left;text-align:right}.skin-5 .num-in input{border:none;height:41px;width:46px;float:left;text-align:center;font-size:16px;font-weight:700;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.skin-5 .num-in span.plus{float:right;text-align:left}.skin-6 .num-in{background-color:#333;float:left;width:120px;height:45px;padding:3px 0;border-radius:5px}.skin-6 .num-in span{display:block;float:left;width:34px;line-height:39px;height:39px;color:#fff;font-weight:700;text-align:center;cursor:pointer}.skin-6 .num-in span:hover{color:#fff!important}.skin-6 .num-in input{float:left;height:39px;width:52px;border-radius:5px;text-align:center}.skin-7 .num-in{float:left;width:138px;border:1px solid #a4a4a3}.skin-7 input.in-num{font-size:14px;float:left;height:32px;width:83px;border-left:1px solid #a4a4a3;border-right:1px solid #a4a4a3;background-color:#fff;text-align:center}.skin-7 .num-in span{font-size:24px;text-align:center;display:block;width:46px;float:left;height:32px;background-color:#f4f4f6;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.skin-7 .num-in span:hover{background-color:#d7d7d8}.skin-7 .num-in input{border:none;float:left;width:44px;line-height:34px;text-align:center}
/* New Cart */

/* Product Bundle */
.rabbit-product-bundle-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;margin:10px;width:100%;display:inline-block;vertical-align:top}.rabbit-product-bundle-img-container{position:relative}.rabbit-product-bundle-badge{position:absolute;top:10px;left:10px;background:#ff5733;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px}.rabbit-product-bundle-body{padding:15px;text-align:center}.rabbit-product-bundle-title{font-size:18px;font-weight:700;margin-bottom:10px}.rabbit-product-bundle-description{font-size:14px;color:#666;margin-bottom:15px;line-height:normal}
.rabbit-product-bundle-items{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.bundle-item{border:1px solid #e0e0e0;border-radius:8px;padding:.75rem;cursor:pointer;transition:.3s;position:relative;display:grid;grid-template-columns:50px 1fr auto auto;align-items:center;gap:1rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.bundle-item:hover{border-color:rgba(40,167,69,.3);box-shadow:0 2px 6px rgba(40,167,69,.1)}.bundle-item.selected{border-color:rgba(40,167,69,.5);background-color:rgba(40,167,69,.2)}.bundle-item.disabled{opacity:.6;cursor:not-allowed;background:#fafafa}.bundle-item .check-icon{position:absolute;top:5px;right:5px;width:16px;height:16px;border:1px solid rgba(40,167,69,.5);border-radius:50%;display:none;z-index:1}.bundle-item.selected .check-icon{display:flex;align-items:center;justify-content:center;background:rgba(40,167,69,.9);color:#fff;font-size:10px}.bundle-item-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.bundle-item-details{display:flex;align-items:center}.bundle-item-details h5{margin:0;font-size:1rem}.bundle-item-price{font-size:1.1rem;font-weight:700;color:rgba(40,167,69,.9);margin:0;white-space:nowrap}.bundle-item-description{color:#000;margin:.5rem 0;font-size:.9rem}.bundle-summary{background:#f1f1f1;padding:1rem;border-radius:12px;margin:1rem 0;border:0;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:.3s}@media (max-width:768px){.bundle-summary{position:fixed;bottom:0;left:0;right:0;z-index:1000;margin:0;padding:.75rem;border-radius:12px 12px 0 0;background:rgb(255 255 255 / 98%);backdrop-filter:blur(10px);box-shadow:0 -2px 10px rgb(0 0 0 / 30%)}.bundle-progress{margin-bottom:.5rem}.bundle-original-price,.bundle-progress-text{font-size:.8rem}.bundle-progress-bar{height:4px}.bundle-total-price{align-items:center;gap:.5rem}.bundle-price-details{display:flex;align-items:baseline;gap:.5rem;flex-direction:column}.bundle-discounted-price{font-size:1.1rem!important;display:flex;flex-flow:wrap}.bundle-discount-badge{display:none}.bundle-discount-badge.only-mobile{display:inline-block !important;padding:0px 8px;font-size:10px;font-weight:700;}#addBundleToCart{padding:.5rem;font-size:1rem;margin-top:.5rem}.bundle-item{gap:.8rem;padding:.55rem}.rabbit-product-bundle-items{padding-bottom:180px}.bundle-item-details h5{font-size:.8rem;line-height:normal}.bundle-item-price{font-size:.9rem}}@media (max-width:375px){.bundle-summary{padding:.5rem}.bundle-discounted-price{font-size:1.1rem}#addBundleToCart{padding:.4rem;font-size:.9rem}}.bundle-original-price,.bundle-progress-text{color:#000;font-size:.9rem}.add-to-cart-btn.visible,.bundle-summary.active{display:block}.bundle-summary.error{border-color:rgba(220,53,69,.2)}.bundle-summary.success{border-color:rgba(40,167,69,.3)}.bundle-progress{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.bundle-progress-bar{flex:1;height:6px;background:rgba(0,0,0,.15);border-radius:3px;overflow:hidden}.bundle-progress-bar-inner{height:100%;background:#28a745;width:0;transition:.3s}.bundle-summary.success .bundle-progress-bar-inner{background:#28a745}.bundle-total-price{display:flex;align-items:flex-end;justify-content:space-between}.bundle-price-details{flex:1}.bundle-original-price{text-decoration:line-through}.bundle-discounted-price{font-size:1.5rem;color:rgba(40,167,69,.9);font-weight:700}.bundle-discount-badge.only-mobile{display:none}.bundle-discount-badge{background:#28a745;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;margin-left:.5rem}.add-to-cart-btn{width:100%;padding:1rem;font-size:1.2rem;margin-top:1rem;display:none}#addBundleToCart{transition:.3s;opacity:.6;cursor:not-allowed}#addBundleToCart:disabled{background-color:rgba(40,167,69,.5);border-color:rgba(40,167,69,.5)}.bundle-summary.success #addBundleToCart{opacity:1;cursor:pointer;background-color:rgba(40,167,69,.9);border-color:rgba(40,167,69,.9)}.bundle-summary.success #addBundleToCart:hover{background-color:#28a745;border-color:#28a745;box-shadow:0 2px 6px rgba(40,167,69,.2)}
/* Product Bundle */


/* Rabbit Slider */
.rabbitSlider img,.rabbitSlider-grid img,.rabbitSlider-thumbs img,.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-slide img{width:100%;height:100%;object-fit:cover}[data-rabbitslider="grid"].rabbitSlider img,[data-rabbitslider="grid"].rabbitSlider-grid img,[data-rabbitslider="grid"].rabbitSlider-thumbs img,[data-rabbitslider="grid"].rabbitSlider-vertical .rabbitSlider-thumbs .swiper-slide img{height: auto; object-fit:unset;}.rabbitSlider{position:relative;width:100%}.rabbitSlider-thumbs{height:100px;position:relative;overflow:hidden;padding:0}.rabbitSlider-thumbs .swiper-wrapper{display:flex;align-items:center;justify-content:flex-start}.rabbitSlider-thumbs .swiper-slide{width:auto;height:90px;opacity:.6;transition:opacity .3s;cursor:pointer;border:2px solid transparent;border-radius:4px;overflow:hidden}.rabbitSlider-thumbs .swiper-slide-thumb-active{opacity:1;border-color:#007bff}.rabbitSlider-thumbs img{cursor:pointer;display:block}.rabbitSlider-main .swiper-slide img{width:100%!important}.rabbitSlider-main,.rabbitSlider-main .swiper-slide{overflow:hidden}.rabbitSlider-main .swiper-button-next,.rabbitSlider-main .swiper-button-prev{width:40px;height:40px;background-color:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:.3s}.rabbitSlider-main .swiper-button-next:hover,.rabbitSlider-main .swiper-button-prev:hover{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.rabbitSlider-main .swiper-button-next:after,.rabbitSlider-main .swiper-button-prev:after{font-size:18px;color:#333;font-weight:700}.rabbitSlider-thumbs .swiper-button-next,.rabbitSlider-thumbs .swiper-button-prev{width:24px;height:24px;background-color:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:.3s}.rabbitSlider-thumbs .swiper-button-next:hover,.rabbitSlider-thumbs .swiper-button-prev:hover,.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-next:hover,.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-prev:hover{background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}.rabbitSlider-thumbs .swiper-button-next:after,.rabbitSlider-thumbs .swiper-button-prev:after,.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-next:after,.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-prev:after{font-size:12px;color:#333;font-weight:700}.rabbitSlider-vertical{display:flex;gap:10px;height:100%;align-items:flex-start}.rabbitSlider-vertical .rabbitSlider-main{flex:1;height:100%}.rabbitSlider-vertical .rabbitSlider-main .swiper-slide{height:auto}.rabbitSlider-vertical .rabbitSlider-thumbs{width:100px;height:80%;position:relative;overflow:hidden;padding:0px 0;margin:0 10px}.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-wrapper{height:auto!important;display:flex;flex-direction:column}.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-slide{height:80px!important;width:100%!important;opacity:.6;transition:opacity .3s;flex-shrink:0}.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-slide-thumb-active{opacity:1}.rabbitSlider-vertical .rabbitSlider-thumbs.swiper-vertical .swiper-button-next:after,.rabbitSlider-vertical .rabbitSlider-thumbs.swiper-vertical .swiper-button-prev:after{transform:rotate(90deg)}.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-next,.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-prev{left:50%;transform:translateX(-50%);width:24px;height:24px;background-color:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:.3s}.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-next{bottom:0;top:auto}.rabbitSlider-vertical .rabbitSlider-thumbs .swiper-button-prev{top:30px;bottom:auto}.rabbitSlider-grid{display:grid;gap:10px}.rabbitSlider-grid .grid-full{grid-column:1/-1}.rabbitSlider-grid .grid-main{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.rabbitSlider-grid .grid-extras{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rabbitSlider-grid a{display:block;aspect-ratio:3/2}.rabbitSlider-grid .swiper-lazy-preloader{margin:auto}.rabbitSlider-zoom .zoom-container{position:relative;width:100%;height:100%;overflow:hidden}.rabbitSlider-zoom .zoom-container a{display:block;width:100%;height:100%}.rabbitSlider-zoom .zoom-image{cursor:crosshair;width:100%;height:100%;object-fit:contain}.rabbitSlider-zoom .zoom-lens{position:absolute;width:150px;height:150px;background:rgba(255,255,255,.4);border:2px solid #fff;display:none;pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:2}.rabbitSlider-zoom .zoom-result{position:absolute;top:0;right:-100%;width:100%;height:100%;background-repeat:no-repeat;border:1px solid #ccc;display:none;z-index:1000;background-color:#fff;background-position:center;background-size:cover}.rabbitSlider-preview .preview-thumb{position:relative;cursor:pointer}.rabbitSlider-preview .preview-popup{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);display:none;z-index:1000;background:#fff;padding:5px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:200px}.rabbitSlider-preview .preview-popup::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.rabbitSlider-preview .preview-popup img{width:100%;height:auto;display:block;border-radius:2px}@media (max-width:768px){.rabbitSlider-zoom .zoom-result{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vw;right:auto;background-color:rgba(255,255,255,.95);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.3)}.rabbitSlider-preview .preview-popup{display:none!important}}
/* Rabbit Slider */

/* RabbitCard */
.RabbitCartModal-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:.5rem}@media (min-width:992px){.RabbitCartModal-grid{grid-template-columns:2fr 1fr}}.RabbitCartModal-product{background:#fff;border-radius:4px;padding:.75rem;margin-bottom:.5rem;border:1px solid #eee}.RabbitCartModal-product-content{display:flex;gap:.75rem;align-items:center}.RabbitCartModal-product-image{width:50px;height:50px;object-fit:cover;border-radius:3px}.RabbitCartModal-product-details{flex:1;min-width:0}.RabbitCartModal-product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem}.RabbitCartModal-product-header a{text-decoration:none;color:inherit}.RabbitCartModal-product-name{margin:0;font-size:.875rem;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.RabbitCartModal-brand{font-size:.75rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.RabbitCartModal-remove{background:0 0;border:none;font-size:1.25rem;line-height:1;padding:0;cursor:pointer;color:#999;flex-shrink:0}.RabbitCartModal-remove:hover{color:#dc3545}.RabbitCartModal-product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.RabbitCartModal-quantity-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:3px}.RabbitCartModal-quantity-btn{background:0 0;border:none;padding:.25rem .5rem;cursor:pointer;font-size:.875rem;color:#666}.RabbitCartModal-quantity-btn:disabled{opacity:.5;cursor:not-allowed}.RabbitCartModal-quantity{width:2.5rem;text-align:center;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:.25rem;font-size:.875rem;-moz-appearance:textfield}.RabbitCartModal-quantity::-webkit-inner-spin-button,.RabbitCartModal-quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.RabbitCartModal-product-price{text-align:right;flex-shrink:0}.RabbitCartModal-price-original{text-decoration:line-through;color:#999;font-size:.75rem}.RabbitCartModal-price{font-weight:500;font-size:.875rem;color:#000}.RabbitCartModal-summary{background:#fff;border-radius:4px;padding:1rem;border:1px solid #eee;position:sticky;top:.5rem}.RabbitCartModal-summary-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.25rem 0;align-items:center;font-size:.8rem}.RabbitCartModal-summary-row:last-child{border-bottom:none}.RabbitCartModal-total{margin-top:.5rem;padding-top:.75rem!important;border-top:2px solid #e9ecef;font-weight:600;font-size:1rem!important;color:#212529}.RabbitCartModal-total strong{color:#dc3545;font-size:1.125rem}.RabbitCartModal-discount{color:#28a745}.RabbitCartModal-summary-placeholder{padding:1rem;border-top:1px solid #dee2e6}.RabbitCartModal-summary-placeholder-row{display:flex;justify-content:space-between;margin-bottom:.75rem;animation:1.5s ease-in-out infinite rabbitCartPulse}.RabbitCartModal-summary-placeholder-label{height:12px;width:30%;background:#aeaeae;border-radius:4px}.RabbitCartModal-summary-placeholder-value{height:12px;width:20%;background:#aeaeae;border-radius:4px}.RabbitCartModal-summary-placeholder-total{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.RabbitCartModal-summary-placeholder-total .RabbitCartModal-summary-placeholder-label{width:40%;height:16px}.RabbitCartModal-summary-placeholder-total .RabbitCartModal-summary-placeholder-value{width:25%;height:16px}.RabbitCartModal-buttons{display:grid;gap:.5rem;margin-top:1rem}.RabbitCartModal-button{width:100%;padding:.5rem .75rem;border:none;border-radius:3px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.RabbitCartModal-button-primary{background-color:#007bff;color:#fff}.RabbitCartModal-button-primary:hover{background-color:#0056b3}.RabbitCartModal-button-outline{background-color:transparent;border:1px solid #007bff;color:#007bff}.RabbitCartModal-button-outline:hover{background-color:#f8f9fa}.RabbitCartModal-empty{text-align:center;padding:2rem 1rem}.RabbitCartModal-empty svg{color:#999;margin-bottom:.75rem;width:40px;height:40px}.RabbitCartModal-empty h6{font-size:1rem;margin-bottom:.25rem}.RabbitCartModal-empty p{color:#666;font-size:.875rem;margin:0}.RabbitCartModal-messages{margin:1rem 0}.RabbitCartModal-message{padding:.5rem .75rem;margin-bottom:.5rem;background:#fff9e6;border-radius:4px;border-left:3px solid #ffc107}.RabbitCartModal-message:last-child{margin-bottom:0}.RabbitCartModal-message-title{color:#664d03;font-weight:600;font-size:.85rem;margin-bottom:.25rem;display:flex;align-items:center}.RabbitCartModal-message-title::before{content:'•';margin-right:.5rem;font-size:1.2rem;line-height:0;color:#ffc107}.RabbitCartModal-message-text{color:#665005;font-size:.8rem;padding-left:1rem}.RabbitCartModal-items{max-height:550px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd transparent}.RabbitCartModal-items::-webkit-scrollbar{width:4px}.RabbitCartModal-items::-webkit-scrollbar-track{background:0 0}.RabbitCartModal-items::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}.RabbitCartModal-tax-toggle{cursor:pointer;user-select:none;position:relative}.RabbitCartModal-tax-toggle span{display:flex;align-items:center}.RabbitCartModal-tax-toggle span::after{content:'';display:inline-block;width:0;height:0;margin-left:.5rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform .2s}.RabbitCartModal-tax-toggle.active span::after{transform:rotate(180deg)}.RabbitCartModal-tax-details{display:none;padding-left:1.4rem;margin:.25rem 0}.RabbitCartModal-tax-details.show{display:block}@media (max-width:576px){.RabbitCartModal-summary-placeholder{padding:.75rem}.RabbitCartModal-summary-placeholder-row{margin-bottom:.5rem}.RabbitCartModal-summary-placeholder-label,.RabbitCartModal-summary-placeholder-value{height:10px}.RabbitCartModal-summary-placeholder-total .RabbitCartModal-summary-placeholder-label,.RabbitCartModal-summary-placeholder-total .RabbitCartModal-summary-placeholder-value{height:14px}.RabbitCartModal-messages{margin:.75rem 0}.RabbitCartModal-grid{gap:.5rem;padding:.25rem}.RabbitCartModal-product{padding:.5rem;margin-bottom:.25rem}.RabbitCartModal-product-content{display:grid;grid-template-columns:40px 1fr auto;gap:.5rem;align-items:start}.RabbitCartModal-product-image{width:40px;height:40px;margin:0}.RabbitCartModal-product-details{min-width:0}.RabbitCartModal-product-header{margin-bottom:0}.RabbitCartModal-product-name{font-size:.75rem;-webkit-line-clamp:1}.RabbitCartModal-brand,.RabbitCartModal-message-title,.RabbitCartModal-price-original{font-size:.625rem}.RabbitCartModal-remove{font-size:1rem;padding:.125rem}.RabbitCartModal-product-actions{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:.5rem;margin-top:.25rem;align-items:center}.RabbitCartModal-quantity-container{height:1.75rem;display:flex;width:80px;flex:0 0 80px}.RabbitCartModal-quantity-btn{padding:0;width:24px;height:100%;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex:0 0 24px}.RabbitCartModal-quantity{width:32px;flex:0 0 32px;padding:0;font-size:.75rem;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd}.RabbitCartModal-product-price{text-align:right}.RabbitCartModal-empty p,.RabbitCartModal-price{font-size:.75rem}.RabbitCartModal-summary{padding:.75rem;position:static}.RabbitCartModal-summary-row{padding:.375rem 0;font-size:.75rem}.RabbitCartModal-total{font-size:.9rem!important}.RabbitCartModal-total strong{font-size:1rem}.RabbitCartModal-buttons{gap:.375rem;margin-top:.75rem}.RabbitCartModal-button{padding:.375rem .5rem;font-size:.75rem}.RabbitCartModal-messages{margin-top:.5rem;padding-top:.5rem}.RabbitCartModal-message{padding:.5rem;margin-bottom:.375rem}.RabbitCartModal-message-text{font-size:.625rem;line-height:1.2}.RabbitCartModal-empty{padding:1.5rem .75rem}.RabbitCartModal-empty svg{width:32px;height:32px;margin-bottom:.5rem}.RabbitCartModal-empty h6{font-size:.875rem}.RabbitCartModal-items{max-height:calc(100svh - 180px)}.RabbitCartModal-tax-details{padding-left:.75rem;margin:.125rem 0}}@media (min-width:577px) and (max-width:991px){.RabbitCartModal-grid{gap:.75rem;padding:.375rem}.RabbitCartModal-product{padding:.625rem;margin-bottom:.375rem}.RabbitCartModal-product-image{width:45px;height:45px}.RabbitCartModal-product-name{font-size:.8125rem}.RabbitCartModal-brand{font-size:.6875rem}.RabbitCartModal-summary{padding:.875rem}}.RabbitCartModal-coupon{margin:.75rem 0}.RabbitCartModal-coupon-form{display:flex;gap:.5rem}.RabbitCartModal-coupon-input{flex:1;height:2rem;padding:0 .75rem;font-size:.8rem;border:1px solid #dee2e6;border-radius:4px;background:#f8f9fa}.RabbitCartModal-coupon-input:focus{outline:0;border-color:#0d6efd;background:#fff}.RabbitCartModal-coupon-submit{height:2rem;padding:0 .75rem;font-size:.8rem;color:#0d6efd;background:#e8f4ff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.RabbitCartModal-coupon-submit:hover{background:#cce5ff}.RabbitCartModal-active-coupon{position:relative;padding:.5rem 2rem .5rem .75rem;background:#e8f4ff;border-radius:4px;font-size:.8rem}.RabbitCartModal-active-coupon-code{display:block;color:#0d6efd;font-weight:600;margin-bottom:.25rem}.RabbitCartModal-active-coupon-text{display:block;color:#666;font-size:.75rem;line-height:1.2}.RabbitCartModal-coupon-remove{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#dc3545;background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;cursor:pointer;opacity:.75}.RabbitCartModal-coupon-remove:hover{opacity:1}.RabbitCartModal-confirm{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.RabbitCartModal-confirm-content{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-width:90%;width:320px;text-align:center}.RabbitCartModal-confirm-message{margin-bottom:1.25rem;font-size:.95rem;color:#333}.RabbitCartModal-confirm-buttons{display:flex;gap:.75rem;justify-content:center}.RabbitCartModal-confirm-no,.RabbitCartModal-confirm-yes{padding:.5rem 1.25rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.RabbitCartModal-confirm-yes{background:#0d6efd;color:#fff}.RabbitCartModal-confirm-yes:hover{background:#0b5ed7}.RabbitCartModal-confirm-no{background:#f8f9fa;color:#333}.RabbitCartModal-confirm-no:hover{background:#e9ecef}.RabbitCartModal-loading{position:relative;min-height:100px}.RabbitCartModal-loading::after{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid #e9ecef;border-top-color:#0d6efd;border-radius:50%;animation:.6s linear infinite rabbitCartSpin}.RabbitCartModal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:1}.RabbitCartModal-loading-overlay::after{content:'';width:20px;height:20px;border:2px solid #e9ecef;border-top-color:#0d6efd;border-radius:50%;animation:.6s linear infinite rabbitCartSpin}.RabbitCartModal-placeholder{padding:1rem}.RabbitCartModal-placeholder-item{display:flex;gap:1rem;margin-bottom:1rem;animation:1.5s ease-in-out infinite rabbitCartPulse}.RabbitCartModal-placeholder-image{width:80px;height:80px;background:#aeaeae;border-radius:4px}.RabbitCartModal-placeholder-content{flex:1}.RabbitCartModal-placeholder-line{height:12px;background:#aeaeae;border-radius:4px;margin-bottom:8px}.RabbitCartModal-placeholder-line:first-child{width:60%}.RabbitCartModal-placeholder-line:nth-child(2){width:40%}.RabbitCartModal-placeholder-line:nth-child(3){width:20%}@keyframes rabbitCartSpin{to{transform:rotate(360deg)}}@keyframes rabbitCartPulse{0%,100%{opacity:1}50%{opacity:.5}}@media (max-width:576px){.RabbitCartModal-coupon{margin:.5rem 0}.RabbitCartModal-active-coupon{padding:.375rem 2rem .375rem .625rem}.RabbitCartModal-active-coupon-code{margin-bottom:.125rem}.RabbitCartModal-confirm-content{padding:1.25rem;width:280px}.RabbitCartModal-confirm-message{font-size:.9rem;margin-bottom:1rem}.RabbitCartModal-confirm-buttons{gap:.5rem}.RabbitCartModal-confirm-no,.RabbitCartModal-confirm-yes{padding:.4rem 1rem;font-size:.85rem}.RabbitCartModal-placeholder-image{width:60px;height:60px}.RabbitCartModal-placeholder-line{height:10px;margin-bottom:6px}}

#RabbitCartNative .RabbitCartModal-items{max-height:none}
/* RabbitCard */

/* Rabbit Lightweight Modal */
/**
 * Rabbit Lightweight Modal
 * Modern, lightweight CSS for modal dialogs
 */

 :root {
    --rabbit-modal-z-index: 9000;
    --rabbit-modal-backdrop-bg: rgba(0, 0, 0, 0.5);
    --rabbit-modal-content-bg: #fff;
    --rabbit-modal-border-radius: 6px;
    --rabbit-modal-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    --rabbit-modal-header-padding: 12px 16px;
    --rabbit-modal-body-padding: 16px;
    --rabbit-modal-footer-padding: 12px 16px;
    --rabbit-modal-gap: 8px;
    --rabbit-modal-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Size variants */
    --rabbit-modal-small: 300px;
    --rabbit-modal-default: 500px;
    --rabbit-modal-large: 800px;
    --rabbit-modal-xlarge: 1140px;

    /* Colors */
    --rabbit-color-primary: #2563eb;
    --rabbit-color-primary-hover: #1d4ed8;
    --rabbit-color-secondary: #4b5563;
    --rabbit-color-secondary-hover: #374151;
    --rabbit-color-border: #e5e7eb;
    --rabbit-color-text: #111827;
    --rabbit-color-text-secondary: #4b5563;

    /* Alert Colors */
    --rabbit-alert-success: #10B981;
    --rabbit-alert-error: #EF4444;
    --rabbit-alert-warning: #F59E0B;
    --rabbit-alert-info: #3B82F6;
    --rabbit-alert-success-bg: #ECFDF5;
    --rabbit-alert-error-bg: #FEF2F2;
    --rabbit-alert-warning-bg: #FFFBEB;
    --rabbit-alert-info-bg: #EFF6FF;
}

/* Base modal styles */
.rabbit-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--rabbit-modal-z-index);
    display: none;
}

.rabbit-modal.show {
    display: block;
}

/* Overlay */
.rabbit-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    background-color: rgba(15, 23, 42, 0.6);
    z-index: calc(var(--rabbit-modal-z-index) + 1);
}

.rabbit-overlay.show {
    opacity: 1;
    pointer-events: auto;
}

/* Overlay Blur Effect */
.rabbit-overlay.rabbit-overlay-blur {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Dialog */
.rabbit-modal-dialog {
    position: fixed;
    background: white;
    border-radius: var(--rabbit-modal-border-radius);
    box-shadow: var(--rabbit-modal-box-shadow);
    z-index: calc(var(--rabbit-modal-z-index) + 2);
    transition: var(--rabbit-modal-transition);
    display: flex;
    flex-direction: column;
    max-width: 90%;
    max-height: 90vh;
    overflow: hidden;
}

.rabbit-modal-dialog {
    position: fixed;
}

/* Center */
.rabbit-modal-dialog.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
}

.rabbit-modal.show .rabbit-modal-dialog.center {
  transform: translate(-50%, -50%) scale(1);
}

/* Left */
.rabbit-modal-dialog.left {
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
  border-radius: 0;
}

.rabbit-modal-dialog.left,
.rabbit-modal-dialog.left .rabbit-modal-content {
  border-top-right-radius: var(--rabbit-modal-border-radius);
  border-bottom-right-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.left {
  transform: translate(0, -50%);
}

/* Left Sidebar */
.rabbit-modal-dialog.left-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100svh;
  width: 320px !important;
  max-height: 100svh;
  margin: 0;
  transform: translateX(-100%);
  display: flex;
  flex-direction: column;
}

.rabbit-modal-dialog.left-sidebar,
.rabbit-modal-dialog.left-sidebar .rabbit-modal-content {
  border-radius: 0;
}

.rabbit-modal.show .rabbit-modal-dialog.left-sidebar {
  transform: translateX(0);
}

/* Right */
.rabbit-modal-dialog.right {
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  border-radius: 0;
}

.rabbit-modal-dialog.right,
.rabbit-modal-dialog.right .rabbit-modal-content {
  border-top-left-radius: var(--rabbit-modal-border-radius);
  border-bottom-left-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.right {
  transform: translate(0, -50%);
}

/* Right Sidebar */
.rabbit-modal-dialog.right-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  height: 100svh;
  width: 320px !important;
  max-height: 100svh;
  margin: 0;
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
}

.rabbit-modal-dialog.right-sidebar,
.rabbit-modal-dialog.right-sidebar .rabbit-modal-content {
  border-radius: 0;
}

.rabbit-modal.show .rabbit-modal-dialog.right-sidebar {
  transform: translateX(0);
}

/* Top */
.rabbit-modal-dialog.top {
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  border-radius: 0;
}

.rabbit-modal-dialog.top,
.rabbit-modal-dialog.top .rabbit-modal-content {
  border-bottom-left-radius: var(--rabbit-modal-border-radius);
  border-bottom-right-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.top {
  transform: translate(-50%, 0);
}

/* Top Left */
.rabbit-modal-dialog.top-left {
  top: 0;
  left: 0;
  transform: translateY(-100%);
  border-radius: 0;
}

.rabbit-modal-dialog.top-left,
.rabbit-modal-dialog.top-left .rabbit-modal-content {
  border-bottom-right-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.top-left {
  transform: translateY(0);
}

/* Top Right */
.rabbit-modal-dialog.top-right {
  top: 0;
  right: 0;
  transform: translateY(-100%);
  border-radius: 0;
}

.rabbit-modal-dialog.top-right,
.rabbit-modal-dialog.top-right .rabbit-modal-content {
  border-bottom-left-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.top-right {
  transform: translateY(0);
}

/* Bottom */
.rabbit-modal-dialog.bottom {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-radius: 0;
}

.rabbit-modal-dialog.bottom,
.rabbit-modal-dialog.bottom .rabbit-modal-content {
  border-top-left-radius: var(--rabbit-modal-border-radius);
  border-top-right-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.bottom {
  transform: translate(-50%, 0);
}

/* Bottom Left */
.rabbit-modal-dialog.bottom-left {
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  border-radius: 0;
}

.rabbit-modal-dialog.bottom-left,
.rabbit-modal-dialog.bottom-left .rabbit-modal-content {
  border-top-right-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.bottom-left {
  transform: translateY(0);
}

/* Bottom Right */
.rabbit-modal-dialog.bottom-right {
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  border-radius: 0;
}

.rabbit-modal-dialog.bottom-right,
.rabbit-modal-dialog.bottom-right .rabbit-modal-content {
  border-top-left-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal.show .rabbit-modal-dialog.bottom-right {
  transform: translateY(0);
}

/* Fullwidth Top */
.rabbit-modal-dialog.fullwidth-top {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: translateY(-100%);
  border-radius: 0 !important;
  margin: 0 !important;
}

.rabbit-modal-dialog.fullwidth-top,
.rabbit-modal-dialog.fullwidth-top .rabbit-modal-content {
  border-radius: 0;
}

.rabbit-modal.show .rabbit-modal-dialog.fullwidth-top {
  transform: translateY(0);
}

/* Fullwidth Bottom */
.rabbit-modal-dialog.fullwidth-bottom {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  max-width: 100% !important;
  transform: translateY(100%);
  border-radius: 0 !important;
  margin: 0 !important;
}

.rabbit-modal-dialog.fullwidth-bottom,
.rabbit-modal-dialog.fullwidth-bottom .rabbit-modal-content {
  border-radius: 0;
}

.rabbit-modal.show .rabbit-modal-dialog.fullwidth-bottom {
  transform: translateY(0);
}

/* Modal Structure */
.rabbit-modal-header {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.rabbit-modal-body {
    padding: 1rem;
    overflow-y: auto;
    flex: 1;
}

.rabbit-modal-footer {
    padding: 1rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-top: auto;
}

/* Sizes */
.rabbit-modal-dialog.small {
  width: var(--rabbit-modal-small);
}

.rabbit-modal-dialog.default {
  width: var(--rabbit-modal-default);
}

.rabbit-modal-dialog.large {
  width: var(--rabbit-modal-large);
}

.rabbit-modal-dialog.xlarge {
  width: var(--rabbit-modal-xlarge);
}

/* Responsive size adjustments */
@media (max-width: 1200px) {
  .rabbit-modal-dialog.xlarge {
    width: calc(100% - 4rem);
    margin: 2rem;
  }
}

@media (max-width: 992px) {
  .rabbit-modal-dialog.large {
    width: calc(100% - 4rem);
    margin: 2rem;
  }
}

@media (max-width: 768px) {
  .rabbit-modal-dialog.default {
    width: calc(100% - 2rem);
    margin: 1rem;
  }
}

@media (max-width: 576px) {
    /* Temel modal stili */
    .rabbit-modal-dialog {
        width: calc(100% - 2rem) !important;
        max-width: calc(100% - 2rem) !important;
        margin: 0 !important;
    }

    /* Top pozisyonu */
    .rabbit-modal-dialog.top {
        top: 1rem !important;
        left: 50% !important;
        transform: translateX(-50%) scale(0.95) !important;
    }
    
    .rabbit-modal.show .rabbit-modal-dialog.top {
        transform: translateX(-50%) scale(1) !important;
    }

    /* Center pozisyonu */
    .rabbit-modal-dialog.center {
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) scale(0.95) !important;
    }
    
    .rabbit-modal.show .rabbit-modal-dialog.center {
        transform: translate(-50%, -50%) scale(1) !important;
    }

    /* Bottom pozisyonu */
    .rabbit-modal-dialog.bottom {
        bottom: 1rem !important;
        left: 50% !important;
        transform: translateX(-50%) scale(0.95) !important;
    }
    
    .rabbit-modal.show .rabbit-modal-dialog.bottom {
        transform: translateX(-50%) scale(1) !important;
    }

    /* Diğer tüm pozisyonları merkeze alma (left, right, corners) */
    .rabbit-modal-dialog:not(.top):not(.center):not(.bottom):not(.left-sidebar):not(.right-sidebar) {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) scale(0.95) !important;
    }

    .rabbit-modal.show .rabbit-modal-dialog:not(.top):not(.center):not(.bottom):not(.left-sidebar):not(.right-sidebar) {
        transform: translate(-50%, -50%) scale(1) !important;
    }

    /* Sidebar modallar için full-width */
    .rabbit-modal-dialog.left-sidebar,
    .rabbit-modal-dialog.right-sidebar {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Border radius düzeltmeleri */
    .rabbit-modal-dialog:not(.left-sidebar):not(.right-sidebar),
    .rabbit-modal-dialog:not(.left-sidebar):not(.right-sidebar) .rabbit-modal-content {
        border-radius: var(--rabbit-modal-border-radius) !important;
    }
}

/* Sidebar specific styles */
.rabbit-modal-dialog.left,
.rabbit-modal-dialog.right {
    .rabbit-modal-body {
        height: 0; /* This forces the body to take remaining space */
        min-height: 0; /* Allows the body to shrink if needed */
    }
}

/* Cover Page */
.rabbit-modal-dialog.cover-page {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100svh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  opacity: 1 !important;
}

.rabbit-modal-dialog.cover-page .rabbit-modal-body {
  flex: 1;
  height: 100%;
  max-height: none !important;
}

/* Alert Styles */
.rabbit-modal-success .rabbit-modal-dialog {
  border-top: 4px solid #10b981;
}

.rabbit-modal-error .rabbit-modal-dialog {
  border-top: 4px solid #ef4444;
}

.rabbit-modal-warning .rabbit-modal-dialog {
  border-top: 4px solid #f59e0b;
}

.rabbit-modal-info .rabbit-modal-dialog {
  border-top: 4px solid #3b82f6;
}

.rabbit-alert-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.rabbit-alert-icon svg {
  width: 48px;
  height: 48px;
}

.rabbit-alert-title {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  color: var(--rabbit-modal-title-color);
}

.rabbit-modal-success .rabbit-alert-icon {
  color: #10b981;
}

.rabbit-modal-error .rabbit-alert-icon {
  color: #ef4444;
}

.rabbit-modal-warning .rabbit-alert-icon {
  color: #f59e0b;
}

.rabbit-modal-info .rabbit-alert-icon {
  color: #3b82f6;
}

.rabbit-modal-content {
  font-size: 1rem;
  line-height: 1.5;
}

/* Alert Types */
.rabbit-modal-dialog.alert {
    padding: 0;
    max-width: 400px;
}

.rabbit-modal-dialog.alert .rabbit-modal-body {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: var(--rabbit-modal-border-radius);
}

.rabbit-modal-dialog.alert .alert-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.rabbit-modal-dialog.alert .alert-content {
    flex: 1;
    font-size: 0.9375rem;
}

.rabbit-modal-dialog.alert.success .rabbit-modal-body {
    background-color: var(--rabbit-alert-success-bg);
    color: var(--rabbit-alert-success);
}

.rabbit-modal-dialog.alert.error .rabbit-modal-body {
    background-color: var(--rabbit-alert-error-bg);
    color: var(--rabbit-alert-error);
}

.rabbit-modal-dialog.alert.warning .rabbit-modal-body {
    background-color: var(--rabbit-alert-warning-bg);
    color: var(--rabbit-alert-warning);
}

.rabbit-modal-dialog.alert.info .rabbit-modal-body {
    background-color: var(--rabbit-alert-info-bg);
    color: var(--rabbit-alert-info);
}

/* Content */
.rabbit-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--rabbit-modal-content-bg);
    border-radius: inherit;
    pointer-events: auto;
    overflow: hidden;
}

/* Progress Bar */
.rabbit-modal-progress-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
}

.rabbit-modal-progress {
  height: 4px;
  position:absolute;
  width: 0;
  background-color: #4CAF50;
  transition: width 0.3s ease;
}

.rabbit-modal-progress.loading {
  width: 100% !important;
}

.rabbit-modal-progress.loading .rabbit-modal-progress-animation {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  animation: loading-animation 1.5s infinite;
}

@keyframes loading-animation {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(400%);
    }
}

.rabbit-modal-success .rabbit-modal-progress {
  background-color: #10b981;
}

.rabbit-modal-error .rabbit-modal-progress {
  background-color: #ef4444;
}

.rabbit-modal-warning .rabbit-modal-progress {
  background-color: #f59e0b;
}

.rabbit-modal-info .rabbit-modal-progress {
  background-color: #3b82f6;
}

/* Header */
.rabbit-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--rabbit-modal-header-padding);
    border-bottom: 1px solid var(--rabbit-color-border);
}

.rabbit-modal-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--rabbit-color-text);
    flex: 1;
}

.rabbit-modal-close {
    width: 24px;
    height: 24px;
    padding: 0;
    margin-left: 16px;
    border: none;
    background: none;
    color: var(--rabbit-color-text-secondary);
    cursor: pointer;
    transition: var(--rabbit-modal-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.rabbit-modal-close:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--rabbit-color-text);
}

.rabbit-modal-close svg {
    width: 16px;
    height: 16px;
}

/* Body */
.rabbit-modal-body {
    padding: var(--rabbit-modal-body-padding);
    overflow-y: auto;
    color: var(--rabbit-color-text-secondary);
    line-height: 1.5;
    font-size: 0.875rem;
}

/* Footer */
.rabbit-modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    padding: var(--rabbit-modal-footer-padding);
    background-color: #f8fafc;
    border-top: 1px solid var(--rabbit-color-border);
}

.rabbit-modal-footer .button-group {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.rabbit-modal-footer .button-group.left {
    margin-right: auto;
}

.rabbit-modal-footer .button-group.right {
    margin-left: auto;
}

.rabbit-modal-footer .btn .button-icon {
    display: inline-flex;
    margin-right: 0.5rem;
    align-items: center;
}

.rabbit-modal-footer .btn .button-text {
    display: inline-block;
}

.rabbit-modal-footer .btn.loading {
    position: relative;
    color: transparent !important;
}

.rabbit-modal-footer .btn.loading::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-radius: 50%;
    animation: button-loading-spinner 0.75s linear infinite;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(1turn);
    }
}

.rabbit-modal-footer .btn:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Button Styles */
.rabbit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: var(--rabbit-modal-transition);
}

.rabbit-btn-primary {
    background-color: var(--rabbit-color-primary);
    color: white;
}

.rabbit-btn-primary:hover {
    background-color: var(--rabbit-color-primary-hover);
}

.rabbit-btn-secondary {
    background-color: var(--rabbit-color-secondary);
    color: white;
}

.rabbit-btn-secondary:hover {
    background-color: var(--rabbit-color-secondary-hover);
}

.rabbit-btn-danger {
    background-color: var(--rabbit-alert-error);
    color: white;
}

.rabbit-btn-danger:hover {
    background-color: #dc2626;
}

.rabbit-btn-success {
    background-color: var(--rabbit-alert-success);
    color: white;
}

.rabbit-btn-success:hover {
    background-color: #059669;
}

/* Input styles */
.rabbit-modal-input {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rabbit-modal-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Rabbit Lightweight Modal */