@charset "UTF-8";
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 200;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 24px; } }

small,
.small {
  font-size: 75%; }

mark,
.mark {
  background-color: #F9D33C;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #518446; }

a.text-success:hover,
a.text-success:focus {
  color: #3d6334; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #6d5607; }

a.text-warning:hover,
a.text-warning:focus {
  color: #3d3004; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #CFEFA7; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #b7e77c; }

.bg-info {
  background-color: #4FCAE6; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #22bde0; }

.bg-warning {
  background-color: #F9D33C; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7c80b; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.428571429; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -20px;
  margin-right: -20px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.3333333333%; }

.col-xs-2 {
  width: 16.6666666667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.3333333333%; }

.col-xs-5 {
  width: 41.6666666667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.3333333333%; }

.col-xs-8 {
  width: 66.6666666667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.3333333333%; }

.col-xs-11 {
  width: 91.6666666667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.3333333333%; }

.col-xs-pull-2 {
  right: 16.6666666667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.3333333333%; }

.col-xs-pull-5 {
  right: 41.6666666667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.3333333333%; }

.col-xs-pull-8 {
  right: 66.6666666667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.3333333333%; }

.col-xs-pull-11 {
  right: 91.6666666667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.3333333333%; }

.col-xs-push-2 {
  left: 16.6666666667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.3333333333%; }

.col-xs-push-5 {
  left: 41.6666666667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.3333333333%; }

.col-xs-push-8 {
  left: 66.6666666667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.3333333333%; }

.col-xs-push-11 {
  left: 91.6666666667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.3333333333%; }
  .col-sm-2 {
    width: 16.6666666667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333333%; }
  .col-sm-5 {
    width: 41.6666666667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.3333333333%; }
  .col-sm-8 {
    width: 66.6666666667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.3333333333%; }
  .col-sm-11 {
    width: 91.6666666667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.3333333333%; }
  .col-sm-pull-2 {
    right: 16.6666666667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.3333333333%; }
  .col-sm-pull-5 {
    right: 41.6666666667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.3333333333%; }
  .col-sm-pull-8 {
    right: 66.6666666667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.3333333333%; }
  .col-sm-pull-11 {
    right: 91.6666666667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.3333333333%; }
  .col-sm-push-2 {
    left: 16.6666666667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.3333333333%; }
  .col-sm-push-5 {
    left: 41.6666666667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.3333333333%; }
  .col-sm-push-8 {
    left: 66.6666666667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.3333333333%; }
  .col-sm-push-11 {
    left: 91.6666666667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.3333333333%; }
  .col-md-2 {
    width: 16.6666666667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.3333333333%; }
  .col-md-5 {
    width: 41.6666666667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.3333333333%; }
  .col-md-8 {
    width: 66.6666666667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.3333333333%; }
  .col-md-11 {
    width: 91.6666666667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.3333333333%; }
  .col-md-pull-2 {
    right: 16.6666666667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.3333333333%; }
  .col-md-pull-5 {
    right: 41.6666666667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.3333333333%; }
  .col-md-pull-8 {
    right: 66.6666666667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.3333333333%; }
  .col-md-pull-11 {
    right: 91.6666666667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.3333333333%; }
  .col-md-push-2 {
    left: 16.6666666667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.3333333333%; }
  .col-md-push-5 {
    left: 41.6666666667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.3333333333%; }
  .col-md-push-8 {
    left: 66.6666666667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.3333333333%; }
  .col-md-push-11 {
    left: 91.6666666667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.3333333333%; }
  .col-lg-2 {
    width: 16.6666666667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.3333333333%; }
  .col-lg-5 {
    width: 41.6666666667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.3333333333%; }
  .col-lg-8 {
    width: 66.6666666667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.3333333333%; }
  .col-lg-11 {
    width: 91.6666666667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.3333333333%; }
  .col-lg-pull-2 {
    right: 16.6666666667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.3333333333%; }
  .col-lg-pull-5 {
    right: 41.6666666667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.3333333333%; }
  .col-lg-pull-8 {
    right: 66.6666666667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.3333333333%; }
  .col-lg-pull-11 {
    right: 91.6666666667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.3333333333%; }
  .col-lg-push-2 {
    left: 16.6666666667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.3333333333%; }
  .col-lg-push-5 {
    left: 41.6666666667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.3333333333%; }
  .col-lg-push-8 {
    left: 66.6666666667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.3333333333%; }
  .col-lg-push-11 {
    left: 91.6666666667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "WeblySleek UI", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.428571429;
  color: #4e5758;
  background-color: #f7f9fa; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 3px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only, .form-placeholders :not(.checkbox).field > label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

/*!
 * # Semantic UI 2.2.3 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: transparent; }

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity; }

.ui.dropdown .menu > * {
  white-space: nowrap; }

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important; }

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em; }

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em; }

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none; }

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none; }

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px; }

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important; }

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em; }

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase; }

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em; }

.ui.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem; }

.ui.dropdown .menu > .header + .input {
  margin-top: 0em; }

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em; }

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4); }

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal; }

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4); }

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100% !important;
  right: auto !important;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important; }

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none; }

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em; }

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em; }

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem; }

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 2em; }

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none; }

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none; }

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em; }

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%; }

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em; }

.ui.button.dropdown .menu {
  min-width: 100%; }

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotate(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.7142em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease; }

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10; }

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible; }

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.2142em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.78571429em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px; }

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% +  2px);
  width: calc(100% +  2px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none; }

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem; }

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem; } }

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal; }

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none; }

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none; }

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  box-shadow: none; }

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8); }

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); }

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3; }

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important; }

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important; }

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: ''; }

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit; }

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2; }

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3; }

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.2142em;
  padding: 0.67861429em 2.1em 0.67861429em 1em; }

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.2142em;
  padding: 0.67861429em 2.1em 0.67861429em 1em;
  display: none;
  white-space: pre; }

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto; }

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none; }

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45; }

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important; }

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem; } }

@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem; } }

@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem; } }

@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem; } }

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22620476em 2.1em 0.22620476em 0.35714286em; }

.ui.multiple.dropdown .menu {
  cursor: auto; }

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text; }

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; }

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: ''; }

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important; }

.ui.multiple.dropdown > .label ~ .text {
  display: none; }

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  line-height: 1.21428571em; }

.ui.multiple.search.dropdown > .label ~ .text {
  display: none; }

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45240952em 0em 0.45240952em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em; }

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit; }

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline; }

.ui.inline.dropdown > .text {
  font-weight: bold; }

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem; }

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12; }

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13; }

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
  padding: 1.14285714em 1.07142857em !important; }

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1); }

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em; }

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none; }

@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87); }

.ui.dropdown:not(.button) > input:focus + .default.text,
.ui.default.dropdown:not(.button) > input:focus + .text {
  color: rgba(115, 115, 115, 0.87); }

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none; }

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1; }

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95); }

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden; }

.ui.dropdown .filtered.item {
  display: none !important; }

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38; }

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4; }

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4; }

.ui.dropdown.error > .menu > .item {
  color: #9F3A38; }

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4; }

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2; }

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF; }

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45; }

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px; }

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important; }

/* Left Flyout Menu */
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto !important;
  right: 100% !important;
  border-radius: 0.28571429rem !important; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em; }

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0.78571429rem 0em 0em; }

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em; }

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important; }

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; }

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em; }

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); }

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; }

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); }

.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); }

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto; }

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important; }

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15); }

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
  padding-right: calc( 1.14285714rem  +  17px) !important; }

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none; }

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block; }

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% -  17px); } }

@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem; } }

@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem; } }

@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem; } }

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none; }

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease; }

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important; }

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1; }

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1; }

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden; }

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block; }

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em; }

.ui.fluid.dropdown > .dropdown.icon {
  float: right; }

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important; }

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important; }

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2; }

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em; }

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em; }

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Top Right  Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em; }

.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto;
  right: 1em;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em; }

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em; }

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg); }

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em; }

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important; }

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto; }

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto; }

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto; }

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em; }

/* Upward pointing */
.ui.upward.pointing.dropdown > .menu,
.ui.upward.top.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem; }

.ui.upward.pointing.dropdown > .menu:after,
.ui.upward.top.pointing.dropdown > .menu:after {
  top: 100%;
  bottom: auto;
  box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em; }

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal; }

.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center; }

.ui.dropdown > .dropdown.icon {
  width: auto; }

.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7'; }

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: ""; }

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: ""; }

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: ""; }

/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.2.3 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Transitions
*******************************/
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important; }

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px; }

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden; }

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/ }

/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

/*******************************
          Variations
*******************************/
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn; }

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft; }

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight; }

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1; }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999; }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999; } }

/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% {
    opacity: 1; }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0; } }

/*--------------
     Drop
---------------*/
.drop.transition {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn; }

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut; }

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

