div.cs-select{display:inline-block;vertical-align:middle;position:relative;text-align:left;background:#f0f0f0;z-index:100;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
div.cs-select:focus{outline:none;}
.cs-select select{display:none;}
.cs-select li {margin: 0px 0 3px 0;}
.cs-select span{display:block; position:relative; font-size: 16px;color: #5d5d5d; cursor:pointer;padding:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cs-select > span{padding-right:3em;}
.cs-select > span::after,
.cs-select .cs-selected span::after{speak:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.cs-select > span::after{    content: "\f107";right:1em;    font: normal normal normal 14px/1 FontAwesome;}
.cs-select .cs-selected span::after{content:'\2713';margin-left:1em;}
.cs-select.cs-active > span::after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.cs-select .cs-options{position:absolute;overflow:hidden;width:100%;background:#fff;visibility:hidden;}
.cs-select.cs-active .cs-options{visibility:visible;}
.cs-select ul{list-style:none;margin:0;padding:0;width:100%;}
.cs-select ul span{padding:1em;}
.cs-select ul li.cs-focus span{background-color:#ddd;}
.cs-select li.cs-optgroup ul{padding-left:1em;}
.cs-select li.cs-optgroup > span{cursor:default;}
.cs-skin-underline > span{padding:12px 30px 12px 20px; border:1px solid #becbd2; }
.cs-active  > span {border:1px solid #0eaba4!important; outline:1px solid #0eaba4; color: #0eaba4;}
.cs-skin-underline > span::after{ font-size: 24px; right:12px;-webkit-transform:translate3d(0,-50%,0) rotate3d(0,0,1,0deg);transform:translate3d(0,-50%,0) rotate3d(0,0,1,0deg);-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
.cs-skin-underline.cs-active > span::after{ color: #0eaba4; -webkit-transform:translate3d(0,-50%,0) rotate3d(0,0,1,270deg);transform:translate3d(0,-50%,0) rotate3d(0,0,1,180deg);}
.cs-skin-underline .cs-options{background:#fff;opacity:0;-webkit-transition:opacity 0.3s 0.4s, visibility 0s 0.7s;transition:opacity 0.3s 0.4s, visibility 0s 0.7s;}
.cs-skin-underline.cs-active .cs-options{opacity:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
.cs-skin-underline ul span{ background: #0eaba4; color: #fff; position:relative;padding:10px 20px;opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.cs-select ul span::after{content:'';opacity:0;}
.cs-select .cs-selected span::after{opacity:1;-webkit-transition:opacity 0.3s 0.7s;transition:opacity 0.3s 0.7s;}
.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.cs-skin-underline li:nth-child(5) span,
.cs-skin-underline li:nth-child(5) span::before,
.cs-skin-underline.cs-active li:first-child span,
.cs-skin-underline.cs-active li:first-child span::before{-webkit-transition-delay:0s;transition-delay:0s;}
.cs-skin-underline li:nth-child(4) span,
.cs-skin-underline li:nth-child(4) span::before,
.cs-skin-underline.cs-active li:nth-child(2) span,
.cs-skin-underline.cs-active li:nth-child(2) span::before{-webkit-transition-delay:0.05s;transition-delay:0.05s;}
.cs-skin-underline li:nth-child(3) span,
.cs-skin-underline li:nth-child(3) span::before{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.cs-skin-underline li:nth-child(2) span,
.cs-skin-underline li:nth-child(2) span::before,
.cs-skin-underline.cs-active li:nth-child(4) span,
.cs-skin-underline.cs-active li:nth-child(4) span::before{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.cs-skin-underline li:first-child span,
.cs-skin-underline li:first-child span::before,
.cs-skin-underline.cs-active li:nth-child(5) span,
.cs-skin-underline.cs-active li:nth-child(5) span::before{-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span{background:#fff; color: #0eaba4;}
