/*----------------------------------------------------------------------------------------------------

General styling

----------------------------------------------------------------------------------------------------*/

@-webkit-keyframes fstAnimationEnter {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -1em, 0); }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0); } }



@-moz-keyframes fstAnimationEnter {

  from {

    opacity: 0;

    -moz-transform: translate3d(0, -1em, 0); }

  to {

    opacity: 1;

    -moz-transform: translate3d(0, 0, 0); } }



@keyframes fstAnimationEnter {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -1em, 0);

    -moz-transform: translate3d(0, -1em, 0);

    -ms-transform: translate3d(0, -1em, 0);

    -o-transform: translate3d(0, -1em, 0);

    transform: translate3d(0, -1em, 0); }

  to {

    opacity: 1;

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



.fstElement {

  display: inline-block;

  position: relative;

  border: 1px solid #bbbbbb; border-radius: 0px;  

  box-sizing: border-box;

  color: #232323;/*height: 75px;*/ width:100%; height:40px;

  font-size: 1.1em;

  background-color: #fff; }
  

  
  

  .fstElement > select,

  .fstElement > input {

    position: absolute;

    left: -999em; }



.fstToggleBtn {

    font-size: 14px;

    display: block;

    position: relative;

    box-sizing: border-box;

    padding: 0.5em;

    min-width: 14.28571em;

    cursor: pointer;

}

  .fstToggleBtn:after {

    position: absolute;

    content: "";

    right: 0.71429em;

    top: 50%;

    margin-top: -0.17857em;

    border: 0.35714em solid transparent;

    border-top-color: #cacaca; }



.fstQueryInput {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  outline: none;

  box-sizing: border-box;

  background: transparent;

  border: 0; }



.fstResults {

  position: absolute;

  left: -1px;

  top: 100%;

  right: -1px;

  max-height: 11em;

  overflow-x: hidden;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  border: 1px solid #D7D7D7;

  border-top: 0;

  background-color: #FFF;

  display: none; }



.fstResultItem {

  font-size: 14px;

  display: block;

  padding: 0.5em 0.71429em;

  margin: 0;

  cursor: pointer;

  border-top: 1px solid #fff; }

  .fstResultItem.fstUserOption {

    color: #707070; }

  .fstResultItem.fstFocused {

    color: #fff;

    background-color: #43A2F3;

    border-color: #73baf6; }

  .fstResultItem.fstSelected {

    color: #fff;

    background-color: #2694f1;

    border-color: #73baf6; }



.fstGroupTitle {

  font-size: 1.4em;

  display: block;

  padding: 0.5em 0.71429em;

  margin: 0;

  font-weight: bold; }



.fstGroup {

  padding-top: 1em; }

  .fstGroup:first-child {

    padding-top: 0; }



.fstNoResults {

  font-size: 1.4em;

  display: block;

  padding: 0.71429em 0.71429em;

  margin: 0;

  color: #999; }



/*----------------------------------------------------------------------------------------------------

Single Mode

----------------------------------------------------------------------------------------------------*/

.fstSingleMode .fstControls {

  position: absolute;

  left: -1px;

  right: -1px;

  top: 100%;

  padding: 0.5em;

  border: 1px solid #D7D7D7;

  background-color: #fff;

  display: none; }



.fstSingleMode .fstQueryInput {

  font-size: 15px;

  display: block;

  width: 100%;

  padding: 0.5em 0.35714em;

  color: #999;

  border: 1px solid #D7D7D7; }



.fstSingleMode.fstActive {

  z-index: 100; }

  .fstSingleMode.fstActive.fstElement,

  .fstSingleMode.fstActive .fstControls,

  .fstSingleMode.fstActive .fstResults {

    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }

  .fstSingleMode.fstActive .fstControls {

    display: block; }

  .fstSingleMode.fstActive .fstResults {

    display: block;

    z-index: 10;

    margin-top: -1px; }



/*----------------------------------------------------------------------------------------------------

Multiple mode

----------------------------------------------------------------------------------------------------*/

.fstChoiceItem {

  display: inline-block;

  font-size: 1.2em;

  position: relative;

  margin: 0 0.41667em 0.41667em 0;

  padding: 0px 4px 0px 16px;

  float: left;

  border-radius: 0.25em;

  border: 1px solid #43A2F3;

  cursor: auto;

  color: #fff;

  background-color: #43A2F3;

  -webkit-animation: fstAnimationEnter 0.2s;

  -moz-animation: fstAnimationEnter 0.2s;

  animation: fstAnimationEnter 0.2s; }

  .fstChoiceItem.mod1 {

    background-color: #F9F9F9;

    border: 1px solid #D7D7D7;

    color: #232323; }

    .fstChoiceItem.mod1 > .fstChoiceRemove {

      color: #a4a4a4; }

.fstControls .fstChoiceItem {

    font-size: 12px !important;

}

.multi-select-box .dropdown button, .multi-select-box select {

    padding: 0px 5px !important;

}

.fstChoiceRemove {

  margin: 0;

  padding: 0;

  border: 0;

  cursor: pointer;

  background: none;

  font-size: 1.16667em;

  position: absolute;

  left: 0;

  top: 50%;

  width: 1.28571em;

  line-height: 1.28571em;

  margin-top: -0.64286em;

  text-align: center;

  color: #fff; }

  .fstChoiceRemove::-moz-focus-inner {

    padding: 0;

    border: 0; }


.fstMultipleMode .fstControls {
    box-sizing: border-box;
    padding: 5px 10px 0px 10px;
    overflow-y: scroll;
    height: 73px;
    cursor: text;
    width: 100%;
}



.fstMultipleMode .fstQueryInput {

  font-size: 14px;

  float: left;

  padding: 0.28571em 0;

  margin: 0 0 0.35714em 0;

  width: 2em;

  color: #999; }



.fstMultipleMode .fstQueryInputExpanded {

  float: none;

  width: 100%;

  padding: 0.28571em 0.35714em; }



.fstMultipleMode .fstFakeInput {

  font-size: 1.4em; }



.fstMultipleMode.fstActive,

.fstMultipleMode.fstActive .fstResults {

  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }



.fstMultipleMode.fstActive .fstResults {

  display: block;

  z-index: 10;

  border-top: 1px solid #D7D7D7; }

.fstMultipleMode .fstControls {
    height: 40px !important;
    overflow-y: scroll !important;
}
@media(max-width:767px){
input#phone {
    margin-top: 15px;
}
}