@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');

/*
Theme Name: Poodleday
Description: Responsive Wordpress Theme for Poodleday
Version: 5.5
Author: Michael Prikryl
Author URI: https://zzwebdesign.com
Tags: two columns, responsive, left sidebar
*/

html {height: 100%;}
body {background-color: #829FE1; color: #000000; 
margin: 0px; position: relative; padding: 0 0 0 1px; min-height: 97%; min-height: 100%; display: flex; flex-direction: column;
font-family: 'Source Sans Pro';}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body {display: grid;}
/*.photo {height: 800px;}
.map {height: 940px;}*/
}

/* Layout */

#container {width: 100%; max-width: 1990px; margin: 0 auto 0 auto; position: relative; display: block; border:0 !important; height: 100%} 

#wrapper{width: 955px; margin: 0 auto 0 auto; position: relative; display: block; padding: 0; border:0 !important; padding-top: 45px; background-color:  #e5efffd9; /* #D3E0F3 border-radius: 3px;*/
background-size: 100%; background-repeat: no-repeat; flex: 1; min-height: 97%;
-webkit-box-shadow: 2px 2px 4px 0px rgb(36 33 36 / 60%));
-moz-box-shadow: 2px 2px 4px 0px rgb(36 33 36 / 60%);
box-shadow: 2px 2px 4px 0px rgb(36 33 36 / 60%);}

#wrapper.parade {min-height: 138%;}

#wrapper.register {background-repeat: round;}

#wrapper.parties {min-height: 114%;}

#wrapper.products {min-height: 99.2%;}

#wrapper.photo {height: 100%;}

#wrapper.lodging {min-height: 84.3%;}

#wrapper.winners {min-height: 99%;}

#wrapper.contact::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background: url(https://poodleday.com/images/contact.jpg); z-index: 0;}

#wrapper.clouds {min-height: 99%;}

#wrapper.shortback {min-height: 82%;}

#logo{padding-left: 30px} 

#sidebar{width: 205px;}

.sidebar {padding: 0 30px; position: absolute;}

.content {font-size: 17px; line-height: 23px; padding: 0 40px 0 0; width: 87%; z-index: 999 !important; position: relative;} 

.winners .content {width: 92.5%;} 

#content, #content2 {float: right; width: 750px; height: 100%}

.winners h1, .volunteers h1 {margin-bottom: 58px;}
.supporters h1 {margin-bottom: 44px;}
.volunteers .content img {margin-top: 10px;}

/* Footer */

#footer {font-size: 14px; color: #000000; padding-bottom: 15px; display: block; margin: 12px auto 6px; clear: both; overflow: hidden; text-align: center; position: relative;}

#footer a{color: #FEFEEF; text-decoration: none;}

#footer a:hover{color: #185497; text-decoration: underline;}

#footer.products {color: #383840}

/* Main nav */

nav {text-align:right; width: 150px; z-index: 100;}

