/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - https://paymentfont.com
 *  License - https://paymentfont.com/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'PaymentFont';
  src: url('/templates/my/dist/fonts/paymentfont-webfont.eot?v=1.2.5');
  src: url('/templates/my/dist/fonts/paymentfont-webfont.eot?#iefix&v=1.2.5') format('embedded-opentype'), url('/templates/my/dist/fonts/paymentfont-webfont.woff?v=1.2.5') format('woff'), url('/templates/my/dist/fonts/paymentfont-webfont.woff?v=1.2.5') format('woff'), url('/templates/my/dist/fonts/paymentfont-webfont.ttf?v=1.2.5') format('truetype'), url('/templates/my/dist/fonts/paymentfont-webfont.svg?v=1.2.5#paymentfont-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
.pf {
  display: inline-block;
  font: normal normal normal 14px/1 'PaymentFont';
  font-size: inherit;
  text-rendering: auto;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pf-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.pf-2x {
  font-size: 2em;
}
.pf-3x {
  font-size: 3em;
}
.pf-4x {
  font-size: 4em;
}
.pf-5x {
  font-size: 5em;
}
.pf-amazon:before {
  content: "\f000";
}
.pf-american-express:before {
  content: "\f001";
}
.pf-american-express-alt:before {
  content: "\f002";
}
.pf-atm:before {
  content: "\f003";
}
.pf-bankomat:before {
  content: "\f004";
}
.pf-bank-transfer:before {
  content: "\f005";
}
.pf-bitcoin:before {
  content: "\f006";
}
.pf-bitcoin-sign:before {
  content: "\f007";
}
.pf-braintree:before {
  content: "\f008";
}
.pf-btc:before {
  content: "\f009";
}
.pf-card:before {
  content: "\f00a";
}
.pf-carta-si:before {
  content: "\f00b";
}
.pf-cash:before {
  content: "\f00c";
}
.pf-cash-on-delivery:before {
  content: "\f00d";
}
.pf-cb:before {
  content: "\f00e";
}
.pf-cirrus:before {
  content: "\f00f";
}
.pf-cirrus-alt:before {
  content: "\f010";
}
.pf-clickandbuy:before {
  content: "\f011";
}
.pf-credit-card:before {
  content: "\f012";
}
.pf-diners:before {
  content: "\f013";
}
.pf-discover:before {
  content: "\f014";
}
.pf-ec:before {
  content: "\f015";
}
.pf-eps:before {
  content: "\f016";
}
.pf-eur:before {
  content: "\f017";
}
.pf-facture:before {
  content: "\f018";
}
.pf-fattura:before {
  content: "\f019";
}
.pf-flattr:before {
  content: "\f01a";
}
.pf-giropay:before {
  content: "\f01b";
}
.pf-google-wallet:before {
  content: "\f01c";
}
.pf-google-wallet-alt:before {
  content: "\f01d";
}
.pf-gbp:before {
  content: "\f01e";
}
.pf-gratipay:before {
  content: "\f01f";
}
.pf-ideal:before {
  content: "\f020";
}
.pf-ils:before {
  content: "\f021";
}
.pf-inr:before {
  content: "\f022";
}
.pf-invoice:before {
  content: "\f023";
}
.pf-invoice-sign:before {
  content: "\f024";
}
.pf-invoice-sign-alt:before {
  content: "\f025";
}
.pf-invoice-sign-alt-o:before {
  content: "\f026";
}
.pf-invoice-sign-o:before {
  content: "\f027";
}
.pf-jcb:before {
  content: "\f028";
}
.pf-jpy:before {
  content: "\f029";
}
.pf-krw:before {
  content: "\f02a";
}
.pf-maestro:before {
  content: "\f02b";
}
.pf-maestro-alt:before {
  content: "\f02c";
}
.pf-mastercard:before {
  content: "\f02d";
}
.pf-mastercard-alt:before {
  content: "\f02e";
}
.pf-mastercard-securecode:before {
  content: "\f02f";
}
.pf-ogone:before {
  content: "\f030";
}
.pf-paybox:before {
  content: "\f031";
}
.pf-paylife:before {
  content: "\f032";
}
.pf-paypal:before {
  content: "\f033";
}
.pf-paypal-alt:before {
  content: "\f034";
}
.pf-paysafecard:before {
  content: "\f035";
}
.pf-postepay:before {
  content: "\f036";
}
.pf-quick:before {
  content: "\f037";
}
.pf-rechnung:before {
  content: "\f038";
}
.pf-ripple:before {
  content: "\f039";
}
.pf-rub:before {
  content: "\f03a";
}
.pf-skrill:before {
  content: "\f03b";
}
.pf-sofort:before {
  content: "\f03c";
}
.pf-square:before {
  content: "\f03d";
}
.pf-stripe:before {
  content: "\f03e";
}
.pf-truste:before {
  content: "\f03f";
}
.pf-try:before {
  content: "\f040";
}
.pf-unionpay:before {
  content: "\f041";
}
.pf-usd:before {
  content: "\f042";
}
.pf-verified-by-visa:before {
  content: "\f043";
}
.pf-verisign:before {
  content: "\f044";
}
.pf-visa:before {
  content: "\f045";
}
.pf-visa-electron:before {
  content: "\f046";
}
.pf-western-union:before {
  content: "\f047";
}
.pf-western-union-alt:before {
  content: "\f048";
}
.pf-wirecard:before {
  content: "\f049";
}
.pf-sepa:before {
  content: "\f04a";
}
.pf-sepa-alt:before {
  content: "\f04b";
}
.pf-apple-pay:before {
  content: "\f04c";
}
.pf-interac:before {
  content: "\f04d";
}
.pf-paymill:before {
  content: "\f04e";
}
.pf-dankort:before {
  content: "\f04f";
}
.pf-bancontact-mister-cash:before {
  content: "\f050";
}
.pf-moip:before {
  content: "\f051";
}
.pf-pagseguro:before {
  content: "\f052";
}
.pf-cash-on-pickup:before {
  content: "\f053";
}
.pf-sage:before {
  content: "\f054";
}
.pf-elo:before {
  content: "\f055";
}
.pf-elo-alt:before {
  content: "\f056";
}
.pf-payu:before {
  content: "\f057";
}
.pf-mercado-pago:before {
  content: "\f058";
}
.pf-mercado-pago-sign:before {
  content: "\f059";
}
.pf-payshop:before {
  content: "\f05a";
}
.pf-multibanco:before {
  content: "\f05b";
}
.pf-gratipay-sign:before {
  content: "\f05c";
}
.pf-six:before {
  content: "\f05d";
}
.pf-cashcloud:before {
  content: "\f05e";
}
.pf-interac-alt:before {
  content: "\f05f";
}
.pf-klarna:before {
  content: "\f060";
}
.pf-bitpay:before {
  content: "\f061";
}
.pf-venmo:before {
  content: "\f062";
}
.pf-visa-debit:before {
  content: "\f063";
}
.pf-alipay:before {
  content: "\f064";
}
.pf-diners-alt:before {
  content: "\f065";
}
.pf-hipercard:before {
  content: "\f066";
}
.pf-skrill-alt:before {
  content: "\f067";
}
.pf-shopify:before {
  content: "\f068";
}
.pf-direct-debit:before {
  content: "\f069";
}
.pf-sodexo:before {
  content: "\f06a";
}
.pf-bpay:before {
  content: "\f06b";
}
.pf-contactless:before {
  content: "\f06c";
}
.pf-contactless-alt:before {
  content: "\f06d";
}
.pf-eth:before {
  content: "\f06e";
}
.pf-ltc:before {
  content: "\f06f";
}
.pf-visa-pay:before {
  content: "\f070";
}
.pf-wechat-pay:before {
  content: "\f071";
}
.pf-amazon-pay:before {
  content: "\f072";
}
.pf-amazon-pay-alt:before {
  content: "\f073";
}
@font-face {
  font-family: 'Mono Social Icons Font';
  src: url('/templates/my/dist/fonts/MonoSocialIconsFont-1.10.eot');
  src: url('/templates/my/dist/fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('/templates/my/dist/fonts/MonoSocialIconsFont-1.10.woff') format('woff'), url('/templates/my/dist/fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('/templates/my/dist/fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
  src: url('/templates/my/dist/fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.symbol,
a.symbol:before {
  font-family: 'Mono Social Icons Font';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
a.symbol:before {
  content: attr(title);
  margin-right: 0.3em;
  font-size: 130%;
}
.reset {
  list-style: none;
  padding: 0;
}
.btn {
  border-radius: 0;
  border-width: 2px;
  cursor: pointer;
}
.grey {
  color: #999;
}
.gray0 {
  color: #f8f9fa;
}
.gray1 {
  color: #f1f3f5;
}
.gray2 {
  color: #e9ecef;
}
.gray3 {
  color: #dee2e6;
}
.gray4 {
  color: #ced4da;
}
.gray5 {
  color: #adb5bd;
}
.gray6 {
  color: #868e96;
}
.gray7 {
  color: #495057;
}
.gray8 {
  color: #343a40;
}
.gray9 {
  color: #212529;
}
.red0 {
  color: #fff5f5;
}
.red1 {
  color: #ffe3e3;
}
.red2 {
  color: #ffc9c9;
}
.red3 {
  color: #ffa8a8;
}
.red4 {
  color: #ff8787;
}
.red5 {
  color: #ff6b6b;
}
.red6 {
  color: #fa5252;
}
.red7 {
  color: #f03e3e;
}
.red8 {
  color: #e03131;
}
.red9 {
  color: #c92a2a;
}
.orange0 {
  color: #fff4e6;
}
.orange1 {
  color: #ffe8cc;
}
.orange2 {
  color: #ffd8a8;
}
.orange3 {
  color: #ffc078;
}
.orange4 {
  color: #ffa94d;
}
.orange5 {
  color: #ff922b;
}
.orange6 {
  color: #fd7e14;
}
.orange7 {
  color: #f76707;
}
.orange8 {
  color: #e8590c;
}
.orange9 {
  color: #d9480f;
}
.yellow0 {
  color: #fff9db;
}
.yellow1 {
  color: #fff3bf;
}
.yellow2 {
  color: #ffec99;
}
.yellow3 {
  color: #ffe066;
}
.yellow4 {
  color: #ffd43b;
}
.yellow5 {
  color: #fcc419;
}
.yellow6 {
  color: #fab005;
}
.yellow7 {
  color: #f59f00;
}
.yellow8 {
  color: #f08c00;
}
.yellow9 {
  color: #e67700;
}
.green0 {
  color: #ebfbee;
}
.green1 {
  color: #d3f9d8;
}
.green2 {
  color: #b2f2bb;
}
.green3 {
  color: #8ce99a;
}
.green4 {
  color: #69db7c;
}
.green5 {
  color: #51cf66;
}
.green6 {
  color: #40c057;
}
.green7 {
  color: #37b24d;
}
.green8 {
  color: #2f9e44;
}
.green9 {
  color: #2b8a3e;
}
.teal0 {
  color: #e6fcf5;
}
.teal1 {
  color: #c3fae8;
}
.teal2 {
  color: #96f2d7;
}
.teal3 {
  color: #63e6be;
}
.teal4 {
  color: #38d9a9;
}
.teal5 {
  color: #20c997;
}
.teal6 {
  color: #12b886;
}
.teal7 {
  color: #0ca678;
}
.teal8 {
  color: #099268;
}
.teal9 {
  color: #087f5b;
}
.cyan {
  color: #15aabf;
}
.cyan0 {
  color: #e3fafc;
}
.cyan1 {
  color: #c5f6fa;
}
.cyan2 {
  color: #99e9f2;
}
.cyan3 {
  color: #66d9e8;
}
.cyan4 {
  color: #3bc9db;
}
.cyan5 {
  color: #22b8cf;
}
.cyan6 {
  color: #15aabf;
}
.cyan7 {
  color: #1098ad;
}
.cyan8 {
  color: #0c8599;
}
.cyan9 {
  color: #0b7285;
}
.blue0 {
  color: #e8f7ff;
}
.blue1 {
  color: #ccedff;
}
.blue2 {
  color: #a3daff;
}
.blue3 {
  color: #72c3fc;
}
.blue4 {
  color: #4dadf7;
}
.blue5 {
  color: #329af0;
}
.blue6 {
  color: #228ae6;
}
.blue7 {
  color: #1c7cd6;
}
.blue8 {
  color: #1b6ec2;
}
.blue9 {
  color: #1862ab;
}
.indigo {
  color: #4c6ef5;
}
.indigo0 {
  color: #edf2ff;
}
.indigo1 {
  color: #dbe4ff;
}
.indigo2 {
  color: #bac8ff;
}
.indigo3 {
  color: #91a7ff;
}
.indigo4 {
  color: #748ffc;
}
.indigo5 {
  color: #5c7cfa;
}
.indigo6 {
  color: #4c6ef5;
}
.indigo7 {
  color: #4263eb;
}
.indigo8 {
  color: #3b5bdb;
}
.indigo9 {
  color: #364fc7;
}
.violet {
  color: #7950f2;
}
.violet0 {
  color: #f3f0ff;
}
.violet1 {
  color: #e5dbff;
}
.violet2 {
  color: #d0bfff;
}
.violet3 {
  color: #b197fc;
}
.violet4 {
  color: #9775fa;
}
.violet5 {
  color: #845ef7;
}
.violet6 {
  color: #7950f2;
}
.violet7 {
  color: #7048e8;
}
.violet8 {
  color: #6741d9;
}
.violet9 {
  color: #5f3dc4;
}
.grape {
  color: #be4bdb;
}
.grape0 {
  color: #f8f0fc;
}
.grape1 {
  color: #f3d9fa;
}
.grape2 {
  color: #eebefa;
}
.grape3 {
  color: #e599f7;
}
.grape4 {
  color: #da77f2;
}
.grape5 {
  color: #cc5de8;
}
.grape6 {
  color: #be4bdb;
}
.grape7 {
  color: #ae3ec9;
}
.grape8 {
  color: #9c36b5;
}
.grape9 {
  color: #862e9c;
}
.pink {
  color: #f783ac;
}
.pink0 {
  color: #fff0f6;
}
.pink1 {
  color: #ffdeeb;
}
.pink2 {
  color: #fcc2d7;
}
.pink3 {
  color: #faa2c1;
}
.pink4 {
  color: #f783ac;
}
.pink5 {
  color: #f06595;
}
.pink6 {
  color: #e64980;
}
.pink7 {
  color: #d6336c;
}
.pink8 {
  color: #c2255c;
}
.pink9 {
  color: #a61e4d;
}
.info0 {
  color: #e8f7ff;
}
.info1 {
  color: #ccedff;
}
.info2 {
  color: #a3daff;
}
.info3 {
  color: #72c3fc;
}
.info4 {
  color: #4dadf7;
}
.info5 {
  color: #329af0;
}
.info6 {
  color: #228ae6;
}
.info7 {
  color: #1c7cd6;
}
.info8 {
  color: #1b6ec2;
}
.info9 {
  color: #1862ab;
}
.success0 {
  color: #ebfbee;
}
.success1 {
  color: #d3f9d8;
}
.success2 {
  color: #b2f2bb;
}
.success3 {
  color: #8ce99a;
}
.success4 {
  color: #69db7c;
}
.success5 {
  color: #51cf66;
}
.success6 {
  color: #40c057;
}
.success7 {
  color: #37b24d;
}
.success8 {
  color: #2f9e44;
}
.success9 {
  color: #2b8a3e;
}
.danger0 {
  color: #fff5f5;
}
.danger1 {
  color: #ffe3e3;
}
.danger2 {
  color: #ffc9c9;
}
.danger3 {
  color: #ffa8a8;
}
.danger4 {
  color: #ff8787;
}
.danger5 {
  color: #ff6b6b;
}
.danger6 {
  color: #fa5252;
}
.danger7 {
  color: #f03e3e;
}
.danger8 {
  color: #e03131;
}
.danger9 {
  color: #c92a2a;
}
.warning0 {
  color: #fff9db;
}
.warning1 {
  color: #fff3bf;
}
.warning2 {
  color: #ffec99;
}
.warning3 {
  color: #ffe066;
}
.warning4 {
  color: #ffd43b;
}
.warning5 {
  color: #fcc419;
}
.warning6 {
  color: #fab005;
}
.warning7 {
  color: #f59f00;
}
.warning8 {
  color: #f08c00;
}
.warning9 {
  color: #e67700;
}
.bg-gray0 {
  background-color: #f8f9fa;
}
.bg-gray1 {
  background-color: #f1f3f5;
}
.bg-gray2 {
  background-color: #e9ecef;
}
.bg-gray3 {
  background-color: #dee2e6;
}
.bg-gray4 {
  background-color: #ced4da;
}
.bg-gray5 {
  background-color: #adb5bd;
}
.bg-gray6 {
  background-color: #868e96;
}
.bg-gray7 {
  background-color: #495057;
}
.bg-gray8 {
  background-color: #343a40;
}
.bg-gray9 {
  background-color: #212529;
}
.bg-red0 {
  background-color: #fff5f5;
}
.bg-red1 {
  background-color: #ffe3e3;
}
.bg-red2 {
  background-color: #ffc9c9;
}
.bg-red3 {
  background-color: #ffa8a8;
}
.bg-red4 {
  background-color: #ff8787;
}
.bg-red5 {
  background-color: #ff6b6b;
}
.bg-red6 {
  background-color: #fa5252;
}
.bg-red7 {
  background-color: #f03e3e;
}
.bg-red8 {
  background-color: #e03131;
}
.bg-red9 {
  background-color: #c92a2a;
}
.bg-orange0 {
  background-color: #fff4e6;
}
.bg-orange1 {
  background-color: #ffe8cc;
}
.bg-orange2 {
  background-color: #ffd8a8;
}
.bg-orange3 {
  background-color: #ffc078;
}
.bg-orange4 {
  background-color: #ffa94d;
}
.bg-orange5 {
  background-color: #ff922b;
}
.bg-orange6 {
  background-color: #fd7e14;
}
.bg-orange7 {
  background-color: #f76707;
}
.bg-orange8 {
  background-color: #e8590c;
}
.bg-orange9 {
  background-color: #d9480f;
}
.bg-yellow0 {
  background-color: #fff9db;
}
.bg-yellow1 {
  background-color: #fff3bf;
}
.bg-yellow2 {
  background-color: #ffec99;
}
.bg-yellow3 {
  background-color: #ffe066;
}
.bg-yellow4 {
  background-color: #ffd43b;
}
.bg-yellow5 {
  background-color: #fcc419;
}
.bg-yellow6 {
  background-color: #fab005;
}
.bg-yellow7 {
  background-color: #f59f00;
}
.bg-yellow8 {
  background-color: #f08c00;
}
.bg-yellow9 {
  background-color: #e67700;
}
.bg-green0 {
  background-color: #ebfbee;
}
.bg-green1 {
  background-color: #d3f9d8;
}
.bg-green2 {
  background-color: #b2f2bb;
}
.bg-green3 {
  background-color: #8ce99a;
}
.bg-green4 {
  background-color: #69db7c;
}
.bg-green5 {
  background-color: #51cf66;
}
.bg-green6 {
  background-color: #40c057;
}
.bg-green7 {
  background-color: #37b24d;
}
.bg-green8 {
  background-color: #2f9e44;
}
.bg-green9 {
  background-color: #2b8a3e;
}
.bg-teal0 {
  background-color: #e6fcf5;
}
.bg-teal1 {
  background-color: #c3fae8;
}
.bg-teal2 {
  background-color: #96f2d7;
}
.bg-teal3 {
  background-color: #63e6be;
}
.bg-teal4 {
  background-color: #38d9a9;
}
.bg-teal5 {
  background-color: #20c997;
}
.bg-teal6 {
  background-color: #12b886;
}
.bg-teal7 {
  background-color: #0ca678;
}
.bg-teal8 {
  background-color: #099268;
}
.bg-teal9 {
  background-color: #087f5b;
}
.bg-cyan {
  background-color: #15aabf;
}
.bg-cyan0 {
  background-color: #e3fafc;
}
.bg-cyan1 {
  background-color: #c5f6fa;
}
.bg-cyan2 {
  background-color: #99e9f2;
}
.bg-cyan3 {
  background-color: #66d9e8;
}
.bg-cyan4 {
  background-color: #3bc9db;
}
.bg-cyan5 {
  background-color: #22b8cf;
}
.bg-cyan6 {
  background-color: #15aabf;
}
.bg-cyan7 {
  background-color: #1098ad;
}
.bg-cyan8 {
  background-color: #0c8599;
}
.bg-cyan9 {
  background-color: #0b7285;
}
.bg-blue0 {
  background-color: #e8f7ff;
}
.bg-blue1 {
  background-color: #ccedff;
}
.bg-blue2 {
  background-color: #a3daff;
}
.bg-blue3 {
  background-color: #72c3fc;
}
.bg-blue4 {
  background-color: #4dadf7;
}
.bg-blue5 {
  background-color: #329af0;
}
.bg-blue6 {
  background-color: #228ae6;
}
.bg-blue7 {
  background-color: #1c7cd6;
}
.bg-blue8 {
  background-color: #1b6ec2;
}
.bg-blue9 {
  background-color: #1862ab;
}
.bg-indigo {
  background-color: #4c6ef5;
}
.bg-indigo0 {
  background-color: #edf2ff;
}
.bg-indigo1 {
  background-color: #dbe4ff;
}
.bg-indigo2 {
  background-color: #bac8ff;
}
.bg-indigo3 {
  background-color: #91a7ff;
}
.bg-indigo4 {
  background-color: #748ffc;
}
.bg-indigo5 {
  background-color: #5c7cfa;
}
.bg-indigo6 {
  background-color: #4c6ef5;
}
.bg-indigo7 {
  background-color: #4263eb;
}
.bg-indigo8 {
  background-color: #3b5bdb;
}
.bg-indigo9 {
  background-color: #364fc7;
}
.bg-violet {
  background-color: #7950f2;
}
.bg-violet0 {
  background-color: #f3f0ff;
}
.bg-violet1 {
  background-color: #e5dbff;
}
.bg-violet2 {
  background-color: #d0bfff;
}
.bg-violet3 {
  background-color: #b197fc;
}
.bg-violet4 {
  background-color: #9775fa;
}
.bg-violet5 {
  background-color: #845ef7;
}
.bg-violet6 {
  background-color: #7950f2;
}
.bg-violet7 {
  background-color: #7048e8;
}
.bg-violet8 {
  background-color: #6741d9;
}
.bg-violet9 {
  background-color: #5f3dc4;
}
.bg-grape {
  background-color: #be4bdb;
}
.bg-grape0 {
  background-color: #f8f0fc;
}
.bg-grape1 {
  background-color: #f3d9fa;
}
.bg-grape2 {
  background-color: #eebefa;
}
.bg-grape3 {
  background-color: #e599f7;
}
.bg-grape4 {
  background-color: #da77f2;
}
.bg-grape5 {
  background-color: #cc5de8;
}
.bg-grape6 {
  background-color: #be4bdb;
}
.bg-grape7 {
  background-color: #ae3ec9;
}
.bg-grape8 {
  background-color: #9c36b5;
}
.bg-grape9 {
  background-color: #862e9c;
}
.bg-pink0 {
  background-color: #fff0f6;
}
.bg-pink1 {
  background-color: #ffdeeb;
}
.bg-pink2 {
  background-color: #fcc2d7;
}
.bg-pink3 {
  background-color: #faa2c1;
}
.bg-pink4 {
  background-color: #f783ac;
}
.bg-pink5 {
  background-color: #f06595;
}
.bg-pink6 {
  background-color: #e64980;
}
.bg-pink7 {
  background-color: #d6336c;
}
.bg-pink8 {
  background-color: #c2255c;
}
.bg-pink9 {
  background-color: #a61e4d;
}
.bg-info0 {
  background-color: #e8f7ff;
}
.bg-info1 {
  background-color: #ccedff;
}
.bg-info2 {
  background-color: #a3daff;
}
.bg-info3 {
  background-color: #72c3fc;
}
.bg-info4 {
  background-color: #4dadf7;
}
.bg-info5 {
  background-color: #329af0;
}
.bg-info6 {
  background-color: #228ae6;
}
.bg-info7 {
  background-color: #1c7cd6;
}
.bg-info8 {
  background-color: #1b6ec2;
}
.bg-info9 {
  background-color: #1862ab;
}
.bg-success0 {
  background-color: #ebfbee;
}
.bg-success1 {
  background-color: #d3f9d8;
}
.bg-success2 {
  background-color: #b2f2bb;
}
.bg-success3 {
  background-color: #8ce99a;
}
.bg-success4 {
  background-color: #69db7c;
}
.bg-success5 {
  background-color: #51cf66;
}
.bg-success6 {
  background-color: #40c057;
}
.bg-success7 {
  background-color: #37b24d;
}
.bg-success8 {
  background-color: #2f9e44;
}
.bg-success9 {
  background-color: #2b8a3e;
}
.bg-danger0 {
  background-color: #fff5f5;
}
.bg-danger1 {
  background-color: #ffe3e3;
}
.bg-danger2 {
  background-color: #ffc9c9;
}
.bg-danger3 {
  background-color: #ffa8a8;
}
.bg-danger4 {
  background-color: #ff8787;
}
.bg-danger5 {
  background-color: #ff6b6b;
}
.bg-danger6 {
  background-color: #fa5252;
}
.bg-danger7 {
  background-color: #f03e3e;
}
.bg-danger8 {
  background-color: #e03131;
}
.bg-danger9 {
  background-color: #c92a2a;
}
.bg-warning0 {
  background-color: #fff9db;
}
.bg-warning1 {
  background-color: #fff3bf;
}
.bg-warning2 {
  background-color: #ffec99;
}
.bg-warning3 {
  background-color: #ffe066;
}
.bg-warning4 {
  background-color: #ffd43b;
}
.bg-warning5 {
  background-color: #fcc419;
}
.bg-warning6 {
  background-color: #fab005;
}
.bg-warning7 {
  background-color: #f59f00;
}
.bg-warning8 {
  background-color: #f08c00;
}
.bg-warning9 {
  background-color: #e67700;
}
.bg-black-90 {
  background-color: rgba(33, 37, 41, 0.9);
}
.bg-black-80 {
  background-color: rgba(33, 37, 41, 0.8);
}
.bg-black-70 {
  background-color: rgba(33, 37, 41, 0.7);
}
.bg-black-60 {
  background-color: rgba(33, 37, 41, 0.6);
}
.bg-black-50 {
  background-color: rgba(33, 37, 41, 0.5);
}
.bg-black-40 {
  background-color: rgba(33, 37, 41, 0.4);
}
.bg-black-30 {
  background-color: rgba(33, 37, 41, 0.3);
}
.bg-black-20 {
  background-color: rgba(33, 37, 41, 0.2);
}
.bg-black-10 {
  background-color: rgba(33, 37, 41, 0.1);
}
.bg-black-05 {
  background-color: rgba(33, 37, 41, 0.05);
}
.bg-white-90 {
  background-color: rgba(248, 249, 250, 0.9);
}
.bg-white-80 {
  background-color: rgba(248, 249, 250, 0.8);
}
.bg-white-70 {
  background-color: rgba(248, 249, 250, 0.7);
}
.bg-white-60 {
  background-color: rgba(248, 249, 250, 0.6);
}
.bg-white-50 {
  background-color: rgba(248, 249, 250, 0.5);
}
.bg-white-40 {
  background-color: rgba(248, 249, 250, 0.4);
}
.bg-white-30 {
  background-color: rgba(248, 249, 250, 0.3);
}
.bg-white-20 {
  background-color: rgba(248, 249, 250, 0.2);
}
.bg-white-10 {
  background-color: rgba(248, 249, 250, 0.1);
}
.bg-black {
  background-color: #000;
}
.bg-near-black {
  background-color: #212529;
}
.bg-dark-gray {
  background-color: #868e96;
}
.bg-mid-gray {
  background-color: #495057;
}
.bg-gray {
  background-color: #343a40;
}
.bg-silver {
  background-color: #adb5bd;
}
.bg-light-silver {
  background-color: #ced4da;
}
.bg-moon-gray {
  background-color: #dee2e6;
}
.bg-light-gray {
  background-color: #ced4da;
}
.bg-near-white {
  background-color: #f8f9fa;
}
.bg-white {
  background-color: #fff;
}
.bg-transparent {
  background-color: rgba(33, 37, 41, 0);
}
.bg-dark-red {
  background-color: #f03e3e;
}
.bg-red {
  background-color: #fa5252;
}
.bg-light-red {
  background-color: #ff8787;
}
.bg-orange {
  background-color: #fd7e14;
}
.bg-gold {
  background-color: #fcc419;
}
.bg-yellow {
  background-color: #ffd43b;
}
.bg-light-yellow {
  background-color: #ffe066;
}
.bg-purple {
  background-color: #7950f2;
}
.bg-light-purple {
  background-color: #9775fa;
}
.bg-dark-pink {
  background-color: #f06595;
}
.bg-hot-pink {
  background-color: #c2255c;
}
.bg-pink {
  background-color: #f783ac;
}
.bg-light-pink {
  background-color: #faa2c1;
}
.bg-dark-green {
  background-color: #37b24d;
}
.bg-green {
  background-color: #40c057;
}
.bg-light-green {
  background-color: #69db7c;
}
.bg-navy {
  background-color: #1862ab;
}
.bg-dark-blue {
  background-color: #1c7cd6;
}
.bg-blue {
  background-color: #228ae6;
}
.bg-light-blue {
  background-color: #4dadf7;
}
.bg-lightest-blue {
  background-color: #ccedff;
}
.bg-washed-blue {
  background-color: #e8f7ff;
}
.bg-washed-green {
  background-color: #ebfbee;
}
.bg-washed-yellow {
  background-color: #fff9db;
}
.bg-washed-red {
  background-color: #fff5f5;
}
.bg-inherit {
  background-color: inherit;
}
.ph0 {
  padding-left: 0;
  padding-right: 0;
}
.ph1 {
  padding-left: .25rem;
  padding-right: .25rem;
}
.ph2 {
  padding-left: .5rem;
  padding-right: .5rem;
}
.ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ph4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ph5 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ph6 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.ph7 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-33 {
  width: 33%;
}
.w-34 {
  width: 34%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-third {
  width: 33.33333%;
}
.w-two-thirds {
  width: 66.66667%;
}
.w-auto {
  width: auto;
}
.pa1 {
  padding: .25rem;
}
.pa2 {
  padding: .5rem;
}
.br4 {
  border-radius: 1rem;
}
.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.center-v {
  top: 50%;
  transform: translateY(-50%);
}
.center-h {
  left: 50%;
  transform: translateX(-50%);
}
.center-a {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.licenseType {
  position: relative;
}
.licenseType label {
  cursor: pointer;
  line-height: 30px;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 10px;
  background: #ebebeb;
  -webkit-box-shadow: inset 2px 1px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 2px 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.licenseType label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.licenseType label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.licenseType label.selected {
  color: #fff;
  background: #40c057;
}
/* Promo Part */
#parallax {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  height: 630px;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: all ease .8s;
  -webkit-transition: all ease .8s;
}
#parallax:after {
  content: '';
  position: absolute;
  top: -10px;
  bottom: 0;
  right: -10px;
  left: -10px;
  z-index: -1;
  filter: blur(5px);
  background: url('/templates/my/images/programmist-razrabotchik.jpg') no-repeat center top !important;
}
#parallax .container {
  height: 100%;
  position: relative;
}
.parallax-item-text {
  position: absolute !important;
  bottom: 0;
  left: 0;
  margin: 0 0 7.5% 15px;
  text-align: left;
  letter-spacing: -0.022em;
}
.parallax-item_row1 {
  font-size: 56px;
  line-height: 1.1em;
}
.parallax-item_row2 {
  font-weight: 800;
  font-size: 68px;
  line-height: 1.1em;
  color: #fff;
}
.more {
  position: relative;
  font-size: 14px;
  font-weight: 800;
  padding: 13px 22px;
  margin-top: 16%;
  height: 46px;
  line-height: 20px;
  border-radius: 2px;
  overflow: hidden;
  text-transform: uppercase;
  text-decoration: none !important;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  color: #313133;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: padding-left ease 0.6s;
  -webkit-transition: padding-left ease 0.6s;
}
.more:hover {
  padding-left: 50px;
  color: inherit;
}
.more.ico:before {
  width: 18px;
  height: 14px;
  background-position: -190px -67px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  opacity: 0;
  visibility: hidden;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
}
.more.ico:hover:before {
  left: 22px;
  opacity: 1;
  visibility: visible;
}
.payments {
  margin: 0 -10px;
}
.payments li {
  background: rgba(235, 235, 235, 0.3);
  border-radius: 3px;
  margin: 0 10px 10px;
  padding: 2px 15px;
  font-size: 32px;
  display: inline-block;
  opacity: 0.7;
}
.contactBox li {
  display: block;
  overflow: hidden;
  margin-bottom: 24px;
}
.contactBox a {
  font-size: 14px;
  display: block;
  text-decoration: none;
  color: inherit;
}
.contactBox a svg {
  width: 28px;
  float: left;
  padding-right: 10px;
}
.contactBox a svg g path {
  fill: #727a88;
  transition: 800ms;
  transition-timing-function: ease-in-out;
  -webkit-transition: 800ms;
  -webkit-transition-timing-function: ease-in-out;
}
.contactBox a:hover {
  color: inherit;
}
.contactBox a:hover g path {
  fill: #48A0DC;
}
.boxItem {
  margin-top: 60px;
  position: relative;
  padding-bottom: 60px;
}
.boxItem h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
.boxItem:before {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 0;
  content: '';
  height: 1px;
  background: #f3f4f4;
  background: -moz-linear-gradient(left, #f3f4f4 0%, #ebebeb 27%, #ebebeb 73%, #f3f4f4 100%);
  background: -webkit-linear-gradient(left, #f3f4f4 0%, #ebebeb 27%, #ebebeb 73%, #f3f4f4 100%);
  background: linear-gradient(to right, #f3f4f4 0%, #ebebeb 27%, #ebebeb 73%, #f3f4f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
#header.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  -webkit-box-shadow: 0 4px 20px 0 rgba(207, 218, 229, 0.6);
  box-shadow: 0 4px 20px 0 rgba(207, 218, 229, 0.6);
  background-color: #fff;
}
#header .social {
  display: inline-block;
}
#header .social li {
  display: inline-block;
}
#header .social li a {
  display: block;
  font-size: 14px;
  width: 30px;
  height: 30px;
  border: 2px solid #5d6977;
  border-radius: 50%;
  color: #5d6977;
  text-align: center;
  line-height: 26px;
}
#header .social li a .fa {
  font-size: 12px !important;
}
#header .social li a:hover {
  animation-name: pulse;
}
#header .social li.facebook a {
  border-color: #435b81;
  color: #435b81;
}
#header .social li.google a {
  border-color: #a84343;
  color: #a84343;
}
.mainpage #header:not(.sticky) {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  z-index: 1200;
}
@media (min-width: 769px) {
  .mainpage #header:not(.sticky) .logo .icon {
    filter: brightness(0) invert(1);
  }
  .mainpage #header:not(.sticky) .logo .icon:hover {
    filter: brightness(1) invert(1);
  }
}
.mainpage #header:not(.sticky) a {
  color: #fff;
}
.showfull #header {
  background: #fff;
}
/* --- Новости --- */
.story {
  position: relative;
}
.story .title {
  margin: -0.1em 0 0.8em 0;
}
.story .title > a {
  color: inherit;
  text-decoration: none !important;
  -webkit-transition: color ease .2s;
  transition: color ease .2s;
}
.story .title > a:hover {
  color: #95c00e;
}
.story_top {
  margin-bottom: 1.5em;
  margin-top: -.8em;
}
.story_top .date {
  font-weight: bold;
  font-size: .86em;
}
/* Вложения */
.attachment > a {
  color: inherit;
  display: block;
  margin: .4em 0;
}
.attachment > a > .icon {
  fill: #95c00e;
  width: 16px;
  height: 17px;
  margin: -0.2em 0.6em 0 0;
}
/* Важная новость */
.badge-sm {
  border-radius: 3px;
  padding: 4px 7px 3px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}
