/*
red : # 93805A
grey: #484c4c

*/

@font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Black';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype'),
        url('../fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham-Light.ttf') format('truetype'),
        url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body{
    font-family: 'Gotham Light';
    font-size: 22px;
    color: #808080;
    font-weight: 300;
    background-image: url('/images/G.png'); background-position: right bottom; background-repeat: no-repeat; background-attachment: fixed;
}

a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #93805A; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/
.bg-white{background-color:#fff;}
.bg-yellow{background-color: #e8e3ae!important; }
.bg-green{background-color:#d1d7b5 !important;}
.bg-grey-blue{background-color:#8b9bb2 !important;}
.bg-light-grey {background-color:#f0f0f0 !important;}
/*  .bg-lake { 
    background:url('../images/lake-2.jpg'); 
    background-repeat:no-repeat;
    background-size:cover;
}*/

.btn {
    cursor:pointer;
}

.btn-brand{background-color: #93805A;  transition: all 0.32s ease-out; border:none; color: #FFF; font-weight: 600; font-size: 14px; padding: 10px 20px; letter-spacing: 1.5px; }
.btn-brand:hover{background-color: #666666; color: #FFF!important;}

.btn-primary {
    background-color:#5883a4;
    border:2px solid #5883a4;
}

.btn-primary:hover{
    background-color:#d1d7b5;
    border:2px solid #5883a4;
    color:#5883a4;
}

.btn-white {
    background-color: #fff;
    color: #5883a4 !important;
    font-size: 1.25rem;
    border:2px solid #fff;
}

.btn-white:hover {
    background-color: #5883a4 !important;
    color: #fff !important;
    border:2px solid #fff;
}

.btn-blue {
    background-color: #5883a4 !important;
    color: #fff !important;
    font-size: 1.25rem;
    border:2px solid #5883a4;
}

.btn-blue:hover {
    background-color: #fff !important;
    color: #5883a4 !important;
    border:2px solid #5883a4;
}

.btn-register{display: inline-block; background-color:#f6f6f6; color: #FFF; font-size: 2rem; border: 0px solid #FFF; padding: 8px 15px;}
.btn-register:hover{background-color: #FFF; color: #93805A;}

.viewAllLink{color: #93805A; font-size: 13px; font-weight: 600; }
.viewAllLink:after{content: url('../images/misc/link.png'); padding-left: 10px; }
.viewAllLink:hover{color: #484c4c;}
.text-white .viewAllLink:after{filter: brightness(2);}
.text-white .viewAllLink:hover{color: #000!important;}
.fp-details .viewAllLink:after{filter: contrast(.1);}

.text-brand{color:#93805A!important;}
.text-black{color:#000!important;}
.text-grey{color:#808080!important;}
.text-blue{color:#5884a5 !important;}

.gotham-light {
    font-family: 'Gotham Light' !important;
}

.gotham-book {
    font-family: 'Gotham Book' !important;
}

.gotham-bold {
    font-family: 'Gotham Bold' !important;
}

.gotham-black {
    font-family: 'Gotham Black' !important;
}

.has-bg{background-position: center; background-size: cover; }

.lh-15{line-height: 1.5;}

.fw-li{font-weight: 300;}
.fw-re{font-weight: 400;}
.fw-me{font-weight: 500;}
.fw-sb{font-weight: 600;}
.fw-bo, strong{font-weight: 700;}

.fs-40{font-size: 40px;}
.fs-35{font-size: 35px;}
.fs-24{font-size: 24px;}
.fs-22{font-size: 22px;}
.fs-21{font-size: 21px;}
.fs-20{font-size: 20px;}
.fs-16{font-size: 16px;}
.fs-15{font-size: 15px;}
.fs-14{font-size: 14px; }
.fs-13{font-size: 13px; }
.fs-12{font-size: 12px;}
.fs-11{font-size: 11px;}
.fs-10{font-size: 10px;}

h1 {font-size:70px; margin:0px;}
h2 {font-size:45px; margin:0px;}
h3 {font-size:40px; margin:0px;}

.has-overlay{position: relative;}
.overlay{position: absolute; width: 100%; height: 100%; display: flex; left: 0; top:0; align-items: center; justify-content: center; color: #FFF; opacity: 0; transition: all .35s linear;}
.overlay-1{background-color: rgba(149, 149, 149, .9);}
.overlay-2{background-color: rgba(47, 125, 110, .9);}
.overlay-3{background-color: rgba(54, 129, 188, .9);}
.overlay-4{background-color: rgba(204, 167, 89, .9);}

.has-overlay:hover .overlay{opacity: 1;}

.sub-heading{font-size: 16px;}
.sub-heading::before{content: url('../images//misc/line.png'); padding-right: 15px;}

.has-border{border:1px solid #93805A;}
.border-bottom{border-bottom: 1px solid #93805A!important;}

.border-1 {
    border:1px solid;
}

.border-grey{
    border-color: #808080;
}

.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(.96);
    cursor: pointer;
}
.text-linked{color: inherit;}


.accordion_head{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
.accordion_head:hover{cursor: pointer;}
.accordion_head .plusminus{color: #000; width: 40px;  height: 40px; text-align: center;}
.accordion_body{display: none; border-bottom: 1px solid #656565!important;  }

.customList{margin-left: -20px;   list-style: none;}
.customList li{margin-left: -15px; margin-bottom: 7px; padding-left: 1.5em;  position: relative;}
.customList li::after {
      content: '';
      height: .4em;
      width: .4em;
      background: #93805A;
      display: block;
      position: absolute;
      transform: rotate(45deg);
      top: .25em;
      left: 0;
}
.amm-list {
  max-width: 350px;
  counter-reset: counter;
  list-style: none;
  padding-left: 40px;
}
.amm-list li {
  margin: 0 0 0.5rem 0;
  counter-increment: counter;
  position: relative;
  font-size: 12px;
}
.amm-list li::before {
  content: counter(counter);
  color: #FFF;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  --size: 20px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
   background: #EF5A28;
  border-radius: 50%;
  text-align: center;
}

.bg-neighbourhood{ background-color: #004D37; /* For browsers that do not support gradients */  background-image: linear-gradient(rgba(0, 77, 55, 1), rgba(255, 255,255, .5));}

.navbar {
    background-color:#5883a4;
}

.navbar-nav li a {
    color:#fff;
}
.text-link{color: #656565;}
.text-link:hover{color: #5884A5}

footer{background-color: #5884A5;}
footer a:hover{color: inherit; transform: scale(.95);}

.list { font-size:20px;}

.form-heading {
    font-size:25px;
}

@media screen and (min-width:992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media screen and (min-width:993px) and (max-width:1400px){
    h1 {font-size:50px;}
}

@media screen and (min-width: 768px) and (max-width: 992px){
    h1{font-size: 55px;}
}


@media screen and (max-width: 767px){
    body{background-size: 60%;}
    .fs-35{font-size: 26px;}
    h1{font-size: 55px;}
    h2{font-size:30px;}
    h3 {font-size:17px;}
}

@media screen and (max-width: 576px){
   body {font-size:15px;}
    .fs-35{font-size: 23px;}
   h1{font-size: 25px;}
   h2{font-size:25px;}
   .list {
    font-size: 15px;
    }
}

.has-border{border: 1px solid #C4C1A7;}

/* Navigation */

#topNavigation{
    position: fixed; top:0 ; left: 0; z-index: 99; border-bottom: none;

    background-color: rgba(255, 255, 255, 1); /* For browsers that do not support gradients */
  background-image: linear-gradient(rgba(193, 193, 193, 0), rgba(255,255,255, 0));
  /* border-bottom: 1px solid #93805A; */
  box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
}
.logo-wh{display: none;}

.btn-menu{filter:brightness(0.5);}
.btn-menu:hover{cursor: pointer;}

#welcome  #topNavigation{position: fixed; top:0 ; left: 0; z-index: 99; border-bottom: none;}
#welcome .logo-gs{display: none;}
#welcome .logo-wh{display: block;}
#welcome .btn-menu{filter: brightness(0);}




.menu-wrapper{position: fixed; right: -150vw; opacity: 0; transition: all .40s linear; top: 0; width:100VW; height: 100%;  z-index: 999;    background-image: linear-gradient(rgba(193, 193, 193, .8), rgba(255,255,255, .4));}
.menu{width: 100%; max-width: 900px; background-color: #93805A; height: 100%; display: flex; align-items: center; float: right; overflow: auto; position: relative;}

.menu-wrapper #btn-close{position: absolute; right: 65px; top: 42px;}
.menu-wrapper #btn-close:hover{cursor: pointer;}

.menu-items{list-style-type: none; }
.menu .nav-link{color: #FFF; font-size: 22px; font-weight: 300; margin-bottom: 12px;}
.menu .nav-link:hover{color: #484c4c;}
.menu .activeNav{color: #484c4c!important; font-weight: 600;}

.ShowMenu{right: 0!important; opacity: 1!important; width: 100%;}
.menu-open{overflow: hidden;}

#mainNavigation .navbar-nav .nav-item .dropdown-menu{
    width: 300px;
}
#mainNavigation .navbar-nav .nav-item .dropdown-menu .coming-soon{
    width: 300px;
}

.line-height-0 {line-height:0px;}
.fixed-top {position:fixed;}

@media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block; }
  .dropdown-menu{ margin-top: 0; }
  .dropdown-toggle{margin-bottom: 2px; }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}
  .overlay wrapper h2{ font-size:40px;}
  .overlay wrapper p{ font-size:24px;}
}



@media screen and (max-width: 576px){
   .img-logo{width: 175px;}
   .navbar-brand {font-size:0.9rem;}
}


@media(min-width:768px) and (max-width: 991px){
}

@media screen and (min-width:992px){

}

.amm-map{width: calc(100% - 400px); float: left;}
.amm-map img{border-top: 1px solid #666666; border-left: 1px solid #666666;  border-bottom: 1px solid #666666;  }
.amm-legend{width: 400px; float: left; background-color: #EEEEEE;  overflow: auto;}

.amm-legend .accordion_head{background-position: left;  background-repeat: no-repeat; padding-left: 50px; padding-bottom: 15px;}

.amm-legend #shopping{background-image: url('/images/misc/shopping.png');}
.amm-legend #dining{background-image: url('/images/misc/dining.png');}
.amm-legend #recreation{background-image: url('/images/misc/recreation.png');}
.amm-legend #education{background-image: url('/images/misc/education.png');}

.btn-shadow{box-shadow: 3px 3px 5px #888888;}

/** Carousel Code **/

.carousel-indicators li {
    width:15px;
    height:15px;
    opacity:0.6;
    border: 1px solid #fff;
    border-radius:50%;
}

@media screen and (min-width:992px) and (max-width:1200px){
  h2 {font-size:40px;}
  p{font-size:19px;}
}

@media screen and (min-width:992px){
  .copyrightDiv{height: 98%;}
}

@media screen and (max-width:992px){
    .p-xs-0 {
        padding:0px;
    }
}




.img-wrapper{position: relative;}
.img-wrapper .img-thumbs{position: absolute; bottom: 1px; right: 1px; }
.img-wrapper .img-thumbs img{width: 55px; height: 55px; border: 2px solid #FFF; transition: all .25s ease-in-out;}
.img-wrapper .img-thumbs img:hover{border: 2px solid #93805A; cursor: pointer;}



/* NEIGHBOURHOOD MAP */

.desc_box {
	position: absolute;
	background: #7C96B2;
    padding: 15px 15px 0 15px;
	border: 3px solid #7C96B2;
    display: none;
    min-width:190px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50% , -100%);

}
area:focus{outline: none;}
.PopUPText{font-size: 16px; color: #FFF;  }
.PopUPText .badge{ background-color: #7C96B2; color: #FFF; border-radius: 50%; font-size: 14px;}

@media screen and (max-width: 576px){
   .desc_box{display:none!important;}
}
/* NEIGHBOURHOOD MAP ENDS */

#map{height: 600px; width: 100%;}

#ammNav {width: 250px; float: left; padding: 0;}
#ammNav  .navbar-nav{flex-direction: column;}
#ammNav .nav-link{color: #000; font-size: 13px; padding-left: 0; font-weight: 400;}
#ammNav .nav-link:hover{color: #93805A;}



.content-wrapper{width: calc(100% - 250px); float: left;}
.with-caption{position: relative;}
.with-caption .caption{position: absolute; left: 0; bottom: 0; width: 100%; color: #FFF; background-color: #5782a2; text-align: right; font-size: 13px; padding: 7px;}

.did-you-know{background-image: url('../images/area-amenities/education-did-you-know.jpg'); height: 100%; min-width: 400px;}

.fixed-register {
    bottom:10px;
    right:10px;
    border-radius:5px;
    z-index:10;
}

.btn-white {
    background-color:#fff !important;
    color:#5883a4 !important;
}

.btn-white-blue {
    background-color:#5883a4 !important;
    color:#fff !important;
    border:2px solid #fff;
}






@media screen and (max-width: 767px){
    .menu .nav-link{margin-bottom: 0px; font-size: 16px;}
   .amm-legend{width: 100%; min-height: 500px;}
   .amm-map{width: 100%; border-right: 1px solid #93805A;}

   #ammNav{width: 100%; margin-bottom: 25px;}
   #ammNav #navbarNav{padding-left: 15px;}
   .content-wrapper{width: 100%;}
    #ammNav  .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .navbar-toggler {border-color: rgb(255, 255, 255);}
    .navbar-toggler:focus, .navbar-toggler:active {
        outline: none;
        box-shadow: none;
    }

    .fixed-register {
        bottom:0px;
        right:0px;
        left:0px;
        border-radius:0px;
        z-index:10;
    }

    .fixed-register .btn-white-blue{
        width:100%;
    } 
    
    .sml-pad {
        padding-bottom: 20px;
    }

    .btn-white-blue {
    background-color:#5883a4 !important;
    color:#fff !important;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    border-radius:0px;
    padding-top:10px;
    padding-bottom:10px;
    }

    .navbar {
        border-bottom: 2px solid #fff;
        padding-top:.7rem;
        padding-bottom:.7rem;
    }    
}


#popUp  .modal-content{border: 12px solid #5782a2;}
@media screen and (max-width: 991px){
    #popUp .logo-cachet{width: 175px;}
    #popUp .logo-generations{width: 150px;}
}

@media screen and (min-width: 1199px){
   #popUp .modal-xl{max-width: 1140px;}
}

@media screen and (min-width: 575px) and (max-width: 767px){
    h1 {font-size:40px !important;}
}    

@media screen and (max-width: 576px){
   .menu .nav-link{margin-bottom: -5px; font-size: 14px;}
}


.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/misc/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/misc/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/misc/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/misc/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out;
    -moz-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

 

@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

#registrationForm .form-control{border-radius: 0;}
#registrationForm .form-control::placeholder { color: #495057; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #495057;}
#registrationForm .form-control::-ms-input-placeholder { color: #495057;}


#registrationForm .form-control{border-radius: 0; border: 1px solid #6D470F; margin-bottom: 27px;}
#registrationForm .form-control::placeholder { color: #495057; opacity: 1; }
#registrationForm .form-control:-ms-input-placeholder { color: #495057;}
#registrationForm .form-control::-ms-input-placeholder { color: #495057;}
#registrationForm  select {
    display: block;
   line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236D470F%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}