@font-face {
font-family: "icons";
src: url("/dist/app.icons.2640fb2811c4624164e8fa3b8623d137.eot?#iefix") format("embedded-opentype"),
url("/dist/app.icons.cc7b73d1bebca492cc26a3021fa4cae6.woff") format("woff"),
url("/dist/app.icons.7a9cea0843e6b6f25e66840b2d555f69.woff2") format("woff2"),
url("/dist/app.icons.b644e73c394e1d54ec6d935013d451da.ttf") format("truetype"),
url("/dist/app.icons.a841b2212f0d5c4e8a585fbf9357929d.svg#icons") format("svg");
}

[class^="icon-"], [class*=" icon-"] {
line-height: 1;
display: inline-block;
vertical-align: middle;
font-family: icons;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-angle-left:before {
content: "\f101";
}
 

.icon-angle-right:before {
content: "\f102";
}
 

.icon-caret-down:before {
content: "\f103";
}
 

.icon-caret-up:before {
content: "\f104";
}
 

.icon-check-square-o:before {
content: "\f105";
}
 

.icon-clock-o:before {
content: "\f106";
}
 

.icon-cog:before {
content: "\f107";
}
 

.icon-support:before {
content: "\f108";
}
 

.icon-card:before {
content: "\f109";
}
 

.icon-plus:before {
content: "\f10a";
}
 

.icon-question-circle:before {
content: "\f10b";
}
 

.icon-sign-out:before {
content: "\f10c";
}
 

.icon-square-o:before {
content: "\f10d";
}
 

.icon-times:before {
content: "\f10e";
}
 

.icon-user:before {
content: "\f10f";
}
 

.icon-locked:before {
content: "\f110";
}
 

.icon-check:before {
content: "\f111";
}
 

.icon-cloud-download:before {
content: "\f112";
}
 

.icon-exclamation-triangle:before {
content: "\f113";
}
 

.icon-facebook:before {
content: "\f114";
}
 

.icon-packages:before {
content: "\f115";
}
 

.icon-payments:before {
content: "\f116";
}
 

.icon-accepted:before {
content: "\f117";
}
 

.icon-sent:before {
content: "\f118";
}
 

.icon-pencil:before {
content: "\f119";
}
 

.icon-unlocked:before {
content: "\f11a";
}
 

.icon-email:before {
content: "\f11b";
}
 

.icon-arrow-down-circle:before {
content: "\f11c";
}
 

.icon-comments:before {
content: "\f11d";
}
 

.icon-eye-slash:before {
content: "\f11e";
}
 

.icon-eye:before {
content: "\f11f";
}
 

.icon-folder:before {
content: "\f120";
}
 

.icon-google:before {
content: "\f121";
}
 

.icon-minus-circle:before {
content: "\f122";
}
 

.icon-plus-circle:before {
content: "\f123";
}
 

.icon-spinner:before {
content: "\f124";
}
 

.icon-twitter:before {
content: "\f125";
}
 

.icon-upload:before {
content: "\f126";
}
 

.icon-paypal:before {
content: "\f127";
}
 

.icon-sms:before {
content: "\f128";
}
 

.icon-link:before {
content: "\f129";
}
 

.icon-check-circle-o:before {
content: "\f12a";
}
 

.icon-refresh:before {
content: "\f12b";
}
 

.icon-power-off:before {
content: "\f12c";
}
 

.icon-file-image:before {
content: "\f12d";
}
 

.icon-arrow-circle-o-left:before {
content: "\f12e";
}
 

.icon-envelope-o:before {
content: "\f12f";
}
 

.icon-bank:before {
content: "\f130";
}
 

.icon-info-circle:before {
content: "\f131";
}
 

.icon-users:before {
content: "\f132";
}
 

.icon-check-circle:before {
content: "\f133";
}
 

.icon-uploading:before {
content: "\f134";
}
 

.icon-trash:before {
content: "\f135";
}
 

.icon-qr:before {
content: "\f136";
}
 

.icon-code:before {
content: "\f137";
}
 

.icon-angle-down:before {
content: "\f138";
}
 

.icon-ellipsis:before {
content: "\f139";
}
 

.icon-external-link:before {
content: "\f13a";
}
 

.icon-invoice:before {
content: "\f13b";
}
 

.icon-detail:before {
content: "\f13c";
}

.icon-angle-left:before {
  content: '\E001';
}
.icon-angle-right:before {
  content: '\E002';
}
.icon-caret-down:before {
  content: '\E003';
}
.icon-caret-up:before {
  content: '\E004';
}
.icon-check-square-o:before {
  content: '\E005';
}
.icon-clock-o:before {
  content: '\E006';
}
.icon-cog:before {
  content: '\E007';
}
.icon-support:before {
  content: '\E008';
}
.icon-card:before {
  content: '\E009';
}
.icon-plus:before {
  content: '\E00A';
}
.icon-question-circle:before {
  content: '\E00B';
}
.icon-sign-out:before {
  content: '\E00C';
}
.icon-square-o:before {
  content: '\E00D';
}
.icon-times:before {
  content: '\E00E';
}
.icon-user:before {
  content: '\E00F';
}
.icon-locked:before {
  content: '\E010';
}
.icon-check:before {
  content: '\E011';
}
.icon-cloud-download:before {
  content: '\E012';
}
.icon-exclamation-triangle:before {
  content: '\E013';
}
.icon-facebook:before {
  content: '\E014';
}
.icon-packages:before {
  content: '\E015';
}
.icon-payments:before {
  content: '\E016';
}
.icon-accepted:before {
  content: '\E017';
}
.icon-sent:before {
  content: '\E018';
}
.icon-pencil:before {
  content: '\E019';
}
.icon-unlocked:before {
  content: '\E01A';
}
.icon-email:before {
  content: '\E01B';
}
.icon-arrow-down-circle:before {
  content: '\E01C';
}
.icon-comments:before {
  content: '\E01D';
}
.icon-eye-slash:before {
  content: '\E01E';
}
.icon-eye:before {
  content: '\E01F';
}
.icon-folder:before {
  content: '\E020';
}
.icon-google:before {
  content: '\E021';
}
.icon-minus-circle:before {
  content: '\E022';
}
.icon-plus-circle:before {
  content: '\E023';
}
.icon-spinner:before {
  content: '\E024';
}
.icon-twitter:before {
  content: '\E025';
}
.icon-upload:before {
  content: '\E026';
}
.icon-paypal:before {
  content: '\E027';
}
.icon-sms:before {
  content: '\E028';
}
.icon-link:before {
  content: '\E029';
}
.icon-check-circle-o:before {
  content: '\E02A';
}
.icon-refresh:before {
  content: '\E02B';
}
.icon-power-off:before {
  content: '\E02C';
}
.icon-file-image:before {
  content: '\E02D';
}
.icon-arrow-circle-o-left:before {
  content: '\E02E';
}
.icon-envelope-o:before {
  content: '\E02F';
}
.icon-bank:before {
  content: '\E030';
}
.icon-info-circle:before {
  content: '\E031';
}
.icon-users:before {
  content: '\E032';
}
.icon-check-circle:before {
  content: '\E033';
}
.icon-check-circle:before {
  content: '\E034';
}
@font-face {
  font-family: "icons";
  src: url(./dist/icons.136b838215aeab2d3901d4f20b3283e0.eot);
  src: url(./dist/icons.136b838215aeab2d3901d4f20b3283e0.eot?#iefix) format('embedded-opentype'), 
  url(./dist/icons.a8d8cbf03d36b8ab533d06595b72f37f.woff) format('woff'), 
  url(./dist/icons.4862acdda4ece10ecc39ed17fbe4c36e.ttf) format('truetype'), 
  url(./dist/icons.53e86b2d2ee853372a825a1a9c2bf5be.svg#icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
  font-family: icons;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "sourcesanspro-italic";
  src: url(./dist/sourcesanspro-italic.3e900edd857cf2d465a3c1dbe5ac6a66.eot);
  src: url(./dist/sourcesanspro-italic.3e900edd857cf2d465a3c1dbe5ac6a66.eot?#iefix) format('embedded-opentype'), 
  url(./dist/sourcesanspro-italic.e66a74c0f0361812fec446906c76bce6.woff) format('woff'), 
  url(./dist/sourcesanspro-italic.2fc95bbd9de044c508aca7c3e3b9464b.ttf) format('truetype'), 
  url(./dist/sourcesanspro-italic.10323bd737b4eb2a2ae7dbb3fe114658.svg#sourcesanspro-italic) format('svg');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "sourcesanspro-italic";
    src: url(./dist/sourcesanspro-italic.10323bd737b4eb2a2ae7dbb3fe114658.svg) format('svg');
  }
}
@font-face {
  font-family: "sourcesanspro-regular";
  src: url(./dist/sourcesanspro-regular.2ca95ff2dda771ca3b73370c27505893.eot);
  src: url(./dist/sourcesanspro-regular.2ca95ff2dda771ca3b73370c27505893.eot?#iefix) format('embedded-opentype'), 
  url(./dist/sourcesanspro-regular.536b650cdd2615461b81eb550cc74b8f.woff) format('woff'), 
  url(./dist/sourcesanspro-regular.cb5578492d273883c20d6d8fff970d9d.ttf) format('truetype'), 
  url(./dist/sourcesanspro-regular.acbb39e069e808c456cc8885bf42c381.svg#sourcesanspro-regular) format('svg');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "sourcesanspro-regular";
    src: url(./dist/sourcesanspro-regular.acbb39e069e808c456cc8885bf42c381.svg) format('svg');
  }
}
@font-face {
  font-family: "sourcesanspro-semibold";
  src: url(./dist/sourcesanspro-semibold.468979654d6134b3212e048a9a597336.eot);
  src: url(./dist/sourcesanspro-semibold.468979654d6134b3212e048a9a597336.eot?#iefix) format('embedded-opentype'), 
  url(./dist/sourcesanspro-semibold.81741d9f634e825b4f14e95fc6e557d0.woff) format('woff'), 
  url(./dist/sourcesanspro-semibold.935aea8c8516bdbeb7f69a1306d7fda0.ttf) format('truetype'), 
  url(./dist/sourcesanspro-semibold.a46ee55c59b710b9ced72320facd9ae5.svg#sourcesanspro-semibold) format('svg');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "sourcesanspro-semibold";
    src: url(./dist/sourcesanspro-semibold.a46ee55c59b710b9ced72320facd9ae5.svg) format('svg');
  }
}
.sprite-404,
.sprite-drop-here,
.sprite-empty-avatar-small,
.sprite-empty-avatar,
.sprite-flag-cz,
.sprite-flag-sk,
.sprite-info-download,
.sprite-info-send,
.sprite-info-time,
.sprite-logo-beta-small,
.sprite-logo-sv,
.sprite-logo-en-small,
.sprite-logo-en,
.sprite-logo-small,
.sprite-logo,
.sprite-palo-alto-large,
.sprite-palo-alto,
.sprite-wrench,
.sprite-bank-airbank,
.sprite-bank-citibank,
.sprite-bank-cs,
.sprite-bank-csob,
.sprite-bank-equa,
.sprite-bank-era,
.sprite-bank-fio,
.sprite-bank-gemoney,
.sprite-bank-kb,
.sprite-bank-mbank,
.sprite-bank-raiffeisen,
.sprite-bank-sberbank,
.sprite-bank-sms,
.sprite-bank-unicredit,
.sprite-bank-zuno,
.sprite-comgate,
.sprite-payment-ceskasporitelna,
.sprite-payment-csob,
.sprite-payment-dinersclub,
.sprite-payment-discover,
.sprite-payment-equa,
.sprite-payment-era,
.sprite-payment-fio,
.sprite-payment-ge,
.sprite-payment-kb,
.sprite-payment-maestro,
.sprite-payment-mastercard-securecode,
.sprite-payment-mastercard,
.sprite-payment-mbank,
.sprite-payment-paypal,
.sprite-payment-raiffeisen,
.sprite-payment-sberbank,
.sprite-payment-sms,
.sprite-payment-unicredit,
.sprite-payment-verified-by-visa,
.sprite-payment-visa-electron,
.sprite-payment-visa,
.sprite,
.logo strong {
  background-image: url(./dist/sprite.png);
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.sprite-404 {
  background-position: 0px 0px;
  width: 132px;
  height: 133px;
}
.sprite-drop-here {
  background-position: -142px -185px;
  width: 60px;
  height: 60px;
}
.sprite-empty-avatar-small {
  background-position: 0px -283px;
  width: 48px;
  height: 48px;
}
.sprite-empty-avatar {
  background-position: -73px -185px;
  width: 64px;
  height: 64px;
}
.sprite-flag-cz {
  background-position: -548px -161px;
  width: 20px;
  height: 14px;
}
.sprite-flag-sk {
  background-position: -525px -184px;
  width: 20px;
  height: 14px;
}
.sprite-info-download {
  background-position: -207px -185px;
  width: 60px;
  height: 60px;
}
.sprite-info-send {
  background-position: -272px -185px;
  width: 60px;
  height: 60px;
}
.sprite-info-time {
  background-position: -337px -185px;
  width: 60px;
  height: 60px;
}
.sprite-logo-beta-small {
  background-position: -402px -216px;
  width: 113px;
  height: 21px;
}
.sprite-logo-sv {
  background-position: -256px -47px;
  width: 235px;
  height: 42px;
}
.sprite-logo-en-small {
  background-position: -366px -94px;
  width: 132px;
  height: 21px;
}
.sprite-logo-en {
  background-position: -256px 0px;
  width: 264px;
  height: 42px;
}
.sprite-logo-small {
  background-position: -305px -283px;
  width: 95px;
  height: 21px;
}
.sprite-logo {
  background-position: 0px -138px;
  width: 189px;
  height: 42px;
}
.sprite-palo-alto-large {
  background-position: 0px -185px;
  width: 68px;
  height: 68px;
}
.sprite-palo-alto {
  background-position: -525px -161px;
  width: 18px;
  height: 18px;
}
.sprite-wrench {
  background-position: -137px 0px;
  width: 114px;
  height: 113px;
}
.sprite-bank-airbank {
  background-position: -432px -138px;
  width: 83px;
  height: 27px;
}
.sprite-bank-citibank {
  background-position: -402px -185px;
  width: 99px;
  height: 26px;
}
.sprite-bank-cs {
  background-position: -123px -283px;
  width: 72px;
  height: 31px;
}
.sprite-bank-csob {
  background-position: 0px -452px;
  width: 50px;
  height: 39px;
}
.sprite-bank-equa {
  background-position: -200px -283px;
  width: 100px;
  height: 21px;
}
.sprite-bank-era {
  background-position: -525px -40px;
  width: 37px;
  height: 37px;
}
.sprite-bank-fio {
  background-position: -53px -283px;
  width: 65px;
  height: 35px;
}
.sprite-bank-gemoney {
  background-position: -256px -94px;
  width: 105px;
  height: 33px;
}
.sprite-bank-kb {
  background-position: -225px -375px;
  width: 72px;
  height: 25px;
}
.sprite-bank-mbank {
  background-position: -147px -375px;
  width: 73px;
  height: 28px;
}
.sprite-bank-raiffeisen {
  background-position: -161px -336px;
  width: 87px;
  height: 23px;
}
.sprite-bank-sberbank {
  background-position: 0px -258px;
  width: 110px;
  height: 20px;
}
.sprite-bank-sms {
  background-position: -411px -336px;
  width: 64px;
  height: 22px;
}
.sprite-bank-unicredit {
  background-position: -115px -258px;
  width: 98px;
  height: 19px;
}
.sprite-bank-zuno {
  background-position: -405px -283px;
  width: 89px;
  height: 21px;
}
.sprite-comgate {
  background-position: -194px -138px;
  width: 150px;
  height: 40px;
}
.sprite-payment-ceskasporitelna {
  background-position: -349px -138px;
  width: 78px;
  height: 34px;
}
.sprite-payment-csob {
  background-position: -525px 0px;
  width: 45px;
  height: 35px;
}
.sprite-payment-dinersclub {
  background-position: -525px -123px;
  width: 38px;
  height: 33px;
}
.sprite-payment-discover {
  background-position: -131px -413px;
  width: 53px;
  height: 33px;
}
.sprite-payment-equa {
  background-position: -218px -258px;
  width: 86px;
  height: 18px;
}
.sprite-payment-era {
  background-position: -525px -82px;
  width: 36px;
  height: 36px;
}
.sprite-payment-fio {
  background-position: -69px -413px;
  width: 57px;
  height: 33px;
}
.sprite-payment-ge {
  background-position: -71px -336px;
  width: 85px;
  height: 25px;
}
.sprite-payment-kb {
  background-position: -341px -336px;
  width: 65px;
  height: 23px;
}
.sprite-payment-maestro {
  background-position: -55px -452px;
  width: 55px;
  height: 34px;
}
.sprite-payment-mastercard-securecode {
  background-position: 0px -413px;
  width: 64px;
  height: 34px;
}
.sprite-payment-mastercard {
  background-position: -115px -452px;
  width: 55px;
  height: 34px;
}
.sprite-payment-mbank {
  background-position: -71px -375px;
  width: 71px;
  height: 29px;
}
.sprite-payment-paypal {
  background-position: 0px -336px;
  width: 66px;
  height: 34px;
}
.sprite-payment-raiffeisen {
  background-position: -253px -336px;
  width: 83px;
  height: 23px;
}
.sprite-payment-sberbank {
  background-position: -309px -258px;
  width: 85px;
  height: 17px;
}
.sprite-payment-sms {
  background-position: -302px -375px;
  width: 63px;
  height: 22px;
}
.sprite-payment-unicredit {
  background-position: -137px -118px;
  width: 88px;
  height: 13px;
}
.sprite-payment-verified-by-visa {
  background-position: 0px -375px;
  width: 66px;
  height: 33px;
}
.sprite-payment-visa-electron {
  background-position: -175px -452px;
  width: 55px;
  height: 34px;
}
.sprite-payment-visa {
  background-position: -235px -452px;
  width: 55px;
  height: 34px;
}
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .sprite-404,
  .sprite-drop-here,
  .sprite-empty-avatar-small,
  .sprite-empty-avatar,
  .sprite-flag-cz,
  .sprite-flag-sk,
  .sprite-info-download,
  .sprite-info-send,
  .sprite-info-time,
  .sprite-logo-beta-small,
  .sprite-logo-sv,
  .sprite-logo-en-small,
  .sprite-logo-en,
  .sprite-logo-small,
  .sprite-logo,
  .sprite-palo-alto-large,
  .sprite-palo-alto,
  .sprite-wrench,
  .sprite-bank-airbank,
  .sprite-bank-citibank,
  .sprite-bank-cs,
  .sprite-bank-csob,
  .sprite-bank-equa,
  .sprite-bank-era,
  .sprite-bank-fio,
  .sprite-bank-gemoney,
  .sprite-bank-kb,
  .sprite-bank-mbank,
  .sprite-bank-raiffeisen,
  .sprite-bank-sberbank,
  .sprite-bank-sms,
  .sprite-bank-unicredit,
  .sprite-bank-zuno,
  .sprite-comgate,
  .sprite-payment-ceskasporitelna,
  .sprite-payment-csob,
  .sprite-payment-dinersclub,
  .sprite-payment-discover,
  .sprite-payment-equa,
  .sprite-payment-era,
  .sprite-payment-fio,
  .sprite-payment-ge,
  .sprite-payment-kb,
  .sprite-payment-maestro,
  .sprite-payment-mastercard-securecode,
  .sprite-payment-mastercard,
  .sprite-payment-mbank,
  .sprite-payment-paypal,
  .sprite-payment-raiffeisen,
  .sprite-payment-sberbank,
  .sprite-payment-sms,
  .sprite-payment-unicredit,
  .sprite-payment-verified-by-visa,
  .sprite-payment-visa-electron,
  .sprite-payment-visa,
  .sprite,
  .logo strong {
    background-image: url(./dist/sprite@2x.png);
    background-size: 570px 491px;
  }
}
@media screen and (min-width: 768px) {
  .columns.md-2 > .column-thin {
    width: 27%;
  }
  .columns.md-2 > .column-wide {
    width: 73%;
  }
  .columns.md-3.columns-sep {
    position: relative;
  }
  .columns.md-3 .column:first-child:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 33.332%;
    width: 1px;
    background: #ebeef1;
  }
  .columns.md-3 .column:first-child:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 66.664%;
    width: 1px;
    background: #ebeef1;
  }
  .columns.md-3 .column:first-child.buy:before,
  .columns.md-3 .column:first-child.buy:after {
    left: 0;
    background-color: transparent;
    width: 0;
  }
}
@media screen and (max-width: 767px) {
  .columns.md-3.columns-sep .column {
    border-top: 1px solid #ebeef1;
  }
  .columns.md-3.columns-sep .column:first-child {
    border-top: 0;
  }
}
.columns {
  font-size: 0;
}
.columns:before,
.columns:after {
  content: "";
  display: table;
}
.columns:after {
  clear: both;
}
.columns > [class^="column"] {
  font-size: 16px;
}
@media screen and (max-width: 479px) {
  [class *= "columns xs-2"] > [class^="column"],
  [class *= "columns xs-3"] > [class^="column"],
  [class *= "columns xs-4"] > [class^="column"],
  [class *= "columns xs-5"] > [class^="column"],
  [class *= "columns xs-6"] > [class^="column"] {
    width: 100% !important;
  }
  [class *= "columns xs-2"] > [class^="column"] + [class^="column"],
  [class *= "columns xs-3"] > [class^="column"] + [class^="column"],
  [class *= "columns xs-4"] > [class^="column"] + [class^="column"],
  [class *= "columns xs-5"] > [class^="column"] + [class^="column"],
  [class *= "columns xs-6"] > [class^="column"] + [class^="column"] {
    margin-top: 10px;
  }
  [class *= "columns xs-2"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns xs-3"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns xs-4"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns xs-5"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns xs-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
    margin-top: 0;
  }
  .xs-visible {
    display: none !important;
  }
  .xs-sm-visible {
    display: none !important;
  }
  .xs-md-visible {
    display: none !important;
  }
  .xs-lg-visible {
    display: none !important;
  }
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.xs-max-1 > .column {
    width: 100%;
  }
  .columns.xs-max-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.xs-max-3 > .column {
    width: 33.332%;
  }
  .columns.xs-max-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.xs-max-5 > .column {
    width: 20%;
  }
  .columns.xs-max-6 > .column {
    width: 16.666%;
  }
}
@media screen and (max-width: 639px) {
  [class *= "columns sm-2"] > [class^="column"],
  [class *= "columns sm-3"] > [class^="column"],
  [class *= "columns sm-4"] > [class^="column"],
  [class *= "columns sm-5"] > [class^="column"],
  [class *= "columns sm-6"] > [class^="column"] {
    width: 100% !important;
  }
  [class *= "columns sm-2"] > [class^="column"] + [class^="column"],
  [class *= "columns sm-3"] > [class^="column"] + [class^="column"],
  [class *= "columns sm-4"] > [class^="column"] + [class^="column"],
  [class *= "columns sm-5"] > [class^="column"] + [class^="column"],
  [class *= "columns sm-6"] > [class^="column"] + [class^="column"] {
    margin-top: 10px;
  }
  [class *= "columns sm-2"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns sm-3"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns sm-4"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns sm-5"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns sm-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
    margin-top: 0;
  }
  .sm-visible {
    display: none !important;
  }
  .sm-md-visible {
    display: none !important;
  }
  .sm-lg-visible {
    display: none !important;
  }
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.sm-max-1 > .column {
    width: 100%;
  }
  .columns.sm-max-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.sm-max-3 > .column {
    width: 33.332%;
  }
  .columns.sm-max-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.sm-max-5 > .column {
    width: 20%;
  }
  .columns.sm-max-6 > .column {
    width: 16.666%;
  }
}
@media screen and (max-width: 767px) {
  [class *= "columns md-2"] > [class^="column"],
  [class *= "columns md-3"] > [class^="column"],
  [class *= "columns md-4"] > [class^="column"],
  [class *= "columns md-5"] > [class^="column"],
  [class *= "columns md-6"] > [class^="column"] {
    width: 100% !important;
  }
  [class *= "columns md-2"] > [class^="column"] + [class^="column"],
  [class *= "columns md-3"] > [class^="column"] + [class^="column"],
  [class *= "columns md-4"] > [class^="column"] + [class^="column"],
  [class *= "columns md-5"] > [class^="column"] + [class^="column"],
  [class *= "columns md-6"] > [class^="column"] + [class^="column"] {
    margin-top: 10px;
  }
  [class *= "columns md-2"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns md-3"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns md-4"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns md-5"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns md-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
    margin-top: 0;
  }
  .md-visible {
    display: none !important;
  }
  .md-lg-visible {
    display: none !important;
  }
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.md-max-1 > .column {
    width: 100%;
  }
  .columns.md-max-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.md-max-3 > .column {
    width: 33.332%;
  }
  .columns.md-max-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.md-max-5 > .column {
    width: 20%;
  }
  .columns.md-max-6 > .column {
    width: 16.666%;
  }
}
@media screen and (max-width: 999px) {
  [class *= "columns lg-2"] > [class^="column"],
  [class *= "columns lg-3"] > [class^="column"],
  [class *= "columns lg-4"] > [class^="column"],
  [class *= "columns lg-5"] > [class^="column"],
  [class *= "columns lg-6"] > [class^="column"] {
    width: 100% !important;
  }
  [class *= "columns lg-2"] > [class^="column"] + [class^="column"],
  [class *= "columns lg-3"] > [class^="column"] + [class^="column"],
  [class *= "columns lg-4"] > [class^="column"] + [class^="column"],
  [class *= "columns lg-5"] > [class^="column"] + [class^="column"],
  [class *= "columns lg-6"] > [class^="column"] + [class^="column"] {
    margin-top: 10px;
  }
  [class *= "columns lg-2"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns lg-3"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns lg-4"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns lg-5"].columns-gap-glued > [class^="column"] + [class^="column"],
  [class *= "columns lg-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
    margin-top: 0;
  }
  .lg-visible {
    display: none !important;
  }
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.lg-max-1 > .column {
    width: 100%;
  }
  .columns.lg-max-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.lg-max-3 > .column {
    width: 33.332%;
  }
  .columns.lg-max-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.lg-max-5 > .column {
    width: 20%;
  }
  .columns.lg-max-6 > .column {
    width: 16.666%;
  }
}
@media screen and (min-width: 480px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.xs-1 > .column {
    width: 100%;
  }
  .columns.xs-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.xs-3 > .column {
    width: 33.332%;
  }
  .columns.xs-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.xs-5 > .column {
    width: 20%;
  }
  .columns.xs-6 > .column {
    width: 16.666%;
  }
  .xs-invisible {
    display: none !important;
  }
  .xs-sm-invisible {
    display: none !important;
  }
  .xs-md-invisible {
    display: none !important;
  }
  .xs-lg-invisible {
    display: none !important;
  }
}
@media screen and (min-width: 640px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.sm-1 > .column {
    width: 100%;
  }
  .columns.sm-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.sm-3 > .column {
    width: 33.332%;
  }
  .columns.sm-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.sm-5 > .column {
    width: 20%;
  }
  .columns.sm-6 > .column {
    width: 16.666%;
  }
  .sm-invisible {
    display: none !important;
  }
  .sm-md-invisible {
    display: none !important;
  }
  .sm-lg-invisible {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.md-1 > .column {
    width: 100%;
  }
  .columns.md-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.md-3 > .column {
    width: 33.332%;
  }
  .columns.md-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.md-5 > .column {
    width: 20%;
  }
  .columns.md-6 > .column {
    width: 16.666%;
  }
  .md-invisible {
    display: none !important;
  }
  .md-lg-invisible {
    display: none !important;
  }
}
@media screen and (min-width: 1000px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.lg-1 > .column {
    width: 100%;
  }
  .columns.lg-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.lg-3 > .column {
    width: 33.332%;
  }
  .columns.lg-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.lg-5 > .column {
    width: 20%;
  }
  .columns.lg-6 > .column {
    width: 16.666%;
  }
  .lg-invisible {
    display: none !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.xs-sm-1 > .column {
    width: 100%;
  }
  .columns.xs-sm-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.xs-sm-3 > .column {
    width: 33.332%;
  }
  .columns.xs-sm-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.xs-sm-5 > .column {
    width: 20%;
  }
  .columns.xs-sm-6 > .column {
    width: 16.666%;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.xs-md-1 > .column {
    width: 100%;
  }
  .columns.xs-md-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.xs-md-3 > .column {
    width: 33.332%;
  }
  .columns.xs-md-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.xs-md-5 > .column {
    width: 20%;
  }
  .columns.xs-md-6 > .column {
    width: 16.666%;
  }
}
@media screen and (min-width: 480px) and (max-width: 999px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.xs-lg-1 > .column {
    width: 100%;
  }
  .columns.xs-lg-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.xs-lg-3 > .column {
    width: 33.332%;
  }
  .columns.xs-lg-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.xs-lg-5 > .column {
    width: 20%;
  }
  .columns.xs-lg-6 > .column {
    width: 16.666%;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.sm-md-1 > .column {
    width: 100%;
  }
  .columns.sm-md-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.sm-md-3 > .column {
    width: 33.332%;
  }
  .columns.sm-md-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.sm-md-5 > .column {
    width: 20%;
  }
  .columns.sm-md-6 > .column {
    width: 16.666%;
  }
}
@media screen and (min-width: 640px) and (max-width: 999px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.sm-lg-1 > .column {
    width: 100%;
  }
  .columns.sm-lg-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.sm-lg-3 > .column {
    width: 33.332%;
  }
  .columns.sm-lg-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.sm-lg-5 > .column {
    width: 20%;
  }
  .columns.sm-lg-6 > .column {
    width: 16.666%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .columns {
    margin-left: -10px;
    margin-right: -10px;
  }
  .columns > [class^="column"] {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
  }
  .columns-gap-glued {
    margin: 0;
  }
  .columns-gap-glued > [class^="column"] {
    padding: 0;
  }
  .columns-gap-min {
    margin-left: -2px;
    margin-right: -2px;
  }
  .columns-gap-min > [class^="column"] {
    padding-left: 2px;
    padding-right: 2px;
  }
  .columns.md-lg-1 > .column {
    width: 100%;
  }
  .columns.md-lg-2 > .column {
    width: 49.998000000000005%;
  }
  .columns.md-lg-3 > .column {
    width: 33.332%;
  }
  .columns.md-lg-4 > .column {
    width: 24.999000000000002%;
  }
  .columns.md-lg-5 > .column {
    width: 20%;
  }
  .columns.md-lg-6 > .column {
    width: 16.666%;
  }
}
html {
  position: relative;
  min-height: 100%;
}
@media screen and (min-width: 640px) {
  html {
    background-image: url(./dist/background.6a7339be5fd2d3c5d7b2c18b25a56273.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 100% auto;
  }
}
body {
  color: #4d525a;
  font-family: "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  min-width: 320px;
  overflow-x: hidden;
  transition: filter 0.3s ease;
}
@media screen and (min-width: 1000px) {
  body {
    padding: 55px 0;
  }
}
@media screen and (min-width: 640px) and (max-width: 999px) {
  body {
    padding: 20px 0;
  }
}
.content-bar {
  border-bottom: 1px solid #e3e3e3;
}
.content-bar:before,
.content-bar:after {
  content: "";
  display: table;
}
.content-bar:after {
  clear: both;
}
@media screen and (min-width: 640px) {
  .content-bar {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 639px) {
  .content-bar {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 479px) {
  .content-bar {
    display: flex;
    flex-direction: column;
  }
  .content-bar .pull-right {
    margin-top: 10px;
  }
}
.content-bar-title {
  font-size: 1.2em;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .content-bar .prev {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .content-bar .prev {
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
}
.content-bar-simple {
  border-bottom: 0;
}
@media screen and (max-width: 479px) {
  .content-bar {
    text-align: center;
  }
}
.content-bar .btn-small {
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .content-bar .alert-text {
    float: left;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .content-bar .alert-text {
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
}
.content-bar h1 {
  font-size: 22px;
  margin: 5px 15px 0 0;
}
@media screen and (min-width: 768px) {
  .content-bar h1 {
    float: left;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .content-bar h1 {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .content-bar .btn.pull-right {
    float: none !important;
    margin-top: 10px;
  }
}
.content-bar .links {
  padding-top: 5px;
}
.content-bar .edit {
  position: relative;
  top: 5px;
}
.content-bar .edit span {
  color: #b8bdc0;
  transition: color 0.3s ease;
}
.content-bar .edit span:hover {
  color: #117abb;
}
.content-bar .edit span:before {
  font-size: 18px;
}
.content-bar .edit span.icon-check:before {
  font-size: 24px;
}
@media screen and (min-width: 480px) {
  .content-bar .toggle-lock {
    float: right;
  }
}
.content-header {
  background-image: url(./dist/background-intro.d5237ab777a6716d6461e860c903c42b.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  padding: 75px 70px 0;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}
.content-header-only {
  background: #fff;
  padding-bottom: 40px;
  border-bottom: 0;
}
.content-header .tabs-nav {
  padding-top: 30px;
}
.content-header .btn {
  margin-top: 15px;
}
.content-header h1 {
  margin-bottom: 10px;
}
.content-header h2 {
  margin-bottom: 10px;
}
.content-header p a {
  color: #777;
}
.content-header p a:hover {
  color: #000;
}
.content {
  position: relative;
  z-index: 20;
}
@media screen and (min-width: 640px) {
  .content {
    padding: 30px 35px;
  }
}
@media screen and (max-width: 639px) {
  .content {
    padding: 20px 10px;
  }
}
.content.new-content {
  padding: 0 !important;
}
@media screen and (min-width: 640px) {
  .content.new-content {
    padding: 0;
  }
}
@media screen and (max-width: 639px) {
  .content.new-content {
    padding: 0;
  }
}
@media screen and (min-width: 640px) {
  .content-wrapper {
    padding: 0px 10px;
  }
}
@media screen and (max-width: 639px) {
  .content-wrapper {
    padding: 20px 10px;
  }
}
.footer {
  color: #b1b1b1;
  position: relative;
  background: #f5f6f6;
  border-radius: 0 0 5px 5px;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
@media screen and (min-width: 640px) {
  .footer {
    padding: 30px 30px 30px;
  }
}
@media screen and (max-width: 639px) {
  .footer {
    text-align: center;
    padding: 20px 10px 20px;
  }
}
.footer-copyright {
  text-align: center;
  margin-bottom: -10px;
  font-size: 12px;
  line-height: 20px;
}
@media screen and (max-width: 639px) {
  .footer-copyright .comma {
    display: none;
  }
}
.footer-copyright a {
  color: #b1b1b1;
  text-decoration: none;
}
@media screen and (min-width: 640px) {
  .footer-copyright a {
    margin-left: 5px;
  }
}
.footer-copyright a .sprite-palo-alto {
  margin-right: 5px;
}
.footer-copyright a:visited {
  color: #b1b1b1;
}
.footer-copyright a:hover {
  color: #117abb;
}
@media screen and (max-width: 639px) {
  .footer-copyright a {
    display: block;
  }
}
@media screen and (max-width: 639px) {
  .footer-copyright {
    margin-bottom: 10px;
  }
}
.footer-navigation {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}
.footer-navigation a {
  color: #b1b1b1;
}
.footer-navigation a.more [class*="icon-"] {
  color: #b1b1b1;
  margin-left: -1px;
  margin-top: -2px;
}
.footer-navigation a.more [class*="icon-"]::before {
  font-size: 12px;
}
@media screen and (max-width: 639px) {
  .footer-navigation a {
    padding: 0 5px;
  }
}
.footer-navigation a:visited {
  color: #b1b1b1;
}
.footer-navigation a:hover {
  color: #117abb;
}
.header {
  position: relative;
  border-radius: 5px 5px;
  background-image: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#f6f6f6)', GradientType=0);
}
.header:before,
.header:after {
  content: "";
  display: table;
}
.header:after {
  clear: both;
}
.header-offline {
  text-align: center;
}
.header-offline .logo {
  float: none;
}
@media screen and (min-width: 480px) {
  .header {
    line-height: 39px;
  }
}
@media screen and (min-width: 640px) {
  .header {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 639px) {
  .header {
    padding: 15px 15px;
  }
}
.page {
  background: #fff;
}
@media screen and (min-width: 640px) {
  .page {
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
  }
}
@media screen and (max-width: 639px) {
  .page {
    margin: 0 -20px;
  }
}


.inline-block {
  display: inline-block;
  vertical-align: middle;
}
.align-center {
  text-align: center;padding-top: 20px; padding-bottom: 20px;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-right.flex {
  display: flex;
  justify-content: flex-end;
}
.align-justify {
  text-align: justify;
}
.float-left,
.pull-left {
  float: left;
}
.float-right,
.pull-right {
  float: right;
}
.nolink {
  text-decoration: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
  font-size: 18px;
}

.h-subtitle {
  margin-top: -20px;
  text-align: center;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #717881;
  margin-bottom: 40px;
}
.h-subtitle-normal {
  margin-top: 20px;
  margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  color: #333;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  text-rendering: optimizelegibility;
  -webkit-text-stroke: none;
  margin-top: 0;
}
h1 [class*="sprite-"],
h2 [class*="sprite-"],
h3 [class*="sprite-"],
h4 [class*="sprite-"],
h5 [class*="sprite-"],
.h1 [class*="sprite-"],
.h2 [class*="sprite-"],
.h3 [class*="sprite-"],
.h4 [class*="sprite-"],
.h5 [class*="sprite-"],
h1 [class*="icon-"],
h2 [class*="icon-"],
h3 [class*="icon-"],
h4 [class*="icon-"],
h5 [class*="icon-"],
.h1 [class*="icon-"],
.h2 [class*="icon-"],
.h3 [class*="icon-"],
.h4 [class*="icon-"],
.h5 [class*="icon-"] {
  margin-right: 15px;
}
h1 span:not([class]):not([id]),
h2 span:not([class]):not([id]),
h3 span:not([class]):not([id]),
h4 span:not([class]):not([id]),
h5 span:not([class]):not([id]),
.h1 span:not([class]):not([id]),
.h2 span:not([class]):not([id]),
.h3 span:not([class]):not([id]),
.h4 span:not([class]):not([id]),
.h5 span:not([class]):not([id]) {
  color: #117abb;
}
h1.styled,
h2.styled,
h3.styled,
h4.styled,
h5.styled,
.h1.styled,
.h2.styled,
.h3.styled,
.h4.styled,
.h5.styled {
  text-align: center;
  position: relative;
  font-size: 20px;
  line-height: 28px;
}
h1.styled:after,
h2.styled:after,
h3.styled:after,
h4.styled:after,
h5.styled:after,
.h1.styled:after,
.h2.styled:after,
.h3.styled:after,
.h4.styled:after,
.h5.styled:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #e1e5e6;
  z-index: 1;
  margin-top: 1px;
}
h1.styled span,
h2.styled span,
h3.styled span,
h4.styled span,
h5.styled span,
.h1.styled span,
.h2.styled span,
.h3.styled span,
.h4.styled span,
.h5.styled span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  background: #fff;
  position: relative;
  z-index: 10;
  color: inherit;
}
h1.inherit,
h2.inherit,
h3.inherit,
h4.inherit,
h5.inherit,
.h1.inherit,
.h2.inherit,
.h3.inherit,
.h4.inherit,
.h5.inherit {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  margin: 0;
  display: inline;
  font-family: inherit;
}
h1,
.h1 {
  line-height: 1.2em;
  font-size: 40px;
  text-align: center;
}
h2,
.h2 {
  line-height: 1.2em;
  margin-bottom: 20px;
  font-size: 28px;
  text-align: center;
}
h3,
.h3 {
  line-height: 1.1em;
  margin-bottom: 20px;
  font-size: 22px;
}
h4,
.h4 {
  line-height: 28px;
  margin-bottom: 20px;
  font-size: 18px;
}
h5,
.h5 {
  margin-bottom: 10px;
  font-size: 20px;
}
dl,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul:not([class]):not([id]),
ul.ul-styled {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 30px;
  margin-left: 20px;
}
ul:not([class]):not([id]) li,
ul.ul-styled li {
  padding-left: 18px;
  position: relative;
  margin: 3px 0;
}
ul:not([class]):not([id]) li:before,
ul.ul-styled li:before {
  border-radius: 10px;
  width: 8px;
  height: 8px;
  background-color: #d7d7d7;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 9px;
}
ul:not([class]):not([id]) li strong,
ul.ul-styled li strong {
  color: #000;
}
ol:not([class]):not([id]),
ol.ol-styled {
  counter-reset: li;
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 26px;
  margin-left: 15px;
}
ol:not([class]):not([id]) li,
ol.ol-styled li {
  position: relative;
  padding-left: 30px;
}
ol:not([class]):not([id]) li:before,
ol.ol-styled li:before {
  content: counter(li) '. ';
  counter-increment: li;
  color: #117abb;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  text-align: right;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
p,
address {
  margin: 0 0 20px;
}
address {
  font-style: normal;
}
img {
  height: auto;
}
img.pull-left,
img.pull-right {
  margin-bottom: 20px;
}
img.pull-left {
  margin-right: 20px;
}
img.pull-right {
  margin-left: 20px;
}
.color-default {
  color: #4d525a;
}
.color-darker {
  color: #000;
}
.color-inverse {
  color: #fff;
}
.color-primary {
  color: #117abb;
}
.color-additional {
  color: #e6eaef;
}
.color-neutral {
  color: #f2b40e;
}
.color-brighter {
  color: #717881;
}
.color-positive {
  color: #20b36c;
}
.color-negative {
  color: #c0392b;
}
.uppercase {
  text-transform: uppercase;
}
b,
strong,
.bold {
  font-family: "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  font-weight: 700;
}
.regular {
  font-family: "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.small {
  font-size: 14px;
  line-height: 22px;
}
.xsmall {
  font-size: 12px;
  line-height: 20px;
}
.xxsmall {
  font-size: 10px;
  line-height: 18px;
}
.large {
  font-size: 18px;
  line-height: 26px;
}
.xlarge {
  font-size: 20px;
  line-height: 28px;
}
.xxlarge {
  font-size: 22px;
  line-height: 30px;
}
.xxxlarge {
  font-size: 24px;
  line-height: 32px;
}
@media screen and (max-width: 479px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 639px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 999px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 480px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 640px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1000px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 480px) and (max-width: 999px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 999px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) and (min-width: 640px) {
  -small {
    margin-left: -5px;
    margin-right: -5px;
  }
  -small > [class^="column"] {
    padding-left: 5px;
    padding-right: 5px;
  }
  -large {
    margin-left: -20px;
    margin-right: -20px;
  }
  -large > [class^="column"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.accordion-item {
  border: 1px solid #eaeaea;
  margin: 0 0 10px;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  transition: border 0.3s ease;
}
.accordion-item:hover {
  border-color: #bfe987;
}
.accordion-item:hover .underline-item:after {
  opacity: 0;
}
.accordion-item input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  display: block;
}
.accordion-item input[type=checkbox]:hover ~ .accordion-item-header {
  color: #117abb;
}
.accordion-item input[type=checkbox]:checked ~ .accordion-item-header,
.accordion-item input[type=checkbox]:checked ~ .accordion-item .underline-item:break-after {
  opacity: 0;
}
.accordion-item input[type=checkbox]:checked ~ .accordion-item-content {
  display: block;
}
.accordion-item-header {
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  background: #fff;
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
  display: block;
  padding: 15px 20px 15px 50px;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 26px;
  cursor: pointer;
}
.accordion-item-header [class*="icon-"] {
  color: #76c020;
  transition: color 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: 18px;
  left: 15px;
}
.accordion-item-header [class*="icon-"]:before,
.accordion-item-header [class*="icon-"]:after {
  font-size: 20px;
}
.accordion-item-content {
  padding: 0 20px 20px 50px;
  margin: 0;
  color: #777;
  position: relative;
  z-index: 10;
  display: none;
}
.accordion-item-content p {
  margin: 0;
  color: #777;
}
.account-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 72px;
  height: 72px;
  border-radius: 100px;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.account-avatar-small {
  width: 54px;
  height: 54px;
}
.account-avatar-small .account-avatar-initials {
  font-size: 21px;
}
.account-avatar-initials {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 30px;
  transform: translate(-50%, -50%);
}
.account-avatar img {
  vertical-align: top;
}
.account-avatar:hover .account-avatar-overlay {
  opacity: 1;
}
.account-avatar-empty {
  border: 2px solid #117abb;
  color: #117abb;
}
.account-avatar-empty-gray {
  border-color: #b1b1b1 !important;
  color: #b1b1b1 !important;
}
.account-avatar-empty .account-avatar-overlay {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: #117abb;
  color: #fff;
}
.account-avatar-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 30px;
  display: block;
  border-radius: 100px;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: rgba(0,0,0,0.3);
}
.account-avatar-overlay [class*="icon-"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.account-avatar-overlay [class*="icon-"]:before {
  font-size: 25px;
}
.account-avatar-wrapper {
  margin-bottom: 20px;
}
.account {
  float: right;
  text-decoration: none;
  color: #000;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.account .underline-item:after {
  border-color: transparent;
}
.account [class*="icon-"] {
  color: #000;
  border-color: #000;
}
.account:hover {
  color: #000 !important;
}
.account:hover .underline-item:after {
  border-color: transparent;
}
.account[href] {
  color: #117abb;
}
.account[href] [class*="icon-"] {
  color: #117abb;
  border-color: #117abb;
}
.account[href] .underline-item:after {
  border-color: #117abb;
}
.account[href]:hover {
  color: #000;
}
.account[href]:hover .underline-item:after {
  border-color: #000;
}
.account[href]:hover [class*="icon-"] {
  color: #000;
  border-color: #000;
}
.account:visited {
  color: #117abb;
}
.account [class*="icon-"] {
  margin-right: 8px;
}
.account-logout {
  color: #717881;
  opacity: 0.7;
}
.account-logout [class*="icon-"] {
  color: #717881;
  border-color: #717881;
}
.account-logout [class*="icon-"]:before {
  top: 1px;
  position: relative;
}
.account-logout .underline-item:after {
  border-color: #717881;
}
.account-logout:visited {
  color: #717881;
}
.account-logout:visited [class*="icon-"] {
  color: #717881;
  border-color: #717881;
}
.account-logout:visited .underline-item:after {
  border-color: #717881;
}
.break-word {
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
.addon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.addon-inline {
  display: inline;
}
.addon-item {
  position: absolute;
  top: 0;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  z-index: 930;
  display: block;
}
.addon-item:first-child {
  left: 0;
}
.addon-item:last-child {
  right: 0;
}
.addon-item span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #717881;
  margin-top: 1px;
  transition: color 0.3s ease;
}

.addon .addon-item {
  width: 55px;
}
.addon .addon-item [class*="icon"] {
  font-size: 12px;
}
.addon .input:first-child {
  padding-right: 55px;
}
.addon .input:last-child {
  padding-left: 55px;
}
.addon .addon-item + .input:not(:last-child) {
  padding-left: 55px;
  padding-right: 55px;
}
.addon-xsmall .addon-item,
.form-xsmall .addon .addon-item {
  width: 22px;
}
.addon-xsmall .addon-item [class*="icon"],
.form-xsmall .addon .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-xsmall .input:first-child,
.form-xsmall .addon .input:first-child {
  padding-right: 22px;
}
.addon-xsmall .input:last-child,
.form-xsmall .addon .input:last-child {
  padding-left: 22px;
}
.addon-xsmall .addon-item + .input:not(:last-child),
.form-xsmall .addon .addon-item + .input:not(:last-child) {
  padding-left: 22px;
  padding-right: 22px;
}
.addon-group-xsmall .addon-item,
.addon .btn .addon-item {
  width: 22px;
}
.addon-group-xsmall .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-group-xsmall .input:first-child,
.addon .btn .input:first-child {
  padding-right: 22px;
}
.addon-group-xsmall .input:last-child,
.addon .btn .input:last-child {
  padding-left: 22px;
}
.addon-group-xsmall .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 22px;
  padding-right: 22px;
}
.addon-small .addon-item,
.form-small .addon .addon-item {
  width: 30px;
}
.addon-small .addon-item [class*="icon"],
.form-small .addon .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-small .input:first-child,
.form-small .addon .input:first-child {
  padding-right: 30px;
}
.addon-small .input:last-child,
.form-small .addon .input:last-child {
  padding-left: 30px;
}
.addon-small .addon-item + .input:not(:last-child),
.form-small .addon .addon-item + .input:not(:last-child) {
  padding-left: 30px;
  padding-right: 30px;
}
.addon-group-small .addon-item,
.addon .btn .addon-item {
  width: 30px;
}
.addon-group-small .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-group-small .input:first-child,
.addon .btn .input:first-child {
  padding-right: 30px;
}
.addon-group-small .input:last-child,
.addon .btn .input:last-child {
  padding-left: 30px;
}
.addon-group-small .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 30px;
  padding-right: 30px;
}
.addon-medium .addon-item,
.form-medium .addon .addon-item {
  width: 55px;
}
.addon-medium .addon-item [class*="icon"],
.form-medium .addon .addon-item [class*="icon"] {
  font-size: 12px;
}
.addon-medium .input:first-child,
.form-medium .addon .input:first-child {
  padding-right: 55px;
}
.addon-medium .input:last-child,
.form-medium .addon .input:last-child {
  padding-left: 55px;
}
.addon-medium .addon-item + .input:not(:last-child),
.form-medium .addon .addon-item + .input:not(:last-child) {
  padding-left: 55px;
  padding-right: 55px;
}
.addon-group-medium .addon-item,
.addon .btn .addon-item {
  width: 55px;
}
.addon-group-medium .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 12px;
}
.addon-group-medium .input:first-child,
.addon .btn .input:first-child {
  padding-right: 55px;
}
.addon-group-medium .input:last-child,
.addon .btn .input:last-child {
  padding-left: 55px;
}
.addon-group-medium .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 55px;
  padding-right: 55px;
}
.addon-large .addon-item,
.form-large .addon .addon-item {
  width: 50px;
}
.addon-large .addon-item [class*="icon"],
.form-large .addon .addon-item [class*="icon"] {
  font-size: 14px;
}
.addon-large .input:first-child,
.form-large .addon .input:first-child {
  padding-right: 50px;
}
.addon-large .input:last-child,
.form-large .addon .input:last-child {
  padding-left: 50px;
}
.addon-large .addon-item + .input:not(:last-child),
.form-large .addon .addon-item + .input:not(:last-child) {
  padding-left: 50px;
  padding-right: 50px;
}
.addon-group-large .addon-item,
.addon .btn .addon-item {
  width: 50px;
}
.addon-group-large .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 14px;
}
.addon-group-large .input:first-child,
.addon .btn .input:first-child {
  padding-right: 50px;
}
.addon-group-large .input:last-child,
.addon .btn .input:last-child {
  padding-left: 50px;
}
.addon-group-large .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 50px;
  padding-right: 50px;
}
.addon-xlarge .addon-item,
.form-xlarge .addon .addon-item {
  width: 60px;
}
.addon-xlarge .addon-item [class*="icon"],
.form-xlarge .addon .addon-item [class*="icon"] {
  font-size: 18px;
}
.addon-xlarge .input:first-child,
.form-xlarge .addon .input:first-child {
  padding-right: 60px;
}
.addon-xlarge .input:last-child,
.form-xlarge .addon .input:last-child {
  padding-left: 60px;
}
.addon-xlarge .addon-item + .input:not(:last-child),
.form-xlarge .addon .addon-item + .input:not(:last-child) {
  padding-left: 60px;
  padding-right: 60px;
}
.addon-group-xlarge .addon-item,
.addon .btn .addon-item {
  width: 60px;
}
.addon-group-xlarge .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 18px;
}
.addon-group-xlarge .input:first-child,
.addon .btn .input:first-child {
  padding-right: 60px;
}
.addon-group-xlarge .input:last-child,
.addon .btn .input:last-child {
  padding-left: 60px;
}
.addon-group-xlarge .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 60px;
  padding-right: 60px;
}
.alert {
  padding: 15px 20px;
  margin: 20px 30px;
  border: 1px solid #e1e5e6;
  position: relative;
  color: #333;
  border-radius: 3px;
  font-family: "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
@media screen and (max-width: 767px) {
  .alert {
    margin: 20px 10px;
  }
}
.alert-text {
  font-size: 22px;
  line-height: 30px;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.alert-text [class*="icon-"] {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.alert-text [class*="icon-"]:before {
  font-size: 22px;
  line-height: 30px;
}
.alert-text-success {
  color: #117abb;
}
.alert-hidden {
  opacity: 0;
  transform: translate(0, -100%);
  position: absolute;
  visibility: hidden;
  display: none;
}
.mobile .alert-hidden {
  display: none;
  opacity: 1;
  transform: translate(0, 0);
  position: relative;
  visibility: visible;
}
.alert + .content-bar {
  margin-top: -15px;
}
.alert-removed {
  opacity: 0;
  transform: translate(0, -100%);
  visibility: hidden;
}
.alert-close {
  position: absolute;
  top: 0;
  right: 5px;
}
.alert-close [class*="icon-"] {
  color: rgba(0,0,0,0.25);
  transition: color 0.3s ease;
}
.alert > [class*="icon-"],
.alert > [class*="gif-"] {
  margin-right: 15px;
  position: relative;
  top: -1px;
}
.alert > [class*="icon-"]:before,
.alert > [class*="gif-"]:before,
.alert > [class*="icon-"]:after,
.alert > [class*="gif-"]:after {
  font-size: 22px;
}
.alert .gif-reconnect {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url(./dist/preloader-alert.02e06772c628f7db097cbe384a1d8c33.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.alert-tip {
  background-color: #fefad0;
  border-color: #fefad0;
}
.alert-tip strong {
  color: #6bb911;
  text-transform: uppercase;
  margin-right: 5px;
}
.alert-error {
  border-color: #e6a9b8;
  background: #ffdae3;
}
.alert-error > [class*="icon-"] {
  color: #e82e5c;
}
.alert-error a {
  color: #e82e5c;
}
.alert-error .alert-close:hover [class*="icon-"] {
  color: #e82e5c;
}
.alert-warning,
.alert-reconnect {
  border-color: #f9e405;
  background: #fefad0;
}
.alert-warning > [class*="icon-"],
.alert-reconnect > [class*="icon-"] {
  color: #b5a604;
}
.alert-warning a,
.alert-reconnect a {
  color: #b5a604;
}
.alert-warning .alert-close:hover [class*="icon-"],
.alert-reconnect .alert-close:hover [class*="icon-"] {
  color: #b5a604;
}
.alert-success {
  border-color: #c8e4a3;
  background: #eafed0;
}
.alert-success > [class*="icon-"] {
  color: #45b819;
}
.alert-success a {
  color: #45b819;
}
.alert-success .alert-close:hover [class*="icon-"] {
  color: #45b819;
}
.alert-info {
  border-color: #b2d4ea;
  background: #dff1f9;
}
.alert-info > [class*="icon-"] {
  color: #235c81;
}
.alert-info a {
  color: #235c81;
}
.alert-info .alert-close:hover [class*="icon-"] {
  color: #235c81;
}
.append {
  display: flex;
  align-items: center;
}
.append-row {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.append-row > *:not(:first-child) {
  margin-left: 5px;
}
@media screen and (max-width: 479px) {
  .append-row {
    flex-direction: column;
    width: 100%;
  }
  .append-row > * {
    width: 100%;
  }
  .append-row > *:not(:first-child) {
    margin-left: 0;
    margin-top: 5px;
  }
}
.append-row-glued {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.append-row-glued > *:not(:first-child) {
  margin-left: 5px;
}
@media screen and (max-width: 479px) {
  .append-row-glued {
    flex-direction: column;
    width: 100%;
  }
  .append-row-glued > * {
    width: 100%;
  }
  .append-row-glued > *:not(:first-child) {
    margin-left: 0;
    margin-top: 5px;
  }
}
.append-row-glued > *:nth-last-child(n+1):not(:first-child):not(:nth-child(1)) {
  margin-left: 0;
}
.append-row-glued > *:nth-child(n+1):not(:last-child):not(:nth-last-child(1)),
.append-row-glued > *:nth-child(n+1):not(:last-child):not(:nth-last-child(1)) * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.append-row-glued > *:nth-last-child(n+1):not(:first-child):not(:nth-child(1)),
.append-row-glued > *:nth-last-child(n+1):not(:first-child):not(:nth-child(1)) * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (max-width: 479px) {
  .append-row-glued.append-glued > *:not(:first-child) {
    margin-top: 0;
  }
  .append-row-glued.append-glued > *:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .append-row-glued.append-glued > *:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.append-column {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.append-column > *:not(:first-child) {
  margin-top: 5px;
}
@media screen and (max-width: 479px) {
  .append-column {
    width: 100%;
  }
  .append-column > * {
    width: 100%;
  }
  .append-column > *:not(:first-child) {
    margin-top: 5px;
  }
}
.append-column-glued {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.append-column-glued > *:not(:first-child) {
  margin-top: 5px;
}
@media screen and (max-width: 479px) {
  .append-column-glued {
    width: 100%;
  }
  .append-column-glued > * {
    width: 100%;
  }
  .append-column-glued > *:not(:first-child) {
    margin-top: 5px;
  }
}
.append-column-glued > *:not(:first-child) {
  margin-top: 0;
}
.append-column-glued > *:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.append-column-glued > *:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.append-column-glued > *:nth-child(1) {
  transform: translateY(-0px);
}
.append-column-glued > *:nth-child(2) {
  transform: translateY(-1px);
}
.append-column-glued > *:nth-child(3) {
  transform: translateY(-2px);
}
.append-column-glued > *:nth-child(4) {
  transform: translateY(-3px);
}
.append-column-glued > *:nth-child(5) {
  transform: translateY(-4px);
}
.append-column-glued > *:nth-child(6) {
  transform: translateY(-5px);
}
.append-column-glued > *:nth-child(7) {
  transform: translateY(-6px);
}
.append-column-glued > *:nth-child(8) {
  transform: translateY(-7px);
}
.append-column-glued > *:nth-child(9) {
  transform: translateY(-8px);
}
.append-column-glued > *:nth-child(10) {
  transform: translateY(-9px);
}
.badge {
  position: relative;
  color: #117abb;
  text-transform: uppercase;
}
.badge.small {
  font-size: 11px;
  bottom: 2px;
  margin-left: 4px;
  border-radius: 20px;
  padding: 2px 7px;
}
.badge.filled {
  background: #117abb;
  color: #fff;
}
.blur.active {
  filter: blur(2px);
}
.box {
  border-radius: 5px;
  background: #fff;
  margin-bottom: 20px;
}
.box p:last-child {
  margin: 0;
}
.box-headline {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 28px;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.box-inner {
  padding: 30px 30px;
}
.box-inner-vertical-large {
  padding: 70px 0;
}
.box-brighter {
  background: #f4f6f8;
}
.box-primary {
  background-color: #eaffd6;
}
.box-primary .box-headline {
  color: #117abb;
}
.box-primary a {
  color: #117abb;
}
.box-primary a:visited {
  color: #117abb;
}
.box-primary a:hover {
  color: #4d525a;
}

.channel-box {
  width: 100%;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  margin-bottom: 20px;
}
.channel-box .box-header {
  width: 100%;
  padding: 20px;
}
.channel-box .form-values {
  padding: 0 20px;
  position: relative;
  min-height: 60px;
  overflow: hidden;
}
.channel-box .form-values.collapsed {
  max-height: 170px;
}
.channel-box .form-values .form-value {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.channel-box .form-values .form-value-label {
  text-align: left;
  text-transform: uppercase;
  width: 100px;
}
.channel-box .form-values .form-value-content {
  max-width: 400px;
  margin-left: 10px;
}
.channel-box .form-values .veil {
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50px;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
}
.channel-box .expand {
  position: relative;
  z-index: 9;
  bottom: 0;
  padding: 0 20px;
  cursor: pointer;
}
.files-list {
  padding: 0 20px;
}
.files-list .show-more {
  display: block;
  margin-bottom: 20px;
  padding-top: 40px;
  border-top: 1px solid #e3e3e3;
}
.files-list .show-more span[class^="icon"]::before {
  font-size: 24px;
}
.files-list .table {
  margin-bottom: 0;
}
.files-list .table .table-row:last-child {
  border-bottom: none;
}
.circle {
  border: 2px solid #117abb;
  border-radius: 100px;
  width: 28px;
  height: 28px;
  line-height: 22px;
  text-align: center;
  transition: color 0.3s ease, border 0.3s ease;
}
.circle:before,
.circle:after {
  font-size: 15px;
}
.circled-icon {
  display: inline-block;
  border-radius: 100px;
  border: 2px solid #117abb;
  margin-bottom: 20px;
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
}
.circled-icon [class*="icon-"] {
  line-height: 68px;
}
.circled-icon [class*="icon-"]:before {
  font-size: 30px;
  line-height: 64px;
}
.company-logo {
  float: left;
  width: 70px;
  margin-right: 25px;
}
.company-address {
  overflow: hidden;
}
.contact {
  padding: 0 0 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
.contact:before,
.contact:after {
  content: "";
  display: table;
}
.contact:after {
  clear: both;
}
.contact dt {
  float: left;
  width: 50%;
}
.container {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.crossroad b,
.crossroad .done {
  font-weight: bold;
  color: #117abb;
}
.crossroad i,
.crossroad .doing {
  color: #f2b40e;
}
.crossroad .crossroad-list li {
  margin-bottom: 10px;
}
.crossroad .tlc {
  margin-left: 10px;
  cursor: pointer;
  padding: 3px 5px;
  border-radius: 2px;
  color: #fff !important;
  font-size: 13px;
  text-decoration: none !important;
}
.crossroad .tlc:first-child {
  margin-left: 40px;
}
.crossroad .tlc.future {
  background: #20b36c;
}
.crossroad .tlc.issue {
  background: #e82e5c;
}
.crossroad .tlc:hover {
  background: #717881;
}
.datagrid {
  padding: 30px;
}
.datagrid table.datagrid-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.datagrid table.datagrid-table th,
.datagrid table.datagrid-table td {
  padding: 15px 10px;
  vertical-align: initial;
}
.datagrid table.datagrid-table th.col-checkbox span,
.datagrid table.datagrid-table td.col-checkbox span {
  height: 25px;
}
@media screen and (max-width: 767px) {
  .datagrid table.datagrid-table th.col-filesCount,
  .datagrid table.datagrid-table td.col-filesCount {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .datagrid table.datagrid-table th.col-expiration,
  .datagrid table.datagrid-table td.col-expiration {
    display: none;
  }
}
.datagrid table.datagrid-table thead {
  width: 100%;
  background: #fff;
  color: #4d525a;
  font-weight: normal;
}
.datagrid table.datagrid-table thead th {
  font-size: 12px;
  text-transform: uppercase;
  color: #4d525a;
}
.datagrid table.datagrid-table thead a {
  font-weight: bold;
  text-decoration: none;
}
.datagrid table.datagrid-table tbody {
  width: 100%;
}
.datagrid table.datagrid-table tbody tr {
  border-top: 1px solid #e3e3e3;
}
.datagrid table.datagrid-table tbody td {
  font-size: 14px;
}

.datagrid table.datagrid-table tbody td.col-delete {
  width: 1em;
}
.datagrid table.datagrid-table tbody td.col-delete [class*="icon"] {
  color: #c0392b;
}
.datagrid table.datagrid-table tbody td.col-delete [class*="icon"]:hover {
  color: #4d525a;
}
.datagrid table.datagrid-table tfoot .col-items {
  width: 100%;
  text-align: center;
}
.datagrid table.datagrid-table tfoot .col-items small {
  font-size: 12px;
}
.datagrid table.datagrid-table tfoot .col-pagination {
  width: 100%;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator {
  display: flex;
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: center;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:not(:first-child) {
  margin-left: 5px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-last-child(n+2):not(:first-child):not(:nth-child(2)) {
  margin-left: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-child(n+2):not(:last-child):not(:nth-last-child(2)),
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-child(n+2):not(:last-child):not(:nth-last-child(2)) * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-last-child(n+2):not(:first-child):not(:nth-child(2)),
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-last-child(n+2):not(:first-child):not(:nth-child(2)) * {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 9px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"]:before,
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"]:after {
  font-size: 14px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"] {
  margin-right: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"]::before {
  font-size: 18px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator .ellipsis {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #adadad;
}
.delivery-content-wrapper {
  padding: 20px 35px;
}
.expiration .expired {
  color: #e82e5c;
  font-weight: bold;
}
.delivery-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 35px;
}
.toolbar-item.link.recipient-list {
  justify-content: center;
}
.security {
  margin-right: 10px;
}
.delivery-share {
  padding: 20px 35px 20px;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
.delivery-share .share-deploy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.delivery-share .share-deploy > * {
  margin-bottom: 20px;
}
.delivery-share .share-deploy .share-row {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .delivery-share .share-deploy .share-row {
    margin-right: 0;
    width: 100%;
  }
}

.delivery-share h4 {
  margin: 0 0 10px;
  color: #717881;
}
.delivery-share .note {
  font-size: 12px;
  color: #717881;
  opacity: 0.7;
  margin-bottom: -15px;
}
@media screen and (max-width: 479px) {
  .delivery-share .input {
    width: 100%;
  }
}
.terms {
  text-align: center;
}
.drop-here {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  text-align: center;
  background-color: rgba(44,51,57,0.75);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.drop-here.active {
  opacity: 1;
  visibility: visible;
}
.drop-here-content {
  height: 170px;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -85px;
}
.drop-here p {
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.drop {
  background-color: #f6f6f6;
  border: 1px dashed #cdd0d1;
  border-radius: 3px;
  padding: 25px;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}
.drop a {
  margin-left: 5px;
}
.drop a [class*="icon-"] {
  margin-right: 5px;
}
.empty {
  border: 2px solid #e9ebee;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #cdd0d1;
  margin: 0 0 20px;
}
.empty > *:first-child {
  margin-bottom: 10px;
}
.footnote {
  font-size: 13px;
  color: rgba(0,0,0,0.4);
}
.form-account {
  max-width: 380px;
  margin: auto;
  padding-bottom: 15px;
}
.form-alert {
  width: 100%;
  background: #ffdae3;
  color: #e82e5c;
  margin-bottom: 5px;
  margin-top: 0 !important;
  padding: 2px 5px;
}
.form-bordered {
  margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
  .form-bordered {
    padding: 30px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
  }
}
@media screen and (max-width: 639px) {
  .form-bordered {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 30px;
    margin: 0 -10px 30px;
  }
}
.form-bordered h2,
.form-bordered .h2 {
  margin-bottom: 50px;
}
.btn {
  text-decoration: none;
  position: relative;
  font-weight: normal;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  -webkit-font-smoothing: antialiased;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
  border-radius: 3px;
  background: #adadad;
  color: #fff !important;
  border-color: #adadad;
  box-shadow: none;
  text-shadow: none;
  font-size: 18px;
  line-height: 24px;
  padding: 12px 19px;
}
.btn small {
  color: #e0f5cf;
}
.btn-block {
  width: 100%;
}
.btn-block-left {
  text-align: left;
}
.btn .spinner {
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-image: url(./dist/preloader-inverse.3b04b50d88439fc270e15095f5a61282.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0;
}
.btn-negative {
  color: inherit;
}
.btn-negative .spinner {
  background-image: url(./dist/preloader-negative.fd31e73c58fc022180c01eebb58c0081.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.btn-loading {
  position: relative;
}
.btn-loading .btn-loading-text {
  opacity: 0;
}
.btn-loading .spinner {
  opacity: 1;
}
.btn-uppercase {
  text-transform: uppercase;
}
.btn:hover {
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
}
.btn-icon {
  color: inherit;
}
.btn-icon [class*="icon-"] {
  margin: 0 !important;
}
.btn [class*="icon-"] {
  position: relative;
  top: -1px;
}
.btn.disabled {
  background: #ccc !important;
  border-color: #ccc !important;
  cursor: default !important;
}
.btn:visited {
  color: #fff;
}
.btn [class*="icon-"] {
  color: #fff;
}
a:hover .btn {
  background: #9c9c9c;
  color: #fff !important;
  border-color: #9c9c9c;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn [class*="icon-"] {
  color: #fff;
}
.btn.active {
  background: #939393;
  color: #fff;
  border-color: #939393;
  box-shadow: none;
  text-shadow: none;
}
.btn.active [class*="icon-"] {
  color: #fff;
}
.btn.focus {
  background: #8a8a8a;
  color: #fff;
  border-color: #8a8a8a;
  box-shadow: none;
  text-shadow: none;
}
.btn.focus [class*="icon-"] {
  color: #fff;
}
.btn-default {
  background: #adadad;
  color: #fff !important;
  border-color: #adadad;
  box-shadow: none;
  text-shadow: none;
}
.btn-default:visited {
  color: #fff;
}
.btn-default [class*="icon-"] {
  color: #fff;
}
a:hover .btn-default {
  background: #9c9c9c;
  color: #fff !important;
  border-color: #9c9c9c;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-default [class*="icon-"] {
  color: #fff;
}
.btn-default.active {
  background: #939393;
  color: #fff;
  border-color: #939393;
  box-shadow: none;
  text-shadow: none;
}
.btn-default.active [class*="icon-"] {
  color: #fff;
}
.btn-default.focus {
  background: #8a8a8a;
  color: #fff;
  border-color: #8a8a8a;
  box-shadow: none;
  text-shadow: none;
}
.btn-default.focus [class*="icon-"] {
  color: #fff;
}
.btn-group-default .btn {
  background: #adadad;
  color: #fff !important;
  border-color: #adadad;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-default .btn:visited {
  color: #fff;
}
.btn-group-default .btn [class*="icon-"] {
  color: #fff;
}
a:hover .btn-group-default .btn {
  background: #9c9c9c;
  color: #fff !important;
  border-color: #9c9c9c;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-group-default .btn [class*="icon-"] {
  color: #fff;
}
.btn-group-default .btn.active {
  background: #939393;
  color: #fff;
  border-color: #939393;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-default .btn.active [class*="icon-"] {
  color: #fff;
}
.btn-group-default .btn.focus {
  background: #8a8a8a;
  color: #fff;
  border-color: #8a8a8a;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-default .btn.focus [class*="icon-"] {
  color: #fff;
}
.btn-primary {
  background: #117abb;
  color: #fff !important;
  border-color: #117abb;
  box-shadow: none;
  text-shadow: none;
}
.btn-primary:visited {
  color: #fff;
}
.btn-primary [class*="icon-"] {
  color: #fff;
}
a:hover .btn-primary {
  background: #117abb;
  color: #fff !important;
  border-color: #117abb;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-primary [class*="icon-"] {
  color: #fff;
}
.btn-primary.active {
  background: #72b21d;
  color: #fff;
  border-color: #72b21d;
  box-shadow: none;
  text-shadow: none;
}
.btn-primary.active [class*="icon-"] {
  color: #fff;
}
.btn-primary.focus {
  background: #0c659c;
  color: #fff;
  border-color: #0c659c;
  box-shadow: none;
  text-shadow: none;
}
.btn-primary.focus [class*="icon-"] {
  color: #fff;
}
.btn-group-primary .btn {
  background: #117abb;
  color: #fff !important;
  border-color: #117abb;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-primary .btn:visited {
  color: #fff;
}
.btn-group-primary .btn [class*="icon-"] {
  color: #fff;
}
a:hover .btn-group-primary .btn {
  background: #117abb;
  color: #fff !important;
  border-color: #117abb;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-group-primary .btn [class*="icon-"] {
  color: #fff;
}
.btn-group-primary .btn.active {
  background: #72b21d;
  color: #fff;
  border-color: #72b21d;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-primary .btn.active [class*="icon-"] {
  color: #fff;
}
.btn-group-primary .btn.focus {
  background: #0c659c;
  color: #fff;
  border-color: #0c659c;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-primary .btn.focus [class*="icon-"] {
  color: #fff;
}
.btn-additional {
  background: #e6eaef;
  color: #fff !important;
  border-color: #e6eaef;
  box-shadow: none;
  text-shadow: none;
}
.btn-additional:visited {
  color: #fff;
}
.btn-additional [class*="icon-"] {
  color: #117abb;
}
a:hover .btn-additional {
  background: #c9d2dd;
  color: #fff !important;
  border-color: #c9d2dd;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-additional [class*="icon-"] {
  color: #117abb;
}
.btn-additional.active {
  background: #bbc6d4;
  color: #fff;
  border-color: #bbc6d4;
  box-shadow: none;
  text-shadow: none;
}
.btn-additional.active [class*="icon-"] {
  color: #117abb;
}
.btn-additional.focus {
  background: #adbaca;
  color: #fff;
  border-color: #adbaca;
  box-shadow: none;
  text-shadow: none;
}
.btn-additional.focus [class*="icon-"] {
  color: #117abb;
}
.btn-group-additional .btn {
  background: #e6eaef;
  color: #fff !important;
  border-color: #e6eaef;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-additional .btn:visited {
  color: #fff;
}
.btn-group-additional .btn [class*="icon-"] {
  color: #117abb;
}
a:hover .btn-group-additional .btn {
  background: #c9d2dd;
  color: #fff !important;
  border-color: #c9d2dd;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-group-additional .btn [class*="icon-"] {
  color: #117abb;
}
.btn-group-additional .btn.active {
  background: #bbc6d4;
  color: #fff;
  border-color: #bbc6d4;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-additional .btn.active [class*="icon-"] {
  color: #117abb;
}
.btn-group-additional .btn.focus {
  background: #adbaca;
  color: #fff;
  border-color: #adbaca;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-additional .btn.focus [class*="icon-"] {
  color: #117abb;
}
.btn-negative {
  background: #c0392b;
  color: #fff !important;
  border-color: #c0392b;
  box-shadow: none;
  text-shadow: none;
}
.btn-negative:visited {
  color: #fff;
}
.btn-negative [class*="icon-"] {
  color: #fff;
}
a:hover .btn-negative {
  background: #ad3327;
  color: #fff !important;
  border-color: #ad3327;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-negative [class*="icon-"] {
  color: #fff;
}
.btn-negative.active {
  background: #a33025;
  color: #fff;
  border-color: #a33025;
  box-shadow: none;
  text-shadow: none;
}
.btn-negative.active [class*="icon-"] {
  color: #fff;
}
.btn-negative.focus {
  background: #9a2e22;
  color: #fff;
  border-color: #9a2e22;
  box-shadow: none;
  text-shadow: none;
}
.btn-negative.focus [class*="icon-"] {
  color: #fff;
}
.btn-group-negative .btn {
  background: #c0392b;
  color: #fff !important;
  border-color: #c0392b;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-negative .btn:visited {
  color: #fff;
}
.btn-group-negative .btn [class*="icon-"] {
  color: #fff;
}
a:hover .btn-group-negative .btn {
  background: #ad3327;
  color: #fff !important;
  border-color: #ad3327;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-group-negative .btn [class*="icon-"] {
  color: #fff;
}
.btn-group-negative .btn.active {
  background: #a33025;
  color: #fff;
  border-color: #a33025;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-negative .btn.active [class*="icon-"] {
  color: #fff;
}
.btn-group-negative .btn.focus {
  background: #9a2e22;
  color: #fff;
  border-color: #9a2e22;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-negative .btn.focus [class*="icon-"] {
  color: #fff;
}
.btn-base {
  background: #f1f5f9;
  color: #b8bdc4 !important;
  border-color: #f1f5f9;
  box-shadow: 0;
  text-shadow: none;
}
.btn-base:visited {
  color: #b8bdc4;
}
.btn-base [class*="icon-"] {
  color: #b8bdc4;
}
a:hover .btn-base {
  background: #e7eef5;
  color: #a3aab3 !important;
  border-color: #e7eef5;
  box-shadow: 0;
  text-shadow: none;
}
a:hover .btn-base [class*="icon-"] {
  color: #a3aab3;
}
.btn-base.active {
  background: #e7eef5;
  color: #a3aab3;
  border-color: #e7eef5;
  box-shadow: 0;
  text-shadow: none;
}
.btn-base.active [class*="icon-"] {
  color: #a3aab3;
}
.btn-base.focus {
  background: #e7eef5;
  color: #a3aab3;
  border-color: #e7eef5;
  box-shadow: 0;
  text-shadow: none;
}
.btn-base.focus [class*="icon-"] {
  color: #a3aab3;
}
.btn-group-base .btn {
  background: #f1f5f9;
  color: #b8bdc4 !important;
  border-color: #f1f5f9;
  box-shadow: 0;
  text-shadow: none;
}
.btn-group-base .btn:visited {
  color: #b8bdc4;
}
.btn-group-base .btn [class*="icon-"] {
  color: #b8bdc4;
}
a:hover .btn-group-base .btn {
  background: #e7eef5;
  color: #a3aab3 !important;
  border-color: #e7eef5;
  box-shadow: 0;
  text-shadow: none;
}
a:hover .btn-group-base .btn [class*="icon-"] {
  color: #a3aab3;
}
.btn-group-base .btn.active {
  background: #e7eef5;
  color: #a3aab3;
  border-color: #e7eef5;
  box-shadow: 0;
  text-shadow: none;
}
.btn-group-base .btn.active [class*="icon-"] {
  color: #a3aab3;
}
.btn-group-base .btn.focus {
  background: #e7eef5;
  color: #a3aab3;
  border-color: #e7eef5;
  box-shadow: 0;
  text-shadow: none;
}
.btn-group-base .btn.focus [class*="icon-"] {
  color: #a3aab3;
}
.btn-facebook {
  background: #3f5991;
  color: #fff !important;
  border-color: #3f5991;
  box-shadow: none;
  text-shadow: none;
}
.btn-facebook:visited {
  color: #fff;
}
.btn-facebook [class*="icon-"] {
  color: #a8b9dc;
}
a:hover .btn-facebook {
  background: #395083;
  color: #fff !important;
  border-color: #395083;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-facebook [class*="icon-"] {
  color: #a8b9dc;
}
.btn-facebook.active {
  background: #364c7b;
  color: #fff;
  border-color: #364c7b;
  box-shadow: none;
  text-shadow: none;
}
.btn-facebook.active [class*="icon-"] {
  color: #a8b9dc;
}
.btn-facebook.focus {
  background: #324774;
  color: #fff;
  border-color: #324774;
  box-shadow: none;
  text-shadow: none;
}
.btn-facebook.focus [class*="icon-"] {
  color: #a8b9dc;
}
.btn-group-facebook .btn {
  background: #3f5991;
  color: #fff !important;
  border-color: #3f5991;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-facebook .btn:visited {
  color: #fff;
}
.btn-group-facebook .btn [class*="icon-"] {
  color: #a8b9dc;
}
a:hover .btn-group-facebook .btn {
  background: #395083;
  color: #fff !important;
  border-color: #395083;
  box-shadow: none;
  text-shadow: none;
}
a:hover .btn-group-facebook .btn [class*="icon-"] {
  color: #a8b9dc;
}
.btn-group-facebook .btn.active {
  background: #364c7b;
  color: #fff;
  border-color: #364c7b;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-facebook .btn.active [class*="icon-"] {
  color: #a8b9dc;
}
.btn-group-facebook .btn.focus {
  background: #324774;
  color: #fff;
  border-color: #324774;
  box-shadow: none;
  text-shadow: none;
}
.btn-group-facebook .btn.focus [class*="icon-"] {
  color: #a8b9dc;
}
.btn-inverse {
  background: #fff;
  color: #117abb !important;
  border-color: #e3e3e3;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
.btn-inverse:visited {
  color: #117abb;
}
.btn-inverse [class*="icon-"] {
  color: #117abb;
}
a:hover .btn-inverse {
  background: #f2f2f2;
  color: #117abb !important;
  border-color: #ccc;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
a:hover .btn-inverse [class*="icon-"] {
  color: #117abb;
}
.btn-inverse.active {
  background: #f2f2f2;
  color: #117abb;
  border-color: #c1c1c1;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
.btn-inverse.active [class*="icon-"] {
  color: #117abb;
}
.btn-inverse.focus {
  background: #f2f2f2;
  color: #117abb;
  border-color: #b6b6b6;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
.btn-inverse.focus [class*="icon-"] {
  color: #117abb;
}
.btn-group-inverse .btn {
  background: #fff;
  color: #117abb !important;
  border-color: #e3e3e3;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
.btn-group-inverse .btn:visited {
  color: #117abb;
}
.btn-group-inverse .btn [class*="icon-"] {
  color: #117abb;
}
a:hover .btn-group-inverse .btn {
  background: #f2f2f2;
  color: #117abb !important;
  border-color: #ccc;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
a:hover .btn-group-inverse .btn [class*="icon-"] {
  color: #117abb;
}
.btn-group-inverse .btn.active {
  background: #f2f2f2;
  color: #117abb;
  border-color: #c1c1c1;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
.btn-group-inverse .btn.active [class*="icon-"] {
  color: #117abb;
}
.btn-group-inverse .btn.focus {
  background: #f2f2f2;
  color: #117abb;
  border-color: #b6b6b6;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  text-shadow: none;
}
.btn-group-inverse .btn.focus [class*="icon-"] {
  color: #117abb;
}
.btn [class*="icon-"] {
  font-size: 16px;
  margin-right: 13px;
}
.btn [class*="icon-"]:before,
.btn [class*="icon-"]:after {
  font-size: 16px;
}
.btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn.btn-wide {
  padding-left: 34px;
  padding-right: 34px;
}
.btn.btn-xwide {
  padding-left: 34px;
  padding-right: 34px;
}
.btn.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.btn-xsmall {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 9px;
}
.btn-xsmall [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.btn-xsmall [class*="icon-"]:before,
.btn-xsmall [class*="icon-"]:after {
  font-size: 14px;
}
.btn-xsmall.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-xsmall.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-xsmall.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-xsmall.btn-thin {
  padding-left: 6px;
  padding-right: 6px;
}
.btn-group-xsmall .btn {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 9px;
}
.btn-group-xsmall .btn [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.btn-group-xsmall .btn [class*="icon-"]:before,
.btn-group-xsmall .btn [class*="icon-"]:after {
  font-size: 14px;
}
.btn-group-xsmall .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-group-xsmall .btn.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-group-xsmall .btn.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-group-xsmall .btn.btn-thin {
  padding-left: 6px;
  padding-right: 6px;
}
.btn-small {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 9px;
}
.btn-small [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.btn-small [class*="icon-"]:before,
.btn-small [class*="icon-"]:after {
  font-size: 14px;
}
.btn-small.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-small.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-small.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-small.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.btn-group-small .btn {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 9px;
}
.btn-group-small .btn [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.btn-group-small .btn [class*="icon-"]:before,
.btn-group-small .btn [class*="icon-"]:after {
  font-size: 14px;
}
.btn-group-small .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-group-small .btn.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-group-small .btn.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-group-small .btn.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.btn-medium {
  font-size: 18px;
  line-height: 24px;
  padding: 12px 19px;
}
.btn-medium [class*="icon-"] {
  font-size: 16px;
  margin-right: 13px;
}
.btn-medium [class*="icon-"]:before,
.btn-medium [class*="icon-"]:after {
  font-size: 16px;
}
.btn-medium.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-medium.btn-wide {
  padding-left: 34px;
  padding-right: 34px;
}
.btn-medium.btn-xwide {
  padding-left: 34px;
  padding-right: 34px;
}
.btn-medium.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.btn-group-medium .btn {
  font-size: 18px;
  line-height: 24px;
  padding: 12px 19px;
}
.btn-group-medium .btn [class*="icon-"] {
  font-size: 16px;
  margin-right: 13px;
}
.btn-group-medium .btn [class*="icon-"]:before,
.btn-group-medium .btn [class*="icon-"]:after {
  font-size: 16px;
}
.btn-group-medium .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-group-medium .btn.btn-wide {
  padding-left: 34px;
  padding-right: 34px;
}
.btn-group-medium .btn.btn-xwide {
  padding-left: 34px;
  padding-right: 34px;
}
.btn-group-medium .btn.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.btn-large {
  font-size: 20px;
  line-height: 26px;
  padding: 17px 39px;
}
.btn-large [class*="icon-"] {
  font-size: 22px;
  margin-right: 13px;
}
.btn-large [class*="icon-"]:before,
.btn-large [class*="icon-"]:after {
  font-size: 22px;
}
.btn-large.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-large.btn-wide {
  padding-left: 59px;
  padding-right: 59px;
}
.btn-large.btn-xwide {
  padding-left: 59px;
  padding-right: 59px;
}
.btn-large.btn-thin {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-group-large .btn {
  font-size: 20px;
  line-height: 26px;
  padding: 17px 39px;
}
.btn-group-large .btn [class*="icon-"] {
  font-size: 22px;
  margin-right: 13px;
}
.btn-group-large .btn [class*="icon-"]:before,
.btn-group-large .btn [class*="icon-"]:after {
  font-size: 22px;
}
.btn-group-large .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-group-large .btn.btn-wide {
  padding-left: 59px;
  padding-right: 59px;
}
.btn-group-large .btn.btn-xwide {
  padding-left: 59px;
  padding-right: 59px;
}
.btn-group-large .btn.btn-thin {
  padding-left: 19px;
  padding-right: 19px;
}
.btn-xlarge {
  font-size: 20px;
  line-height: 28px;
  padding: 23px 49px;
}
.btn-xlarge [class*="icon-"] {
  font-size: 20px;
  margin-right: 13px;
}
.btn-xlarge [class*="icon-"]:before,
.btn-xlarge [class*="icon-"]:after {
  font-size: 20px;
}
.btn-xlarge.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-xlarge.btn-wide {
  padding-left: 74px;
  padding-right: 74px;
}
.btn-xlarge.btn-xwide {
  padding-left: 74px;
  padding-right: 74px;
}
.btn-xlarge.btn-thin {
  padding-left: 24px;
  padding-right: 24px;
}
.btn-group-xlarge .btn {
  font-size: 20px;
  line-height: 28px;
  padding: 23px 49px;
}
.btn-group-xlarge .btn [class*="icon-"] {
  font-size: 20px;
  margin-right: 13px;
}
.btn-group-xlarge .btn [class*="icon-"]:before,
.btn-group-xlarge .btn [class*="icon-"]:after {
  font-size: 20px;
}
.btn-group-xlarge .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.btn-group-xlarge .btn.btn-wide {
  padding-left: 74px;
  padding-right: 74px;
}
.btn-group-xlarge .btn.btn-xwide {
  padding-left: 74px;
  padding-right: 74px;
}
.btn-group-xlarge .btn.btn-thin {
  padding-left: 24px;
  padding-right: 24px;
}
.btn-group {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.btn-group .btn + .btn {
  margin-left: 10px;
}
.btn-group-glued {
  color: inherit;
}
.btn-group-glued .btn {
  border-radius: 0;
}
.btn-group + .btn {
  margin-left: 0;
}
.btn-group + .btn:first-child {
  border-radius: 3px 0 0 3px;
}
.btn-group + .btn:last-child {
  border-radius: 0 3px 3px 0;
}
.btn-group + .btn + .btn {
  margin-left: 1px;
}
.btn-info {
  display: inline-block;
  vertical-align: middle;
  color: #717881;
  font-size: 14px;
  line-height: 22px;
}

.js-share-enabled.hidden + .btn-info {
  font-size: 16px;
  line-height: 24px;
}
.form-centered {
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.form-centered-item {
  width: 100%;
}

input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"]:focus + span {
  color: #117abb;
}
input[type="checkbox"]:focus + span strong {
  color: #117abb;
}
input[type="checkbox"]:focus + span:before {
  color: #117abb;
}
input[type="checkbox"][disabled] + span {
  color: #717881 !important;
}
input[type="checkbox"][disabled] + span:before {
  color: #717881 !important;
}
input[type="checkbox"][disabled] + span strong {
  color: #717881 !important;
}
input[type="checkbox"] + span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  cursor: pointer;
  transition: color 0.3s ease;
  font-size: 14px;
}
input[type="checkbox"] + span strong {
  color: #000;
  transition: color 0.3s ease;
}
input[type="checkbox"] + span a:focus {
  color: #000;
}
input[type="checkbox"] + span:before {
  content: ' ';
  position: absolute;
  top: 4px;
  left: -1px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  content: "\E00D";
  display: inline-block;
  vertical-align: middle;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #117abb;
  font-size: 18px;
  transition: color 0.3s ease;
}
input[type="checkbox"]:checked + span:before {
  content: "\E005";
  display: inline-block;
  vertical-align: middle;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 0;
}
.control-before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.control-after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
.control-field label {
  display: block;
}
.control-field-checkbox {
  padding-top: 12px;
}
.control-field-share {
  padding-top: 12px;
}
.control-group-indent {
  padding-left: 20px;
}
.control-help {
  font-size: 12px;
  line-height: 20px;
  padding-top: 10px;
}
.control-label {
  color: #777;
}
.control-label label {
  color: #777;
}
@media screen and (max-width: 639px) {
  .control-label {
    text-align: left !important;
  }
}
.required {
  color: #117abb;
}
.form-custom-fields {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.form-custom-fields-head,
.form-custom-fields-item {
  margin-bottom: 16px;
  display: flex;
}
.form-custom-fields-head > .cell,
.form-custom-fields-item > .cell,
.form-custom-fields-head .rows > .cell,
.form-custom-fields-item .rows > .cell {
  margin-right: 20px;
}
.form-custom-fields-head > .cell:last-child,
.form-custom-fields-item > .cell:last-child,
.form-custom-fields-head .rows > .cell:last-child,
.form-custom-fields-item .rows > .cell:last-child {
  margin-right: 0;
}
.form-custom-fields-head > .cell:nth-child(1),
.form-custom-fields-item > .cell:nth-child(1),
.form-custom-fields-head .rows > .cell:nth-child(1),
.form-custom-fields-item .rows > .cell:nth-child(1) {
  flex: 4;
}
.form-custom-fields-head > .cell:nth-child(2),
.form-custom-fields-item > .cell:nth-child(2),
.form-custom-fields-head .rows > .cell:nth-child(2),
.form-custom-fields-item .rows > .cell:nth-child(2) {
  flex: 4;
}
.form-custom-fields-head > .cell:nth-child(3),
.form-custom-fields-item > .cell:nth-child(3),
.form-custom-fields-head .rows > .cell:nth-child(3),
.form-custom-fields-item .rows > .cell:nth-child(3) {
  flex: 2;
}
.form-custom-fields-head > .cell:nth-child(4),
.form-custom-fields-item > .cell:nth-child(4),
.form-custom-fields-head .rows > .cell:nth-child(4),
.form-custom-fields-item .rows > .cell:nth-child(4) {
  flex: 1;
}
.form-custom-fields-head > .cell input,
.form-custom-fields-item > .cell input,
.form-custom-fields-head .rows > .cell input,
.form-custom-fields-item .rows > .cell input,
.form-custom-fields-head > .cell select,
.form-custom-fields-item > .cell select,
.form-custom-fields-head .rows > .cell select,
.form-custom-fields-item .rows > .cell select {
  width: 100%;
}
.form-custom-fields-head .delete,
.form-custom-fields-item .delete {
  color: #939aa9;
}
.form-full-width .input,
.form-full-width btn {
  width: 100%;
}
.form-glued .control-group + .control-group {
  margin-top: 15px;
}
.form-glued .control-group-glued {
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  background: #f6f6f6;
}
.form-glued .control-group-glued .control-group {
  margin-top: 0;
}
.form-glued .control-group-glued + .control-group-glued,
.form-glued .control-group-glued + .control-group {
  margin-top: 15px;
}
.form-glued .control-group-glued .control-group + .control-group {
  border-top: 1px solid #e3e3e3;
  margin-top: 0;
}
.form-glued .control-group-glued .input {
  border-radius: 0;
  border: 0;
  background: none;
}
.form-glued .control-group:first-child {
  border-radius: 3px 3px 0 0;
}
.form-glued .control-group:last-child {
  border-radius: 0 0 3px 3px;
}
.form-horizontal .control-label {
  color: #000;
}
@media screen and (min-width: 480px) {
  .form-horizontal .control-label {
    float: left;
    margin-right: 20px;
  }
}
.form-horizontal .control-field {
  color: inherit;
}
.form-horizontal .control-field .input,
.form-horizontal .control-field .select,
.form-horizontal .control-field .selectBox-container {
  max-width: 360px;
  width: 100%;
}

.form-horizontal .control-field textarea.input {
  min-width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .form-horizontal .control-field textarea.input {
    width: 450px;
  }
}
.form-horizontal .control-group-submit {
  color: inherit;
}
.form-horizontal .control-group-submit .btn {
  max-width: 360px;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .form-horizontal .control-label {
    width: 180px;
  }
  .form-horizontal .control-field {
    margin-left: 200px;
  }
  .form-horizontal .control-group-submit .control-field {
    margin-left: 200px;
  }
  .form-horizontal-240 .control-label {
    width: 240px;
  }
  .form-horizontal-240 .control-field {
    margin-left: 260px;
  }
  .form-horizontal-240 .control-group-submit .control-field {
    margin-left: 260px;
  }
  .form-horizontal-offset-100 .control-label {
    width: 100px;
  }
  .form-horizontal-offset-100 .control-field {
    margin-left: 120px;
  }
  .form-horizontal-offset-100 .control-group-submit .control-field {
    margin-left: 120px;
  }
  .form-horizontal-offset-110 .control-label {
    width: 110px;
  }
  .form-horizontal-offset-110 .control-field {
    margin-left: 130px;
  }
  .form-horizontal-offset-110 .control-group-submit .control-field {
    margin-left: 130px;
  }
  .form-horizontal-offset-120 .control-label {
    width: 120px;
  }
  .form-horizontal-offset-120 .control-field {
    margin-left: 140px;
  }
  .form-horizontal-offset-120 .control-group-submit .control-field {
    margin-left: 140px;
  }
  .form-horizontal-offset-130 .control-label {
    width: 130px;
  }
  .form-horizontal-offset-130 .control-field {
    margin-left: 150px;
  }
  .form-horizontal-offset-130 .control-group-submit .control-field {
    margin-left: 150px;
  }
  .form-horizontal-offset-140 .control-label {
    width: 140px;
  }
  .form-horizontal-offset-140 .control-field {
    margin-left: 160px;
  }
  .form-horizontal-offset-140 .control-group-submit .control-field {
    margin-left: 160px;
  }
  .form-horizontal-offset-150 .control-label {
    width: 150px;
  }
  .form-horizontal-offset-150 .control-field {
    margin-left: 170px;
  }
  .form-horizontal-offset-150 .control-group-submit .control-field {
    margin-left: 170px;
  }
  .form-horizontal-offset-160 .control-label {
    width: 160px;
  }
  .form-horizontal-offset-160 .control-field {
    margin-left: 180px;
  }
  .form-horizontal-offset-160 .control-group-submit .control-field {
    margin-left: 180px;
  }
  .form-horizontal-offset-170 .control-label {
    width: 170px;
  }
  .form-horizontal-offset-170 .control-field {
    margin-left: 190px;
  }
  .form-horizontal-offset-170 .control-group-submit .control-field {
    margin-left: 190px;
  }
  .form-horizontal-offset-180 .control-label {
    width: 180px;
  }
  .form-horizontal-offset-180 .control-field {
    margin-left: 200px;
  }
  .form-horizontal-offset-180 .control-group-submit .control-field {
    margin-left: 200px;
  }
  .form-horizontal-offset-190 .control-label {
    width: 190px;
  }
  .form-horizontal-offset-190 .control-field {
    margin-left: 210px;
  }
  .form-horizontal-offset-190 .control-group-submit .control-field {
    margin-left: 210px;
  }
  .form-horizontal-offset-200 .control-label {
    width: 200px;
  }
  .form-horizontal-offset-200 .control-field {
    margin-left: 220px;
  }
  .form-horizontal-offset-200 .control-group-submit .control-field {
    margin-left: 220px;
  }
  .form-horizontal-offset-210 .control-label {
    width: 210px;
  }
  .form-horizontal-offset-210 .control-field {
    margin-left: 230px;
  }
  .form-horizontal-offset-210 .control-group-submit .control-field {
    margin-left: 230px;
  }
  .form-horizontal-offset-220 .control-label {
    width: 220px;
  }
  .form-horizontal-offset-220 .control-field {
    margin-left: 240px;
  }
  .form-horizontal-offset-220 .control-group-submit .control-field {
    margin-left: 240px;
  }
  .form-horizontal-offset-230 .control-label {
    width: 230px;
  }
  .form-horizontal-offset-230 .control-field {
    margin-left: 250px;
  }
  .form-horizontal-offset-230 .control-group-submit .control-field {
    margin-left: 250px;
  }
  .form-horizontal-offset-240 .control-label {
    width: 240px;
  }
  .form-horizontal-offset-240 .control-field {
    margin-left: 260px;
  }
  .form-horizontal-offset-240 .control-group-submit .control-field {
    margin-left: 260px;
  }
  .form-horizontal-offset-250 .control-label {
    width: 250px;
  }
  .form-horizontal-offset-250 .control-field {
    margin-left: 270px;
  }
  .form-horizontal-offset-250 .control-group-submit .control-field {
    margin-left: 270px;
  }
  .form-horizontal-offset-260 .control-label {
    width: 260px;
  }
  .form-horizontal-offset-260 .control-field {
    margin-left: 280px;
  }
  .form-horizontal-offset-260 .control-group-submit .control-field {
    margin-left: 280px;
  }
  .form-horizontal-offset-270 .control-label {
    width: 270px;
  }
  .form-horizontal-offset-270 .control-field {
    margin-left: 290px;
  }
  .form-horizontal-offset-270 .control-group-submit .control-field {
    margin-left: 290px;
  }
  .form-horizontal-offset-280 .control-label {
    width: 280px;
  }
  .form-horizontal-offset-280 .control-field {
    margin-left: 300px;
  }
  .form-horizontal-offset-280 .control-group-submit .control-field {
    margin-left: 300px;
  }
  .form-horizontal-offset-290 .control-label {
    width: 290px;
  }
  .form-horizontal-offset-290 .control-field {
    margin-left: 310px;
  }
  .form-horizontal-offset-290 .control-group-submit .control-field {
    margin-left: 310px;
  }
  .form-horizontal-offset-300 .control-label {
    width: 300px;
  }
  .form-horizontal-offset-300 .control-field {
    margin-left: 320px;
  }
  .form-horizontal-offset-300 .control-group-submit .control-field {
    margin-left: 320px;
  }
}
.taginput-wrapper {
  height: auto;
  cursor: text;
  margin: -3px 0;
  border: 0 !important;
  background: none !important;
}
.taginput-wrapper input[type=text] {
  display: inline-block;
  border: 0;
  padding: 6px;
  background-color: inherit;
}
.taginput-wrapper input[type=text]:focus {
  outline: none;
}
.taginput-tag {
  margin: 2px 4px 2px 0;
  display: inline-block;
  background: #117abb;
  color: #fff;
  padding: 0 35px 0 10px;
  border-radius: 2px;
  position: relative;
}
.taginput-tag .ui-icon-close {
  color: #fff !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  background: #117abb;
  border-radius: 0 2px 2px 0;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease;
}
.taginput-tag .ui-icon-close:hover {
  background: #c0392b;
}
.taginput-tag .ui-icon-close:before {
  content: '\E00E';
  display: inline-block;
  vertical-align: middle;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: -1px;
}
.form fieldset {
  min-width: 100%;
}
.form .input-100w {
  width: 100% !important;
}
.form.form-horizontal .control-group + .control-group,
.form.form-vertical .control-group + .control-group {
  margin-top: 15px;
}
.form.form-horizontal .control-group + .control-group-submit,
.form.form-vertical .control-group + .control-group-submit {
  margin-top: 30px;
}
.form.form-horizontal .control-label,
.form.form-vertical .control-label {
  font-size: 16px;
  line-height: 24px;
}
.form.form-horizontal .control-label {
  padding: 14px 0;
}
.form-xsmall .input {
  font-size: 12px;
  line-height: 20px;
  padding: 6px 9px;
}
.form-xsmall .input-fake {
  padding: 0;
}
.form-xsmall .input-fake input {
  font-size: 12px;
  line-height: 20px;
  padding: 7px 9px;
}
.form-xsmall .btn {
  font-size: 14px;
  line-height: 20px;
}
.form-xsmall .btn {
  font-size: 14px;
  line-height: 22px;
  padding: 5px 9px;
}
.form-xsmall .btn [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.form-xsmall .btn [class*="icon-"]:before,
.form-xsmall .btn [class*="icon-"]:after {
  font-size: 14px;
}
.form-xsmall .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.form-xsmall .btn.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.form-xsmall .btn.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.form-xsmall .btn.btn-thin {
  padding-left: 6px;
  padding-right: 6px;
}
.form-xsmall.form-horizontal .control-group + .control-group,
.form-xsmall.form-vertical .control-group + .control-group {
  margin-top: 5px;
}
.form-xsmall.form-horizontal .control-group + .control-group-submit,
.form-xsmall.form-vertical .control-group + .control-group-submit {
  margin-top: 10px;
}
.form-xsmall.form-horizontal .control-label,
.form-xsmall.form-vertical .control-label {
  font-size: 12px;
  line-height: 20px;
}
.form-xsmall.form-horizontal .control-label {
  padding: 7px 0;
}
.form-small .input {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 14px;
}
.form-small .input-fake {
  padding: 0;
}
.form-small .input-fake input {
  font-size: 14px;
  line-height: 22px;
  padding: 9px 14px;
}
.form-small .btn {
  font-size: 14px;
  line-height: 22px;
}
.form-small .btn {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 9px;
}
.form-small .btn [class*="icon-"] {
  font-size: 14px;
  margin-right: 13px;
}
.form-small .btn [class*="icon-"]:before,
.form-small .btn [class*="icon-"]:after {
  font-size: 14px;
}
.form-small .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.form-small .btn.btn-wide {
  padding-left: 19px;
  padding-right: 19px;
}
.form-small .btn.btn-xwide {
  padding-left: 19px;
  padding-right: 19px;
}
.form-small .btn.btn-thin {
  padding-left: 4px;
  padding-right: 4px;
}
.form-small.form-horizontal .control-group + .control-group,
.form-small.form-vertical .control-group + .control-group {
  margin-top: 10px;
}
.form-small.form-horizontal .control-group + .control-group-submit,
.form-small.form-vertical .control-group + .control-group-submit {
  margin-top: 20px;
}
.form-small.form-horizontal .control-label,
.form-small.form-vertical .control-label {
  font-size: 14px;
  line-height: 22px;
}
.form-small.form-horizontal .control-label {
  padding: 9px 0;
}
.form-medium.form-horizontal .control-group + .control-group,
.form-medium.form-vertical .control-group + .control-group {
  margin-top: 15px;
}
.form-medium.form-horizontal .control-group + .control-group-submit,
.form-medium.form-vertical .control-group + .control-group-submit {
  margin-top: 30px;
}
.form-medium.form-horizontal .control-label,
.form-medium.form-vertical .control-label {
  font-size: 16px;
  line-height: 24px;
}
.form-medium.form-horizontal .control-label {
  padding: 14px 0;
}
.form-large .input {
  font-size: 18px;
  line-height: 26px;
  padding: 16px 19px;
}
.form-large .input-fake {
  padding: 0;
}
.form-large .input-fake input {
  font-size: 18px;
  line-height: 26px;
  padding: 17px 19px;
}
.form-large .btn {
  font-size: 18px;
  line-height: 26px;
}
.form-large .btn {
  font-size: 20px;
  line-height: 26px;
  padding: 17px 39px;
}
.form-large .btn [class*="icon-"] {
  font-size: 22px;
  margin-right: 13px;
}
.form-large .btn [class*="icon-"]:before,
.form-large .btn [class*="icon-"]:after {
  font-size: 22px;
}
.form-large .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.form-large .btn.btn-wide {
  padding-left: 59px;
  padding-right: 59px;
}
.form-large .btn.btn-xwide {
  padding-left: 59px;
  padding-right: 59px;
}
.form-large .btn.btn-thin {
  padding-left: 19px;
  padding-right: 19px;
}
.form-large.form-horizontal .control-group + .control-group,
.form-large.form-vertical .control-group + .control-group {
  margin-top: 20px;
}
.form-large.form-horizontal .control-group + .control-group-submit,
.form-large.form-vertical .control-group + .control-group-submit {
  margin-top: 40px;
}
.form-large.form-horizontal .control-label,
.form-large.form-vertical .control-label {
  font-size: 18px;
  line-height: 26px;
}
.form-large.form-horizontal .control-label {
  padding: 17px 0;
}
.form-xlarge .input {
  font-size: 20px;
  line-height: 28px;
  padding: 21px 24px;
}
.form-xlarge .input-fake {
  padding: 0;
}
.form-xlarge .input-fake input {
  font-size: 20px;
  line-height: 28px;
  padding: 22px 24px;
}
.form-xlarge .btn {
  font-size: 24px;
  line-height: 32px;
}
.form-xlarge .btn {
  font-size: 20px;
  line-height: 28px;
  padding: 23px 49px;
}
.form-xlarge .btn [class*="icon-"] {
  font-size: 20px;
  margin-right: 13px;
}
.form-xlarge .btn [class*="icon-"]:before,
.form-xlarge .btn [class*="icon-"]:after {
  font-size: 20px;
}
.form-xlarge .btn.btn-right-icon [class*="icon-"] {
  margin-right: 0;
  margin-left: 13px;
}
.form-xlarge .btn.btn-wide {
  padding-left: 74px;
  padding-right: 74px;
}
.form-xlarge .btn.btn-xwide {
  padding-left: 74px;
  padding-right: 74px;
}
.form-xlarge .btn.btn-thin {
  padding-left: 24px;
  padding-right: 24px;
}
.form-xlarge.form-horizontal .control-group + .control-group,
.form-xlarge.form-vertical .control-group + .control-group {
  margin-top: 25px;
}
.form-xlarge.form-horizontal .control-group + .control-group-submit,
.form-xlarge.form-vertical .control-group + .control-group-submit {
  margin-top: 50px;
}
.form-xlarge.form-horizontal .control-label,
.form-xlarge.form-vertical .control-label {
  font-size: 20px;
  line-height: 28px;
}
.form-xlarge.form-horizontal .control-label {
  padding: 22px 0;
}
.input {
  position: relative;
  font-weight: normal;
  border-style: solid;
  border-width: 1px;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
  border-radius: 3px;
  background: #fff;
  color: #000;
  border-color: #e3e3e3;
  box-shadow: none;
  font-size: 14px;
  line-height: 24px;
  padding: 13px 14px;
}
.input[disabled] {
  background: #f5f6f7 !important;
  color: #777 !important;
  border-color: #e3e3e3 !important;
}
.input[disabled]:hover,
.input[disabled]:focus {
  background: #f5f6f7 !important;
  color: #777 !important;
  border-color: #e3e3e3 !important;
}
.input-readonly {
  font-family: Courier, "sourcesanspro-regular", Arial, sans-serif;
  line-height: 1.3em;
}
.input-rounded {
  border-radius: 100px;
}
.input:hover {
  z-index: 10;
}
.input:focus,
.input.focus {
  outline: 0;
}
.input:hover {
  background: #fff;
  color: #000;
  border-color: #b6b6b6;
  box-shadow: none;
}
.input:active,
.input.active {
  background: #fff;
  color: #000;
  border-color: #117abb;
  box-shadow: none;
}
.input:focus,
.input.focus {
  background: #fff;
  color: #000;
  border-color: #117abb;
  box-shadow: none;
}
.input-default {
  background: #fff;
  color: #000;
  border-color: #e3e3e3;
  box-shadow: none;
}
.input-default:hover {
  background: #fff;
  color: #000;
  border-color: #b6b6b6;
  box-shadow: none;
}
.input-default:active,
.input-default.active {
  background: #fff;
  color: #000;
  border-color: #117abb;
  box-shadow: none;
}
.input-default:focus,
.input-default.focus {
  background: #fff;
  color: #000;
  border-color: #117abb;
  box-shadow: none;
}
.input-group-default .input {
  background: #fff;
  color: #000;
  border-color: #e3e3e3;
  box-shadow: none;
}
.input-group-default .input:hover {
  background: #fff;
  color: #000;
  border-color: #b6b6b6;
  box-shadow: none;
}
.input-group-default .input:active,
.input-group-default .input.active {
  background: #fff;
  color: #000;
  border-color: #117abb;
  box-shadow: none;
}
.input-group-default .input:focus,
.input-group-default .input.focus {
  background: #fff;
  color: #000;
  border-color: #117abb;
  box-shadow: none;
}
.input-fake {
  padding: 0;
}
.input-fake input {
  font-size: 14px;
  line-height: 24px;
  padding: 14px 14px;
}
.input-xsmall {
  font-size: 12px;
  line-height: 20px;
  padding: 6px 9px;
}
.input-xsmall-fake {
  padding: 0;
}
.input-xsmall-fake input {
  font-size: 12px;
  line-height: 20px;
  padding: 7px 9px;
}
.input-group-xsmall .input {
  font-size: 12px;
  line-height: 20px;
  padding: 6px 9px;
}
.input-group-xsmall .input-fake {
  padding: 0;
}
.input-group-xsmall .input-fake input {
  font-size: 12px;
  line-height: 20px;
  padding: 7px 9px;
}
.input-small {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 14px;
}
.input-small-fake {
  padding: 0;
}
.input-small-fake input {
  font-size: 14px;
  line-height: 22px;
  padding: 9px 14px;
}
.input-group-small .input {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 14px;
}
.input-group-small .input-fake {
  padding: 0;
}
.input-group-small .input-fake input {
  font-size: 14px;
  line-height: 22px;
  padding: 9px 14px;
}
.input-medium {
  font-size: 14px;
  line-height: 24px;
  padding: 13px 14px;
}
.input-medium-fake {
  padding: 0;
}
.input-medium-fake input {
  font-size: 14px;
  line-height: 24px;
  padding: 14px 14px;
}
.input-group-medium .input {
  font-size: 14px;
  line-height: 24px;
  padding: 13px 14px;
}
.input-group-medium .input-fake {
  padding: 0;
}
.input-group-medium .input-fake input {
  font-size: 14px;
  line-height: 24px;
  padding: 14px 14px;
}
.input-large {
  font-size: 18px;
  line-height: 26px;
  padding: 16px 19px;
}
.input-large-fake {
  padding: 0;
}
.input-large-fake input {
  font-size: 18px;
  line-height: 26px;
  padding: 17px 19px;
}
.input-group-large .input {
  font-size: 18px;
  line-height: 26px;
  padding: 16px 19px;
}
.input-group-large .input-fake {
  padding: 0;
}
.input-group-large .input-fake input {
  font-size: 18px;
  line-height: 26px;
  padding: 17px 19px;
}
.input-xlarge {
  font-size: 20px;
  line-height: 28px;
  padding: 21px 24px;
}
.input-xlarge-fake {
  padding: 0;
}
.input-xlarge-fake input {
  font-size: 20px;
  line-height: 28px;
  padding: 22px 24px;
}
.input-group-xlarge .input {
  font-size: 20px;
  line-height: 28px;
  padding: 21px 24px;
}
.input-group-xlarge .input-fake {
  padding: 0;
}
.input-group-xlarge .input-fake input {
  font-size: 20px;
  line-height: 28px;
  padding: 22px 24px;
}
.input-fake input {
  width: 100%;
}
.input-fake input:focus {
  outline: 0;
}
.input-count {
  font-size: 0;
  color: #979797;
  position: relative;
  top: -2px;
}
.input-count-prefix {
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}
.input-count-suffix {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.input-count .input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
@media screen and (min-width: 480px) {
  .input-count .input {
    width: 100px;
  }
}
@media screen and (max-width: 479px) {
  .input-count .input {
    width: 70px;
  }
}
.input-count-controls {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  border: 1px solid #e3e3e3;
  border-left: 0;
  background: #fff;
  border-radius-top-right: 5px;
  border-radius-bottom-right: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.input-count-up {
  border-bottom: 1px solid #e3e3e3;
  height: 25px;
  display: block;
  transition: color 0.3s ease;
}
.input-count-up:hover {
  color: #117abb;
}
.input-count-down {
  height: 25px;
  display: block;
  transition: color 0.3s ease;
}
.input-count-down:hover {
  color: #117abb;
}
.input-number {
  font-size: 0;
}
.input-number .input-fake {
  margin-right: 0;
}
.input-number-controls {
  display: inline-block;
  vertical-align: middle;
}
.input-number-plus,
.input-number-minus {
  cursor: pointer;
  background: #cfcfcf;
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.input-number-plus:hover,
.input-number-minus:hover {
  background: #cfcfcf;
}
.input-number-plus span,
.input-number-minus span {
  position: absolute;
  top: 50%;
  left: 50%;
}
.input-group {
  box-shadow: none;
  border-radius: 3px;
}
.input-group .input {
  border-radius: 0;
  box-shadow: none;
}
.input-group .input:focus {
  z-index: 20;
}
.input-group .input:hover {
  z-index: 10;
}
.input-group .input + .input {
  margin-top: -1px;
}
.input-group .input:first-child {
  border-radius: 3px 3px 0 0;
}
.input-group .input:last-child {
  border-radius: 0 0 3px 3px;
}
.input-group-horizontal {
  box-shadow: none;
  border-radius: 3px;
}
.input-group-horizontal .input {
  border-radius: 0;
  box-shadow: none;
}
.input-group-horizontal .column:first-child .input {
  border-radius: 3px 0 0 3px;
}
.input-group-horizontal .column:last-child .input {
  border-radius: 0 3px 3px 0;
}
textarea.input {
  width: 100%;
}
.radio-boxed {
  display: block;
  position: relative;
}
.radio-boxed-bank {
  margin-bottom: 20px;
}
.radio-boxed strong {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.radio-boxed input[type="radio"] + span {
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  text-align: center;
  padding: 50px 10px 30px;
  display: block;
  font-size: 14px;
  line-height: 22px;
  z-index: 5;
}
.radio-boxed-bank .radio-boxed input[type="radio"] + span {
  border-radius: 3px !important;
  margin: 0 !important;
}
.column:first-child .radio-boxed input[type="radio"] + span {
  border-radius: 3px 0 0 3px;
}
@media screen and (min-width: 768px) {
  .column:first-child .radio-boxed input[type="radio"] + span {
    margin-right: -1px;
  }
}
@media screen and (max-width: 767px) {
  .column:first-child .radio-boxed input[type="radio"] + span {
    margin-bottom: -1px;
  }
}
.column:last-child .radio-boxed input[type="radio"] + span {
  border-radius: 0 3px 3px 0;
}
@media screen and (min-width: 768px) {
  .column:last-child .radio-boxed input[type="radio"] + span {
    margin-left: -1px;
  }
}
@media screen and (max-width: 767px) {
  .column:last-child .radio-boxed input[type="radio"] + span {
    margin-top: -1px;
  }
}
.radio-boxed input[type="radio"] + span:before {
  top: 25px;
  left: 50%;
  margin-left: -6px;
}
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 20;
  position: absolute;
  top: 100%;
  left: 50%;
}
@media screen and (max-width: 767px) {
  .radio-boxed input[type="radio"] ~ .radio-boxed-arrow {
    display: none;
  }
}
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #117abb rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);
}
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #fff rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);
}
.radio-boxed input[type="radio"]:checked + span {
  border-color: #117abb !important;
  z-index: 10;
}
.radio-boxed input[type="radio"]:checked ~ .radio-boxed-arrow {
  opacity: 1;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + span {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease;
  color: rgba(102,102,102,0.5);
  cursor: pointer;
}
input[type="radio"] + span:hover {
  color: #000;
}
input[type="radio"] + span:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  cursor: pointer;
  background: transparent;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  transition: border 0.3s ease;
  border: 2px solid #c8c8c8;
  transition: background 0.3s ease, border 0.3s ease;
}
input[type="radio"] + span:after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 17px;
  margin-left: -2px;
  cursor: pointer;
  background: #117abb;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
input[type="radio"]:checked + span {
  color: #666;
}
input[type="radio"]:checked + span:before {
  border-color: #117abb;
}
input[type="radio"]:checked + span:after {
  opacity: 0;
  left: 50%;
  top: 17px;
  margin-left: -2px;
  opacity: 1;
}
.form-section {
  width: 100%;
}
.form-section h3 {
  width: 100%;
  border-bottom: 1px solid #e9ebee;
  padding: 20px 0;
}
.selectBox-container {
  border-radius: 3px;
  position: relative;
}
.selectBox-container.short {
  width: 200px;
}
.selectBox-container.short .selectBox-dropdown {
  max-height: 50vh;
  overflow-y: scroll;
}
.selectBox-container.fixed .selectBox-dropdown {
  max-height: 200px;
  overflow-y: scroll;
}
.selectBox-container.wide {
  width: 100%;
}
.selectBox-container.wide .selectBox-selected {
  padding: 13px 43px 13px 14px;
}
.selectBox-container.wide .selectBox-selected:after {
  margin-right: 20px;
}
.selectBox-container.minimum-width {
  min-width: 95px;
}
.selectBox-container .selectBox-selected {
  position: relative;
  font-size: 14px;
  line-height: 23px;
  color: #4d525a;
  border: 1px solid #e3e3e3;
  border-color: #e3e3e3;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 30px 5px 10px;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.selectBox-container .selectBox-selected-xsmall,
.form-xsmall .selectBox-container .selectBox-selected {
  font-size: 14px;
  line-height: 20px;
}
.selectBox-container .selectBox-selected-small,
.form-small .selectBox-container .selectBox-selected {
  font-size: 14px;
  line-height: 22px;
}
.selectBox-container .selectBox-selected-medium,
.form-medium .selectBox-container .selectBox-selected {
  font-size: 14px;
  line-height: 23px;
}
.selectBox-container .selectBox-selected-large,
.form-large .selectBox-container .selectBox-selected {
  font-size: 18px;
  line-height: 26px;
}
.selectBox-container .selectBox-selected-xlarge,
.form-xlarge .selectBox-container .selectBox-selected {
  font-size: 24px;
  line-height: 32px;
}
.selectBox-container .selectBox-selected:hover,
.selectBox-container .selectBox-selected:focus,
.selectBox-container .selectBox-selected:active {
  border-color: #c2c2c2;
}
.selectBox-container .selectBox-selected:after {
  content: '\f102';
  font-size: 20px;
  font-family: icons;
  position: absolute;
  top: 0;
  right: 5px;
  color: #777;
  transform: rotate(90deg);
  pointer-events: none;
  height: 100%;
}
.selectBox-container .selectBox-dropdown {
  position: absolute;
  z-index: 19;
  background-color: #fff;
  left: 0;
  border: 1px solid #c2c2c2;
  cursor: pointer;
  width: 100%;
  margin-top: -1px;
  font-weight: normal;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item {
  padding: 5px 10px 5px 10px;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item:hover {
  background: #117abb;
  color: #fff;
}
.switch {
  background: #f2f2f2;
  box-shadow: inset 0 -20px 20px #f6f6f6;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  position: relative;
  display: flex;
  padding: 3px;
  overflow: hidden;
}
.switch.wide {
  width: 100%;
}
.switch.wide span.variant {
  display: flex;
  flex: 1;
  justify-content: center;
}
.switch span.variant {
  padding: 2px 8px;
  color: #4d525a;
  position: relative;
  z-index: 2;
  border-radius: 2px;
  height: 100%;
  cursor: pointer;
  font-size: 0.8rem;
}
.switch span.variant.active {
  background: #117abb;
  color: #fff;
  cursor: default;
}
.switch span.variant:first-child {
  margin-right: 5px;
}
.switch div.riderWrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  display: flex;
}
.switch div.riderWrapper .rider {
  width: 50px;
  border-radius: 2px;
  height: 100%;
  background: #117abb;
}
.taginput-wrapper {
  height: auto;
  cursor: text;
  margin: -3px 0;
  border: 0 !important;
  background: none !important;
}
.taginput-wrapper input[type=text] {
  display: inline-block;
  border: 0;
  padding: 6px;
  background-color: inherit;
}
.taginput-wrapper input[type=text]:focus {
  outline: none;
}
.taginput-tag {
  margin: 2px 4px 2px 0;
  display: inline-block;
  background: #117abb;
  color: #fff;
  padding: 0 35px 0 10px;
  border-radius: 2px;
  position: relative;
}
.taginput-tag .ui-icon-close {
  color: #fff !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  background: #117abb;
  border-radius: 0 2px 2px 0;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease;
}
.taginput-tag .ui-icon-close:hover {
  background: #c0392b;
}
.taginput-tag .ui-icon-close:before {
  content: '\E00E';
  display: inline-block;
  vertical-align: middle;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: -1px;
}
.userForm {
  padding: 20px;
}
.userForm .imgLogo {
  height: 80px;
  width: 150px;
}
.userForm .imgLogo img {
  width: 100px;
}
.userForm p {
  font-size: 18px;
  text-align: center;
}
.userForm em {
  text-align: center;
  font-style: normal;
  width: 100%;
  padding: 5px 0;
  display: block;
  font-size: 12px;
}
.dropzone {
  cursor: pointer;
  width: 100%;
  border: 2px dashed #e9e9e9;
  min-height: 200px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transition: 0.3s ease;
  margin-bottom: 16px;
  padding: 20px;
}
.dropzone span.appeal {
  font-size: 24px;
  color: rgba(133,133,133,0.5);
  user-select: none;
  margin-bottom: 20px;
}
.dropzone span.icon-uploading {
  margin-bottom: 16px;
}
.dropzone span.icon-uploading::before {
  color: rgba(133,133,133,0.5);
  font-size: 36px;
}
.dropzone.active {
  background: rgba(0,0,0,0.01);
  border: 2px solid #117abb;
}
.dropzone.active span.appeal {
  color: #858585;
}
.dropzone.active span.icon-uploading::before {
  color: #858585;
}
.form-vertical-item {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  align-items: center;
}
.form-vertical-item-left {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  margin-right: 20px;
  flex: 2;
}
.form-vertical-item-right {
  display: flex;
  justify-content: flex-start;
  flex: 4;
}
@media screen and (max-width: 639px) {
  .form-vertical-item-right {
    flex: 3;
  }
}

.form-vertical-item input.toggle-checkbox + span {
  width: 25px;
  height: 25px;
}
.form-vertical-item .fileLabel {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .form-vertical.left-only .form-vertical-item-right {
    display: none;
  }
  .form-vertical.left-only .form-vertical-item-left {
    justify-content: center;
  }
  .form-vertical.right-only .form-vertical-item-left {
    display: none;
  }
  .form-vertical.right-only .form-vertical-item-right {
    justify-content: center;
  }
}
.reveal {
  padding: 10px;
  margin: -10px;
}
.reveal::before {
  content: '?';
  width: 15px;
  height: 15px;
  font-size: 10px;
  font-style: normal;
  color: #4d525a;
  font-weight: bold;
  border-radius: 10px;
  border: 1px solid #4d525a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}
.reveal:hover::before {
  color: #fff;
  background: #4d525a;
}
.hidden {
  display: none !important;
}
.icons-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, 180px);
  justify-content: center;
  grid-gap: 40px 20px;
  padding-bottom: 100px;
}
.icons-preview > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #dedede;
  padding: 20px;
  border-radius: 8px;
}
.icons-preview > div span[class*="icon-"]::before {
  font-size: 60px;
}
.icons-preview > div span {
  text-align: center;
}
.icons-preview > div span:nth-child(2) {
  padding-top: 20px;
}
.icons-preview > div:hover {
  background: #117abb;
}
.icons-preview > div:hover span {
  color: #fff;
}
.expiration .expired {
  color: #e82e5c;
}
.info {
  padding: 25px;
}
@media screen and (min-width: 640px) {
  .info {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .info > *:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 1000px) {
  .info-icon {
    width: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .info-icon {
    width: 70px;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .info-icon {
    width: 80px;
  }
}
@media screen and (max-width: 639px) {
  .info-icon {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 640px) {
  .info-content {
    white-space: normal;
    width: 100%;
  }
}
.info-title {
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  color: #000;
  margin: 0;
}
@media screen and (min-width: 1000px) {
  .info-title {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .info-title {
    font-size: 12px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .info-title {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1000px) {
  .info-title {
    padding-right: 25px;
  }
}
@media screen and (min-width: 640px) and (max-width: 479px) {
  .info {
    flex-direction: column;
    width: 100%;
  }
  .info > * {
    width: 100%;
  }
  .info > *:not(:first-child) {
    margin-left: 0;
    margin-top: 5px;
  }
}
.intro {
  text-align: center;
}
.intro .control-before,
.intro .btn {
  margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
  .intro {
    padding: calc(10% + 30px) calc(10% + 35px);
  }
  .intro h1 {
    font-size: 50px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 639px) {
  .intro {
    padding: calc(5% + 20px) calc(5% + 10px);
  }
  .intro h1 {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.link-copybox {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-copybox .explain {
  text-align: center;
  font-weight: bold;
  display: block;
  padding-bottom: 10px;
}
.iframe-copybox {
  height: 150px;
}
.external-link {
  position: absolute;
  color: #717881;
  font-size: 10px;
  opacity: 0.5;
  right: 10px;
}
.external-link:hover {
  opacity: 1;
}
.external-link span[class*="icon-"] {
  color: #717881;
}
.external-link span[class*="icon-"]::before {
  font-size: 14px;
}
.link {
  color: inherit;
}
.link-selectable {
  padding-right: 50px;
  position: relative;
}
.link-selectable.break-word {
  word-break: break-all;
}
.link-selectable.centered {
  display: block;
  text-align: center;
  padding: 0;
  font-size: 1.2em;
}
.logo {
  float: left;
}
.logo strong {
  text-indent: -9999px;
}
@media screen and (min-width: 480px) {
  .logo-cs strong {
    width: 189px;
    height: 42px;
    background-position: 0px -138px;
  }
  .logo-en strong {
    width: 264px;
    height: 42px;
    background-position: -256px 0px;
  }
}
@media screen and (max-width: 479px) {
  .logo-cs strong {
    width: 95px;
    height: 21px;
    background-position: -305px -283px;
  }
  .logo-en strong {
    width: 132px;
    height: 21px;
    background-position: -366px -94px;
  }
}
.navigation {
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  z-index: 9999;
}
@media screen and (min-width: 768px) {
  .navigation {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 0;
  }
  .navigation li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .navigation {
    float: right;
    margin-right: 5%;
  }
}
@media screen and (max-width: 767px) {
  .navigation {
    clear: both;
  }
}
@media screen and (max-width: 767px) {
  .navigation {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    transition: border 0.3s ease;
  }
  .navigation-active {
    border-bottom: 5px solid #e9e9e9;
  }
  .navigation-trigger {
    float: right;
    cursor: pointer;
    transition: color 0.3s ease;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    z-index: 120;
    position: relative;
    padding-left: 10px;
    color: #117abb;
    font-weight: 700;
    margin-right: 15px;
  }
  .navigation-trigger-active,
  .navigation-trigger:hover {
    color: #000;
  }
  .navigation-trigger-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: 0px;
  }
  .navigation-trigger-icon span {
    display: block;
    width: 24px;
    height: 3px;
    border-radius: 100px;
    margin: 0 auto 3px;
    background-color: #117abb;
    margin-bottom: 4px;
    text-indent: -999;
    overflow: hidden;
    backface-visibility: hidden;
  }
  .navigation-trigger-icon span:last-child {
    margin-bottom: 0;
  }
  .navigation-trigger-icon span.line-1,
  .navigation-trigger-icon span.line-2,
  .navigation-trigger-icon span.line-3 {
    transform: rotate(0deg) translate3d(0px, 0px, 0px);
    transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
  }
  .navigation-trigger:hover .navigation-trigger-icon span {
    background-color: #000;
  }
  .navigation-trigger-active .navigation-trigger-icon span {
    background-color: #000;
  }
  .navigation-trigger-active .navigation-trigger-icon span.line-1 {
    transform: rotate(45deg) translate(4px, 6px);
  }
  .navigation-trigger-active .navigation-trigger-icon span.line-2 {
    opacity: 0;
  }
  .navigation-trigger-active .navigation-trigger-icon span.line-3 {
    transform: rotate(-45deg) translate(4px, -6px);
  }
}
@media screen and (max-width: 479px) {
  .navigation-trigger-icon {
    top: 3px;
  }
}
@media screen and (min-width: 768px) {
  .navigation-item:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    color: #d8d8d8;
    width: 0;
    height: 30px;
    border-left: 1px solid #e1e5e6;
    position: relative;
    left: 1px;
    margin: 0 15px;
  }
}
.navigation-item:first-child:before {
  display: none;
}
.navigation-item a {
  color: #117abb;
  text-decoration: none;
}
.navigation-item a:hover {
  color: #000;
}
.navigation-item a [class*="icon-"] {
  margin-right: 10px;
  color: #117abb;
  position: relative;
  top: -1px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .navigation-item a {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) {
  .navigation-item a {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .navigation-item a {
    display: block;
    text-align: right;
    padding: 15px 20px;
    line-height: 1.6em;
    border-top: 1px solid #e9e9e9;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .navigation-item a {
    font-size: 14px;
    line-height: 22px;
  }
}
.navigation-item-active a {
  color: #000;
}
.navigation-item-active a .underline-item:after {
  visibility: hidden;
}
.need-help {
  display: block;
  position: fixed;
  top: 50%;
  left: 0;
  background: rgba(0,0,0,0.35);
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  transition: background 0.3s ease;
  transform: rotate(-90deg);
  transform-origin: 0 0;
}
.need-help [class*="icon-"] {
  margin-right: 10px;
  color: #fff;
  position: relative;
  top: -1px;
}
.need-help:visited {
  color: #fff;
}
.need-help:hover {
  background: #117abb;
}
@media screen and (max-width: 999px) {
  .need-help {
    display: none;
  }
}
.package-header {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 20px;
}
.package-header.flexbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 0;
}
.package-header .package-title-wrapper {
  text-align: center;
}
.package-header .package-title {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.package-header .package-title-edit {
  display: inline-block;
  vertical-align: middle;
  color: #717881;
}
.package-header .package-title-edit .icon-pencil {
  color: #717881;
  margin-right: 4px;
}
.package-header .package-title-edit .icon-pencil:before {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .package-header {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    flex-direction: column;
    margin-right: 0;
  }
  .package-header .package-title {
    text-align: center;
    margin: 0;
  }
  .package-header .package-title-edit {
    text-align: center;
    margin-left: 30px;
  }
  .package-header .package-title-edit [class^="icon"] {
    position: absolute;
    margin-left: -21px;
    margin-top: 2px;
  }
}
.package-sended {
  text-align: center;
  padding-top: 40px;
}
.package-sended-title {
  color: #117abb;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.package-sended-title [class*="icon-"] {
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.package-sended-title [class*="icon-"]:before {
  font-size: 30px;
}
.package-sended-another {
  color: #777;
}
.package-sended-another [class*="icon-"] {
  color: #777;
  margin-right: 8px;
}
.package-sended-another:visited {
  color: #777;
}
.package-sended-action {
  padding-top: 30px;
  margin-top: 40px;
  margin-left: -30px;
  margin-right: -30px;
  border-top: 1px solid #e3e3e3;
}
.package-sended-action .btn {
  width: 300px;
  margin: 5px;
}
@media screen and (max-width: 479px) {
  .package-detail-action {
    margin: 0 -30px;
  }
}
@media screen and (min-width: 480px) {
  .package-detail-action .btn {
    width: 320px;
    margin: 5px;
  }
}
@media screen and (max-width: 479px) {
  .package-detail-action .btn {
    width: 100%;
    margin: 5px 0;
  }
}
.package-locked {
  position: relative;
  float: right;
}
@media screen and (min-width: 640px) {
  .package-locked {
    margin: -20px -35px;
  }
}
@media screen and (max-width: 639px) {
  .package-locked {
    margin: -10px -35px -20px;
  }
}
.package-locked-cancel {
  color: #777;
}
.package-locked-cancel:visited {
  color: #777;
}
.package-locked-cancel:hover {
  color: #117abb;
}
.package-locked-trigger {
  color: #000;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  border-right: 0;
}
@media screen and (min-width: 640px) {
  .package-locked-trigger {
    padding: 24px 35px 24px 5px;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
  .package-locked-trigger {
    padding: 19px 35px 14px;
  }
}
@media screen and (max-width: 479px) {
  .package-locked-trigger {
    padding: 19px 15px 14px;
  }
}
.package-locked-trigger:after {
  content: '';
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: -5px;
  z-index: 10;
  background: #f5f6f7;
  z-index: 8100;
  display: none;
}
.package-locked-trigger [class*="icon-"] {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.package-locked-trigger [class*="icon-"]:before {
  font-size: 13px;
}
.package-locked-trigger [class*="sprite-"] {
  margin-right: 5px;
}
.package-locked-trigger:visited,
.package-locked-trigger:link {
  color: #000;
}
.package-locked-trigger:hover {
  color: #117abb;
}
.package-locked-dropdown {
  position: absolute;
  top: 85%;
  right: -30%;
  border: 1px solid #e3e3e3;
  border-right: 0;
  background: #f5f6f7;
  box-shadow: 0 0 4px rgba(0,0,0,0.15);
  padding: 20px;
  z-index: 8000;
  text-align: left;
  display: none;
}
.package-locked-dropdown .control-label {
  margin-bottom: 10px;
}
.package-locked-dropdown .input {
  width: 100%;
}
.package-locked-dropdown .addon-item {
  right: 8% !important;
}
.package-locked-dropdown .spinner {
  left: -5%;
}
.package-locked.is-open .package-locked-dropdown {
  display: block;
}
@media screen and (min-width: 480px) {
  .package-locked-dropdown {
    min-width: 350px;
  }
}
@media screen and (max-width: 479px) {
  .package-locked-dropdown {
    min-width: 310px;
  }
}
.package-state {
  width: 160px;
  position: relative;
  padding-left: 25px;
}
.package-state.is-waiting {
  color: #777;
}
.package-state.is-downloaded {
  color: #117abb;
}
.package-state.is-confirmed {
  color: #f57900;
}
.package-state.is-confirmed [class*="icon-"] {
  color: #f57900;
}
.package-state [class*="icon-"] {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.package-state-header {
  width: 160px;
}
.payment-box {
  display: block;
  position: relative;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
  text-align: center;
  padding: 30px 20px;
  font-size: 14px;
  line-height: 22px;
  z-index: 5;
}
.payment-box h4 {
  margin-bottom: 5px;
}
.payment-box-icon {
  margin-bottom: 10px;
}
.payment-box-icon [class*="icon-"]:before {
  font-size: 60px;
}
.payment-box-icon .icon-bank {
  position: relative;
  top: 5px;
}
.payment-box label {
  display: block;
  height: 30px;
  margin-bottom: 15px;
}
.payment-box label .icon-info-circle {
  margin-right: 4px;
  position: relative;
  top: -1px;
  color: #b1b1b1;
}
.column:first-child .payment-box {
  border-radius: 3px 0 0 3px;
}
@media screen and (min-width: 768px) {
  .column:first-child .payment-box {
    margin-right: -1px;
  }
}
.column:last-child .payment-box {
  border-radius: 0 3px 3px 0;
}
@media screen and (min-width: 768px) {
  .column:last-child .payment-box {
    margin-left: -1px;
  }
}
.payments-brands {
  text-align: center;
}
.payments-brands span {
  margin: 10px 6px;
  filter: grayscale(1);
  opacity: 0.5;
}
.popup-backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(44,51,57,0.65);
}
.popup-choose-bank {
  max-width: 800px;
  padding: 0 30px;
}
.popup-close {
  position: absolute;
  top: -18px;
  right: -18px;
  cursor: pointer;
  line-height: 31px;
  width: 36px;
  height: 36px;
  background-color: #333;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: background 0.3s ease;
}
.popup-close span {
  color: #fff;
}
.popup-close span:before {
  font-size: 22px;
}
.popup-close:hover {
  background-color: #c0392b;
}
.popup-confirm {
  max-width: 560px;
  padding: 0 50px;
}
@media screen and (max-width: 767px) {
  .popup-confirm {
    padding: 0 20px;
  }
}
.popups-container {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
}
.popups-container.active {
  display: flex;
}
@media screen and (min-width: 768px) {
  .popup-content {
    padding: 60px 40px;
  }
}
@media screen and (max-width: 767px) {
  .popup-content {
    padding: 40px 20px;
  }
}
.popup-content .table-parameters {
  margin-top: 0;
}
.popup-content .share-link-wrap {
  display: flex;
}
.popup-content .share-link-wrap .append {
  width: 100%;
}
.popup-content .share-link-wrap .input {
  flex: 1;
  display: flex;
}
.popup-content .share-link-wrap .input .break-word {
  width: 100%;
}
.popup-content.special .payment-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.popup-content.special .payment-area .append-fictional {
  width: 100%;
}
.popup-content.special .payment-area .payment-area-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.popup-content.special .payment-area .switcher {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.popup-content.special .payment-area .selectBox-selected {
  line-height: 9px;
}
.popup-content.special .payment-area .explanation {
  text-align: center;
}
.popup-content.special .payment-area .operator-fee {
  display: block;
  margin: 3px 0;
}
.popup-content.special .payment-area a.btn {
  width: 100%;
}
.popup-content.loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-header {
  background: #fff;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .popup-header {
    padding: 35px 40px;
  }
}
@media screen and (max-width: 639px) {
  .popup-header {
    padding: 60px 20px 35px;
  }
}
.popup-headline {
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
}
.popup-headline + .popup-perex {
  margin-top: 10px;
}
.popup {
  background-color: #fff;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: none;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1000px) {
  .popup {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.popup.dummy {
  display: block;
  position: absolute;
  visibility: hidden;
}
.popup.active {
  display: block;
}
.popup.narrow {
  max-width: 540px !important;
}
.popup-payment {
  max-width: 560px;
  padding: 0;
}
.popup-perex {
  font-size: 18px;
  line-height: 26px;
  color: #4d525a;
  margin: 0 auto 30px;
  max-width: 330px;
  text-align: center;
}
.qr-box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.qr-box .btn {
  width: 100%;
  margin-top: 20px;
}
.popup-recipient-headline {
  font-size: 18px;
  line-height: 26px;
  color: #4d525a;
  margin: 30px auto 30px;
  max-width: 330px;
  text-align: center;
  font-size: 19px;
}
.popup-recipient-line {
  text-align: center;
}
.popup-share {
  max-width: 900px;
}
.popup-stack {
  padding: 20px;
  box-sizing: border-box;
}
.pricelist {
  color: inherit;
  display: grid;
  grid-template-columns: 230px 1fr 1fr 1fr;
  grid-template-rows: 2fr 100px;
  justify-items: stretch;
  align-items: stretch;
}
.pricelist-col {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}
.pricelist-col .title {
  margin-bottom: 10px;
  font-size: 1.3rem;
  margin-bottom: 15px;
}
.pricelist-col.free {
  background: #fafafa;
}
.pricelist-col.free .feature {
  border-left: 1px solid #e3e3e3;
}
.pricelist-col.free .price::before {
  background: #4d525a;
}
.pricelist-col.premium .title {
  font-weight: bold;
}
.pricelist-col .label,
.pricelist-col .feature {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 50px;
  padding: 0 15px;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.pricelist-col .label span.cell-label,
.pricelist-col .feature span.cell-label {
  display: none;
}
.pricelist-col .label:nth-child(2),
.pricelist-col .feature:nth-child(2) {
  border-top: 1px solid #e3e3e3;
}
.pricelist-col:last-child .feature:first-child {
  border-radius: 0 10px 0 0;
}
@media screen and (max-width: 999px) {
  .pricelist-col:last-child .feature:first-child {
    border-radius: 10px 10px 0 0;
  }
}
.pricelist-col:last-child .feature:last-child {
  border-radius: 0 0 10px 0;
}
@media screen and (max-width: 999px) {
  .pricelist-col:last-child .feature:last-child {
    border-radius: 0 0 10px 10px;
  }
}
.pricelist-col:nth-child(2) .feature:first-child {
  border-radius: 10px 0 0 0;
  border-left: 1px solid #e3e3e3;
}
@media screen and (max-width: 999px) {
  .pricelist-col:nth-child(2) .feature:first-child {
    border-radius: 10px 10px 0 0;
  }
}
.pricelist-col:nth-child(2) .feature:last-child {
  border-radius: 0 0 0 10px;
}
@media screen and (max-width: 999px) {
  .pricelist-col:nth-child(2) .feature:last-child {
    border-radius: 0 0 10px 10px;
  }
}
@media screen and (max-width: 999px) {
  .pricelist-col .feature {
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
  }
  .pricelist-col .feature:first-child {
    border-radius: 0 10px 0 0;
  }
  .pricelist-col .feature:last-child {
    border-radius: 0 0 10px 0;
  }
}
.pricelist-col .label {
  font-size: 0.9rem;
  color: #717881;
  border-left: 1px solid #e3e3e3;
  border-right: none;
}
.pricelist-col .label:first-child {
  border-left: none;
  border-right: none;
}
.pricelist-col .label.price::before {
  display: none;
}
.pricelist-col .label:nth-child(2) {
  border-radius: 10px 0 0 0;
}
@media screen and (max-width: 999px) {
  .pricelist-col .label:nth-child(2) {
    border-radius: 10px;
  }
}
.pricelist-col .label:last-child {
  border-radius: 0 0 0 10px;
}
@media screen and (max-width: 999px) {
  .pricelist-col .label:last-child {
    border-radius: 10px;
  }
}
.pricelist-col .feature {
  justify-content: center;
  font-size: 1rem;
}
.pricelist-col .feature:first-child {
  border-top: 1px solid #e3e3e3;
}
.pricelist-col .feature.enhanced {
  font-weight: bold;
  color: #117abb;
}
.pricelist-col .feature.start-using {
  padding: 20px;
  height: 100px;
  overflow: hidden;
  flex-direction: column;
}
.pricelist-col .feature.start-using .additional-message {
  font-size: 12px;
  color: #717881;
}
.pricelist-col .feature.start-using .currentPlan {
  color: #117abb;
  font-weight: bold;
  text-transform: uppercase;
}
.pricelist-col .feature.start-using::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #e6eaef;
}
.pricelist-col .price {
  height: 200px;
  overflow: hidden;
  border-bottom: none;
}
.pricelist-col .price.switcher {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pricelist-col .price.switcher span.plan-info {
  margin-top: 20px;
  text-align: center;
  font-size: 0.9rem;
}
.pricelist-col .price::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: #117abb;
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  .pricelist-col .feature:first-child {
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (max-width: 999px) and (max-width: 999px) {
  .pricelist-col .feature:last-child {
    border-radius: 0 0 10px 10px;
  }
}
@media screen and (max-width: 999px) {
  .pricelist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .pricelist-col {
    width: 100%;
    margin-bottom: 40px;
  }
  .pricelist-col .feature span.cell-label {
    display: block;
    font-weight: normal;
    color: #4d525a;
  }
  .pricelist-col .feature .cell-value {
    margin-left: 10px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .pricelist-col:not(.labels) {
    max-width: 720px;
  }
  .pricelist-col.labels {
    flex-basis: 100%;
  }
  .pricelist-col.labels .label:not(.price) {
    display: none;
  }
}
.pricelist-header {
  display: flex;
  justify-content: center;
  position: relative;
}
.pricelist-header .selectWrapper {
  position: absolute;
  right: 0;
}
.price {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
}
.price .price-span {
  display: flex;
  align-items: center;
}
.price .price-span .currency {
  font-size: 24px;
  align-self: flex-start;
  position: relative;
  top: 6px;
}
.price .price-span .number {
  font-size: 48px;
  line-height: 1em;
  color: #000;
  padding: 0 3px;
}
.price .price-span .period {
  font-size: 18px;
  align-self: flex-end;
  opacity: 0.6;
}
.price .price-span {
  display: flex;
  align-items: center;
}
.price .price-span .currency {
  font-size: 24px;
  align-self: flex-start;
  position: relative;
  top: 6px;
}
.price .price-span .number {
  font-size: 48px;
  line-height: 1em;
  color: #000;
  padding: 0 3px;
}
.price .price-span .period {
  font-size: 18px;
  align-self: flex-end;
  opacity: 0.6;
}
.price.price-popup .price-span .currency {
  font-size: 32px;
}
.price.price-popup .price-span .number {
  font-size: 56px;
}
.price.price-popup .price-span .period {
  font-size: 18px;
}
.price .period-info {
  position: relative;
  font-size: 13px;
  color: #717881;
}
.price .vat {
  position: relative;
  margin-bottom: 20px;
  color: #717881;
  font-size: 11px;
}
.progress {
  padding: 20px 35px;
}
.progress-status {
  color: #717881;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
}
.progress-percents {
  float: right;
  color: #117abb;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.progress-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.progress-info-message {
  margin-right: 20px;
}
.progress-bar {
  background-color: #ededed;
  width: 100%;
  height: 10px;
  font-size: 0;
  border-radius: 20px;
  position: relative;
}
.progress-bar-fill {
  background-color: #117abb;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  border-radius: 20px;
}
.receiving h2 {
  text-align: left;
}
.soon {
  background-size: 100% auto;
}
.soon-cs {
  background-image: url(./dist/background-soon.a08e145db56751a755d1e41acad20c2c.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.soon-en {
  background-image: url(./dist/background-soon-en.564abc517f646d11105432de0e7fbc4d.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
}
@media screen and (min-width: 640px) {
  .soon {
    padding: 100px 50px 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .soon {
    margin: -20px -10px;
    padding: 50px 20px 20px;
  }
}
.soon p {
  margin: 0 0 50px;
}
.soon .h2 {
  margin-bottom: 40px;
}
.spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(./dist/preloader-primary.00d4d467359ab1fca69ee2256f4016fa.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.disabled .spinner {
  background-image: url(./dist/preloader-gray.116921df3be213a2a5d958d3717d7062.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.spinner.expiration,
.spinner.remaining-downloads {
  position: relative;
  width: 20%;
}
.spinner-wrapper {
  position: relative;
  width: 18px;
  height: 18px;
  margin: auto;
}
.spinner-wrapper-large {
  position: relative;
  width: 70px;
  height: 70px;
  margin: -40px auto 40px;
}
.spinner-wrapper-large.nomargin {
  margin: 0;
}
.spinner-wrapper-large .spinner {
  background-image: url(./dist/preloader-primary-large.8c77814b52b3894ed32b029c8abcf48e.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.spinner-wrapper.expiration,
.spinner-wrapper.remaining-downloads {
  display: flex;
  justify-content: center;
  margin: 0 5px;
  align-items: center;
}
.suspended {
  width: 100%;
  height: 60px;
  background: #ffdae3;
  display: flex;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  top: 0;
  color: #4d525a;
  justify-content: center;
}
.suspended a {
  color: #4d525a;
  font-weight: bold;
}
.suspended.marked {
  color: #e82e5c;
}
.suspended.marked a {
  color: #e82e5c;
}
.table {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin-bottom: 40px;
}
.table-head,
.table-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.table-head a,
.table-row a {
  color: #939aa9;
}
@media screen and (min-width: 480px) {
  .table-head span.cell.m-show,
  .table-row span.cell.m-show {
    display: none;
  }
}
.table-head-left,
.table-row-left,
.table-head-right,
.table-row-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.table-head-left,
.table-row-left {
  flex: 2;
}
.table-head-left span.cell,
.table-row-left span.cell {
  flex: 2;
  position: relative;
}
.table-head-left span.cell.checkbox,
.table-row-left span.cell.checkbox {
  flex: 0.2;
}
.table-head-left span.cell.checkbox label,
.table-row-left span.cell.checkbox label {
  width: 25px;
  height: 25px;
}
.table-head-left span.cell.checkbox label input + span,
.table-row-left span.cell.checkbox label input + span {
  padding: 0;
  width: 25px;
  height: 25px;
}
.table-head-left span.cell.checkbox label input + span:before,
.table-row-left span.cell.checkbox label input + span:before {
  color: #bcbcbc;
}
.table-head-left span.cell.checkbox label input:checked + span:before,
.table-row-left span.cell.checkbox label input:checked + span:before {
  color: #117abb;
}
.table-head-left span.cell.icon-cell,
.table-row-left span.cell.icon-cell {
  flex: 0.2;
  height: 24px;
}
.table-head-left span.cell.date,
.table-row-left span.cell.date {
  flex: 1;
}
.table-head-left .sm-spinner,
.table-row-left .sm-spinner {
  width: 18px;
  height: auto;
  transform: scaleX(-1);
}
.table-head-right,
.table-row-right {
  justify-content: space-between;
  align-items: flex-start;
}
.table-head-right span.cell,
.table-row-right span.cell {
  flex: 2;
}
.table-head-right span.cell span.new,
.table-row-right span.cell span.new {
  color: #117abb;
  margin-left: 5px;
  font-weight: bold;
}
.table-head-right span.cell.short,
.table-row-right span.cell.short {
  flex: 1;
}
.table-head-right span.cell.shrink,
.table-row-right span.cell.shrink {
  flex: initial;
  width: 45px;
  justify-content: center;
}

.table-head-right span.cell.delete,
.table-row-right span.cell.delete {
  flex: none;
  width: 41px;
}
.table-head-right span.cell.actions,
.table-row-right span.cell.actions {
  flex: none;
  width: 50px;
}
.table-head-right span.cell.actions a,
.table-row-right span.cell.actions a {
  text-decoration: none !important;
}
.table-head-right span.cell.actions .icon-times,
.table-row-right span.cell.actions .icon-times {
  color: #bcc1c4;
}
.table-head-right span.cell.actions .icon-times:hover,
.table-row-right span.cell.actions .icon-times:hover {
  color: #c0392b;
}
.table-head-right span.cell.actions .icon-pencil,
.table-row-right span.cell.actions .icon-pencil {
  color: #4d525a;
}
.table-head-right span.cell.actions .icon-pencil::before,
.table-row-right span.cell.actions .icon-pencil::before {
  font-size: 14px;
}
.table-head-right span.cell.delete a,
.table-row-right span.cell.delete a {
  text-decoration: none !important;
}
.table-head-right span.cell.delete a [class^="icon"]:hover,
.table-row-right span.cell.delete a [class^="icon"]:hover {
  color: #c0392b;
}
.table-head-right span.cell.uploading,
.table-row-right span.cell.uploading {
  color: #5a6275;
}
.table-head-right span.cell.uploading [class^="icon"],
.table-row-right span.cell.uploading [class^="icon"] {
  color: #4d525a;
}
.table.col-2 .table-head .table-head-right,
.table.col-2 .table-row .table-head-right,
.table.col-2 .table-head .table-row-right,
.table.col-2 .table-row .table-row-right {
  flex: 1;
}
.table.col-3 .table-head .table-head-right,
.table.col-3 .table-row .table-head-right,
.table.col-3 .table-head .table-row-right,
.table.col-3 .table-row .table-row-right {
  flex: 2;
}
.table.col-4 .table-head .table-head-right,
.table.col-4 .table-row .table-head-right,
.table.col-4 .table-head .table-row-right,
.table.col-4 .table-row .table-row-right {
  flex: 4;
}
.table.col-5 .table-head .table-head-right,
.table.col-5 .table-row .table-head-right,
.table.col-5 .table-head .table-row-right,
.table.col-5 .table-row .table-row-right {
  flex: 4;
}
.table.col-6 .table-head .table-head-right,
.table.col-6 .table-row .table-head-right,
.table.col-6 .table-head .table-row-right,
.table.col-6 .table-row .table-row-right {
  flex: 6;
}
@media screen and (max-width: 479px) {
  .table.col-6 .table-head .table-head-left,
  .table.col-6 .table-row .table-head-left,
  .table.col-6 .table-head .table-row-left,
  .table.col-6 .table-row .table-row-left {
    width: 30%;
  }
}
.table-head span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  text-transform: uppercase;
  color: #4d525a;
  font-weight: bold;
}
.table-row {
  padding: 15px 0;
  border-bottom: 1px solid #e3e3e3;
}
.table-row .class.shrink {
  padding: 0 10px;
}
.table-row span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}
.table-row span [class^="icon"] {
  padding-right: 5px;
}

@media screen and (max-width: 479px) {
  .table-head-right,
  .table-head-left {
    display: none;
  }
  .table-row span.cell.m-hide {
    display: none;
  }
  .table-row span.cell.m-show {
    display: inherit;
  }
  .table-row-left {
    flex: none;
    width: 40%;
    min-width: 100px;
  }
  .table-row-left span.cell {
    width: 100%;
    padding: 0;
  }
  .table-row-left .filename {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
  }
  .table-row-right {
    flex: none;
    width: 60%;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
  }
  .table-row-right span.cell {
    width: auto !important;
    padding: 0;
    display: flex;
    justify-content: flex-end;
  }
}
.table-old {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 30px;
}
.table-old .col-icon {
  width: 30px;
}
.table-old .col-action {
  text-align: right;
}
.table-old .col-checkbox {
  width: 25px;
  padding-right: 0;
}
.table-old .col-checkbox label {
  width: 25px;
  height: 25px;
}
.table-old .col-checkbox label input + span {
  padding: 0;
  width: 25px;
  height: 25px;
}
.table-old .col-checkbox label input + span:before {
  color: #bcbcbc;
}
.table-old .col-checkbox label input:checked + span:before {
  color: #117abb;
}
.table-old thead tr th {
  color: #939393;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 10px;
}
.table-old tbody tr td {
  padding: 15px 10px;
  border-bottom: 1px solid #eaeaea;
}
.table-old tbody tr td .icon-times {
  color: #bcc1c4;
  transition: color 0.3s ease;
}
.table-old tbody tr td .icon-sent {
  color: #bcc1c4;
}
.table-old tbody tr td a {
  color: #727272;
  display: block;
}
.table-old tbody tr td a:hover {
  color: #117abb;
}
.table-old tbody tr td a:hover .icon-times {
  color: #c0392b;
}
.table-old tbody tr.disabled td {
  color: #b1b1b1 !important;
}
.table-old tbody tr.disabled td.col-icon [class*="icon-"] {
  color: #b1b1b1 !important;
}
@media screen and (min-width: 480px) {
  .table-responsive-xs [data-th],
  .table-responsive-sm [data-th],
  .table-responsive-md [data-th],
  .table-responsive-lg [data-th],
  .table-responsive-xs:before,
  .table-responsive-sm:before,
  .table-responsive-md:before,
  .table-responsive-lg:before {
    display: inline-block;
    width: 40%;
    min-width: 190px;
  }
}
@media screen and (max-width: 479px) {
  .table-responsive-xs [data-th],
  .table-responsive-sm [data-th],
  .table-responsive-md [data-th],
  .table-responsive-lg [data-th],
  .table-responsive-xs:before,
  .table-responsive-sm:before,
  .table-responsive-md:before,
  .table-responsive-lg:before {
    display: block;
    width: 100%;
  }
}
.table-old {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 30px;
}
.table-old .col-icon {
  width: 30px;
}
.table-old .col-action {
  text-align: right;
}
.table-old .col-checkbox {
  width: 25px;
  padding-right: 0;
}
.table-old .col-checkbox label {
  width: 25px;
  height: 25px;
}
.table-old .col-checkbox label input + span {
  padding: 0;
  width: 25px;
  height: 25px;
}
.table-old .col-checkbox label input + span:before {
  color: #bcbcbc;
}
.table-old .col-checkbox label input:checked + span:before {
  color: #117abb;
}
.table-old thead tr th {
  color: #939393;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 10px;
}
.table-old tbody tr td {
  padding: 15px 10px;
  border-bottom: 1px solid #eaeaea;
}
.table-old tbody tr td .icon-times {
  color: #bcc1c4;
  transition: color 0.3s ease;
}
.table-old tbody tr td .icon-sent {
  color: #bcc1c4;
}
.table-old tbody tr td a {
  color: #727272;
  display: block;
}
.table-old tbody tr td a:hover {
  color: #117abb;
}
.table-old tbody tr td a:hover .icon-times {
  color: #c0392b;
}
.table-old tbody tr.disabled td {
  color: #b1b1b1 !important;
}
.table-old tbody tr.disabled td.col-icon [class*="icon-"] {
  color: #b1b1b1 !important;
}
@media screen and (min-width: 480px) {
  .table-responsive-xs [data-th],
  .table-responsive-sm [data-th],
  .table-responsive-md [data-th],
  .table-responsive-lg [data-th],
  .table-responsive-xs:before,
  .table-responsive-sm:before,
  .table-responsive-md:before,
  .table-responsive-lg:before {
    display: inline-block;
    width: 40%;
    min-width: 190px;
  }
}
@media screen and (max-width: 479px) {
  .table-responsive-xs [data-th],
  .table-responsive-sm [data-th],
  .table-responsive-md [data-th],
  .table-responsive-lg [data-th],
  .table-responsive-xs:before,
  .table-responsive-sm:before,
  .table-responsive-md:before,
  .table-responsive-lg:before {
    display: block;
    width: 100%;
  }
}
.tabs {
  padding: 20px 0;
}
.popup .tabs {
  padding: 0;
}
.tabs > .tabs-content:before,
.tabs > .tabs-content:after {
  content: "";
  display: table;
}
.tabs > .tabs-content:after {
  clear: both;
}
.popup .tabs > .tabs-content {
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
@media screen and (min-width: 640px) {
  .tabs > .tabs-content {
    border: 1px solid #e3e3e3;
    padding: 30px;
  }
}
@media screen and (max-width: 639px) {
  .tabs > .tabs-content {
    padding: 20px 10px;
    border-bottom: 1px solid #e3e3e3;
  }
}
.tabs-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 0;
  margin-bottom: -1px;
  text-align: center;
}
.tabs-nav li {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .tabs-nav {
    margin-left: -50px;
    margin-right: -50px;
  }
  .tabs .tabs-nav {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.tabs-nav-link {
  color: inherit;
}
.popup .tabs-nav-link:first-child {
  border-radius: 5px 0 0 0;
}
.popup .tabs-nav-link:first-child a {
  border-radius: 5px 0 0 0;
}
.popup .tabs-nav-link:last-child {
  border-radius: 0 5px 0 0;
}
.popup .tabs-nav-link:last-child a {
  border-radius: 0 5px 0 0;
}
.tabs .tabs-nav-link a {
  background: #f5f6f7;
  border-bottom-color: #e3e3e3;
}
.tabs-nav-link:first-child a {
  border-left-color: transparent;
}
.tabs-nav-link a {
  display: block;
  padding: 20px 0;
  color: #777;
  border: 1px solid transparent;
  border-left-color: #e3e3e3;
  border-bottom-color: transparent;
  text-transform: uppercase;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
}
.tabs-nav-link a [class*="icon-"] {
  margin-right: 5px;
}
.tabs-nav-link a:hover {
  color: #117abb;
}
.tabs-nav-link.active + li a {
  border-left-color: transparent;
}
.tabs-nav-link.active a {
  background: #fff;
  border-color: #e3e3e3;
  color: #000;
  border-bottom-color: #fff;
  cursor: default;
}
.tabs-nav-link.active a .underline-item:after {
  opacity: 0;
}
.desktop .tab {
  display: none;
}
.desktop .tab.active {
  display: block !important;
}
.mobile .tab {
  display: none !important;
}
.mobile .tab.active {
  display: block !important;
}
.tarif {
  text-align: center;
  padding: 35px;
  background-color: #f6f6f6;
  border-radius: 3px;
}
.tarif-wrap {
  padding: 30px 0;
}
@media screen and (max-width: 639px) {
  .tarif-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.tarif .h2 {
  color: #777;
}
.tarif-parameters {
  margin-bottom: 20px;
}
.tarif-parameters li {
  border-top: 1px solid #e3e3e3;
  padding: 15px 0;
}
.tarif-parameters li:first-child {
  border-top: 0;
}
.tarif-parameters li strong {
  display: block;
  font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 22px;
  line-height: 30px;
}
.tarif-premium {
  background: #fff;
  box-shadow: 0 0 2px 1px #e3e3e3, inset 0 4px 0 #117abb;
}
@media screen and (min-width: 768px) {
  .tarif-premium {
    margin-top: -20px;
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
@media screen and (max-width: 767px) {
  .tarif-premium {
    margin-top: 20px;
  }
}
.tarif-premium .h2 {
  color: #000;
  text-transform: uppercase;
}
.tarif-premium .tarif-parameters strong {
  color: #117abb;
}
.toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-left: -5px;
  margin-right: -5px;
}
.toolbar-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: normal;
  color: #717881;
  padding: 5px 0;
  margin-right: 5px;
  margin-left: 5px;
}
@media screen and (max-width: 479px) {
  .toolbar-item {
    padding: 5px 0;
  }
}
.toolbar-item:first-child {
  padding-left: 0;
}
.toolbar-item:last-child {
  padding-right: 0;
}
.toolbar-item-action {
  display: flex;
}
.toolbar-item-action-label {
  white-space: nowrap;
}
.toolbar-item select,
.toolbar-item .selectBox-container {
  margin: 0 5px;
}
.toolbar-item .selectBox-container .selectBox-selected {
  font-size: 13px;
  line-height: 13px;
}
.toolbar-item [class^="icon-"],
.toolbar-item .dollar {
  margin-right: 5px;
}
.toolbar-item .dollar {
  font-size: 18px;
  color: #117abb;
  font-weight: bold;
}
.toolbar-item.monetize {
  display: inline;
  vertical-align: middle;
  margin-right: 0;
}
.toolbar-item.link a {
  color: #717881;
}
@media screen and (max-width: 639px) {
  .toolbar {
    justify-content: space-evenly;
  }
}
@media screen and (max-width: 479px) {
  .toolbar {
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 0 10px;
  }
}
.underline {
  text-decoration: none;
  position: relative;
}
.underline.muted {
  opacity: 0.6;
  transition: opacity 0.3s ease, color 0.3s ease;
}
.underline.muted [class*="icon-"] {
  color: #717881;
  transition: color 0.3s ease;
}
.underline.muted:hover {
  opacity: 1;
}
.underline.muted:hover [class*="icon-"] {
  color: #117abb;
}
.underline-primary {
  color: #117abb;
}
.underline-primary:visited {
  color: #117abb;
}
.underline-primary:hover {
  color: #4d525a;
}
.underline-item {
  position: relative;
}
.underline-item:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  display: block;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  opacity: 0.6;
  transition: opacity 0.3s ease, border 0.3s ease;
}
.underline.active .underline-item:after {
  visibility: hidden;
}
.narrow-page {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
.narrow-page h2 {
  margin-top: 45px;
  margin-bottom: 28px;
  font-size: 24px;
}
.narrow-page p {
  text-align: justify;
}
.narrow-page .large-icon {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  color: rgba(0,0,0,0.15);
}
.narrow-page .large-icon::before {
  font-size: 120px;
}
.narrow-page .img-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, 240px);
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}
.narrow-page .img-row .img-preview {
  max-width: 230px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.narrow-page .table-uschovna h3 {
  margin: 0;
}
.narrow-page .table-uschovna tr td {
  font-size: 18px;
  width: calc(100% / 3);
}
.narrow-page .table-uschovna tr td:not(:nth-child(1)) {
  text-align: center;
}
.narrow-page .table-uschovna tr td.emphasize {
  color: #117abb !important;
  font-weight: bold;
}
.narrow-page .table-uschovna tr td.grayout {
  color: #848890;
}
.narrow-page .table-uschovna tr td.bad {
  color: #cf2525;
}
.narrow-page .table-label {
  position: relative;
  top: -25px;
  margin-bottom: -35px;
  text-align: center;
  width: 100%;
  font-family: #e6eaef;
  font-style: italic;
}
.wide {
  width: 100%;
}
.addon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.addon-inline {
  display: inline;
}
.addon-item {
  position: absolute;
  top: 0;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  z-index: 930;
  display: block;
}
.addon-item:first-child {
  left: 0;
}
.addon-item:last-child {
  right: 0;
}
.addon-item span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #717881;
  margin-top: 1px;
  transition: color 0.3s ease;
}

.addon .addon-item {
  width: 55px;
}
.addon .addon-item [class*="icon"] {
  font-size: 12px;
}
.addon .input:first-child {
  padding-right: 55px;
}
.addon .input:last-child {
  padding-left: 55px;
}
.addon .addon-item + .input:not(:last-child) {
  padding-left: 55px;
  padding-right: 55px;
}
.addon-xsmall .addon-item,
.form-xsmall .addon .addon-item {
  width: 22px;
}
.addon-xsmall .addon-item [class*="icon"],
.form-xsmall .addon .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-xsmall .input:first-child,
.form-xsmall .addon .input:first-child {
  padding-right: 22px;
}
.addon-xsmall .input:last-child,
.form-xsmall .addon .input:last-child {
  padding-left: 22px;
}
.addon-xsmall .addon-item + .input:not(:last-child),
.form-xsmall .addon .addon-item + .input:not(:last-child) {
  padding-left: 22px;
  padding-right: 22px;
}
.addon-group-xsmall .addon-item,
.addon .btn .addon-item {
  width: 22px;
}
.addon-group-xsmall .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-group-xsmall .input:first-child,
.addon .btn .input:first-child {
  padding-right: 22px;
}
.addon-group-xsmall .input:last-child,
.addon .btn .input:last-child {
  padding-left: 22px;
}
.addon-group-xsmall .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 22px;
  padding-right: 22px;
}
.addon-small .addon-item,
.form-small .addon .addon-item {
  width: 30px;
}
.addon-small .addon-item [class*="icon"],
.form-small .addon .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-small .input:first-child,
.form-small .addon .input:first-child {
  padding-right: 30px;
}
.addon-small .input:last-child,
.form-small .addon .input:last-child {
  padding-left: 30px;
}
.addon-small .addon-item + .input:not(:last-child),
.form-small .addon .addon-item + .input:not(:last-child) {
  padding-left: 30px;
  padding-right: 30px;
}
.addon-group-small .addon-item,
.addon .btn .addon-item {
  width: 30px;
}
.addon-group-small .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 10px;
}
.addon-group-small .input:first-child,
.addon .btn .input:first-child {
  padding-right: 30px;
}
.addon-group-small .input:last-child,
.addon .btn .input:last-child {
  padding-left: 30px;
}
.addon-group-small .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 30px;
  padding-right: 30px;
}
.addon-medium .addon-item,
.form-medium .addon .addon-item {
  width: 55px;
}
.addon-medium .addon-item [class*="icon"],
.form-medium .addon .addon-item [class*="icon"] {
  font-size: 12px;
}
.addon-medium .input:first-child,
.form-medium .addon .input:first-child {
  padding-right: 55px;
}
.addon-medium .input:last-child,
.form-medium .addon .input:last-child {
  padding-left: 55px;
}
.addon-medium .addon-item + .input:not(:last-child),
.form-medium .addon .addon-item + .input:not(:last-child) {
  padding-left: 55px;
  padding-right: 55px;
}
.addon-group-medium .addon-item,
.addon .btn .addon-item {
  width: 55px;
}
.addon-group-medium .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 12px;
}
.addon-group-medium .input:first-child,
.addon .btn .input:first-child {
  padding-right: 55px;
}
.addon-group-medium .input:last-child,
.addon .btn .input:last-child {
  padding-left: 55px;
}
.addon-group-medium .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 55px;
  padding-right: 55px;
}
.addon-large .addon-item,
.form-large .addon .addon-item {
  width: 50px;
}
.addon-large .addon-item [class*="icon"],
.form-large .addon .addon-item [class*="icon"] {
  font-size: 14px;
}
.addon-large .input:first-child,
.form-large .addon .input:first-child {
  padding-right: 50px;
}
.addon-large .input:last-child,
.form-large .addon .input:last-child {
  padding-left: 50px;
}
.addon-large .addon-item + .input:not(:last-child),
.form-large .addon .addon-item + .input:not(:last-child) {
  padding-left: 50px;
  padding-right: 50px;
}
.addon-group-large .addon-item,
.addon .btn .addon-item {
  width: 50px;
}
.addon-group-large .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 14px;
}
.addon-group-large .input:first-child,
.addon .btn .input:first-child {
  padding-right: 50px;
}
.addon-group-large .input:last-child,
.addon .btn .input:last-child {
  padding-left: 50px;
}
.addon-group-large .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 50px;
  padding-right: 50px;
}
.addon-xlarge .addon-item,
.form-xlarge .addon .addon-item {
  width: 60px;
}
.addon-xlarge .addon-item [class*="icon"],
.form-xlarge .addon .addon-item [class*="icon"] {
  font-size: 18px;
}
.addon-xlarge .input:first-child,
.form-xlarge .addon .input:first-child {
  padding-right: 60px;
}
.addon-xlarge .input:last-child,
.form-xlarge .addon .input:last-child {
  padding-left: 60px;
}
.addon-xlarge .addon-item + .input:not(:last-child),
.form-xlarge .addon .addon-item + .input:not(:last-child) {
  padding-left: 60px;
  padding-right: 60px;
}
.addon-group-xlarge .addon-item,
.addon .btn .addon-item {
  width: 60px;
}
.addon-group-xlarge .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
  font-size: 18px;
}
.addon-group-xlarge .input:first-child,
.addon .btn .input:first-child {
  padding-right: 60px;
}
.addon-group-xlarge .input:last-child,
.addon .btn .input:last-child {
  padding-left: 60px;
}
.addon-group-xlarge .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
  padding-left: 60px;
  padding-right: 60px;
}

.selectBox-container {
  border-radius: 3px;
  position: relative;
}
.selectBox-container.short {
  width: 200px;
}
.selectBox-container.short .selectBox-dropdown {
  max-height: 50vh;
  overflow-y: scroll;
}
.selectBox-container.fixed .selectBox-dropdown {
  max-height: 200px;
  overflow-y: scroll;
}
.selectBox-container.wide {
  width: 100%;
}
.selectBox-container.wide .selectBox-selected {
  padding: 13px 43px 13px 14px;
}
.selectBox-container.wide .selectBox-selected:after {
  margin-right: 20px;
}
.selectBox-container.minimum-width {
  min-width: 95px;
}
.selectBox-container .selectBox-selected {
  position: relative;
  color: $color-default;
  border: 1px solid #e3e3e3;
  border-color: #e3e3e3;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  padding: 5px 30px 5px 10px;
  width: 100%;
  transition: $transition-all;
}
.selectBox-container .selectBox-selected:hover,
.selectBox-container .selectBox-selected:focus,
.selectBox-container .selectBox-selected:active {
  border-color: #c2c2c2;
}
.selectBox-container .selectBox-selected:after {
  content: '\f102';
  font-size: 20px;
  font-family: icons;
  position: absolute;
  top: 0;
  right: 5px;
  color: #777;
  transform: rotate(90deg);
  pointer-events: none;
  height: 100%;
}
.selectBox-container .selectBox-dropdown {
  position: absolute;
  z-index: 19;
  background-color: #fff;
  left: 0;
  border: 1px solid #c2c2c2;
  cursor: pointer;
  width: 100%;
  margin-top: -1px;
  font-weight: normal;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item {
  padding: 5px 10px 5px 10px;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item:hover {
  background: #117abb;
  color: #fff;
}