nav, nav a, .nav, .nav a {color: #185497; text-decoration: none; font-size: 16px; display: block; font-weight:600;} 

a.active {color: #3797C6; text-shadow: #a8a8a847 2px 2px 2px;} /* current page item */

nav a:hover, .nav a:hover {color: #829FE1;}

.volunteers nav a:hover, .volunteers .nav a:hover {color: #9E3A4B;}

nav ul{padding: 15px 0 0 0; display: block; margin: 0; list-style:none !important;}

nav > ul > li {border: solid #404040; border-width: 1px 0 0 0; padding: 7px 0;}

nav > ul > li.last, .nav > ul > li.last {border-width: 1px 0;}

nav ul li {display: block;} 

/* Mobile prep */

#mobile-header {display: none; margin: 0 auto; position:absolute; top: 0px; } 

.nav-mobile {display: none;}


/* Links */

#content a {text-decoration: none; color: #9E3A4B; font-weight: 600;}
#content a:hover {text-decoration: underline; color: #803A61; font-weight: 600;} 

#redlink a, #content2 a, .purchase a {color: #9E3A4B; text-decoration: none;}
#content2 a:hover, .purchase a:hover {color: #2466AF; text-decoration: underline;}
#redlink a:hover {color: #FEFEEF; text-decoration: underline;}

#content .reverse a {color: #FEFEEF; text-decoration: none;}
#content .reverse a:hover {color: #FDDB5B; text-decoration: underline;}

/* Headings */

h1, h1, h3, h5, h6 {font-weight: 600; margin: 0}

h1 {color: #185497; font-size: 21px; font-weight: 600; margin: 0 0 12px 0; line-height: 23px !important; line-height: 21px; padding-bottom: 18px} /* Blue */
h2 {color: #93543f; font-size: 20px; padding-bottom: 10px;} /* Red */
h3 {color: #185497; font-size: 19px; padding-top: 15px} /* Blue */
h4 {color: #9E3A4B; font-size: 18px;} /* Red */
h5 {color: #185497; font-size: 18px;} /* Blue */
h6 {color: #9E3A4B; font-size: 17px;} /* Red blue*/

.product h3 {padding-top: 0} /* Blue */
.product form {margin-top: -22px;}

/* Grid */

.grid {
  /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  
  /* Supports Grid */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 1em;
}

.module {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
}

/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) {
  .module {
    margin: 0;
  }
}

/* Other classes */

strong {font-weight: 600;}

.floatleft {float: left} /* put it back to left and remove this class in template files and add it back to mobile file.*/

.right {float: right}

.clear {clear: both}

.products table {width: 100%; border-spacing: collapse;}

.turq {color: #BCFAFC}

.red, .required {color: #9E3A4B}

.reddark {color: #910000}

.blue {color: #185497}

.green {color: green;}

.bigger20 {font-size: 20px}

.bigger {font-size: 19px}

.bigger18 {font-size: 18px}

.bigger14 {font-size: 14px}

.bigger13 {font-size: 13px}

.imgpad {padding-left: 20px; padding-bottom: 10px; padding-right: 25px;} 

.imgrightpad {padding-left: 20px; padding-bottom: 10px;} 

.memimg {border: solid 2px black}

.jumplinks {line-height: 28px; padding: 5px 0; letter-spacing: -0.3px;}

#mailing {padding: 20px 0;}

.donate {vertical-align: middle}

.dasja {width: 323px; margin: 11.5% 0 0 62%;}
.dasja2 {width: 285px; padding-left: 463px; padding-top: 10px;}
.dasja3 {padding-left: 186px; padding-top: 320px; margin-bottom: 40px}

#paradelink {position: relative; z-index: 2; padding-left: 80px; padding-top: 10px}
#paradecount {position: relative; z-index: 3; margin-left: 280px; margin-top: 30px; border: 1px solid #000000; padding: 7px; width: 380px}
#paradebot {position: absolute; bottom: -4px; z-index: 1 !important;} 
/*#paradebot:not(*:root) {top: 1003px;}  for Chrome */
#register { position:relative; z-index: 10; font-size: 22px;}
.registerlink {margin: 35px 0; font-size: 24px;}

#partiesbot {position: absolute; bottom: -4px;}
form.cocktail {z-index: 10}
select.partyloc {size: 18px; height: 100px; margin: -65px 0 -20px}
select.dinner  {size: 16px; height: 75px; margin-top: -35px}
#partiesform {display:none}

.baloons {position: absolute; top: 0; right:0 ; z-index: 100}

#homebot {padding-bottom: 350px !important; padding-bottom: 370px;}

.productpic {width: 200px}

/*.pluginSkinDark, .pluginSkinDark .fcb {color: #ffffff}*/

/*#beachbot {position: absolute; top: 790px; float:left; z-index: 1}*/

/*.subscribe {padding-bottom: 232px !important; padding-bottom: 240px} */

#side {width: 130px; color: #FFFFFF; text-align: center; float: inherit; margin-left: 40px}
#side a:link {color: #FDDB5B; text-decoration: none;}
#side a:visited {color: #FDDB5B; text-decoration: none;}
#side a:hover {color: #9E3A4B; text-decoration: none;}
#side a:active {color: #C34141; text-decoration: none;}

.purchase {position: absolute; left: 682px; top: 1194px; width: 220px;}
.purchase2 {position: absolute; left: 44%; top: 1144px; width: 500px}
.purchase3 {position: absolute; left: 4px; top: 1197px; text-align: right; font-weight: 600; line-height: 25px;}
.purchase4 {position: absolute;  right: 22px; top: 300px; text-align: right;}
.supporterstext {position: absolute;  top: 125px;; text-align: left; width: 243px; line-height: 21px; font-size: 16px;}

.voluntext {position: relative; width: 250px; margin-top: 20px;}
.voluntext2 {position: absolute; left: -30px; top: 1166px; width: 220px; text-align: right;}

#links1 {position: absolute; top: 330px; left: 370px; z-index: 1}
#links3 {margin-top: 50%;}
#links4 {position: absolute; top: 915px; left: 750px;}
#links5 {margin-left: 12px; text-align: center;}

.contactmail {padding: 240px 0 25px 120px; width: 330px;}

ul.terms {padding-left: 1px; list-style:none; margin-bottom: 0px; padding-bottom: 0px}

ul.terms > li {padding-bottom: 8px}

ul.terms > li:before {font-size: 23px; content: '\2022'; padding-right: 9px; color: #9E3A4B;}

#noliststyle {margin-left: 0px; list-style:none}

.small {font-size: 11px;}

.paypal {} 

.addcart {top: 18px; position:relative; border: 0px; border-style: none; width: 138px; height: 42px;}

.noleftpad {padding-left: 0px;}

hr {height: 1px; background-color: #7A8899; border:0px }

.underline {text-decoration: underline}

.blackborder {border-color: #000000}

.lessheight {line-height: 18px}

.indent {padding-left: 42px}

.home2 {margin-top: 22px}

.padleft10 {padding-left: 10px}
.padleft20 {padding-left: 20px}
.padtop5 {padding-top: 5px}
.padtop8 {padding-top: 8px}
.padtop15 {padding-top: 15px}
.padtop20 {padding-top: 20px}

.padbot15 {padding-bottom: 15px}
.padbot20 {padding-bottom: 20px}
.padbot30 {padding-bottom: 30px}

.center {text-align:center}

.aligncenter {display: flex; margin: 0 auto}

.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.kgvid_video_gallery_thumb {margin: 10px 30px 25px 0!important;}

.featherlight .featherlight-content .caption {text-align:center!important; margin-top: 8px;}

/* WP Blocks*/

.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption {
  text-align: center;
}

.winners .wp-block-image img, .winners .figcaption  {max-width: 300px!important;}
.winners .wp-block-column  {width: 300px!important;}

.parties .wp-block-columns {margin-bottom: 0;}

.wp-block-image {margin: 0;}

.m0 {margin-top: 0!important; margin-bottom: 0!important;}
.m8 {margin-top: 8px!important;}

/*.caption { position: relative; bottom: 20px; height: 0; color: white }
*/
/* Form defaults */

input, select, textarea {border: solid 1px #185497; font-size: 15px; color: #000000; font-weight: normal; padding: 4px;}
#email input {text-transform: lowercase;}


input {height: 22px;}
select {height: 30px;}

input[type="checkbox"], input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
	 /*border: 0px;
    width: 100%;
    height: 1.2em;*/
}


/* Contact Form */

.button, .ticket-selector-submit-btn, #spco-payment-method-redirect-form input {background-color: #FEFEEF; border: solid 1px #7A8899; color: #9E3A4B; font-size: 16px; font-weight: 600; cursor: pointer; height: 44px; padding: 10px;}

.button:hover, .ticket-selector-submit-btn:hover {background-color: #ddd; border: solid 1px #9E3A4B; color: #d54e21;}

.contactfield, .field input {border-color: #7A8899; border-style: solid; background: url(https://poodleday.com/images/transparent.gif); border-width: 1px; font-size: 14px; padding: 4px; text-transform: lowercase!important;}

/* Caldera Forms */
.caldera-grid ul.cf2-list-files .cf2-file-listed .cf2-file-extra-data {margin-top: -20px!important;}

#caldera_form_1 .row {margin-top: 20px;}

}

/* Event Espresso Registration*/

#spco-attendee_information-dv fieldset input, #spco-attendee_information-dv fieldset textarea {text-transform: lowercase!important;} /* Prevent UPPERCASE form fields - not working*/
#spco-attendee_information-dv fieldset input::first-line, #spco-attendee_information-dv fieldset textarea::first-line{text-transform: capitalize!important;} /* Capitalize form fields */
#spco-attendee_information-dv fieldset input.ee-reg-qstn-email::first-line {text-transform: lowercase!important;} /* lowercase email field */

.powered-by-event-espresso-credit, .ee-form-add-new-state-lnk, .spco-attendee-lgnd {display: none;}

#new_state_micro_form {margin-top: -22px;}

.ticket-required-pg {color: #a73e50!important; font-size: 1em!important;}

p.ee-reg-form-qstn-grp-desc-pg {color:#2d2d2d!important; font-size: 0.95em}

table.tkt-slctr-tbl tr {height: 82px; border-bottom: 2px dotted hsl(211.7, 72.6%, 34.3%);}

.ticket-selector-submit-btn-wrap {margin-right: 9.6%;}

.ee-reg-qstn {margin: 4px 0;}

.ee-text-input-dv {margin-top: 10px;}

#ee-single-page-checkout-dv h4.spco-steps-display-hdr {font-size: 14px!important;}

.tkt-slctr-tbl-wrap-dv {font-size: 16px!important;} 

.currency-code {display: none;}

#details-3575:before {content:"Event "}
#price-3575 {text-align: right; padding-right: 18px;}

#spco-steps-big-hdr, .spco-payment-method-hdr, #spco-attendee_information-pg {color: #2d2d2d!important;} 
#spco-steps-big-hdr:before {content: "Registration"}

.small-text {font-size: 1em!important;}
.smaller-text {font-size: 0.9em!important; line-height: 1.6em; color: #2d2d2d;}

#spco-steps-display-dv {margin-top: 15px!important;}

tr.item {height: 66px;}

.ee-reg-qstn-19-input-dv {border: 2px dotted green; padding: 12px; font-size: 18px;}

label.ee-checkbox-label-after {font-weight: 600; text-transform: uppercase; font-size: 21px; color: green;}

/*.ee-radio-label-after, .ee-checkbox-label-after {font-size: 17px!important;} */

.spco-grand-total {font-size: 20px; height: 64px; color: #9E3A4B;}

#ee-available-payment-method-inputs-paypal_express-lbl img {vertical-align: top; max-width: 288px !important; margin: -14px 20px;}

.spco-whats-next-buttons {padding: 0!important;}

#reg-page-totals-hdr {display: none}

#spco-payment-info-table tr:first-child {height: 38px;}

#spco-payment-info-table th:first-child {text-align:left;}

#method-of-payment-hdr {margin: .2em 0 .5em!important;}

#ee-single-page-checkout-dv .spco-payment-method-input-dv label {min-height: 10px!important;}

#ee-single-page-checkout-dv input[type="radio"], #ee-single-page-checkout-dv input[type="checkbox"] {
    top: 10px;
    width: 13px;
    height: 13px;
}

.tiny-text {font-size: .9em;}

div.ee-registration-details-dv p {display:none!important;}

.ee-registration-details-dv a[href*="attendee_information"] {display:none;}

.ee-ticket-selector-ticket-details-th {text-align: left;}

/*.ee-reg-qstn-13  {pointer-events: none; background:#d2d2d2;}*/

.ee-ticket-selector-ticket-price-th {width: 14%!important; padding-left: 17px;}

/*.tckt-slctr-tbl-td-price {text-align: left!important;}

tckt-slctr-tbl-td-qty {vertical-align: initial;}*/

tr.ee-ticket-parade-registration-saturday-october-1-2022-price-is-per-dog { border-bottom: dashed 1px #4673c5;}

/* hide add new state link */
#new_state_micro_form {display: none}


@media only screen and (min-width: 768px) {
#ee-single-page-checkout-dv input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]) {
    width: 70%!important;}
	 
div.ee-select-input-dv {display: block;}

#ee-single-page-checkout-dv select {width: 71.6%!important; height: 35px!important;}

#pullover select {width: 45%!important;}

#ee-single-page-checkout-dv textarea {width: 69.6%!important;}
}


/* Added 7-7-2023 after update */
table.spco-ticket-details tbody td:first-child {
    font-size: clamp(1.2rem, 100%, 1.5rem)!important;}
    
.ee-reg-form-attendee-dv {margin-block-start: 2.5rem!important;}

/* Added 2021 */
tr.item > td.jst-rght:nth-child(4) {font-weight: bold;}

/* Checkboxes */

:checked + span {
    background:#0f0;
    display:inline-block;    
}
[type="checkbox"][disabled] + span {
    background:#f00;  
}

#ee_reg_qstn-75-19-yes-lbl {
    position:relative;   
    cursor:pointer;
}

#ee_reg_qstn-75-19-yes-lbl label [type="checkbox"] {
    display:none;
}

[type="checkbox"] {
    display:inline-block;
    padding:1em;
}
#ee_reg_qstn-75-19-yes {
    width: 23px;
    height: 23px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


/* Added 050125 timer, event title */

.ee-attention {border: 2px dotted hsl(211.7, 72.6%, 34.3%)!important;}

.big-event-title-hdr {font-size: clamp(1.5rem, 100%, 4rem)!important;}


/* Added 050625 erro messages position*/
#espresso-notices{left: 0!important};


/* Volunteer Form */

.field label {width: 130px; height: 45px; display: inline-block;}

.field input {width: 230px;}

.checkboxtext {width: 130px;}

.checkboxtext {width: 130px;}

.volunreg .submit {padding: 30px 134px;}

.eventday label {margin-right: 35px; vertical-align: super;}

.offevent label {margin- bottom: 15px; vertical-align: super;}

input[type="checkbox"] {width: 19px; height: 19px; margin-top: -2px;}

/**** Woocommerce ****/

.woocommerce div.product p.price, .woocommerce div.product span.price {color: #9E3A4B!important; font-weight: 600;}
.woocommerce ul.products li.product .price {color: #185497!important; font-weight: 600; font-size: 1.1em!important;}
.woocommerce div.product .stock {padding-bottom: 28px; font-weight: 600; color: #38771d;}
.woocommerce div.product .in-stock {color: #0b6603!important;}
.woocommerce div.product p.stock {font-size: 1em;}

.woocommerce div.product form.cart .variations label {display: none;}
.woocommerce div.product form.cart .variations {margin-top: 20px;}

.woocommerce section.related  {clear: both; padding-top: 50px;} /* Clear related products*/
.product_meta {display: none;} /* Hide SKU and Category */
.woocommerce-tabs {display: none;} /* Hide addtional info tab and other tabs */

.woocommerce div.product div.images {margin-top: 24px;}

.woocommerce input {height: 30px; font-size: 16px;}

.woocommerce .button {height: 40px;}

.woocommerce div.product form.cart .button {margin-left: 15px; height: 40px; 
-webkit-box-shadow: 3px 3px 7px 0px rgba(34,34,34,0.6); 
box-shadow: 3px 3px 7px 0px rgba(34,34,34,0.6);}

.woocommerce a.button, .woocommerce input.button {
  line-height: 1.4!important;
  padding: .618em 1em 0em 1em!important;
-webkit-box-shadow: 3px 3px 7px 0px rgba(34,34,34,0.6)!important; 
box-shadow: 3px 3px 7px 0px rgba(34,34,34,0.6)!important;}

.woocommerce .checkout-button {margin-bottom: 30px!important; color:#FFFFFF!important; width: 92%; text-align: center;}

.woocommerce a.added_to_cart {padding-left: 10px;}

/* Product list view in product catalog / main shop page */
.woocommerce.columns-1 ul.products li.product {width: 100%!important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {1.8em 0 !important}
.woocommerce ul.products li.product a img {width: auto!important; float: left; margin-right: 40px!important; padding-top: 12px;}

.products li.post-5497 {margin-top: 25px!important;} /* increase margin before Scarf */

.pswp__caption__center {text-align: center!important; font-size: 15px!important; line-height: 10px!important;}

.woocommerce div.product div.images .flex-control-thumbs {padding-top: 25px!important;}

.woocommerce ul.products li.product .onsale {margin: -.5em -2em 0 0!important;}

.woocommerce span.onsale {background-color: #f1a23cf2!important;}

@media only screen and (min-width: 768px) {
/*.woocommerce div.product div.images {width: 45%!important;}
*/
.woocommerce .cart-collaterals .cart_totals {float: none; width: 65%!important; margin: 0 auto;}

.pswp__caption__center {font-size: 17px!important; line-height: 0px!important;}
}

/* Woocommerce Credit Card Form*/

#ppcp-credit-card-gateway-card-number, #ppcp-credit-card-gateway-card-expiry, #ppcp-credit-card-gateway-card-cvc {height: 42px!important;}

/* Old Shopping cart, probably unused */
.wp-cart-button-form input{
    border: 0!important;
    padding: 0px!important;
}

.wp-cart-button-form input {
    height: 42px;
}

/* Slider */

.n2-section-smartslider {padding: 8px 0;}

/* Dropdown menu */

.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
}
/*.dropdown .icon-arrow:before {
  font-family: 'FontAwesome';
  font-size: 17px;
  content: '\f0da';
  margin: 0 8px 0 -15px;
  color: #9E3A4B;
}
.dropdown .icon-arrow {
  position: absolute;
  display: block;
}
.dropdown .icon-arrow.open {
  content: '\f0d7';

}
.dropdown .icon-arrow.close {
  content: '\f0da';
}

.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
}
.dropdown .dropdown-menu li {
  padding: 0;
}
.dropdown .dropdown-menu li a {
  display: block;
  background: #b6b6b6;
  padding: 6px;
}
.dropdown .show {
  display: block;
  max-height: 9999px;
  margin-top: 5px;
}
.dropdown .hide {
  max-height: 0;
}*/

.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #fff;
  top: 14px;
  right: 10px;
}
.dropdown .icon-arrow.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrow.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown .icon-arrow:before {
  content: '\25BC';
}
.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown .dropdown-menu li {
  padding: 0;
}
.dropdown .dropdown-menu li a {
  display: block;
  background: #b6b6b6;
  padding: 7px;
}
.dropdown .dropdown-menu li a:hover {
  background: #185497;
}
.dropdown .show, .dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.dropdown .show {
  display: block;
  max-height: 9999px;
  margin-top: 5px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.dropdown .hide {
  max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}