/*--------------
      Fade
---------------*/
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%); } }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%); } }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%); } }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%); } }

/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms; }

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut; }

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn; }

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut; }

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; } }

@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; } }

/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0; } }

@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }

@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0; } }

/*--------------
      Scale
---------------*/
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn; }

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut; }

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9); } }

/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn; }

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp; }

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown; }

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft; }

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight; }

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut; }

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp; }

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown; }

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft; }

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight; }

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  100% {
    -webkit-transform: none;
    transform: none; } }

/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); } }

@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }

@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

/*--------------
     Swing
---------------*/
.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center; }

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center; }

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); } }

@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); } }

@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); } }

@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); } }

/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0; } }

@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg); }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg); }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg); }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0; } }

/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash; }

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake; }

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce; }

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada; }

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse; }

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle; }

/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

/* Shake */
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

/* Bounce */
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

/* Rubberband */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/*******************************
         Site Overrides
*******************************/
@font-face {
  font-family: "WeblySleek UI";
  src: url("/National_Library/20160517234414oe_/https://store.xamarin.com/Content/css/fonts/ws-ui.eot");
  src: local("☺︎"), url("/National_Library/20160517234414oe_/https://store.xamarin.com/Content/css/fonts/ws-ui.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: "WeblySleek UI";
  src: url("/National_Library/20160517234414oe_/https://store.xamarin.com/Content/css/fonts/ws-ui-semibold.eot");
  src: local("☺︎"), url("/National_Library/20160517234414oe_/https://store.xamarin.com/Content/css/fonts/ws-ui-semibold.woff") format("woff");
  font-weight: 700; }

@font-face {
  font-family: "WeblySleek UI";
  src: url("/National_Library/20160517234414oe_/https://store.xamarin.com/Content/css/fonts/ws-ui-light.eot");
  src: local("☺︎"), url("/National_Library/20160517234414oe_/https://store.xamarin.com/Content/css/fonts/ws-ui-light.woff") format("woff");
  font-weight: 100; }

@font-face {
  font-family: 'custom-icons';
  src: url("/National_Library/20160517234414oe_/https://store.xamarin.com/assets/fonts/icons.eot?62009162");
  src: url("/National_Library/20160517234414oe_/https://store.xamarin.com/assets/fonts/icons.eot?62009162#iefix") format("embedded-opentype"), url("/National_Library/20160517234414oe_/https://store.xamarin.com/assets/fonts/icons.woff?62009162") format("woff"), url("/National_Library/20160517234414oe_/https://store.xamarin.com/assets/fonts/icons.ttf?62009162") format("truetype"), url("/National_Library/20160517234414oe_/https://store.xamarin.com/assets/fonts/icons.svg?62009162#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.rounded, .card, .product.card > div > img:first-child {
  border-radius: 3px; }

.shadow, .card {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.19); }

.top-gap {
  margin-top: 40px; }

.bottom-gap {
  margin-bottom: 40px; }

.top-spacing, .pricing .tile .btn {
  margin-top: 20px; }

.flex, .stretch, .product.card header, .product.card header > *, .pricing .tile, .ui.selection.dropdown.multiple > .text, .vertically-centered {
  display: flex;
  align-items: baseline; }

.flex.column, .column.stretch, .product.card header.column, .product.card header > .column, .pricing .column.tile, .ui.selection.dropdown.multiple > .column.text, .column.vertically-centered {
  flex-direction: column; }

.flex.right, .right.stretch, .product.card header.right, .product.card header > .right, .pricing .right.tile, .ui.selection.dropdown.multiple > .right.text, .right.vertically-centered {
  justify-content: flex-end; }

.stretch, .product.card header, .product.card header > *, .pricing .tile, .ui.selection.dropdown.multiple > .text {
  justify-content: space-between; }

.vertically-centered, .product.card header, .product.card header > * {
  align-items: center; }

.circular {
  border-radius: 50%; }

.centered, .pricing .tile h3, .pricing .tile .price, .pricing .tile .contact-us {
  text-align: center; }

.all-caps, aside h3, aside h4, aside h5, .pricing .tile .price {
  text-transform: uppercase; }

.blue-light2-bg {
  background-color: #91E2F4;
  color: black; }

.blue-light1-bg {
  background-color: #4FCAE6;
  color: black; }

.blue-bg {
  background-color: #1FAECE;
  color: white; }

.blue-dark1-bg {
  background-color: #3192B3;
  color: white; }

.blue-dark2-bg {
  background-color: #2C7797;
  color: white; }

.teal-light2-bg {
  background-color: #A3EBE1;
  color: black; }

.teal-light1-bg {
  background-color: #7AD5C9;
  color: black; }

.teal-bg {
  background-color: #44B8A8;
  color: white; }

.teal-dark1-bg {
  background-color: #38A495;
  color: white; }

.teal-dark2-bg {
  background-color: #278E80;
  color: white; }

.green-light2-bg {
  background-color: #CFEFA7;
  color: black; }

.green-light1-bg {
  background-color: #B3E770;
  color: black; }

.green-bg {
  background-color: #91CA47;
  color: black; }

.green-dark1-bg {
  background-color: #6FA22E;
  color: white; }

.green-dark2-bg {
  background-color: #5A8622;
  color: white; }

.violet-light2-bg {
  background-color: #CEC0EC;
  color: black; }

.violet-light1-bg {
  background-color: #B5A1E0;
  color: black; }

.violet-bg {
  background-color: #9378CD;
  color: black; }

.violet-dark1-bg {
  background-color: #7E68C2;
  color: black; }

.violet-dark2-bg {
  background-color: #614CA0;
  color: white; }

.red-light2-bg {
  background-color: #F8C6BB;
  color: black; }

.red-light1-bg {
  background-color: #F69781;
  color: black; }

.red-bg {
  background-color: #F56D4F;
  color: black; }

.red-dark1-bg {
  background-color: #E2553D;
  color: black; }

.red-dark2-bg {
  background-color: #BC3C26;
  color: white; }

.amber-light2-bg {
  background-color: #F7E28B;
  color: black; }

.amber-light1-bg {
  background-color: #F9D33C;
  color: black; }

.amber-bg {
  background-color: #F1C40F;
  color: black; }

.amber-dark1-bg {
  background-color: #F0B240;
  color: black; }

.amber-dark2-bg {
  background-color: #E7963B;
  color: black; }

.gray-light2-bg {
  background-color: #ECF0F1;
  color: black; }

.gray-light1-bg {
  background-color: #D1D9DD;
  color: black; }

.gray-bg {
  background-color: #ADB7BE;
  color: black; }

.gray-dark1-bg {
  background-color: #9AA4AB;
  color: black; }

.gray-dark2-bg {
  background-color: #76828A;
  color: black; }

.asphalt-light2-bg {
  background-color: #889DB5;
  color: black; }

.asphalt-light1-bg {
  background-color: #66819E;
  color: black; }

.asphalt-bg {
  background-color: #365271;
  color: white; }

.asphalt-dark1-bg {
  background-color: #2B3E50;
  color: white; }

.asphalt-dark2-bg {
  background-color: #1C2B39;
  color: white; }

.vs-purple-bg {
  background-color: #68217A;
  color: white; }

.vs-light-purple-bg {
  background-color: #964FA8;
  color: white; }

.white-bg {
  background-color: white;
  color: black; }

.blue-light2 {
  color: #91E2F4; }

a.blue-light2:hover, a.blue-light2:focus {
  color: #a8e8f6; }
  a.blue-light2:hover.more::after, a.blue-light2:hover.caret::after, a.blue-light2:focus.more::after, a.blue-light2:focus.caret::after {
    border-color: transparent transparent transparent #a8e8f6; }

.btn.blue-light2 {
  color: #91E2F4; }
  .btn.blue-light2:hover {
    color: #b6ecf8; }
  .btn.blue-light2.solid {
    background-color: #91E2F4;
    border-color: #91E2F4;
    color: white; }
    .btn.blue-light2.solid:hover {
      background-color: #b6ecf8;
      border-color: #b6ecf8; }

.blue-light1 {
  color: #4FCAE6; }

a.blue-light1:hover, a.blue-light1:focus {
  color: #65d1e9; }
  a.blue-light1:hover.more::after, a.blue-light1:hover.caret::after, a.blue-light1:focus.more::after, a.blue-light1:focus.caret::after {
    border-color: transparent transparent transparent #65d1e9; }

.btn.blue-light1 {
  color: #4FCAE6; }
  .btn.blue-light1:hover {
    color: #73d5eb; }
  .btn.blue-light1.solid {
    background-color: #4FCAE6;
    border-color: #4FCAE6;
    color: white; }
    .btn.blue-light1.solid:hover {
      background-color: #73d5eb;
      border-color: #73d5eb; }

.blue {
  color: #1FAECE; }

a.blue:hover, a.blue:focus {
  color: #28bddf; }
  a.blue:hover.more::after, a.blue:hover.caret::after, a.blue:focus.more::after, a.blue:focus.caret::after {
    border-color: transparent transparent transparent #28bddf; }

.btn.blue {
  color: #1FAECE; }
  .btn.blue:hover {
    color: #35c1e1; }
  .btn.blue.solid {
    background-color: #1FAECE;
    border-color: #1FAECE;
    color: white; }
    .btn.blue.solid:hover {
      background-color: #35c1e1;
      border-color: #35c1e1; }

.blue-dark1 {
  color: #3192B3; }

a.blue-dark1:hover, a.blue-dark1:focus {
  color: #36a2c7; }
  a.blue-dark1:hover.more::after, a.blue-dark1:hover.caret::after, a.blue-dark1:focus.more::after, a.blue-dark1:focus.caret::after {
    border-color: transparent transparent transparent #36a2c7; }

.btn.blue-dark1 {
  color: #3192B3; }
  .btn.blue-dark1:hover {
    color: #42a8cb; }
  .btn.blue-dark1.solid {
    background-color: #3192B3;
    border-color: #3192B3;
    color: white; }
    .btn.blue-dark1.solid:hover {
      background-color: #42a8cb;
      border-color: #42a8cb; }

.blue-dark2 {
  color: #2C7797; }

a.blue-dark2:hover, a.blue-dark2:focus {
  color: #3287ab; }
  a.blue-dark2:hover.more::after, a.blue-dark2:hover.caret::after, a.blue-dark2:focus.more::after, a.blue-dark2:focus.caret::after {
    border-color: transparent transparent transparent #3287ab; }

.btn.blue-dark2 {
  color: #2C7797; }
  .btn.blue-dark2:hover {
    color: #3590b7; }
  .btn.blue-dark2.solid {
    background-color: #2C7797;
    border-color: #2C7797;
    color: white; }
    .btn.blue-dark2.solid:hover {
      background-color: #3590b7;
      border-color: #3590b7; }

.teal-light2 {
  color: #A3EBE1; }

a.teal-light2:hover, a.teal-light2:focus {
  color: #b8f0e8; }
  a.teal-light2:hover.more::after, a.teal-light2:hover.caret::after, a.teal-light2:focus.more::after, a.teal-light2:focus.caret::after {
    border-color: transparent transparent transparent #b8f0e8; }

.btn.teal-light2 {
  color: #A3EBE1; }
  .btn.teal-light2:hover {
    color: #c5f2ec; }
  .btn.teal-light2.solid {
    background-color: #A3EBE1;
    border-color: #A3EBE1;
    color: white; }
    .btn.teal-light2.solid:hover {
      background-color: #c5f2ec;
      border-color: #c5f2ec; }

.teal-light1 {
  color: #7AD5C9; }

a.teal-light1:hover, a.teal-light1:focus {
  color: #8ddbd1; }
  a.teal-light1:hover.more::after, a.teal-light1:hover.caret::after, a.teal-light1:focus.more::after, a.teal-light1:focus.caret::after {
    border-color: transparent transparent transparent #8ddbd1; }

.btn.teal-light1 {
  color: #7AD5C9; }
  .btn.teal-light1:hover {
    color: #99dfd6; }
  .btn.teal-light1.solid {
    background-color: #7AD5C9;
    border-color: #7AD5C9;
    color: white; }
    .btn.teal-light1.solid:hover {
      background-color: #99dfd6;
      border-color: #99dfd6; }

.teal {
  color: #44B8A8; }

a.teal:hover, a.teal:focus {
  color: #55c0b2; }
  a.teal:hover.more::after, a.teal:hover.caret::after, a.teal:focus.more::after, a.teal:focus.caret::after {
    border-color: transparent transparent transparent #55c0b2; }

.btn.teal {
  color: #44B8A8; }
  .btn.teal:hover {
    color: #60c4b7; }
  .btn.teal.solid {
    background-color: #44B8A8;
    border-color: #44B8A8;
    color: white; }
    .btn.teal.solid:hover {
      background-color: #60c4b7;
      border-color: #60c4b7; }

.teal-dark1 {
  color: #38A495; }

a.teal-dark1:hover, a.teal-dark1:focus {
  color: #3eb7a6; }
  a.teal-dark1:hover.more::after, a.teal-dark1:hover.caret::after, a.teal-dark1:focus.more::after, a.teal-dark1:focus.caret::after {
    border-color: transparent transparent transparent #3eb7a6; }

.btn.teal-dark1 {
  color: #38A495; }
  .btn.teal-dark1:hover {
    color: #45c0af; }
  .btn.teal-dark1.solid {
    background-color: #38A495;
    border-color: #38A495;
    color: white; }
    .btn.teal-dark1.solid:hover {
      background-color: #45c0af;
      border-color: #45c0af; }

.teal-dark2 {
  color: #278E80; }

a.teal-dark2:hover, a.teal-dark2:focus {
  color: #2ca292; }
  a.teal-dark2:hover.more::after, a.teal-dark2:hover.caret::after, a.teal-dark2:focus.more::after, a.teal-dark2:focus.caret::after {
    border-color: transparent transparent transparent #2ca292; }

.btn.teal-dark2 {
  color: #278E80; }
  .btn.teal-dark2:hover {
    color: #30ae9d; }
  .btn.teal-dark2.solid {
    background-color: #278E80;
    border-color: #278E80;
    color: white; }
    .btn.teal-dark2.solid:hover {
      background-color: #30ae9d;
      border-color: #30ae9d; }

.green-light2 {
  color: #CFEFA7; }

a.green-light2:hover, a.green-light2:focus {
  color: #dbf3bd; }
  a.green-light2:hover.more::after, a.green-light2:hover.caret::after, a.green-light2:focus.more::after, a.green-light2:focus.caret::after {
    border-color: transparent transparent transparent #dbf3bd; }

.btn.green-light2 {
  color: #CFEFA7; }
  .btn.green-light2:hover {
    color: #e2f5ca; }
  .btn.green-light2.solid {
    background-color: #CFEFA7;
    border-color: #CFEFA7;
    color: white; }
    .btn.green-light2.solid:hover {
      background-color: #e2f5ca;
      border-color: #e2f5ca; }

.green-light1 {
  color: #B3E770; }

a.green-light1:hover, a.green-light1:focus {
  color: #bfeb86; }
  a.green-light1:hover.more::after, a.green-light1:hover.caret::after, a.green-light1:focus.more::after, a.green-light1:focus.caret::after {
    border-color: transparent transparent transparent #bfeb86; }

.btn.green-light1 {
  color: #B3E770; }
  .btn.green-light1:hover {
    color: #c6ed93; }
  .btn.green-light1.solid {
    background-color: #B3E770;
    border-color: #B3E770;
    color: white; }
    .btn.green-light1.solid:hover {
      background-color: #c6ed93;
      border-color: #c6ed93; }

.green {
  color: #91CA47; }

a.green:hover, a.green:focus {
  color: #9dd05b; }
  a.green:hover.more::after, a.green:hover.caret::after, a.green:focus.more::after, a.green:focus.caret::after {
    border-color: transparent transparent transparent #9dd05b; }

.btn.green {
  color: #91CA47; }
  .btn.green:hover {
    color: #a4d367; }
  .btn.green.solid {
    background-color: #91CA47;
    border-color: #91CA47;
    color: white; }
    .btn.green.solid:hover {
      background-color: #a4d367;
      border-color: #a4d367; }

.green-dark1 {
  color: #6FA22E; }

a.green-dark1:hover, a.green-dark1:focus {
  color: #7db634; }
  a.green-dark1:hover.more::after, a.green-dark1:hover.caret::after, a.green-dark1:focus.more::after, a.green-dark1:focus.caret::after {
    border-color: transparent transparent transparent #7db634; }

.btn.green-dark1 {
  color: #6FA22E; }
  .btn.green-dark1:hover {
    color: #85c237; }
  .btn.green-dark1.solid {
    background-color: #6FA22E;
    border-color: #6FA22E;
    color: white; }
    .btn.green-dark1.solid:hover {
      background-color: #85c237;
      border-color: #85c237; }

.green-dark2 {
  color: #5A8622; }

a.green-dark2:hover, a.green-dark2:focus {
  color: #689a27; }
  a.green-dark2:hover.more::after, a.green-dark2:hover.caret::after, a.green-dark2:focus.more::after, a.green-dark2:focus.caret::after {
    border-color: transparent transparent transparent #689a27; }

.btn.green-dark2 {
  color: #5A8622; }
  .btn.green-dark2:hover {
    color: #70a72a; }
  .btn.green-dark2.solid {
    background-color: #5A8622;
    border-color: #5A8622;
    color: white; }
    .btn.green-dark2.solid:hover {
      background-color: #70a72a;
      border-color: #70a72a; }

.violet-light2 {
  color: #CEC0EC; }

a.violet-light2:hover, a.violet-light2:focus {
  color: #ddd4f2; }
  a.violet-light2:hover.more::after, a.violet-light2:hover.caret::after, a.violet-light2:focus.more::after, a.violet-light2:focus.caret::after {
    border-color: transparent transparent transparent #ddd4f2; }

.btn.violet-light2 {
  color: #CEC0EC; }
  .btn.violet-light2:hover {
    color: #e6dff5; }
  .btn.violet-light2.solid {
    background-color: #CEC0EC;
    border-color: #CEC0EC;
    color: white; }
    .btn.violet-light2.solid:hover {
      background-color: #e6dff5;
      border-color: #e6dff5; }

.violet-light1 {
  color: #B5A1E0; }

a.violet-light1:hover, a.violet-light1:focus {
  color: #c4b4e6; }
  a.violet-light1:hover.more::after, a.violet-light1:hover.caret::after, a.violet-light1:focus.more::after, a.violet-light1:focus.caret::after {
    border-color: transparent transparent transparent #c4b4e6; }

.btn.violet-light1 {
  color: #B5A1E0; }
  .btn.violet-light1:hover {
    color: #cdc0ea; }
  .btn.violet-light1.solid {
    background-color: #B5A1E0;
    border-color: #B5A1E0;
    color: white; }
    .btn.violet-light1.solid:hover {
      background-color: #cdc0ea;
      border-color: #cdc0ea; }

.violet {
  color: #9378CD; }

a.violet:hover, a.violet:focus {
  color: #a28bd4; }
  a.violet:hover.more::after, a.violet:hover.caret::after, a.violet:focus.more::after, a.violet:focus.caret::after {
    border-color: transparent transparent transparent #a28bd4; }

.btn.violet {
  color: #9378CD; }
  .btn.violet:hover {
    color: #ab96d8; }
  .btn.violet.solid {
    background-color: #9378CD;
    border-color: #9378CD;
    color: white; }
    .btn.violet.solid:hover {
      background-color: #ab96d8;
      border-color: #ab96d8; }

.violet-dark1 {
  color: #7E68C2; }

a.violet-dark1:hover, a.violet-dark1:focus {
  color: #8e7ac9; }
  a.violet-dark1:hover.more::after, a.violet-dark1:hover.caret::after, a.violet-dark1:focus.more::after, a.violet-dark1:focus.caret::after {
    border-color: transparent transparent transparent #8e7ac9; }

.btn.violet-dark1 {
  color: #7E68C2; }
  .btn.violet-dark1:hover {
    color: #9785ce; }
  .btn.violet-dark1.solid {
    background-color: #7E68C2;
    border-color: #7E68C2;
    color: white; }
    .btn.violet-dark1.solid:hover {
      background-color: #9785ce;
      border-color: #9785ce; }

.violet-dark2 {
  color: #614CA0; }

a.violet-dark2:hover, a.violet-dark2:focus {
  color: #6d57af; }
  a.violet-dark2:hover.more::after, a.violet-dark2:hover.caret::after, a.violet-dark2:focus.more::after, a.violet-dark2:focus.caret::after {
    border-color: transparent transparent transparent #6d57af; }

.btn.violet-dark2 {
  color: #614CA0; }
  .btn.violet-dark2:hover {
    color: #7661b4; }
  .btn.violet-dark2.solid {
    background-color: #614CA0;
    border-color: #614CA0;
    color: white; }
    .btn.violet-dark2.solid:hover {
      background-color: #7661b4;
      border-color: #7661b4; }

.red-light2 {
  color: #F8C6BB; }

a.red-light2:hover, a.red-light2:focus {
  color: #fad9d2; }
  a.red-light2:hover.more::after, a.red-light2:hover.caret::after, a.red-light2:focus.more::after, a.red-light2:focus.caret::after {
    border-color: transparent transparent transparent #fad9d2; }

.btn.red-light2 {
  color: #F8C6BB; }
  .btn.red-light2:hover {
    color: #fce5e0; }
  .btn.red-light2.solid {
    background-color: #F8C6BB;
    border-color: #F8C6BB;
    color: white; }
    .btn.red-light2.solid:hover {
      background-color: #fce5e0;
      border-color: #fce5e0; }

.red-light1 {
  color: #F69781; }

a.red-light1:hover, a.red-light1:focus {
  color: #f8ab99; }
  a.red-light1:hover.more::after, a.red-light1:hover.caret::after, a.red-light1:focus.more::after, a.red-light1:focus.caret::after {
    border-color: transparent transparent transparent #f8ab99; }

.btn.red-light1 {
  color: #F69781; }
  .btn.red-light1:hover {
    color: #f9b6a7; }
  .btn.red-light1.solid {
    background-color: #F69781;
    border-color: #F69781;
    color: white; }
    .btn.red-light1.solid:hover {
      background-color: #f9b6a7;
      border-color: #f9b6a7; }

.red {
  color: #F56D4F; }

a.red:hover, a.red:focus {
  color: #f68167; }
  a.red:hover.more::after, a.red:hover.caret::after, a.red:focus.more::after, a.red:focus.caret::after {
    border-color: transparent transparent transparent #f68167; }

.btn.red {
  color: #F56D4F; }
  .btn.red:hover {
    color: #f78d76; }
  .btn.red.solid {
    background-color: #F56D4F;
    border-color: #F56D4F;
    color: white; }
    .btn.red.solid:hover {
      background-color: #f78d76;
      border-color: #f78d76; }

.red-dark1 {
  color: #E2553D; }

a.red-dark1:hover, a.red-dark1:focus {
  color: #e56853; }
  a.red-dark1:hover.more::after, a.red-dark1:hover.caret::after, a.red-dark1:focus.more::after, a.red-dark1:focus.caret::after {
    border-color: transparent transparent transparent #e56853; }

.btn.red-dark1 {
  color: #E2553D; }
  .btn.red-dark1:hover {
    color: #e77460; }
  .btn.red-dark1.solid {
    background-color: #E2553D;
    border-color: #E2553D;
    color: white; }
    .btn.red-dark1.solid:hover {
      background-color: #e77460;
      border-color: #e77460; }

.red-dark2 {
  color: #BC3C26; }

a.red-dark2:hover, a.red-dark2:focus {
  color: #d1432a; }
  a.red-dark2:hover.more::after, a.red-dark2:hover.caret::after, a.red-dark2:focus.more::after, a.red-dark2:focus.caret::after {
    border-color: transparent transparent transparent #d1432a; }

.btn.red-dark2 {
  color: #BC3C26; }
  .btn.red-dark2:hover {
    color: #d64c35; }
  .btn.red-dark2.solid {
    background-color: #BC3C26;
    border-color: #BC3C26;
    color: white; }
    .btn.red-dark2.solid:hover {
      background-color: #d64c35;
      border-color: #d64c35; }

.amber-light2 {
  color: #F7E28B; }

a.amber-light2:hover, a.amber-light2:focus {
  color: #f9e8a3; }
  a.amber-light2:hover.more::after, a.amber-light2:hover.caret::after, a.amber-light2:focus.more::after, a.amber-light2:focus.caret::after {
    border-color: transparent transparent transparent #f9e8a3; }

.btn.amber-light2 {
  color: #F7E28B; }
  .btn.amber-light2:hover {
    color: #faecb1; }
  .btn.amber-light2.solid {
    background-color: #F7E28B;
    border-color: #F7E28B;
    color: white; }
    .btn.amber-light2.solid:hover {
      background-color: #faecb1;
      border-color: #faecb1; }

.amber-light1 {
  color: #F9D33C; }

a.amber-light1:hover, a.amber-light1:focus {
  color: #fad955; }
  a.amber-light1:hover.more::after, a.amber-light1:hover.caret::after, a.amber-light1:focus.more::after, a.amber-light1:focus.caret::after {
    border-color: transparent transparent transparent #fad955; }

.btn.amber-light1 {
  color: #F9D33C; }
  .btn.amber-light1:hover {
    color: #fadc64; }
  .btn.amber-light1.solid {
    background-color: #F9D33C;
    border-color: #F9D33C;
    color: white; }
    .btn.amber-light1.solid:hover {
      background-color: #fadc64;
      border-color: #fadc64; }

.amber {
  color: #F1C40F; }

a.amber:hover, a.amber:focus {
  color: #f2ca27; }
  a.amber:hover.more::after, a.amber:hover.caret::after, a.amber:focus.more::after, a.amber:focus.caret::after {
    border-color: transparent transparent transparent #f2ca27; }

.btn.amber {
  color: #F1C40F; }
  .btn.amber:hover {
    color: #f3cd36; }
  .btn.amber.solid {
    background-color: #F1C40F;
    border-color: #F1C40F;
    color: white; }
    .btn.amber.solid:hover {
      background-color: #f3cd36;
      border-color: #f3cd36; }

.amber-dark1 {
  color: #F0B240; }

a.amber-dark1:hover, a.amber-dark1:focus {
  color: #f2bc58; }
  a.amber-dark1:hover.more::after, a.amber-dark1:hover.caret::after, a.amber-dark1:focus.more::after, a.amber-dark1:focus.caret::after {
    border-color: transparent transparent transparent #f2bc58; }

.btn.amber-dark1 {
  color: #F0B240; }
  .btn.amber-dark1:hover {
    color: #f3c166; }
  .btn.amber-dark1.solid {
    background-color: #F0B240;
    border-color: #F0B240;
    color: white; }
    .btn.amber-dark1.solid:hover {
      background-color: #f3c166;
      border-color: #f3c166; }

.amber-dark2, .pricing-page .university h3 {
  color: #E7963B; }

a.amber-dark2:hover, a.amber-dark2:focus {
  color: #eaa252; }
  a.amber-dark2:hover.more::after, a.amber-dark2:hover.caret::after, a.amber-dark2:focus.more::after, a.amber-dark2:focus.caret::after {
    border-color: transparent transparent transparent #eaa252; }

.btn.amber-dark2, .pricing-page .university h3.btn {
  color: #E7963B; }
  .btn.amber-dark2:hover, .pricing-page .university h3.btn:hover {
    color: #eba95f; }
  .btn.amber-dark2.solid, .pricing-page .university h3.btn.solid {
    background-color: #E7963B;
    border-color: #E7963B;
    color: white; }
    .btn.amber-dark2.solid:hover, .pricing-page .university h3.btn.solid:hover {
      background-color: #eba95f;
      border-color: #eba95f; }

.gray-light2 {
  color: #ECF0F1; }

a.gray-light2:hover, a.gray-light2:focus {
  color: #fbfcfc; }
  a.gray-light2:hover.more::after, a.gray-light2:hover.caret::after, a.gray-light2:focus.more::after, a.gray-light2:focus.caret::after {
    border-color: transparent transparent transparent #fbfcfc; }

.btn.gray-light2 {
  color: #ECF0F1; }
  .btn.gray-light2:hover {
    color: white; }
  .btn.gray-light2.solid {
    background-color: #ECF0F1;
    border-color: #ECF0F1;
    color: white; }
    .btn.gray-light2.solid:hover {
      background-color: white;
      border-color: white; }

.gray-light1 {
  color: #D1D9DD; }

a.gray-light1:hover, a.gray-light1:focus {
  color: #e0e5e8; }
  a.gray-light1:hover.more::after, a.gray-light1:hover.caret::after, a.gray-light1:focus.more::after, a.gray-light1:focus.caret::after {
    border-color: transparent transparent transparent #e0e5e8; }

.btn.gray-light1 {
  color: #D1D9DD; }
  .btn.gray-light1:hover {
    color: #e8ecee; }
  .btn.gray-light1.solid {
    background-color: #D1D9DD;
    border-color: #D1D9DD;
    color: white; }
    .btn.gray-light1.solid:hover {
      background-color: #e8ecee;
      border-color: #e8ecee; }

.gray {
  color: #ADB7BE; }

a.gray:hover, a.gray:focus {
  color: #bbc3c9; }
  a.gray:hover.more::after, a.gray:hover.caret::after, a.gray:focus.more::after, a.gray:focus.caret::after {
    border-color: transparent transparent transparent #bbc3c9; }

.btn.gray {
  color: #ADB7BE; }
  .btn.gray:hover {
    color: #c4cbd0; }
  .btn.gray.solid {
    background-color: #ADB7BE;
    border-color: #ADB7BE;
    color: white; }
    .btn.gray.solid:hover {
      background-color: #c4cbd0;
      border-color: #c4cbd0; }

.gray-dark1 {
  color: #9AA4AB; }

a.gray-dark1:hover, a.gray-dark1:focus {
  color: #a8b1b7; }
  a.gray-dark1:hover.more::after, a.gray-dark1:hover.caret::after, a.gray-dark1:focus.more::after, a.gray-dark1:focus.caret::after {
    border-color: transparent transparent transparent #a8b1b7; }

.btn.gray-dark1 {
  color: #9AA4AB; }
  .btn.gray-dark1:hover {
    color: #b0b8be; }
  .btn.gray-dark1.solid {
    background-color: #9AA4AB;
    border-color: #9AA4AB;
    color: white; }
    .btn.gray-dark1.solid:hover {
      background-color: #b0b8be;
      border-color: #b0b8be; }

.gray-dark2, .local-nav .contact-us span, .product.card, .pricing .tile p {
  color: #76828A; }

a.gray-dark2:hover, a.product.card:hover, a.gray-dark2:focus, a.product.card:focus {
  color: #848f96; }
  a.gray-dark2:hover.more::after, a.product.card:hover.more::after, a.gray-dark2:hover.caret::after, a.product.card:hover.caret::after, a.gray-dark2:focus.more::after, a.product.card:focus.more::after, a.gray-dark2:focus.caret::after, a.product.card:focus.caret::after {
    border-color: transparent transparent transparent #848f96; }

.btn.gray-dark2, .local-nav .contact-us span.btn, .btn.product.card, .pricing .tile p.btn {
  color: #76828A; }
  .btn.gray-dark2:hover, .local-nav .contact-us span.btn:hover, .btn.product.card:hover, .pricing .tile p.btn:hover {
    color: #8c969d; }
  .btn.gray-dark2.solid, .local-nav .contact-us span.btn.solid, .btn.solid.product.card, .pricing .tile p.btn.solid {
    background-color: #76828A;
    border-color: #76828A;
    color: white; }
    .btn.gray-dark2.solid:hover, .local-nav .contact-us span.btn.solid:hover, .btn.solid.product.card:hover, .pricing .tile p.btn.solid:hover {
      background-color: #8c969d;
      border-color: #8c969d; }

.asphalt-light2 {
  color: #889DB5; }

a.asphalt-light2:hover, a.asphalt-light2:focus {
  color: #98aabf; }
  a.asphalt-light2:hover.more::after, a.asphalt-light2:hover.caret::after, a.asphalt-light2:focus.more::after, a.asphalt-light2:focus.caret::after {
    border-color: transparent transparent transparent #98aabf; }

.btn.asphalt-light2 {
  color: #889DB5; }
  .btn.asphalt-light2:hover {
    color: #a1b2c5; }
  .btn.asphalt-light2.solid {
    background-color: #889DB5;
    border-color: #889DB5;
    color: white; }
    .btn.asphalt-light2.solid:hover {
      background-color: #a1b2c5;
      border-color: #a1b2c5; }

.asphalt-light1 {
  color: #66819E; }

a.asphalt-light1:hover, a.asphalt-light1:focus {
  color: #768ea8; }
  a.asphalt-light1:hover.more::after, a.asphalt-light1:hover.caret::after, a.asphalt-light1:focus.more::after, a.asphalt-light1:focus.caret::after {
    border-color: transparent transparent transparent #768ea8; }

.btn.asphalt-light1 {
  color: #66819E; }
  .btn.asphalt-light1:hover {
    color: #7f96ae; }
  .btn.asphalt-light1.solid {
    background-color: #66819E;
    border-color: #66819E;
    color: white; }
    .btn.asphalt-light1.solid:hover {
      background-color: #7f96ae;
      border-color: #7f96ae; }

.asphalt, .pricing-page .test-cloud h3 {
  color: #365271; }

a.asphalt:hover, a.asphalt:focus {
  color: #3e5f82; }
  a.asphalt:hover.more::after, a.asphalt:hover.caret::after, a.asphalt:focus.more::after, a.asphalt:focus.caret::after {
    border-color: transparent transparent transparent #3e5f82; }

.btn.asphalt, .pricing-page .test-cloud h3.btn {
  color: #365271; }
  .btn.asphalt:hover, .pricing-page .test-cloud h3.btn:hover {
    color: #43668d; }
  .btn.asphalt.solid, .pricing-page .test-cloud h3.btn.solid {
    background-color: #365271;
    border-color: #365271;
    color: white; }
    .btn.asphalt.solid:hover, .pricing-page .test-cloud h3.btn.solid:hover {
      background-color: #43668d;
      border-color: #43668d; }

.asphalt-dark1 {
  color: #2B3E50; }

a.asphalt-dark1:hover, a.asphalt-dark1:focus {
  color: #344b61; }
  a.asphalt-dark1:hover.more::after, a.asphalt-dark1:hover.caret::after, a.asphalt-dark1:focus.more::after, a.asphalt-dark1:focus.caret::after {
    border-color: transparent transparent transparent #344b61; }

.btn.asphalt-dark1 {
  color: #2B3E50; }
  .btn.asphalt-dark1:hover {
    color: #39536b; }
  .btn.asphalt-dark1.solid {
    background-color: #2B3E50;
    border-color: #2B3E50;
    color: white; }
    .btn.asphalt-dark1.solid:hover {
      background-color: #39536b;
      border-color: #39536b; }

.asphalt-dark2 {
  color: #1C2B39; }

a.asphalt-dark2:hover, a.asphalt-dark2:focus {
  color: #24384a; }
  a.asphalt-dark2:hover.more::after, a.asphalt-dark2:hover.caret::after, a.asphalt-dark2:focus.more::after, a.asphalt-dark2:focus.caret::after {
    border-color: transparent transparent transparent #24384a; }

.btn.asphalt-dark2 {
  color: #1C2B39; }
  .btn.asphalt-dark2:hover {
    color: #294054; }
  .btn.asphalt-dark2.solid {
    background-color: #1C2B39;
    border-color: #1C2B39;
    color: white; }
    .btn.asphalt-dark2.solid:hover {
      background-color: #294054;
      border-color: #294054; }

.vs-purple {
  color: #68217A; }

a.vs-purple:hover, a.vs-purple:focus {
  color: #79268e; }
  a.vs-purple:hover.more::after, a.vs-purple:hover.caret::after, a.vs-purple:focus.more::after, a.vs-purple:focus.caret::after {
    border-color: transparent transparent transparent #79268e; }

.btn.vs-purple {
  color: #68217A; }
  .btn.vs-purple:hover {
    color: #832a9a; }
  .btn.vs-purple.solid {
    background-color: #68217A;
    border-color: #68217A;
    color: white; }
    .btn.vs-purple.solid:hover {
      background-color: #832a9a;
      border-color: #832a9a; }

.vs-light-purple {
  color: #964FA8; }

a.vs-light-purple:hover, a.vs-light-purple:focus {
  color: #a25db3; }
  a.vs-light-purple:hover.more::after, a.vs-light-purple:hover.caret::after, a.vs-light-purple:focus.more::after, a.vs-light-purple:focus.caret::after {
    border-color: transparent transparent transparent #a25db3; }

.btn.vs-light-purple {
  color: #964FA8; }
  .btn.vs-light-purple:hover {
    color: #a868b8; }
  .btn.vs-light-purple.solid {
    background-color: #964FA8;
    border-color: #964FA8;
    color: white; }
    .btn.vs-light-purple.solid:hover {
      background-color: #a868b8;
      border-color: #a868b8; }

.white {
  color: white; }

a.white:hover, a.white:focus {
  color: white; }
  a.white:hover.more::after, a.white:hover.caret::after, a.white:focus.more::after, a.white:focus.caret::after {
    border-color: transparent transparent transparent white; }

.btn.white {
  color: white; }
  .btn.white:hover {
    color: white; }
  .btn.white.solid {
    background-color: white;
    border-color: white;
    color: white; }
    .btn.white.solid:hover {
      background-color: white;
      border-color: white; }

h1 {
  font-size: 30px; }
  h1.large {
    font-size: 40px; }
  h1.semi-small {
    font-size: 24px;
    font-weight: normal; }
  h1.small {
    font-size: 18px;
    font-weight: normal; }

h2 {
  font-size: 20px;
  font-weight: normal; }
  h2.large {
    font-size: 30px;
    font-weight: 200; }

h3 {
  font-size: 18px;
  font-weight: normal; }

h2.all-caps, .pricing .tile h2.price, h3.all-caps, aside h3, .pricing .tile h3.price, h4.all-caps, aside h4, .pricing .tile h4.price, h5.all-caps, aside h5, .pricing .tile h5.price, h6.all-caps, .pricing .tile h6.price {
  font-weight: normal; }

header h1 + p, header h2 + p, header h3 + p, header h4 + p, header h5 + p, header h6 + p {
  font-size: 18px; }

a {
  text-decoration: underline; }
  a:hover {
    color: #35c1e1; }

aside h3, aside h4, aside h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 10px; }

aside > ul.checks li:not(:last-child) {
  margin-bottom: 30px; }

aside > h3:not(:first-child), aside > h4:not(:first-child), aside > h5:not(:first-child) {
  margin-top: 30px; }

aside p {
  color: #76828A; }

.muted, header h1 + p, header h2 + p, header h3 + p, header h4 + p, header h5 + p, header h6 + p {
  color: #9AA4AB; }

.more, .action.tile h2,
.caret {
  white-space: nowrap; }
  .more.caret:after, .action.tile h2.caret:after,
  .caret.caret:after {
    transform: rotate(90deg) translateX(0.5px);
    margin-left: 12px !important; }
  .more:after, .action.tile h2:after,
  .caret:after {
    content: "";
    position: relative;
    display: inline-block;
    margin-left: 6px;
    vertical-align: baseline;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: inherit; }

ul.checks {
  list-style: none;
  padding-left: 30px; }
  ul.checks li {
    position: relative;
    margin-bottom: 10px; }
    ul.checks li:last-child {
      margin-bottom: 0; }
    ul.checks li.not {
      color: #ADB7BE; }
      ul.checks li.not:before {
        background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/gray-x.svg); }
  ul.checks li:before {
    content: '';
    background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/blue-check.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: -30px;
    top: 0;
    width: 16px;
    height: 13px; }
  ul.checks.vs-light-purple li:before {
    background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/vs-light-purple-check.svg); }
  ul.checks.asphalt li:before {
    background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/asphalt-check.svg); }
  ul.checks.violet li:before {
    background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/violet-check.svg); }

ul.bordered {
  list-style: none;
  padding-left: 0; }
  ul.bordered li {
    padding: 20px;
    border-top: 1px solid #D1D9DD; }
    ul.bordered li:last-child {
      border-bottom: 1px solid #D1D9DD; }

.sr-only, .form-placeholders :not(.checkbox).field > label {
  white-space: nowrap; }

.unindent-quote {
  margin-left: -0.4em; }

.bullet:before {
  border-radius: 10px;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px; }

.bullet.small-bullet:before {
  width: 8px;
  height: 8px;
  margin-bottom: 1px; }

.local-nav {
  position: relative;
  z-index: 2;
  line-height: 1.8;
  background-color: white;
  padding: 17px 24px; }
  .local-nav .container:before, .local-nav .container:after {
    display: none; }
  .local-nav .contact-us {
    height: 0;
    position: relative;
    top: -10px;
    line-height: 1.2; }
    .local-nav .contact-us span {
      font-size: 13px; }
  .local-nav ul {
    padding: 0;
    display: inline-block;
    margin: 0; }
  .local-nav h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #4e5758;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    line-height: 1.8;
    cursor: default;
    padding: 0;
    margin-right: 20px; }
  .local-nav h3, .local-nav li {
    display: inline-block; }
  .local-nav li {
    margin: 0;
    padding: 0;
    border-top: none;
    cursor: default; }
    .local-nav li:hover {
      background-color: transparent; }
    .local-nav li a {
      color: #7f8c8d;
      display: block;
      text-decoration: none;
      padding: 0; }
      .local-nav li a.active {
        font-weight: normal;
        color: #1FAECE;
        border-bottom: 2px solid #1FAECE; }
    .local-nav li + li {
      margin-left: 20px; }
  .local-nav.active ul {
    display: inline-block; }
  .local-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1220px; }
    .local-nav.sticky + * {
      margin-top: 58px; }

.card {
  color: #4e5758;
  display: block;
  background-color: white;
  padding: 20px 30px; }

a.card:hover {
  color: #4e5758; }

.action.card, .action.card:hover {
  text-decoration: none; }

.action.card h2 {
  font-size: 30px;
  font-weight: 200; }

.product.card {
  padding: 0; }
  F .product.card.error-card {
    border: 1px solid #E2553D; }
  .product.card > div > img:first-child {
    width: 100%;
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .product.card header {
    padding: 30px; }
    .product.card header .btn {
      transition: opacity 150ms linear;
      pointer-events: none;
      opacity: 0; }
    .product.card header .disclosure {
      position: relative;
      text-decoration: none;
      width: 30px;
      height: 20px; }
      .product.card header .disclosure:after {
        content: '';
        background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/chevron.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 12px;
        transform: rotate(180deg);
        transition: transform 150ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .product.card header h2 {
      margin: 0; }
    .product.card header img + h2 {
      margin-left: 12px; }
  .product.card.open header .disclosure:after {
    transform: rotate(0); }
  .product.card.open header .btn {
    opacity: 1;
    pointer-events: auto; }
  .product.card .pricing, .product.card .card-body {
    padding: 30px;
    padding-top: 0; }
  .product.card footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: rgba(236, 240, 241, 0.5);
    border-top: 1px solid #D1D9DD;
    padding: 30px;
    color: #76828A; }
    .product.card footer > * {
      display: inline-block;
      vertical-align: baseline;
      margin-right: 10px; }
      .product.card footer > *:last-child {
        margin-right: 0; }

.tile {
  display: block; }
  .tile, .tile:hover {
    text-decoration: none;
    color: #4e5758; }

.action.tile {
  padding: 20px 0; }
  .action.tile h2 {
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 10px; }
  .action.tile p {
    font-size: 15px;
    color: #76828A; }

.pricing .tile {
  flex-direction: column;
  align-items: stretch;
  border-radius: 3px;
  padding: 30px 18px;
  font-size: 14px; }
  .pricing .tile h3 {
    color: #7f8c8d;
    margin: 0 0 5px;
    padding: 0 20%; }
  .pricing .tile .price {
    display: block;
    font-family: "Proxima Nova", "WeblySleek UI", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 40px;
    white-space: nowrap; }
  .pricing .tile .contact-us {
    font-size: 18px;
    font-weight: bold;
    min-height: 57px; }
  .pricing .tile p {
    margin: 15px 0 0; }
  .pricing .tile ul.checks {
    margin-top: 30px;
    padding-left: 20px;
    text-align: left;
    color: #1C2B39; }
    .pricing .tile ul.checks li:before {
      top: 4px;
      left: -22px; }
  .pricing .tile .btn {
    display: block; }

.btn {
  position: relative;
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  position: relative;
  line-height: normal;
  border: 1px solid;
  border-radius: 2px;
  color: #76828A;
  padding: 6px 11px 7px;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  transition: background 100ms cubic-bezier(0.215, 0.61, 0.355, 1), border-color 100ms linear, color 100ms linear;
  text-decoration: none;
  text-align: center; }
  .btn.block {
    display: block;
    width: 100%;
    text-align: center; }
  .btn.link {
    border-color: transparent;
    box-shadow: none !important;
    font-weight: normal;
    text-decoration: underline; }
  .btn.more, .action.tile h2.btn, .btn.caret {
    white-space: nowrap; }
    .btn.more:after, .action.tile h2.btn:after, .btn.caret:after {
      content: "";
      position: relative;
      display: inline-block;
      margin-left: 10px;
      margin-right: -3px;
      vertical-align: baseline;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 6px 0 6px 5px;
      top: 1px;
      transition: border-color 100ms linear, color 100ms linear;
      border-color: transparent transparent transparent #76828A; }
    .btn.more:hover:after, .action.tile h2.btn:hover:after, .btn.caret:hover:after {
      border-color: transparent transparent transparent #8c969d; }
  .btn.large {
    font-size: 20px;
    padding: 4px 24px 8px; }
    .btn.large.more:after, .action.tile h2.btn.large:after, .btn.large.caret:after {
      border-width: 8px 0 8px 6px;
      top: 2px;
      margin-right: -5px; }
  .btn.small {
    font-size: 14px;
    padding: 5px 16px;
    -webkit-font-smoothing: auto; }
    .btn.small.more:after, .action.tile h2.btn.small:after, .btn.small.caret:after {
      border-width: 5px 0 5px 4px;
      margin-left: 8px;
      top: 0; }
  .btn.extra-small {
    font-size: 13px;
    padding: 4px 10px;
    -webkit-font-smoothing: auto; }
    .btn.extra-small.more:after, .action.tile h2.btn.extra-small:after, .btn.extra-small.caret:after {
      border-width: 5px 0 5px 4px;
      margin-left: 8px;
      margin-right: 0;
      top: 0; }
  .btn + .btn, .btn + .button-group {
    margin-left: 6px; }
  .btn:hover {
    color: #8c969d;
    outline: none; }
  .btn:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); }
  .btn.solid {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    border-color: #76828A;
    background-color: #76828A; }
    .btn.solid:hover {
      border-color: #8c969d;
      background-color: #8c969d; }
  .btn:focus, .btn:active, .btn:active:focus {
    outline: none;
    text-decoration: underline; }
  .btn + .btn {
    margin-left: 10px; }
  .btn.check {
    padding-left: 40px; }
    .btn.check:before {
      content: '';
      width: 15px;
      height: 16px;
      display: inline-block;
      background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/white-check.svg);
      background-repeat: no-repeat;
      position: absolute;
      top: 50%;
      left: 15px;
      margin-top: -7px; }
  .btn.plus:before {
    content: '+';
    font-size: 36px;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: -13px;
    margin-right: 10px; }

.faq-footer {
  background-image: linear-gradient(to right, #5A6368, #5A6368 58.3333333%, #4F565B 58.3333333%);
  padding: 0px;
  width: 100%; }
  .faq-footer a {
    color: #44B8A8; }
    .faq-footer a:hover {
      color: #7AD5C9; }
  .faq-footer .faq-left .questions-container {
    padding: 90px 0px; }
    .faq-footer .faq-left .questions-container .question {
      margin: 20px 0 25px 0; }
      .faq-footer .faq-left .questions-container .question h3 {
        margin: 0px; }
    .faq-footer .faq-left .questions-container .answer {
      padding-top: 10px;
      padding-bottom: 15px;
      color: white;
      opacity: 0.7;
      line-height: 25px;
      -webkit-font-smoothing: antialiased; }
    .faq-footer .faq-left .questions-container h1 {
      color: #44B8A8;
      font-size: 45px;
      margin-bottom: 35px;
      -webkit-font-smoothing: antialiased; }
    .faq-footer .faq-left .questions-container h3 {
      color: white;
      -webkit-font-smoothing: antialiased; }
  .faq-footer .faq-right {
    padding-top: 200px; }
    .faq-footer .faq-right .faq-contact-us {
      display: flex;
      padding-left: 70px;
      margin-bottom: 20px; }
      .faq-footer .faq-right .faq-contact-us h2 {
        color: white;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 32px;
        -webkit-font-smoothing: antialiased; }
      .faq-footer .faq-right .faq-contact-us span {
        color: white;
        -webkit-font-smoothing: antialiased;
        opacity: 0.6; }
      .faq-footer .faq-right .faq-contact-us div {
        margin-left: 20px; }
    .faq-footer .faq-right .faq-contact-us:first-child img {
      margin-top: -10px; }
    .faq-footer .faq-right .faq-contact-us:last-child img {
      margin-top: 20px; }

select.shadow, select.card, .ui.selection.dropdown.shadow, .ui.selection.dropdown.card {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.27); }

.ui.selection.dropdown {
  user-select: none;
  min-width: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: auto;
  border-color: white;
  font-size: 15px;
  border-radius: 4px; }
  .ui.selection.dropdown.upward.visible {
    border-radius: 0 0 4px 4px !important; }
    .ui.selection.dropdown.upward.visible .menu {
      border-radius: 4px 4px 0 0 !important; }
  .ui.selection.dropdown .menu, .ui.selection.dropdown .item {
    font-size: inherit; }
  .ui.selection.dropdown.react .menu {
    display: block;
    transform-origin: top; }
  .ui.selection.dropdown .menu {
    border-radius: 0 0 4px 4px; }
    .ui.selection.dropdown .menu > .item:not(:first-child) {
      border-top: none; }
    .ui.selection.dropdown .menu > .item:first-child {
      border-color: #ECF0F1; }
    .ui.selection.dropdown .menu hr {
      color: #ECF0F1;
      margin-top: 0;
      margin-bottom: 0px; }
  .ui.selection.dropdown.inset.shadow:not(.active), .ui.selection.dropdown.inset.card:not(.active) {
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    border-color: #D1D9DD; }
  .ui.selection.dropdown .text {
    line-height: 16px; }
    .ui.selection.dropdown .text.default {
      color: #ADB7BE; }
  .ui.selection.dropdown .dropdown.icon {
    right: 0.8em;
    outline: none !important; }
    .ui.selection.dropdown .dropdown.icon:before {
      content: '';
      background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/dropdown-chevron.svg);
      width: 10px;
      height: 17px;
      background-repeat: no-repeat;
      background-position: 0 6px;
      display: block; }
  .ui.selection.dropdown.double-arrow .dropdown.icon:before {
    background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/structure/double-arrow.svg);
    background-position: 0 1px; }
  .ui.selection.dropdown.icon {
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 9px; }
    .ui.selection.dropdown.icon .text {
      display: flex;
      align-items: flex-start; }
    .ui.selection.dropdown.icon .text:before {
      content: '';
      display: inline-block;
      background-repeat: no-repeat;
      width: 17px;
      height: 19px;
      margin-right: 16px; }
    .ui.selection.dropdown.icon.apple .text:before {
      background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/apple-icon.svg); }
    .ui.selection.dropdown.icon.android .text:before {
      background-image: url(/National_Library/20160517234414oe_/https://store.xamarin.com/content/images/android-icon.svg); }
  .ui.selection.dropdown.multiple {
    padding-left: 1em;
    padding-top: 8px;
    padding-bottom: 8px; }
    .ui.selection.dropdown.multiple > .text {
      line-height: normal;
      margin: 0;
      white-space: nowrap; }
      .ui.selection.dropdown.multiple > .text, .ui.selection.dropdown.multiple > .text .truncate {
        overflow: hidden;
        text-overflow: ellipsis; }
      .ui.selection.dropdown.multiple > .text.overflowing .count {
        flex: 1 0 auto; }
      .ui.selection.dropdown.multiple > .text:not(.overflowing) {
        justify-content: flex-start; }
    .ui.selection.dropdown.multiple .dropdown.icon {
      margin: -0.78571429em;
      padding: 0.78571429em; }
      .ui.selection.dropdown.multiple .dropdown.icon:before {
        background-position: 0 8px; }
    .ui.selection.dropdown.multiple .item {
      padding: 0 !important; }
      .ui.selection.dropdown.multiple .item > .ui.checkbox {
        margin: 0;
        font-size: inherit;
        display: block; }
        .ui.selection.dropdown.multiple .item > .ui.checkbox label {
          cursor: pointer;
          padding: 0.71428571rem 1.14285714rem 0.71428571rem 48px;
          margin: 0;
          font-weight: normal;
          font-size: inherit;
          color: #1C2B39; }
          .ui.selection.dropdown.multiple .item > .ui.checkbox label:before, .ui.selection.dropdown.multiple .item > .ui.checkbox label:after {
            top: 50%;
            margin-top: -9px;
            left: 15px; }
  .ui.selection.dropdown.active .menu, .ui.selection.dropdown.active:hover .menu {
    border-color: #1FAECE; }
  .ui.selection.dropdown:focus, .ui.selection.dropdown.active.visible {
    border-color: #1FAECE !important;
    outline: none; }
  .ui.selection.dropdown + .ui.selection.dropdown {
    margin-left: 10px; }
  .ui.selection.dropdown > select {
    display: block !important;
    position: absolute;
    pointer-events: none;
    z-index: -999;
    left: -99999px;
    opacity: 0; }

.form-group .ui.selection.dropdown {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 11px; }
  .form-group .ui.selection.dropdown .text {
    font-size: 1rem; }

.selects {
  display: inline-flex; }
  .selects > .ui.selection.dropdown, .selects > .accessible-dropdown .ui.selection.dropdown {
    margin-left: -1px !important;
    border-radius: 0; }
  .selects > :first-child.ui.selection.dropdown, .selects > :first-child .ui.selection.dropdown {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0 !important; }
    .selects > :first-child.ui.selection.dropdown.upward, .selects > :first-child .ui.selection.dropdown.upward {
      border-bottom-right-radius: 0 !important; }
  .selects > :last-child.ui.selection.dropdown, .selects > :last-child .ui.selection.dropdown {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    .selects > :last-child.ui.selection.dropdown.upward, .selects > :last-child .ui.selection.dropdown.upward {
      border-bottom-left-radius: 0 !important; }
  .selects .error .ui.selection.dropdown, .selects .ui.selection.dropdown:focus {
    z-index: 1; }

.form-control {
  background: #FFFFFF;
  border: 1px solid #D1D9DD;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  height: auto;
  padding: 12px; }
  .form-control::-webkit-input-placeholder {
    /* Safari, Chrome and Opera */
    color: #ADB7BE; }
  .form-control:placeholder-shown {
    color: #ADB7BE; }
  .form-control:focus {
    box-shadow: 0px 0px 1px 1px #1FAECE, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.17); }

[class*="col-"] > .ui.dropdown, [class*="col-"] .accessible-dropdown, [class*="col-"] .accessible-dropdown > .ui.dropdown {
  display: block; }

.form-placeholders {
  margin: 0 auto;
  text-align: center; }
  .form-placeholders .field {
    margin-top: 10px; }
  .form-placeholders .checkbox.field {
    text-align: left;
    padding-left: 2px; }
    .form-placeholders .checkbox.field > label.error, .form-placeholders .checkbox.field > label.error a {
      color: #BC3C26; }
    .form-placeholders .checkbox.field > label.error::after {
      display: none; }
  .form-placeholders :not(.checkbox).field {
    position: relative; }
  .form-placeholders.floating {
    color: #1C2B39;
    max-width: 430px;
    padding: 40px;
    border: 1px solid #888;
    border-color: rgba(138, 138, 138, 0.5);
    border-radius: 2px;
    background: #ececec;
    background: -webkit-linear-gradient(#fff, #ececec);
    background: linear-gradient(#fff, #ececec);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    box-sizing: border-box; }
  @media (min-width: 768px) {
    .form-placeholders {
      min-width: 400px;
      max-width: 400px; } }
  .form-placeholders .form-section:nth-of-type(2n) {
    background-color: #f8f9fa; }
  .form-placeholders .form-section {
    padding-bottom: 40px; }
    .form-placeholders .form-section .wrapper {
      max-width: 720px; }
  .form-placeholders .form-section + .form-section {
    padding-top: 40px; }
  .form-placeholders label {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    margin-top: 0px;
    min-width: 100%;
    max-width: 100%; }
    @media (min-width: 768px) {
      .form-placeholders label {
        min-width: 300px;
        max-width: 300px; } }
    .form-placeholders label label {
      display: none; }
  .form-placeholders ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box; }
    .form-placeholders ul li + li {
      margin-top: 10px; }
  .form-placeholders input[type="text"],
  .form-placeholders input[type="tel"],
  .form-placeholders input[type="email"],
  .form-placeholders input[type="date"],
  .form-placeholders input[type="password"],
  .form-placeholders textarea,
  .form-placeholders .select2-container--default {
    line-height: normal;
    font-size: 15px;
    margin: 0;
    padding: 10px;
    min-width: 100%;
    max-width: 100%;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    box-sizing: border-box; }
  .form-placeholders textarea {
    height: 120px; }
  .form-placeholders .error {
    position: relative;
    display: block; }
    .form-placeholders .error input[type="text"],
    .form-placeholders .error input[type="tel"],
    .form-placeholders .error input[type="email"],
    .form-placeholders .error input[type="date"],
    .form-placeholders .error input[type="password"],
    .form-placeholders .error select,
    .form-placeholders .error textarea,
    .form-placeholders .error .select2-container.select2-container--default .select2-selection--single {
      border: 1px solid #E74C3C; }
  .form-placeholders table, .form-placeholders tbody, .form-placeholders tr, .form-placeholders td {
    display: inline-block;
    text-align: center; }

html, body {
  min-width: 1220px; }

.container {
  min-width: 1170px !important; }

.modal.in {
  display: block !important; }

.pricing-page .local-nav {
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }

.pricing-page .top-gap {
  margin-top: 60px !important; }

.pricing-page section {
  padding: 90px 0; }

.pricing-page h1 {
  font-size: 35px; }

.pricing-page .xs-and-vs.pricing {
  position: relative;
  z-index: 1;
  background: #f6f6f8;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); }
  .pricing-page .xs-and-vs.pricing .tile {
    height: 100%; }
  .pricing-page .xs-and-vs.pricing .btn {
    font-size: 15px; }
  .pricing-page .xs-and-vs.pricing h2 {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 2px solid;
    display: flex;
    align-items: center; }
    .pricing-page .xs-and-vs.pricing h2 img {
      margin-right: 10px; }
    .pricing-page .xs-and-vs.pricing h2.vs-for-mac {
      color: #9378CD;
      border-color: #9378CD; }
    .pricing-page .xs-and-vs.pricing h2.vs {
      border-color: #68217A; }
    .pricing-page .xs-and-vs.pricing h2 img {
      height: 25px;
      width: auto; }
  .pricing-page .xs-and-vs.pricing > p {
    font-size: 18px; }
    .pricing-page .xs-and-vs.pricing > p a {
      text-decoration: underline; }

.pricing-page .product.card {
  min-height: 527px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.pricing-page .mls {
  background-image: linear-gradient(-135deg, #283D52 0%, #213343 33%, #1F3040 40%, #121D27 100%); }
  .pricing-page .mls p {
    font-size: 18px; }
  .pricing-page .mls .container {
    max-width: 770px; }

.pricing-page a, .pricing-page .btn {
  text-decoration: none; }

#top-container.covering-main-page {
  padding-bottom: 0; }
  #top-container.covering-main-page + #container {
    padding: 0; }

html {
  font-size: 16px; }

body {
  background-color: #ECF0F1; }

section {
  padding-top: 60px;
  padding-bottom: 60px; }

@media (min-width: 1240px) {
  .container {
    width: 1220px; } }