.badge-warning {
  /* color: #976318;
    background-color: #fcf5d1; */
  -webkit-box-shadow: 0 7px 10px rgba(255, 193, 7, 0.4) !important;
  -moz-box-shadow: 0 7px 10px rgba(255, 193, 7, 0.4) !important;
  box-shadow: 0 7px 10px rgba(255, 193, 7, 0.4) !important;
}
.nav-tabs {
  width: 100%;
  background: none;
  border-bottom: none;
  margin-bottom: 15px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border: none;
  border-radius: 5px;
  font-weight: bold;
}
.postItem {
  margin-top: 60px;
  position: relative;
}
.postItem img {
  max-width: 100%;
}
/* Поделиться от Yandex */
.share {
  float: left;
  margin: 10px 0 0 10px;
}
.share a .ya-share2__badge {
  background-color: #1a1a1a;
}
.share a:hover .ya-share2__badge {
  background-color: #95c00e;
}
.share .ya-share2__container_size_s .ya-share2__icon {
  width: 21px;
  height: 21px;
  background-size: 21px 21px;
}
.orderTable {
  width: 100%;
}
.orderTable tbody tr {
  vertical-align: middle;
}
.orderTable tbody tr:first-child td {
  border-top: 0;
  padding-top: 0;
}
.orderTable tbody tr td {
  border-top-style: solid;
  border-width: .125rem;
  border-color: #ebebeb;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.ft_list {
  display: block;
}
.ft_list li {
  margin: 0 0 14px;
}
.ft_list li .titles {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.ft_list li .titles a {
  color: #414141;
  text-decoration: none;
}
.ft_list li .date {
  display: block;
  padding: 2px 0 0 0;
  color: #888;
}
.cms {
  margin: 0 -10px;
}
.cms li {
  display: inline-block;
}
.cms li img {
  height: 96px;
}
.cms li img:hover {
  animation-name: pulse;
}
.reviewsList .reviewsItem {
  position: relative;
  margin: 0 0 30px 0;
}
.reviewsList .reviewsItem .text {
  position: relative;
  padding: 50px;
  background: #fff;
  border-radius: 6px;
  color: #b8b9bd;
  font-size: 14px;
  z-index: 1;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, 0.07000000000000001);
}
.reviewsList .reviewsItem .text.border-danger {
  box-shadow: 0 25px 20px -21px rgba(216, 64, 52, 0.07000000000000001);
}
.reviewsList .reviewsItem .text.border-success {
  box-shadow: 0 25px 20px -21px rgba(40, 167, 69, 0.07000000000000001);
}
.reviewsList .reviewsItem .text p {
  margin-bottom: 20px;
}
.reviewsList .reviewsItem .text p:last-of-type {
  margin-bottom: 0;
}
.reviewsList .reviewsItem .text:before {
  position: absolute;
  top: 0;
  left: 20px;
  content: '"';
  font-size: 80px;
}
.reviewsList .reviewsItem .info {
  text-align: center;
  padding: 10px 0 0;
  color: #1a1a1a;
  font-size: 14px;
  margin-top: -50px;
  line-height: 22px;
  z-index: 3;
  position: relative;
}
.reviewsList .reviewsItem .info span {
  font-weight: bold;
  font-size: 16px;
  color: #b8b9bd;
}
.reviewsListBtn {
  margin-top: 40px;
}
#main-about {
  background: #3C3C40;
  padding: 20px 0;
}
#main-about h4 {
  color: #fff;
}
#main-about .boxItem:before {
  display: none;
}
#main-about .infos {
  color: #fff;
  position: relative;
  z-index: 1;
}
#main-about .infos a {
  color: inherit;
}
#main-about .infos p {
  margin-bottom: 20px;
}
#main-about .infos p:last-child {
  margin-bottom: 0;
}
#main-about .infos .btn {
  background: #E2440E;
}
#main-about .infos .btn:hover {
  opacity: 0.7;
}
.notifyjs-corner {
  z-index: 9999 !important;
}
.notifyjs-foo-base {
  width: 240px;
  font-size: 11px !important;
  padding: 10px 15px;
  border-radius: 3px;
}
.notifyjs-foo-success {
  color: #fff;
  background-color: #1BC98E;
  border-color: #1BC98E;
}
.notifyjs-foo-error {
  color: #fff;
  background-color: #E64759;
  border-color: #E64759;
}
.notifyjs-foo-warning {
  color: #111;
  background-color: #E4D836;
  border-color: #E4D836;
}
.card a .title h3,
.card .actions,
.card .description,
.details-box .nav-tabs > li > a,
.card .user .name {
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
}
.card .title,
.card .actions a,
.card .description,
.card .name,
.card-info,
.card-info h3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.card {
  border-radius: 8px;
  position: relative;
  background: none;
  border: none;
}
.card .product-discount {
  width: auto;
  text-align: center;
  background-color: rgba(255, 40, 30, 0.95);
  background: -moz-linear-gradient(-45deg, #f94b4b 0%, #f32929 100%);
  background: -webkit-linear-gradient(-45deg, #f94b4b 0%, #f32929 100%);
  background: linear-gradient(135deg, #f94b4b 0%, #f32929 100%);
  margin-left: -16px;
  color: #FFF;
  margin-top: 15px;
  margin-right: -16px;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 2px;
  font-weight: 600;
  font-size: 13px;
}
.card .strike,
.line-through.strike {
  text-decoration: line-through;
  font-size: 16px;
  color: #777777;
}
.card .discount-price,
.card .discount-price small,
.line-through.discount-price {
  color: #FF281E;
  font-size: 18px;
}
.card .thumbnail {
  border: 0 none;
  padding: 0;
  margin: 0;
  min-height: 250px;
  position: relative;
  background: transparent;
  border-radius: 8px;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, 0.57);
  background-position: center top;
}
.card-small .thumbnail {
  min-height: 200px;
}
.card .thumbnail img {
  width: 100%;
}
.card .thumbnail > img {
  border-radius: 8px;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, 0.57);
}
.card .header,
.card .main,
.card .footer {
  display: block;
}
.card .time {
  color: #777777;
  font-size: 15px;
  margin-top: 2px;
  text-transform: uppercase;
}
.card .time.premium-product {
  color: #444444;
  font-size: 19px;
  margin: 1px;
}
.card .description {
  border-radius: 8px;
  color: #FFFFFF;
  margin-top: 40px;
  height: 125px;
  font-size: 18px;
  opacity: 0.7;
}
.card a:hover .description {
  opacity: 1;
}
.card .actions .btn {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.card .actions .btn-round {
  font-size: 18px;
  padding: 14px 14px;
  line-height: 1;
  display: inline-block;
  width: 48px;
  height: 48px;
}
.card .thumb-cover {
  padding: 15px 20px;
  height: 100%;
  top: 0;
  position: absolute;
  opacity: 0;
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 3;
  content: "";
  left: 0;
  border-radius: 8px;
}
.card .actions {
  position: absolute;
  z-index: 3;
  top: 50%;
  text-align: center;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all 0.5s ease;
}
.card:hover .thumb-cover,
.card:hover .actions {
  opacity: 1;
}
.card-small .actions {
  height: 55px;
  font-size: 14px;
}
.card:hover .actions {
  opacity: 1;
}
.card .title {
  margin-top: 45px;
  min-height: 115px;
}
.card a .title h3 {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.57);
}
.card .user {
  font-weight: 400;
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.23);
  line-height: 20px;
  display: block;
}
.card .user .name {
  line-height: 35px;
  margin-left: 10px;
  font-size: 16px;
  float: left;
}
.card .user .user-photo {
  width: 35px;
  height: 35px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  overflow: hidden;
  float: left;
}
.card .user-photo img {
  width: 33px;
}
.card-info {
  padding: 15px;
}
.card-info [class^='circle-'] {
  float: left;
  margin-right: 5px;
}
.card-info a:not(.btn) {
  color: #434343;
}
.card-info a:not(.btn):hover {
  color: #232323;
}
.card-info .actions a {
  color: #777777;
}
.card-info .actions a:hover {
  color: #555555;
}
.card-info .actions .blue-text {
  color: #00bbff;
}
.card-info .actions .blue-text:hover {
  color: #3883c4;
}
.card-info h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 18px;
}
.card-small .card-info h3 {
  font-size: 18px;
}
.card-info p {
  font-size: 14px;
  margin: 0;
  color: #666666;
  min-height: 50px;
}
.card-info .label {
  background: transparent;
  border: 1px solid;
  border-radius: 14px;
  padding: 5px 10px;
  font-size: 10px;
  text-transform: uppercase;
  position: relative;
  top: -4px;
}
.card-info .label.label-danger {
  background: transparent;
}
.card-info .label .fa {
  font-size: 12px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .card .title {
    margin-top: 15px;
    min-height: 95px;
  }
  .card .description {
    margin-top: 10px;
  }
  .card .thumbnail {
    min-height: 220px;
  }
  #mix-container .card {
    min-height: 460px;
  }
}
@media (min-width: 400px) and (max-width: 992px) {
  #mix-container .card {
    min-height: 460px;
  }
}
@media (max-width: 400px) {
  .card .title {
    margin-top: 10px;
    min-height: 85px;
  }
  .card a .title h3 {
    font-size: 18px;
  }
  .section-gallery .parallax-background img {
    width: auto;
    height: 100%;
    position: relative;
  }
}
.buy-layout h4 {
  line-height: 26px;
}
.buy-layout .space {
  height: 100px;
  display: block;
}
.buy-layout .btn-danger .strike {
  color: #FFFFFF;
}
.buy-layout .btn-danger .discount-price {
  color: #FFFFFF;
}
.product-buy-line h3 {
  line-height: 46px;
  text-align: right;
}
.buy-product p.info {
  font-size: 16px;
  line-height: 21px;
}
.modal .account-icon {
  text-align: center;
}
.modal .account-icon i {
  font-size: 52px;
  color: #666;
}
.already-purchased {
  margin-top: -40px;
}
.already-purchased p,
.already-purchased ul {
  color: #FFFFFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  margin-bottom: 5px;
}
.purchase-flow,
.download-page-flow {
  position: relative;
  z-index: 3;
}
.download-page-flow {
  height: 60px;
  display: block;
  background-color: #FFFFFF;
}
.navbar-toggle .icon-bar {
  background-color: white;
}
.filled .navbar-toggle .icon-bar {
  background-color: #333333;
}
#htmlCss,
#bundle {
  padding: 15px;
}
#bundle {
  position: relative;
}
.most-popular {
  position: absolute;
  background-color: #00bbff;
  padding: 4px 15px;
  color: white;
  border-radius: 3px;
  text-transform: uppercase;
  margin-left: -70px;
  left: 50%;
  font-weight: 600;
  top: -14px;
}
.card .filter {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.68);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}
.card .filter .btn {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.card .filter {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear;
}
.card:hover .filter {
  opacity: 1;
  filter: alpha(opacity=100);
}
.card-plain {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
.product .license .package-margin {
  margin-top: 50px !important;
}
.btn-round {
  border-width: 1px;
  border-radius: 30px !important;
  opacity: 0.79;
  padding: 9px 18px;
}
.btn-fill {
  color: #FFFFFF;
  opacity: 1;
}
.btn-fill:hover,
.btn-fill:active,
.btn-fill:focus,
.btn-fill:active:focus,
.btn-fill:active:hover {
  color: #FFFFFF !important;
}
.btn-default.btn-fill {
  background-color: #AAAAAA;
  border-color: #AAAAAA;
  color: #FFFFFF;
}
.btn-primary.btn-fill {
  background-color: #3472F7;
  border-color: #3472F7;
}
.btn-info.btn-fill {
  background-color: #00BBFF;
  border-color: #00BBFF;
}
.btn-success.btn-fill {
  background-color: #05AE0E;
  border-color: #05AE0E;
}
.btn-warning.btn-fill {
  background-color: #FF9500;
  border-color: #FF9500;
}
.btn-danger.btn-fill {
  background-color: #FF3B30;
  border-color: #FF3B30;
}
.btn-default.btn-fill:hover,
.btn-default.btn-fill:focus,
.btn-default.btn-fill:active,
.btn-default.btn-fill.active,
.open .dropdown-toggle.btn-fill.btn-default {
  background-color: #999999;
  border-color: #999999;
}
.btn-primary.btn-fill:hover,
.btn-primary.btn-fill:focus,
.btn-primary.btn-fill:active,
.btn-primary.btn-fill.active,
.open .dropdown-toggle.btn-primary.btn-fill {
  border-color: #1D62F0;
  background-color: #1D62F0;
}
.btn-info.btn-fill:hover,
.btn-info.btn-fill:focus,
.btn-info.btn-fill:active,
.btn-info.btn-fill.active,
.open .dropdown-toggle.btn-info.btn-fill {
  background-color: #00A9EB;
  border-color: #00A9EB;
}
.btn-success.btn-fill:hover,
.btn-success.btn-fill:focus,
.btn-success.btn-fill:active,
.btn-success.btn-fill.active,
.open .dropdown-toggle.btn-fill.btn-success {
  background-color: #049F0C;
  border-color: #049F0C;
}
.btn-warning.btn-fill:hover,
.btn-warning.btn-fill:focus,
.btn-warning.btn-fill:active,
.btn-warning.btn-fill.active,
.open .dropdown-toggle.btn-fill.btn-warning {
  background-color: #ED8D00;
  border-color: #ED8D00;
}
.btn-danger.btn-fill:hover,
.btn-danger.btn-fill:focus,
.btn-danger.btn-fill:active,
.btn-danger.btn-fill.active,
.open .dropdown-toggle.btn-danger.btn-fill {
  background-color: #EE2D20;
  border-color: #EE2D20;
}
.btn-neutral {
  border-color: white;
  color: white;
}
.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:active,
.btn-neutral.active,
.open > .btn-neutral.dropdown-toggle {
  background-color: transparent;
  color: white;
  border-color: white;
}
.btn-neutral:disabled,
.btn-neutral[disabled],
.btn-neutral.disabled {
  background-color: transparent;
  border-color: white;
}
.btn-neutral.btn-fill {
  color: #666666 !important;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-neutral.btn-fill:hover,
.btn-neutral.btn-fill:focus,
.btn-neutral.btn-fill:active,
.btn-neutral.btn-fill.active,
.open > .btn-neutral.btn-fill.dropdown-toggle {
  background-color: white;
  color: #666666 !important;
  opacity: 0.85;
}
#screens {
  clear: both;
  padding: 0;
  margin: 30px 0;
  text-align: center;
}
#screens > * {
  display: inline-block;
  vertical-align: top;
  height: 100px;
  width: 31%;
  border: 1px solid #E7E7E7;
  margin: 10px 5px;
  overflow: hidden;
}
/* Quotes */
blockquote {
  margin: .4em 0;
  color: #686868;
  border: 2px solid #e0e0e0;
  background: #fcfcfc;
  padding: 10px 15px;
}
blockquote[title]:after {
  color: #b6b6b6;
  padding-top: .4em;
  content: attr(title);
  display: block;
  font-size: .85em;
}
code,
pre {
  color: #5c8f29;
  font: 12px/30px Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
}
pre {
  background: -moz-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f5f5f5 30px, #f5f5f5 60px);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #ffffff), color-stop(30px, #ffffff), color-stop(30px, #f5f5f5), color-stop(60px, #f5f5f5));
  background: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f5f5f5 30px, #f5f5f5 60px);
  background: -o-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f5f5f5 30px, #f5f5f5 60px);
  background: -ms-linear-gradient(top, #ffffff 0px, #ffffff 30px, #f5f5f5 30px, #f5f5f5 60px);
  background: linear-gradient(top, #ffffff 0px, #ffffff 30px, #f5f5f5 30px, #f5f5f5 60px);
  -webkit-background-size: 60px 60px;
  -moz-background-size: 60px 60px;
  background-size: 60px 60px;
  border: 1px solid rgba(0, 0, 0, 0.07000000000000001);
  -moz-box-shadow: 3px 3px 15px #ddd;
  -webkit-box-shadow: 0 4px 20px #eef0f2;
  box-shadow: 0 4px 20px #eef0f2;
  margin: 0 0 15px;
  padding: 0 10px;
  overflow: auto;
}
/*--- Table ---*/
table.my_tbl {
  max-width: 100%;
  background-color: transparent;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
}
table.my_tbl th,
table.my_tbl td {
  padding: 8px;
  line-height: 20px;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table.my_tbl td a {
  color: #4C6589;
}
table.my_tbl th {
  background: #9EC728;
  color: #fff;
}
table.my_tbl thead th {
  vertical-align: bottom;
}
table.my_tbl caption + thead tr:first-child th,
table.my_tbl caption + thead tr:first-child td,
table.my_tbl colgroup + thead tr:first-child th,
table.my_tbl colgroup + thead tr:first-child td,
table.my_tbl thead:first-child tr:first-child th,
table.my_tbl thead:first-child tr:first-child td {
  border-top: 0;
}
table.my_tbl caption + thead tr:first-child th,
table.my_tbl caption + tbody tr:first-child th,
table.my_tbl caption + tbody tr:first-child td,
table.my_tbl colgroup + thead tr:first-child th,
table.my_tbl colgroup + tbody tr:first-child th,
table.my_tbl colgroup + tbody tr:first-child td,
table.my_tbl thead:first-child tr:first-child th,
table.my_tbl tbody:first-child tr:first-child th,
table.my_tbl tbody:first-child tr:first-child td {
  border-top: 0;
}
table.my_tbl tbody tr:hover > td,
table.my_tbl tbody tr:hover > th {
  background-color: #f5f5f5;
}
.my_tbl tbody {
  color: #A3A3A3;
  background: #fff;
  font-size: 12px;
  text-align: center;
}
.my_tbl tr td:first-child,
.my_tbl tr th:first-child {
  text-align: left;
}
.my_tbl span {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 4px 7px;
  background-color: #fcf5d1;
  color: #976318;
}
.my_tbl.full tr td:nth-child(2),
.my_tbl.full tr th:nth-child(2) {
  text-align: left;
}
.my_tbl .s_1 span {
  background: #95C00E;
  color: #fff;
}
.my_tbl .s_4 span {
  background: #7955C4;
  color: #fff;
}
.my_tbl .s_3 span {
  background: #A9A9A9;
  color: #fff;
}
.my_tbl .s_2 span {
  background: #BA2636;
  color: #fff;
}
.mshop_table {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 4px 20px #eef0f2;
  position: relative;
  color: #313133;
  clear: both;
  padding-top: 30px;
  padding-bottom: 30px;
}
.mshop_table .info {
  list-style: none;
  padding: 0;
}
.mshop_table .info li {
  display: block;
  padding: 10px 10px;
  border-bottom: 1px solid #ebebeb;
}
.mshop_table .info li .icon {
  width: 16px;
  height: 16px;
  margin-right: 15px;
}
.mshop_table .info li.buy {
  border: none;
}
.mshop_table .info li.buy button {
  width: 100%;
  margin: 10px 0 0 0;
}
.footer_inner {
  padding: 2.5% 0;
  line-height: 22px;
}
.footer_inner a {
  color: inherit;
}
.footer_inner .menu a {
  margin-bottom: 5px;
}
.footer_inner .design {
  width: 120px;
  height: 50px;
  padding: 4px;
  margin-top: -15px;
  opacity: .3;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  background: url("/templates/my/dist/svg/PB260092.svg") no-repeat;
}
.footer_inner .design:hover {
  opacity: 1;
}
button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]:after,
[data-balloon]:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
[data-balloon]:after {
  background: rgba(18, 18, 18, 0.9);
  border-radius: 4px;
  color: #f8f9fa;
  content: attr(data-balloon);
  font-size: .8rem;
  padding: .75em 1em;
  white-space: nowrap;
  margin-bottom: 11px;
}
[data-balloon]:before {
  background: url("/templates/my/dist/svg/arrows/up.svg") no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  content: '';
  margin-bottom: 5px;
}
[data-balloon]:hover:after,
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:after,
[data-balloon][data-balloon-visible]:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
[data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]:after {
  white-space: pre;
}
[data-balloon][data-balloon-pos=down]:after,
[data-balloon][data-balloon-pos=down]:before {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
[data-balloon][data-balloon-pos=down]:after {
  margin-top: 11px;
}
[data-balloon][data-balloon-pos=down]:before {
  background: url("/templates/my/dist/svg/arrows/down.svg") no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}
[data-balloon][data-balloon-pos=down]:hover:after,
[data-balloon][data-balloon-pos=down]:hover:before,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
[data-balloon][data-balloon-pos=left]:after,
[data-balloon][data-balloon-pos=left]:before {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
[data-balloon][data-balloon-pos=left]:after {
  margin-right: 11px;
}
[data-balloon][data-balloon-pos=left]:before {
  background: url("/templates/my/dist/svg/arrows/left.svg") no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}
[data-balloon][data-balloon-pos=left]:hover:after,
[data-balloon][data-balloon-pos=left]:hover:before,
[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-balloon][data-balloon-pos=right]:after,
[data-balloon][data-balloon-pos=right]:before {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
[data-balloon][data-balloon-pos=right]:after {
  margin-left: 11px;
}
[data-balloon][data-balloon-pos=right]:before {
  background: url("/templates/my/dist/svg/arrows/right.svg") no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}
[data-balloon][data-balloon-pos=right]:hover:after,
[data-balloon][data-balloon-pos=right]:hover:before,
[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
[data-balloon][data-balloon-length]:after {
  white-space: normal;
}
[data-balloon][data-balloon-length=small]:after {
  width: 80px;
}
[data-balloon][data-balloon-length=medium]:after {
  width: 150px;
}
[data-balloon][data-balloon-length=large]:after {
  width: 260px;
}
[data-balloon][data-balloon-length=xlarge]:after {
  width: 90vw;
}
@media screen and (min-width: 768px) {
  [data-balloon-length=xlarge]:after {
    width: 380px;
  }
}
[data-balloon-length=fit]:after {
  width: 100%;
}
/**
 * Reviews page
 */
.aleft,
.aright {
  display: inline;
}
.aleft {
  float: left;
}
.aright {
  float: right;
}
#advice .page-header {
  padding-bottom: 9px;
  margin: 20px 0;
  overflow: hidden;
  border-bottom: 1px solid #eeeeee;
}
#advice .page-header .h1 {
  padding: 15px 0 10px;
  font-size: 24px;
}
.advice {
  overflow: hidden;
  position: relative;
  margin: 9px 0;
}
.advice_header {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 18px;
  padding: 15px;
  position: relative;
}
.advice_header sup,
.advice_header sub {
  display: block;
}
.advice_header sup {
  margin-bottom: 12px;
}
.advice_body {
  overflow: hidden;
  padding: 15px;
  color: #444;
  font-size: 14px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 25px 20px -21px rgba(0, 0, 0, 0.07000000000000001);
  position: relative;
  z-index: 3;
}
.advice.advice-danger .advice_body {
  box-shadow: 0 25px 20px -21px rgba(216, 64, 52, 0.07000000000000001);
}
.advice.advice-success .advice_body {
  box-shadow: 0 25px 20px -21px rgba(40, 167, 69, 0.07000000000000001);
}
.advice_name {
  color: #758797;
  font-size: 16px;
}
.advice_name a {
  color: #758797;
}
.advice_date {
  color: #AAAAAB;
  padding: 0 10px;
  font-size: 14px;
}
.advice_header .aright {
  text-align: right;
}
.advice_catq a,
.advice_full {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 2px 5px 3px;
  border: 1px solid #7B9D04;
  text-align: center;
  font-size: 12px;
  color: #7B9D04;
}
.advice_catq a:hover,
.advice_full:hover {
  text-decoration: none;
  background: #E3ECF5;
}
.advice_full {
  display: inline-block;
  margin-right: 15px;
}
.advice_web a {
  background: #E3ECF5;
  display: inline-block;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 2px 5px 3px;
  border: 1px solid #C6D1DC;
  text-align: center;
  font-size: 12px;
  color: #54575C;
}
.advice_web a:hover {
  text-decoration: none;
  background: #549CAC;
  color: #fff;
  border-color: transparent;
}
.advice_answer {
  padding: 10px 15px 10px 15px;
  background: #fff;
  position: relative;
  margin: 0;
  z-index: 1;
}
.advice.advice-danger .advice_answer {
  background-color: rgba(232, 157, 150, 0.1);
  color: rgba(122, 19, 0, 0.6);
}
.advice.advice-success .advice_answer {
  background-color: rgba(116, 217, 129, 0.1);
  color: rgba(32, 80, 46, 0.6);
}
.advice.advice-danger .advice_answer .advice_name,
.advice.advice-success .advice_answer .advice_name {
  color: #fff !important;
}
.advice_cat {
  overflow: hidden;
  padding: 9px 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.advice_cat > li {
  display: inline-block;
  margin: 0 5px;
}
.advice_cat > li > a {
  display: block;
  padding: 3px 15px;
  border-radius: 2px;
  background: #F9FCFF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.advice_cat > li > a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #7B9D04;
}
.advice_cat > li > a.active,
.advice_cat > li > a.active:hover {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #08c;
}
.advice_inf {
  padding: 10px 15px;
  border-radius: 2px;
  margin: 9px 0;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  overflow: hidden;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.advice_sort span {
  display: block;
  float: left;
  padding: 6px 10px;
}
.advice_sort div {
  position: relative;
  display: inline-block;
}
.advice_sort select {
  display: inline-block;
  border: 1px solid #C6D1DC;
  padding: 6px 3px 7px 5px;
  margin: 0;
  font: inherit;
  outline: none;
  line-height: 1.2;
  background: #f8f8f8;
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .advice_sort select {
    padding-right: 30px;
  }
}
.advice_sort select:focus {
  -webkit-box-shadow: 0 0 3px 1px #c00;
  -moz-box-shadow: 0 0 3px 1px #c00;
  box-shadow: 0 0 3px 1px #cc0000;
}
.advice_sort div:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 12px;
  background: #435056 url(/templates/my/dist/less/adv_arr.png) no-repeat center center;
  color: #fff;
  pointer-events: none;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.no-pointer-events .advice_sort div:after {
  content: none;
}
#advice_add input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#advice_add fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
#advice_add legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
#advice_add label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
#advice_add input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
#advice_add input[type="file"] {
  display: block;
}
#advice_add input[type="file"]:focus,
#advice_add input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#advice_add output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
#advice_add .a_checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#advice_add .a_checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
#advice_add .a_checkbox input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
}
#advice_add .a_checkbox + .a_checkbox {
  margin-top: -5px;
}
#advice_add .a_checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer;
}
#advice_add .a_checkbox-inline + .a_checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.advice_errors {
  background: #FEF6F3;
  border-radius: 3px;
  padding: 10px;
  margin: 10px 0;
}
.advice_padd {
  padding: 0 20px;
}
.advice_padd h1 {
  font-size: 18px;
  color: #428BCA;
  margin: 0;
}
.advice_info {
  text-align: center;
  padding: 10px;
}
#advice_list {
  display: block !important;
  padding: 0;
}
#advice_list .adviceItem {
  display: inline-block;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100% !important;
}
@media only screen and (min-width: 700px) {
  #advice_list {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
@media only screen and (min-width: 900px) {
  #advice_list {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 1100px) {
  #advice_list {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}
.btn-success {
  border-radius: 5px;
  font-size: 14px;
  background-color: #95ce5a !important;
  color: #fff;
  border: none;
  -webkit-box-shadow: 0 7px 10px rgba(149, 206, 90, 0.4);
  -moz-box-shadow: 0 7px 10px rgba(149, 206, 90, 0.4);
  box-shadow: 0 7px 10px rgba(149, 206, 90, 0.4);
}
.btn-success:hover {
  border: none;
  opacity: 0.8;
}
.btn-warning {
  border-radius: 5px;
  font-size: 14px !important;
  border: none;
  -webkit-box-shadow: 0 7px 10px rgba(255, 193, 7, 0.4);
  -moz-box-shadow: 0 7px 10px rgba(255, 193, 7, 0.4);
  box-shadow: 0 7px 10px rgba(255, 193, 7, 0.4);
}
.btn-warning:hover {
  border: none;
  opacity: 0.8;
}
.btn-primary {
  border-radius: 5px;
  font-size: 14px;
  background-color: #03a9f4 !important;
  color: #fff;
  border: none;
  -webkit-box-shadow: 0 7px 10px rgba(3, 169, 244, 0.4);
  -moz-box-shadow: 0 7px 10px rgba(3, 169, 244, 0.4);
  box-shadow: 0 7px 10px rgba(3, 169, 244, 0.4);
}
.btn-primary:hover {
  border: none;
  opacity: 0.8;
}
.btn-secondary {
  border-radius: 5px;
  font-size: 15px;
  background-color: #868e96 !important;
  color: #fff;
  border: none;
  -webkit-box-shadow: 0 7px 10px rgba(134, 142, 150, 0.4);
  -moz-box-shadow: 0 7px 10px rgba(134, 142, 150, 0.4);
  box-shadow: 0 7px 10px rgba(134, 142, 150, 0.4);
}
.btn-secondary:hover {
  border: none;
  opacity: 0.8;
}
.alert-danger {
  -webkit-box-shadow: 0 7px 10px rgba(248, 215, 218, 0.4) !important;
  -moz-box-shadow: 0 7px 10px rgba(248, 215, 218, 0.4) !important;
  box-shadow: 0 7px 10px rgba(248, 215, 218, 0.4) !important;
  border: none;
}
.pageCatList {
  margin: 0 0 30px;
}
.pageCatList li {
  display: inline-block;
  margin: 5px 3px;
}
.pageCatList li a,
.pageCatList li span {
  background: #ffffff;
  -webkit-box-shadow: inset 1px 1px 0 0 #ffffff, 2px 2px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: inset 1px 1px 0 0 #ffffff, 2px 2px 3px 0 rgba(0, 0, 0, 0.12);
  color: #000000;
  display: block;
  padding: 9px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pageCatList li a:hover,
.pageCatList li span:hover {
  text-decoration: none;
  color: #454545;
}
.pageCatList li.active a,
.pageCatList li.active span {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #454545;
  color: #ffffff;
}