@font-face {
  font-family: "psgamer";
  src: url("../fonts/psgamer.eot");
  src: url("../fonts/psgamer.eot?#iefix") format("embedded-opentype"), url("../fonts/psgamer.woff") format("woff"), url("../fonts/psgamer.ttf") format("truetype"), url("../fonts/psgamer.svg#psgamer") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "psgamer" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "psgamer" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block; }

.icon-book:before {
  content: "\65"; }

.icon-cross:before {
  content: "\66"; }

.icon-exclamation-circle:before {
  content: "\67"; }

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

.icon-gear:before {
  content: "\69"; }

.icon-instagram-circle:before {
  content: "\6a"; }

.icon-light-bulb:before {
  content: "\6b"; }

.icon-list-dot:before {
  content: "\6c"; }

.icon-minus:before {
  content: "\6d"; }

.icon-youtube-circle:before {
  content: "\6e"; }

.icon-star:before {
  content: "\6f"; }

.icon-share:before {
  content: "\70"; }

.icon-quotation-start:before {
  content: "\71"; }

.icon-quotation-end:before {
  content: "\72"; }

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

.icon-palette:before {
  content: "\74"; }

.icon-search:before {
  content: "\75"; }

.icon-arrow-right-1:before {
  content: "\76"; }

.icon-arrow-left-1:before {
  content: "\78"; }

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

.icon-error:before {
  content: "\79"; }

.icon-info:before {
  content: "\7a"; }

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

.icon-arrow-left-2:before {
  content: "\61"; }

.icon-arrow-right-2:before {
  content: "\62"; }

.icon-cross-2:before {
  content: "\63"; }

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

.icon-info-outline:before {
  content: "\42"; }

.icon-rss-circle:before {
  content: "\43"; }

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

.icon-eye-closed-2:before {
  content: "\45"; }

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

.icon-edit-circle:before {
  content: "\47"; }

.icon-rocket:before {
  content: "\48"; }

.icon-gamepad:before {
  content: "\49"; }

.icon-headphones:before {
  content: "\4a"; }

.icon-length:before {
  content: "\4b"; }

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

.icon-camera:before {
  content: "\4d"; }

.icon-heart:before {
  content: "\4e"; }

.icon-eye-plus:before {
  content: "\4f"; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.m-0 {
  margin: 0px !important; }

.mt-0,
.my-0 {
  margin-top: 0px !important; }

.mr-0,
.mx-0 {
  margin-right: 0px !important; }

.mb-0,
.my-0 {
  margin-bottom: 0px !important; }

.ml-0,
.mx-0 {
  margin-left: 0px !important; }

.m-5 {
  margin: 5px !important; }

.mt-5,
.my-5 {
  margin-top: 5px !important; }

.mr-5,
.mx-5 {
  margin-right: 5px !important; }

.mb-5,
.my-5 {
  margin-bottom: 5px !important; }

.ml-5,
.mx-5 {
  margin-left: 5px !important; }

.m-10 {
  margin: 10px !important; }

.mt-10,
.my-10 {
  margin-top: 10px !important; }

.mr-10,
.mx-10 {
  margin-right: 10px !important; }

.mb-10,
.my-10 {
  margin-bottom: 10px !important; }

.ml-10,
.mx-10 {
  margin-left: 10px !important; }

.m-15 {
  margin: 15px !important; }

.mt-15,
.my-15 {
  margin-top: 15px !important; }

.mr-15,
.mx-15 {
  margin-right: 15px !important; }

.mb-15,
.my-15 {
  margin-bottom: 15px !important; }

.ml-15,
.mx-15 {
  margin-left: 15px !important; }

.m-20 {
  margin: 20px !important; }

.mt-20,
.my-20 {
  margin-top: 20px !important; }

.mr-20,
.mx-20 {
  margin-right: 20px !important; }

.mb-20,
.my-20 {
  margin-bottom: 20px !important; }

.ml-20,
.mx-20 {
  margin-left: 20px !important; }

.m-25 {
  margin: 25px !important; }

.mt-25,
.my-25 {
  margin-top: 25px !important; }

.mr-25,
.mx-25 {
  margin-right: 25px !important; }

.mb-25,
.my-25 {
  margin-bottom: 25px !important; }

.ml-25,
.mx-25 {
  margin-left: 25px !important; }

.m-30 {
  margin: 30px !important; }

.mt-30,
.my-30 {
  margin-top: 30px !important; }

.mr-30,
.mx-30 {
  margin-right: 30px !important; }

.mb-30,
.my-30 {
  margin-bottom: 30px !important; }

.ml-30,
.mx-30 {
  margin-left: 30px !important; }

.m-35 {
  margin: 35px !important; }

.mt-35,
.my-35 {
  margin-top: 35px !important; }

.mr-35,
.mx-35 {
  margin-right: 35px !important; }

.mb-35,
.my-35 {
  margin-bottom: 35px !important; }

.ml-35,
.mx-35 {
  margin-left: 35px !important; }

.m-40 {
  margin: 40px !important; }

.mt-40,
.my-40 {
  margin-top: 40px !important; }

.mr-40,
.mx-40 {
  margin-right: 40px !important; }

.mb-40,
.my-40 {
  margin-bottom: 40px !important; }

.ml-40,
.mx-40 {
  margin-left: 40px !important; }

.m-45 {
  margin: 45px !important; }

.mt-45,
.my-45 {
  margin-top: 45px !important; }

.mr-45,
.mx-45 {
  margin-right: 45px !important; }

.mb-45,
.my-45 {
  margin-bottom: 45px !important; }

.ml-45,
.mx-45 {
  margin-left: 45px !important; }

.m-50 {
  margin: 50px !important; }

.mt-50,
.my-50 {
  margin-top: 50px !important; }

.mr-50,
.mx-50 {
  margin-right: 50px !important; }

.mb-50,
.my-50 {
  margin-bottom: 50px !important; }

.ml-50,
.mx-50 {
  margin-left: 50px !important; }

.m-55 {
  margin: 55px !important; }

.mt-55,
.my-55 {
  margin-top: 55px !important; }

.mr-55,
.mx-55 {
  margin-right: 55px !important; }

.mb-55,
.my-55 {
  margin-bottom: 55px !important; }

.ml-55,
.mx-55 {
  margin-left: 55px !important; }

.m-60 {
  margin: 60px !important; }

.mt-60,
.my-60 {
  margin-top: 60px !important; }

.mr-60,
.mx-60 {
  margin-right: 60px !important; }

.mb-60,
.my-60 {
  margin-bottom: 60px !important; }

.ml-60,
.mx-60 {
  margin-left: 60px !important; }

.m-65 {
  margin: 65px !important; }

.mt-65,
.my-65 {
  margin-top: 65px !important; }

.mr-65,
.mx-65 {
  margin-right: 65px !important; }

.mb-65,
.my-65 {
  margin-bottom: 65px !important; }

.ml-65,
.mx-65 {
  margin-left: 65px !important; }

.m-70 {
  margin: 70px !important; }

.mt-70,
.my-70 {
  margin-top: 70px !important; }

.mr-70,
.mx-70 {
  margin-right: 70px !important; }

.mb-70,
.my-70 {
  margin-bottom: 70px !important; }

.ml-70,
.mx-70 {
  margin-left: 70px !important; }

.m-75 {
  margin: 75px !important; }

.mt-75,
.my-75 {
  margin-top: 75px !important; }

.mr-75,
.mx-75 {
  margin-right: 75px !important; }

.mb-75,
.my-75 {
  margin-bottom: 75px !important; }

.ml-75,
.mx-75 {
  margin-left: 75px !important; }

.m-80 {
  margin: 80px !important; }

.mt-80,
.my-80 {
  margin-top: 80px !important; }

.mr-80,
.mx-80 {
  margin-right: 80px !important; }

.mb-80,
.my-80 {
  margin-bottom: 80px !important; }

.ml-80,
.mx-80 {
  margin-left: 80px !important; }

.m-85 {
  margin: 85px !important; }

.mt-85,
.my-85 {
  margin-top: 85px !important; }

.mr-85,
.mx-85 {
  margin-right: 85px !important; }

.mb-85,
.my-85 {
  margin-bottom: 85px !important; }

.ml-85,
.mx-85 {
  margin-left: 85px !important; }

.m-90 {
  margin: 90px !important; }

.mt-90,
.my-90 {
  margin-top: 90px !important; }

.mr-90,
.mx-90 {
  margin-right: 90px !important; }

.mb-90,
.my-90 {
  margin-bottom: 90px !important; }

.ml-90,
.mx-90 {
  margin-left: 90px !important; }

.m-95 {
  margin: 95px !important; }

.mt-95,
.my-95 {
  margin-top: 95px !important; }

.mr-95,
.mx-95 {
  margin-right: 95px !important; }

.mb-95,
.my-95 {
  margin-bottom: 95px !important; }

.ml-95,
.mx-95 {
  margin-left: 95px !important; }

.m-100 {
  margin: 100px !important; }

.mt-100,
.my-100 {
  margin-top: 100px !important; }

.mr-100,
.mx-100 {
  margin-right: 100px !important; }

.mb-100,
.my-100 {
  margin-bottom: 100px !important; }

.ml-100,
.mx-100 {
  margin-left: 100px !important; }

.m-105 {
  margin: 105px !important; }

.mt-105,
.my-105 {
  margin-top: 105px !important; }

.mr-105,
.mx-105 {
  margin-right: 105px !important; }

.mb-105,
.my-105 {
  margin-bottom: 105px !important; }

.ml-105,
.mx-105 {
  margin-left: 105px !important; }

.m-110 {
  margin: 110px !important; }

.mt-110,
.my-110 {
  margin-top: 110px !important; }

.mr-110,
.mx-110 {
  margin-right: 110px !important; }

.mb-110,
.my-110 {
  margin-bottom: 110px !important; }

.ml-110,
.mx-110 {
  margin-left: 110px !important; }

.m-115 {
  margin: 115px !important; }

.mt-115,
.my-115 {
  margin-top: 115px !important; }

.mr-115,
.mx-115 {
  margin-right: 115px !important; }

.mb-115,
.my-115 {
  margin-bottom: 115px !important; }

.ml-115,
.mx-115 {
  margin-left: 115px !important; }

.m-120 {
  margin: 120px !important; }

.mt-120,
.my-120 {
  margin-top: 120px !important; }

.mr-120,
.mx-120 {
  margin-right: 120px !important; }

.mb-120,
.my-120 {
  margin-bottom: 120px !important; }

.ml-120,
.mx-120 {
  margin-left: 120px !important; }

.p-0 {
  padding: 0px !important; }

.pt-0,
.py-0 {
  padding-top: 0px !important; }

.pr-0,
.px-0 {
  padding-right: 0px !important; }

.pb-0,
.py-0 {
  padding-bottom: 0px !important; }

.pl-0,
.px-0 {
  padding-left: 0px !important; }

.p-5 {
  padding: 5px !important; }

.pt-5,
.py-5 {
  padding-top: 5px !important; }

.pr-5,
.px-5 {
  padding-right: 5px !important; }

.pb-5,
.py-5 {
  padding-bottom: 5px !important; }

.pl-5,
.px-5 {
  padding-left: 5px !important; }

.p-10 {
  padding: 10px !important; }

.pt-10,
.py-10 {
  padding-top: 10px !important; }

.pr-10,
.px-10 {
  padding-right: 10px !important; }

.pb-10,
.py-10 {
  padding-bottom: 10px !important; }

.pl-10,
.px-10 {
  padding-left: 10px !important; }

.p-15 {
  padding: 15px !important; }

.pt-15,
.py-15 {
  padding-top: 15px !important; }

.pr-15,
.px-15 {
  padding-right: 15px !important; }

.pb-15,
.py-15 {
  padding-bottom: 15px !important; }

.pl-15,
.px-15 {
  padding-left: 15px !important; }

.p-20 {
  padding: 20px !important; }

.pt-20,
.py-20 {
  padding-top: 20px !important; }

.pr-20,
.px-20 {
  padding-right: 20px !important; }

.pb-20,
.py-20 {
  padding-bottom: 20px !important; }

.pl-20,
.px-20 {
  padding-left: 20px !important; }

.p-25 {
  padding: 25px !important; }

.pt-25,
.py-25 {
  padding-top: 25px !important; }

.pr-25,
.px-25 {
  padding-right: 25px !important; }

.pb-25,
.py-25 {
  padding-bottom: 25px !important; }

.pl-25,
.px-25 {
  padding-left: 25px !important; }

.p-30 {
  padding: 30px !important; }

.pt-30,
.py-30 {
  padding-top: 30px !important; }

.pr-30,
.px-30 {
  padding-right: 30px !important; }

.pb-30,
.py-30 {
  padding-bottom: 30px !important; }

.pl-30,
.px-30 {
  padding-left: 30px !important; }

.p-35 {
  padding: 35px !important; }

.pt-35,
.py-35 {
  padding-top: 35px !important; }

.pr-35,
.px-35 {
  padding-right: 35px !important; }

.pb-35,
.py-35 {
  padding-bottom: 35px !important; }

.pl-35,
.px-35 {
  padding-left: 35px !important; }

.p-40 {
  padding: 40px !important; }

.pt-40,
.py-40 {
  padding-top: 40px !important; }

.pr-40,
.px-40 {
  padding-right: 40px !important; }

.pb-40,
.py-40 {
  padding-bottom: 40px !important; }

.pl-40,
.px-40 {
  padding-left: 40px !important; }

.p-45 {
  padding: 45px !important; }

.pt-45,
.py-45 {
  padding-top: 45px !important; }

.pr-45,
.px-45 {
  padding-right: 45px !important; }

.pb-45,
.py-45 {
  padding-bottom: 45px !important; }

.pl-45,
.px-45 {
  padding-left: 45px !important; }

.p-50 {
  padding: 50px !important; }

.pt-50,
.py-50 {
  padding-top: 50px !important; }

.pr-50,
.px-50 {
  padding-right: 50px !important; }

.pb-50,
.py-50 {
  padding-bottom: 50px !important; }

.pl-50,
.px-50 {
  padding-left: 50px !important; }

.p-55 {
  padding: 55px !important; }

.pt-55,
.py-55 {
  padding-top: 55px !important; }

.pr-55,
.px-55 {
  padding-right: 55px !important; }

.pb-55,
.py-55 {
  padding-bottom: 55px !important; }

.pl-55,
.px-55 {
  padding-left: 55px !important; }

.p-60 {
  padding: 60px !important; }

.pt-60,
.py-60 {
  padding-top: 60px !important; }

.pr-60,
.px-60 {
  padding-right: 60px !important; }

.pb-60,
.py-60 {
  padding-bottom: 60px !important; }

.pl-60,
.px-60 {
  padding-left: 60px !important; }

.p-65 {
  padding: 65px !important; }

.pt-65,
.py-65 {
  padding-top: 65px !important; }

.pr-65,
.px-65 {
  padding-right: 65px !important; }

.pb-65,
.py-65 {
  padding-bottom: 65px !important; }

.pl-65,
.px-65 {
  padding-left: 65px !important; }

.p-70 {
  padding: 70px !important; }

.pt-70,
.py-70 {
  padding-top: 70px !important; }

.pr-70,
.px-70 {
  padding-right: 70px !important; }

.pb-70,
.py-70 {
  padding-bottom: 70px !important; }

.pl-70,
.px-70 {
  padding-left: 70px !important; }

.p-75 {
  padding: 75px !important; }

.pt-75,
.py-75 {
  padding-top: 75px !important; }

.pr-75,
.px-75 {
  padding-right: 75px !important; }

.pb-75,
.py-75 {
  padding-bottom: 75px !important; }

.pl-75,
.px-75 {
  padding-left: 75px !important; }

.p-80 {
  padding: 80px !important; }

.pt-80,
.py-80 {
  padding-top: 80px !important; }

.pr-80,
.px-80 {
  padding-right: 80px !important; }

.pb-80,
.py-80 {
  padding-bottom: 80px !important; }

.pl-80,
.px-80 {
  padding-left: 80px !important; }

.p-85 {
  padding: 85px !important; }

.pt-85,
.py-85 {
  padding-top: 85px !important; }

.pr-85,
.px-85 {
  padding-right: 85px !important; }

.pb-85,
.py-85 {
  padding-bottom: 85px !important; }

.pl-85,
.px-85 {
  padding-left: 85px !important; }

.p-90 {
  padding: 90px !important; }

.pt-90,
.py-90 {
  padding-top: 90px !important; }

.pr-90,
.px-90 {
  padding-right: 90px !important; }

.pb-90,
.py-90 {
  padding-bottom: 90px !important; }

.pl-90,
.px-90 {
  padding-left: 90px !important; }

.p-95 {
  padding: 95px !important; }

.pt-95,
.py-95 {
  padding-top: 95px !important; }

.pr-95,
.px-95 {
  padding-right: 95px !important; }

.pb-95,
.py-95 {
  padding-bottom: 95px !important; }

.pl-95,
.px-95 {
  padding-left: 95px !important; }

.p-100 {
  padding: 100px !important; }

.pt-100,
.py-100 {
  padding-top: 100px !important; }

.pr-100,
.px-100 {
  padding-right: 100px !important; }

.pb-100,
.py-100 {
  padding-bottom: 100px !important; }

.pl-100,
.px-100 {
  padding-left: 100px !important; }

.p-105 {
  padding: 105px !important; }

.pt-105,
.py-105 {
  padding-top: 105px !important; }

.pr-105,
.px-105 {
  padding-right: 105px !important; }

.pb-105,
.py-105 {
  padding-bottom: 105px !important; }

.pl-105,
.px-105 {
  padding-left: 105px !important; }

.p-110 {
  padding: 110px !important; }

.pt-110,
.py-110 {
  padding-top: 110px !important; }

.pr-110,
.px-110 {
  padding-right: 110px !important; }

.pb-110,
.py-110 {
  padding-bottom: 110px !important; }

.pl-110,
.px-110 {
  padding-left: 110px !important; }

.p-115 {
  padding: 115px !important; }

.pt-115,
.py-115 {
  padding-top: 115px !important; }

.pr-115,
.px-115 {
  padding-right: 115px !important; }

.pb-115,
.py-115 {
  padding-bottom: 115px !important; }

.pl-115,
.px-115 {
  padding-left: 115px !important; }

.p-120 {
  padding: 120px !important; }

.pt-120,
.py-120 {
  padding-top: 120px !important; }

.pr-120,
.px-120 {
  padding-right: 120px !important; }

.pb-120,
.py-120 {
  padding-bottom: 120px !important; }

.pl-120,
.px-120 {
  padding-left: 120px !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 360px) {
  .m-xs-0 {
    margin: 0px !important; }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0px !important; }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0px !important; }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0px !important; }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0px !important; }
  .m-xs-5 {
    margin: 5px !important; }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 5px !important; }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 5px !important; }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 5px !important; }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 5px !important; }
  .m-xs-10 {
    margin: 10px !important; }
  .mt-xs-10,
  .my-xs-10 {
    margin-top: 10px !important; }
  .mr-xs-10,
  .mx-xs-10 {
    margin-right: 10px !important; }
  .mb-xs-10,
  .my-xs-10 {
    margin-bottom: 10px !important; }
  .ml-xs-10,
  .mx-xs-10 {
    margin-left: 10px !important; }
  .m-xs-15 {
    margin: 15px !important; }
  .mt-xs-15,
  .my-xs-15 {
    margin-top: 15px !important; }
  .mr-xs-15,
  .mx-xs-15 {
    margin-right: 15px !important; }
  .mb-xs-15,
  .my-xs-15 {
    margin-bottom: 15px !important; }
  .ml-xs-15,
  .mx-xs-15 {
    margin-left: 15px !important; }
  .m-xs-20 {
    margin: 20px !important; }
  .mt-xs-20,
  .my-xs-20 {
    margin-top: 20px !important; }
  .mr-xs-20,
  .mx-xs-20 {
    margin-right: 20px !important; }
  .mb-xs-20,
  .my-xs-20 {
    margin-bottom: 20px !important; }
  .ml-xs-20,
  .mx-xs-20 {
    margin-left: 20px !important; }
  .m-xs-25 {
    margin: 25px !important; }
  .mt-xs-25,
  .my-xs-25 {
    margin-top: 25px !important; }
  .mr-xs-25,
  .mx-xs-25 {
    margin-right: 25px !important; }
  .mb-xs-25,
  .my-xs-25 {
    margin-bottom: 25px !important; }
  .ml-xs-25,
  .mx-xs-25 {
    margin-left: 25px !important; }
  .m-xs-30 {
    margin: 30px !important; }
  .mt-xs-30,
  .my-xs-30 {
    margin-top: 30px !important; }
  .mr-xs-30,
  .mx-xs-30 {
    margin-right: 30px !important; }
  .mb-xs-30,
  .my-xs-30 {
    margin-bottom: 30px !important; }
  .ml-xs-30,
  .mx-xs-30 {
    margin-left: 30px !important; }
  .m-xs-35 {
    margin: 35px !important; }
  .mt-xs-35,
  .my-xs-35 {
    margin-top: 35px !important; }
  .mr-xs-35,
  .mx-xs-35 {
    margin-right: 35px !important; }
  .mb-xs-35,
  .my-xs-35 {
    margin-bottom: 35px !important; }
  .ml-xs-35,
  .mx-xs-35 {
    margin-left: 35px !important; }
  .m-xs-40 {
    margin: 40px !important; }
  .mt-xs-40,
  .my-xs-40 {
    margin-top: 40px !important; }
  .mr-xs-40,
  .mx-xs-40 {
    margin-right: 40px !important; }
  .mb-xs-40,
  .my-xs-40 {
    margin-bottom: 40px !important; }
  .ml-xs-40,
  .mx-xs-40 {
    margin-left: 40px !important; }
  .m-xs-45 {
    margin: 45px !important; }
  .mt-xs-45,
  .my-xs-45 {
    margin-top: 45px !important; }
  .mr-xs-45,
  .mx-xs-45 {
    margin-right: 45px !important; }
  .mb-xs-45,
  .my-xs-45 {
    margin-bottom: 45px !important; }
  .ml-xs-45,
  .mx-xs-45 {
    margin-left: 45px !important; }
  .m-xs-50 {
    margin: 50px !important; }
  .mt-xs-50,
  .my-xs-50 {
    margin-top: 50px !important; }
  .mr-xs-50,
  .mx-xs-50 {
    margin-right: 50px !important; }
  .mb-xs-50,
  .my-xs-50 {
    margin-bottom: 50px !important; }
  .ml-xs-50,
  .mx-xs-50 {
    margin-left: 50px !important; }
  .m-xs-55 {
    margin: 55px !important; }
  .mt-xs-55,
  .my-xs-55 {
    margin-top: 55px !important; }
  .mr-xs-55,
  .mx-xs-55 {
    margin-right: 55px !important; }
  .mb-xs-55,
  .my-xs-55 {
    margin-bottom: 55px !important; }
  .ml-xs-55,
  .mx-xs-55 {
    margin-left: 55px !important; }
  .m-xs-60 {
    margin: 60px !important; }
  .mt-xs-60,
  .my-xs-60 {
    margin-top: 60px !important; }
  .mr-xs-60,
  .mx-xs-60 {
    margin-right: 60px !important; }
  .mb-xs-60,
  .my-xs-60 {
    margin-bottom: 60px !important; }
  .ml-xs-60,
  .mx-xs-60 {
    margin-left: 60px !important; }
  .m-xs-65 {
    margin: 65px !important; }
  .mt-xs-65,
  .my-xs-65 {
    margin-top: 65px !important; }
  .mr-xs-65,
  .mx-xs-65 {
    margin-right: 65px !important; }
  .mb-xs-65,
  .my-xs-65 {
    margin-bottom: 65px !important; }
  .ml-xs-65,
  .mx-xs-65 {
    margin-left: 65px !important; }
  .m-xs-70 {
    margin: 70px !important; }
  .mt-xs-70,
  .my-xs-70 {
    margin-top: 70px !important; }
  .mr-xs-70,
  .mx-xs-70 {
    margin-right: 70px !important; }
  .mb-xs-70,
  .my-xs-70 {
    margin-bottom: 70px !important; }
  .ml-xs-70,
  .mx-xs-70 {
    margin-left: 70px !important; }
  .m-xs-75 {
    margin: 75px !important; }
  .mt-xs-75,
  .my-xs-75 {
    margin-top: 75px !important; }
  .mr-xs-75,
  .mx-xs-75 {
    margin-right: 75px !important; }
  .mb-xs-75,
  .my-xs-75 {
    margin-bottom: 75px !important; }
  .ml-xs-75,
  .mx-xs-75 {
    margin-left: 75px !important; }
  .m-xs-80 {
    margin: 80px !important; }
  .mt-xs-80,
  .my-xs-80 {
    margin-top: 80px !important; }
  .mr-xs-80,
  .mx-xs-80 {
    margin-right: 80px !important; }
  .mb-xs-80,
  .my-xs-80 {
    margin-bottom: 80px !important; }
  .ml-xs-80,
  .mx-xs-80 {
    margin-left: 80px !important; }
  .m-xs-85 {
    margin: 85px !important; }
  .mt-xs-85,
  .my-xs-85 {
    margin-top: 85px !important; }
  .mr-xs-85,
  .mx-xs-85 {
    margin-right: 85px !important; }
  .mb-xs-85,
  .my-xs-85 {
    margin-bottom: 85px !important; }
  .ml-xs-85,
  .mx-xs-85 {
    margin-left: 85px !important; }
  .m-xs-90 {
    margin: 90px !important; }
  .mt-xs-90,
  .my-xs-90 {
    margin-top: 90px !important; }
  .mr-xs-90,
  .mx-xs-90 {
    margin-right: 90px !important; }
  .mb-xs-90,
  .my-xs-90 {
    margin-bottom: 90px !important; }
  .ml-xs-90,
  .mx-xs-90 {
    margin-left: 90px !important; }
  .m-xs-95 {
    margin: 95px !important; }
  .mt-xs-95,
  .my-xs-95 {
    margin-top: 95px !important; }
  .mr-xs-95,
  .mx-xs-95 {
    margin-right: 95px !important; }
  .mb-xs-95,
  .my-xs-95 {
    margin-bottom: 95px !important; }
  .ml-xs-95,
  .mx-xs-95 {
    margin-left: 95px !important; }
  .m-xs-100 {
    margin: 100px !important; }
  .mt-xs-100,
  .my-xs-100 {
    margin-top: 100px !important; }
  .mr-xs-100,
  .mx-xs-100 {
    margin-right: 100px !important; }
  .mb-xs-100,
  .my-xs-100 {
    margin-bottom: 100px !important; }
  .ml-xs-100,
  .mx-xs-100 {
    margin-left: 100px !important; }
  .m-xs-105 {
    margin: 105px !important; }
  .mt-xs-105,
  .my-xs-105 {
    margin-top: 105px !important; }
  .mr-xs-105,
  .mx-xs-105 {
    margin-right: 105px !important; }
  .mb-xs-105,
  .my-xs-105 {
    margin-bottom: 105px !important; }
  .ml-xs-105,
  .mx-xs-105 {
    margin-left: 105px !important; }
  .m-xs-110 {
    margin: 110px !important; }
  .mt-xs-110,
  .my-xs-110 {
    margin-top: 110px !important; }
  .mr-xs-110,
  .mx-xs-110 {
    margin-right: 110px !important; }
  .mb-xs-110,
  .my-xs-110 {
    margin-bottom: 110px !important; }
  .ml-xs-110,
  .mx-xs-110 {
    margin-left: 110px !important; }
  .m-xs-115 {
    margin: 115px !important; }
  .mt-xs-115,
  .my-xs-115 {
    margin-top: 115px !important; }
  .mr-xs-115,
  .mx-xs-115 {
    margin-right: 115px !important; }
  .mb-xs-115,
  .my-xs-115 {
    margin-bottom: 115px !important; }
  .ml-xs-115,
  .mx-xs-115 {
    margin-left: 115px !important; }
  .m-xs-120 {
    margin: 120px !important; }
  .mt-xs-120,
  .my-xs-120 {
    margin-top: 120px !important; }
  .mr-xs-120,
  .mx-xs-120 {
    margin-right: 120px !important; }
  .mb-xs-120,
  .my-xs-120 {
    margin-bottom: 120px !important; }
  .ml-xs-120,
  .mx-xs-120 {
    margin-left: 120px !important; }
  .p-xs-0 {
    padding: 0px !important; }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0px !important; }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0px !important; }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0px !important; }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0px !important; }
  .p-xs-5 {
    padding: 5px !important; }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 5px !important; }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 5px !important; }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 5px !important; }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 5px !important; }
  .p-xs-10 {
    padding: 10px !important; }
  .pt-xs-10,
  .py-xs-10 {
    padding-top: 10px !important; }
  .pr-xs-10,
  .px-xs-10 {
    padding-right: 10px !important; }
  .pb-xs-10,
  .py-xs-10 {
    padding-bottom: 10px !important; }
  .pl-xs-10,
  .px-xs-10 {
    padding-left: 10px !important; }
  .p-xs-15 {
    padding: 15px !important; }
  .pt-xs-15,
  .py-xs-15 {
    padding-top: 15px !important; }
  .pr-xs-15,
  .px-xs-15 {
    padding-right: 15px !important; }
  .pb-xs-15,
  .py-xs-15 {
    padding-bottom: 15px !important; }
  .pl-xs-15,
  .px-xs-15 {
    padding-left: 15px !important; }
  .p-xs-20 {
    padding: 20px !important; }
  .pt-xs-20,
  .py-xs-20 {
    padding-top: 20px !important; }
  .pr-xs-20,
  .px-xs-20 {
    padding-right: 20px !important; }
  .pb-xs-20,
  .py-xs-20 {
    padding-bottom: 20px !important; }
  .pl-xs-20,
  .px-xs-20 {
    padding-left: 20px !important; }
  .p-xs-25 {
    padding: 25px !important; }
  .pt-xs-25,
  .py-xs-25 {
    padding-top: 25px !important; }
  .pr-xs-25,
  .px-xs-25 {
    padding-right: 25px !important; }
  .pb-xs-25,
  .py-xs-25 {
    padding-bottom: 25px !important; }
  .pl-xs-25,
  .px-xs-25 {
    padding-left: 25px !important; }
  .p-xs-30 {
    padding: 30px !important; }
  .pt-xs-30,
  .py-xs-30 {
    padding-top: 30px !important; }
  .pr-xs-30,
  .px-xs-30 {
    padding-right: 30px !important; }
  .pb-xs-30,
  .py-xs-30 {
    padding-bottom: 30px !important; }
  .pl-xs-30,
  .px-xs-30 {
    padding-left: 30px !important; }
  .p-xs-35 {
    padding: 35px !important; }
  .pt-xs-35,
  .py-xs-35 {
    padding-top: 35px !important; }
  .pr-xs-35,
  .px-xs-35 {
    padding-right: 35px !important; }
  .pb-xs-35,
  .py-xs-35 {
    padding-bottom: 35px !important; }
  .pl-xs-35,
  .px-xs-35 {
    padding-left: 35px !important; }
  .p-xs-40 {
    padding: 40px !important; }
  .pt-xs-40,
  .py-xs-40 {
    padding-top: 40px !important; }
  .pr-xs-40,
  .px-xs-40 {
    padding-right: 40px !important; }
  .pb-xs-40,
  .py-xs-40 {
    padding-bottom: 40px !important; }
  .pl-xs-40,
  .px-xs-40 {
    padding-left: 40px !important; }
  .p-xs-45 {
    padding: 45px !important; }
  .pt-xs-45,
  .py-xs-45 {
    padding-top: 45px !important; }
  .pr-xs-45,
  .px-xs-45 {
    padding-right: 45px !important; }
  .pb-xs-45,
  .py-xs-45 {
    padding-bottom: 45px !important; }
  .pl-xs-45,
  .px-xs-45 {
    padding-left: 45px !important; }
  .p-xs-50 {
    padding: 50px !important; }
  .pt-xs-50,
  .py-xs-50 {
    padding-top: 50px !important; }
  .pr-xs-50,
  .px-xs-50 {
    padding-right: 50px !important; }
  .pb-xs-50,
  .py-xs-50 {
    padding-bottom: 50px !important; }
  .pl-xs-50,
  .px-xs-50 {
    padding-left: 50px !important; }
  .p-xs-55 {
    padding: 55px !important; }
  .pt-xs-55,
  .py-xs-55 {
    padding-top: 55px !important; }
  .pr-xs-55,
  .px-xs-55 {
    padding-right: 55px !important; }
  .pb-xs-55,
  .py-xs-55 {
    padding-bottom: 55px !important; }
  .pl-xs-55,
  .px-xs-55 {
    padding-left: 55px !important; }
  .p-xs-60 {
    padding: 60px !important; }
  .pt-xs-60,
  .py-xs-60 {
    padding-top: 60px !important; }
  .pr-xs-60,
  .px-xs-60 {
    padding-right: 60px !important; }
  .pb-xs-60,
  .py-xs-60 {
    padding-bottom: 60px !important; }
  .pl-xs-60,
  .px-xs-60 {
    padding-left: 60px !important; }
  .p-xs-65 {
    padding: 65px !important; }
  .pt-xs-65,
  .py-xs-65 {
    padding-top: 65px !important; }
  .pr-xs-65,
  .px-xs-65 {
    padding-right: 65px !important; }
  .pb-xs-65,
  .py-xs-65 {
    padding-bottom: 65px !important; }
  .pl-xs-65,
  .px-xs-65 {
    padding-left: 65px !important; }
  .p-xs-70 {
    padding: 70px !important; }
  .pt-xs-70,
  .py-xs-70 {
    padding-top: 70px !important; }
  .pr-xs-70,
  .px-xs-70 {
    padding-right: 70px !important; }
  .pb-xs-70,
  .py-xs-70 {
    padding-bottom: 70px !important; }
  .pl-xs-70,
  .px-xs-70 {
    padding-left: 70px !important; }
  .p-xs-75 {
    padding: 75px !important; }
  .pt-xs-75,
  .py-xs-75 {
    padding-top: 75px !important; }
  .pr-xs-75,
  .px-xs-75 {
    padding-right: 75px !important; }
  .pb-xs-75,
  .py-xs-75 {
    padding-bottom: 75px !important; }
  .pl-xs-75,
  .px-xs-75 {
    padding-left: 75px !important; }
  .p-xs-80 {
    padding: 80px !important; }
  .pt-xs-80,
  .py-xs-80 {
    padding-top: 80px !important; }
  .pr-xs-80,
  .px-xs-80 {
    padding-right: 80px !important; }
  .pb-xs-80,
  .py-xs-80 {
    padding-bottom: 80px !important; }
  .pl-xs-80,
  .px-xs-80 {
    padding-left: 80px !important; }
  .p-xs-85 {
    padding: 85px !important; }
  .pt-xs-85,
  .py-xs-85 {
    padding-top: 85px !important; }
  .pr-xs-85,
  .px-xs-85 {
    padding-right: 85px !important; }
  .pb-xs-85,
  .py-xs-85 {
    padding-bottom: 85px !important; }
  .pl-xs-85,
  .px-xs-85 {
    padding-left: 85px !important; }
  .p-xs-90 {
    padding: 90px !important; }
  .pt-xs-90,
  .py-xs-90 {
    padding-top: 90px !important; }
  .pr-xs-90,
  .px-xs-90 {
    padding-right: 90px !important; }
  .pb-xs-90,
  .py-xs-90 {
    padding-bottom: 90px !important; }
  .pl-xs-90,
  .px-xs-90 {
    padding-left: 90px !important; }
  .p-xs-95 {
    padding: 95px !important; }
  .pt-xs-95,
  .py-xs-95 {
    padding-top: 95px !important; }
  .pr-xs-95,
  .px-xs-95 {
    padding-right: 95px !important; }
  .pb-xs-95,
  .py-xs-95 {
    padding-bottom: 95px !important; }
  .pl-xs-95,
  .px-xs-95 {
    padding-left: 95px !important; }
  .p-xs-100 {
    padding: 100px !important; }
  .pt-xs-100,
  .py-xs-100 {
    padding-top: 100px !important; }
  .pr-xs-100,
  .px-xs-100 {
    padding-right: 100px !important; }
  .pb-xs-100,
  .py-xs-100 {
    padding-bottom: 100px !important; }
  .pl-xs-100,
  .px-xs-100 {
    padding-left: 100px !important; }
  .p-xs-105 {
    padding: 105px !important; }
  .pt-xs-105,
  .py-xs-105 {
    padding-top: 105px !important; }
  .pr-xs-105,
  .px-xs-105 {
    padding-right: 105px !important; }
  .pb-xs-105,
  .py-xs-105 {
    padding-bottom: 105px !important; }
  .pl-xs-105,
  .px-xs-105 {
    padding-left: 105px !important; }
  .p-xs-110 {
    padding: 110px !important; }
  .pt-xs-110,
  .py-xs-110 {
    padding-top: 110px !important; }
  .pr-xs-110,
  .px-xs-110 {
    padding-right: 110px !important; }
  .pb-xs-110,
  .py-xs-110 {
    padding-bottom: 110px !important; }
  .pl-xs-110,
  .px-xs-110 {
    padding-left: 110px !important; }
  .p-xs-115 {
    padding: 115px !important; }
  .pt-xs-115,
  .py-xs-115 {
    padding-top: 115px !important; }
  .pr-xs-115,
  .px-xs-115 {
    padding-right: 115px !important; }
  .pb-xs-115,
  .py-xs-115 {
    padding-bottom: 115px !important; }
  .pl-xs-115,
  .px-xs-115 {
    padding-left: 115px !important; }
  .p-xs-120 {
    padding: 120px !important; }
  .pt-xs-120,
  .py-xs-120 {
    padding-top: 120px !important; }
  .pr-xs-120,
  .px-xs-120 {
    padding-right: 120px !important; }
  .pb-xs-120,
  .py-xs-120 {
    padding-bottom: 120px !important; }
  .pl-xs-120,
  .px-xs-120 {
    padding-left: 120px !important; }
  .m-xs-auto {
    margin: auto !important; }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important; }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important; }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important; }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important; } }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0px !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0px !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0px !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0px !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0px !important; }
  .m-sm-5 {
    margin: 5px !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 5px !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 5px !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 5px !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 5px !important; }
  .m-sm-10 {
    margin: 10px !important; }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 10px !important; }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 10px !important; }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 10px !important; }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 10px !important; }
  .m-sm-15 {
    margin: 15px !important; }
  .mt-sm-15,
  .my-sm-15 {
    margin-top: 15px !important; }
  .mr-sm-15,
  .mx-sm-15 {
    margin-right: 15px !important; }
  .mb-sm-15,
  .my-sm-15 {
    margin-bottom: 15px !important; }
  .ml-sm-15,
  .mx-sm-15 {
    margin-left: 15px !important; }
  .m-sm-20 {
    margin: 20px !important; }
  .mt-sm-20,
  .my-sm-20 {
    margin-top: 20px !important; }
  .mr-sm-20,
  .mx-sm-20 {
    margin-right: 20px !important; }
  .mb-sm-20,
  .my-sm-20 {
    margin-bottom: 20px !important; }
  .ml-sm-20,
  .mx-sm-20 {
    margin-left: 20px !important; }
  .m-sm-25 {
    margin: 25px !important; }
  .mt-sm-25,
  .my-sm-25 {
    margin-top: 25px !important; }
  .mr-sm-25,
  .mx-sm-25 {
    margin-right: 25px !important; }
  .mb-sm-25,
  .my-sm-25 {
    margin-bottom: 25px !important; }
  .ml-sm-25,
  .mx-sm-25 {
    margin-left: 25px !important; }
  .m-sm-30 {
    margin: 30px !important; }
  .mt-sm-30,
  .my-sm-30 {
    margin-top: 30px !important; }
  .mr-sm-30,
  .mx-sm-30 {
    margin-right: 30px !important; }
  .mb-sm-30,
  .my-sm-30 {
    margin-bottom: 30px !important; }
  .ml-sm-30,
  .mx-sm-30 {
    margin-left: 30px !important; }
  .m-sm-35 {
    margin: 35px !important; }
  .mt-sm-35,
  .my-sm-35 {
    margin-top: 35px !important; }
  .mr-sm-35,
  .mx-sm-35 {
    margin-right: 35px !important; }
  .mb-sm-35,
  .my-sm-35 {
    margin-bottom: 35px !important; }
  .ml-sm-35,
  .mx-sm-35 {
    margin-left: 35px !important; }
  .m-sm-40 {
    margin: 40px !important; }
  .mt-sm-40,
  .my-sm-40 {
    margin-top: 40px !important; }
  .mr-sm-40,
  .mx-sm-40 {
    margin-right: 40px !important; }
  .mb-sm-40,
  .my-sm-40 {
    margin-bottom: 40px !important; }
  .ml-sm-40,
  .mx-sm-40 {
    margin-left: 40px !important; }
  .m-sm-45 {
    margin: 45px !important; }
  .mt-sm-45,
  .my-sm-45 {
    margin-top: 45px !important; }
  .mr-sm-45,
  .mx-sm-45 {
    margin-right: 45px !important; }
  .mb-sm-45,
  .my-sm-45 {
    margin-bottom: 45px !important; }
  .ml-sm-45,
  .mx-sm-45 {
    margin-left: 45px !important; }
  .m-sm-50 {
    margin: 50px !important; }
  .mt-sm-50,
  .my-sm-50 {
    margin-top: 50px !important; }
  .mr-sm-50,
  .mx-sm-50 {
    margin-right: 50px !important; }
  .mb-sm-50,
  .my-sm-50 {
    margin-bottom: 50px !important; }
  .ml-sm-50,
  .mx-sm-50 {
    margin-left: 50px !important; }
  .m-sm-55 {
    margin: 55px !important; }
  .mt-sm-55,
  .my-sm-55 {
    margin-top: 55px !important; }
  .mr-sm-55,
  .mx-sm-55 {
    margin-right: 55px !important; }
  .mb-sm-55,
  .my-sm-55 {
    margin-bottom: 55px !important; }
  .ml-sm-55,
  .mx-sm-55 {
    margin-left: 55px !important; }
  .m-sm-60 {
    margin: 60px !important; }
  .mt-sm-60,
  .my-sm-60 {
    margin-top: 60px !important; }
  .mr-sm-60,
  .mx-sm-60 {
    margin-right: 60px !important; }
  .mb-sm-60,
  .my-sm-60 {
    margin-bottom: 60px !important; }
  .ml-sm-60,
  .mx-sm-60 {
    margin-left: 60px !important; }
  .m-sm-65 {
    margin: 65px !important; }
  .mt-sm-65,
  .my-sm-65 {
    margin-top: 65px !important; }
  .mr-sm-65,
  .mx-sm-65 {
    margin-right: 65px !important; }
  .mb-sm-65,
  .my-sm-65 {
    margin-bottom: 65px !important; }
  .ml-sm-65,
  .mx-sm-65 {
    margin-left: 65px !important; }
  .m-sm-70 {
    margin: 70px !important; }
  .mt-sm-70,
  .my-sm-70 {
    margin-top: 70px !important; }
  .mr-sm-70,
  .mx-sm-70 {
    margin-right: 70px !important; }
  .mb-sm-70,
  .my-sm-70 {
    margin-bottom: 70px !important; }
  .ml-sm-70,
  .mx-sm-70 {
    margin-left: 70px !important; }
  .m-sm-75 {
    margin: 75px !important; }
  .mt-sm-75,
  .my-sm-75 {
    margin-top: 75px !important; }
  .mr-sm-75,
  .mx-sm-75 {
    margin-right: 75px !important; }
  .mb-sm-75,
  .my-sm-75 {
    margin-bottom: 75px !important; }
  .ml-sm-75,
  .mx-sm-75 {
    margin-left: 75px !important; }
  .m-sm-80 {
    margin: 80px !important; }
  .mt-sm-80,
  .my-sm-80 {
    margin-top: 80px !important; }
  .mr-sm-80,
  .mx-sm-80 {
    margin-right: 80px !important; }
  .mb-sm-80,
  .my-sm-80 {
    margin-bottom: 80px !important; }
  .ml-sm-80,
  .mx-sm-80 {
    margin-left: 80px !important; }
  .m-sm-85 {
    margin: 85px !important; }
  .mt-sm-85,
  .my-sm-85 {
    margin-top: 85px !important; }
  .mr-sm-85,
  .mx-sm-85 {
    margin-right: 85px !important; }
  .mb-sm-85,
  .my-sm-85 {
    margin-bottom: 85px !important; }
  .ml-sm-85,
  .mx-sm-85 {
    margin-left: 85px !important; }
  .m-sm-90 {
    margin: 90px !important; }
  .mt-sm-90,
  .my-sm-90 {
    margin-top: 90px !important; }
  .mr-sm-90,
  .mx-sm-90 {
    margin-right: 90px !important; }
  .mb-sm-90,
  .my-sm-90 {
    margin-bottom: 90px !important; }
  .ml-sm-90,
  .mx-sm-90 {
    margin-left: 90px !important; }
  .m-sm-95 {
    margin: 95px !important; }
  .mt-sm-95,
  .my-sm-95 {
    margin-top: 95px !important; }
  .mr-sm-95,
  .mx-sm-95 {
    margin-right: 95px !important; }
  .mb-sm-95,
  .my-sm-95 {
    margin-bottom: 95px !important; }
  .ml-sm-95,
  .mx-sm-95 {
    margin-left: 95px !important; }
  .m-sm-100 {
    margin: 100px !important; }
  .mt-sm-100,
  .my-sm-100 {
    margin-top: 100px !important; }
  .mr-sm-100,
  .mx-sm-100 {
    margin-right: 100px !important; }
  .mb-sm-100,
  .my-sm-100 {
    margin-bottom: 100px !important; }
  .ml-sm-100,
  .mx-sm-100 {
    margin-left: 100px !important; }
  .m-sm-105 {
    margin: 105px !important; }
  .mt-sm-105,
  .my-sm-105 {
    margin-top: 105px !important; }
  .mr-sm-105,
  .mx-sm-105 {
    margin-right: 105px !important; }
  .mb-sm-105,
  .my-sm-105 {
    margin-bottom: 105px !important; }
  .ml-sm-105,
  .mx-sm-105 {
    margin-left: 105px !important; }
  .m-sm-110 {
    margin: 110px !important; }
  .mt-sm-110,
  .my-sm-110 {
    margin-top: 110px !important; }
  .mr-sm-110,
  .mx-sm-110 {
    margin-right: 110px !important; }
  .mb-sm-110,
  .my-sm-110 {
    margin-bottom: 110px !important; }
  .ml-sm-110,
  .mx-sm-110 {
    margin-left: 110px !important; }
  .m-sm-115 {
    margin: 115px !important; }
  .mt-sm-115,
  .my-sm-115 {
    margin-top: 115px !important; }
  .mr-sm-115,
  .mx-sm-115 {
    margin-right: 115px !important; }
  .mb-sm-115,
  .my-sm-115 {
    margin-bottom: 115px !important; }
  .ml-sm-115,
  .mx-sm-115 {
    margin-left: 115px !important; }
  .m-sm-120 {
    margin: 120px !important; }
  .mt-sm-120,
  .my-sm-120 {
    margin-top: 120px !important; }
  .mr-sm-120,
  .mx-sm-120 {
    margin-right: 120px !important; }
  .mb-sm-120,
  .my-sm-120 {
    margin-bottom: 120px !important; }
  .ml-sm-120,
  .mx-sm-120 {
    margin-left: 120px !important; }
  .p-sm-0 {
    padding: 0px !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0px !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0px !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0px !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0px !important; }
  .p-sm-5 {
    padding: 5px !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 5px !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 5px !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 5px !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 5px !important; }
  .p-sm-10 {
    padding: 10px !important; }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 10px !important; }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 10px !important; }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 10px !important; }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 10px !important; }
  .p-sm-15 {
    padding: 15px !important; }
  .pt-sm-15,
  .py-sm-15 {
    padding-top: 15px !important; }
  .pr-sm-15,
  .px-sm-15 {
    padding-right: 15px !important; }
  .pb-sm-15,
  .py-sm-15 {
    padding-bottom: 15px !important; }
  .pl-sm-15,
  .px-sm-15 {
    padding-left: 15px !important; }
  .p-sm-20 {
    padding: 20px !important; }
  .pt-sm-20,
  .py-sm-20 {
    padding-top: 20px !important; }
  .pr-sm-20,
  .px-sm-20 {
    padding-right: 20px !important; }
  .pb-sm-20,
  .py-sm-20 {
    padding-bottom: 20px !important; }
  .pl-sm-20,
  .px-sm-20 {
    padding-left: 20px !important; }
  .p-sm-25 {
    padding: 25px !important; }
  .pt-sm-25,
  .py-sm-25 {
    padding-top: 25px !important; }
  .pr-sm-25,
  .px-sm-25 {
    padding-right: 25px !important; }
  .pb-sm-25,
  .py-sm-25 {
    padding-bottom: 25px !important; }
  .pl-sm-25,
  .px-sm-25 {
    padding-left: 25px !important; }
  .p-sm-30 {
    padding: 30px !important; }
  .pt-sm-30,
  .py-sm-30 {
    padding-top: 30px !important; }
  .pr-sm-30,
  .px-sm-30 {
    padding-right: 30px !important; }
  .pb-sm-30,
  .py-sm-30 {
    padding-bottom: 30px !important; }
  .pl-sm-30,
  .px-sm-30 {
    padding-left: 30px !important; }
  .p-sm-35 {
    padding: 35px !important; }
  .pt-sm-35,
  .py-sm-35 {
    padding-top: 35px !important; }
  .pr-sm-35,
  .px-sm-35 {
    padding-right: 35px !important; }
  .pb-sm-35,
  .py-sm-35 {
    padding-bottom: 35px !important; }
  .pl-sm-35,
  .px-sm-35 {
    padding-left: 35px !important; }
  .p-sm-40 {
    padding: 40px !important; }
  .pt-sm-40,
  .py-sm-40 {
    padding-top: 40px !important; }
  .pr-sm-40,
  .px-sm-40 {
    padding-right: 40px !important; }
  .pb-sm-40,
  .py-sm-40 {
    padding-bottom: 40px !important; }
  .pl-sm-40,
  .px-sm-40 {
    padding-left: 40px !important; }
  .p-sm-45 {
    padding: 45px !important; }
  .pt-sm-45,
  .py-sm-45 {
    padding-top: 45px !important; }
  .pr-sm-45,
  .px-sm-45 {
    padding-right: 45px !important; }
  .pb-sm-45,
  .py-sm-45 {
    padding-bottom: 45px !important; }
  .pl-sm-45,
  .px-sm-45 {
    padding-left: 45px !important; }
  .p-sm-50 {
    padding: 50px !important; }
  .pt-sm-50,
  .py-sm-50 {
    padding-top: 50px !important; }
  .pr-sm-50,
  .px-sm-50 {
    padding-right: 50px !important; }
  .pb-sm-50,
  .py-sm-50 {
    padding-bottom: 50px !important; }
  .pl-sm-50,
  .px-sm-50 {
    padding-left: 50px !important; }
  .p-sm-55 {
    padding: 55px !important; }
  .pt-sm-55,
  .py-sm-55 {
    padding-top: 55px !important; }
  .pr-sm-55,
  .px-sm-55 {
    padding-right: 55px !important; }
  .pb-sm-55,
  .py-sm-55 {
    padding-bottom: 55px !important; }
  .pl-sm-55,
  .px-sm-55 {
    padding-left: 55px !important; }
  .p-sm-60 {
    padding: 60px !important; }
  .pt-sm-60,
  .py-sm-60 {
    padding-top: 60px !important; }
  .pr-sm-60,
  .px-sm-60 {
    padding-right: 60px !important; }
  .pb-sm-60,
  .py-sm-60 {
    padding-bottom: 60px !important; }
  .pl-sm-60,
  .px-sm-60 {
    padding-left: 60px !important; }
  .p-sm-65 {
    padding: 65px !important; }
  .pt-sm-65,
  .py-sm-65 {
    padding-top: 65px !important; }
  .pr-sm-65,
  .px-sm-65 {
    padding-right: 65px !important; }
  .pb-sm-65,
  .py-sm-65 {
    padding-bottom: 65px !important; }
  .pl-sm-65,
  .px-sm-65 {
    padding-left: 65px !important; }
  .p-sm-70 {
    padding: 70px !important; }
  .pt-sm-70,
  .py-sm-70 {
    padding-top: 70px !important; }
  .pr-sm-70,
  .px-sm-70 {
    padding-right: 70px !important; }
  .pb-sm-70,
  .py-sm-70 {
    padding-bottom: 70px !important; }
  .pl-sm-70,
  .px-sm-70 {
    padding-left: 70px !important; }
  .p-sm-75 {
    padding: 75px !important; }
  .pt-sm-75,
  .py-sm-75 {
    padding-top: 75px !important; }
  .pr-sm-75,
  .px-sm-75 {
    padding-right: 75px !important; }
  .pb-sm-75,
  .py-sm-75 {
    padding-bottom: 75px !important; }
  .pl-sm-75,
  .px-sm-75 {
    padding-left: 75px !important; }
  .p-sm-80 {
    padding: 80px !important; }
  .pt-sm-80,
  .py-sm-80 {
    padding-top: 80px !important; }
  .pr-sm-80,
  .px-sm-80 {
    padding-right: 80px !important; }
  .pb-sm-80,
  .py-sm-80 {
    padding-bottom: 80px !important; }
  .pl-sm-80,
  .px-sm-80 {
    padding-left: 80px !important; }
  .p-sm-85 {
    padding: 85px !important; }
  .pt-sm-85,
  .py-sm-85 {
    padding-top: 85px !important; }
  .pr-sm-85,
  .px-sm-85 {
    padding-right: 85px !important; }
  .pb-sm-85,
  .py-sm-85 {
    padding-bottom: 85px !important; }
  .pl-sm-85,
  .px-sm-85 {
    padding-left: 85px !important; }
  .p-sm-90 {
    padding: 90px !important; }
  .pt-sm-90,
  .py-sm-90 {
    padding-top: 90px !important; }
  .pr-sm-90,
  .px-sm-90 {
    padding-right: 90px !important; }
  .pb-sm-90,
  .py-sm-90 {
    padding-bottom: 90px !important; }
  .pl-sm-90,
  .px-sm-90 {
    padding-left: 90px !important; }
  .p-sm-95 {
    padding: 95px !important; }
  .pt-sm-95,
  .py-sm-95 {
    padding-top: 95px !important; }
  .pr-sm-95,
  .px-sm-95 {
    padding-right: 95px !important; }
  .pb-sm-95,
  .py-sm-95 {
    padding-bottom: 95px !important; }
  .pl-sm-95,
  .px-sm-95 {
    padding-left: 95px !important; }
  .p-sm-100 {
    padding: 100px !important; }
  .pt-sm-100,
  .py-sm-100 {
    padding-top: 100px !important; }
  .pr-sm-100,
  .px-sm-100 {
    padding-right: 100px !important; }
  .pb-sm-100,
  .py-sm-100 {
    padding-bottom: 100px !important; }
  .pl-sm-100,
  .px-sm-100 {
    padding-left: 100px !important; }
  .p-sm-105 {
    padding: 105px !important; }
  .pt-sm-105,
  .py-sm-105 {
    padding-top: 105px !important; }
  .pr-sm-105,
  .px-sm-105 {
    padding-right: 105px !important; }
  .pb-sm-105,
  .py-sm-105 {
    padding-bottom: 105px !important; }
  .pl-sm-105,
  .px-sm-105 {
    padding-left: 105px !important; }
  .p-sm-110 {
    padding: 110px !important; }
  .pt-sm-110,
  .py-sm-110 {
    padding-top: 110px !important; }
  .pr-sm-110,
  .px-sm-110 {
    padding-right: 110px !important; }
  .pb-sm-110,
  .py-sm-110 {
    padding-bottom: 110px !important; }
  .pl-sm-110,
  .px-sm-110 {
    padding-left: 110px !important; }
  .p-sm-115 {
    padding: 115px !important; }
  .pt-sm-115,
  .py-sm-115 {
    padding-top: 115px !important; }
  .pr-sm-115,
  .px-sm-115 {
    padding-right: 115px !important; }
  .pb-sm-115,
  .py-sm-115 {
    padding-bottom: 115px !important; }
  .pl-sm-115,
  .px-sm-115 {
    padding-left: 115px !important; }
  .p-sm-120 {
    padding: 120px !important; }
  .pt-sm-120,
  .py-sm-120 {
    padding-top: 120px !important; }
  .pr-sm-120,
  .px-sm-120 {
    padding-right: 120px !important; }
  .pb-sm-120,
  .py-sm-120 {
    padding-bottom: 120px !important; }
  .pl-sm-120,
  .px-sm-120 {
    padding-left: 120px !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0px !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0px !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0px !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0px !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0px !important; }
  .m-md-5 {
    margin: 5px !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 5px !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 5px !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 5px !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 5px !important; }
  .m-md-10 {
    margin: 10px !important; }
  .mt-md-10,
  .my-md-10 {
    margin-top: 10px !important; }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 10px !important; }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 10px !important; }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 10px !important; }
  .m-md-15 {
    margin: 15px !important; }
  .mt-md-15,
  .my-md-15 {
    margin-top: 15px !important; }
  .mr-md-15,
  .mx-md-15 {
    margin-right: 15px !important; }
  .mb-md-15,
  .my-md-15 {
    margin-bottom: 15px !important; }
  .ml-md-15,
  .mx-md-15 {
    margin-left: 15px !important; }
  .m-md-20 {
    margin: 20px !important; }
  .mt-md-20,
  .my-md-20 {
    margin-top: 20px !important; }
  .mr-md-20,
  .mx-md-20 {
    margin-right: 20px !important; }
  .mb-md-20,
  .my-md-20 {
    margin-bottom: 20px !important; }
  .ml-md-20,
  .mx-md-20 {
    margin-left: 20px !important; }
  .m-md-25 {
    margin: 25px !important; }
  .mt-md-25,
  .my-md-25 {
    margin-top: 25px !important; }
  .mr-md-25,
  .mx-md-25 {
    margin-right: 25px !important; }
  .mb-md-25,
  .my-md-25 {
    margin-bottom: 25px !important; }
  .ml-md-25,
  .mx-md-25 {
    margin-left: 25px !important; }
  .m-md-30 {
    margin: 30px !important; }
  .mt-md-30,
  .my-md-30 {
    margin-top: 30px !important; }
  .mr-md-30,
  .mx-md-30 {
    margin-right: 30px !important; }
  .mb-md-30,
  .my-md-30 {
    margin-bottom: 30px !important; }
  .ml-md-30,
  .mx-md-30 {
    margin-left: 30px !important; }
  .m-md-35 {
    margin: 35px !important; }
  .mt-md-35,
  .my-md-35 {
    margin-top: 35px !important; }
  .mr-md-35,
  .mx-md-35 {
    margin-right: 35px !important; }
  .mb-md-35,
  .my-md-35 {
    margin-bottom: 35px !important; }
  .ml-md-35,
  .mx-md-35 {
    margin-left: 35px !important; }
  .m-md-40 {
    margin: 40px !important; }
  .mt-md-40,
  .my-md-40 {
    margin-top: 40px !important; }
  .mr-md-40,
  .mx-md-40 {
    margin-right: 40px !important; }
  .mb-md-40,
  .my-md-40 {
    margin-bottom: 40px !important; }
  .ml-md-40,
  .mx-md-40 {
    margin-left: 40px !important; }
  .m-md-45 {
    margin: 45px !important; }
  .mt-md-45,
  .my-md-45 {
    margin-top: 45px !important; }
  .mr-md-45,
  .mx-md-45 {
    margin-right: 45px !important; }
  .mb-md-45,
  .my-md-45 {
    margin-bottom: 45px !important; }
  .ml-md-45,
  .mx-md-45 {
    margin-left: 45px !important; }
  .m-md-50 {
    margin: 50px !important; }
  .mt-md-50,
  .my-md-50 {
    margin-top: 50px !important; }
  .mr-md-50,
  .mx-md-50 {
    margin-right: 50px !important; }
  .mb-md-50,
  .my-md-50 {
    margin-bottom: 50px !important; }
  .ml-md-50,
  .mx-md-50 {
    margin-left: 50px !important; }
  .m-md-55 {
    margin: 55px !important; }
  .mt-md-55,
  .my-md-55 {
    margin-top: 55px !important; }
  .mr-md-55,
  .mx-md-55 {
    margin-right: 55px !important; }
  .mb-md-55,
  .my-md-55 {
    margin-bottom: 55px !important; }
  .ml-md-55,
  .mx-md-55 {
    margin-left: 55px !important; }
  .m-md-60 {
    margin: 60px !important; }
  .mt-md-60,
  .my-md-60 {
    margin-top: 60px !important; }
  .mr-md-60,
  .mx-md-60 {
    margin-right: 60px !important; }
  .mb-md-60,
  .my-md-60 {
    margin-bottom: 60px !important; }
  .ml-md-60,
  .mx-md-60 {
    margin-left: 60px !important; }
  .m-md-65 {
    margin: 65px !important; }
  .mt-md-65,
  .my-md-65 {
    margin-top: 65px !important; }
  .mr-md-65,
  .mx-md-65 {
    margin-right: 65px !important; }
  .mb-md-65,
  .my-md-65 {
    margin-bottom: 65px !important; }
  .ml-md-65,
  .mx-md-65 {
    margin-left: 65px !important; }
  .m-md-70 {
    margin: 70px !important; }
  .mt-md-70,
  .my-md-70 {
    margin-top: 70px !important; }
  .mr-md-70,
  .mx-md-70 {
    margin-right: 70px !important; }
  .mb-md-70,
  .my-md-70 {
    margin-bottom: 70px !important; }
  .ml-md-70,
  .mx-md-70 {
    margin-left: 70px !important; }
  .m-md-75 {
    margin: 75px !important; }
  .mt-md-75,
  .my-md-75 {
    margin-top: 75px !important; }
  .mr-md-75,
  .mx-md-75 {
    margin-right: 75px !important; }
  .mb-md-75,
  .my-md-75 {
    margin-bottom: 75px !important; }
  .ml-md-75,
  .mx-md-75 {
    margin-left: 75px !important; }
  .m-md-80 {
    margin: 80px !important; }
  .mt-md-80,
  .my-md-80 {
    margin-top: 80px !important; }
  .mr-md-80,
  .mx-md-80 {
    margin-right: 80px !important; }
  .mb-md-80,
  .my-md-80 {
    margin-bottom: 80px !important; }
  .ml-md-80,
  .mx-md-80 {
    margin-left: 80px !important; }
  .m-md-85 {
    margin: 85px !important; }
  .mt-md-85,
  .my-md-85 {
    margin-top: 85px !important; }
  .mr-md-85,
  .mx-md-85 {
    margin-right: 85px !important; }
  .mb-md-85,
  .my-md-85 {
    margin-bottom: 85px !important; }
  .ml-md-85,
  .mx-md-85 {
    margin-left: 85px !important; }
  .m-md-90 {
    margin: 90px !important; }
  .mt-md-90,
  .my-md-90 {
    margin-top: 90px !important; }
  .mr-md-90,
  .mx-md-90 {
    margin-right: 90px !important; }
  .mb-md-90,
  .my-md-90 {
    margin-bottom: 90px !important; }
  .ml-md-90,
  .mx-md-90 {
    margin-left: 90px !important; }
  .m-md-95 {
    margin: 95px !important; }
  .mt-md-95,
  .my-md-95 {
    margin-top: 95px !important; }
  .mr-md-95,
  .mx-md-95 {
    margin-right: 95px !important; }
  .mb-md-95,
  .my-md-95 {
    margin-bottom: 95px !important; }
  .ml-md-95,
  .mx-md-95 {
    margin-left: 95px !important; }
  .m-md-100 {
    margin: 100px !important; }
  .mt-md-100,
  .my-md-100 {
    margin-top: 100px !important; }
  .mr-md-100,
  .mx-md-100 {
    margin-right: 100px !important; }
  .mb-md-100,
  .my-md-100 {
    margin-bottom: 100px !important; }
  .ml-md-100,
  .mx-md-100 {
    margin-left: 100px !important; }
  .m-md-105 {
    margin: 105px !important; }
  .mt-md-105,
  .my-md-105 {
    margin-top: 105px !important; }
  .mr-md-105,
  .mx-md-105 {
    margin-right: 105px !important; }
  .mb-md-105,
  .my-md-105 {
    margin-bottom: 105px !important; }
  .ml-md-105,
  .mx-md-105 {
    margin-left: 105px !important; }
  .m-md-110 {
    margin: 110px !important; }
  .mt-md-110,
  .my-md-110 {
    margin-top: 110px !important; }
  .mr-md-110,
  .mx-md-110 {
    margin-right: 110px !important; }
  .mb-md-110,
  .my-md-110 {
    margin-bottom: 110px !important; }
  .ml-md-110,
  .mx-md-110 {
    margin-left: 110px !important; }
  .m-md-115 {
    margin: 115px !important; }
  .mt-md-115,
  .my-md-115 {
    margin-top: 115px !important; }
  .mr-md-115,
  .mx-md-115 {
    margin-right: 115px !important; }
  .mb-md-115,
  .my-md-115 {
    margin-bottom: 115px !important; }
  .ml-md-115,
  .mx-md-115 {
    margin-left: 115px !important; }
  .m-md-120 {
    margin: 120px !important; }
  .mt-md-120,
  .my-md-120 {
    margin-top: 120px !important; }
  .mr-md-120,
  .mx-md-120 {
    margin-right: 120px !important; }
  .mb-md-120,
  .my-md-120 {
    margin-bottom: 120px !important; }
  .ml-md-120,
  .mx-md-120 {
    margin-left: 120px !important; }
  .p-md-0 {
    padding: 0px !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0px !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0px !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0px !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0px !important; }
  .p-md-5 {
    padding: 5px !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 5px !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 5px !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 5px !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 5px !important; }
  .p-md-10 {
    padding: 10px !important; }
  .pt-md-10,
  .py-md-10 {
    padding-top: 10px !important; }
  .pr-md-10,
  .px-md-10 {
    padding-right: 10px !important; }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 10px !important; }
  .pl-md-10,
  .px-md-10 {
    padding-left: 10px !important; }
  .p-md-15 {
    padding: 15px !important; }
  .pt-md-15,
  .py-md-15 {
    padding-top: 15px !important; }
  .pr-md-15,
  .px-md-15 {
    padding-right: 15px !important; }
  .pb-md-15,
  .py-md-15 {
    padding-bottom: 15px !important; }
  .pl-md-15,
  .px-md-15 {
    padding-left: 15px !important; }
  .p-md-20 {
    padding: 20px !important; }
  .pt-md-20,
  .py-md-20 {
    padding-top: 20px !important; }
  .pr-md-20,
  .px-md-20 {
    padding-right: 20px !important; }
  .pb-md-20,
  .py-md-20 {
    padding-bottom: 20px !important; }
  .pl-md-20,
  .px-md-20 {
    padding-left: 20px !important; }
  .p-md-25 {
    padding: 25px !important; }
  .pt-md-25,
  .py-md-25 {
    padding-top: 25px !important; }
  .pr-md-25,
  .px-md-25 {
    padding-right: 25px !important; }
  .pb-md-25,
  .py-md-25 {
    padding-bottom: 25px !important; }
  .pl-md-25,
  .px-md-25 {
    padding-left: 25px !important; }
  .p-md-30 {
    padding: 30px !important; }
  .pt-md-30,
  .py-md-30 {
    padding-top: 30px !important; }
  .pr-md-30,
  .px-md-30 {
    padding-right: 30px !important; }
  .pb-md-30,
  .py-md-30 {
    padding-bottom: 30px !important; }
  .pl-md-30,
  .px-md-30 {
    padding-left: 30px !important; }
  .p-md-35 {
    padding: 35px !important; }
  .pt-md-35,
  .py-md-35 {
    padding-top: 35px !important; }
  .pr-md-35,
  .px-md-35 {
    padding-right: 35px !important; }
  .pb-md-35,
  .py-md-35 {
    padding-bottom: 35px !important; }
  .pl-md-35,
  .px-md-35 {
    padding-left: 35px !important; }
  .p-md-40 {
    padding: 40px !important; }
  .pt-md-40,
  .py-md-40 {
    padding-top: 40px !important; }
  .pr-md-40,
  .px-md-40 {
    padding-right: 40px !important; }
  .pb-md-40,
  .py-md-40 {
    padding-bottom: 40px !important; }
  .pl-md-40,
  .px-md-40 {
    padding-left: 40px !important; }
  .p-md-45 {
    padding: 45px !important; }
  .pt-md-45,
  .py-md-45 {
    padding-top: 45px !important; }
  .pr-md-45,
  .px-md-45 {
    padding-right: 45px !important; }
  .pb-md-45,
  .py-md-45 {
    padding-bottom: 45px !important; }
  .pl-md-45,
  .px-md-45 {
    padding-left: 45px !important; }
  .p-md-50 {
    padding: 50px !important; }
  .pt-md-50,
  .py-md-50 {
    padding-top: 50px !important; }
  .pr-md-50,
  .px-md-50 {
    padding-right: 50px !important; }
  .pb-md-50,
  .py-md-50 {
    padding-bottom: 50px !important; }
  .pl-md-50,
  .px-md-50 {
    padding-left: 50px !important; }
  .p-md-55 {
    padding: 55px !important; }
  .pt-md-55,
  .py-md-55 {
    padding-top: 55px !important; }
  .pr-md-55,
  .px-md-55 {
    padding-right: 55px !important; }
  .pb-md-55,
  .py-md-55 {
    padding-bottom: 55px !important; }
  .pl-md-55,
  .px-md-55 {
    padding-left: 55px !important; }
  .p-md-60 {
    padding: 60px !important; }
  .pt-md-60,
  .py-md-60 {
    padding-top: 60px !important; }
  .pr-md-60,
  .px-md-60 {
    padding-right: 60px !important; }
  .pb-md-60,
  .py-md-60 {
    padding-bottom: 60px !important; }
  .pl-md-60,
  .px-md-60 {
    padding-left: 60px !important; }
  .p-md-65 {
    padding: 65px !important; }
  .pt-md-65,
  .py-md-65 {
    padding-top: 65px !important; }
  .pr-md-65,
  .px-md-65 {
    padding-right: 65px !important; }
  .pb-md-65,
  .py-md-65 {
    padding-bottom: 65px !important; }
  .pl-md-65,
  .px-md-65 {
    padding-left: 65px !important; }
  .p-md-70 {
    padding: 70px !important; }
  .pt-md-70,
  .py-md-70 {
    padding-top: 70px !important; }
  .pr-md-70,
  .px-md-70 {
    padding-right: 70px !important; }
  .pb-md-70,
  .py-md-70 {
    padding-bottom: 70px !important; }
  .pl-md-70,
  .px-md-70 {
    padding-left: 70px !important; }
  .p-md-75 {
    padding: 75px !important; }
  .pt-md-75,
  .py-md-75 {
    padding-top: 75px !important; }
  .pr-md-75,
  .px-md-75 {
    padding-right: 75px !important; }
  .pb-md-75,
  .py-md-75 {
    padding-bottom: 75px !important; }
  .pl-md-75,
  .px-md-75 {
    padding-left: 75px !important; }
  .p-md-80 {
    padding: 80px !important; }
  .pt-md-80,
  .py-md-80 {
    padding-top: 80px !important; }
  .pr-md-80,
  .px-md-80 {
    padding-right: 80px !important; }
  .pb-md-80,
  .py-md-80 {
    padding-bottom: 80px !important; }
  .pl-md-80,
  .px-md-80 {
    padding-left: 80px !important; }
  .p-md-85 {
    padding: 85px !important; }
  .pt-md-85,
  .py-md-85 {
    padding-top: 85px !important; }
  .pr-md-85,
  .px-md-85 {
    padding-right: 85px !important; }
  .pb-md-85,
  .py-md-85 {
    padding-bottom: 85px !important; }
  .pl-md-85,
  .px-md-85 {
    padding-left: 85px !important; }
  .p-md-90 {
    padding: 90px !important; }
  .pt-md-90,
  .py-md-90 {
    padding-top: 90px !important; }
  .pr-md-90,
  .px-md-90 {
    padding-right: 90px !important; }
  .pb-md-90,
  .py-md-90 {
    padding-bottom: 90px !important; }
  .pl-md-90,
  .px-md-90 {
    padding-left: 90px !important; }
  .p-md-95 {
    padding: 95px !important; }
  .pt-md-95,
  .py-md-95 {
    padding-top: 95px !important; }
  .pr-md-95,
  .px-md-95 {
    padding-right: 95px !important; }
  .pb-md-95,
  .py-md-95 {
    padding-bottom: 95px !important; }
  .pl-md-95,
  .px-md-95 {
    padding-left: 95px !important; }
  .p-md-100 {
    padding: 100px !important; }
  .pt-md-100,
  .py-md-100 {
    padding-top: 100px !important; }
  .pr-md-100,
  .px-md-100 {
    padding-right: 100px !important; }
  .pb-md-100,
  .py-md-100 {
    padding-bottom: 100px !important; }
  .pl-md-100,
  .px-md-100 {
    padding-left: 100px !important; }
  .p-md-105 {
    padding: 105px !important; }
  .pt-md-105,
  .py-md-105 {
    padding-top: 105px !important; }
  .pr-md-105,
  .px-md-105 {
    padding-right: 105px !important; }
  .pb-md-105,
  .py-md-105 {
    padding-bottom: 105px !important; }
  .pl-md-105,
  .px-md-105 {
    padding-left: 105px !important; }
  .p-md-110 {
    padding: 110px !important; }
  .pt-md-110,
  .py-md-110 {
    padding-top: 110px !important; }
  .pr-md-110,
  .px-md-110 {
    padding-right: 110px !important; }
  .pb-md-110,
  .py-md-110 {
    padding-bottom: 110px !important; }
  .pl-md-110,
  .px-md-110 {
    padding-left: 110px !important; }
  .p-md-115 {
    padding: 115px !important; }
  .pt-md-115,
  .py-md-115 {
    padding-top: 115px !important; }
  .pr-md-115,
  .px-md-115 {
    padding-right: 115px !important; }
  .pb-md-115,
  .py-md-115 {
    padding-bottom: 115px !important; }
  .pl-md-115,
  .px-md-115 {
    padding-left: 115px !important; }
  .p-md-120 {
    padding: 120px !important; }
  .pt-md-120,
  .py-md-120 {
    padding-top: 120px !important; }
  .pr-md-120,
  .px-md-120 {
    padding-right: 120px !important; }
  .pb-md-120,
  .py-md-120 {
    padding-bottom: 120px !important; }
  .pl-md-120,
  .px-md-120 {
    padding-left: 120px !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0px !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0px !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0px !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0px !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0px !important; }
  .m-lg-5 {
    margin: 5px !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 5px !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 5px !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 5px !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 5px !important; }
  .m-lg-10 {
    margin: 10px !important; }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 10px !important; }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 10px !important; }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 10px !important; }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 10px !important; }
  .m-lg-15 {
    margin: 15px !important; }
  .mt-lg-15,
  .my-lg-15 {
    margin-top: 15px !important; }
  .mr-lg-15,
  .mx-lg-15 {
    margin-right: 15px !important; }
  .mb-lg-15,
  .my-lg-15 {
    margin-bottom: 15px !important; }
  .ml-lg-15,
  .mx-lg-15 {
    margin-left: 15px !important; }
  .m-lg-20 {
    margin: 20px !important; }
  .mt-lg-20,
  .my-lg-20 {
    margin-top: 20px !important; }
  .mr-lg-20,
  .mx-lg-20 {
    margin-right: 20px !important; }
  .mb-lg-20,
  .my-lg-20 {
    margin-bottom: 20px !important; }
  .ml-lg-20,
  .mx-lg-20 {
    margin-left: 20px !important; }
  .m-lg-25 {
    margin: 25px !important; }
  .mt-lg-25,
  .my-lg-25 {
    margin-top: 25px !important; }
  .mr-lg-25,
  .mx-lg-25 {
    margin-right: 25px !important; }
  .mb-lg-25,
  .my-lg-25 {
    margin-bottom: 25px !important; }
  .ml-lg-25,
  .mx-lg-25 {
    margin-left: 25px !important; }
  .m-lg-30 {
    margin: 30px !important; }
  .mt-lg-30,
  .my-lg-30 {
    margin-top: 30px !important; }
  .mr-lg-30,
  .mx-lg-30 {
    margin-right: 30px !important; }
  .mb-lg-30,
  .my-lg-30 {
    margin-bottom: 30px !important; }
  .ml-lg-30,
  .mx-lg-30 {
    margin-left: 30px !important; }
  .m-lg-35 {
    margin: 35px !important; }
  .mt-lg-35,
  .my-lg-35 {
    margin-top: 35px !important; }
  .mr-lg-35,
  .mx-lg-35 {
    margin-right: 35px !important; }
  .mb-lg-35,
  .my-lg-35 {
    margin-bottom: 35px !important; }
  .ml-lg-35,
  .mx-lg-35 {
    margin-left: 35px !important; }
  .m-lg-40 {
    margin: 40px !important; }
  .mt-lg-40,
  .my-lg-40 {
    margin-top: 40px !important; }
  .mr-lg-40,
  .mx-lg-40 {
    margin-right: 40px !important; }
  .mb-lg-40,
  .my-lg-40 {
    margin-bottom: 40px !important; }
  .ml-lg-40,
  .mx-lg-40 {
    margin-left: 40px !important; }
  .m-lg-45 {
    margin: 45px !important; }
  .mt-lg-45,
  .my-lg-45 {
    margin-top: 45px !important; }
  .mr-lg-45,
  .mx-lg-45 {
    margin-right: 45px !important; }
  .mb-lg-45,
  .my-lg-45 {
    margin-bottom: 45px !important; }
  .ml-lg-45,
  .mx-lg-45 {
    margin-left: 45px !important; }
  .m-lg-50 {
    margin: 50px !important; }
  .mt-lg-50,
  .my-lg-50 {
    margin-top: 50px !important; }
  .mr-lg-50,
  .mx-lg-50 {
    margin-right: 50px !important; }
  .mb-lg-50,
  .my-lg-50 {
    margin-bottom: 50px !important; }
  .ml-lg-50,
  .mx-lg-50 {
    margin-left: 50px !important; }
  .m-lg-55 {
    margin: 55px !important; }
  .mt-lg-55,
  .my-lg-55 {
    margin-top: 55px !important; }
  .mr-lg-55,
  .mx-lg-55 {
    margin-right: 55px !important; }
  .mb-lg-55,
  .my-lg-55 {
    margin-bottom: 55px !important; }
  .ml-lg-55,
  .mx-lg-55 {
    margin-left: 55px !important; }
  .m-lg-60 {
    margin: 60px !important; }
  .mt-lg-60,
  .my-lg-60 {
    margin-top: 60px !important; }
  .mr-lg-60,
  .mx-lg-60 {
    margin-right: 60px !important; }
  .mb-lg-60,
  .my-lg-60 {
    margin-bottom: 60px !important; }
  .ml-lg-60,
  .mx-lg-60 {
    margin-left: 60px !important; }
  .m-lg-65 {
    margin: 65px !important; }
  .mt-lg-65,
  .my-lg-65 {
    margin-top: 65px !important; }
  .mr-lg-65,
  .mx-lg-65 {
    margin-right: 65px !important; }
  .mb-lg-65,
  .my-lg-65 {
    margin-bottom: 65px !important; }
  .ml-lg-65,
  .mx-lg-65 {
    margin-left: 65px !important; }
  .m-lg-70 {
    margin: 70px !important; }
  .mt-lg-70,
  .my-lg-70 {
    margin-top: 70px !important; }
  .mr-lg-70,
  .mx-lg-70 {
    margin-right: 70px !important; }
  .mb-lg-70,
  .my-lg-70 {
    margin-bottom: 70px !important; }
  .ml-lg-70,
  .mx-lg-70 {
    margin-left: 70px !important; }
  .m-lg-75 {
    margin: 75px !important; }
  .mt-lg-75,
  .my-lg-75 {
    margin-top: 75px !important; }
  .mr-lg-75,
  .mx-lg-75 {
    margin-right: 75px !important; }
  .mb-lg-75,
  .my-lg-75 {
    margin-bottom: 75px !important; }
  .ml-lg-75,
  .mx-lg-75 {
    margin-left: 75px !important; }
  .m-lg-80 {
    margin: 80px !important; }
  .mt-lg-80,
  .my-lg-80 {
    margin-top: 80px !important; }
  .mr-lg-80,
  .mx-lg-80 {
    margin-right: 80px !important; }
  .mb-lg-80,
  .my-lg-80 {
    margin-bottom: 80px !important; }
  .ml-lg-80,
  .mx-lg-80 {
    margin-left: 80px !important; }
  .m-lg-85 {
    margin: 85px !important; }
  .mt-lg-85,
  .my-lg-85 {
    margin-top: 85px !important; }
  .mr-lg-85,
  .mx-lg-85 {
    margin-right: 85px !important; }
  .mb-lg-85,
  .my-lg-85 {
    margin-bottom: 85px !important; }
  .ml-lg-85,
  .mx-lg-85 {
    margin-left: 85px !important; }
  .m-lg-90 {
    margin: 90px !important; }
  .mt-lg-90,
  .my-lg-90 {
    margin-top: 90px !important; }
  .mr-lg-90,
  .mx-lg-90 {
    margin-right: 90px !important; }
  .mb-lg-90,
  .my-lg-90 {
    margin-bottom: 90px !important; }
  .ml-lg-90,
  .mx-lg-90 {
    margin-left: 90px !important; }
  .m-lg-95 {
    margin: 95px !important; }
  .mt-lg-95,
  .my-lg-95 {
    margin-top: 95px !important; }
  .mr-lg-95,
  .mx-lg-95 {
    margin-right: 95px !important; }
  .mb-lg-95,
  .my-lg-95 {
    margin-bottom: 95px !important; }
  .ml-lg-95,
  .mx-lg-95 {
    margin-left: 95px !important; }
  .m-lg-100 {
    margin: 100px !important; }
  .mt-lg-100,
  .my-lg-100 {
    margin-top: 100px !important; }
  .mr-lg-100,
  .mx-lg-100 {
    margin-right: 100px !important; }
  .mb-lg-100,
  .my-lg-100 {
    margin-bottom: 100px !important; }
  .ml-lg-100,
  .mx-lg-100 {
    margin-left: 100px !important; }
  .m-lg-105 {
    margin: 105px !important; }
  .mt-lg-105,
  .my-lg-105 {
    margin-top: 105px !important; }
  .mr-lg-105,
  .mx-lg-105 {
    margin-right: 105px !important; }
  .mb-lg-105,
  .my-lg-105 {
    margin-bottom: 105px !important; }
  .ml-lg-105,
  .mx-lg-105 {
    margin-left: 105px !important; }
  .m-lg-110 {
    margin: 110px !important; }
  .mt-lg-110,
  .my-lg-110 {
    margin-top: 110px !important; }
  .mr-lg-110,
  .mx-lg-110 {
    margin-right: 110px !important; }
  .mb-lg-110,
  .my-lg-110 {
    margin-bottom: 110px !important; }
  .ml-lg-110,
  .mx-lg-110 {
    margin-left: 110px !important; }
  .m-lg-115 {
    margin: 115px !important; }
  .mt-lg-115,
  .my-lg-115 {
    margin-top: 115px !important; }
  .mr-lg-115,
  .mx-lg-115 {
    margin-right: 115px !important; }
  .mb-lg-115,
  .my-lg-115 {
    margin-bottom: 115px !important; }
  .ml-lg-115,
  .mx-lg-115 {
    margin-left: 115px !important; }
  .m-lg-120 {
    margin: 120px !important; }
  .mt-lg-120,
  .my-lg-120 {
    margin-top: 120px !important; }
  .mr-lg-120,
  .mx-lg-120 {
    margin-right: 120px !important; }
  .mb-lg-120,
  .my-lg-120 {
    margin-bottom: 120px !important; }
  .ml-lg-120,
  .mx-lg-120 {
    margin-left: 120px !important; }
  .p-lg-0 {
    padding: 0px !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0px !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0px !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0px !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0px !important; }
  .p-lg-5 {
    padding: 5px !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 5px !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 5px !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 5px !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 5px !important; }
  .p-lg-10 {
    padding: 10px !important; }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 10px !important; }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 10px !important; }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 10px !important; }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 10px !important; }
  .p-lg-15 {
    padding: 15px !important; }
  .pt-lg-15,
  .py-lg-15 {
    padding-top: 15px !important; }
  .pr-lg-15,
  .px-lg-15 {
    padding-right: 15px !important; }
  .pb-lg-15,
  .py-lg-15 {
    padding-bottom: 15px !important; }
  .pl-lg-15,
  .px-lg-15 {
    padding-left: 15px !important; }
  .p-lg-20 {
    padding: 20px !important; }
  .pt-lg-20,
  .py-lg-20 {
    padding-top: 20px !important; }
  .pr-lg-20,
  .px-lg-20 {
    padding-right: 20px !important; }
  .pb-lg-20,
  .py-lg-20 {
    padding-bottom: 20px !important; }
  .pl-lg-20,
  .px-lg-20 {
    padding-left: 20px !important; }
  .p-lg-25 {
    padding: 25px !important; }
  .pt-lg-25,
  .py-lg-25 {
    padding-top: 25px !important; }
  .pr-lg-25,
  .px-lg-25 {
    padding-right: 25px !important; }
  .pb-lg-25,
  .py-lg-25 {
    padding-bottom: 25px !important; }
  .pl-lg-25,
  .px-lg-25 {
    padding-left: 25px !important; }
  .p-lg-30 {
    padding: 30px !important; }
  .pt-lg-30,
  .py-lg-30 {
    padding-top: 30px !important; }
  .pr-lg-30,
  .px-lg-30 {
    padding-right: 30px !important; }
  .pb-lg-30,
  .py-lg-30 {
    padding-bottom: 30px !important; }
  .pl-lg-30,
  .px-lg-30 {
    padding-left: 30px !important; }
  .p-lg-35 {
    padding: 35px !important; }
  .pt-lg-35,
  .py-lg-35 {
    padding-top: 35px !important; }
  .pr-lg-35,
  .px-lg-35 {
    padding-right: 35px !important; }
  .pb-lg-35,
  .py-lg-35 {
    padding-bottom: 35px !important; }
  .pl-lg-35,
  .px-lg-35 {
    padding-left: 35px !important; }
  .p-lg-40 {
    padding: 40px !important; }
  .pt-lg-40,
  .py-lg-40 {
    padding-top: 40px !important; }
  .pr-lg-40,
  .px-lg-40 {
    padding-right: 40px !important; }
  .pb-lg-40,
  .py-lg-40 {
    padding-bottom: 40px !important; }
  .pl-lg-40,
  .px-lg-40 {
    padding-left: 40px !important; }
  .p-lg-45 {
    padding: 45px !important; }
  .pt-lg-45,
  .py-lg-45 {
    padding-top: 45px !important; }
  .pr-lg-45,
  .px-lg-45 {
    padding-right: 45px !important; }
  .pb-lg-45,
  .py-lg-45 {
    padding-bottom: 45px !important; }
  .pl-lg-45,
  .px-lg-45 {
    padding-left: 45px !important; }
  .p-lg-50 {
    padding: 50px !important; }
  .pt-lg-50,
  .py-lg-50 {
    padding-top: 50px !important; }
  .pr-lg-50,
  .px-lg-50 {
    padding-right: 50px !important; }
  .pb-lg-50,
  .py-lg-50 {
    padding-bottom: 50px !important; }
  .pl-lg-50,
  .px-lg-50 {
    padding-left: 50px !important; }
  .p-lg-55 {
    padding: 55px !important; }
  .pt-lg-55,
  .py-lg-55 {
    padding-top: 55px !important; }
  .pr-lg-55,
  .px-lg-55 {
    padding-right: 55px !important; }
  .pb-lg-55,
  .py-lg-55 {
    padding-bottom: 55px !important; }
  .pl-lg-55,
  .px-lg-55 {
    padding-left: 55px !important; }
  .p-lg-60 {
    padding: 60px !important; }
  .pt-lg-60,
  .py-lg-60 {
    padding-top: 60px !important; }
  .pr-lg-60,
  .px-lg-60 {
    padding-right: 60px !important; }
  .pb-lg-60,
  .py-lg-60 {
    padding-bottom: 60px !important; }
  .pl-lg-60,
  .px-lg-60 {
    padding-left: 60px !important; }
  .p-lg-65 {
    padding: 65px !important; }
  .pt-lg-65,
  .py-lg-65 {
    padding-top: 65px !important; }
  .pr-lg-65,
  .px-lg-65 {
    padding-right: 65px !important; }
  .pb-lg-65,
  .py-lg-65 {
    padding-bottom: 65px !important; }
  .pl-lg-65,
  .px-lg-65 {
    padding-left: 65px !important; }
  .p-lg-70 {
    padding: 70px !important; }
  .pt-lg-70,
  .py-lg-70 {
    padding-top: 70px !important; }
  .pr-lg-70,
  .px-lg-70 {
    padding-right: 70px !important; }
  .pb-lg-70,
  .py-lg-70 {
    padding-bottom: 70px !important; }
  .pl-lg-70,
  .px-lg-70 {
    padding-left: 70px !important; }
  .p-lg-75 {
    padding: 75px !important; }
  .pt-lg-75,
  .py-lg-75 {
    padding-top: 75px !important; }
  .pr-lg-75,
  .px-lg-75 {
    padding-right: 75px !important; }
  .pb-lg-75,
  .py-lg-75 {
    padding-bottom: 75px !important; }
  .pl-lg-75,
  .px-lg-75 {
    padding-left: 75px !important; }
  .p-lg-80 {
    padding: 80px !important; }
  .pt-lg-80,
  .py-lg-80 {
    padding-top: 80px !important; }
  .pr-lg-80,
  .px-lg-80 {
    padding-right: 80px !important; }
  .pb-lg-80,
  .py-lg-80 {
    padding-bottom: 80px !important; }
  .pl-lg-80,
  .px-lg-80 {
    padding-left: 80px !important; }
  .p-lg-85 {
    padding: 85px !important; }
  .pt-lg-85,
  .py-lg-85 {
    padding-top: 85px !important; }
  .pr-lg-85,
  .px-lg-85 {
    padding-right: 85px !important; }
  .pb-lg-85,
  .py-lg-85 {
    padding-bottom: 85px !important; }
  .pl-lg-85,
  .px-lg-85 {
    padding-left: 85px !important; }
  .p-lg-90 {
    padding: 90px !important; }
  .pt-lg-90,
  .py-lg-90 {
    padding-top: 90px !important; }
  .pr-lg-90,
  .px-lg-90 {
    padding-right: 90px !important; }
  .pb-lg-90,
  .py-lg-90 {
    padding-bottom: 90px !important; }
  .pl-lg-90,
  .px-lg-90 {
    padding-left: 90px !important; }
  .p-lg-95 {
    padding: 95px !important; }
  .pt-lg-95,
  .py-lg-95 {
    padding-top: 95px !important; }
  .pr-lg-95,
  .px-lg-95 {
    padding-right: 95px !important; }
  .pb-lg-95,
  .py-lg-95 {
    padding-bottom: 95px !important; }
  .pl-lg-95,
  .px-lg-95 {
    padding-left: 95px !important; }
  .p-lg-100 {
    padding: 100px !important; }
  .pt-lg-100,
  .py-lg-100 {
    padding-top: 100px !important; }
  .pr-lg-100,
  .px-lg-100 {
    padding-right: 100px !important; }
  .pb-lg-100,
  .py-lg-100 {
    padding-bottom: 100px !important; }
  .pl-lg-100,
  .px-lg-100 {
    padding-left: 100px !important; }
  .p-lg-105 {
    padding: 105px !important; }
  .pt-lg-105,
  .py-lg-105 {
    padding-top: 105px !important; }
  .pr-lg-105,
  .px-lg-105 {
    padding-right: 105px !important; }
  .pb-lg-105,
  .py-lg-105 {
    padding-bottom: 105px !important; }
  .pl-lg-105,
  .px-lg-105 {
    padding-left: 105px !important; }
  .p-lg-110 {
    padding: 110px !important; }
  .pt-lg-110,
  .py-lg-110 {
    padding-top: 110px !important; }
  .pr-lg-110,
  .px-lg-110 {
    padding-right: 110px !important; }
  .pb-lg-110,
  .py-lg-110 {
    padding-bottom: 110px !important; }
  .pl-lg-110,
  .px-lg-110 {
    padding-left: 110px !important; }
  .p-lg-115 {
    padding: 115px !important; }
  .pt-lg-115,
  .py-lg-115 {
    padding-top: 115px !important; }
  .pr-lg-115,
  .px-lg-115 {
    padding-right: 115px !important; }
  .pb-lg-115,
  .py-lg-115 {
    padding-bottom: 115px !important; }
  .pl-lg-115,
  .px-lg-115 {
    padding-left: 115px !important; }
  .p-lg-120 {
    padding: 120px !important; }
  .pt-lg-120,
  .py-lg-120 {
    padding-top: 120px !important; }
  .pr-lg-120,
  .px-lg-120 {
    padding-right: 120px !important; }
  .pb-lg-120,
  .py-lg-120 {
    padding-bottom: 120px !important; }
  .pl-lg-120,
  .px-lg-120 {
    padding-left: 120px !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1100px) {
  .m-ml-0 {
    margin: 0px !important; }
  .mt-ml-0,
  .my-ml-0 {
    margin-top: 0px !important; }
  .mr-ml-0,
  .mx-ml-0 {
    margin-right: 0px !important; }
  .mb-ml-0,
  .my-ml-0 {
    margin-bottom: 0px !important; }
  .ml-ml-0,
  .mx-ml-0 {
    margin-left: 0px !important; }
  .m-ml-5 {
    margin: 5px !important; }
  .mt-ml-5,
  .my-ml-5 {
    margin-top: 5px !important; }
  .mr-ml-5,
  .mx-ml-5 {
    margin-right: 5px !important; }
  .mb-ml-5,
  .my-ml-5 {
    margin-bottom: 5px !important; }
  .ml-ml-5,
  .mx-ml-5 {
    margin-left: 5px !important; }
  .m-ml-10 {
    margin: 10px !important; }
  .mt-ml-10,
  .my-ml-10 {
    margin-top: 10px !important; }
  .mr-ml-10,
  .mx-ml-10 {
    margin-right: 10px !important; }
  .mb-ml-10,
  .my-ml-10 {
    margin-bottom: 10px !important; }
  .ml-ml-10,
  .mx-ml-10 {
    margin-left: 10px !important; }
  .m-ml-15 {
    margin: 15px !important; }
  .mt-ml-15,
  .my-ml-15 {
    margin-top: 15px !important; }
  .mr-ml-15,
  .mx-ml-15 {
    margin-right: 15px !important; }
  .mb-ml-15,
  .my-ml-15 {
    margin-bottom: 15px !important; }
  .ml-ml-15,
  .mx-ml-15 {
    margin-left: 15px !important; }
  .m-ml-20 {
    margin: 20px !important; }
  .mt-ml-20,
  .my-ml-20 {
    margin-top: 20px !important; }
  .mr-ml-20,
  .mx-ml-20 {
    margin-right: 20px !important; }
  .mb-ml-20,
  .my-ml-20 {
    margin-bottom: 20px !important; }
  .ml-ml-20,
  .mx-ml-20 {
    margin-left: 20px !important; }
  .m-ml-25 {
    margin: 25px !important; }
  .mt-ml-25,
  .my-ml-25 {
    margin-top: 25px !important; }
  .mr-ml-25,
  .mx-ml-25 {
    margin-right: 25px !important; }
  .mb-ml-25,
  .my-ml-25 {
    margin-bottom: 25px !important; }
  .ml-ml-25,
  .mx-ml-25 {
    margin-left: 25px !important; }
  .m-ml-30 {
    margin: 30px !important; }
  .mt-ml-30,
  .my-ml-30 {
    margin-top: 30px !important; }
  .mr-ml-30,
  .mx-ml-30 {
    margin-right: 30px !important; }
  .mb-ml-30,
  .my-ml-30 {
    margin-bottom: 30px !important; }
  .ml-ml-30,
  .mx-ml-30 {
    margin-left: 30px !important; }
  .m-ml-35 {
    margin: 35px !important; }
  .mt-ml-35,
  .my-ml-35 {
    margin-top: 35px !important; }
  .mr-ml-35,
  .mx-ml-35 {
    margin-right: 35px !important; }
  .mb-ml-35,
  .my-ml-35 {
    margin-bottom: 35px !important; }
  .ml-ml-35,
  .mx-ml-35 {
    margin-left: 35px !important; }
  .m-ml-40 {
    margin: 40px !important; }
  .mt-ml-40,
  .my-ml-40 {
    margin-top: 40px !important; }
  .mr-ml-40,
  .mx-ml-40 {
    margin-right: 40px !important; }
  .mb-ml-40,
  .my-ml-40 {
    margin-bottom: 40px !important; }
  .ml-ml-40,
  .mx-ml-40 {
    margin-left: 40px !important; }
  .m-ml-45 {
    margin: 45px !important; }
  .mt-ml-45,
  .my-ml-45 {
    margin-top: 45px !important; }
  .mr-ml-45,
  .mx-ml-45 {
    margin-right: 45px !important; }
  .mb-ml-45,
  .my-ml-45 {
    margin-bottom: 45px !important; }
  .ml-ml-45,
  .mx-ml-45 {
    margin-left: 45px !important; }
  .m-ml-50 {
    margin: 50px !important; }
  .mt-ml-50,
  .my-ml-50 {
    margin-top: 50px !important; }
  .mr-ml-50,
  .mx-ml-50 {
    margin-right: 50px !important; }
  .mb-ml-50,
  .my-ml-50 {
    margin-bottom: 50px !important; }
  .ml-ml-50,
  .mx-ml-50 {
    margin-left: 50px !important; }
  .m-ml-55 {
    margin: 55px !important; }
  .mt-ml-55,
  .my-ml-55 {
    margin-top: 55px !important; }
  .mr-ml-55,
  .mx-ml-55 {
    margin-right: 55px !important; }
  .mb-ml-55,
  .my-ml-55 {
    margin-bottom: 55px !important; }
  .ml-ml-55,
  .mx-ml-55 {
    margin-left: 55px !important; }
  .m-ml-60 {
    margin: 60px !important; }
  .mt-ml-60,
  .my-ml-60 {
    margin-top: 60px !important; }
  .mr-ml-60,
  .mx-ml-60 {
    margin-right: 60px !important; }
  .mb-ml-60,
  .my-ml-60 {
    margin-bottom: 60px !important; }
  .ml-ml-60,
  .mx-ml-60 {
    margin-left: 60px !important; }
  .m-ml-65 {
    margin: 65px !important; }
  .mt-ml-65,
  .my-ml-65 {
    margin-top: 65px !important; }
  .mr-ml-65,
  .mx-ml-65 {
    margin-right: 65px !important; }
  .mb-ml-65,
  .my-ml-65 {
    margin-bottom: 65px !important; }
  .ml-ml-65,
  .mx-ml-65 {
    margin-left: 65px !important; }
  .m-ml-70 {
    margin: 70px !important; }
  .mt-ml-70,
  .my-ml-70 {
    margin-top: 70px !important; }
  .mr-ml-70,
  .mx-ml-70 {
    margin-right: 70px !important; }
  .mb-ml-70,
  .my-ml-70 {
    margin-bottom: 70px !important; }
  .ml-ml-70,
  .mx-ml-70 {
    margin-left: 70px !important; }
  .m-ml-75 {
    margin: 75px !important; }
  .mt-ml-75,
  .my-ml-75 {
    margin-top: 75px !important; }
  .mr-ml-75,
  .mx-ml-75 {
    margin-right: 75px !important; }
  .mb-ml-75,
  .my-ml-75 {
    margin-bottom: 75px !important; }
  .ml-ml-75,
  .mx-ml-75 {
    margin-left: 75px !important; }
  .m-ml-80 {
    margin: 80px !important; }
  .mt-ml-80,
  .my-ml-80 {
    margin-top: 80px !important; }
  .mr-ml-80,
  .mx-ml-80 {
    margin-right: 80px !important; }
  .mb-ml-80,
  .my-ml-80 {
    margin-bottom: 80px !important; }
  .ml-ml-80,
  .mx-ml-80 {
    margin-left: 80px !important; }
  .m-ml-85 {
    margin: 85px !important; }
  .mt-ml-85,
  .my-ml-85 {
    margin-top: 85px !important; }
  .mr-ml-85,
  .mx-ml-85 {
    margin-right: 85px !important; }
  .mb-ml-85,
  .my-ml-85 {
    margin-bottom: 85px !important; }
  .ml-ml-85,
  .mx-ml-85 {
    margin-left: 85px !important; }
  .m-ml-90 {
    margin: 90px !important; }
  .mt-ml-90,
  .my-ml-90 {
    margin-top: 90px !important; }
  .mr-ml-90,
  .mx-ml-90 {
    margin-right: 90px !important; }
  .mb-ml-90,
  .my-ml-90 {
    margin-bottom: 90px !important; }
  .ml-ml-90,
  .mx-ml-90 {
    margin-left: 90px !important; }
  .m-ml-95 {
    margin: 95px !important; }
  .mt-ml-95,
  .my-ml-95 {
    margin-top: 95px !important; }
  .mr-ml-95,
  .mx-ml-95 {
    margin-right: 95px !important; }
  .mb-ml-95,
  .my-ml-95 {
    margin-bottom: 95px !important; }
  .ml-ml-95,
  .mx-ml-95 {
    margin-left: 95px !important; }
  .m-ml-100 {
    margin: 100px !important; }
  .mt-ml-100,
  .my-ml-100 {
    margin-top: 100px !important; }
  .mr-ml-100,
  .mx-ml-100 {
    margin-right: 100px !important; }
  .mb-ml-100,
  .my-ml-100 {
    margin-bottom: 100px !important; }
  .ml-ml-100,
  .mx-ml-100 {
    margin-left: 100px !important; }
  .m-ml-105 {
    margin: 105px !important; }
  .mt-ml-105,
  .my-ml-105 {
    margin-top: 105px !important; }
  .mr-ml-105,
  .mx-ml-105 {
    margin-right: 105px !important; }
  .mb-ml-105,
  .my-ml-105 {
    margin-bottom: 105px !important; }
  .ml-ml-105,
  .mx-ml-105 {
    margin-left: 105px !important; }
  .m-ml-110 {
    margin: 110px !important; }
  .mt-ml-110,
  .my-ml-110 {
    margin-top: 110px !important; }
  .mr-ml-110,
  .mx-ml-110 {
    margin-right: 110px !important; }
  .mb-ml-110,
  .my-ml-110 {
    margin-bottom: 110px !important; }
  .ml-ml-110,
  .mx-ml-110 {
    margin-left: 110px !important; }
  .m-ml-115 {
    margin: 115px !important; }
  .mt-ml-115,
  .my-ml-115 {
    margin-top: 115px !important; }
  .mr-ml-115,
  .mx-ml-115 {
    margin-right: 115px !important; }
  .mb-ml-115,
  .my-ml-115 {
    margin-bottom: 115px !important; }
  .ml-ml-115,
  .mx-ml-115 {
    margin-left: 115px !important; }
  .m-ml-120 {
    margin: 120px !important; }
  .mt-ml-120,
  .my-ml-120 {
    margin-top: 120px !important; }
  .mr-ml-120,
  .mx-ml-120 {
    margin-right: 120px !important; }
  .mb-ml-120,
  .my-ml-120 {
    margin-bottom: 120px !important; }
  .ml-ml-120,
  .mx-ml-120 {
    margin-left: 120px !important; }
  .p-ml-0 {
    padding: 0px !important; }
  .pt-ml-0,
  .py-ml-0 {
    padding-top: 0px !important; }
  .pr-ml-0,
  .px-ml-0 {
    padding-right: 0px !important; }
  .pb-ml-0,
  .py-ml-0 {
    padding-bottom: 0px !important; }
  .pl-ml-0,
  .px-ml-0 {
    padding-left: 0px !important; }
  .p-ml-5 {
    padding: 5px !important; }
  .pt-ml-5,
  .py-ml-5 {
    padding-top: 5px !important; }
  .pr-ml-5,
  .px-ml-5 {
    padding-right: 5px !important; }
  .pb-ml-5,
  .py-ml-5 {
    padding-bottom: 5px !important; }
  .pl-ml-5,
  .px-ml-5 {
    padding-left: 5px !important; }
  .p-ml-10 {
    padding: 10px !important; }
  .pt-ml-10,
  .py-ml-10 {
    padding-top: 10px !important; }
  .pr-ml-10,
  .px-ml-10 {
    padding-right: 10px !important; }
  .pb-ml-10,
  .py-ml-10 {
    padding-bottom: 10px !important; }
  .pl-ml-10,
  .px-ml-10 {
    padding-left: 10px !important; }
  .p-ml-15 {
    padding: 15px !important; }
  .pt-ml-15,
  .py-ml-15 {
    padding-top: 15px !important; }
  .pr-ml-15,
  .px-ml-15 {
    padding-right: 15px !important; }
  .pb-ml-15,
  .py-ml-15 {
    padding-bottom: 15px !important; }
  .pl-ml-15,
  .px-ml-15 {
    padding-left: 15px !important; }
  .p-ml-20 {
    padding: 20px !important; }
  .pt-ml-20,
  .py-ml-20 {
    padding-top: 20px !important; }
  .pr-ml-20,
  .px-ml-20 {
    padding-right: 20px !important; }
  .pb-ml-20,
  .py-ml-20 {
    padding-bottom: 20px !important; }
  .pl-ml-20,
  .px-ml-20 {
    padding-left: 20px !important; }
  .p-ml-25 {
    padding: 25px !important; }
  .pt-ml-25,
  .py-ml-25 {
    padding-top: 25px !important; }
  .pr-ml-25,
  .px-ml-25 {
    padding-right: 25px !important; }
  .pb-ml-25,
  .py-ml-25 {
    padding-bottom: 25px !important; }
  .pl-ml-25,
  .px-ml-25 {
    padding-left: 25px !important; }
  .p-ml-30 {
    padding: 30px !important; }
  .pt-ml-30,
  .py-ml-30 {
    padding-top: 30px !important; }
  .pr-ml-30,
  .px-ml-30 {
    padding-right: 30px !important; }
  .pb-ml-30,
  .py-ml-30 {
    padding-bottom: 30px !important; }
  .pl-ml-30,
  .px-ml-30 {
    padding-left: 30px !important; }
  .p-ml-35 {
    padding: 35px !important; }
  .pt-ml-35,
  .py-ml-35 {
    padding-top: 35px !important; }
  .pr-ml-35,
  .px-ml-35 {
    padding-right: 35px !important; }
  .pb-ml-35,
  .py-ml-35 {
    padding-bottom: 35px !important; }
  .pl-ml-35,
  .px-ml-35 {
    padding-left: 35px !important; }
  .p-ml-40 {
    padding: 40px !important; }
  .pt-ml-40,
  .py-ml-40 {
    padding-top: 40px !important; }
  .pr-ml-40,
  .px-ml-40 {
    padding-right: 40px !important; }
  .pb-ml-40,
  .py-ml-40 {
    padding-bottom: 40px !important; }
  .pl-ml-40,
  .px-ml-40 {
    padding-left: 40px !important; }
  .p-ml-45 {
    padding: 45px !important; }
  .pt-ml-45,
  .py-ml-45 {
    padding-top: 45px !important; }
  .pr-ml-45,
  .px-ml-45 {
    padding-right: 45px !important; }
  .pb-ml-45,
  .py-ml-45 {
    padding-bottom: 45px !important; }
  .pl-ml-45,
  .px-ml-45 {
    padding-left: 45px !important; }
  .p-ml-50 {
    padding: 50px !important; }
  .pt-ml-50,
  .py-ml-50 {
    padding-top: 50px !important; }
  .pr-ml-50,
  .px-ml-50 {
    padding-right: 50px !important; }
  .pb-ml-50,
  .py-ml-50 {
    padding-bottom: 50px !important; }
  .pl-ml-50,
  .px-ml-50 {
    padding-left: 50px !important; }
  .p-ml-55 {
    padding: 55px !important; }
  .pt-ml-55,
  .py-ml-55 {
    padding-top: 55px !important; }
  .pr-ml-55,
  .px-ml-55 {
    padding-right: 55px !important; }
  .pb-ml-55,
  .py-ml-55 {
    padding-bottom: 55px !important; }
  .pl-ml-55,
  .px-ml-55 {
    padding-left: 55px !important; }
  .p-ml-60 {
    padding: 60px !important; }
  .pt-ml-60,
  .py-ml-60 {
    padding-top: 60px !important; }
  .pr-ml-60,
  .px-ml-60 {
    padding-right: 60px !important; }
  .pb-ml-60,
  .py-ml-60 {
    padding-bottom: 60px !important; }
  .pl-ml-60,
  .px-ml-60 {
    padding-left: 60px !important; }
  .p-ml-65 {
    padding: 65px !important; }
  .pt-ml-65,
  .py-ml-65 {
    padding-top: 65px !important; }
  .pr-ml-65,
  .px-ml-65 {
    padding-right: 65px !important; }
  .pb-ml-65,
  .py-ml-65 {
    padding-bottom: 65px !important; }
  .pl-ml-65,
  .px-ml-65 {
    padding-left: 65px !important; }
  .p-ml-70 {
    padding: 70px !important; }
  .pt-ml-70,
  .py-ml-70 {
    padding-top: 70px !important; }
  .pr-ml-70,
  .px-ml-70 {
    padding-right: 70px !important; }
  .pb-ml-70,
  .py-ml-70 {
    padding-bottom: 70px !important; }
  .pl-ml-70,
  .px-ml-70 {
    padding-left: 70px !important; }
  .p-ml-75 {
    padding: 75px !important; }
  .pt-ml-75,
  .py-ml-75 {
    padding-top: 75px !important; }
  .pr-ml-75,
  .px-ml-75 {
    padding-right: 75px !important; }
  .pb-ml-75,
  .py-ml-75 {
    padding-bottom: 75px !important; }
  .pl-ml-75,
  .px-ml-75 {
    padding-left: 75px !important; }
  .p-ml-80 {
    padding: 80px !important; }
  .pt-ml-80,
  .py-ml-80 {
    padding-top: 80px !important; }
  .pr-ml-80,
  .px-ml-80 {
    padding-right: 80px !important; }
  .pb-ml-80,
  .py-ml-80 {
    padding-bottom: 80px !important; }
  .pl-ml-80,
  .px-ml-80 {
    padding-left: 80px !important; }
  .p-ml-85 {
    padding: 85px !important; }
  .pt-ml-85,
  .py-ml-85 {
    padding-top: 85px !important; }
  .pr-ml-85,
  .px-ml-85 {
    padding-right: 85px !important; }
  .pb-ml-85,
  .py-ml-85 {
    padding-bottom: 85px !important; }
  .pl-ml-85,
  .px-ml-85 {
    padding-left: 85px !important; }
  .p-ml-90 {
    padding: 90px !important; }
  .pt-ml-90,
  .py-ml-90 {
    padding-top: 90px !important; }
  .pr-ml-90,
  .px-ml-90 {
    padding-right: 90px !important; }
  .pb-ml-90,
  .py-ml-90 {
    padding-bottom: 90px !important; }
  .pl-ml-90,
  .px-ml-90 {
    padding-left: 90px !important; }
  .p-ml-95 {
    padding: 95px !important; }
  .pt-ml-95,
  .py-ml-95 {
    padding-top: 95px !important; }
  .pr-ml-95,
  .px-ml-95 {
    padding-right: 95px !important; }
  .pb-ml-95,
  .py-ml-95 {
    padding-bottom: 95px !important; }
  .pl-ml-95,
  .px-ml-95 {
    padding-left: 95px !important; }
  .p-ml-100 {
    padding: 100px !important; }
  .pt-ml-100,
  .py-ml-100 {
    padding-top: 100px !important; }
  .pr-ml-100,
  .px-ml-100 {
    padding-right: 100px !important; }
  .pb-ml-100,
  .py-ml-100 {
    padding-bottom: 100px !important; }
  .pl-ml-100,
  .px-ml-100 {
    padding-left: 100px !important; }
  .p-ml-105 {
    padding: 105px !important; }
  .pt-ml-105,
  .py-ml-105 {
    padding-top: 105px !important; }
  .pr-ml-105,
  .px-ml-105 {
    padding-right: 105px !important; }
  .pb-ml-105,
  .py-ml-105 {
    padding-bottom: 105px !important; }
  .pl-ml-105,
  .px-ml-105 {
    padding-left: 105px !important; }
  .p-ml-110 {
    padding: 110px !important; }
  .pt-ml-110,
  .py-ml-110 {
    padding-top: 110px !important; }
  .pr-ml-110,
  .px-ml-110 {
    padding-right: 110px !important; }
  .pb-ml-110,
  .py-ml-110 {
    padding-bottom: 110px !important; }
  .pl-ml-110,
  .px-ml-110 {
    padding-left: 110px !important; }
  .p-ml-115 {
    padding: 115px !important; }
  .pt-ml-115,
  .py-ml-115 {
    padding-top: 115px !important; }
  .pr-ml-115,
  .px-ml-115 {
    padding-right: 115px !important; }
  .pb-ml-115,
  .py-ml-115 {
    padding-bottom: 115px !important; }
  .pl-ml-115,
  .px-ml-115 {
    padding-left: 115px !important; }
  .p-ml-120 {
    padding: 120px !important; }
  .pt-ml-120,
  .py-ml-120 {
    padding-top: 120px !important; }
  .pr-ml-120,
  .px-ml-120 {
    padding-right: 120px !important; }
  .pb-ml-120,
  .py-ml-120 {
    padding-bottom: 120px !important; }
  .pl-ml-120,
  .px-ml-120 {
    padding-left: 120px !important; }
  .m-ml-auto {
    margin: auto !important; }
  .mt-ml-auto,
  .my-ml-auto {
    margin-top: auto !important; }
  .mr-ml-auto,
  .mx-ml-auto {
    margin-right: auto !important; }
  .mb-ml-auto,
  .my-ml-auto {
    margin-bottom: auto !important; }
  .ml-ml-auto,
  .mx-ml-auto {
    margin-left: auto !important; } }

@media (min-width: 1300px) {
  .m-xl-0 {
    margin: 0px !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0px !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0px !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0px !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0px !important; }
  .m-xl-5 {
    margin: 5px !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 5px !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 5px !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 5px !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 5px !important; }
  .m-xl-10 {
    margin: 10px !important; }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 10px !important; }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 10px !important; }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 10px !important; }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 10px !important; }
  .m-xl-15 {
    margin: 15px !important; }
  .mt-xl-15,
  .my-xl-15 {
    margin-top: 15px !important; }
  .mr-xl-15,
  .mx-xl-15 {
    margin-right: 15px !important; }
  .mb-xl-15,
  .my-xl-15 {
    margin-bottom: 15px !important; }
  .ml-xl-15,
  .mx-xl-15 {
    margin-left: 15px !important; }
  .m-xl-20 {
    margin: 20px !important; }
  .mt-xl-20,
  .my-xl-20 {
    margin-top: 20px !important; }
  .mr-xl-20,
  .mx-xl-20 {
    margin-right: 20px !important; }
  .mb-xl-20,
  .my-xl-20 {
    margin-bottom: 20px !important; }
  .ml-xl-20,
  .mx-xl-20 {
    margin-left: 20px !important; }
  .m-xl-25 {
    margin: 25px !important; }
  .mt-xl-25,
  .my-xl-25 {
    margin-top: 25px !important; }
  .mr-xl-25,
  .mx-xl-25 {
    margin-right: 25px !important; }
  .mb-xl-25,
  .my-xl-25 {
    margin-bottom: 25px !important; }
  .ml-xl-25,
  .mx-xl-25 {
    margin-left: 25px !important; }
  .m-xl-30 {
    margin: 30px !important; }
  .mt-xl-30,
  .my-xl-30 {
    margin-top: 30px !important; }
  .mr-xl-30,
  .mx-xl-30 {
    margin-right: 30px !important; }
  .mb-xl-30,
  .my-xl-30 {
    margin-bottom: 30px !important; }
  .ml-xl-30,
  .mx-xl-30 {
    margin-left: 30px !important; }
  .m-xl-35 {
    margin: 35px !important; }
  .mt-xl-35,
  .my-xl-35 {
    margin-top: 35px !important; }
  .mr-xl-35,
  .mx-xl-35 {
    margin-right: 35px !important; }
  .mb-xl-35,
  .my-xl-35 {
    margin-bottom: 35px !important; }
  .ml-xl-35,
  .mx-xl-35 {
    margin-left: 35px !important; }
  .m-xl-40 {
    margin: 40px !important; }
  .mt-xl-40,
  .my-xl-40 {
    margin-top: 40px !important; }
  .mr-xl-40,
  .mx-xl-40 {
    margin-right: 40px !important; }
  .mb-xl-40,
  .my-xl-40 {
    margin-bottom: 40px !important; }
  .ml-xl-40,
  .mx-xl-40 {
    margin-left: 40px !important; }
  .m-xl-45 {
    margin: 45px !important; }
  .mt-xl-45,
  .my-xl-45 {
    margin-top: 45px !important; }
  .mr-xl-45,
  .mx-xl-45 {
    margin-right: 45px !important; }
  .mb-xl-45,
  .my-xl-45 {
    margin-bottom: 45px !important; }
  .ml-xl-45,
  .mx-xl-45 {
    margin-left: 45px !important; }
  .m-xl-50 {
    margin: 50px !important; }
  .mt-xl-50,
  .my-xl-50 {
    margin-top: 50px !important; }
  .mr-xl-50,
  .mx-xl-50 {
    margin-right: 50px !important; }
  .mb-xl-50,
  .my-xl-50 {
    margin-bottom: 50px !important; }
  .ml-xl-50,
  .mx-xl-50 {
    margin-left: 50px !important; }
  .m-xl-55 {
    margin: 55px !important; }
  .mt-xl-55,
  .my-xl-55 {
    margin-top: 55px !important; }
  .mr-xl-55,
  .mx-xl-55 {
    margin-right: 55px !important; }
  .mb-xl-55,
  .my-xl-55 {
    margin-bottom: 55px !important; }
  .ml-xl-55,
  .mx-xl-55 {
    margin-left: 55px !important; }
  .m-xl-60 {
    margin: 60px !important; }
  .mt-xl-60,
  .my-xl-60 {
    margin-top: 60px !important; }
  .mr-xl-60,
  .mx-xl-60 {
    margin-right: 60px !important; }
  .mb-xl-60,
  .my-xl-60 {
    margin-bottom: 60px !important; }
  .ml-xl-60,
  .mx-xl-60 {
    margin-left: 60px !important; }
  .m-xl-65 {
    margin: 65px !important; }
  .mt-xl-65,
  .my-xl-65 {
    margin-top: 65px !important; }
  .mr-xl-65,
  .mx-xl-65 {
    margin-right: 65px !important; }
  .mb-xl-65,
  .my-xl-65 {
    margin-bottom: 65px !important; }
  .ml-xl-65,
  .mx-xl-65 {
    margin-left: 65px !important; }
  .m-xl-70 {
    margin: 70px !important; }
  .mt-xl-70,
  .my-xl-70 {
    margin-top: 70px !important; }
  .mr-xl-70,
  .mx-xl-70 {
    margin-right: 70px !important; }
  .mb-xl-70,
  .my-xl-70 {
    margin-bottom: 70px !important; }
  .ml-xl-70,
  .mx-xl-70 {
    margin-left: 70px !important; }
  .m-xl-75 {
    margin: 75px !important; }
  .mt-xl-75,
  .my-xl-75 {
    margin-top: 75px !important; }
  .mr-xl-75,
  .mx-xl-75 {
    margin-right: 75px !important; }
  .mb-xl-75,
  .my-xl-75 {
    margin-bottom: 75px !important; }
  .ml-xl-75,
  .mx-xl-75 {
    margin-left: 75px !important; }
  .m-xl-80 {
    margin: 80px !important; }
  .mt-xl-80,
  .my-xl-80 {
    margin-top: 80px !important; }
  .mr-xl-80,
  .mx-xl-80 {
    margin-right: 80px !important; }
  .mb-xl-80,
  .my-xl-80 {
    margin-bottom: 80px !important; }
  .ml-xl-80,
  .mx-xl-80 {
    margin-left: 80px !important; }
  .m-xl-85 {
    margin: 85px !important; }
  .mt-xl-85,
  .my-xl-85 {
    margin-top: 85px !important; }
  .mr-xl-85,
  .mx-xl-85 {
    margin-right: 85px !important; }
  .mb-xl-85,
  .my-xl-85 {
    margin-bottom: 85px !important; }
  .ml-xl-85,
  .mx-xl-85 {
    margin-left: 85px !important; }
  .m-xl-90 {
    margin: 90px !important; }
  .mt-xl-90,
  .my-xl-90 {
    margin-top: 90px !important; }
  .mr-xl-90,
  .mx-xl-90 {
    margin-right: 90px !important; }
  .mb-xl-90,
  .my-xl-90 {
    margin-bottom: 90px !important; }
  .ml-xl-90,
  .mx-xl-90 {
    margin-left: 90px !important; }
  .m-xl-95 {
    margin: 95px !important; }
  .mt-xl-95,
  .my-xl-95 {
    margin-top: 95px !important; }
  .mr-xl-95,
  .mx-xl-95 {
    margin-right: 95px !important; }
  .mb-xl-95,
  .my-xl-95 {
    margin-bottom: 95px !important; }
  .ml-xl-95,
  .mx-xl-95 {
    margin-left: 95px !important; }
  .m-xl-100 {
    margin: 100px !important; }
  .mt-xl-100,
  .my-xl-100 {
    margin-top: 100px !important; }
  .mr-xl-100,
  .mx-xl-100 {
    margin-right: 100px !important; }
  .mb-xl-100,
  .my-xl-100 {
    margin-bottom: 100px !important; }
  .ml-xl-100,
  .mx-xl-100 {
    margin-left: 100px !important; }
  .m-xl-105 {
    margin: 105px !important; }
  .mt-xl-105,
  .my-xl-105 {
    margin-top: 105px !important; }
  .mr-xl-105,
  .mx-xl-105 {
    margin-right: 105px !important; }
  .mb-xl-105,
  .my-xl-105 {
    margin-bottom: 105px !important; }
  .ml-xl-105,
  .mx-xl-105 {
    margin-left: 105px !important; }
  .m-xl-110 {
    margin: 110px !important; }
  .mt-xl-110,
  .my-xl-110 {
    margin-top: 110px !important; }
  .mr-xl-110,
  .mx-xl-110 {
    margin-right: 110px !important; }
  .mb-xl-110,
  .my-xl-110 {
    margin-bottom: 110px !important; }
  .ml-xl-110,
  .mx-xl-110 {
    margin-left: 110px !important; }
  .m-xl-115 {
    margin: 115px !important; }
  .mt-xl-115,
  .my-xl-115 {
    margin-top: 115px !important; }
  .mr-xl-115,
  .mx-xl-115 {
    margin-right: 115px !important; }
  .mb-xl-115,
  .my-xl-115 {
    margin-bottom: 115px !important; }
  .ml-xl-115,
  .mx-xl-115 {
    margin-left: 115px !important; }
  .m-xl-120 {
    margin: 120px !important; }
  .mt-xl-120,
  .my-xl-120 {
    margin-top: 120px !important; }
  .mr-xl-120,
  .mx-xl-120 {
    margin-right: 120px !important; }
  .mb-xl-120,
  .my-xl-120 {
    margin-bottom: 120px !important; }
  .ml-xl-120,
  .mx-xl-120 {
    margin-left: 120px !important; }
  .p-xl-0 {
    padding: 0px !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0px !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0px !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0px !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0px !important; }
  .p-xl-5 {
    padding: 5px !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 5px !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 5px !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 5px !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 5px !important; }
  .p-xl-10 {
    padding: 10px !important; }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 10px !important; }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 10px !important; }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 10px !important; }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 10px !important; }
  .p-xl-15 {
    padding: 15px !important; }
  .pt-xl-15,
  .py-xl-15 {
    padding-top: 15px !important; }
  .pr-xl-15,
  .px-xl-15 {
    padding-right: 15px !important; }
  .pb-xl-15,
  .py-xl-15 {
    padding-bottom: 15px !important; }
  .pl-xl-15,
  .px-xl-15 {
    padding-left: 15px !important; }
  .p-xl-20 {
    padding: 20px !important; }
  .pt-xl-20,
  .py-xl-20 {
    padding-top: 20px !important; }
  .pr-xl-20,
  .px-xl-20 {
    padding-right: 20px !important; }
  .pb-xl-20,
  .py-xl-20 {
    padding-bottom: 20px !important; }
  .pl-xl-20,
  .px-xl-20 {
    padding-left: 20px !important; }
  .p-xl-25 {
    padding: 25px !important; }
  .pt-xl-25,
  .py-xl-25 {
    padding-top: 25px !important; }
  .pr-xl-25,
  .px-xl-25 {
    padding-right: 25px !important; }
  .pb-xl-25,
  .py-xl-25 {
    padding-bottom: 25px !important; }
  .pl-xl-25,
  .px-xl-25 {
    padding-left: 25px !important; }
  .p-xl-30 {
    padding: 30px !important; }
  .pt-xl-30,
  .py-xl-30 {
    padding-top: 30px !important; }
  .pr-xl-30,
  .px-xl-30 {
    padding-right: 30px !important; }
  .pb-xl-30,
  .py-xl-30 {
    padding-bottom: 30px !important; }
  .pl-xl-30,
  .px-xl-30 {
    padding-left: 30px !important; }
  .p-xl-35 {
    padding: 35px !important; }
  .pt-xl-35,
  .py-xl-35 {
    padding-top: 35px !important; }
  .pr-xl-35,
  .px-xl-35 {
    padding-right: 35px !important; }
  .pb-xl-35,
  .py-xl-35 {
    padding-bottom: 35px !important; }
  .pl-xl-35,
  .px-xl-35 {
    padding-left: 35px !important; }
  .p-xl-40 {
    padding: 40px !important; }
  .pt-xl-40,
  .py-xl-40 {
    padding-top: 40px !important; }
  .pr-xl-40,
  .px-xl-40 {
    padding-right: 40px !important; }
  .pb-xl-40,
  .py-xl-40 {
    padding-bottom: 40px !important; }
  .pl-xl-40,
  .px-xl-40 {
    padding-left: 40px !important; }
  .p-xl-45 {
    padding: 45px !important; }
  .pt-xl-45,
  .py-xl-45 {
    padding-top: 45px !important; }
  .pr-xl-45,
  .px-xl-45 {
    padding-right: 45px !important; }
  .pb-xl-45,
  .py-xl-45 {
    padding-bottom: 45px !important; }
  .pl-xl-45,
  .px-xl-45 {
    padding-left: 45px !important; }
  .p-xl-50 {
    padding: 50px !important; }
  .pt-xl-50,
  .py-xl-50 {
    padding-top: 50px !important; }
  .pr-xl-50,
  .px-xl-50 {
    padding-right: 50px !important; }
  .pb-xl-50,
  .py-xl-50 {
    padding-bottom: 50px !important; }
  .pl-xl-50,
  .px-xl-50 {
    padding-left: 50px !important; }
  .p-xl-55 {
    padding: 55px !important; }
  .pt-xl-55,
  .py-xl-55 {
    padding-top: 55px !important; }
  .pr-xl-55,
  .px-xl-55 {
    padding-right: 55px !important; }
  .pb-xl-55,
  .py-xl-55 {
    padding-bottom: 55px !important; }
  .pl-xl-55,
  .px-xl-55 {
    padding-left: 55px !important; }
  .p-xl-60 {
    padding: 60px !important; }
  .pt-xl-60,
  .py-xl-60 {
    padding-top: 60px !important; }
  .pr-xl-60,
  .px-xl-60 {
    padding-right: 60px !important; }
  .pb-xl-60,
  .py-xl-60 {
    padding-bottom: 60px !important; }
  .pl-xl-60,
  .px-xl-60 {
    padding-left: 60px !important; }
  .p-xl-65 {
    padding: 65px !important; }
  .pt-xl-65,
  .py-xl-65 {
    padding-top: 65px !important; }
  .pr-xl-65,
  .px-xl-65 {
    padding-right: 65px !important; }
  .pb-xl-65,
  .py-xl-65 {
    padding-bottom: 65px !important; }
  .pl-xl-65,
  .px-xl-65 {
    padding-left: 65px !important; }
  .p-xl-70 {
    padding: 70px !important; }
  .pt-xl-70,
  .py-xl-70 {
    padding-top: 70px !important; }
  .pr-xl-70,
  .px-xl-70 {
    padding-right: 70px !important; }
  .pb-xl-70,
  .py-xl-70 {
    padding-bottom: 70px !important; }
  .pl-xl-70,
  .px-xl-70 {
    padding-left: 70px !important; }
  .p-xl-75 {
    padding: 75px !important; }
  .pt-xl-75,
  .py-xl-75 {
    padding-top: 75px !important; }
  .pr-xl-75,
  .px-xl-75 {
    padding-right: 75px !important; }
  .pb-xl-75,
  .py-xl-75 {
    padding-bottom: 75px !important; }
  .pl-xl-75,
  .px-xl-75 {
    padding-left: 75px !important; }
  .p-xl-80 {
    padding: 80px !important; }
  .pt-xl-80,
  .py-xl-80 {
    padding-top: 80px !important; }
  .pr-xl-80,
  .px-xl-80 {
    padding-right: 80px !important; }
  .pb-xl-80,
  .py-xl-80 {
    padding-bottom: 80px !important; }
  .pl-xl-80,
  .px-xl-80 {
    padding-left: 80px !important; }
  .p-xl-85 {
    padding: 85px !important; }
  .pt-xl-85,
  .py-xl-85 {
    padding-top: 85px !important; }
  .pr-xl-85,
  .px-xl-85 {
    padding-right: 85px !important; }
  .pb-xl-85,
  .py-xl-85 {
    padding-bottom: 85px !important; }
  .pl-xl-85,
  .px-xl-85 {
    padding-left: 85px !important; }
  .p-xl-90 {
    padding: 90px !important; }
  .pt-xl-90,
  .py-xl-90 {
    padding-top: 90px !important; }
  .pr-xl-90,
  .px-xl-90 {
    padding-right: 90px !important; }
  .pb-xl-90,
  .py-xl-90 {
    padding-bottom: 90px !important; }
  .pl-xl-90,
  .px-xl-90 {
    padding-left: 90px !important; }
  .p-xl-95 {
    padding: 95px !important; }
  .pt-xl-95,
  .py-xl-95 {
    padding-top: 95px !important; }
  .pr-xl-95,
  .px-xl-95 {
    padding-right: 95px !important; }
  .pb-xl-95,
  .py-xl-95 {
    padding-bottom: 95px !important; }
  .pl-xl-95,
  .px-xl-95 {
    padding-left: 95px !important; }
  .p-xl-100 {
    padding: 100px !important; }
  .pt-xl-100,
  .py-xl-100 {
    padding-top: 100px !important; }
  .pr-xl-100,
  .px-xl-100 {
    padding-right: 100px !important; }
  .pb-xl-100,
  .py-xl-100 {
    padding-bottom: 100px !important; }
  .pl-xl-100,
  .px-xl-100 {
    padding-left: 100px !important; }
  .p-xl-105 {
    padding: 105px !important; }
  .pt-xl-105,
  .py-xl-105 {
    padding-top: 105px !important; }
  .pr-xl-105,
  .px-xl-105 {
    padding-right: 105px !important; }
  .pb-xl-105,
  .py-xl-105 {
    padding-bottom: 105px !important; }
  .pl-xl-105,
  .px-xl-105 {
    padding-left: 105px !important; }
  .p-xl-110 {
    padding: 110px !important; }
  .pt-xl-110,
  .py-xl-110 {
    padding-top: 110px !important; }
  .pr-xl-110,
  .px-xl-110 {
    padding-right: 110px !important; }
  .pb-xl-110,
  .py-xl-110 {
    padding-bottom: 110px !important; }
  .pl-xl-110,
  .px-xl-110 {
    padding-left: 110px !important; }
  .p-xl-115 {
    padding: 115px !important; }
  .pt-xl-115,
  .py-xl-115 {
    padding-top: 115px !important; }
  .pr-xl-115,
  .px-xl-115 {
    padding-right: 115px !important; }
  .pb-xl-115,
  .py-xl-115 {
    padding-bottom: 115px !important; }
  .pl-xl-115,
  .px-xl-115 {
    padding-left: 115px !important; }
  .p-xl-120 {
    padding: 120px !important; }
  .pt-xl-120,
  .py-xl-120 {
    padding-top: 120px !important; }
  .pr-xl-120,
  .px-xl-120 {
    padding-right: 120px !important; }
  .pb-xl-120,
  .py-xl-120 {
    padding-bottom: 120px !important; }
  .pl-xl-120,
  .px-xl-120 {
    padding-left: 120px !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1440px) {
  .m-xxl-0 {
    margin: 0px !important; }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0px !important; }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0px !important; }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0px !important; }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0px !important; }
  .m-xxl-5 {
    margin: 5px !important; }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 5px !important; }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 5px !important; }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 5px !important; }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 5px !important; }
  .m-xxl-10 {
    margin: 10px !important; }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: 10px !important; }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: 10px !important; }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: 10px !important; }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: 10px !important; }
  .m-xxl-15 {
    margin: 15px !important; }
  .mt-xxl-15,
  .my-xxl-15 {
    margin-top: 15px !important; }
  .mr-xxl-15,
  .mx-xxl-15 {
    margin-right: 15px !important; }
  .mb-xxl-15,
  .my-xxl-15 {
    margin-bottom: 15px !important; }
  .ml-xxl-15,
  .mx-xxl-15 {
    margin-left: 15px !important; }
  .m-xxl-20 {
    margin: 20px !important; }
  .mt-xxl-20,
  .my-xxl-20 {
    margin-top: 20px !important; }
  .mr-xxl-20,
  .mx-xxl-20 {
    margin-right: 20px !important; }
  .mb-xxl-20,
  .my-xxl-20 {
    margin-bottom: 20px !important; }
  .ml-xxl-20,
  .mx-xxl-20 {
    margin-left: 20px !important; }
  .m-xxl-25 {
    margin: 25px !important; }
  .mt-xxl-25,
  .my-xxl-25 {
    margin-top: 25px !important; }
  .mr-xxl-25,
  .mx-xxl-25 {
    margin-right: 25px !important; }
  .mb-xxl-25,
  .my-xxl-25 {
    margin-bottom: 25px !important; }
  .ml-xxl-25,
  .mx-xxl-25 {
    margin-left: 25px !important; }
  .m-xxl-30 {
    margin: 30px !important; }
  .mt-xxl-30,
  .my-xxl-30 {
    margin-top: 30px !important; }
  .mr-xxl-30,
  .mx-xxl-30 {
    margin-right: 30px !important; }
  .mb-xxl-30,
  .my-xxl-30 {
    margin-bottom: 30px !important; }
  .ml-xxl-30,
  .mx-xxl-30 {
    margin-left: 30px !important; }
  .m-xxl-35 {
    margin: 35px !important; }
  .mt-xxl-35,
  .my-xxl-35 {
    margin-top: 35px !important; }
  .mr-xxl-35,
  .mx-xxl-35 {
    margin-right: 35px !important; }
  .mb-xxl-35,
  .my-xxl-35 {
    margin-bottom: 35px !important; }
  .ml-xxl-35,
  .mx-xxl-35 {
    margin-left: 35px !important; }
  .m-xxl-40 {
    margin: 40px !important; }
  .mt-xxl-40,
  .my-xxl-40 {
    margin-top: 40px !important; }
  .mr-xxl-40,
  .mx-xxl-40 {
    margin-right: 40px !important; }
  .mb-xxl-40,
  .my-xxl-40 {
    margin-bottom: 40px !important; }
  .ml-xxl-40,
  .mx-xxl-40 {
    margin-left: 40px !important; }
  .m-xxl-45 {
    margin: 45px !important; }
  .mt-xxl-45,
  .my-xxl-45 {
    margin-top: 45px !important; }
  .mr-xxl-45,
  .mx-xxl-45 {
    margin-right: 45px !important; }
  .mb-xxl-45,
  .my-xxl-45 {
    margin-bottom: 45px !important; }
  .ml-xxl-45,
  .mx-xxl-45 {
    margin-left: 45px !important; }
  .m-xxl-50 {
    margin: 50px !important; }
  .mt-xxl-50,
  .my-xxl-50 {
    margin-top: 50px !important; }
  .mr-xxl-50,
  .mx-xxl-50 {
    margin-right: 50px !important; }
  .mb-xxl-50,
  .my-xxl-50 {
    margin-bottom: 50px !important; }
  .ml-xxl-50,
  .mx-xxl-50 {
    margin-left: 50px !important; }
  .m-xxl-55 {
    margin: 55px !important; }
  .mt-xxl-55,
  .my-xxl-55 {
    margin-top: 55px !important; }
  .mr-xxl-55,
  .mx-xxl-55 {
    margin-right: 55px !important; }
  .mb-xxl-55,
  .my-xxl-55 {
    margin-bottom: 55px !important; }
  .ml-xxl-55,
  .mx-xxl-55 {
    margin-left: 55px !important; }
  .m-xxl-60 {
    margin: 60px !important; }
  .mt-xxl-60,
  .my-xxl-60 {
    margin-top: 60px !important; }
  .mr-xxl-60,
  .mx-xxl-60 {
    margin-right: 60px !important; }
  .mb-xxl-60,
  .my-xxl-60 {
    margin-bottom: 60px !important; }
  .ml-xxl-60,
  .mx-xxl-60 {
    margin-left: 60px !important; }
  .m-xxl-65 {
    margin: 65px !important; }
  .mt-xxl-65,
  .my-xxl-65 {
    margin-top: 65px !important; }
  .mr-xxl-65,
  .mx-xxl-65 {
    margin-right: 65px !important; }
  .mb-xxl-65,
  .my-xxl-65 {
    margin-bottom: 65px !important; }
  .ml-xxl-65,
  .mx-xxl-65 {
    margin-left: 65px !important; }
  .m-xxl-70 {
    margin: 70px !important; }
  .mt-xxl-70,
  .my-xxl-70 {
    margin-top: 70px !important; }
  .mr-xxl-70,
  .mx-xxl-70 {
    margin-right: 70px !important; }
  .mb-xxl-70,
  .my-xxl-70 {
    margin-bottom: 70px !important; }
  .ml-xxl-70,
  .mx-xxl-70 {
    margin-left: 70px !important; }
  .m-xxl-75 {
    margin: 75px !important; }
  .mt-xxl-75,
  .my-xxl-75 {
    margin-top: 75px !important; }
  .mr-xxl-75,
  .mx-xxl-75 {
    margin-right: 75px !important; }
  .mb-xxl-75,
  .my-xxl-75 {
    margin-bottom: 75px !important; }
  .ml-xxl-75,
  .mx-xxl-75 {
    margin-left: 75px !important; }
  .m-xxl-80 {
    margin: 80px !important; }
  .mt-xxl-80,
  .my-xxl-80 {
    margin-top: 80px !important; }
  .mr-xxl-80,
  .mx-xxl-80 {
    margin-right: 80px !important; }
  .mb-xxl-80,
  .my-xxl-80 {
    margin-bottom: 80px !important; }
  .ml-xxl-80,
  .mx-xxl-80 {
    margin-left: 80px !important; }
  .m-xxl-85 {
    margin: 85px !important; }
  .mt-xxl-85,
  .my-xxl-85 {
    margin-top: 85px !important; }
  .mr-xxl-85,
  .mx-xxl-85 {
    margin-right: 85px !important; }
  .mb-xxl-85,
  .my-xxl-85 {
    margin-bottom: 85px !important; }
  .ml-xxl-85,
  .mx-xxl-85 {
    margin-left: 85px !important; }
  .m-xxl-90 {
    margin: 90px !important; }
  .mt-xxl-90,
  .my-xxl-90 {
    margin-top: 90px !important; }
  .mr-xxl-90,
  .mx-xxl-90 {
    margin-right: 90px !important; }
  .mb-xxl-90,
  .my-xxl-90 {
    margin-bottom: 90px !important; }
  .ml-xxl-90,
  .mx-xxl-90 {
    margin-left: 90px !important; }
  .m-xxl-95 {
    margin: 95px !important; }
  .mt-xxl-95,
  .my-xxl-95 {
    margin-top: 95px !important; }
  .mr-xxl-95,
  .mx-xxl-95 {
    margin-right: 95px !important; }
  .mb-xxl-95,
  .my-xxl-95 {
    margin-bottom: 95px !important; }
  .ml-xxl-95,
  .mx-xxl-95 {
    margin-left: 95px !important; }
  .m-xxl-100 {
    margin: 100px !important; }
  .mt-xxl-100,
  .my-xxl-100 {
    margin-top: 100px !important; }
  .mr-xxl-100,
  .mx-xxl-100 {
    margin-right: 100px !important; }
  .mb-xxl-100,
  .my-xxl-100 {
    margin-bottom: 100px !important; }
  .ml-xxl-100,
  .mx-xxl-100 {
    margin-left: 100px !important; }
  .m-xxl-105 {
    margin: 105px !important; }
  .mt-xxl-105,
  .my-xxl-105 {
    margin-top: 105px !important; }
  .mr-xxl-105,
  .mx-xxl-105 {
    margin-right: 105px !important; }
  .mb-xxl-105,
  .my-xxl-105 {
    margin-bottom: 105px !important; }
  .ml-xxl-105,
  .mx-xxl-105 {
    margin-left: 105px !important; }
  .m-xxl-110 {
    margin: 110px !important; }
  .mt-xxl-110,
  .my-xxl-110 {
    margin-top: 110px !important; }
  .mr-xxl-110,
  .mx-xxl-110 {
    margin-right: 110px !important; }
  .mb-xxl-110,
  .my-xxl-110 {
    margin-bottom: 110px !important; }
  .ml-xxl-110,
  .mx-xxl-110 {
    margin-left: 110px !important; }
  .m-xxl-115 {
    margin: 115px !important; }
  .mt-xxl-115,
  .my-xxl-115 {
    margin-top: 115px !important; }
  .mr-xxl-115,
  .mx-xxl-115 {
    margin-right: 115px !important; }
  .mb-xxl-115,
  .my-xxl-115 {
    margin-bottom: 115px !important; }
  .ml-xxl-115,
  .mx-xxl-115 {
    margin-left: 115px !important; }
  .m-xxl-120 {
    margin: 120px !important; }
  .mt-xxl-120,
  .my-xxl-120 {
    margin-top: 120px !important; }
  .mr-xxl-120,
  .mx-xxl-120 {
    margin-right: 120px !important; }
  .mb-xxl-120,
  .my-xxl-120 {
    margin-bottom: 120px !important; }
  .ml-xxl-120,
  .mx-xxl-120 {
    margin-left: 120px !important; }
  .p-xxl-0 {
    padding: 0px !important; }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0px !important; }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0px !important; }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0px !important; }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0px !important; }
  .p-xxl-5 {
    padding: 5px !important; }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 5px !important; }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 5px !important; }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 5px !important; }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 5px !important; }
  .p-xxl-10 {
    padding: 10px !important; }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: 10px !important; }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: 10px !important; }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: 10px !important; }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: 10px !important; }
  .p-xxl-15 {
    padding: 15px !important; }
  .pt-xxl-15,
  .py-xxl-15 {
    padding-top: 15px !important; }
  .pr-xxl-15,
  .px-xxl-15 {
    padding-right: 15px !important; }
  .pb-xxl-15,
  .py-xxl-15 {
    padding-bottom: 15px !important; }
  .pl-xxl-15,
  .px-xxl-15 {
    padding-left: 15px !important; }
  .p-xxl-20 {
    padding: 20px !important; }
  .pt-xxl-20,
  .py-xxl-20 {
    padding-top: 20px !important; }
  .pr-xxl-20,
  .px-xxl-20 {
    padding-right: 20px !important; }
  .pb-xxl-20,
  .py-xxl-20 {
    padding-bottom: 20px !important; }
  .pl-xxl-20,
  .px-xxl-20 {
    padding-left: 20px !important; }
  .p-xxl-25 {
    padding: 25px !important; }
  .pt-xxl-25,
  .py-xxl-25 {
    padding-top: 25px !important; }
  .pr-xxl-25,
  .px-xxl-25 {
    padding-right: 25px !important; }
  .pb-xxl-25,
  .py-xxl-25 {
    padding-bottom: 25px !important; }
  .pl-xxl-25,
  .px-xxl-25 {
    padding-left: 25px !important; }
  .p-xxl-30 {
    padding: 30px !important; }
  .pt-xxl-30,
  .py-xxl-30 {
    padding-top: 30px !important; }
  .pr-xxl-30,
  .px-xxl-30 {
    padding-right: 30px !important; }
  .pb-xxl-30,
  .py-xxl-30 {
    padding-bottom: 30px !important; }
  .pl-xxl-30,
  .px-xxl-30 {
    padding-left: 30px !important; }
  .p-xxl-35 {
    padding: 35px !important; }
  .pt-xxl-35,
  .py-xxl-35 {
    padding-top: 35px !important; }
  .pr-xxl-35,
  .px-xxl-35 {
    padding-right: 35px !important; }
  .pb-xxl-35,
  .py-xxl-35 {
    padding-bottom: 35px !important; }
  .pl-xxl-35,
  .px-xxl-35 {
    padding-left: 35px !important; }
  .p-xxl-40 {
    padding: 40px !important; }
  .pt-xxl-40,
  .py-xxl-40 {
    padding-top: 40px !important; }
  .pr-xxl-40,
  .px-xxl-40 {
    padding-right: 40px !important; }
  .pb-xxl-40,
  .py-xxl-40 {
    padding-bottom: 40px !important; }
  .pl-xxl-40,
  .px-xxl-40 {
    padding-left: 40px !important; }
  .p-xxl-45 {
    padding: 45px !important; }
  .pt-xxl-45,
  .py-xxl-45 {
    padding-top: 45px !important; }
  .pr-xxl-45,
  .px-xxl-45 {
    padding-right: 45px !important; }
  .pb-xxl-45,
  .py-xxl-45 {
    padding-bottom: 45px !important; }
  .pl-xxl-45,
  .px-xxl-45 {
    padding-left: 45px !important; }
  .p-xxl-50 {
    padding: 50px !important; }
  .pt-xxl-50,
  .py-xxl-50 {
    padding-top: 50px !important; }
  .pr-xxl-50,
  .px-xxl-50 {
    padding-right: 50px !important; }
  .pb-xxl-50,
  .py-xxl-50 {
    padding-bottom: 50px !important; }
  .pl-xxl-50,
  .px-xxl-50 {
    padding-left: 50px !important; }
  .p-xxl-55 {
    padding: 55px !important; }
  .pt-xxl-55,
  .py-xxl-55 {
    padding-top: 55px !important; }
  .pr-xxl-55,
  .px-xxl-55 {
    padding-right: 55px !important; }
  .pb-xxl-55,
  .py-xxl-55 {
    padding-bottom: 55px !important; }
  .pl-xxl-55,
  .px-xxl-55 {
    padding-left: 55px !important; }
  .p-xxl-60 {
    padding: 60px !important; }
  .pt-xxl-60,
  .py-xxl-60 {
    padding-top: 60px !important; }
  .pr-xxl-60,
  .px-xxl-60 {
    padding-right: 60px !important; }
  .pb-xxl-60,
  .py-xxl-60 {
    padding-bottom: 60px !important; }
  .pl-xxl-60,
  .px-xxl-60 {
    padding-left: 60px !important; }
  .p-xxl-65 {
    padding: 65px !important; }
  .pt-xxl-65,
  .py-xxl-65 {
    padding-top: 65px !important; }
  .pr-xxl-65,
  .px-xxl-65 {
    padding-right: 65px !important; }
  .pb-xxl-65,
  .py-xxl-65 {
    padding-bottom: 65px !important; }
  .pl-xxl-65,
  .px-xxl-65 {
    padding-left: 65px !important; }
  .p-xxl-70 {
    padding: 70px !important; }
  .pt-xxl-70,
  .py-xxl-70 {
    padding-top: 70px !important; }
  .pr-xxl-70,
  .px-xxl-70 {
    padding-right: 70px !important; }
  .pb-xxl-70,
  .py-xxl-70 {
    padding-bottom: 70px !important; }
  .pl-xxl-70,
  .px-xxl-70 {
    padding-left: 70px !important; }
  .p-xxl-75 {
    padding: 75px !important; }
  .pt-xxl-75,
  .py-xxl-75 {
    padding-top: 75px !important; }
  .pr-xxl-75,
  .px-xxl-75 {
    padding-right: 75px !important; }
  .pb-xxl-75,
  .py-xxl-75 {
    padding-bottom: 75px !important; }
  .pl-xxl-75,
  .px-xxl-75 {
    padding-left: 75px !important; }
  .p-xxl-80 {
    padding: 80px !important; }
  .pt-xxl-80,
  .py-xxl-80 {
    padding-top: 80px !important; }
  .pr-xxl-80,
  .px-xxl-80 {
    padding-right: 80px !important; }
  .pb-xxl-80,
  .py-xxl-80 {
    padding-bottom: 80px !important; }
  .pl-xxl-80,
  .px-xxl-80 {
    padding-left: 80px !important; }
  .p-xxl-85 {
    padding: 85px !important; }
  .pt-xxl-85,
  .py-xxl-85 {
    padding-top: 85px !important; }
  .pr-xxl-85,
  .px-xxl-85 {
    padding-right: 85px !important; }
  .pb-xxl-85,
  .py-xxl-85 {
    padding-bottom: 85px !important; }
  .pl-xxl-85,
  .px-xxl-85 {
    padding-left: 85px !important; }
  .p-xxl-90 {
    padding: 90px !important; }
  .pt-xxl-90,
  .py-xxl-90 {
    padding-top: 90px !important; }
  .pr-xxl-90,
  .px-xxl-90 {
    padding-right: 90px !important; }
  .pb-xxl-90,
  .py-xxl-90 {
    padding-bottom: 90px !important; }
  .pl-xxl-90,
  .px-xxl-90 {
    padding-left: 90px !important; }
  .p-xxl-95 {
    padding: 95px !important; }
  .pt-xxl-95,
  .py-xxl-95 {
    padding-top: 95px !important; }
  .pr-xxl-95,
  .px-xxl-95 {
    padding-right: 95px !important; }
  .pb-xxl-95,
  .py-xxl-95 {
    padding-bottom: 95px !important; }
  .pl-xxl-95,
  .px-xxl-95 {
    padding-left: 95px !important; }
  .p-xxl-100 {
    padding: 100px !important; }
  .pt-xxl-100,
  .py-xxl-100 {
    padding-top: 100px !important; }
  .pr-xxl-100,
  .px-xxl-100 {
    padding-right: 100px !important; }
  .pb-xxl-100,
  .py-xxl-100 {
    padding-bottom: 100px !important; }
  .pl-xxl-100,
  .px-xxl-100 {
    padding-left: 100px !important; }
  .p-xxl-105 {
    padding: 105px !important; }
  .pt-xxl-105,
  .py-xxl-105 {
    padding-top: 105px !important; }
  .pr-xxl-105,
  .px-xxl-105 {
    padding-right: 105px !important; }
  .pb-xxl-105,
  .py-xxl-105 {
    padding-bottom: 105px !important; }
  .pl-xxl-105,
  .px-xxl-105 {
    padding-left: 105px !important; }
  .p-xxl-110 {
    padding: 110px !important; }
  .pt-xxl-110,
  .py-xxl-110 {
    padding-top: 110px !important; }
  .pr-xxl-110,
  .px-xxl-110 {
    padding-right: 110px !important; }
  .pb-xxl-110,
  .py-xxl-110 {
    padding-bottom: 110px !important; }
  .pl-xxl-110,
  .px-xxl-110 {
    padding-left: 110px !important; }
  .p-xxl-115 {
    padding: 115px !important; }
  .pt-xxl-115,
  .py-xxl-115 {
    padding-top: 115px !important; }
  .pr-xxl-115,
  .px-xxl-115 {
    padding-right: 115px !important; }
  .pb-xxl-115,
  .py-xxl-115 {
    padding-bottom: 115px !important; }
  .pl-xxl-115,
  .px-xxl-115 {
    padding-left: 115px !important; }
  .p-xxl-120 {
    padding: 120px !important; }
  .pt-xxl-120,
  .py-xxl-120 {
    padding-top: 120px !important; }
  .pr-xxl-120,
  .px-xxl-120 {
    padding-right: 120px !important; }
  .pb-xxl-120,
  .py-xxl-120 {
    padding-bottom: 120px !important; }
  .pl-xxl-120,
  .px-xxl-120 {
    padding-left: 120px !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important; }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important; }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important; } }

@media (min-width: 1920px) {
  .m-hd-0 {
    margin: 0px !important; }
  .mt-hd-0,
  .my-hd-0 {
    margin-top: 0px !important; }
  .mr-hd-0,
  .mx-hd-0 {
    margin-right: 0px !important; }
  .mb-hd-0,
  .my-hd-0 {
    margin-bottom: 0px !important; }
  .ml-hd-0,
  .mx-hd-0 {
    margin-left: 0px !important; }
  .m-hd-5 {
    margin: 5px !important; }
  .mt-hd-5,
  .my-hd-5 {
    margin-top: 5px !important; }
  .mr-hd-5,
  .mx-hd-5 {
    margin-right: 5px !important; }
  .mb-hd-5,
  .my-hd-5 {
    margin-bottom: 5px !important; }
  .ml-hd-5,
  .mx-hd-5 {
    margin-left: 5px !important; }
  .m-hd-10 {
    margin: 10px !important; }
  .mt-hd-10,
  .my-hd-10 {
    margin-top: 10px !important; }
  .mr-hd-10,
  .mx-hd-10 {
    margin-right: 10px !important; }
  .mb-hd-10,
  .my-hd-10 {
    margin-bottom: 10px !important; }
  .ml-hd-10,
  .mx-hd-10 {
    margin-left: 10px !important; }
  .m-hd-15 {
    margin: 15px !important; }
  .mt-hd-15,
  .my-hd-15 {
    margin-top: 15px !important; }
  .mr-hd-15,
  .mx-hd-15 {
    margin-right: 15px !important; }
  .mb-hd-15,
  .my-hd-15 {
    margin-bottom: 15px !important; }
  .ml-hd-15,
  .mx-hd-15 {
    margin-left: 15px !important; }
  .m-hd-20 {
    margin: 20px !important; }
  .mt-hd-20,
  .my-hd-20 {
    margin-top: 20px !important; }
  .mr-hd-20,
  .mx-hd-20 {
    margin-right: 20px !important; }
  .mb-hd-20,
  .my-hd-20 {
    margin-bottom: 20px !important; }
  .ml-hd-20,
  .mx-hd-20 {
    margin-left: 20px !important; }
  .m-hd-25 {
    margin: 25px !important; }
  .mt-hd-25,
  .my-hd-25 {
    margin-top: 25px !important; }
  .mr-hd-25,
  .mx-hd-25 {
    margin-right: 25px !important; }
  .mb-hd-25,
  .my-hd-25 {
    margin-bottom: 25px !important; }
  .ml-hd-25,
  .mx-hd-25 {
    margin-left: 25px !important; }
  .m-hd-30 {
    margin: 30px !important; }
  .mt-hd-30,
  .my-hd-30 {
    margin-top: 30px !important; }
  .mr-hd-30,
  .mx-hd-30 {
    margin-right: 30px !important; }
  .mb-hd-30,
  .my-hd-30 {
    margin-bottom: 30px !important; }
  .ml-hd-30,
  .mx-hd-30 {
    margin-left: 30px !important; }
  .m-hd-35 {
    margin: 35px !important; }
  .mt-hd-35,
  .my-hd-35 {
    margin-top: 35px !important; }
  .mr-hd-35,
  .mx-hd-35 {
    margin-right: 35px !important; }
  .mb-hd-35,
  .my-hd-35 {
    margin-bottom: 35px !important; }
  .ml-hd-35,
  .mx-hd-35 {
    margin-left: 35px !important; }
  .m-hd-40 {
    margin: 40px !important; }
  .mt-hd-40,
  .my-hd-40 {
    margin-top: 40px !important; }
  .mr-hd-40,
  .mx-hd-40 {
    margin-right: 40px !important; }
  .mb-hd-40,
  .my-hd-40 {
    margin-bottom: 40px !important; }
  .ml-hd-40,
  .mx-hd-40 {
    margin-left: 40px !important; }
  .m-hd-45 {
    margin: 45px !important; }
  .mt-hd-45,
  .my-hd-45 {
    margin-top: 45px !important; }
  .mr-hd-45,
  .mx-hd-45 {
    margin-right: 45px !important; }
  .mb-hd-45,
  .my-hd-45 {
    margin-bottom: 45px !important; }
  .ml-hd-45,
  .mx-hd-45 {
    margin-left: 45px !important; }
  .m-hd-50 {
    margin: 50px !important; }
  .mt-hd-50,
  .my-hd-50 {
    margin-top: 50px !important; }
  .mr-hd-50,
  .mx-hd-50 {
    margin-right: 50px !important; }
  .mb-hd-50,
  .my-hd-50 {
    margin-bottom: 50px !important; }
  .ml-hd-50,
  .mx-hd-50 {
    margin-left: 50px !important; }
  .m-hd-55 {
    margin: 55px !important; }
  .mt-hd-55,
  .my-hd-55 {
    margin-top: 55px !important; }
  .mr-hd-55,
  .mx-hd-55 {
    margin-right: 55px !important; }
  .mb-hd-55,
  .my-hd-55 {
    margin-bottom: 55px !important; }
  .ml-hd-55,
  .mx-hd-55 {
    margin-left: 55px !important; }
  .m-hd-60 {
    margin: 60px !important; }
  .mt-hd-60,
  .my-hd-60 {
    margin-top: 60px !important; }
  .mr-hd-60,
  .mx-hd-60 {
    margin-right: 60px !important; }
  .mb-hd-60,
  .my-hd-60 {
    margin-bottom: 60px !important; }
  .ml-hd-60,
  .mx-hd-60 {
    margin-left: 60px !important; }
  .m-hd-65 {
    margin: 65px !important; }
  .mt-hd-65,
  .my-hd-65 {
    margin-top: 65px !important; }
  .mr-hd-65,
  .mx-hd-65 {
    margin-right: 65px !important; }
  .mb-hd-65,
  .my-hd-65 {
    margin-bottom: 65px !important; }
  .ml-hd-65,
  .mx-hd-65 {
    margin-left: 65px !important; }
  .m-hd-70 {
    margin: 70px !important; }
  .mt-hd-70,
  .my-hd-70 {
    margin-top: 70px !important; }
  .mr-hd-70,
  .mx-hd-70 {
    margin-right: 70px !important; }
  .mb-hd-70,
  .my-hd-70 {
    margin-bottom: 70px !important; }
  .ml-hd-70,
  .mx-hd-70 {
    margin-left: 70px !important; }
  .m-hd-75 {
    margin: 75px !important; }
  .mt-hd-75,
  .my-hd-75 {
    margin-top: 75px !important; }
  .mr-hd-75,
  .mx-hd-75 {
    margin-right: 75px !important; }
  .mb-hd-75,
  .my-hd-75 {
    margin-bottom: 75px !important; }
  .ml-hd-75,
  .mx-hd-75 {
    margin-left: 75px !important; }
  .m-hd-80 {
    margin: 80px !important; }
  .mt-hd-80,
  .my-hd-80 {
    margin-top: 80px !important; }
  .mr-hd-80,
  .mx-hd-80 {
    margin-right: 80px !important; }
  .mb-hd-80,
  .my-hd-80 {
    margin-bottom: 80px !important; }
  .ml-hd-80,
  .mx-hd-80 {
    margin-left: 80px !important; }
  .m-hd-85 {
    margin: 85px !important; }
  .mt-hd-85,
  .my-hd-85 {
    margin-top: 85px !important; }
  .mr-hd-85,
  .mx-hd-85 {
    margin-right: 85px !important; }
  .mb-hd-85,
  .my-hd-85 {
    margin-bottom: 85px !important; }
  .ml-hd-85,
  .mx-hd-85 {
    margin-left: 85px !important; }
  .m-hd-90 {
    margin: 90px !important; }
  .mt-hd-90,
  .my-hd-90 {
    margin-top: 90px !important; }
  .mr-hd-90,
  .mx-hd-90 {
    margin-right: 90px !important; }
  .mb-hd-90,
  .my-hd-90 {
    margin-bottom: 90px !important; }
  .ml-hd-90,
  .mx-hd-90 {
    margin-left: 90px !important; }
  .m-hd-95 {
    margin: 95px !important; }
  .mt-hd-95,
  .my-hd-95 {
    margin-top: 95px !important; }
  .mr-hd-95,
  .mx-hd-95 {
    margin-right: 95px !important; }
  .mb-hd-95,
  .my-hd-95 {
    margin-bottom: 95px !important; }
  .ml-hd-95,
  .mx-hd-95 {
    margin-left: 95px !important; }
  .m-hd-100 {
    margin: 100px !important; }
  .mt-hd-100,
  .my-hd-100 {
    margin-top: 100px !important; }
  .mr-hd-100,
  .mx-hd-100 {
    margin-right: 100px !important; }
  .mb-hd-100,
  .my-hd-100 {
    margin-bottom: 100px !important; }
  .ml-hd-100,
  .mx-hd-100 {
    margin-left: 100px !important; }
  .m-hd-105 {
    margin: 105px !important; }
  .mt-hd-105,
  .my-hd-105 {
    margin-top: 105px !important; }
  .mr-hd-105,
  .mx-hd-105 {
    margin-right: 105px !important; }
  .mb-hd-105,
  .my-hd-105 {
    margin-bottom: 105px !important; }
  .ml-hd-105,
  .mx-hd-105 {
    margin-left: 105px !important; }
  .m-hd-110 {
    margin: 110px !important; }
  .mt-hd-110,
  .my-hd-110 {
    margin-top: 110px !important; }
  .mr-hd-110,
  .mx-hd-110 {
    margin-right: 110px !important; }
  .mb-hd-110,
  .my-hd-110 {
    margin-bottom: 110px !important; }
  .ml-hd-110,
  .mx-hd-110 {
    margin-left: 110px !important; }
  .m-hd-115 {
    margin: 115px !important; }
  .mt-hd-115,
  .my-hd-115 {
    margin-top: 115px !important; }
  .mr-hd-115,
  .mx-hd-115 {
    margin-right: 115px !important; }
  .mb-hd-115,
  .my-hd-115 {
    margin-bottom: 115px !important; }
  .ml-hd-115,
  .mx-hd-115 {
    margin-left: 115px !important; }
  .m-hd-120 {
    margin: 120px !important; }
  .mt-hd-120,
  .my-hd-120 {
    margin-top: 120px !important; }
  .mr-hd-120,
  .mx-hd-120 {
    margin-right: 120px !important; }
  .mb-hd-120,
  .my-hd-120 {
    margin-bottom: 120px !important; }
  .ml-hd-120,
  .mx-hd-120 {
    margin-left: 120px !important; }
  .p-hd-0 {
    padding: 0px !important; }
  .pt-hd-0,
  .py-hd-0 {
    padding-top: 0px !important; }
  .pr-hd-0,
  .px-hd-0 {
    padding-right: 0px !important; }
  .pb-hd-0,
  .py-hd-0 {
    padding-bottom: 0px !important; }
  .pl-hd-0,
  .px-hd-0 {
    padding-left: 0px !important; }
  .p-hd-5 {
    padding: 5px !important; }
  .pt-hd-5,
  .py-hd-5 {
    padding-top: 5px !important; }
  .pr-hd-5,
  .px-hd-5 {
    padding-right: 5px !important; }
  .pb-hd-5,
  .py-hd-5 {
    padding-bottom: 5px !important; }
  .pl-hd-5,
  .px-hd-5 {
    padding-left: 5px !important; }
  .p-hd-10 {
    padding: 10px !important; }
  .pt-hd-10,
  .py-hd-10 {
    padding-top: 10px !important; }
  .pr-hd-10,
  .px-hd-10 {
    padding-right: 10px !important; }
  .pb-hd-10,
  .py-hd-10 {
    padding-bottom: 10px !important; }
  .pl-hd-10,
  .px-hd-10 {
    padding-left: 10px !important; }
  .p-hd-15 {
    padding: 15px !important; }
  .pt-hd-15,
  .py-hd-15 {
    padding-top: 15px !important; }
  .pr-hd-15,
  .px-hd-15 {
    padding-right: 15px !important; }
  .pb-hd-15,
  .py-hd-15 {
    padding-bottom: 15px !important; }
  .pl-hd-15,
  .px-hd-15 {
    padding-left: 15px !important; }
  .p-hd-20 {
    padding: 20px !important; }
  .pt-hd-20,
  .py-hd-20 {
    padding-top: 20px !important; }
  .pr-hd-20,
  .px-hd-20 {
    padding-right: 20px !important; }
  .pb-hd-20,
  .py-hd-20 {
    padding-bottom: 20px !important; }
  .pl-hd-20,
  .px-hd-20 {
    padding-left: 20px !important; }
  .p-hd-25 {
    padding: 25px !important; }
  .pt-hd-25,
  .py-hd-25 {
    padding-top: 25px !important; }
  .pr-hd-25,
  .px-hd-25 {
    padding-right: 25px !important; }
  .pb-hd-25,
  .py-hd-25 {
    padding-bottom: 25px !important; }
  .pl-hd-25,
  .px-hd-25 {
    padding-left: 25px !important; }
  .p-hd-30 {
    padding: 30px !important; }
  .pt-hd-30,
  .py-hd-30 {
    padding-top: 30px !important; }
  .pr-hd-30,
  .px-hd-30 {
    padding-right: 30px !important; }
  .pb-hd-30,
  .py-hd-30 {
    padding-bottom: 30px !important; }
  .pl-hd-30,
  .px-hd-30 {
    padding-left: 30px !important; }
  .p-hd-35 {
    padding: 35px !important; }
  .pt-hd-35,
  .py-hd-35 {
    padding-top: 35px !important; }
  .pr-hd-35,
  .px-hd-35 {
    padding-right: 35px !important; }
  .pb-hd-35,
  .py-hd-35 {
    padding-bottom: 35px !important; }
  .pl-hd-35,
  .px-hd-35 {
    padding-left: 35px !important; }
  .p-hd-40 {
    padding: 40px !important; }
  .pt-hd-40,
  .py-hd-40 {
    padding-top: 40px !important; }
  .pr-hd-40,
  .px-hd-40 {
    padding-right: 40px !important; }
  .pb-hd-40,
  .py-hd-40 {
    padding-bottom: 40px !important; }
  .pl-hd-40,
  .px-hd-40 {
    padding-left: 40px !important; }
  .p-hd-45 {
    padding: 45px !important; }
  .pt-hd-45,
  .py-hd-45 {
    padding-top: 45px !important; }
  .pr-hd-45,
  .px-hd-45 {
    padding-right: 45px !important; }
  .pb-hd-45,
  .py-hd-45 {
    padding-bottom: 45px !important; }
  .pl-hd-45,
  .px-hd-45 {
    padding-left: 45px !important; }
  .p-hd-50 {
    padding: 50px !important; }
  .pt-hd-50,
  .py-hd-50 {
    padding-top: 50px !important; }
  .pr-hd-50,
  .px-hd-50 {
    padding-right: 50px !important; }
  .pb-hd-50,
  .py-hd-50 {
    padding-bottom: 50px !important; }
  .pl-hd-50,
  .px-hd-50 {
    padding-left: 50px !important; }
  .p-hd-55 {
    padding: 55px !important; }
  .pt-hd-55,
  .py-hd-55 {
    padding-top: 55px !important; }
  .pr-hd-55,
  .px-hd-55 {
    padding-right: 55px !important; }
  .pb-hd-55,
  .py-hd-55 {
    padding-bottom: 55px !important; }
  .pl-hd-55,
  .px-hd-55 {
    padding-left: 55px !important; }
  .p-hd-60 {
    padding: 60px !important; }
  .pt-hd-60,
  .py-hd-60 {
    padding-top: 60px !important; }
  .pr-hd-60,
  .px-hd-60 {
    padding-right: 60px !important; }
  .pb-hd-60,
  .py-hd-60 {
    padding-bottom: 60px !important; }
  .pl-hd-60,
  .px-hd-60 {
    padding-left: 60px !important; }
  .p-hd-65 {
    padding: 65px !important; }
  .pt-hd-65,
  .py-hd-65 {
    padding-top: 65px !important; }
  .pr-hd-65,
  .px-hd-65 {
    padding-right: 65px !important; }
  .pb-hd-65,
  .py-hd-65 {
    padding-bottom: 65px !important; }
  .pl-hd-65,
  .px-hd-65 {
    padding-left: 65px !important; }
  .p-hd-70 {
    padding: 70px !important; }
  .pt-hd-70,
  .py-hd-70 {
    padding-top: 70px !important; }
  .pr-hd-70,
  .px-hd-70 {
    padding-right: 70px !important; }
  .pb-hd-70,
  .py-hd-70 {
    padding-bottom: 70px !important; }
  .pl-hd-70,
  .px-hd-70 {
    padding-left: 70px !important; }
  .p-hd-75 {
    padding: 75px !important; }
  .pt-hd-75,
  .py-hd-75 {
    padding-top: 75px !important; }
  .pr-hd-75,
  .px-hd-75 {
    padding-right: 75px !important; }
  .pb-hd-75,
  .py-hd-75 {
    padding-bottom: 75px !important; }
  .pl-hd-75,
  .px-hd-75 {
    padding-left: 75px !important; }
  .p-hd-80 {
    padding: 80px !important; }
  .pt-hd-80,
  .py-hd-80 {
    padding-top: 80px !important; }
  .pr-hd-80,
  .px-hd-80 {
    padding-right: 80px !important; }
  .pb-hd-80,
  .py-hd-80 {
    padding-bottom: 80px !important; }
  .pl-hd-80,
  .px-hd-80 {
    padding-left: 80px !important; }
  .p-hd-85 {
    padding: 85px !important; }
  .pt-hd-85,
  .py-hd-85 {
    padding-top: 85px !important; }
  .pr-hd-85,
  .px-hd-85 {
    padding-right: 85px !important; }
  .pb-hd-85,
  .py-hd-85 {
    padding-bottom: 85px !important; }
  .pl-hd-85,
  .px-hd-85 {
    padding-left: 85px !important; }
  .p-hd-90 {
    padding: 90px !important; }
  .pt-hd-90,
  .py-hd-90 {
    padding-top: 90px !important; }
  .pr-hd-90,
  .px-hd-90 {
    padding-right: 90px !important; }
  .pb-hd-90,
  .py-hd-90 {
    padding-bottom: 90px !important; }
  .pl-hd-90,
  .px-hd-90 {
    padding-left: 90px !important; }
  .p-hd-95 {
    padding: 95px !important; }
  .pt-hd-95,
  .py-hd-95 {
    padding-top: 95px !important; }
  .pr-hd-95,
  .px-hd-95 {
    padding-right: 95px !important; }
  .pb-hd-95,
  .py-hd-95 {
    padding-bottom: 95px !important; }
  .pl-hd-95,
  .px-hd-95 {
    padding-left: 95px !important; }
  .p-hd-100 {
    padding: 100px !important; }
  .pt-hd-100,
  .py-hd-100 {
    padding-top: 100px !important; }
  .pr-hd-100,
  .px-hd-100 {
    padding-right: 100px !important; }
  .pb-hd-100,
  .py-hd-100 {
    padding-bottom: 100px !important; }
  .pl-hd-100,
  .px-hd-100 {
    padding-left: 100px !important; }
  .p-hd-105 {
    padding: 105px !important; }
  .pt-hd-105,
  .py-hd-105 {
    padding-top: 105px !important; }
  .pr-hd-105,
  .px-hd-105 {
    padding-right: 105px !important; }
  .pb-hd-105,
  .py-hd-105 {
    padding-bottom: 105px !important; }
  .pl-hd-105,
  .px-hd-105 {
    padding-left: 105px !important; }
  .p-hd-110 {
    padding: 110px !important; }
  .pt-hd-110,
  .py-hd-110 {
    padding-top: 110px !important; }
  .pr-hd-110,
  .px-hd-110 {
    padding-right: 110px !important; }
  .pb-hd-110,
  .py-hd-110 {
    padding-bottom: 110px !important; }
  .pl-hd-110,
  .px-hd-110 {
    padding-left: 110px !important; }
  .p-hd-115 {
    padding: 115px !important; }
  .pt-hd-115,
  .py-hd-115 {
    padding-top: 115px !important; }
  .pr-hd-115,
  .px-hd-115 {
    padding-right: 115px !important; }
  .pb-hd-115,
  .py-hd-115 {
    padding-bottom: 115px !important; }
  .pl-hd-115,
  .px-hd-115 {
    padding-left: 115px !important; }
  .p-hd-120 {
    padding: 120px !important; }
  .pt-hd-120,
  .py-hd-120 {
    padding-top: 120px !important; }
  .pr-hd-120,
  .px-hd-120 {
    padding-right: 120px !important; }
  .pb-hd-120,
  .py-hd-120 {
    padding-bottom: 120px !important; }
  .pl-hd-120,
  .px-hd-120 {
    padding-left: 120px !important; }
  .m-hd-auto {
    margin: auto !important; }
  .mt-hd-auto,
  .my-hd-auto {
    margin-top: auto !important; }
  .mr-hd-auto,
  .mx-hd-auto {
    margin-right: auto !important; }
  .mb-hd-auto,
  .my-hd-auto {
    margin-bottom: auto !important; }
  .ml-hd-auto,
  .mx-hd-auto {
    margin-left: auto !important; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

body.debug {
  position: relative; }
  body.debug:after {
    content: '0';
    position: fixed;
    padding: 5px 10px;
    right: 0;
    bottom: 0;
    color: #fff;
    background: red;
    z-index: 99; }
    @media (min-width: 360px) and (max-width: 575.98px) {
      body.debug:after {
        content: 'xs';
        background: orange; } }
    @media (min-width: 576px) and (max-width: 767.98px) {
      body.debug:after {
        content: 'sm';
        background: yellow;
        color: #000; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      body.debug:after {
        content: 'md';
        background: green; } }
    @media (min-width: 992px) and (max-width: 1099.98px) {
      body.debug:after {
        content: 'lg';
        background: blue; } }
    @media (min-width: 1100px) and (max-width: 1299.98px) {
      body.debug:after {
        content: 'ml';
        background: darkblue; } }
    @media (min-width: 1300px) {
      body.debug:after {
        content: 'xl';
        background: indigo; } }
    @media (min-width: 1440px) {
      body.debug:after {
        content: 'xxl';
        background: darkviolet; } }
    @media (min-width: 1920px) {
      body.debug:after {
        content: 'hd';
        background: darkmagenta; } }

.sizes {
  background: red; }
  @media (min-width: 360px) and (max-width: 575.98px) {
    .sizes {
      background: orange; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .sizes {
      background: yellow; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .sizes {
      background: green; } }
  @media (min-width: 992px) and (max-width: 1099.98px) {
    .sizes {
      background: blue; } }
  @media (min-width: 1100px) and (max-width: 1299.98px) {
    .sizes {
      background: darkblue; } }
  @media (min-width: 1300px) {
    .sizes {
      background: indigo; } }
  @media (min-width: 1440px) {
    .sizes {
      background: darkviolet; } }
  @media (min-width: 1920px) {
    .sizes {
      background: darkmagenta; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -moz-inline-box !important;
  display: inline-flex !important; }

@media (min-width: 360px) {
  .d-xs-none {
    display: none !important; }
  .d-xs-inline {
    display: inline !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-table {
    display: table !important; }
  .d-xs-table-row {
    display: table-row !important; }
  .d-xs-table-cell {
    display: table-cell !important; }
  .d-xs-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-xs-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 1100px) {
  .d-ml-none {
    display: none !important; }
  .d-ml-inline {
    display: inline !important; }
  .d-ml-inline-block {
    display: inline-block !important; }
  .d-ml-block {
    display: block !important; }
  .d-ml-table {
    display: table !important; }
  .d-ml-table-row {
    display: table-row !important; }
  .d-ml-table-cell {
    display: table-cell !important; }
  .d-ml-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-ml-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 1300px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 1440px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media (min-width: 1920px) {
  .d-hd-none {
    display: none !important; }
  .d-hd-inline {
    display: inline !important; }
  .d-hd-inline-block {
    display: inline-block !important; }
  .d-hd-block {
    display: block !important; }
  .d-hd-table {
    display: table !important; }
  .d-hd-table-row {
    display: table-row !important; }
  .d-hd-table-cell {
    display: table-cell !important; }
  .d-hd-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-hd-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: inline-flex !important; } }

.flex--verticalStart {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start; }

.flex--verticalEnd {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
          align-items: flex-end; }

.flex--verticalCenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }

.flex--horizontalStart {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
     -moz-box-pack: start !important;
          justify-content: flex-start !important; }

.flex--horizontalEnd {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
     -moz-box-pack: end !important;
          justify-content: flex-end !important; }

.flex--horizontalCenter {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
     -moz-box-pack: center !important;
          justify-content: center !important; }

.flex--horizontalBetween {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
     -moz-box-pack: justify !important;
          justify-content: space-between !important; }

@media (min-width: 360px) {
  .flex-xs--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-xs--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-xs--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-xs--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-xs--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-xs--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-xs--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 576px) {
  .flex-sm--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-sm--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-sm--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-sm--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-sm--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-sm--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-sm--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 768px) {
  .flex-md--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-md--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-md--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-md--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-md--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-md--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-md--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 992px) {
  .flex-lg--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-lg--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-lg--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-lg--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-lg--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-lg--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-lg--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 1100px) {
  .flex-ml--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-ml--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-ml--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-ml--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-ml--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-ml--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-ml--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 1300px) {
  .flex-xl--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-xl--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-xl--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-xl--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-xl--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-xl--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-xl--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 1440px) {
  .flex-xxl--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-xxl--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-xxl--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-xxl--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-xxl--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-xxl--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-xxl--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

@media (min-width: 1920px) {
  .flex-hd--verticalStart {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .flex-hd--verticalEnd {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end; }
  .flex-hd--verticalCenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .flex-hd--horizontalStart {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
       -moz-box-pack: start !important;
            justify-content: flex-start !important; }
  .flex-hd--horizontalEnd {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
       -moz-box-pack: end !important;
            justify-content: flex-end !important; }
  .flex-hd--horizontalCenter {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
            justify-content: center !important; }
  .flex-hd--horizontalBetween {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
       -moz-box-pack: justify !important;
            justify-content: space-between !important; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  bottom: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: 40px;
  height: 60px;
  font-size: 0;
  color: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
       -o-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  .slick-prev::-moz-focus-inner,
  .slick-next::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "psgamer" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    font-size: 19px; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    opacity: 0; }

.slick-prev {
  left: 0;
  -webkit-border-top-right-radius: 40px;
     -moz-border-radius-topright: 40px;
          border-top-right-radius: 40px;
  -webkit-border-bottom-right-radius: 40px;
     -moz-border-radius-bottomright: 40px;
          border-bottom-right-radius: 40px; }
  .slick-prev:before {
    content: "\78";
    -webkit-transform: translateX(-5px);
       -moz-transform: translateX(-5px);
         -o-transform: translateX(-5px);
            transform: translateX(-5px); }

.slick-next {
  right: 0;
  -webkit-border-top-left-radius: 40px;
     -moz-border-radius-topleft: 40px;
          border-top-left-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
     -moz-border-radius-bottomleft: 40px;
          border-bottom-left-radius: 40px; }
  .slick-next:before {
    content: "\76";
    -webkit-transform: translateX(5px);
       -moz-transform: translateX(5px);
         -o-transform: translateX(5px);
            transform: translateX(5px); }

/* Dots */
.slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  list-style: none;
  margin-top: 15px; }
  .slick-dots li {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
    margin: 0 3px;
    opacity: .5;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    .slick-dots li.slick-active {
      opacity: 1; }
  .slick-dots button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    width: 7px;
    height: 7px;
    background: #ffffff;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    color: transparent; }
    .slick-dots button::-moz-focus-inner {
      border: 0;
      padding: 0; }

.slick-slide img {
  margin: 0; }

/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@-webkit-keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }
@-moz-keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }
@-o-keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }
@keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

.chartjs-render-monitor {
  -webkit-animation: chartjs-render-animation 0.001s;
     -moz-animation: chartjs-render-animation 0.001s;
       -o-animation: chartjs-render-animation 0.001s;
          animation: chartjs-render-animation 0.001s; }

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
  position: absolute;
  direction: ltr;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  z-index: -1; }

.chartjs-size-monitor-expand > div {
  position: absolute;
  width: 1000000px;
  height: 1000000px;
  left: 0;
  top: 0; }

.chartjs-size-monitor-shrink > div {
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0; }

.multiSelect__wrapper {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0 5px 0 5px;
     -moz-border-radius: 0 5px 0 5px;
          border-radius: 0 5px 0 5px; }
  body.dark-theme .multiSelect__wrapper {
    background-color: #111111;
    border-color: #4C4C4C; }

.multiSelect__input {
  display: none; }
  .multiSelect__input:disabled + .multiSelect {
    opacity: .6; }
    .multiSelect__input:disabled + .multiSelect .multiSelect__trigger {
      cursor: not-allowed; }

.multiSelect__trigger {
  position: relative;
  display: block;
  padding: 0 40px 0 20px;
  height: 44px;
  line-height: 44px;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden; }
  body.dark-theme .multiSelect__trigger {
    color: #ffffff; }
  .multiSelect__trigger:after {
    content: "\76";
    font-family: "psgamer" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 15px;
    color: #0072CE;
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
         -o-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: color ease-in-out .15s;
    -o-transition: color ease-in-out .15s;
    -moz-transition: color ease-in-out .15s;
    transition: color ease-in-out .15s;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: -o-transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }

.multiSelect ul {
  position: absolute;
  bottom: 0;
  left: -1px;
  display: none;
  margin: 0;
  padding: 10px 0;
  width: -webkit-calc(100% + 2px);
  width: -moz-calc(100% + 2px);
  width: calc(100% + 2px);
  -webkit-transform: translateY(-webkit-calc(100% - 1px));
     -moz-transform: translateY(-moz-calc(100% - 1px));
       -o-transform: translateY(calc(100% - 1px));
          transform: translateY(calc(100% - 1px));
  background: #ffffff;
  z-index: 10; }
  body.dark-theme .multiSelect ul {
    background-color: #111111; }
  .multiSelect ul li {
    display: block;
    list-style: none; }
  .multiSelect ul li.isActive a:before,
  body.dark-theme .multiSelect ul li.isActive a:before {
    background: #0072CE;
    border-color: #0072CE; }
  .multiSelect ul li.isActive a:after {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .multiSelect ul a {
    position: relative;
    display: block;
    padding: 5px 20px 5px 50px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-decoration: none; }
    body.dark-theme .multiSelect ul a {
      color: #ffffff; }
    .multiSelect ul a:before, .multiSelect ul a:after {
      position: absolute;
      top: 3px;
      left: 20px;
      width: 20px;
      height: 20px; }
    .multiSelect ul a:before {
      content: '';
      background: #ffffff;
      border: 1px solid rgba(0, 0, 0, 0.25);
      -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
              border-radius: 3px;
      -webkit-transition: background 0.25s ease-in-out;
      -o-transition: background 0.25s ease-in-out;
      -moz-transition: background 0.25s ease-in-out;
      transition: background 0.25s ease-in-out; }
      body.dark-theme .multiSelect ul a:before {
        background-color: #111111;
        border-color: #4C4C4C; }
    .multiSelect ul a:after {
      font-family: "psgamer" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\77";
      color: #ffffff;
      line-height: 20px;
      text-align: center;
      -webkit-transform: scale(0);
         -moz-transform: scale(0);
           -o-transform: scale(0);
              transform: scale(0);
      opacity: 0;
      font-size: 10px;
      -webkit-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      body.dark-theme .multiSelect ul a:after {
        color: #000; }
    .multiSelect ul a:hover, .multiSelect ul a:focus {
      color: #0072CE; }

.multiSelect__wrapper.isActive {
  -webkit-border-radius: 0 5px 0 0;
     -moz-border-radius: 0 5px 0 0;
          border-radius: 0 5px 0 0; }
  .multiSelect__wrapper.isActive .multiSelect ul {
    display: block;
    -webkit-border-radius: 0 0 0 5px;
       -moz-border-radius: 0 0 0 5px;
            border-radius: 0 0 0 5px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-top: 0; }
    body.dark-theme .multiSelect__wrapper.isActive .multiSelect ul {
      border-color: #4C4C4C; }
  .multiSelect__wrapper.isActive .multiSelect__trigger:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
       -moz-transform: translateY(-50%) rotate(-90deg);
         -o-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }

.commentary {
  margin-top: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #E5E5E5; }
  body.dark-theme .commentary {
    border-bottom-color: rgba(255, 255, 255, 0.1); }

.commentary__wrapper {
  position: relative;
  padding-top: 9px;
  padding-left: 45px; }

.commentary__reply {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px; }
  body.dark-theme .commentary__reply {
    font-weight: 700; }

.commentary__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%; }

.commentary__date {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
  margin-top: 5px; }
  body.dark-theme .commentary__date {
    color: rgba(255, 255, 255, 0.25); }

.commentary__title {
  color: #0072CE; }

.commentary__text {
  margin-top: 10px;
  color: #000;
  font-weight: 500; }
  body.dark-theme .commentary__text {
    color: #ffffff; }
  .commentary__text, .commentary__text p {
    font-size: 15px;
    line-height: 22px; }

.commentary__navigation {
  margin-top: 5px; }
  .commentary__navigation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 0;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    list-style: none;
    -webkit-transform: translateX(-5px);
       -moz-transform: translateX(-5px);
         -o-transform: translateX(-5px);
            transform: translateX(-5px); }
  .commentary__navigation li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
  .commentary__navigation a, .commentary__navigation span, .commentary__navigation button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    padding: 5px;
    display: block;
    font-size: 14px;
    color: rgba(0, 114, 206, 0.5);
    margin-right: 15px;
    text-decoration: none; }
    .commentary__navigation a::-moz-focus-inner, .commentary__navigation span::-moz-focus-inner, .commentary__navigation button::-moz-focus-inner {
      border: 0;
      padding: 0; }
  .commentary__navigation a:hover, .commentary__navigation a:focus, .commentary__navigation button:hover, .commentary__navigation button:focus {
    color: #0072CE;
    text-decoration: underline; }

.commentary__navigation-like a, .commentary__navigation-like span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  color: rgba(225, 38, 28, 0.5);
  cursor: pointer; }
  .commentary__navigation-like a .icon, .commentary__navigation-like span .icon {
    margin-right: 5px; }
  .commentary__navigation-like a:hover, .commentary__navigation-like a:focus, .commentary__navigation-like span:hover, .commentary__navigation-like span:focus {
    color: #E1261C;
    text-decoration: none; }

.commentary__target {
  color: #0072CE; }

a.commentary__target {
  text-decoration: none; }
  a.commentary__target:hover, a.commentary__target:focus {
    text-decoration: underline; }

.commentary__answers {
  display: none; }

.commentary--withAnswers > .commentary__wrapper:before {
  content: '';
  display: block;
  position: absolute;
  top: 45px;
  left: 5px;
  width: 2px;
  height: -webkit-calc(100% - 30px - 15px);
  height: -moz-calc(100% - 30px - 15px);
  height: calc(100% - 30px - 15px);
  background: url("../images/border-dashed.svg"); }
  body.dark-theme .commentary--withAnswers > .commentary__wrapper:before {
    background-image: url("../images/border-dashed-dark.svg"); }

.commentary--withAnswers .commentary__answers {
  display: block;
  margin-left: -26px; }
  .commentary--withAnswers .commentary__answers .commentary {
    border-bottom: none;
    padding-bottom: 0; }

@media (min-width: 576px) {
  .commentary__wrapper {
    padding-left: 68px; }
  .commentary__image {
    width: 48px;
    height: 48px; }
  .commentary__date {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0; }
  .commentary--withAnswers > .commentary__wrapper:before {
    top: 68px;
    left: 23px;
    height: -webkit-calc(100% - 48px - 20px);
    height: -moz-calc(100% - 48px - 20px);
    height: calc(100% - 48px - 20px); }
  .commentary--withAnswers .commentary__answers {
    margin-left: 0; } }

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

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

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

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

.col-0-1 {
  width: 8.33333%; }

.col-0-2 {
  width: 16.66667%; }

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

.col-0-4 {
  width: 33.33333%; }

.col-0-5 {
  width: 41.66667%; }

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

.col-0-7 {
  width: 58.33333%; }

.col-0-8 {
  width: 66.66667%; }

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

.col-0-10 {
  width: 83.33333%; }

.col-0-11 {
  width: 91.66667%; }

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

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

.col-0-pull-1 {
  right: 8.33333%; }

.col-0-pull-2 {
  right: 16.66667%; }

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

.col-0-pull-4 {
  right: 33.33333%; }

.col-0-pull-5 {
  right: 41.66667%; }

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

.col-0-pull-7 {
  right: 58.33333%; }

.col-0-pull-8 {
  right: 66.66667%; }

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

.col-0-pull-10 {
  right: 83.33333%; }

.col-0-pull-11 {
  right: 91.66667%; }

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

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

.col-0-push-1 {
  left: 8.33333%; }

.col-0-push-2 {
  left: 16.66667%; }

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

.col-0-push-4 {
  left: 33.33333%; }

.col-0-push-5 {
  left: 41.66667%; }

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

.col-0-push-7 {
  left: 58.33333%; }

.col-0-push-8 {
  left: 66.66667%; }

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

.col-0-push-10 {
  left: 83.33333%; }

.col-0-push-11 {
  left: 91.66667%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 360px) {
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left; }
  .col-xs-1 {
    width: 8.33333%; }
  .col-xs-2 {
    width: 16.66667%; }
  .col-xs-3 {
    width: 25%; }
  .col-xs-4 {
    width: 33.33333%; }
  .col-xs-5 {
    width: 41.66667%; }
  .col-xs-6 {
    width: 50%; }
  .col-xs-7 {
    width: 58.33333%; }
  .col-xs-8 {
    width: 66.66667%; }
  .col-xs-9 {
    width: 75%; }
  .col-xs-10 {
    width: 83.33333%; }
  .col-xs-11 {
    width: 91.66667%; }
  .col-xs-12 {
    width: 100%; }
  .col-xs-pull-0 {
    right: auto; }
  .col-xs-pull-1 {
    right: 8.33333%; }
  .col-xs-pull-2 {
    right: 16.66667%; }
  .col-xs-pull-3 {
    right: 25%; }
  .col-xs-pull-4 {
    right: 33.33333%; }
  .col-xs-pull-5 {
    right: 41.66667%; }
  .col-xs-pull-6 {
    right: 50%; }
  .col-xs-pull-7 {
    right: 58.33333%; }
  .col-xs-pull-8 {
    right: 66.66667%; }
  .col-xs-pull-9 {
    right: 75%; }
  .col-xs-pull-10 {
    right: 83.33333%; }
  .col-xs-pull-11 {
    right: 91.66667%; }
  .col-xs-pull-12 {
    right: 100%; }
  .col-xs-push-0 {
    left: auto; }
  .col-xs-push-1 {
    left: 8.33333%; }
  .col-xs-push-2 {
    left: 16.66667%; }
  .col-xs-push-3 {
    left: 25%; }
  .col-xs-push-4 {
    left: 33.33333%; }
  .col-xs-push-5 {
    left: 41.66667%; }
  .col-xs-push-6 {
    left: 50%; }
  .col-xs-push-7 {
    left: 58.33333%; }
  .col-xs-push-8 {
    left: 66.66667%; }
  .col-xs-push-9 {
    left: 75%; }
  .col-xs-push-10 {
    left: 83.33333%; }
  .col-xs-push-11 {
    left: 91.66667%; }
  .col-xs-push-12 {
    left: 100%; }
  .col-xs-offset-0 {
    margin-left: 0%; }
  .col-xs-offset-1 {
    margin-left: 8.33333%; }
  .col-xs-offset-2 {
    margin-left: 16.66667%; }
  .col-xs-offset-3 {
    margin-left: 25%; }
  .col-xs-offset-4 {
    margin-left: 33.33333%; }
  .col-xs-offset-5 {
    margin-left: 41.66667%; }
  .col-xs-offset-6 {
    margin-left: 50%; }
  .col-xs-offset-7 {
    margin-left: 58.33333%; }
  .col-xs-offset-8 {
    margin-left: 66.66667%; }
  .col-xs-offset-9 {
    margin-left: 75%; }
  .col-xs-offset-10 {
    margin-left: 83.33333%; }
  .col-xs-offset-11 {
    margin-left: 91.66667%; }
  .col-xs-offset-12 {
    margin-left: 100%; } }

@media (min-width: 576px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1100px) {
  .col-ml-1, .col-ml-2, .col-ml-3, .col-ml-4, .col-ml-5, .col-ml-6, .col-ml-7, .col-ml-8, .col-ml-9, .col-ml-10, .col-ml-11, .col-ml-12 {
    float: left; }
  .col-ml-1 {
    width: 8.33333%; }
  .col-ml-2 {
    width: 16.66667%; }
  .col-ml-3 {
    width: 25%; }
  .col-ml-4 {
    width: 33.33333%; }
  .col-ml-5 {
    width: 41.66667%; }
  .col-ml-6 {
    width: 50%; }
  .col-ml-7 {
    width: 58.33333%; }
  .col-ml-8 {
    width: 66.66667%; }
  .col-ml-9 {
    width: 75%; }
  .col-ml-10 {
    width: 83.33333%; }
  .col-ml-11 {
    width: 91.66667%; }
  .col-ml-12 {
    width: 100%; }
  .col-ml-pull-0 {
    right: auto; }
  .col-ml-pull-1 {
    right: 8.33333%; }
  .col-ml-pull-2 {
    right: 16.66667%; }
  .col-ml-pull-3 {
    right: 25%; }
  .col-ml-pull-4 {
    right: 33.33333%; }
  .col-ml-pull-5 {
    right: 41.66667%; }
  .col-ml-pull-6 {
    right: 50%; }
  .col-ml-pull-7 {
    right: 58.33333%; }
  .col-ml-pull-8 {
    right: 66.66667%; }
  .col-ml-pull-9 {
    right: 75%; }
  .col-ml-pull-10 {
    right: 83.33333%; }
  .col-ml-pull-11 {
    right: 91.66667%; }
  .col-ml-pull-12 {
    right: 100%; }
  .col-ml-push-0 {
    left: auto; }
  .col-ml-push-1 {
    left: 8.33333%; }
  .col-ml-push-2 {
    left: 16.66667%; }
  .col-ml-push-3 {
    left: 25%; }
  .col-ml-push-4 {
    left: 33.33333%; }
  .col-ml-push-5 {
    left: 41.66667%; }
  .col-ml-push-6 {
    left: 50%; }
  .col-ml-push-7 {
    left: 58.33333%; }
  .col-ml-push-8 {
    left: 66.66667%; }
  .col-ml-push-9 {
    left: 75%; }
  .col-ml-push-10 {
    left: 83.33333%; }
  .col-ml-push-11 {
    left: 91.66667%; }
  .col-ml-push-12 {
    left: 100%; }
  .col-ml-offset-0 {
    margin-left: 0%; }
  .col-ml-offset-1 {
    margin-left: 8.33333%; }
  .col-ml-offset-2 {
    margin-left: 16.66667%; }
  .col-ml-offset-3 {
    margin-left: 25%; }
  .col-ml-offset-4 {
    margin-left: 33.33333%; }
  .col-ml-offset-5 {
    margin-left: 41.66667%; }
  .col-ml-offset-6 {
    margin-left: 50%; }
  .col-ml-offset-7 {
    margin-left: 58.33333%; }
  .col-ml-offset-8 {
    margin-left: 66.66667%; }
  .col-ml-offset-9 {
    margin-left: 75%; }
  .col-ml-offset-10 {
    margin-left: 83.33333%; }
  .col-ml-offset-11 {
    margin-left: 91.66667%; }
  .col-ml-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1300px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.33333%; }
  .col-xl-pull-2 {
    right: 16.66667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.33333%; }
  .col-xl-pull-5 {
    right: 41.66667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.33333%; }
  .col-xl-pull-8 {
    right: 66.66667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.33333%; }
  .col-xl-pull-11 {
    right: 91.66667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.33333%; }
  .col-xl-push-2 {
    left: 16.66667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.33333%; }
  .col-xl-push-5 {
    left: 41.66667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.33333%; }
  .col-xl-push-8 {
    left: 66.66667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.33333%; }
  .col-xl-push-11 {
    left: 91.66667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1440px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left; }
  .col-xxl-1 {
    width: 8.33333%; }
  .col-xxl-2 {
    width: 16.66667%; }
  .col-xxl-3 {
    width: 25%; }
  .col-xxl-4 {
    width: 33.33333%; }
  .col-xxl-5 {
    width: 41.66667%; }
  .col-xxl-6 {
    width: 50%; }
  .col-xxl-7 {
    width: 58.33333%; }
  .col-xxl-8 {
    width: 66.66667%; }
  .col-xxl-9 {
    width: 75%; }
  .col-xxl-10 {
    width: 83.33333%; }
  .col-xxl-11 {
    width: 91.66667%; }
  .col-xxl-12 {
    width: 100%; }
  .col-xxl-pull-0 {
    right: auto; }
  .col-xxl-pull-1 {
    right: 8.33333%; }
  .col-xxl-pull-2 {
    right: 16.66667%; }
  .col-xxl-pull-3 {
    right: 25%; }
  .col-xxl-pull-4 {
    right: 33.33333%; }
  .col-xxl-pull-5 {
    right: 41.66667%; }
  .col-xxl-pull-6 {
    right: 50%; }
  .col-xxl-pull-7 {
    right: 58.33333%; }
  .col-xxl-pull-8 {
    right: 66.66667%; }
  .col-xxl-pull-9 {
    right: 75%; }
  .col-xxl-pull-10 {
    right: 83.33333%; }
  .col-xxl-pull-11 {
    right: 91.66667%; }
  .col-xxl-pull-12 {
    right: 100%; }
  .col-xxl-push-0 {
    left: auto; }
  .col-xxl-push-1 {
    left: 8.33333%; }
  .col-xxl-push-2 {
    left: 16.66667%; }
  .col-xxl-push-3 {
    left: 25%; }
  .col-xxl-push-4 {
    left: 33.33333%; }
  .col-xxl-push-5 {
    left: 41.66667%; }
  .col-xxl-push-6 {
    left: 50%; }
  .col-xxl-push-7 {
    left: 58.33333%; }
  .col-xxl-push-8 {
    left: 66.66667%; }
  .col-xxl-push-9 {
    left: 75%; }
  .col-xxl-push-10 {
    left: 83.33333%; }
  .col-xxl-push-11 {
    left: 91.66667%; }
  .col-xxl-push-12 {
    left: 100%; }
  .col-xxl-offset-0 {
    margin-left: 0%; }
  .col-xxl-offset-1 {
    margin-left: 8.33333%; }
  .col-xxl-offset-2 {
    margin-left: 16.66667%; }
  .col-xxl-offset-3 {
    margin-left: 25%; }
  .col-xxl-offset-4 {
    margin-left: 33.33333%; }
  .col-xxl-offset-5 {
    margin-left: 41.66667%; }
  .col-xxl-offset-6 {
    margin-left: 50%; }
  .col-xxl-offset-7 {
    margin-left: 58.33333%; }
  .col-xxl-offset-8 {
    margin-left: 66.66667%; }
  .col-xxl-offset-9 {
    margin-left: 75%; }
  .col-xxl-offset-10 {
    margin-left: 83.33333%; }
  .col-xxl-offset-11 {
    margin-left: 91.66667%; }
  .col-xxl-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1920px) {
  .col-hd-1, .col-hd-2, .col-hd-3, .col-hd-4, .col-hd-5, .col-hd-6, .col-hd-7, .col-hd-8, .col-hd-9, .col-hd-10, .col-hd-11, .col-hd-12 {
    float: left; }
  .col-hd-1 {
    width: 8.33333%; }
  .col-hd-2 {
    width: 16.66667%; }
  .col-hd-3 {
    width: 25%; }
  .col-hd-4 {
    width: 33.33333%; }
  .col-hd-5 {
    width: 41.66667%; }
  .col-hd-6 {
    width: 50%; }
  .col-hd-7 {
    width: 58.33333%; }
  .col-hd-8 {
    width: 66.66667%; }
  .col-hd-9 {
    width: 75%; }
  .col-hd-10 {
    width: 83.33333%; }
  .col-hd-11 {
    width: 91.66667%; }
  .col-hd-12 {
    width: 100%; }
  .col-hd-pull-0 {
    right: auto; }
  .col-hd-pull-1 {
    right: 8.33333%; }
  .col-hd-pull-2 {
    right: 16.66667%; }
  .col-hd-pull-3 {
    right: 25%; }
  .col-hd-pull-4 {
    right: 33.33333%; }
  .col-hd-pull-5 {
    right: 41.66667%; }
  .col-hd-pull-6 {
    right: 50%; }
  .col-hd-pull-7 {
    right: 58.33333%; }
  .col-hd-pull-8 {
    right: 66.66667%; }
  .col-hd-pull-9 {
    right: 75%; }
  .col-hd-pull-10 {
    right: 83.33333%; }
  .col-hd-pull-11 {
    right: 91.66667%; }
  .col-hd-pull-12 {
    right: 100%; }
  .col-hd-push-0 {
    left: auto; }
  .col-hd-push-1 {
    left: 8.33333%; }
  .col-hd-push-2 {
    left: 16.66667%; }
  .col-hd-push-3 {
    left: 25%; }
  .col-hd-push-4 {
    left: 33.33333%; }
  .col-hd-push-5 {
    left: 41.66667%; }
  .col-hd-push-6 {
    left: 50%; }
  .col-hd-push-7 {
    left: 58.33333%; }
  .col-hd-push-8 {
    left: 66.66667%; }
  .col-hd-push-9 {
    left: 75%; }
  .col-hd-push-10 {
    left: 83.33333%; }
  .col-hd-push-11 {
    left: 91.66667%; }
  .col-hd-push-12 {
    left: 100%; }
  .col-hd-offset-0 {
    margin-left: 0%; }
  .col-hd-offset-1 {
    margin-left: 8.33333%; }
  .col-hd-offset-2 {
    margin-left: 16.66667%; }
  .col-hd-offset-3 {
    margin-left: 25%; }
  .col-hd-offset-4 {
    margin-left: 33.33333%; }
  .col-hd-offset-5 {
    margin-left: 41.66667%; }
  .col-hd-offset-6 {
    margin-left: 50%; }
  .col-hd-offset-7 {
    margin-left: 58.33333%; }
  .col-hd-offset-8 {
    margin-left: 66.66667%; }
  .col-hd-offset-9 {
    margin-left: 75%; }
  .col-hd-offset-10 {
    margin-left: 83.33333%; }
  .col-hd-offset-11 {
    margin-left: 91.66667%; }
  .col-hd-offset-12 {
    margin-left: 100%; } }

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1250px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 360px) {
    .container {
      max-width: 1270px; } }
  @media (min-width: 1300px) {
    .container {
      max-width: 1290px; } }
  @media (min-width: 360px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1300px) {
    .container {
      padding-left: 30px;
      padding-right: 30px; } }

.container--sm {
  max-width: 950px; }
  @media (min-width: 360px) {
    .container--sm {
      max-width: 970px; } }
  @media (min-width: 1300px) {
    .container--sm {
      max-width: 990px; } }

.container--md, .container--page {
  max-width: 1190px; }
  @media (min-width: 360px) {
    .container--md, .container--page {
      max-width: 1210px; } }
  @media (min-width: 1300px) {
    .container--md, .container--page {
      max-width: 1230px; } }

.container--lg {
  max-width: 1400px; }
  @media (min-width: 360px) {
    .container--lg {
      max-width: 1420px; } }
  @media (min-width: 1300px) {
    .container--lg {
      max-width: 1440px; } }

.container--full {
  max-width: 100%; }

.container--page {
  background: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px; }
  body.dark-theme .container--page {
    background: #222222; }
  @media (min-width: 768px) {
    .container--page {
      margin-top: 30px; } }
  @media (min-width: 1300px) {
    .container--page {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 991.98px) {
    body.isHome .container--page {
      margin-top: 0; } }
  @media (max-width: 767.98px) {
    body.isHome .container--page {
      padding-top: 0; } }

.container--game {
  padding-top: 0;
  margin-top: 0; }

.container--profile {
  padding-top: 0;
  margin-top: 0; }

.btn {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  display: inline-block;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0 solid transparent;
  text-decoration: none; }
  .btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .btn:hover {
    text-decoration: none; }
  .btn:focus, .btn.isActive {
    outline: 0; }

a.btn.isDisabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn--primary {
  color: #ffffff;
  background-color: #0072CE;
  -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }
  .btn--primary .icon {
    color: #ffffff;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
  .btn--primary:hover, .btn--primary:focus, .btn--primary.isActive {
    color: #ffffff;
    background-color: #0064b5; }
  .btn--primary.isDisabled, .btn--primary:disabled {
    background-color: #EFEFEF;
    color: #999;
    cursor: not-allowed; }
    .btn--primary.isDisabled .icon, .btn--primary:disabled .icon {
      color: #999; }
  .btn--primary:not(:disabled):not(.isDisabled):active, .btn--primary:not(:disabled):not(.isDisabled).active {
    background-color: #0064b5; }

.btn--white {
  color: #0072CE;
  background-color: #ffffff;
  -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }
  .btn--white .icon {
    color: #0072CE;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
  .btn--white:hover, .btn--white:focus, .btn--white.isActive {
    color: #0072CE;
    background-color: #f2f2f2; }
  .btn--white.isDisabled, .btn--white:disabled {
    background-color: #EFEFEF;
    color: #999;
    cursor: not-allowed; }
    .btn--white.isDisabled .icon, .btn--white:disabled .icon {
      color: #999; }
  .btn--white:not(:disabled):not(.isDisabled):active, .btn--white:not(:disabled):not(.isDisabled).active {
    background-color: #f2f2f2; }

.btn--gray {
  color: #ffffff;
  background-color: #383838;
  -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }
  .btn--gray .icon {
    color: #ffffff;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
  .btn--gray:hover, .btn--gray:focus, .btn--gray.isActive {
    color: #ffffff;
    background-color: #2b2b2b; }
  .btn--gray.isDisabled, .btn--gray:disabled {
    background-color: #EFEFEF;
    color: #999;
    cursor: not-allowed; }
    .btn--gray.isDisabled .icon, .btn--gray:disabled .icon {
      color: #999; }
  .btn--gray:not(:disabled):not(.isDisabled):active, .btn--gray:not(:disabled):not(.isDisabled).active {
    background-color: #2b2b2b; }

.btn--primary-clean {
  color: #0072CE;
  background: transparent; }
  .btn--primary-clean:hover {
    background: transparent;
    color: #0064b5; }
  .btn--primary-clean:focus, .btn--primary-clean.isActive {
    color: #0064b5;
    background: transparent; }
  .btn--primary-clean.isDisabled, .btn--primary-clean:disabled {
    color: #000;
    cursor: not-allowed;
    background: transparent; }
  .btn--primary-clean:not(:disabled):not(.isDisabled):active, .btn--primary-clean:not(:disabled):not(.isDisabled).active {
    color: #0064b5;
    background: transparent; }

.btn--white-clean {
  color: #ffffff;
  background: transparent; }
  .btn--white-clean:hover {
    background: transparent;
    color: #f2f2f2; }
  .btn--white-clean:focus, .btn--white-clean.isActive {
    color: #f2f2f2;
    background: transparent; }
  .btn--white-clean.isDisabled, .btn--white-clean:disabled {
    color: #000;
    cursor: not-allowed;
    background: transparent; }
  .btn--white-clean:not(:disabled):not(.isDisabled):active, .btn--white-clean:not(:disabled):not(.isDisabled).active {
    color: #f2f2f2;
    background: transparent; }

.btn--gray-clean {
  color: #383838;
  background: transparent; }
  .btn--gray-clean:hover {
    background: transparent;
    color: #2b2b2b; }
  .btn--gray-clean:focus, .btn--gray-clean.isActive {
    color: #2b2b2b;
    background: transparent; }
  .btn--gray-clean.isDisabled, .btn--gray-clean:disabled {
    color: #000;
    cursor: not-allowed;
    background: transparent; }
  .btn--gray-clean:not(:disabled):not(.isDisabled):active, .btn--gray-clean:not(:disabled):not(.isDisabled).active {
    color: #2b2b2b;
    background: transparent; }

.btn--link {
  color: #0072CE;
  display: inline;
  font-weight: inherit;
  text-decoration: underline;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  height: inherit;
  vertical-align: inherit; }
  .btn--link:hover {
    text-decoration: none;
    color: #0064b5; }
  .btn--link:focus, .btn--link.isActive {
    color: #0064b5;
    text-decoration: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none; }
  .btn--link:disabled, .btn--link.isDisabled {
    color: #999;
    pointer-events: none;
    cursor: not-allowed; }

.btn--iconLeft .icon,
.btn--iconRight .icon {
  position: relative;
  height: 100%; }
  .btn--iconLeft .icon:before,
  .btn--iconRight .icon:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }

.btn--iconLeft .icon {
  float: left; }
  .btn--iconLeft .icon:before {
    right: 0; }

.btn--iconRight .icon {
  float: right; }
  .btn--iconRight .icon:before {
    left: 0; }

.btn {
  padding: 0 20px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }
  .btn.btn--square {
    width: 30px;
    padding: 0; }

.btn.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 14px; }
    .btn.btn--iconLeft .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 14px; }
    .btn.btn--iconRight .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--sm {
  padding: 0 30px;
  height: 47px;
  font-size: 14px;
  line-height: 47px;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px; }
  .btn--sm.btn--square {
    width: 47px;
    padding: 0; }

.btn--sm.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--sm.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn--sm.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 14px; }
    .btn--sm.btn--iconLeft .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--sm.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--sm.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn--sm.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 14px; }
    .btn--sm.btn--iconRight .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--md {
  padding: 0 32px;
  height: 56px;
  font-size: 20px;
  line-height: 56px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px; }
  .btn--md.btn--square {
    width: 56px;
    padding: 0; }

.btn--md.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--md.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn--md.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 20px; }
    .btn--md.btn--iconLeft .icon:before {
      width: 20px;
      height: 20px;
      font-size: 20px; }

.btn--md.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--md.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn--md.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 20px; }
    .btn--md.btn--iconRight .icon:before {
      width: 20px;
      height: 20px;
      font-size: 20px; }

.btn--lg {
  padding: 0 30px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px; }
  .btn--lg.btn--square {
    width: 60px;
    padding: 0; }

.btn--lg.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--lg.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn--lg.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 14px; }
    .btn--lg.btn--iconLeft .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--lg.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--lg.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn--lg.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 14px; }
    .btn--lg.btn--iconRight .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn-0 {
  padding: 0 20px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }
  .btn-0.btn--square {
    width: 30px;
    padding: 0; }

.btn-0.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn-0.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn-0.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 14px; }
    .btn-0.btn--iconLeft .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn-0.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn-0.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn-0.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 14px; }
    .btn-0.btn--iconRight .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--sm-0 {
  padding: 0 30px;
  height: 47px;
  font-size: 14px;
  line-height: 47px;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
          border-radius: 7px; }
  .btn--sm-0.btn--square {
    width: 47px;
    padding: 0; }

.btn--sm-0.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--sm-0.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn--sm-0.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 14px; }
    .btn--sm-0.btn--iconLeft .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--sm-0.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--sm-0.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn--sm-0.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 14px; }
    .btn--sm-0.btn--iconRight .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--md-0 {
  padding: 0 32px;
  height: 56px;
  font-size: 20px;
  line-height: 56px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px; }
  .btn--md-0.btn--square {
    width: 56px;
    padding: 0; }

.btn--md-0.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--md-0.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn--md-0.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 20px; }
    .btn--md-0.btn--iconLeft .icon:before {
      width: 20px;
      height: 20px;
      font-size: 20px; }

.btn--md-0.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--md-0.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn--md-0.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 20px; }
    .btn--md-0.btn--iconRight .icon:before {
      width: 20px;
      height: 20px;
      font-size: 20px; }

.btn--lg-0 {
  padding: 0 30px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px; }
  .btn--lg-0.btn--square {
    width: 60px;
    padding: 0; }

.btn--lg-0.btn--iconLeft {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--lg-0.btn--iconLeft span {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2; }
  .btn--lg-0.btn--iconLeft .icon {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1;
    margin-right: 10px;
    width: 14px; }
    .btn--lg-0.btn--iconLeft .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

.btn--lg-0.btn--iconRight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .btn--lg-0.btn--iconRight span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
            order: 1; }
  .btn--lg-0.btn--iconRight .icon {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
            order: 2;
    margin-left: 10px;
    width: 14px; }
    .btn--lg-0.btn--iconRight .icon:before {
      width: 14px;
      height: 14px;
      font-size: 14px; }

@media (min-width: 360px) {
  .btn-xs {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-xs.btn--square {
      width: 30px;
      padding: 0; }
  .btn-xs.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-xs.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-xs.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-xs.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-xs.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-xs.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-xs.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-xs.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-xs {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-xs.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-xs.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-xs.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-xs.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-xs.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-xs.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-xs.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-xs.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-xs.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-xs {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-xs.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-xs.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-xs.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-xs.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-xs.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-xs.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-xs.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-xs.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-xs.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-xs {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-xs.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-xs.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-xs.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-xs.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-xs.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-xs.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-xs.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-xs.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-xs.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 576px) {
  .btn-sm {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-sm.btn--square {
      width: 30px;
      padding: 0; }
  .btn-sm.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-sm.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-sm.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-sm.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-sm.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-sm.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-sm.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-sm.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-sm {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-sm.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-sm.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-sm.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-sm.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-sm.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-sm.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-sm.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-sm.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-sm.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-sm {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-sm.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-sm.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-sm.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-sm.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-sm.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-sm.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-sm.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-sm.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-sm.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-sm {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-sm.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-sm.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-sm.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-sm.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-sm.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-sm.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-sm.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-sm.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-sm.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 768px) {
  .btn-md {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-md.btn--square {
      width: 30px;
      padding: 0; }
  .btn-md.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-md.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-md.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-md.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-md.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-md.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-md.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-md.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-md {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-md.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-md.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-md.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-md.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-md.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-md.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-md.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-md.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-md.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-md {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-md.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-md.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-md.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-md.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-md.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-md.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-md.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-md.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-md.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-md {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-md.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-md.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-md.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-md.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-md.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-md.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-md.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-md.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-md.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 992px) {
  .btn-lg {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-lg.btn--square {
      width: 30px;
      padding: 0; }
  .btn-lg.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-lg.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-lg.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-lg.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-lg.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-lg.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-lg.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-lg.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-lg {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-lg.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-lg.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-lg.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-lg.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-lg.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-lg.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-lg.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-lg.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-lg.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-lg {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-lg.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-lg.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-lg.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-lg.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-lg.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-lg.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-lg.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-lg.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-lg.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-lg {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-lg.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-lg.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-lg.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-lg.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-lg.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-lg.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-lg.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-lg.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-lg.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 1100px) {
  .btn-ml {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-ml.btn--square {
      width: 30px;
      padding: 0; }
  .btn-ml.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-ml.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-ml.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-ml.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-ml.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-ml.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-ml.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-ml.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-ml {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-ml.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-ml.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-ml.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-ml.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-ml.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-ml.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-ml.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-ml.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-ml.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-ml {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-ml.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-ml.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-ml.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-ml.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-ml.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-ml.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-ml.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-ml.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-ml.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-ml {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-ml.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-ml.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-ml.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-ml.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-ml.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-ml.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-ml.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-ml.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-ml.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 1300px) {
  .btn-xl {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-xl.btn--square {
      width: 30px;
      padding: 0; }
  .btn-xl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-xl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-xl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-xl.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-xl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-xl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-xl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-xl.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-xl {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-xl.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-xl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-xl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-xl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-xl.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-xl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-xl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-xl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-xl.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-xl {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-xl.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-xl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-xl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-xl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-xl.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-xl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-xl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-xl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-xl.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-xl {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-xl.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-xl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-xl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-xl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-xl.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-xl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-xl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-xl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-xl.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 1440px) {
  .btn-xxl {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-xxl.btn--square {
      width: 30px;
      padding: 0; }
  .btn-xxl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-xxl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-xxl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-xxl.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-xxl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-xxl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-xxl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-xxl.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-xxl {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-xxl.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-xxl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-xxl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-xxl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-xxl.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-xxl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-xxl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-xxl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-xxl.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-xxl {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-xxl.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-xxl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-xxl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-xxl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-xxl.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-xxl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-xxl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-xxl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-xxl.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-xxl {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-xxl.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-xxl.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-xxl.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-xxl.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-xxl.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-xxl.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-xxl.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-xxl.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-xxl.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

@media (min-width: 1920px) {
  .btn-hd {
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px; }
    .btn-hd.btn--square {
      width: 30px;
      padding: 0; }
  .btn-hd.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-hd.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn-hd.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn-hd.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn-hd.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn-hd.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn-hd.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn-hd.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-hd {
    padding: 0 30px;
    height: 47px;
    font-size: 14px;
    line-height: 47px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
    .btn--sm-hd.btn--square {
      width: 47px;
      padding: 0; }
  .btn--sm-hd.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-hd.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--sm-hd.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--sm-hd.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--sm-hd.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--sm-hd.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--sm-hd.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--sm-hd.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--md-hd {
    padding: 0 32px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--md-hd.btn--square {
      width: 56px;
      padding: 0; }
  .btn--md-hd.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-hd.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--md-hd.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 20px; }
      .btn--md-hd.btn--iconLeft .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--md-hd.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--md-hd.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--md-hd.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 20px; }
      .btn--md-hd.btn--iconRight .icon:before {
        width: 20px;
        height: 20px;
        font-size: 20px; }
  .btn--lg-hd {
    padding: 0 30px;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    .btn--lg-hd.btn--square {
      width: 60px;
      padding: 0; }
  .btn--lg-hd.btn--iconLeft {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-hd.btn--iconLeft span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2; }
    .btn--lg-hd.btn--iconLeft .icon {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1;
      margin-right: 10px;
      width: 14px; }
      .btn--lg-hd.btn--iconLeft .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; }
  .btn--lg-hd.btn--iconRight {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
    .btn--lg-hd.btn--iconRight span {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; }
    .btn--lg-hd.btn--iconRight .icon {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
              order: 2;
      margin-left: 10px;
      width: 14px; }
      .btn--lg-hd.btn--iconRight .icon:before {
        width: 14px;
        height: 14px;
        font-size: 14px; } }

.btn--block {
  display: block;
  width: 100%;
  padding: 0; }

input[type="submit"].btn--block,
input[type="reset"].btn--block,
input[type="button"].btn--block {
  width: 100%; }

.btn--square .icon:before {
  display: block; }

.btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }
  .btn-group .btn:not(:first-child) {
    margin-left: 7px; }
  .btn-group .btn:not(:last-child) {
    margin-right: 7px; }

.btn--withShadow {
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25); }

.link,
a {
  color: #0072CE;
  text-decoration: underline; }
  .link:hover, .link:focus,
  a:hover,
  a:focus {
    color: #0064b5;
    text-decoration: none; }

.link--reverse {
  text-decoration: none; }
  .link--reverse:hover, .link--reverse:focus {
    text-decoration: underline; }

.link--none {
  text-decoration: none; }
  .link--none:hover, .link--none:focus {
    text-decoration: none; }

.link--black {
  color: #000; }
  .link--black:hover, .link--black:focus {
    color: #1a1a1a; }

.link--gray {
  color: #D6D6D6; }
  .link--gray:hover, .link--gray:focus {
    color: #4d4d4d; }

.link--red {
  color: #E1261C; }
  .link--red:hover, .link--red:focus {
    color: #ca2219; }

.link--green {
  color: #04A295; }
  .link--green:hover, .link--green:focus {
    color: #03897e; }

body.dark-theme .link--black {
  color: #ffffff; }
  body.dark-theme .link--black:hover, body.dark-theme .link--black:focus {
    color: #e6e6e6; }

h1,
.h1 {
  margin: 0;
  padding: 0;
  font-weight: 900;
  font-size: 36px;
  line-height: 44px; }

h2,
.h2,
.articleGallery__title,
.twitterBox__title,
.editorialEvaluationBox__title,
.prosConsBox__title,
.topArticle--big .topArticle__title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px; }

h3,
.h3,
.conclusionBox__title,
.topArticle__title,
.topGameCard__title,
.specialsCard__title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px; }

h4,
.h4,
.commentary__title,
.videoCard__title,
.trophyWideCard__title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px; }

h5,
.h5,
.gameCard--side .gameCard__title,
.trophyCard__title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px; }

th, td {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  background-color: transparent; }
  .table th,
  .table td {
    font-weight: 700;
    padding: 0 15px;
    line-height: 1.2;
    vertical-align: center;
    color: #666; }
    .table th:first-child,
    .table td:first-child {
      padding-left: 30px; }
    .table th:last-child,
    .table td:last-child {
      padding-right: 30px; }
  .table thead th,
  .table thead td,
  .table tfoot th,
  .table tfoot td {
    padding: 32px 15px;
    vertical-align: top; }
    .table thead th:first-child,
    .table thead td:first-child,
    .table tfoot th:first-child,
    .table tfoot td:first-child {
      padding-left: 30px; }
    .table thead th:last-child,
    .table thead td:last-child,
    .table tfoot th:last-child,
    .table tfoot td:last-child {
      padding-right: 30px; }
  .table.table--fixedHeight > tbody th, .table.table--fixedHeight > tbody td {
    height: 64px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .table.table--bordered > thead > tr > th,
  .table.table--bordered > thead > tr > td,
  .table.table--bordered > tbody > tr > th,
  .table.table--bordered > tbody > tr > td,
  .table.table--bordered > tfoot > tr > th,
  .table.table--bordered > tfoot > tr > td {
    padding: 10px 20px; }
  .table > thead > tr > th {
    vertical-align: bottom; }
  .table th {
    font-weight: 700;
    font-size: 11px;
    color: #999;
    text-transform: uppercase; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table .table {
    background-color: transparent; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 500px) {
    .table-responsive {
      width: 100%;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      background-image: -webkit-gradient(linear, left top, right top, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.15)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(255, 255, 255, 0)));
      background-image: -webkit-linear-gradient(left, white, white), -webkit-linear-gradient(left, white, white), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
      background-image: -moz-linear-gradient(left, white, white), -moz-linear-gradient(left, white, white), -moz-linear-gradient(left, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), -moz-linear-gradient(right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
      background-image: -o-linear-gradient(left, white, white), -o-linear-gradient(left, white, white), -o-linear-gradient(left, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), -o-linear-gradient(right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
      background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0));
      background-position: left center, right center, left center, right center;
      background-repeat: no-repeat;
      background-color: white;
      -webkit-background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
         -moz-background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
              background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
      /* Opera doesn't support this in the shorthand */
      background-attachment: local, local, scroll, scroll; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table--bordered {
        border: 0; }
        .table-responsive > .table--bordered > thead > tr > th:first-child,
        .table-responsive > .table--bordered > thead > tr > td:first-child,
        .table-responsive > .table--bordered > tbody > tr > th:first-child,
        .table-responsive > .table--bordered > tbody > tr > td:first-child,
        .table-responsive > .table--bordered > tfoot > tr > th:first-child,
        .table-responsive > .table--bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table--bordered > thead > tr > th:last-child,
        .table-responsive > .table--bordered > thead > tr > td:last-child,
        .table-responsive > .table--bordered > tbody > tr > th:last-child,
        .table-responsive > .table--bordered > tbody > tr > td:last-child,
        .table-responsive > .table--bordered > tfoot > tr > th:last-child,
        .table-responsive > .table--bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table--bordered > tbody > tr:last-child > th,
        .table-responsive > .table--bordered > tbody > tr:last-child > td,
        .table-responsive > .table--bordered > tfoot > tr:last-child > th,
        .table-responsive > .table--bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

.table--condensed > thead > tr > th,
.table--condensed > thead > tr > td,
.table--condensed > tbody > tr > th,
.table--condensed > tbody > tr > td,
.table--condensed > tfoot > tr > th,
.table--condensed > tfoot > tr > td {
  padding: 5px 10px 6px; }

.table--condensed.table--bordered > thead > tr > th,
.table--condensed.table--bordered > thead > tr > td,
.table--condensed.table--bordered > tbody > tr > th,
.table--condensed.table--bordered > tbody > tr > td,
.table--condensed.table--bordered > tfoot > tr > th,
.table--condensed.table--bordered > tfoot > tr > td {
  padding: 5px 10px; }

.table--stretched > thead > tr > th,
.table--stretched > thead > tr > td,
.table--stretched > tbody > tr > th,
.table--stretched > tbody > tr > td,
.table--stretched > tfoot > tr > th,
.table--stretched > tfoot > tr > td {
  padding: 23px 10px; }

.table--stretched.table--bordered > thead > tr > th,
.table--stretched.table--bordered > thead > tr > td,
.table--stretched.table--bordered > tbody > tr > th,
.table--stretched.table--bordered > tbody > tr > td,
.table--stretched.table--bordered > tfoot > tr > th,
.table--stretched.table--bordered > tfoot > tr > td {
  padding: 22px 10px 23px; }

.table--bordered {
  border: 1px solid #DEDEDE; }
  .table--bordered > thead > tr > th {
    border-bottom: 2px solid #DEDEDE; }
  .table--bordered > tbody + tbody {
    border-top: 2px solid #DEDEDE; }
  .table--bordered > thead > tr > th,
  .table--bordered > thead > tr > td,
  .table--bordered > tbody > tr > th,
  .table--bordered > tbody > tr > td,
  .table--bordered > tfoot > tr > th,
  .table--bordered > tfoot > tr > td {
    border: 1px solid #DEDEDE; }
  .table--bordered > thead > tr > th,
  .table--bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table--striped > tbody > tr > th:first-child,
.table--striped > tbody > tr > td:first-child {
  -webkit-border-top-left-radius: 10px;
     -moz-border-radius-topleft: 10px;
          border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomleft: 10px;
          border-bottom-left-radius: 10px; }

.table--striped > tbody > tr > th:last-child,
.table--striped > tbody > tr > td:last-child {
  -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topright: 10px;
          border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
     -moz-border-radius-bottomright: 10px;
          border-bottom-right-radius: 10px; }

.table--striped > tbody > tr:nth-of-type(odd) td,
.table--striped > tbody > tr:nth-of-type(odd) th {
  background-color: rgba(0, 0, 0, 0.03); }

.table--striped > tbody > tr:nth-of-type(even) td,
.table--striped > tbody > tr:nth-of-type(even) th {
  background-color: transparent; }

.table--hover > tbody > tr td,
.table--hover > tbody > tr th {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.table--hover > tbody > tr:hover td {
  background-color: rgba(0, 0, 0, 0.01); }

.table--hover > tbody > tr:hover .inlineTimePicker-input,
.table--hover > tbody > tr:hover .inlineTimePicker-dots,
.table--hover > tbody > tr:hover .btn--icon,
.table--hover > tbody > tr:hover td,
.table--hover > tbody > tr:hover th {
  color: #0072CE; }

.table--hover > tbody > tr:hover .hover-primary {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #0072CE; }

.table--hover > tbody > tr:hover .hover-red {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #E1261C; }

.table--hover > tbody > tr:hover .hover-blue {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #0072CE; }

.table--hover > tbody > tr:hover .hover-green {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #04A295; }

.table--hover > tbody > tr:hover .hover-black {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #000; }

.table--hover > tbody > tr:hover .hover-black20 {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #333333; }

.table--hover > tbody > tr:hover .hover-black40 {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #666666; }

.table--hover > tbody > tr:hover .hover-black80 {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #cccccc; }

.table--hover > tbody > tr:hover .hover-white {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  color: #ffffff; }

.table--hover.table--striped > tbody > tr:hover:nth-of-type(odd) td,
.table--hover.table--striped > tbody > tr:hover:nth-of-type(odd) th {
  background-color: rgba(0, 0, 0, 0.05); }

.table--hover.table--striped > tbody > tr:hover:nth-of-type(even) td,
.table--hover.table--striped > tbody > tr:hover:nth-of-type(even) th {
  background-color: rgba(0, 0, 0, 0.01); }

td[data-redirect] {
  cursor: pointer; }

.table > thead > tr > td.primary,
.table > thead > tr > th.primary,
.table > thead > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr > td.primary,
.table > tbody > tr > th.primary,
.table > tbody > tr.primary > td,
.table > tbody > tr.primary > th,
.table > tfoot > tr > td.primary,
.table > tfoot > tr > th.primary,
.table > tfoot > tr.primary > td,
.table > tfoot > tr.primary > th {
  background-color: #0072CE;
  color: #ffffff; }

.table--hover > tbody > tr > td.primary:hover,
.table--hover > tbody > tr > th.primary:hover,
.table--hover > tbody > tr.primary:hover > td,
.table--hover > tbody > tr:hover > .primary,
.table--hover > tbody > tr.primary:hover > th {
  background-color: #0064b5;
  color: #ffffff; }

.table > thead > tr > td.red,
.table > thead > tr > th.red,
.table > thead > tr.red > td,
.table > thead > tr.red > th,
.table > tbody > tr > td.red,
.table > tbody > tr > th.red,
.table > tbody > tr.red > td,
.table > tbody > tr.red > th,
.table > tfoot > tr > td.red,
.table > tfoot > tr > th.red,
.table > tfoot > tr.red > td,
.table > tfoot > tr.red > th {
  background-color: #E1261C;
  color: #ffffff; }

.table--hover > tbody > tr > td.red:hover,
.table--hover > tbody > tr > th.red:hover,
.table--hover > tbody > tr.red:hover > td,
.table--hover > tbody > tr:hover > .red,
.table--hover > tbody > tr.red:hover > th {
  background-color: #ca2219;
  color: #ffffff; }

.table > thead > tr > td.blue,
.table > thead > tr > th.blue,
.table > thead > tr.blue > td,
.table > thead > tr.blue > th,
.table > tbody > tr > td.blue,
.table > tbody > tr > th.blue,
.table > tbody > tr.blue > td,
.table > tbody > tr.blue > th,
.table > tfoot > tr > td.blue,
.table > tfoot > tr > th.blue,
.table > tfoot > tr.blue > td,
.table > tfoot > tr.blue > th {
  background-color: #0072CE;
  color: #ffffff; }

.table--hover > tbody > tr > td.blue:hover,
.table--hover > tbody > tr > th.blue:hover,
.table--hover > tbody > tr.blue:hover > td,
.table--hover > tbody > tr:hover > .blue,
.table--hover > tbody > tr.blue:hover > th {
  background-color: #0064b5;
  color: #ffffff; }

.table > thead > tr > td.green,
.table > thead > tr > th.green,
.table > thead > tr.green > td,
.table > thead > tr.green > th,
.table > tbody > tr > td.green,
.table > tbody > tr > th.green,
.table > tbody > tr.green > td,
.table > tbody > tr.green > th,
.table > tfoot > tr > td.green,
.table > tfoot > tr > th.green,
.table > tfoot > tr.green > td,
.table > tfoot > tr.green > th {
  background-color: #04A295;
  color: #ffffff; }

.table--hover > tbody > tr > td.green:hover,
.table--hover > tbody > tr > th.green:hover,
.table--hover > tbody > tr.green:hover > td,
.table--hover > tbody > tr:hover > .green,
.table--hover > tbody > tr.green:hover > th {
  background-color: #03897e;
  color: #ffffff; }

.table > thead > tr > td.black,
.table > thead > tr > th.black,
.table > thead > tr.black > td,
.table > thead > tr.black > th,
.table > tbody > tr > td.black,
.table > tbody > tr > th.black,
.table > tbody > tr.black > td,
.table > tbody > tr.black > th,
.table > tfoot > tr > td.black,
.table > tfoot > tr > th.black,
.table > tfoot > tr.black > td,
.table > tfoot > tr.black > th {
  background-color: #000;
  color: #ffffff; }

.table--hover > tbody > tr > td.black:hover,
.table--hover > tbody > tr > th.black:hover,
.table--hover > tbody > tr.black:hover > td,
.table--hover > tbody > tr:hover > .black,
.table--hover > tbody > tr.black:hover > th {
  background-color: black;
  color: #ffffff; }

.table > thead > tr > td.black20,
.table > thead > tr > th.black20,
.table > thead > tr.black20 > td,
.table > thead > tr.black20 > th,
.table > tbody > tr > td.black20,
.table > tbody > tr > th.black20,
.table > tbody > tr.black20 > td,
.table > tbody > tr.black20 > th,
.table > tfoot > tr > td.black20,
.table > tfoot > tr > th.black20,
.table > tfoot > tr.black20 > td,
.table > tfoot > tr.black20 > th {
  background-color: #333333;
  color: #ffffff; }

.table--hover > tbody > tr > td.black20:hover,
.table--hover > tbody > tr > th.black20:hover,
.table--hover > tbody > tr.black20:hover > td,
.table--hover > tbody > tr:hover > .black20,
.table--hover > tbody > tr.black20:hover > th {
  background-color: #262626;
  color: #ffffff; }

.table > thead > tr > td.black40,
.table > thead > tr > th.black40,
.table > thead > tr.black40 > td,
.table > thead > tr.black40 > th,
.table > tbody > tr > td.black40,
.table > tbody > tr > th.black40,
.table > tbody > tr.black40 > td,
.table > tbody > tr.black40 > th,
.table > tfoot > tr > td.black40,
.table > tfoot > tr > th.black40,
.table > tfoot > tr.black40 > td,
.table > tfoot > tr.black40 > th {
  background-color: #666666;
  color: #ffffff; }

.table--hover > tbody > tr > td.black40:hover,
.table--hover > tbody > tr > th.black40:hover,
.table--hover > tbody > tr.black40:hover > td,
.table--hover > tbody > tr:hover > .black40,
.table--hover > tbody > tr.black40:hover > th {
  background-color: #595959;
  color: #ffffff; }

.table > thead > tr > td.black80,
.table > thead > tr > th.black80,
.table > thead > tr.black80 > td,
.table > thead > tr.black80 > th,
.table > tbody > tr > td.black80,
.table > tbody > tr > th.black80,
.table > tbody > tr.black80 > td,
.table > tbody > tr.black80 > th,
.table > tfoot > tr > td.black80,
.table > tfoot > tr > th.black80,
.table > tfoot > tr.black80 > td,
.table > tfoot > tr.black80 > th {
  background-color: #cccccc;
  color: #000; }

.table--hover > tbody > tr > td.black80:hover,
.table--hover > tbody > tr > th.black80:hover,
.table--hover > tbody > tr.black80:hover > td,
.table--hover > tbody > tr:hover > .black80,
.table--hover > tbody > tr.black80:hover > th {
  background-color: #bfbfbf;
  color: #000; }

.table > thead > tr > td.white,
.table > thead > tr > th.white,
.table > thead > tr.white > td,
.table > thead > tr.white > th,
.table > tbody > tr > td.white,
.table > tbody > tr > th.white,
.table > tbody > tr.white > td,
.table > tbody > tr.white > th,
.table > tfoot > tr > td.white,
.table > tfoot > tr > th.white,
.table > tfoot > tr.white > td,
.table > tfoot > tr.white > th {
  background-color: #ffffff;
  color: #000; }

.table--hover > tbody > tr > td.white:hover,
.table--hover > tbody > tr > th.white:hover,
.table--hover > tbody > tr.white:hover > td,
.table--hover > tbody > tr:hover > .white,
.table--hover > tbody > tr.white:hover > th {
  background-color: #f2f2f2;
  color: #000; }

blockquote,
.blockquote {
  position: relative;
  padding: 60px 30px;
  margin: 0;
  font-weight: 500;
  font-style: italic;
  color: #0072CE;
  background: rgba(0, 114, 206, 0.05);
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px; }
  @media (min-width: 768px) {
    blockquote,
    .blockquote {
      padding: 40px 185px 40px 135px; } }
  blockquote:before, blockquote:after,
  .blockquote:before,
  .blockquote:after {
    position: absolute;
    font-family: "psgamer" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 48px;
    color: rgba(0, 114, 206, 0.25); }
  blockquote:before,
  .blockquote:before {
    content: "\72";
    top: -20px;
    right: 30px; }
    @media (min-width: 768px) {
      blockquote:before,
      .blockquote:before {
        right: 60px; } }
  blockquote:after,
  .blockquote:after {
    content: "\71";
    bottom: -20px;
    left: 30px; }
    @media (min-width: 768px) {
      blockquote:after,
      .blockquote:after {
        left: 60px; } }

.text, blockquote,
.blockquote, p {
  font-size: 17px;
  line-height: 28px; }

p {
  margin: 0 0 15px; }
  p:last-child {
    margin-bottom: 0; }

small,
.text--small {
  font-size: 16px;
  line-height: 24px; }

.text--extraSmall, .editorialEvaluationBox__item__text, .editorialEvaluationBox__item__text p, .pageFooter__navigation a, .pageFooter__copy {
  font-size: 14px;
  line-height: 24px; }

.title {
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  body.dark-theme .title {
    font-weight: 700; }

.list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list li {
    position: relative;
    margin-bottom: 20px;
    line-height: 18px; }
    .list li:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 30px; }

ul.list li {
  padding-left: 52px; }
  @media (min-width: 768px) {
    ul.list li {
      padding-left: 62px; } }
  ul.list li:before {
    font-family: "psgamer" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\6c";
    font-size: 90%;
    left: 20px;
    top: 0;
    color: #0072CE; }
    @media (min-width: 768px) {
      ul.list li:before {
        left: 30px; } }

ol.list {
  counter-reset: ol; }
  ol.list li {
    padding-left: 23px;
    counter-increment: ol; }
    ol.list li:before {
      content: counter(ol) ".";
      font-weight: 700;
      color: #0072CE; }

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

.list--search {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list--search li {
    margin-bottom: 10px; }
  .list--search a {
    font-weight: 900;
    text-decoration: none;
    color: #000; }
    .list--search a:hover, .list--search a:focus {
      text-decoration: none; }
    body.dark-theme .list--search a {
      color: #ffffff;
      font-weight: 700; }
    .list--search a:hover, .list--search a:focus,
    body.dark-theme .list--search a:hover,
    body.dark-theme .list--search a:focus {
      color: #0072CE; }

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

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

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

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

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

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

.u--uppercase {
  text-transform: uppercase; }

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

.u--extraBold {
  font-weight: 900; }
  body.dark-theme .u--extraBold {
    font-weight: 700; }

strong,
.u--bold {
  font-weight: 700; }

.u--medium {
  font-weight: 500; }

.u--regular {
  font-weight: 400; }

.u--italic {
  font-style: italic; }

.u--lineThrough {
  text-decoration: line-through; }

.u--underline {
  text-decoration: underline; }

.u--relative {
  position: relative; }

.u--absolute {
  position: absolute; }

.u--static {
  position: static; }

.u--fixed {
  position: fixed; }

.u--opacity-100 {
  opacity: 1; }

.u--opacity-75 {
  opacity: .75; }

.u--opacity-50 {
  opacity: .5; }

.u--opacity-25 {
  opacity: .25; }

.u--opacity-0 {
  opacity: 0; }

.u--primary,
tr.u--primary td,
tr.u--primary th,
td.u--primary {
  color: #0072CE; }

a.u--primary:hover,
a.u--primary:focus {
  color: #00569b; }

.u--red,
tr.u--red td,
tr.u--red th,
td.u--red {
  color: #E1261C; }

a.u--red:hover,
a.u--red:focus {
  color: #b41e16; }

.u--blue,
tr.u--blue td,
tr.u--blue th,
td.u--blue {
  color: #0072CE; }

a.u--blue:hover,
a.u--blue:focus {
  color: #00569b; }

.u--green,
tr.u--green td,
tr.u--green th,
td.u--green {
  color: #04A295; }

a.u--green:hover,
a.u--green:focus {
  color: #037067; }

.u--purple,
tr.u--purple td,
tr.u--purple th,
td.u--purple {
  color: #9E63A5; }

a.u--purple:hover,
a.u--purple:focus {
  color: #814e87; }

.u--yellow,
tr.u--yellow td,
tr.u--yellow th,
td.u--yellow {
  color: #FFC719; }

a.u--yellow:hover,
a.u--yellow:focus {
  color: #e5ad00; }

.u--black,
tr.u--black td,
tr.u--black th,
td.u--black {
  color: #000; }

a.u--black:hover,
a.u--black:focus {
  color: black; }

.u--black10,
tr.u--black10 td,
tr.u--black10 th,
td.u--black10 {
  color: #e6e6e6; }

a.u--black10:hover,
a.u--black10:focus {
  color: #cccccc; }

.u--black15,
tr.u--black15 td,
tr.u--black15 th,
td.u--black15 {
  color: #d9d9d9; }

a.u--black15:hover,
a.u--black15:focus {
  color: #bfbfbf; }

.u--black25,
tr.u--black25 td,
tr.u--black25 th,
td.u--black25 {
  color: #bfbfbf; }

a.u--black25:hover,
a.u--black25:focus {
  color: #a6a6a6; }

.u--black50,
tr.u--black50 td,
tr.u--black50 th,
td.u--black50 {
  color: gray; }

a.u--black50:hover,
a.u--black50:focus {
  color: #666666; }

.u--black75,
tr.u--black75 td,
tr.u--black75 th,
td.u--black75 {
  color: #595959; }

a.u--black75:hover,
a.u--black75:focus {
  color: #404040; }

.u--white,
tr.u--white td,
tr.u--white th,
td.u--white {
  color: #ffffff; }

a.u--white:hover,
a.u--white:focus {
  color: #e6e6e6; }

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].isDisabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].isDisabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 10px;
  color: #000;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px; }
  body.dark-theme label {
    color: #ffffff; }

.formGroup {
  margin-bottom: 20px; }

.formGroup--lg {
  margin-bottom: 30px; }

.formGroup.formGroup--required label:after {
  content: ' *';
  color: #000; }
  body.dark-theme .formGroup.formGroup--required label:after {
    color: #ffffff; }

.formGroup--inline {
  display: inline-block; }

.captcha--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }

.formControl, .fileUpload__fakeInput, .pageSearch__input input {
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #BFBFBF;
  -webkit-border-radius: 0 10px 0 10px;
     -moz-border-radius: 0 10px 0 10px;
          border-radius: 0 10px 0 10px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s 0.15s;
  -o-transition: border-color ease-in-out 0.15s 0.15s;
  -moz-transition: border-color ease-in-out 0.15s 0.15s;
  transition: border-color ease-in-out 0.15s 0.15s;
  -webkit-transition: border-color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out;
  -o-transition: border-color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out;
  -moz-transition: border-color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out; }
  body.dark-theme .formControl, body.dark-theme .fileUpload__fakeInput, body.dark-theme .pageSearch__input input, .pageSearch__input body.dark-theme input {
    color: #ffffff;
    background-color: #111111;
    border-color: #4C4C4C; }
  .formControl::-webkit-input-placeholder, .fileUpload__fakeInput::-webkit-input-placeholder, .pageSearch__input input::-webkit-input-placeholder {
    color: #bfbfbf; }
    body.dark-theme .formControl::-webkit-input-placeholder, body.dark-theme .fileUpload__fakeInput::-webkit-input-placeholder, body.dark-theme .pageSearch__input input::-webkit-input-placeholder, .pageSearch__input body.dark-theme input::-webkit-input-placeholder {
      color: #bfbfbf; }
  .formControl:-moz-placeholder, .fileUpload__fakeInput:-moz-placeholder, .pageSearch__input input:-moz-placeholder {
    color: #bfbfbf; }
    body.dark-theme .formControl:-moz-placeholder, body.dark-theme .fileUpload__fakeInput:-moz-placeholder, body.dark-theme .pageSearch__input input:-moz-placeholder, .pageSearch__input body.dark-theme input:-moz-placeholder {
      color: #bfbfbf; }
  .formControl::-moz-placeholder, .fileUpload__fakeInput::-moz-placeholder, .pageSearch__input input::-moz-placeholder {
    color: #bfbfbf; }
    body.dark-theme .formControl::-moz-placeholder, body.dark-theme .fileUpload__fakeInput::-moz-placeholder, body.dark-theme .pageSearch__input input::-moz-placeholder, .pageSearch__input body.dark-theme input::-moz-placeholder {
      color: #bfbfbf; }
  .formControl:-ms-input-placeholder, .fileUpload__fakeInput:-ms-input-placeholder, .pageSearch__input input:-ms-input-placeholder {
    color: #bfbfbf; }
    body.dark-theme .formControl:-ms-input-placeholder, body.dark-theme .fileUpload__fakeInput:-ms-input-placeholder, body.dark-theme .pageSearch__input input:-ms-input-placeholder, .pageSearch__input body.dark-theme input:-ms-input-placeholder {
      color: #bfbfbf; }
  .formControl::-ms-expand, .fileUpload__fakeInput::-ms-expand, .pageSearch__input input::-ms-expand {
    background-color: transparent;
    border: 0; }
  .formControl[disabled], .fileUpload__fakeInput[disabled], .pageSearch__input input[disabled],
  fieldset[disabled] .formControl,
  fieldset[disabled] .fileUpload__fakeInput,
  fieldset[disabled] .pageSearch__input input,
  .pageSearch__input fieldset[disabled] input {
    color: #ccc !important;
    border-color: #DEDEDE !important;
    background-color: #F8F8F8 !important;
    opacity: 1; }
    .formControl[disabled] + .helpBlock, .fileUpload__fakeInput[disabled] + .helpBlock, .pageSearch__input input[disabled] + .helpBlock,
    fieldset[disabled] .formControl + .helpBlock,
    fieldset[disabled] .fileUpload__fakeInput + .helpBlock,
    fieldset[disabled] .pageSearch__input input + .helpBlock,
    .pageSearch__input fieldset[disabled] input + .helpBlock {
      color: #ccc; }
    body.dark-theme .formControl[disabled], body.dark-theme .fileUpload__fakeInput[disabled], body.dark-theme .pageSearch__input input[disabled], .pageSearch__input body.dark-theme input[disabled], body.dark-theme fieldset[disabled] .formControl, body.dark-theme fieldset[disabled] .fileUpload__fakeInput, body.dark-theme fieldset[disabled] .pageSearch__input input, .pageSearch__input body.dark-theme fieldset[disabled] input {
      color: #ccc !important;
      border-color: #595959 !important;
      background-color: #222222 !important; }
  .formControl[disabled], .fileUpload__fakeInput[disabled], .pageSearch__input input[disabled],
  fieldset[disabled] .formControl,
  fieldset[disabled] .fileUpload__fakeInput,
  fieldset[disabled] .pageSearch__input input,
  .pageSearch__input fieldset[disabled] input {
    cursor: not-allowed; }
  .formControl:focus, .fileUpload__fakeInput:focus, .pageSearch__input input:focus {
    outline: none;
    border-color: #000; }
    body.dark-theme .formControl:focus, body.dark-theme .fileUpload__fakeInput:focus, body.dark-theme .pageSearch__input input:focus, .pageSearch__input body.dark-theme input:focus {
      border-color: #C7C7C7; }

textarea.formControl, textarea.fileUpload__fakeInput {
  height: auto;
  min-height: 120px;
  padding: 10px 20px;
  line-height: 24px;
  resize: vertical; }

.helpBlock {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #999; }

.inputGroup {
  position: relative; }

.inputGroup-item {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%); }
  .inputGroup-item--left {
    left: 10px; }
  .inputGroup-item--right {
    right: 10px; }

.select {
  position: relative;
  display: block; }
  .select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .select:after {
    content: "\76";
    font-family: "psgamer" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 12px;
    color: #CCC;
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
         -o-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: color ease-in-out .15s;
    -o-transition: color ease-in-out .15s;
    -moz-transition: color ease-in-out .15s;
    transition: color ease-in-out .15s; }
    body.dark-theme .select:after {
      color: #343434; }
  .select.isFocus:after,
  body.dark-theme .select.isFocus:after {
    color: #0072CE; }
  .select.isDisabled:after {
    color: #ccc !important; }
  .select.isDisabled + .helpBlock {
    color: #ccc; }
  body.dark-theme .select.isDisabled:after {
    color: #343434 !important; }
  body.dark-theme .select.isDisabled + .helpBlock {
    color: #343434; }

.radio,
.checkbox {
  position: relative;
  display: inline-block; }
  .radio label,
  .checkbox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    min-height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    padding-left: 45px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: normal;
    color: #000;
    font-size: 14px; }
    body.dark-theme .radio label, body.dark-theme
    .checkbox label {
      color: #ffffff; }
    .radio label:after,
    .checkbox label:after {
      padding-left: 5px; }
    .radio label span:before,
    .checkbox label span:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 30px;
      height: 30px;
      background: #fff;
      border: 1px solid #BFBFBF;
      -webkit-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      body.dark-theme .radio label span:before, body.dark-theme
      .checkbox label span:before {
        background-color: #111111;
        border-color: #4C4C4C; }
    .radio label span:after,
    .checkbox label span:after {
      -webkit-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
  .radio input,
  .checkbox input {
    position: absolute;
    opacity: 0; }
  .radio input:focus + label,
  .checkbox input:focus + label {
    color: #0072CE; }
  .radio input:focus:not(:checked) span:before,
  .checkbox input:focus:not(:checked) span:before {
    border-color: #0072CE;
    background: #F8F8F8; }
  .radio input:checked + label span:before,
  .checkbox input:checked + label span:before {
    border-color: #0072CE; }
  .radio input:checked + label span:after,
  .checkbox input:checked + label span:after {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .radio input:disabled + label,
  .checkbox input:disabled + label {
    color: #CCC !important;
    cursor: not-allowed; }
    .radio input:disabled + label span:before,
    .checkbox input:disabled + label span:before {
      border-color: #DEDEDE !important;
      background: #F8F8F8 !important; }
      body.dark-theme .radio input:disabled + label span:before, body.dark-theme
      .checkbox input:disabled + label span:before {
        border-color: #595959 !important;
        background-color: #222222 !important; }
    .radio input:disabled + label span:after,
    .checkbox input:disabled + label span:after {
      -webkit-transform: scale(0) !important;
         -moz-transform: scale(0) !important;
           -o-transform: scale(0) !important;
              transform: scale(0) !important;
      opacity: 0 !important; }
  .radio.isDisabled + .helpBlock,
  .checkbox.isDisabled + .helpBlock {
    color: #ccc; }

.checkbox label span:before,
.checkbox label span:after {
  -webkit-border-radius: 0 5px 0 5px;
     -moz-border-radius: 0 5px 0 5px;
          border-radius: 0 5px 0 5px; }

.checkbox label span:after {
  font-family: "psgamer" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\77";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-size: 18px; }
  body.dark-theme .checkbox label span:after {
    color: #000; }

.checkbox input:checked + label span:before {
  background: #0072CE; }

.radio label span:before,
.radio label span:after {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%; }

.radio label span:after {
  content: '';
  position: absolute;
  left: 7px;
  top: 7px;
  display: block;
  width: 16px;
  height: 16px;
  background: #0072CE;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.passwordSwitch-group {
  position: relative; }

.passwordSwitch-btn {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .passwordSwitch-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .passwordSwitch-btn span {
    display: none; }
  .passwordSwitch-btn:after {
    content: "\45";
    font-family: "psgamer" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 21px;
    font-size: 21px;
    line-height: 1;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    color: #999; }
    body.dark-theme .passwordSwitch-btn:after {
      color: #343434; }
  .passwordSwitch-btn.isActive:after {
    content: "\44"; }
  .passwordSwitch-btn:hover, .passwordSwitch-btn:focus {
    outline: none; }
    .passwordSwitch-btn:hover:after, body.dark-theme .passwordSwitch-btn:hover:after, .passwordSwitch-btn:focus:after, body.dark-theme .passwordSwitch-btn:focus:after {
      color: #0072CE; }

.formGroup.formGroup--primary .formControl, .formGroup.formGroup--primary .fileUpload__fakeInput, .formGroup.formGroup--primary .pageSearch__input input, .pageSearch__input .formGroup.formGroup--primary input {
  border-color: #0072CE; }
  .formGroup.formGroup--primary .formControl:focus, .formGroup.formGroup--primary .fileUpload__fakeInput:focus, .formGroup.formGroup--primary .pageSearch__input input:focus, .pageSearch__input .formGroup.formGroup--primary input:focus {
    border-color: #0064b5; }

.formGroup.formGroup--primary .helpBlock {
  color: #0072CE; }

.formGroup.formGroup--primary .select:after {
  color: #0072CE; }

.formGroup.formGroup--primary .select.isFocus:after {
  color: #0064b5; }

.formGroup.formGroup--primary .radio label span:before,
.formGroup.formGroup--primary .checkbox label span:before {
  border-color: #0072CE; }

.formGroup.formGroup--primary .radio input:focus + label,
.formGroup.formGroup--primary .checkbox input:focus + label {
  color: #0072CE; }
  .formGroup.formGroup--primary .radio input:focus + label span:before,
  .formGroup.formGroup--primary .checkbox input:focus + label span:before {
    border-color: #0064b5; }

.formGroup.formGroup--primary .checkbox input:checked + label span:before {
  background: #0072CE; }

.formGroup.formGroup--primary .checkbox input:focus:checked + label {
  color: #0064b5; }
  .formGroup.formGroup--primary .checkbox input:focus:checked + label span:before {
    background: #0064b5; }

.formGroup.formGroup--primary .radio span:after {
  background: #0072CE; }

.formGroup.formGroup--primary .radio input:checked + label span:after {
  background: #0072CE; }

.formGroup.formGroup--primary .radio input:focus:checked + label {
  color: #0064b5; }
  .formGroup.formGroup--primary .radio input:focus:checked + label span:after {
    background: #0064b5; }

.formGroup.formGroup--red .formControl, .formGroup.formGroup--red .fileUpload__fakeInput, .formGroup.formGroup--red .pageSearch__input input, .pageSearch__input .formGroup.formGroup--red input {
  border-color: #E1261C; }
  .formGroup.formGroup--red .formControl:focus, .formGroup.formGroup--red .fileUpload__fakeInput:focus, .formGroup.formGroup--red .pageSearch__input input:focus, .pageSearch__input .formGroup.formGroup--red input:focus {
    border-color: #ca2219; }

.formGroup.formGroup--red .helpBlock {
  color: #E1261C; }

.formGroup.formGroup--red .select:after {
  color: #E1261C; }

.formGroup.formGroup--red .select.isFocus:after {
  color: #ca2219; }

.formGroup.formGroup--red .radio label span:before,
.formGroup.formGroup--red .checkbox label span:before {
  border-color: #E1261C; }

.formGroup.formGroup--red .radio input:focus + label,
.formGroup.formGroup--red .checkbox input:focus + label {
  color: #E1261C; }
  .formGroup.formGroup--red .radio input:focus + label span:before,
  .formGroup.formGroup--red .checkbox input:focus + label span:before {
    border-color: #ca2219; }

.formGroup.formGroup--red .checkbox input:checked + label span:before {
  background: #E1261C; }

.formGroup.formGroup--red .checkbox input:focus:checked + label {
  color: #ca2219; }
  .formGroup.formGroup--red .checkbox input:focus:checked + label span:before {
    background: #ca2219; }

.formGroup.formGroup--red .radio span:after {
  background: #E1261C; }

.formGroup.formGroup--red .radio input:checked + label span:after {
  background: #E1261C; }

.formGroup.formGroup--red .radio input:focus:checked + label {
  color: #ca2219; }
  .formGroup.formGroup--red .radio input:focus:checked + label span:after {
    background: #ca2219; }

.formGroup.formGroup--blue .formControl, .formGroup.formGroup--blue .fileUpload__fakeInput, .formGroup.formGroup--blue .pageSearch__input input, .pageSearch__input .formGroup.formGroup--blue input {
  border-color: #0072CE; }
  .formGroup.formGroup--blue .formControl:focus, .formGroup.formGroup--blue .fileUpload__fakeInput:focus, .formGroup.formGroup--blue .pageSearch__input input:focus, .pageSearch__input .formGroup.formGroup--blue input:focus {
    border-color: #0064b5; }

.formGroup.formGroup--blue .helpBlock {
  color: #0072CE; }

.formGroup.formGroup--blue .select:after {
  color: #0072CE; }

.formGroup.formGroup--blue .select.isFocus:after {
  color: #0064b5; }

.formGroup.formGroup--blue .radio label span:before,
.formGroup.formGroup--blue .checkbox label span:before {
  border-color: #0072CE; }

.formGroup.formGroup--blue .radio input:focus + label,
.formGroup.formGroup--blue .checkbox input:focus + label {
  color: #0072CE; }
  .formGroup.formGroup--blue .radio input:focus + label span:before,
  .formGroup.formGroup--blue .checkbox input:focus + label span:before {
    border-color: #0064b5; }

.formGroup.formGroup--blue .checkbox input:checked + label span:before {
  background: #0072CE; }

.formGroup.formGroup--blue .checkbox input:focus:checked + label {
  color: #0064b5; }
  .formGroup.formGroup--blue .checkbox input:focus:checked + label span:before {
    background: #0064b5; }

.formGroup.formGroup--blue .radio span:after {
  background: #0072CE; }

.formGroup.formGroup--blue .radio input:checked + label span:after {
  background: #0072CE; }

.formGroup.formGroup--blue .radio input:focus:checked + label {
  color: #0064b5; }
  .formGroup.formGroup--blue .radio input:focus:checked + label span:after {
    background: #0064b5; }

.formGroup.formGroup--green .formControl, .formGroup.formGroup--green .fileUpload__fakeInput, .formGroup.formGroup--green .pageSearch__input input, .pageSearch__input .formGroup.formGroup--green input {
  border-color: #04A295; }
  .formGroup.formGroup--green .formControl:focus, .formGroup.formGroup--green .fileUpload__fakeInput:focus, .formGroup.formGroup--green .pageSearch__input input:focus, .pageSearch__input .formGroup.formGroup--green input:focus {
    border-color: #03897e; }

.formGroup.formGroup--green .helpBlock {
  color: #04A295; }

.formGroup.formGroup--green .select:after {
  color: #04A295; }

.formGroup.formGroup--green .select.isFocus:after {
  color: #03897e; }

.formGroup.formGroup--green .radio label span:before,
.formGroup.formGroup--green .checkbox label span:before {
  border-color: #04A295; }

.formGroup.formGroup--green .radio input:focus + label,
.formGroup.formGroup--green .checkbox input:focus + label {
  color: #04A295; }
  .formGroup.formGroup--green .radio input:focus + label span:before,
  .formGroup.formGroup--green .checkbox input:focus + label span:before {
    border-color: #03897e; }

.formGroup.formGroup--green .checkbox input:checked + label span:before {
  background: #04A295; }

.formGroup.formGroup--green .checkbox input:focus:checked + label {
  color: #03897e; }
  .formGroup.formGroup--green .checkbox input:focus:checked + label span:before {
    background: #03897e; }

.formGroup.formGroup--green .radio span:after {
  background: #04A295; }

.formGroup.formGroup--green .radio input:checked + label span:after {
  background: #04A295; }

.formGroup.formGroup--green .radio input:focus:checked + label {
  color: #03897e; }
  .formGroup.formGroup--green .radio input:focus:checked + label span:after {
    background: #03897e; }

.fileUpload {
  position: relative; }
  .fileUpload.isDisabled .fileUpload__input {
    color: #ccc !important;
    border-color: #DEDEDE !important;
    background-color: #F8F8F8 !important;
    opacity: 1;
    cursor: not-allowed; }
    .fileUpload.isDisabled .fileUpload__input + .helpBlock {
      color: #ccc; }

.fileUpload__input {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  z-index: -1; }
  .fileUpload__input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .fileUpload__input:hover, .fileUpload__input:focus {
    outline: none; }
  .fileUpload__input:focus + .fileUpload__fakeInput {
    border-color: #0072CE; }

.fileUpload__fakeInput {
  line-height: 60px;
  cursor: pointer;
  margin: 0; }
  .fileUpload__fakeInput.placeholder {
    color: #bfbfbf; }

.fileUpload__btn {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: 0;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%); }
  .fileUpload__btn.btn--lg {
    padding-left: 35px;
    padding-right: 35px; }

.formGroup--small .checkbox label {
  min-height: 20px;
  padding-left: 30px;
  font-weight: 500; }

.formGroup--small .checkbox span:before {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }

.formGroup--small .checkbox span:after {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px; }

.formGroup--small .radio label {
  min-height: 20px;
  padding-left: 30px;
  font-weight: 500; }

.formGroup--small .radio span:before {
  width: 20px;
  height: 20px; }

.formGroup--small .radio span:after {
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px; }

hr {
  border: none;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 20px 0; }
  body.dark-theme hr {
    background-color: rgba(255, 255, 255, 0.1); }

.alert {
  position: relative;
  color: #000;
  display: block;
  line-height: 20px;
  min-height: 45px;
  padding: 12px 30px;
  background: #e6e6e6;
  border: 1px solid #000; }
  body.dark-theme .alert {
    background: #000;
    color: #ffffff;
    border-color: #ffffff; }

a.alert {
  color: #ffffff;
  text-decoration: none; }
  a.alert:hover, a.alert:focus {
    text-decoration: none; }
  a.alert:hover, a.alert:focus {
    color: #ffffff; }

.alerts {
  margin: 0;
  padding: 0;
  list-style: none; }
  .alerts li {
    list-style: none; }

.alerts:not(.alert--noBorder) li:not(:last-child) {
  margin-bottom: -1px; }

.alert a:not(.alert-link) {
  position: relative;
  color: #000;
  z-index: 2; }
  body.dark-theme .alert a:not(.alert-link) {
    color: #C7C7C7; }

.alert-in {
  position: relative; }

.alert-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.alert--withIcon .alert-in {
  padding-left: 34px; }
  .alert--withIcon .alert-in > .icon {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 24px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }

.alert--noBorder {
  border: none;
  margin-bottom: 0; }

.alert--withClose .alert-in {
  padding-right: 23px; }

.alert--withClose .alert-close {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  top: 50%;
  padding: 10px;
  font-size: 13px;
  opacity: .5;
  right: -10px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  z-index: 2; }
  .alert--withClose .alert-close::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .alert--withClose .alert-close:hover, .alert--withClose .alert-close:focus {
    opacity: 1; }

.alert--withContainer {
  padding-left: 0;
  padding-right: 0; }

.alert--primary {
  background: #F1F8FF;
  border-color: #0072CE;
  color: #0072CE; }
  body.dark-theme .alert--primary {
    background: #000;
    border-color: #0072CE;
    color: #0072CE; }

.alert--red {
  background: #FFF2F2;
  border-color: #E1261C;
  color: #E1261C; }
  body.dark-theme .alert--red {
    background: #000;
    border-color: #E1261C;
    color: #E1261C; }

.alert--blue {
  background: #F1F8FF;
  border-color: #0072CE;
  color: #0072CE; }
  body.dark-theme .alert--blue {
    background: #000;
    border-color: #0072CE;
    color: #0072CE; }

.alert--green {
  background: #F9FFE9;
  border-color: #04A295;
  color: #04A295; }
  body.dark-theme .alert--green {
    background: #000;
    border-color: #04A295;
    color: #04A295; }

.infoLine {
  position: relative;
  color: #ffffff;
  display: block;
  line-height: 20px;
  min-height: 45px;
  padding: 12px 30px;
  background: #999999; }
  body.dark-theme .infoLine {
    color: #000; }

a.infoLine {
  color: #ffffff;
  text-decoration: none; }
  a.infoLine:hover, a.infoLine:focus {
    text-decoration: none; }
  a.infoLine:hover, a.infoLine:focus {
    color: #ffffff; }

.infoLines {
  margin: 0;
  padding: 0;
  list-style: none; }
  .infoLines li {
    list-style: none; }

.infoLine a:not(.infoLine-link) {
  position: relative;
  color: #000;
  z-index: 2; }

.infoLine-in {
  position: relative; }

.infoLine-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.infoLine--withIcon .infoLine-in {
  padding-left: 34px; }
  .infoLine--withIcon .infoLine-in > .icon {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 24px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }

.infoLine--withClose .infoLine-in {
  padding-right: 23px; }

.infoLine--withClose .infoLine-close {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  top: 50%;
  padding: 10px;
  font-size: 13px;
  opacity: .5;
  right: -10px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  z-index: 2; }
  .infoLine--withClose .infoLine-close::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .infoLine--withClose .infoLine-close:hover, .infoLine--withClose .infoLine-close:focus {
    opacity: 1; }

.infoLine--withContainer {
  padding-left: 0;
  padding-right: 0; }

.infoLine--primary {
  background: #0072CE; }

.infoLine--red {
  background: #E1261C; }

.infoLine--blue {
  background: #0072CE; }

.infoLine--green {
  background: #04A295; }

.tags {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  .tags li {
    position: relative;
    display: inline-block;
    list-style: none; }
    .tags li:not(:last-child) {
      margin-right: 33px; }
      .tags li:not(:last-child):after {
        content: '';
        position: absolute;
        top: 50%;
        right: -17px;
        width: 1px;
        height: 15px;
        background: #C7C7C7;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%); }
        body.dark-theme .tags li:not(:last-child):after {
          background: rgba(255, 255, 255, 0.25); }
  .tags li, .tags a {
    font-size: 12px;
    color: #C7C7C7; }
    body.dark-theme .tags li, body.dark-theme .tags a {
      color: rgba(255, 255, 255, 0.5); }
  .tags a {
    text-decoration: none;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .tags a:hover, .tags a:focus {
      text-decoration: none; }
    .tags a:hover, .tags a:focus {
      color: #000; }
      body.dark-theme .tags a:hover, body.dark-theme .tags a:focus {
        color: rgba(255, 255, 255, 0.9); }

.tags--small {
  font-size: 14px;
  letter-spacing: 0; }
  .tags--small li:not(:last-child) {
    margin-right: 25px; }
    .tags--small li:not(:last-child):after {
      right: -14px; }

.categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }

.category {
  display: inline-block;
  margin: 0 4px;
  font-weight: 900;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.25);
  letter-spacing: 0;
  text-transform: uppercase;
  padding: 0 7px;
  font-size: 12px;
  line-height: 19px;
  -webkit-border-radius: 0 5px 0 5px;
     -moz-border-radius: 0 5px 0 5px;
          border-radius: 0 5px 0 5px; }
  body.dark-theme .category {
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.25); }
  @media (min-width: 992px) {
    .category {
      font-size: 15px;
      line-height: 28px;
      padding: 0 12px;
      -webkit-border-radius: 0 7px 0 7px;
         -moz-border-radius: 0 7px 0 7px;
              border-radius: 0 7px 0 7px; } }
  .category:first-child {
    margin-left: 0; }
  .category:last-child {
    margin-right: 0; }
  .category--primary,
  body.dark-theme .category--primary {
    background: #0072CE; }
  .category--red,
  body.dark-theme .category--red {
    background: #E1261C; }
  .category--blue,
  body.dark-theme .category--blue {
    background: #0072CE; }
  .category--green,
  body.dark-theme .category--green {
    background: #04A295; }
  .category--purple,
  body.dark-theme .category--purple {
    background: #9E63A5; }
  .category--black,
  body.dark-theme .category--black {
    background: #000; }

body.dark-theme .category--black {
  background-color: rgba(255, 255, 255, 0.75);
  color: #000; }

a.category {
  text-decoration: none; }
  a.category:hover, a.category:focus {
    opacity: .8;
    color: #ffffff; }

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  list-style: none;
  overflow-x: auto; }
  .pagination li {
    display: block;
    margin: 0; }
    .pagination li:first-child {
      margin-left: 0; }
    .pagination li:last-child {
      margin-right: 0; }
  .pagination a, .pagination span {
    display: block;
    text-decoration: none;
    line-height: 30px;
    font-size: 18px;
    font-weight: 900; }
    body.dark-theme .pagination a, body.dark-theme .pagination span {
      font-weight: 700; }
  .pagination li.pagination__prev a,
  .pagination li.pagination__next a {
    position: relative;
    display: block;
    color: #0072CE;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .pagination li.pagination__prev a:before,
    .pagination li.pagination__next a:before {
      position: absolute;
      top: 50%;
      font-family: "psgamer" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .pagination li.pagination__prev a:hover, .pagination li.pagination__prev a:focus,
    .pagination li.pagination__next a:hover,
    .pagination li.pagination__next a:focus {
      color: #00569b;
      outline: none; }
  .pagination li.pagination__prev {
    margin-right: 30px; }
    .pagination li.pagination__prev a {
      padding-left: 27px; }
      .pagination li.pagination__prev a:before {
        left: 0;
        content: "\78"; }
  .pagination li.pagination__next {
    margin-left: 30px; }
    .pagination li.pagination__next a {
      padding-right: 27px; }
      .pagination li.pagination__next a:before {
        right: 0;
        content: "\76"; }
  .pagination li:not(.pagination__prev):not(.pagination__next) a, .pagination li:not(.pagination__prev):not(.pagination__next) span {
    padding: 0 5px;
    min-width: 30px;
    color: rgba(0, 0, 0, 0.25);
    text-align: center;
    background: transparent;
    -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }
    body.dark-theme .pagination li:not(.pagination__prev):not(.pagination__next) a, body.dark-theme .pagination li:not(.pagination__prev):not(.pagination__next) span {
      color: rgba(255, 255, 255, 0.25); }
  .pagination li:not(.pagination__prev):not(.pagination__next) a:hover, .pagination li:not(.pagination__prev):not(.pagination__next) a:focus {
    color: #000;
    outline: none; }
    body.dark-theme .pagination li:not(.pagination__prev):not(.pagination__next) a:hover, body.dark-theme .pagination li:not(.pagination__prev):not(.pagination__next) a:focus {
      color: #ffffff; }
  .pagination li:not(.pagination__prev):not(.pagination__next).isActive a, .pagination li:not(.pagination__prev):not(.pagination__next).isActive span {
    background: #0072CE;
    color: #ffffff; }
    body.dark-theme .pagination li:not(.pagination__prev):not(.pagination__next).isActive a, body.dark-theme .pagination li:not(.pagination__prev):not(.pagination__next).isActive span {
      color: #000; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
       -moz-transform: translate(0, -50px);
         -o-transform: translate(0, -50px);
            transform: translate(0, -50px); }
  .modal.show .modal-dialog {
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none; }
  .modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
       -moz-transform: scale(1.02);
         -o-transform: scale(1.02);
            transform: scale(1.02); }

.modal-dialog-scrollable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  max-height: 100%; }
  .modal-dialog-scrollable .modal-content {
    max-height: 100vh;
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -webkit-flex-shrink: 0;
            flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog--centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  min-height: 100%; }
  .modal-dialog--centered::before {
    display: block;
    height: 100vh;
    content: ""; }
  .modal-dialog--centered.modal-dialog-scrollable {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    height: 100%; }
    .modal-dialog--centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog--centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  padding: 30px;
  width: 100%;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  outline: 0; }
  body.dark-theme .modal-content {
    background-color: #222222; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin-bottom: 30px; }

.modal-title {
  margin-bottom: 0; }

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
          flex: 1 1 auto;
  padding: 0; }

.modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  padding: 0;
  margin-top: 30px; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto; }
  .modal-dialog-scrollable {
    max-height: -webkit-calc(100% - 60px);
    max-height: -moz-calc(100% - 60px);
    max-height: calc(100% - 60px); }
    .modal-dialog-scrollable .modal-content {
      max-height: -webkit-calc(100vh - 60px);
      max-height: -moz-calc(100vh - 60px);
      max-height: calc(100vh - 60px); }
  .modal-dialog--centered {
    min-height: -webkit-calc(100% - 60px);
    min-height: -moz-calc(100% - 60px);
    min-height: calc(100% - 60px); }
    .modal-dialog--centered::before {
      height: -webkit-calc(100vh - 60px);
      height: -moz-calc(100vh - 60px);
      height: calc(100vh - 60px); }
  .modal--sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal--lg,
  .modal--xl {
    max-width: 800px; } }

@media (min-width: 1300px) {
  .modal--xl {
    max-width: 1170px; } }

.modal-close {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  padding: 5px;
  color: #999999;
  z-index: 1;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .modal-close::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .modal-close:hover, .modal-close:focus {
    color: #000; }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.articleHeader {
  position: relative; }
  .articleHeader .categories {
    margin-bottom: 15px; }
    .articleHeader .categories .category {
      font-size: 15px;
      line-height: 28px;
      padding: 0 12px;
      -webkit-border-radius: 0 7px 0 7px;
         -moz-border-radius: 0 7px 0 7px;
              border-radius: 0 7px 0 7px; }
      @media (min-width: 768px) {
        .articleHeader .categories .category {
          font-size: 18px;
          line-height: 38px;
          padding: 0 15px;
          -webkit-border-radius: 0 10px 0 10px;
             -moz-border-radius: 0 10px 0 10px;
                  border-radius: 0 10px 0 10px; } }
  .articleHeader h1 {
    margin: 0 0 30px; }

.articleHeader__info {
  color: #C7C7C7;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin: 30px 0 20px; }

.articleHeader__share {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  text-decoration: none;
  color: #4267B2; }
  .articleHeader__share:hover, .articleHeader__share:focus {
    text-decoration: none; }
  .articleHeader__share:hover, .articleHeader__share:focus {
    opacity: .8; }

.articleContent img, .articleContent video {
  margin: 30px 0;
  display: block;
  width: 100%;
  height: auto; }

.articleContent .slick-slide img,
.articleContent figure img {
  margin: 0; }

.articleContent .articleGallery,
.articleContent .twitterBox,
.articleContent .editorialEvaluationBox,
.articleContent .prosConsBox,
.articleContent .articleTrophies,
.articleContent .surveyWrapper,
.articleContent .gameRowCards {
  margin: 60px 0; }

.articleContent blockquote,
.articleContent .blockquote {
  margin: 80px 0; }

.articleContent .conclusionBox {
  margin: 60px 0 30px; }

.articleContent .tags {
  margin: 30px 0 60px; }

.articleContent .gameInfo {
  margin: 30px 0 60px; }

.articleGallery__header {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .articleGallery__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; } }

.articleGallery__title {
  font-weight: 900; }
  body.dark-theme .articleGallery__title {
    font-weight: 700; }

@media (min-width: 768px) {
  .articleGallery__main,
  .articleGallery__other {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
       -moz-box-flex: 1;
            flex: 1 1 50%; } }

.articleGallery__main a, .articleGallery__main span,
.articleGallery__other a,
.articleGallery__other span {
  display: block; }

.articleGallery__main img,
.articleGallery__other img {
  margin: 0;
  display: block;
  width: 100%;
  height: auto; }

.articleGallery__main a,
.articleGallery__other a {
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  .articleGallery__main a:hover, .articleGallery__main a:focus,
  .articleGallery__other a:hover,
  .articleGallery__other a:focus {
    opacity: .9; }

.articleGallery__main {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .articleGallery__main {
      padding-right: 15px;
      margin-bottom: 0; } }

.articleGallery__other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  margin: -5px; }
  @media (min-width: 768px) {
    .articleGallery__other {
      padding-left: 15px; } }
  .articleGallery__other a, .articleGallery__other span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
            flex: 0 0 50%;
    padding: 5px; }
    @media (min-width: 576px) and (max-width: 767.98px) {
      .articleGallery__other a, .articleGallery__other span {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 25%;
           -moz-box-flex: 1;
                flex: 1 1 25%; } }

.articleGallery__more {
  position: relative; }
  .articleGallery__more .more {
    position: absolute;
    top: 5px;
    left: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    color: #ffffff;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
    height: -moz-calc(100% - 10px);
    height: calc(100% - 10px);
    background: rgba(0, 114, 206, 0.75);
    text-decoration: none;
    font-weight: 900;
    font-size: 31px; }
    @media (min-width: 768px) {
      .articleGallery__more .more {
        font-size: 36px; } }
    body.dark-theme .articleGallery__more .more {
      font-weight: 700; }
    .articleGallery__more .more .icon {
      font-size: 22px;
      margin-right: 8px; }
      @media (min-width: 768px) {
        .articleGallery__more .more .icon {
          font-size: 25px;
          margin-right: 9px; } }

.articleGallery__video {
  position: relative; }
  .articleGallery__video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 35.21125px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("../images/videoCard/play.svg") no-repeat center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    z-index: 1; }

.twitterBox__header {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .twitterBox__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; } }

.twitterBox__title {
  font-weight: 900; }
  body.dark-theme .twitterBox__title {
    font-weight: 700; }

figure {
  padding: 0;
  margin: 30px 0; }
  figure img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0; }

figcaption {
  margin-top: 9px;
  font-size: 12px;
  font-weight: 900;
  color: #C7C7C7;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }

.editorialEvaluationBox__header {
  margin-bottom: 30px; }

.editorialEvaluationBox__title {
  font-weight: 900; }
  body.dark-theme .editorialEvaluationBox__title {
    font-weight: 700; }

.editorialEvaluationBox__item {
  padding: 20px 20px 30px;
  margin-bottom: 10px;
  background: rgba(0, 114, 206, 0.05);
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px; }
  @media (min-width: 768px) {
    .editorialEvaluationBox__item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      padding: 30px; } }

@media (min-width: 768px) {
  .editorialEvaluationBox__item__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 240px;
       -moz-box-flex: 0;
            flex: 0 0 240px; } }

.editorialEvaluationBox__item__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  font-weight: 900;
  font-size: 12px;
  color: #0072CE;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  body.dark-theme .editorialEvaluationBox__item__title {
    font-weight: 700; }
  .editorialEvaluationBox__item__title .icon {
    margin-right: 15px;
    font-size: 30px;
    color: rgba(0, 114, 206, 0.25); }

.editorialEvaluationBox__item__text {
  padding-top: 30px;
  color: #0072CE;
  font-style: italic; }
  @media (min-width: 768px) {
    .editorialEvaluationBox__item__text {
      padding-top: 0; } }
  .editorialEvaluationBox__item__text, .editorialEvaluationBox__item__text p {
    font-weight: 500; }

.prosConsBox__header {
  margin-bottom: 30px; }

@media (min-width: 768px) {
  .prosConsBox__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; } }

.prosConsBox__title {
  font-weight: 900; }
  body.dark-theme .prosConsBox__title {
    font-weight: 700; }

.prosConsBox__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 30px; }
  .prosConsBox__list:last-child {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .prosConsBox__list {
      margin-bottom: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
              flex: 1 1 auto; } }
  .prosConsBox__list li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 17px;
    padding-left: 85px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px; }
    .prosConsBox__list li:before {
      position: absolute;
      top: -1px;
      left: 30px;
      font-family: "psgamer" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 25px; }
  .prosConsBox__list--plus {
    color: #04A295; }
    .prosConsBox__list--plus li:before {
      content: "\73"; }
  .prosConsBox__list--minus {
    color: #E1261C; }
    .prosConsBox__list--minus li:before {
      content: "\6d"; }

.conclusionBox {
  position: relative;
  padding-top: 25px; }
  @media (min-width: 768px) {
    .conclusionBox {
      padding-top: 42px; } }

.conclusionBox__inner {
  padding: 55px 20px 30px;
  background: #0072CE;
  color: #ffffff;
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px; }
  @media (min-width: 768px) {
    .conclusionBox__inner {
      padding: 30px; } }

.conclusionBox__rating {
  position: absolute;
  top: 0;
  left: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 52px;
  background: #ffffff;
  border: 2px solid #0072CE;
  -webkit-border-top-right-radius: 15px;
     -moz-border-radius-topright: 15px;
          border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
     -moz-border-radius-bottomleft: 15px;
          border-bottom-left-radius: 15px; }
  @media (min-width: 768px) {
    .conclusionBox__rating {
      width: 445px;
      height: 84px;
      right: 60px;
      left: auto;
      border-width: 3px;
      -webkit-border-top-right-radius: 25px;
         -moz-border-radius-topright: 25px;
              border-top-right-radius: 25px;
      -webkit-border-bottom-left-radius: 25px;
         -moz-border-radius-bottomleft: 25px;
              border-bottom-left-radius: 25px; } }
  body.dark-theme .conclusionBox__rating {
    background: #222222; }

.conclusionBox__rating__stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  color: #C7C7C7; }
  body.dark-theme .conclusionBox__rating__stars {
    color: rgba(255, 255, 255, 0.15); }
  .conclusionBox__rating__stars .icon {
    font-size: 16px;
    margin: 0 1px; }
    @media (min-width: 768px) {
      .conclusionBox__rating__stars .icon {
        font-size: 26px; } }
  .conclusionBox__rating__stars .isActive {
    color: #9E63A5; }

.conclusionBox__rating__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  font-weight: 900;
  font-size: 15px;
  color: #C7C7C7;
  letter-spacing: -1px;
  line-height: 14.8px; }
  @media (min-width: 768px) {
    .conclusionBox__rating__value {
      font-size: 24px;
      letter-spacing: -2px;
      line-height: 24px; } }
  body.dark-theme .conclusionBox__rating__value {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.15); }
  .conclusionBox__rating__value span {
    color: #9E63A5;
    font-size: 30px;
    line-height: 40px;
    margin-right: 2px; }
    @media (min-width: 768px) {
      .conclusionBox__rating__value span {
        font-size: 48px;
        line-height: 63px;
        margin-right: 5px; } }

.conclusionBox__rating__stars + .conclusionBox__rating__value {
  margin-left: 15px; }
  @media (min-width: 768px) {
    .conclusionBox__rating__stars + .conclusionBox__rating__value {
      margin-left: 30px; } }

.conclusionBox__header {
  margin-bottom: 20px; }

.conclusionBox__title {
  font-weight: 900; }
  body.dark-theme .conclusionBox__title {
    font-weight: 700; }

.conclusionBox__body, .conclusionBox__body p {
  font-weight: 500;
  font-style: italic;
  font-size: 15px;
  color: #ffffff;
  line-height: 24px; }

.simpleGameInfo {
  background: #0072CE;
  padding-bottom: 20px;
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px; }

.simpleGameInfo__image {
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px; }
  .simpleGameInfo__image img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-top-right-radius: 25px;
       -moz-border-radius-topright: 25px;
            border-top-right-radius: 25px; }

.simpleGameInfo__header__title {
  position: relative;
  padding: 20px 20px 13px 20px;
  color: #ffffff; }
  .simpleGameInfo__header__title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 3px;
    background: #ffffff; }

.simpleGameInfo__info {
  padding: 20px 20px 0 20px; }

.simpleGameInfo__info__group {
  margin-bottom: 20px; }
  .simpleGameInfo__info__group:last-child {
    margin-bottom: 0; }

.simpleGameInfo__info__group-title {
  font-weight: 900;
  font-size: 12px;
  color: #000;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  body.dark-theme .simpleGameInfo__info__group-title {
    font-weight: 700; }

.simpleGameInfo__info__group-text, .simpleGameInfo__info__group-text p {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff; }

.simpleGameInfo__info__action {
  margin-top: 30px;
  padding: 0 20px 0 20px; }

.simpleGameInfo__info__action-title {
  font-weight: 900;
  font-size: 12px;
  color: #000;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  body.dark-theme .simpleGameInfo__info__action-title {
    font-weight: 700; }

.simpleGameInfo__info__action-btn {
  margin-top: 10px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25); }

@media (min-width: 576px) and (max-width: 991.98px) {
  .simpleGameInfo {
    display: grid;
    grid-template-columns: 210px 1fr;
    grid-template-rows: 266px auto;
    grid-template-areas: "image header" "action header"; }
  .simpleGameInfo__image {
    grid-area: image;
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0; }
    .simpleGameInfo__image img {
      -webkit-border-top-right-radius: 0;
         -moz-border-radius-topright: 0;
              border-top-right-radius: 0; }
  .simpleGameInfo__header__title:after {
    left: 20px; }
  .simpleGameInfo__headerInfo {
    grid-area: header; }
  .simpleGameInfo__info__action {
    margin-top: 20px;
    padding-right: 0;
    grid-area: action; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .simpleGameInfo__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap; }
  .simpleGameInfo__info__group {
    width: 200px; } }

@media (min-width: 992px) {
  .simpleGameInfo {
    margin-top: -20px;
    margin-right: -10px;
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0; } }
  @media (min-width: 992px) and (min-width: 1300px) {
    .simpleGameInfo {
      margin-top: -30px; } }
  @media (min-width: 992px) and (min-width: 360px) {
    .simpleGameInfo {
      margin-right: -20px; } }
  @media (min-width: 992px) and (min-width: 1300px) {
    .simpleGameInfo {
      margin-right: -30px; } }

@media (min-width: 992px) {
  .simpleGameInfo__image {
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0; }
    .simpleGameInfo__image img {
      -webkit-border-top-right-radius: 0;
         -moz-border-radius-topright: 0;
              border-top-right-radius: 0; } }

@media (min-width: 1300px) {
  .simpleGameInfo {
    padding-bottom: 30px; }
  .simpleGameInfo__header__title {
    padding: 30px 30px 13px 30px; }
    .simpleGameInfo__header__title:after {
      width: -webkit-calc(100% - 30px);
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px); }
  .simpleGameInfo__info {
    padding: 30px 30px 0 30px; }
  .simpleGameInfo__info__group {
    margin-bottom: 30px; }
  .simpleGameInfo__info__action {
    padding: 0 30px 0 30px; } }

.gameInfo {
  background: #0072CE;
  padding-bottom: 20px;
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px; }

.gameInfo__image {
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px; }
  .gameInfo__image img {
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-top-right-radius: 25px;
       -moz-border-radius-topright: 25px;
            border-top-right-radius: 25px; }

.gameInfo__info {
  padding: 20px 20px 0 20px; }

.gameInfo__info__group {
  margin-bottom: 20px; }
  .gameInfo__info__group:last-child {
    margin-bottom: 0; }

.gameInfo__info__group-title {
  font-weight: 900;
  font-size: 12px;
  color: #000;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  body.dark-theme .gameInfo__info__group-title {
    font-weight: 700; }

.gameInfo__info__group-text, .gameInfo__info__group-text p {
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff; }

.gameInfo__info__action {
  margin-top: 30px;
  padding: 0 20px 0 20px; }

.gameInfo__info__action-btn {
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25); }

.gameInfo__gallery {
  margin-top: 40px;
  padding: 0 20px; }
  .gameInfo__gallery:not(.slick-initialized) {
    display: none; }

.gameInfo__info__price {
  margin-top: 40px;
  text-align: center;
  font-weight: 900; }
  body.dark-theme .gameInfo__info__price {
    font-weight: 700; }

.gameInfo__info__price__old {
  font-size: 24px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.25);
  text-decoration: line-through; }

.gameInfo__info__price__current {
  font-size: 36px;
  line-height: 48px;
  color: #ffffff; }

@media (min-width: 360px) {
  .gameInfo__gallery .slick-slide {
    margin: 0 5px; }
  .gameInfo__gallery .slick-list {
    margin: 0 -5px; } }

@media (min-width: 576px) {
  .gameInfo {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "header" "gallery" "priceAction"; }
  .gameInfo__header {
    grid-area: header;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex; }
  .gameInfo__gallery {
    grid-area: gallery;
    overflow: hidden;
    margin-top: 30px; }
  .gameInfo__priceAction {
    grid-area: priceAction; }
  .gameInfo__image {
    width: 210px;
    -webkit-border-top-right-radius: 0;
       -moz-border-radius-topright: 0;
            border-top-right-radius: 0; }
    .gameInfo__image img {
      -webkit-border-top-right-radius: 0;
         -moz-border-radius-topright: 0;
              border-top-right-radius: 0; } }

@media (min-width: 768px) {
  .gameInfo {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "header priceAction" "gallery gallery";
    padding-bottom: 0; }
  .gameInfo__info {
    padding: 20px 0 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
  .gameInfo__info__action {
    padding: 0; }
  .gameInfo__info__priceAction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    padding-right: 20px; }
  .gameInfo__info__price {
    margin: 0; }
  .gameInfo__gallery {
    margin-bottom: 0;
    padding: 0 20px 15px 20px; } }

@media (min-width: 992px) {
  .gameInfo {
    grid-template-columns: 1.3fr .7fr; } }
  @media screen and (min-width: 992px) and (min-width: 1150px) {
    .gameInfo {
      grid-template-columns: 1fr 320px; } }

@media (min-width: 1300px) {
  .gameInfo {
    grid-template-columns: 1fr 330px; }
  .gameInfo__info {
    padding: 25px 0 0 30px; }
  .gameInfo__info__priceAction {
    padding-right: 30px; }
  .gameInfo__gallery {
    padding: 0 30px 15px 30px; } }

.topArticles__carousel .topArticle__inner {
  padding: 20px 10px; }
  @media (min-width: 360px) {
    .topArticles__carousel .topArticle__inner {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1300px) {
    .topArticles__carousel .topArticle__inner {
      padding-left: 30px;
      padding-right: 30px; } }

.topArticles__carousel .category {
  font-size: 15px;
  line-height: 28px;
  padding: 0 12px;
  -webkit-border-radius: 0 7px 0 7px;
     -moz-border-radius: 0 7px 0 7px;
          border-radius: 0 7px 0 7px; }

@media (max-width: 767.98px) {
  .topArticles__carousel {
    margin-left: -10px;
    margin-right: -10px; } }
  @media (max-width: 767.98px) and (min-width: 360px) {
    .topArticles__carousel {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (max-width: 767.98px) and (min-width: 1300px) {
    .topArticles__carousel {
      margin-left: -30px;
      margin-right: -30px; } }

@media (max-width: 575.98px) {
  .topArticles__carousel .slick-prev,
  .topArticles__carousel .slick-next {
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none; } }

.topArticles__list .topArticle {
  margin-bottom: 15px; }
  .topArticles__list .topArticle:last-child {
    margin-bottom: 0; }

.topArticle {
  position: relative; }
  .topArticle img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
  .topArticle .category {
    margin-bottom: 10px; }

.topArticle__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); }

.topArticle__title {
  color: #ffffff;
  font-weight: 900; }
  body.dark-theme .topArticle__title {
    font-weight: 700; }

.topArticle__link {
  display: block;
  text-decoration: none; }
  .topArticle__link:hover, .topArticle__link:focus {
    text-decoration: none; }
  .topArticle__link:hover img, .topArticle__link:focus img {
    opacity: .9; }

.topArticle--small img {
  height: 144px;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 1300px) {
    .topArticle--small img {
      height: 142px; } }

.topArticle--big .topArticle__inner {
  padding: 10px 10px 22px 10px; }
  @media (min-width: 360px) {
    .topArticle--big .topArticle__inner {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1300px) {
    .topArticle--big .topArticle__inner {
      padding-left: 30px;
      padding-right: 30px; } }

@media (min-width: 1300px) {
  .topArticle--big .topArticle__title {
    font-size: 36px;
    line-height: 44px; } }

@media (min-width: 1300px) {
  .topArticle--big .category {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 38px;
    padding: 0 15px;
    -webkit-border-radius: 0 10px 0 10px;
       -moz-border-radius: 0 10px 0 10px;
            border-radius: 0 10px 0 10px; } }

.articleCard {
  margin-bottom: 20px; }
  .articleCard:last-child {
    margin-bottom: 0; }
  .articleCard .articleCard__image,
  .articleCard img {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    display: block;
    width: 100px;
    height: 56px;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    @media (min-width: 360px) {
      .articleCard .articleCard__image,
      .articleCard img {
        width: 140px;
        height: 79px; } }
    @media (min-width: 768px) {
      .articleCard .articleCard__image,
      .articleCard img {
        width: 37.33%;
        height: 100%; } }
  .articleCard .category {
    padding: 0 7px;
    font-size: 12px;
    line-height: 19px;
    -webkit-border-radius: 0 5px 0 5px;
       -moz-border-radius: 0 5px 0 5px;
            border-radius: 0 5px 0 5px; }

.articleCard__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  text-decoration: none;
  color: #000; }
  .articleCard__link:hover, .articleCard__link:focus {
    text-decoration: none; }
  body.dark-theme .articleCard__link {
    color: #ffffff; }
  .articleCard__link:hover, .articleCard__link:focus {
    color: #000; }
    .articleCard__link:hover .articleCard__title, .articleCard__link:focus .articleCard__title {
      color: #0072CE;
      text-decoration: underline; }
    .articleCard__link:hover .articleCard__text, .articleCard__link:focus .articleCard__text {
      color: black; }
      body.dark-theme .articleCard__link:hover .articleCard__text, body.dark-theme .articleCard__link:focus .articleCard__text {
        color: white; }
    .articleCard__link:hover img, .articleCard__link:focus img {
      opacity: .9; }

.articleCard__inner {
  padding-left: 20px; }
  @media (max-width: 359.98px) {
    .articleCard__inner {
      padding-left: 10px; } }

.articleCard__title {
  display: inline;
  font-weight: 900;
  font-size: 14px;
  line-height: 18px; }
  body.dark-theme .articleCard__title {
    font-weight: 700; }

.articleCard__text {
  display: none;
  color: rgba(0, 0, 0, 0.5); }
  body.dark-theme .articleCard__text {
    color: rgba(255, 255, 255, 0.5); }

.articleCard__info {
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  margin-top: 6px; }
  body.dark-theme .articleCard__info {
    color: rgba(255, 255, 255, 0.25); }
  .articleCard__info .articleCard__date,
  .articleCard__info .tags {
    display: inline;
    letter-spacing: 0; }

.articleCard__date {
  margin-right: 10px; }

.articleCard__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: 5px; }

.articleCard__rating__stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-right: 11px; }
  .articleCard__rating__stars .icon {
    margin-right: 4px;
    font-size: 17px;
    color: rgba(0, 0, 0, 0.15); }
    body.dark-theme .articleCard__rating__stars .icon {
      color: rgba(0, 0, 0, 0.5); }
    .articleCard__rating__stars .icon.isActive,
    body.dark-theme .articleCard__rating__stars .icon.isActive {
      color: #9E63A5; }

.articleCard__rating__value {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25); }
  body.dark-theme .articleCard__rating__value {
    color: rgba(255, 255, 255, 0.25); }

@media (min-width: 768px) and (max-width: 991.98px) {
  .articleCard--type-1 img {
    width: 250px;
    height: 140px; } }

@media (min-width: 768px) {
  .articleCard--type-1 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    body.dark-theme .articleCard--type-1 {
      border-color: rgba(255, 255, 255, 0.1); }
    .articleCard--type-1:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
    .articleCard--type-1 .articleCard__title {
      font-size: 18px;
      line-height: 24px; }
    .articleCard--type-1 .articleCard__text {
      display: block;
      margin-top: 10px; }
      .articleCard--type-1 .articleCard__text, .articleCard--type-1 .articleCard__text p {
        font-size: 14px;
        line-height: 24px; } }

@media (min-width: 1300px) {
  .articleCard--type-1 {
    margin-bottom: 30px;
    padding-bottom: 30px; }
    .articleCard--type-1 .articleCard__inner {
      padding-left: 30px; }
    .articleCard--type-1 .articleCard__title {
      font-size: 24px;
      line-height: 32px; }
    .articleCard--type-1 .category {
      font-size: 15px;
      line-height: 28px;
      padding: 0 12px;
      -webkit-border-radius: 0 7px 0 7px;
         -moz-border-radius: 0 7px 0 7px;
              border-radius: 0 7px 0 7px; }
    .articleCard--type-1 .articleCard__text {
      margin-top: 15px;
      margin-bottom: 16px; }
      .articleCard--type-1 .articleCard__text, .articleCard--type-1 .articleCard__text p {
        font-size: 16px;
        line-height: 24px; } }

@media (min-width: 768px) {
  .articleCard--type-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
       -moz-box-flex: 1;
            flex: 1 1 50%;
    padding-left: 10px;
    padding-right: 10px; } }

@media (min-width: 1300px) {
  .articleCard--type-2 {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 768px) and (max-width: 1099.98px) {
  .articleCard--type-2 .articleCard__inner {
    padding-left: 10px; } }

@media (min-width: 768px) {
  .articleCard--type-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
       -moz-box-flex: 1;
            flex: 1 1 50%;
    padding-left: 10px;
    padding-right: 10px; }
    .articleCard--type-3 img {
      width: 100%; }
    .articleCard--type-3 .articleCard__link {
      display: block; }
    .articleCard--type-3 .articleCard__inner {
      padding-left: 0;
      padding-top: 20px; }
    .articleCard--type-3 .articleCard__title {
      font-size: 18px;
      line-height: 24px; }
    .articleCard--type-3 .articleCard__text {
      display: block;
      margin-top: 10px; }
      .articleCard--type-3 .articleCard__text, .articleCard--type-3 .articleCard__text p {
        font-size: 14px;
        line-height: 24px; } }

@media (min-width: 1300px) {
  .articleCard--type-3 {
    padding-left: 15px;
    padding-right: 15px; }
    .articleCard--type-3 .articleCard__inner {
      padding-top: 30px; }
    .articleCard--type-3 .articleCard__title {
      font-size: 24px;
      line-height: 32px; }
    .articleCard--type-3 .category {
      font-size: 15px;
      line-height: 28px;
      padding: 0 12px;
      -webkit-border-radius: 0 7px 0 7px;
         -moz-border-radius: 0 7px 0 7px;
              border-radius: 0 7px 0 7px; }
    .articleCard--type-3 .articleCard__text {
      margin-top: 15px;
      margin-bottom: 20px; }
      .articleCard--type-3 .articleCard__text, .articleCard--type-3 .articleCard__text p {
        font-size: 16px;
        line-height: 24px; } }

.articleCard--video .articleCard__image {
  position: relative; }
  .articleCard--video .articleCard__image:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 33.8028px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("../images/videoCard/play.svg") no-repeat center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    z-index: 1; }
  .articleCard--video .articleCard__image img {
    display: block;
    width: 100%;
    height: auto; }

@media (min-width: 768px) {
  .articleList--type-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; } }

@media (min-width: 1300px) {
  .articleList--type-2 {
    margin: 0 -15px; } }

@media (min-width: 768px) {
  .articleList--type-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; } }

@media (min-width: 1300px) {
  .articleList--type-3 {
    margin: 0 -15px; } }

@media (max-width: 767.98px) {
  .articleList--mobileBorder {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .pageLayout__side .articleList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .pageLayout__side .articleList .articleCard {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
         -moz-box-flex: 1;
              flex: 1 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }

@media (min-width: 992px) {
  .subNavigation__column .articleList .articleCard__text, .subNavigation__column .articleList .articleCard__text p {
    font-size: 14px;
    line-height: 18px; } }

.articleList--search .articleCard {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .articleList--search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .articleList--search .articleCard {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
         -moz-box-flex: 1;
              flex: 1 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .articleList--search .articleCard__image,
    .articleList--search img {
      width: 177px;
      height: 100px; } }

.articleTrophies {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  gap: 30px;
  padding-left: 25px; }

.articleTrophy {
  position: relative; }

.articleTrophy__link {
  position: absolute;
  inset: 0;
  z-index: 1; }
  .articleTrophy__link:hover + .articleTrophy__inner .articleTrophy__title, .articleTrophy__link:focus-visible + .articleTrophy__inner .articleTrophy__title {
    text-decoration: underline; }

.articleTrophy__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  gap: 20px;
  background: #0072CE;
  padding: 25px 25px 25px 40px;
  -webkit-border-radius: 0 25px 0 25px;
     -moz-border-radius: 0 25px 0 25px;
          border-radius: 0 25px 0 25px; }
  .articleTrophy__inner > img {
    position: absolute;
    bottom: -6px;
    left: -25px;
    display: block;
    width: 50px;
    height: auto;
    margin: 0; }

.articleTrophy__title {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin: 0;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff; }

.articleTrophy__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  margin: 0;
  padding: 0;
  gap: 5px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0; }
  .articleTrophy__list li {
    list-style: none; }
  .articleTrophy__list a {
    z-index: 1;
    display: block;
    position: relative; }
  .articleTrophy__list img {
    margin: 0;
    display: block;
    width: 48px;
    height: 48px; }

@media (min-width: 360px) {
  .articleTrophy__list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
            justify-content: flex-end; } }

@media (min-width: 768px) {
  .articleTrophies {
    padding-left: 54px;
    --articleTrophyList-width: 313px; }
  .articleTrophy__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    gap: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    padding-left: 80px; }
    .articleTrophy__inner > img {
      left: -56px;
      width: 106px; }
  .articleTrophy__title {
    -webkit-align-self: center;
            align-self: center;
    width: -webkit-calc(100% - var(--articleTrophyList-width) - 30px);
    width: -moz-calc(100% - var(--articleTrophyList-width) - 30px);
    width: calc(100% - var(--articleTrophyList-width) - 30px); }
  .articleTrophy__list {
    width: var(--articleTrophyList-width); } }

@media (min-width: 992px) {
  .articleTrophies {
    --articleTrophyList-width: 207px; } }

@media (min-width: 1100px) {
  .articleTrophies {
    --articleTrophyList-width: 419px; } }

.sectionHeading {
  font-weight: 900;
  border-bottom: 3px solid #0072CE;
  margin-bottom: 30px;
  padding-bottom: 10px;
  background: url("../images/sectionHeading/icon.svg") no-repeat right 4px;
  -webkit-background-size: auto 24px;
     -moz-background-size: auto 24px;
          background-size: auto 24px; }
  body.dark-theme .sectionHeading {
    font-weight: 700; }

.sectionHeading--psPlus {
  position: relative;
  background: transparent;
  border: none;
  margin-bottom: 0; }
  .sectionHeading--psPlus:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 74px;
    height: 57px;
    background: transparent url("../images/sectionHeading/ps-plus.png") no-repeat top right; }
  .sectionHeading--psPlus .sectionHeading__link {
    color: #FFC719; }
    .sectionHeading--psPlus .sectionHeading__link:hover, .sectionHeading--psPlus .sectionHeading__link:focus {
      color: #FFC719; }

.sectionHeading--trophies {
  position: relative;
  background: transparent; }
  .sectionHeading--trophies:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 57px;
    background: #ffffff url("../images/trophies/platinum.png") no-repeat center right;
    -webkit-background-size: 55px 57px;
       -moz-background-size: 55px 57px;
            background-size: 55px 57px; }
    body.dark-theme .sectionHeading--trophies:after {
      background-color: #222222; }

.sectionHeading--noBg {
  background: transparent; }

.sectionHeading__link {
  color: inherit;
  text-decoration: none; }
  .sectionHeading__link:hover, .sectionHeading__link:focus {
    text-decoration: underline; }

@media (min-width: 576px) and (max-width: 991.98px) {
  .pageLayout__side .videoList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .pageLayout__side .videoList .videoCard {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
         -moz-box-flex: 1;
              flex: 1 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }

.videoCard {
  margin-bottom: 30px; }
  .videoCard:last-child {
    margin-bottom: 0; }

.videoCard__link {
  text-decoration: none;
  color: #000; }
  .videoCard__link:hover, .videoCard__link:focus {
    text-decoration: none; }
  body.dark-theme .videoCard__link {
    color: #ffffff; }
  .videoCard__link:hover .videoCard__title, .videoCard__link:focus .videoCard__title {
    color: #0072CE;
    text-decoration: underline; }
  .videoCard__link:hover img, .videoCard__link:focus img {
    opacity: .9;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }

.videoCard__image {
  position: relative; }
  .videoCard__image img {
    display: block;
    width: 100%;
    height: auto; }
  .videoCard__image:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 71px;
    height: 49.99998px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("../images/videoCard/play.svg") no-repeat center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    z-index: 1; }

.videoCard__title {
  display: block;
  margin-top: 10px; }
  @media (min-width: 1300px) {
    .videoCard__title {
      margin-top: 15px; } }

.tabNavigation {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  padding-bottom: 3px;
  overflow-x: auto; }
  .tabNavigation:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #E5E5E5; }
    body.dark-theme .tabNavigation:after {
      background: #383838; }
  .tabNavigation li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
  .tabNavigation a {
    position: relative;
    display: block;
    padding: 14px 20px;
    font-weight: 700;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.25);
    line-height: 21px;
    text-decoration: none;
    min-width: 60px;
    text-align: center;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    white-space: nowrap; }
    .tabNavigation a:hover, .tabNavigation a:focus {
      text-decoration: none; }
    body.dark-theme .tabNavigation a {
      color: rgba(255, 255, 255, 0.25); }
    .tabNavigation a:after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 100%;
      height: 3px;
      background: #E5E5E5;
      -webkit-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
      body.dark-theme .tabNavigation a:after {
        background: #383838; }
    @media (min-width: 992px) {
      .tabNavigation a {
        min-width: 90px; } }
    .tabNavigation a:hover, .tabNavigation a:focus {
      color: #000; }
      body.dark-theme .tabNavigation a:hover, body.dark-theme .tabNavigation a:focus {
        color: #ffffff; }
  .tabNavigation li.isActive a {
    color: #000; }
    .tabNavigation li.isActive a:after {
      z-index: 9; }
      .tabNavigation li.isActive a:after,
      body.dark-theme .tabNavigation li.isActive a:after {
        background: #0072CE; }
    body.dark-theme .tabNavigation li.isActive a {
      color: #ffffff; }

@media (max-width: 575.98px) {
  .tabNavigation--mobileFull {
    margin-left: -10px;
    margin-right: -10px; } }
  @media (max-width: 575.98px) and (min-width: 360px) {
    .tabNavigation--mobileFull {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (max-width: 575.98px) and (min-width: 1300px) {
    .tabNavigation--mobileFull {
      margin-left: -30px;
      margin-right: -30px; } }

.fullPageImage {
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1920px;
  z-index: 1; }
  @media (min-width: 768px) {
    .fullPageImage {
      top: 80px; } }
  .fullPageImage__img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 667px;
    -o-object-fit: cover;
       object-fit: cover; }
  .fullPageImage__shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 -150px 100px -50px var(--bgColor, rgba(0, 0, 0, 0));
       -moz-box-shadow: inset 0 -150px 100px -50px var(--bgColor, rgba(0, 0, 0, 0));
            box-shadow: inset 0 -150px 100px -50px var(--bgColor, rgba(0, 0, 0, 0)); }
    @media screen and (min-width: 1921px) {
      .fullPageImage__shadow {
        -webkit-box-shadow: inset 200px 0 100px -50px var(--bgColor, rgba(0, 0, 0, 0)), inset -150px 0 100px -50px var(--bgColor, rgba(0, 0, 0, 0)), inset 0 -150px 100px -50px var(--bgColor, rgba(0, 0, 0, 0));
           -moz-box-shadow: inset 200px 0 100px -50px var(--bgColor, rgba(0, 0, 0, 0)), inset -150px 0 100px -50px var(--bgColor, rgba(0, 0, 0, 0)), inset 0 -150px 100px -50px var(--bgColor, rgba(0, 0, 0, 0));
                box-shadow: inset 200px 0 100px -50px var(--bgColor, rgba(0, 0, 0, 0)), inset -150px 0 100px -50px var(--bgColor, rgba(0, 0, 0, 0)), inset 0 -150px 100px -50px var(--bgColor, rgba(0, 0, 0, 0)); } }

.fullPageImage--profile {
  z-index: -1; }

.gameHeader .gameHeader__bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: #ffffff;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1; }
  @media (min-width: 1300px) {
    .gameHeader .gameHeader__bg {
      display: none; } }
  body.dark-theme .gameHeader .gameHeader__bg {
    background: #222222; }

.gameHeader__inner {
  position: relative;
  z-index: 1; }
  @media (min-width: 992px) {
    .gameHeader__inner {
      width: -webkit-calc(100% - 330px + 20px);
      width: -moz-calc(100% - 330px + 20px);
      width: calc(100% - 330px + 20px);
      margin-left: -10px; } }
  @media (min-width: 992px) and (min-width: 360px) {
    .gameHeader__inner {
      margin-left: -20px; } }
  @media (min-width: 992px) and (min-width: 1300px) {
    .gameHeader__inner {
      margin-left: -30px; } }
  @media (min-width: 1300px) {
    .gameHeader__inner {
      width: -webkit-calc(100% - 330px + 30px);
      width: -moz-calc(100% - 330px + 30px);
      width: calc(100% - 330px + 30px); } }

.gameHeader__trophies {
  padding: 20px;
  background: rgba(0, 0, 0, 0.6); }
  @media (min-width: 768px) {
    .gameHeader__trophies {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex; } }

.gameHeader__trophies__title {
  display: none; }
  @media (min-width: 768px) {
    .gameHeader__trophies__title {
      display: block;
      margin-right: 45px;
      font-weight: 900;
      font-size: 12px;
      color: #ffffff;
      letter-spacing: 2px;
      line-height: 20px;
      text-transform: uppercase; }
      body.dark-theme .gameHeader__trophies__title {
        font-weight: 700; } }

.gameHeader__trophies__list, .trophiesHeader__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
          justify-content: space-evenly;
  list-style: none; }
  @media (min-width: 768px) {
    .gameHeader__trophies__list, .trophiesHeader__list {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
              justify-content: flex-start; } }
  .gameHeader__trophies__list li, .trophiesHeader__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 14px; }
    @media (min-width: 768px) {
      .gameHeader__trophies__list li, .trophiesHeader__list li {
        margin-right: 30px; } }
    .gameHeader__trophies__list li.blue, .trophiesHeader__list li.blue {
      color: #0072CE; }
    .gameHeader__trophies__list li.gold, .trophiesHeader__list li.gold {
      color: #EECA7E; }
    .gameHeader__trophies__list li.silver, .trophiesHeader__list li.silver {
      color: #C3C3C5; }
    .gameHeader__trophies__list li.bronze, .trophiesHeader__list li.bronze {
      color: #D88253; }
  .gameHeader__trophies__list img, .trophiesHeader__list img {
    display: block;
    width: 24px;
    height: 22px;
    margin-right: 12px; }

.gameHeader__content {
  background: #0072CE;
  padding: 20px; }
  @media (min-width: 768px) {
    .gameHeader__content {
      padding: 20px 20px 17px 20px; } }
  @media (min-width: 992px) {
    .gameHeader__content {
      position: relative; } }
  @media (min-width: 1300px) {
    .gameHeader__content {
      padding: 30px 30px 17px 30px; } }

.gameHeader__title {
  color: #ffffff; }
  @media (min-width: 992px) {
    .gameHeader__title {
      padding-right: 50px; } }

.gameHeader__favorites {
  width: 42px;
  margin-top: 10px;
  font-size: 42px;
  display: block;
  color: rgba(255, 255, 255, 0.25);
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none; }
  .gameHeader__favorites:hover, .gameHeader__favorites:focus {
    text-decoration: none; }
  @media (min-width: 992px) {
    .gameHeader__favorites {
      position: absolute;
      top: 20px;
      right: 20px;
      margin: 0; } }
  @media (min-width: 1300px) {
    .gameHeader__favorites {
      top: 30px;
      right: 30px; } }
  .gameHeader__favorites:hover, .gameHeader__favorites:focus {
    opacity: 1;
    color: #ffffff; }

.gameHeader__info {
  margin-top: 20px;
  margin-bottom: -20px; }
  @media (min-width: 576px) {
    .gameHeader__info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row wrap; } }
  @media (min-width: 1300px) {
    .gameHeader__info {
      margin-top: 30px; } }

.gameHeader__info__group {
  margin-bottom: 20px; }
  @media (min-width: 576px) {
    .gameHeader__info__group {
      margin-right: 30px; } }
  @media (min-width: 1300px) {
    .gameHeader__info__group {
      margin-right: 60px; } }
  .gameHeader__info__group-title {
    font-weight: 900;
    font-size: 12px;
    color: #000;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase; }
    body.dark-theme .gameHeader__info__group-title {
      font-weight: 700; }
  .gameHeader__info__group-text {
    font-weight: 700;
    font-size: 14px;
    color: #ffffff; }

.gameHeader__rating {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between; }
  @media (min-width: 576px) {
    .gameHeader__rating {
      margin-top: 15px; } }
  @media (min-width: 768px) {
    .gameHeader__rating {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
              justify-content: flex-start;
      margin-top: 10px; } }

.gameHeader__rating__stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  color: rgba(0, 0, 0, 0.15); }
  .gameHeader__rating__stars .icon {
    font-size: 20px;
    margin: 0 1px; }
  .gameHeader__rating__stars .isActive {
    color: #ffffff; }

.gameHeader__rating__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  font-weight: 900;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.15);
  letter-spacing: -1.5px;
  line-height: 18px; }
  @media (min-width: 768px) {
    .gameHeader__rating__value {
      margin-left: 22px;
      font-size: 24px;
      letter-spacing: -2px;
      line-height: 24px; } }
  body.dark-theme .gameHeader__rating__value {
    font-weight: 700; }
  .gameHeader__rating__value span {
    color: #ffffff;
    font-size: 36px;
    line-height: 48px;
    margin-right: 2px;
    letter-spacing: 0; }
    @media (min-width: 768px) {
      .gameHeader__rating__value span {
        font-size: 48px;
        line-height: 63px;
        margin-right: 5px; } }

.gameHeader__btn {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .gameHeader__btn {
      padding: 0 26px;
      margin-top: 0;
      display: inline-block;
      width: initial;
      height: 44px;
      line-height: 44px;
      font-size: 14px; } }

@media (min-width: 768px) {
  .gameHeader__rating-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    margin-top: 10px; } }

.sideGallery img {
  display: block;
  width: 100%;
  height: auto; }

.sideGallery__other {
  background: #000;
  padding: 20px; }
  .sideGallery__other a, .sideGallery__other span {
    display: block;
    margin-bottom: 15px; }
    .sideGallery__other a:last-child, .sideGallery__other span:last-child {
      margin-bottom: 0; }
  .sideGallery__other a {
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    .sideGallery__other a:hover, .sideGallery__other a:focus {
      opacity: .9; }

.sideGallery__more {
  position: relative; }
  .sideGallery__more .more {
    position: absolute;
    top: 0px;
    left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    color: #ffffff;
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    height: -webkit-calc(100% - 0px);
    height: -moz-calc(100% - 0px);
    height: calc(100% - 0px);
    background: rgba(0, 114, 206, 0.75);
    text-decoration: none;
    font-weight: 900;
    font-size: 31px; }
    @media (min-width: 768px) {
      .sideGallery__more .more {
        font-size: 36px; } }
    body.dark-theme .sideGallery__more .more {
      font-weight: 700; }
    .sideGallery__more .more .icon {
      font-size: 22px;
      margin-right: 8px; }
      @media (min-width: 768px) {
        .sideGallery__more .more .icon {
          font-size: 25px;
          margin-right: 9px; } }

.sideGallery__video {
  position: relative; }
  .sideGallery__video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 71px;
    height: 49.99998px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url("../images/videoCard/play.svg") no-repeat center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    z-index: 1; }

@media (min-width: 768px) {
  .sideGallery__other {
    padding: 15px; } }

@media (min-width: 992px) {
  .sideGallery {
    margin-right: -10px;
    -webkit-border-bottom-left-radius: 25px;
       -moz-border-radius-bottomleft: 25px;
            border-bottom-left-radius: 25px; } }
  @media (min-width: 992px) and (min-width: 360px) {
    .sideGallery {
      margin-right: -20px; } }
  @media (min-width: 992px) and (min-width: 1300px) {
    .sideGallery {
      margin-right: -30px; } }

@media (min-width: 1300px) {
  .sideGallery__other {
    padding: 30px; } }

@media (min-width: 576px) and (max-width: 991.98px) {
  .sideGallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; }
  .sideGallery__main {
    width: 266px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 266px;
       -moz-box-flex: 0;
            flex: 0 0 266px; } }

@media (min-width: 360px) and (max-width: 575.98px) {
  .sideGallery__other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    padding: 10px; }
    .sideGallery__other > a,
    .sideGallery__other > span {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
              flex: 0 0 50%;
      margin: 0;
      padding: 5px;
      display: none; }
      .sideGallery__other > a:nth-child(1), .sideGallery__other > a:nth-child(2), .sideGallery__other > a:nth-child(3), .sideGallery__other > a:last-child,
      .sideGallery__other > span:nth-child(1),
      .sideGallery__other > span:nth-child(2),
      .sideGallery__other > span:nth-child(3),
      .sideGallery__other > span:last-child {
        display: block; }
      .sideGallery__other > a:last-child.sideGallery__more,
      .sideGallery__other > span:last-child.sideGallery__more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex; }
  .sideGallery__more {
    position: relative; }
    .sideGallery__more .more {
      position: absolute;
      top: 5px;
      left: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      color: #ffffff;
      width: -webkit-calc(100% - 10px);
      width: -moz-calc(100% - 10px);
      width: calc(100% - 10px);
      height: -webkit-calc(100% - 10px);
      height: -moz-calc(100% - 10px);
      height: calc(100% - 10px);
      background: rgba(0, 114, 206, 0.75);
      text-decoration: none;
      font-weight: 900;
      font-size: 31px; } }
    @media (min-width: 360px) and (max-width: 575.98px) and (min-width: 768px) {
      .sideGallery__more .more {
        font-size: 36px; } }

@media (min-width: 360px) and (max-width: 575.98px) {
      body.dark-theme .sideGallery__more .more {
        font-weight: 700; }
      .sideGallery__more .more .icon {
        font-size: 22px;
        margin-right: 8px; } }
      @media (min-width: 360px) and (max-width: 575.98px) and (min-width: 768px) {
        .sideGallery__more .more .icon {
          font-size: 25px;
          margin-right: 9px; } }

@media (min-width: 576px) and (max-width: 767.98px) {
  .sideGallery__other {
    width: 100%; }
    .sideGallery__other > a,
    .sideGallery__other > span {
      display: none; }
      .sideGallery__other > a:first-child, .sideGallery__other > a:last-child,
      .sideGallery__other > span:first-child,
      .sideGallery__other > span:last-child {
        display: block; }
      .sideGallery__other > a:last-child.sideGallery__more,
      .sideGallery__other > span:last-child.sideGallery__more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .sideGallery__other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 -webkit-calc(100% - 266px);
       -moz-box-flex: 1;
            flex: 1 1 calc(100% - 266px);
    margin: -5px; }
    .sideGallery__other > a,
    .sideGallery__other > span {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
              flex: 0 0 50%;
      padding: 5px;
      margin: 0; }
  .sideGallery__more {
    position: relative; }
    .sideGallery__more .more {
      position: absolute;
      top: 5px;
      left: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      color: #ffffff;
      width: -webkit-calc(100% - 10px);
      width: -moz-calc(100% - 10px);
      width: calc(100% - 10px);
      height: -webkit-calc(100% - 10px);
      height: -moz-calc(100% - 10px);
      height: calc(100% - 10px);
      background: rgba(0, 114, 206, 0.75);
      text-decoration: none;
      font-weight: 900;
      font-size: 31px; } }
    @media (min-width: 768px) and (max-width: 991.98px) and (min-width: 768px) {
      .sideGallery__more .more {
        font-size: 36px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
      body.dark-theme .sideGallery__more .more {
        font-weight: 700; }
      .sideGallery__more .more .icon {
        font-size: 22px;
        margin-right: 8px; } }
      @media (min-width: 768px) and (max-width: 991.98px) and (min-width: 768px) {
        .sideGallery__more .more .icon {
          font-size: 25px;
          margin-right: 9px; } }

@media (min-width: 992px) and (max-width: 1299.98px) {
  .sideGallery__main img {
    height: 442px;
    -o-object-fit: cover;
       object-fit: cover; } }

@media (min-width: 768px) {
  .trophiesHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; } }

@media (min-width: 768px) {
  .trophiesHeader__image {
    margin-right: 20px;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
       -moz-box-ordinal-group: 1;
            order: 0; } }

@media (min-width: 1300px) {
  .trophiesHeader__image {
    margin-right: 30px; } }

.trophiesHeader__image img {
  display: block;
  width: 100%;
  height: auto; }
  @media (min-width: 576px) {
    .trophiesHeader__image img {
      width: 320px; } }

.trophiesHeader__content + .trophiesHeader__image {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .trophiesHeader__content + .trophiesHeader__image {
      margin-top: 0; } }

@media (min-width: 576px) {
  .trophiesHeader__image.trophiesHeader__image--user img {
    width: 240px; } }

.trophiesHeader__content {
  width: 100%; }
  @media (min-width: 768px) {
    .trophiesHeader__content {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
              order: 1; } }

.trophiesHeader__table td, .trophiesHeader__table th {
  font-size: 14px;
  line-height: 28px;
  font-weight: 700; }

.trophiesHeader__text, .trophiesHeader__text p {
  font-size: 14px;
  line-height: 28px;
  font-weight: 700; }

.trophiesHeader--reverse .trophiesHeader__image + .trophiesHeader__content {
  margin-top: 30px; }
  @media (min-width: 768px) {
    .trophiesHeader--reverse .trophiesHeader__image + .trophiesHeader__content {
      margin-top: 0; } }

.trophiesHeader__list {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start; }
  .trophiesHeader__list li {
    font-size: 18px;
    margin-right: 20px; }
  .trophiesHeader__list img {
    margin-right: 5px; }

@media (min-width: 576px) {
  .trophiesHeader__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; } }

.trophiesHeader__progress {
  width: 260px;
  height: 30px;
  background: #E5E5E5;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }
  body.dark-theme .trophiesHeader__progress {
    background-color: rgba(0, 0, 0, 0.5); }
  .trophiesHeader__progress-line {
    height: 100%;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    background: -webkit-repeating-linear-gradient(135deg, #3D7DCA, #3D7DCA 8px, #3670B5 8px, #3670B5 16px);
    background: -moz-repeating-linear-gradient(135deg, #3D7DCA, #3D7DCA 8px, #3670B5 8px, #3670B5 16px);
    background: -o-repeating-linear-gradient(135deg, #3D7DCA, #3D7DCA 8px, #3670B5 8px, #3670B5 16px);
    background: repeating-linear-gradient(-45deg, #3D7DCA, #3D7DCA 8px, #3670B5 8px, #3670B5 16px); }

.trophiesList__row {
  display: block;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .trophiesList__row:last-child {
    margin-bottom: 0; }
  .trophiesList__row--active {
    background: rgba(4, 162, 149, 0.07); }
  body.dark-theme .trophiesList__row {
    border-bottom-color: rgba(255, 255, 255, 0.1); }

.trophiesList__img img {
  display: block;
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover; }

.trophiesList__content-title {
  font-weight: 900;
  font-size: 16px;
  color: #000;
  line-height: 20px;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  body.dark-theme .trophiesList__content-title {
    font-weight: 700;
    color: #ffffff; }

.trophiesList__content-text {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 24px; }
  body.dark-theme .trophiesList__content-text {
    color: rgba(255, 255, 255, 0.5); }

.trophiesList__value {
  font-weight: 900;
  font-size: 20px;
  color: #0072CE;
  white-space: nowrap; }
  body.dark-theme .trophiesList__value {
    font-weight: 700; }

.trophiesList__date {
  font-weight: 500;
  font-size: 14px;
  color: #04A295;
  text-align: right;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  padding-right: 20px; }

.trophiesList__trophy img {
  display: block;
  width: 36px;
  height: auto; }

a.trophiesList__row {
  text-decoration: none; }
  a.trophiesList__row:hover, a.trophiesList__row:focus {
    text-decoration: none; }
  a.trophiesList__row:hover .trophiesList__content-title, a.trophiesList__row:focus .trophiesList__content-title {
    color: #0072CE;
    text-decoration: underline; }

.trophiesList__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }

.trophiesList__img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0;
     -moz-box-flex: 0;
          flex: 0 0;
  margin-right: 20px; }

.trophiesList__content-title {
  padding-top: 5px; }
  .trophiesList__content-title .icon {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    color: #0072CE;
    -webkit-transform: translateY(3px);
       -moz-transform: translateY(3px);
         -o-transform: translateY(3px);
            transform: translateY(3px); }

.trophiesList__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }

.trophiesList__trophy {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0;
     -moz-box-flex: 0;
          flex: 0 0;
  margin-left: 20px; }

@media (min-width: 768px) {
  .trophiesList__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .trophiesList__header {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
       -moz-box-flex: 1;
            flex: 1 1 100%;
    padding-right: 20px; }
  .trophiesList__body {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0;
       -moz-box-flex: 0;
            flex: 0 0; }
  .trophiesList__trophy {
    margin-left: 50px; }
  .trophiesList__value {
    text-align: center;
    width: 80px; }
  .trophiesList__date {
    padding-right: 45px; } }

@media (min-width: 768px) {
  .trophiesDetail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; } }

@media (min-width: 768px) {
  .trophiesDetail__header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 260px;
       -moz-box-flex: 0;
            flex: 0 0 260px;
    padding-right: 20px; } }

@media (min-width: 1300px) {
  .trophiesDetail__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: 240 px30 px;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-flow: 240 px30 px;
    padding-right: 30px; } }

.trophiesDetail__header-img img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 240px; }

.trophiesDetail__header-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  font-weight: 900;
  font-size: 18px;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .trophiesDetail__header-back:hover, .trophiesDetail__header-back:focus {
    text-decoration: none; }
  body.dark-theme .trophiesDetail__header-back {
    font-weight: 700; }
  .trophiesDetail__header-back .icon {
    margin-right: 15px; }

.catalogHeader {
  margin-bottom: 20px; }
  @media (min-width: 1300px) {
    .catalogHeader {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between; } }

.catalogHeader__title {
  height: 44px;
  margin-bottom: 20px; }
  @media (min-width: 1300px) {
    .catalogHeader__title {
      margin-bottom: 0; } }

.catalogHeader__text {
  font-weight: 700;
  margin-top: -10px;
  margin-bottom: 20px; }

@media (min-width: 1300px) {
  .catalogHeader__search {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 355px;
       -moz-box-flex: 0;
            flex: 0 0 355px; } }

.catalogHeader__search .formControl, .catalogHeader__search .fileUpload__fakeInput, .catalogHeader__search .pageSearch__input input, .pageSearch__input .catalogHeader__search input {
  height: 44px; }

@media (min-width: 1300px) {
  .gameList--games {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin-bottom: -60px; } }

.gameList--games .gameCard {
  margin-bottom: 20px; }
  @media (min-width: 992px) {
    .gameList--games .gameCard {
      margin-bottom: 40px; } }
  @media (min-width: 1300px) {
    .gameList--games .gameCard {
      margin-bottom: 60px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
              flex: 0 0 50%;
      padding-right: 15px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .gameList--side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap; }
    .gameList--side .gameCard {
      -webkit-flex-basis: 50%;
              flex-basis: 50%; } }

.gameList--side .gameCard {
  margin-bottom: 20px; }

@media (min-width: 768px) {
  .gameList--search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .gameList--search .gameCard {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 50%;
         -moz-box-flex: 0;
              flex: 0 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }

.gameList--search .gameCard {
  margin-bottom: 20px; }
  @media (min-width: 576px) {
    .gameList--search .gameCard img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 140px;
         -moz-box-flex: 0;
              flex: 0 0 140px;
      width: 177px;
      height: 224px; }
    .gameList--search .gameCard .gameCard__title {
      font-size: 18px;
      line-height: 24px; } }

.gameList--card1 .gameCard1 {
  margin-bottom: 30px; }
  .gameList--card1 .gameCard1:last-child {
    margin-bottom: 0; }

.gameList--card2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(177px, 1fr)); }
  @media (max-width: 767.98px) {
    .gameList--card2 {
      grid-column-gap: 15px;
      grid-row-gap: 30px; } }
  @media (min-width: 992px) and (max-width: 1099.98px) {
    .gameList--card2 {
      grid-column-gap: 15px;
      grid-row-gap: 30px; } }
  @media (max-width: 575.98px) {
    .gameList--card2 {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 359.98px) {
    .gameList--card2 {
      grid-column-gap: 10px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .gameList--card2 {
      grid-column-gap: 34px;
      grid-row-gap: 60px; } }
  @media (min-width: 1100px) {
    .gameList--card2 {
      grid-column-gap: 34px;
      grid-row-gap: 60px; } }

.gameCard img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
     -moz-box-flex: 0;
          flex: 0 0 100px;
  display: block;
  width: 100px;
  height: 126px;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  @media (min-width: 576px) {
    .gameCard img {
      width: 177px;
      height: 224px;
      -webkit-flex-basis: 177px;
              flex-basis: 177px; } }

.gameCard__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  text-decoration: none;
  color: #000; }
  .gameCard__link:hover, .gameCard__link:focus {
    text-decoration: none; }
  body.dark-theme .gameCard__link {
    color: #ffffff; }
  .gameCard__link:hover, .gameCard__link:focus {
    color: #000; }
    body.dark-theme .gameCard__link:hover, body.dark-theme .gameCard__link:focus {
      color: #ffffff; }
    .gameCard__link:hover .gameCard__title, .gameCard__link:focus .gameCard__title {
      color: #0072CE;
      text-decoration: underline; }
    .gameCard__link:hover img, .gameCard__link:focus img {
      opacity: .9; }

.gameCard__inner {
  padding-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between; }

.gameCard__info {
  margin-top: 10px; }

.gameCard__details {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 22px; }
  .gameCard__details li {
    font-weight: 700;
    font-size: 14px;
    color: #0072CE;
    margin-bottom: 5px; }
    @media (max-width: 575.98px) {
      .gameCard__details li {
        display: inline-block;
        margin-bottom: 0; }
        .gameCard__details li:after {
          content: ', '; } }
    .gameCard__details li:last-child {
      margin-bottom: 0; }
      @media (max-width: 575.98px) {
        .gameCard__details li:last-child:after {
          content: ''; } }

.gameCard--side img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 140px;
     -moz-box-flex: 0;
          flex: 0 0 140px;
  width: 140px;
  height: 177px; }
  @media (min-width: 576px) {
    .gameCard--side img {
      width: 140px;
      height: 177px;
      -webkit-flex-basis: 140px;
              flex-basis: 140px; } }

body.dark-theme .gameCard--psPlus .gameCard__link {
  color: #000; }
  body.dark-theme .gameCard--psPlus .gameCard__link:hover, body.dark-theme .gameCard--psPlus .gameCard__link:focus {
    color: #000; }

@media (min-width: 1100px) {
  .gameCard--psPlus img {
    width: 119px;
    height: 150px;
    -webkit-flex-basis: 119px;
            flex-basis: 119px; } }

.gameCard--psPlus .tags li {
  color: rgba(0, 0, 0, 0.25); }
  .gameCard--psPlus .tags li:after {
    background: rgba(0, 0, 0, 0.25); }

.gameCard--gray img {
  -webkit-box-shadow: 2px 2px 0 #bfbfbf;
     -moz-box-shadow: 2px 2px 0 #bfbfbf;
          box-shadow: 2px 2px 0 #bfbfbf; }
  body.dark-theme .gameCard--gray img {
    -webkit-box-shadow: 2px 2px 0 #ffffff;
       -moz-box-shadow: 2px 2px 0 #ffffff;
            box-shadow: 2px 2px 0 #ffffff; }

.gameCard--gray .gameCard__title {
  color: gray; }

.centerHeader {
  padding: 60px 0;
  text-align: center;
  position: relative; }
  @media (min-width: 768px) {
    .centerHeader {
      padding-right: 60px;
      padding-left: 60px; } }

.centerHeader__info {
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 12px;
  color: #0072CE;
  letter-spacing: 2px;
  line-height: 20px;
  text-transform: uppercase; }
  body.dark-theme .centerHeader__info {
    font-weight: 700; }

.centerHeader__close {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  font-size: 25px;
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .centerHeader__close:hover, .centerHeader__close:focus {
    text-decoration: none; }
  @media (min-width: 360px) {
    .centerHeader__close {
      top: 20px; } }
  @media (min-width: 768px) {
    .centerHeader__close {
      top: 55px;
      font-size: 33px; } }
  .centerHeader__close:hover, .centerHeader__close:focus {
    color: #0072CE; }

.pageGallery__main {
  position: relative; }
  @media (max-width: 575.98px) {
    .pageGallery__main {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (max-width: 575.98px) and (min-width: 360px) {
    .pageGallery__main {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (max-width: 575.98px) and (min-width: 1300px) {
    .pageGallery__main {
      margin-left: -30px;
      margin-right: -30px; } }
  .pageGallery__main img {
    display: block;
    width: 100%;
    height: auto; }

.pageGallery__main-inner {
  position: relative; }

.pageGallery__main__arrow {
  position: absolute;
  top: 50%;
  font-size: 25px;
  color: #ffffff;
  -webkit-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, opacity 0.25s ease-in-out;
  z-index: 2;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  text-decoration: none; }
  .pageGallery__main__arrow:hover, .pageGallery__main__arrow:focus {
    text-decoration: none; }
  @media (min-width: 576px) {
    .pageGallery__main__arrow {
      font-size: 40px; } }
  @media (min-width: 992px) {
    .pageGallery__main__arrow {
      font-size: 56px; } }
  .pageGallery__main__arrow:hover, .pageGallery__main__arrow:focus {
    color: #0072CE; }
  .pageGallery__main__arrow.isDisabled {
    color: #ffffff;
    opacity: .5; }
  .pageGallery__main__arrow--prev {
    left: 5px; }
    @media (min-width: 992px) {
      .pageGallery__main__arrow--prev {
        left: 25px; } }
    @media (min-width: 1300px) {
      .pageGallery__main__arrow--prev {
        left: 55px; } }
  .pageGallery__main__arrow--next {
    right: 5px; }
    @media (min-width: 992px) {
      .pageGallery__main__arrow--next {
        right: 25px; } }
    @media (min-width: 1300px) {
      .pageGallery__main__arrow--next {
        right: 55px; } }

.pageGallery__main__panel {
  position: relative; }
  @media (min-width: 768px) {
    .pageGallery__main__panel {
      padding: 20px;
      padding-right: 70px;
      font-weight: 700;
      color: #ffffff;
      line-height: 28px;
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.5); } }
  @media (min-width: 1300px) {
    .pageGallery__main__panel {
      padding: 30px;
      padding-right: 80px; } }
  @media (max-width: 767.98px) {
    .pageGallery__main__panel {
      padding: 10px;
      padding-right: 40px;
      font-weight: 900;
      font-size: 12px;
      color: #000;
      letter-spacing: 2px;
      line-height: 20px;
      text-transform: uppercase;
      background: #ffffff; }
      body.dark-theme .pageGallery__main__panel {
        background: #222222;
        color: #ffffff;
        font-weight: 700; } }
  @media (min-width: 360px) and (max-width: 575.98px) {
    .pageGallery__main__panel {
      padding: 10px 20px;
      padding-right: 50px; } }

.pageGallery__main__panel-download {
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  text-decoration: none;
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .pageGallery__main__panel-download:hover, .pageGallery__main__panel-download:focus {
    text-decoration: none; }
  .pageGallery__main__panel-download:hover, .pageGallery__main__panel-download:focus {
    color: #000; }
  @media (min-width: 768px) {
    .pageGallery__main__panel-download {
      right: 20px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 25px; }
      .pageGallery__main__panel-download:hover, .pageGallery__main__panel-download:focus {
        color: #ffffff; } }
  @media (min-width: 1300px) {
    .pageGallery__main__panel-download {
      right: 30px; } }
  @media (max-width: 767.98px) {
    body.dark-theme .pageGallery__main__panel-download {
      color: rgba(255, 255, 255, 0.25); }
      body.dark-theme .pageGallery__main__panel-download:hover, body.dark-theme .pageGallery__main__panel-download:focus {
        color: #ffffff; } }

.pageGallery__more {
  margin-top: 10px; }
  @media (max-width: 575.98px) {
    .pageGallery__more {
      margin-left: -10px;
      margin-right: -10px;
      margin-top: 5px;
      padding-left: 5px;
      padding-right: 5px; } }
  @media (max-width: 575.98px) and (min-width: 360px) {
    .pageGallery__more {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (max-width: 575.98px) and (min-width: 1300px) {
    .pageGallery__more {
      margin-left: -30px;
      margin-right: -30px; } }

.pageGallery__more-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  margin: -5px; }

.pageGallery__more-item {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
          flex: 0 0 50%;
  padding: 5px;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  @media (min-width: 768px) {
    .pageGallery__more-item {
      -webkit-flex-basis: 33.333%;
              flex-basis: 33.333%; } }
  @media (min-width: 992px) {
    .pageGallery__more-item {
      -webkit-flex-basis: 25%;
              flex-basis: 25%; } }
  .pageGallery__more-item:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: -webkit-calc(100% - 10px);
    width: -moz-calc(100% - 10px);
    width: calc(100% - 10px);
    height: 3px;
    background: #0072CE;
    opacity: 0; }
    @media (min-width: 1300px) {
      .pageGallery__more-item:after {
        height: 5px; } }
  .pageGallery__more-item img {
    display: block;
    width: 100%;
    height: auto; }
  .pageGallery__more-item.isActive:after {
    opacity: 1; }
  .pageGallery__more-item--video {
    position: relative; }
    .pageGallery__more-item--video:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 35.21125px;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: url("../images/videoCard/play.svg") no-repeat center;
      -webkit-background-size: contain;
         -moz-background-size: contain;
              background-size: contain;
      z-index: 1; }
    @media (min-width: 576px) {
      .pageGallery__more-item--video {
        position: relative; }
        .pageGallery__more-item--video:before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 71px;
          height: 49.99998px;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
               -o-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background: url("../images/videoCard/play.svg") no-repeat center;
          -webkit-background-size: contain;
             -moz-background-size: contain;
                  background-size: contain;
          z-index: 1; } }
  .pageGallery__more-item:hover, .pageGallery__more-item:focus {
    opacity: .9; }

.topGameList--side .topGameCard {
  margin-bottom: 20px; }

@media (min-width: 576px) and (max-width: 991.98px) {
  .topGameList--side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .topGameList--side .topGameCard {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
         -moz-box-flex: 1;
              flex: 1 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }

.topGameCard img {
  display: block;
  width: 100%;
  height: auto; }

.topGameCard__link {
  display: block;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  padding-bottom: 39px; }
  .topGameCard__link:hover, .topGameCard__link:focus {
    text-decoration: none; }
  .topGameCard__link:hover, .topGameCard__link:focus {
    color: #ffffff; }
    .topGameCard__link:hover .topGameCard__title, .topGameCard__link:focus .topGameCard__title {
      color: #ffffff;
      text-decoration: underline; }

.topGameCard__header {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 30px;
  padding-right: 30px;
  height: auto;
  width: 100%; }
  .topGameCard__header:before, .topGameCard__header:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 39px;
    background: #003F8C; }
  .topGameCard__header:before {
    left: 0;
    -webkit-transform: skewX(38deg);
       -moz-transform: skewX(38deg);
         -o-transform: skewX(38deg);
            transform: skewX(38deg);
    -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left; }
  .topGameCard__header:after {
    right: 0;
    -webkit-transform: skewX(-38deg);
       -moz-transform: skewX(-38deg);
         -o-transform: skewX(-38deg);
            transform: skewX(-38deg);
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right; }

.topGameCard__title {
  position: relative;
  padding: 20px;
  background: #0072CE;
  z-index: 1; }

.trophyList--side .trophyCard {
  margin-bottom: 20px; }

@media (min-width: 576px) and (max-width: 991.98px) {
  .trophyList--side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .trophyList--side .trophyCard {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
         -moz-box-flex: 1;
              flex: 1 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }

.trophyCard img {
  display: block;
  width: 100%;
  height: auto; }

.trophyCard__link {
  display: block;
  position: relative;
  padding: 20px 38px;
  color: #0072CE;
  background: rgba(0, 114, 206, 0.05);
  -webkit-border-top-right-radius: 25px;
     -moz-border-radius-topright: 25px;
          border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px;
  text-decoration: none; }
  .trophyCard__link:hover, .trophyCard__link:focus {
    text-decoration: none; }
  body.dark-theme .trophyCard__link {
    background-color: #24272B; }
  .trophyCard__link:hover, .trophyCard__link:focus {
    color: #0072CE; }
    .trophyCard__link:hover .trophyCard__title, .trophyCard__link:focus .trophyCard__title {
      color: #0072CE;
      text-decoration: underline; }

.trophyCard__trophies__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  list-style: none;
  margin-top: 20px; }
  .trophyCard__trophies__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 14px; }
    .trophyCard__trophies__list li.blue {
      color: #0072CE; }
    .trophyCard__trophies__list li.gold {
      color: #EECA7E; }
    .trophyCard__trophies__list li.silver {
      color: #C3C3C5; }
    .trophyCard__trophies__list li.bronze {
      color: #D88253; }
  .trophyCard__trophies__list img {
    display: block;
    width: 29px;
    height: 30px;
    margin-right: 12px; }

.trophyCard__title {
  margin-bottom: 20px;
  text-align: center; }

.trophyWideCard {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px; }
  body.dark-theme .trophyWideCard {
    border-bottom-color: rgba(255, 255, 255, 0.1); }

.trophyWideCard__link {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none; }
  .trophyWideCard__link:hover, .trophyWideCard__link:focus {
    text-decoration: none; }
  body.dark-theme .trophyWideCard__link {
    color: #ffffff; }
  @media (min-width: 768px) {
    .trophyWideCard__link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between; } }

a.trophyWideCard__link:hover, a.trophyWideCard__link:focus {
  color: #0072CE; }
  a.trophyWideCard__link:hover .trophyWideCard__title, a.trophyWideCard__link:focus .trophyWideCard__title {
    color: #0072CE;
    text-decoration: underline; }

.trophyWideCard__image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
     -moz-box-flex: 0;
          flex: 0 0 100px;
  display: block;
  width: 100px;
  height: 55px; }

.trophyWideCard__title {
  padding-left: 20px; }

.trophyWideCard__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row; }

.trophyWideCard__trophies__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  list-style: none;
  margin-top: 20px; }
  @media (min-width: 768px) {
    .trophyWideCard__trophies__list {
      margin-top: 0;
      padding-left: 20px; } }
  .trophyWideCard__trophies__list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 14px;
    margin-right: 10px;
    min-width: -webkit-calc(29px + 10px + 3ch);
    min-width: -moz-calc(29px + 10px + 3ch);
    min-width: calc(29px + 10px + 3ch); }
    .trophyWideCard__trophies__list li.blue {
      color: #0072CE; }
    .trophyWideCard__trophies__list li.gold {
      color: #EECA7E; }
    .trophyWideCard__trophies__list li.silver {
      color: #C3C3C5; }
    .trophyWideCard__trophies__list li.bronze {
      color: #D88253; }
  .trophyWideCard__trophies__list img {
    display: block;
    width: 29px;
    height: 30px;
    margin-right: 10px; }

.autocomplete {
  background: #ffffff;
  -webkit-box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomleft: 10px;
          border-bottom-left-radius: 10px; }
  body.dark-theme .autocomplete {
    background-color: #111111; }

.autocomplete__body {
  padding: 20px; }

.autocomplete__footer {
  padding: 0 20px 30px;
  text-align: center; }

.gameDetails {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none; }
  @media (min-width: 768px) {
    .gameDetails {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between; } }

.gameDetails__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  padding: 15px 20px;
  background: rgba(0, 114, 206, 0.05);
  -webkit-box-shadow: 0 2px 0 0 rgba(61, 125, 202, 0.25);
     -moz-box-shadow: 0 2px 0 0 rgba(61, 125, 202, 0.25);
          box-shadow: 0 2px 0 0 rgba(61, 125, 202, 0.25);
  margin-bottom: 20px;
  z-index: 2; }
  @media (min-width: 768px) {
    .gameDetails__item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
              flex-flow: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      padding: 35px 40px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 -webkit-calc(50% - 10px);
         -moz-box-flex: 0;
              flex: 0 0 calc(50% - 10px);
      min-height: 135px; } }
  @media (min-width: 1300px) {
    .gameDetails__item {
      margin-bottom: 24px;
      -webkit-flex-basis: -webkit-calc(50% - 12px);
              flex-basis: -moz-calc(50% - 12px);
              flex-basis: calc(50% - 12px); } }

.gameDetails__item-title {
  margin: 0;
  padding: 0;
  color: #0072CE; }

.gameDetails__item-text {
  margin: 0;
  padding: 0;
  font-size: 17px;
  color: #000;
  line-height: 28px; }
  body.dark-theme .gameDetails__item-text {
    color: #ffffff; }
  .gameDetails__item-text a {
    word-break: break-all; }

.gameDetails__item--rating {
  display: block;
  padding: 0;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  background: transparent; }
  @media (min-width: 768px) {
    .gameDetails__item--rating {
      -webkit-flex-basis: 98px;
              flex-basis: 98px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center; } }
  .gameDetails__item--rating img {
    display: block; }
    @media (min-width: 768px) {
      .gameDetails__item--rating img {
        width: 98px;
        height: 135px; } }

@media (min-width: 768px) {
  .gameDetails__item--small {
    -webkit-flex-basis: -webkit-calc(50% - 10px - 98px - 20px);
            flex-basis: -moz-calc(50% - 10px - 98px - 20px);
            flex-basis: calc(50% - 10px - 98px - 20px); } }

@media (min-width: 1300px) {
  .gameDetails__item--small {
    -webkit-flex-basis: -webkit-calc(50% - 12px - 98px - 24px);
            flex-basis: -moz-calc(50% - 12px - 98px - 24px);
            flex-basis: calc(50% - 12px - 98px - 24px); } }

@media (max-width: 575.98px) {
  h2.gameDetails__item-title {
    font-size: 18px;
    line-height: 24px; }
  h3.gameDetails__item-title {
    font-size: 16px;
    line-height: 20px; }
  .gameDetails__item-text {
    font-size: 14px;
    line-height: 24px; } }

.gameDetails__item {
  overflow: hidden; }
  .gameDetails__item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1; }

.gameDetails__item--developer:before {
  width: 270px;
  height: 198px;
  background-image: url("../images/gameDetails/gamepad.svg");
  -webkit-transform: translate(-58px, -58px);
     -moz-transform: translate(-58px, -58px);
       -o-transform: translate(-58px, -58px);
          transform: translate(-58px, -58px);
  opacity: .05; }

.gameDetails__item--publisher:before {
  width: 215px;
  height: 216px;
  background-image: url("../images/gameDetails/steam.svg");
  -webkit-transform: translate(-33px, -47px);
     -moz-transform: translate(-33px, -47px);
       -o-transform: translate(-33px, -47px);
          transform: translate(-33px, -47px);
  opacity: .05; }

.gameDetails__item--link:before {
  width: 173px;
  height: 173px;
  background-image: url("../images/gameDetails/chain.svg");
  -webkit-transform: translate(-6px, -21px);
     -moz-transform: translate(-6px, -21px);
       -o-transform: translate(-6px, -21px);
          transform: translate(-6px, -21px);
  opacity: .05; }

.gameDetails__item--size:before {
  width: 336px;
  height: 284px;
  background-image: url("../images/gameDetails/cloud.svg");
  -webkit-transform: translate(-133px, -94px);
     -moz-transform: translate(-133px, -94px);
       -o-transform: translate(-133px, -94px);
          transform: translate(-133px, -94px);
  opacity: .05; }

.specialsCard img {
  display: block;
  width: 100%;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -webkit-border-bottom-left-radius: 9px;
     -moz-border-radius-bottomleft: 9px;
          border-bottom-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
     -moz-border-radius-topright: 9px;
          border-top-right-radius: 9px; }

.specialsCard__link {
  position: relative;
  display: block;
  text-decoration: none;
  color: #000; }
  .specialsCard__link:hover, .specialsCard__link:focus {
    text-decoration: none; }
  .specialsCard__link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    -webkit-border-bottom-left-radius: 9px;
       -moz-border-radius-bottomleft: 9px;
            border-bottom-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
       -moz-border-radius-topright: 9px;
            border-top-right-radius: 9px; }
    body.dark-theme .specialsCard__link:before {
      opacity: 0.4; }
  .specialsCard__link:hover, .specialsCard__link:focus {
    color: #000; }
    .specialsCard__link:hover .specialsCard__title, .specialsCard__link:focus .specialsCard__title {
      text-decoration: underline; }
    .specialsCard__link:hover:before,
    body.dark-theme .specialsCard__link:hover:before, .specialsCard__link:focus:before,
    body.dark-theme .specialsCard__link:focus:before {
      opacity: 0.25; }

.specialsCard__title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  padding: 0 15px 10px; }

.specialsCard__banner {
  position: relative;
  background: #FFC719;
  text-align: center;
  line-height: 31px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  color: #000;
  letter-spacing: 3px;
  -webkit-border-top-right-radius: 9px;
     -moz-border-radius-topright: 9px;
          border-top-right-radius: 9px; }
  @media (min-width: 576px) {
    .specialsCard__banner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; } }
  @media (min-width: 768px) {
    .specialsCard__banner {
      font-size: 18px; } }
  @media (max-width: 575.98px) {
    .specialsCard__banner + img {
      -webkit-border-top-right-radius: 0;
         -moz-border-radius-topright: 0;
              border-top-right-radius: 0; } }
  .specialsCard__banner:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #FFC719 transparent transparent transparent;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (min-width: 768px) {
      .specialsCard__banner:after {
        bottom: -14px; } }

@media (min-width: 1300px) {
  .specialsCard.specialsCard--big img,
  .specialsCard.specialsCard--big .specialsCard__link:before {
    -webkit-border-bottom-left-radius: 17px;
       -moz-border-radius-bottomleft: 17px;
            border-bottom-left-radius: 17px;
    -webkit-border-top-right-radius: 17px;
       -moz-border-radius-topright: 17px;
            border-top-right-radius: 17px; }
  .specialsCard.specialsCard--big .specialsCard__banner {
    -webkit-border-top-right-radius: 17px;
       -moz-border-radius-topright: 17px;
            border-top-right-radius: 17px; } }

@media (min-width: 576px) {
  .specialsCard.specialsCard--big .specialsCard__title {
    font-size: 24px;
    line-height: 32px; } }

@media (min-width: 1300px) {
  .specialsCard.specialsCard--big .specialsCard__title {
    font-weight: 900;
    font-size: 36px;
    line-height: 44px;
    padding: 0 30px 20px; }
    body.dark-theme .specialsCard.specialsCard--big .specialsCard__title {
      font-weight: 700; } }

.specialsCard.specialsCard--side img,
.specialsCard.specialsCard--side .specialsCard__link:before {
  -webkit-border-top-right-radius: 15px;
     -moz-border-radius-topright: 15px;
          border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
     -moz-border-radius-bottomleft: 15px;
          border-bottom-left-radius: 15px;
  z-index: 1; }

.specialsCard.specialsCard--side .specialsCard__banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 24px;
  z-index: 1; }
  .specialsCard.specialsCard--side .specialsCard__banner:after {
    border-width: 9px 9px 0 9px;
    bottom: -9px; }
  body.dark-theme .specialsCard.specialsCard--side .specialsCard__banner {
    font-weight: 700; }

.specialsCard.specialsCard--side .specialsCard__title {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 24px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  font-size: 24px;
  line-height: 32px;
  font-weight: 900; }
  body.dark-theme .specialsCard.specialsCard--side .specialsCard__title {
    font-weight: 700; }

.specialsList--big .specialsCard {
  margin-bottom: 20px; }
  @media (min-width: 1300px) {
    .specialsList--big .specialsCard {
      margin-bottom: 30px; } }

.specialsList--base .specialsCard {
  margin-bottom: 20px; }
  @media (min-width: 1300px) {
    .specialsList--base .specialsCard {
      margin-bottom: 30px; } }

@media (min-width: 768px) {
  .specialsList--base {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
    .specialsList--base .specialsCard {
      -webkit-flex-basis: -webkit-calc(50% - 10px);
              flex-basis: -moz-calc(50% - 10px);
              flex-basis: calc(50% - 10px); } }
    @media (min-width: 768px) and (min-width: 1300px) {
      .specialsList--base .specialsCard {
        -webkit-flex-basis: -webkit-calc(50% - 15px);
                flex-basis: -moz-calc(50% - 15px);
                flex-basis: calc(50% - 15px); } }

@media (min-width: 576px) and (max-width: 991.98px) {
  .specialsList--side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .specialsList--side .specialsCard {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
         -moz-box-flex: 1;
              flex: 1 1 50%;
      padding-left: 10px;
      padding-right: 10px; } }

.specialsList--side .specialsCard {
  margin-bottom: 20px; }

.specialsBanner {
  position: relative;
  background: #FFC719;
  text-align: center;
  line-height: 37px;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 15px;
  color: #000;
  letter-spacing: 3px;
  -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomleft: 10px;
          border-bottom-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topright: 10px;
          border-top-right-radius: 10px; }
  body.dark-theme .specialsBanner {
    font-weight: 700; }
  .specialsBanner:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #FFC719 transparent transparent transparent;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media (min-width: 768px) {
      .specialsBanner:after {
        bottom: -14px; } }

.signInfo {
  position: relative;
  color: #ffffff;
  background: #595959;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1; }
  @media (min-width: 360px) {
    .signInfo {
      margin-left: -20px;
      margin-right: -20px; } }
  @media (min-width: 1300px) {
    .signInfo {
      margin-left: -30px;
      margin-right: -30px; } }
  @media (min-width: 360px) {
    .signInfo {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 1300px) {
    .signInfo {
      padding-left: 30px;
      padding-right: 30px; } }
  .signInfo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/signInfo/bg.jpg") no-repeat center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
    z-index: -1;
    opacity: .5; }
  .signInfo .list {
    -webkit-transform: translateX(-20px);
       -moz-transform: translateX(-20px);
         -o-transform: translateX(-20px);
            transform: translateX(-20px); }

@media (min-width: 992px) {
  .signInfo {
    position: relative;
    background: transparent; }
    .signInfo:before {
      width: 50vw;
      background-color: #595959;
      max-width: 945px;
      max-height: 800px;
      opacity: 1; }
    .signInfo .list {
      -webkit-transform: translateX(-30px);
         -moz-transform: translateX(-30px);
           -o-transform: translateX(-30px);
              transform: translateX(-30px); } }

@media (min-width: 992px) {
  .profileHeader {
    margin-left: -20px;
    margin-right: -20px; } }

@media (min-width: 1300px) {
  .profileHeader {
    margin-left: -30px;
    margin-right: -30px; } }

.profileHeader__inner {
  position: relative;
  background: #0072CE;
  padding: 20px; }
  @media (min-width: 992px) {
    .profileHeader__inner {
      padding: 30px 20px; } }
  @media (min-width: 1300px) {
    .profileHeader__inner {
      padding: 30px; } }

.profileHeader__title {
  color: #ffffff; }
  @media (max-width: 991.98px) {
    .profileHeader__title {
      font-size: 24px;
      line-height: 32px;
      font-weight: 700; } }

.profileHeader__profileImage {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  width: 207px;
  height: 207px;
  background: #0072CE;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%); }
  .profileHeader__profileImage img {
    width: 167px;
    height: 167px; }
  @media (min-width: 992px) {
    .profileHeader__profileImage {
      display: none; } }

.profileHeader__info {
  margin-top: 20px; }
  @media (min-width: 576px) {
    .profileHeader__info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row wrap; } }

.profileHeader__info__group {
  margin-bottom: 20px; }
  @media (min-width: 576px) {
    .profileHeader__info__group {
      margin-right: 30px; } }
  .profileHeader__info__group-title {
    font-weight: 900;
    font-size: 12px;
    color: #000;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase; }
    body.dark-theme .profileHeader__info__group-title {
      font-weight: 700; }
  .profileHeader__info__group-text {
    font-weight: 700;
    font-size: 14px;
    color: #ffffff; }

.profileHeader__tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }
  @media (min-width: 992px) {
    .profileHeader__tools {
      position: absolute;
      top: 38px;
      right: 15px; } }
  .profileHeader__tools a {
    display: block;
    color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    font-size: 26px;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    margin-right: 15px; }
    .profileHeader__tools a:hover, .profileHeader__tools a:focus {
      text-decoration: none; }
    .profileHeader__tools a:hover, .profileHeader__tools a:focus {
      color: #ffffff; }
    .profileHeader__tools a.profileHeader__tools-signOut {
      font-size: 29px;
      -webkit-transform: translateY(3px);
         -moz-transform: translateY(3px);
           -o-transform: translateY(3px);
              transform: translateY(3px); }

.profileHeader__psn {
  padding-bottom: 15px; }
  @media (min-width: 992px) {
    .profileHeader__psn {
      display: none; } }

@media (min-width: 992px) {
  .profileHeader--mobile {
    display: none; } }

@media (max-width: 991.98px) {
  .profileHeader--desktop {
    display: none; } }

.psnPanel {
  background: #222222;
  padding: 30px;
  -webkit-border-bottom-left-radius: 25px;
     -moz-border-radius-bottomleft: 25px;
          border-bottom-left-radius: 25px; }

.psnPanel__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  height: 104px;
  background: url("../images/psnPanel/logo_symbols.svg") no-repeat center;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain; }

.sideProfile__profileImg {
  display: none; }
  @media (min-width: 992px) {
    .sideProfile__profileImg {
      position: relative;
      display: block;
      width: -webkit-calc(100% + 20px);
      width: -moz-calc(100% + 20px);
      width: calc(100% + 20px);
      margin-right: -20px;
      margin-top: -184px;
      padding: 60px;
      background: #0072CE; } }
  @media (min-width: 1300px) {
    .sideProfile__profileImg {
      margin-right: -30px;
      width: -webkit-calc(100% + 30px);
      width: -moz-calc(100% + 30px);
      width: calc(100% + 30px); } }
  @media (min-width: 992px) {
    .sideProfile__profileImg img {
      width: 240px;
      height: 240px; }
    .sideProfile__profileImg-edit {
      position: absolute;
      top: 0;
      right: 0;
      padding: 20px;
      display: block;
      color: rgba(255, 255, 255, 0.25);
      text-decoration: none;
      font-size: 24px;
      -webkit-transition: color 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out; }
      .sideProfile__profileImg-edit:hover, .sideProfile__profileImg-edit:focus {
        text-decoration: none; }
      .sideProfile__profileImg-edit:hover, .sideProfile__profileImg-edit:focus {
        color: #ffffff; } }

.sideProfile__psnPanel {
  display: none; }
  @media (min-width: 992px) {
    .sideProfile__psnPanel {
      display: block;
      margin-right: -20px; } }
  @media (min-width: 1300px) {
    .sideProfile__psnPanel {
      margin-right: -30px; } }

.sideTrophyList__row {
  display: block;
  position: relative;
  padding-left: 76px;
  padding-right: 51px;
  min-height: 76px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5; }
  body.dark-theme .sideTrophyList__row {
    border-bottom-color: rgba(255, 255, 255, 0.1); }

a.sideTrophyList__row {
  text-decoration: none; }
  a.sideTrophyList__row:hover, a.sideTrophyList__row:focus {
    text-decoration: none; }

.sideTrophyList__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover; }

.sideTrophyList__trophy {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover; }

.sideTrophyList__content {
  padding-top: 10px; }
  .sideTrophyList__content-title {
    font-weight: 900;
    font-size: 16px;
    color: #000000;
    line-height: 20px; }
    body.dark-theme .sideTrophyList__content-title {
      font-weight: 700;
      color: #ffffff; }
  .sideTrophyList__content-text {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    line-height: 24px; }
    body.dark-theme .sideTrophyList__content-text {
      color: rgba(255, 255, 255, 0.5); }

.settingsForm__max {
  max-width: 450px; }

.settingsForm__image {
  max-width: 100%; }

.tippy-box[data-theme~='psgamer'] {
  background-color: #0072CE;
  color: #ffffff;
  -webkit-box-shadow: 5px 10px 25px 0 rgba(61, 125, 202, 0.35);
     -moz-box-shadow: 5px 10px 25px 0 rgba(61, 125, 202, 0.35);
          box-shadow: 5px 10px 25px 0 rgba(61, 125, 202, 0.35);
  -webkit-border-radius: 0 10px 0 10px;
     -moz-border-radius: 0 10px 0 10px;
          border-radius: 0 10px 0 10px;
  font-size: 16px;
  line-height: 20px; }
  .tippy-box[data-theme~='psgamer'] .tippy-arrow {
    color: #0072CE; }
  .tippy-box[data-theme~='psgamer'] .tippy-content {
    padding: 20px 30px; }
  .tippy-box[data-theme~='psgamer'] .tippy-title {
    font-weight: 900; }
    body.dark-theme .tippy-box[data-theme~='psgamer'] .tippy-title {
      font-weight: 700; }
  .tippy-box[data-theme~='psgamer'] .tippy-text {
    color: rgba(255, 255, 255, 0.75); }

.priceTable__item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  body.dark-theme .priceTable__item {
    border-bottom-color: rgba(255, 255, 255, 0.1); }

.priceTable__item__header-logo img {
  max-width: 150px;
  height: auto; }

.priceTable__item__header-title {
  font-weight: 900;
  font-size: 16px;
  color: #000;
  line-height: 20px; }
  body.dark-theme .priceTable__item__header-title {
    color: #ffffff;
    font-weight: 700; }

.priceTable__item__header-text p {
  font-size: 16px;
  color: #999;
  line-height: 22px; }
  body.dark-theme .priceTable__item__header-text p {
    color: rgba(255, 255, 255, 0.75); }

.priceTable__item__body-stock {
  font-weight: 500;
  font-size: 14px; }

.priceTable__item__body-price {
  font-weight: 900;
  font-size: 20px;
  color: #0072CE; }
  body.dark-theme .priceTable__item__body-price {
    font-weight: 700; }

@media (max-width: 575.98px) {
  .priceTable__item__header-title {
    margin-top: 15px; }
  .priceTable__item__header-text {
    margin-top: 5px; }
  .priceTable__item__body {
    margin-top: 15px; }
  .priceTable__item__body-price {
    margin-top: 5px; }
  .priceTable__item__body-button {
    margin-top: 15px; } }

@media (min-width: 576px) {
  .priceTable__item__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
       -moz-box-flex: 1;
            flex: 1 1 100%; }
  .priceTable__item__header-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
       -moz-box-flex: 1;
            flex: 1 1 100%; }
  .priceTable__item__header-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 160px;
       -moz-box-flex: 0;
            flex: 0 0 160px; }
  .priceTable__item__body {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 330px;
       -moz-box-flex: 0;
            flex: 0 0 330px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .priceTable__item__body-stock {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 90px;
       -moz-box-flex: 0;
            flex: 0 0 90px;
    text-align: center; }
  .priceTable__item__body-price {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 120px;
       -moz-box-flex: 0;
            flex: 0 0 120px;
    text-align: center; }
  .priceTable__item__body-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 120px;
       -moz-box-flex: 0;
            flex: 0 0 120px;
    text-align: center; }
    .priceTable__item__body-button .btn {
      padding-left: 15px;
      padding-right: 15px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .priceTable__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
            align-items: flex-start; }
  .priceTable__item__body {
    margin-top: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 330px;
       -moz-box-flex: 0;
            flex: 0 0 330px; } }

@media (min-width: 1100px) {
  .priceTable__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
  .priceTable__item__body {
    margin-top: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 330px;
       -moz-box-flex: 0;
            flex: 0 0 330px; } }

@media (min-width: 360px) {
  .productCatalog--game {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px; }
    .productCatalog--game .productCatalog__item {
      width: 50%;
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;
      max-width: 260px; } }

@media (min-width: 768px) {
  .productCatalog--game {
    margin-left: -15px;
    margin-right: -15px; }
    .productCatalog--game .productCatalog__item {
      width: 33.33%;
      padding-left: 15px;
      padding-right: 15px;
      margin-bottom: 30px;
      max-width: 280px; } }

@media (min-width: 992px) and (max-width: 1099.98px) {
  .productCatalog--game {
    margin-left: -5px;
    margin-right: -5px; }
    .productCatalog--game .productCatalog__item {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;
      max-width: 260px; } }

.productCard {
  position: relative;
  padding: 20px;
  padding-bottom: 114px;
  height: 100%;
  border: 1px solid #E5E5E5; }
  body.dark-theme .productCard {
    border-color: rgba(255, 255, 255, 0.1); }
  .productCard__title {
    margin-bottom: 20px;
    min-height: 40px; }
  .productCard__image {
    display: block;
    width: 100%;
    height: auto; }
  .productCard__price {
    position: absolute;
    width: 100%;
    bottom: 70px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    color: #0072CE; }
  .productCard__btn {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    padding-left: 20px;
    padding-right: 20px; }

a.productCard {
  display: block;
  text-decoration: none;
  color: inherit; }
  a.productCard:hover, a.productCard:focus {
    border-color: #C7C7C7; }
    body.dark-theme a.productCard:hover, body.dark-theme a.productCard:focus {
      border-color: rgba(255, 255, 255, 0.3); }
    a.productCard:hover .productCard__title, a.productCard:focus .productCard__title {
      text-decoration: underline; }

@media (min-width: 360px) and (max-width: 575.98px) {
  .productCard,
  .productCard__price,
  .productCard__btn {
    padding-left: 10px;
    padding-right: 10px; }
  .productCard__title {
    min-height: 60px; } }

@media (min-width: 992px) and (max-width: 1099.98px) {
  .productCard,
  .productCard__price,
  .productCard__btn {
    padding-left: 10px;
    padding-right: 10px; } }

.gameCard1 img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
     -moz-box-flex: 0;
          flex: 0 0 100px;
  display: block;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  @media (max-width: 767.98px) {
    .gameCard1 img {
      width: 100px;
      height: 126px; } }
  @media (min-width: 992px) and (max-width: 1099.98px) {
    .gameCard1 img {
      width: 100px;
      height: 126px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .gameCard1 img {
      width: 119px;
      height: 150px; } }
  @media (min-width: 1100px) {
    .gameCard1 img {
      width: 119px;
      height: 150px; } }

.gameCard1__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  text-decoration: none;
  color: #000; }
  .gameCard1__link:hover, .gameCard1__link:focus {
    text-decoration: none; }
  body.dark-theme .gameCard1__link {
    color: #ffffff; }
  .gameCard1__link:hover, .gameCard1__link:focus {
    color: #000; }
    body.dark-theme .gameCard1__link:hover, body.dark-theme .gameCard1__link:focus {
      color: #ffffff; }
    .gameCard1__link:hover .gameCard1__title, .gameCard1__link:focus .gameCard1__title {
      color: #0072CE;
      text-decoration: underline; }
    .gameCard1__link:hover img, .gameCard1__link:focus img {
      opacity: .9; }

.gameCard1__inner {
  padding-left: 20px;
  width: 100%; }

.gameCard1__title {
  margin-bottom: 20px; }
  @media (max-width: 767.98px) {
    .gameCard1__title {
      font-size: 16px;
      line-height: 20px; } }
  @media (min-width: 992px) and (max-width: 1099.98px) {
    .gameCard1__title {
      font-size: 16px;
      line-height: 20px; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .gameCard1__title {
      font-size: 24px;
      line-height: 32px; } }
  @media (min-width: 1100px) {
    .gameCard1__title {
      font-size: 24px;
      line-height: 32px; } }

.gameCard1__details {
  margin: 0;
  padding: 0;
  list-style: none;
  background: rgba(0, 114, 206, 0.05);
  padding: 15px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }
  .gameCard1__details li {
    font-weight: 700; }
  @media (max-width: 767.98px) {
    .gameCard1__details {
      margin-bottom: 10px; }
      .gameCard1__details li {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 14px; }
        .gameCard1__details li:last-child {
          margin-bottom: 0; } }
  @media (min-width: 992px) and (max-width: 1099.98px) {
    .gameCard1__details {
      margin-bottom: 10px; }
      .gameCard1__details li {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 14px; }
        .gameCard1__details li:last-child {
          margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .gameCard1__details {
      padding: 8px 5px;
      margin-bottom: 20px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row wrap; }
      .gameCard1__details li {
        font-size: 14px;
        line-height: 16px;
        margin: 0 15px;
        padding: 5px 0; } }
  @media (min-width: 1100px) {
    .gameCard1__details {
      padding: 8px 5px;
      margin-bottom: 20px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: inline-flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row wrap; }
      .gameCard1__details li {
        font-size: 14px;
        line-height: 16px;
        margin: 0 15px;
        padding: 5px 0; } }

.gameCard2 img {
  display: block;
  width: 100%;
  height: auto; }

.gameCard2__link {
  display: block;
  text-decoration: none;
  color: #000; }
  .gameCard2__link:hover, .gameCard2__link:focus {
    text-decoration: none; }
  body.dark-theme .gameCard2__link {
    color: #ffffff; }
  .gameCard2__link:hover, .gameCard2__link:focus {
    color: #000; }
    body.dark-theme .gameCard2__link:hover, body.dark-theme .gameCard2__link:focus {
      color: #ffffff; }
    .gameCard2__link:hover .gameCard2__title, .gameCard2__link:focus .gameCard2__title {
      color: #0072CE;
      text-decoration: underline; }
    .gameCard2__link:hover img, .gameCard2__link:focus img {
      opacity: .9; }

.gameCard2__heading,
.gameCard2__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  height: 36px;
  background: #000;
  color: #ffffff;
  font-weight: 900;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 19px;
  white-space: nowrap; }
  @media (max-width: 575.98px) {
    .gameCard2__heading,
    .gameCard2__footer {
      grid-template-columns: 1fr 1fr;
      font-size: 14px;
      line-height: 16px; } }

.gameCard2__platforms {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 700; }

.gameCard2__footer {
  background: #E1261C;
  height: 39px; }
  .gameCard2__footer del {
    font-weight: 400; }

@media (max-width: 767.98px) {
  .gameCard2__title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px; } }

@media (min-width: 992px) and (max-width: 1099.98px) {
  .gameCard2__title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .gameCard2__title {
    font-size: 24px;
    line-height: 32px;
    margin-top: 20px; } }

@media (min-width: 1100px) {
  .gameCard2__title {
    font-size: 24px;
    line-height: 32px;
    margin-top: 20px; } }

.filter {
  background: #EFEFEF;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  padding: 30px 20px 10px; }
  @media (min-width: 992px) {
    .filter {
      padding: 30px 30px 10px; } }
  body.dark-theme .filter {
    background: #000; }

.filter__checkboxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap; }
  .filter__checkboxes .formGroup {
    margin-right: 30px; }
    .filter__checkboxes .formGroup:last-child {
      margin-right: 0; }

@media (min-width: 768px) and (max-width: 991.98px) {
  .filter__selects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
    .filter__selects .formGroup {
      width: -webkit-calc(33.33% - 7px);
      width: -moz-calc(33.33% - 7px);
      width: calc(33.33% - 7px); } }

@media (min-width: 1100px) {
  .filter__selects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
    .filter__selects .formGroup {
      width: -webkit-calc(33.33% - 7px);
      width: -moz-calc(33.33% - 7px);
      width: calc(33.33% - 7px); } }

.filter__selects--twoColumn {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  gap: 14px; }

.psPlusSideWrapper {
  padding: 30px 15px;
  background: #FFC719;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE536), to(#FFC719));
  background-image: -webkit-linear-gradient(top, #FFE536 0%, #FFC719 100%);
  background-image: -moz-linear-gradient(top, #FFE536 0%, #FFC719 100%);
  background-image: -o-linear-gradient(top, #FFE536 0%, #FFC719 100%);
  background-image: linear-gradient(180deg, #FFE536 0%, #FFC719 100%);
  -webkit-border-radius: 0 25px 0 25px;
     -moz-border-radius: 0 25px 0 25px;
          border-radius: 0 25px 0 25px; }
  body.dark-theme .psPlusSideWrapper .title {
    color: #000; }

.registrationBenefits {
  display: block;
  padding: 20px;
  position: relative;
  background: #000;
  z-index: 1; }
  .registrationBenefits img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1; }

.registrationBenefits--top {
  margin-bottom: 30px; }

.registrationBenefits__title {
  margin: 0 0 20px;
  text-transform: uppercase;
  font-size: 43.2px;
  font-weight: 900;
  color: #ffffff;
  line-height: 28px; }
  .registrationBenefits__title span {
    display: block;
    font-size: 21px;
    line-height: 28px;
    margin-top: 5px; }

ul.registrationBenefits__list li {
  padding: 6px 0 0 33px; }
  ul.registrationBenefits__list li:before {
    font-size: 23px;
    left: 0;
    top: 0;
    color: currentColor; }

.registrationBenefits__list {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: #ffffff; }
  .registrationBenefits__list li {
    margin: 0; }
  .registrationBenefits__list mark {
    background: transparent;
    color: #FFC719; }

.registrationBenefits__btn .btn {
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.25); }
  .registrationBenefits__btn .btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.registrationBenefits__close {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #ffffff;
  opacity: .5;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  .registrationBenefits__close::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .registrationBenefits__close:hover, .registrationBenefits__close:focus-visible {
    opacity: 1; }

@media (min-width: 576px) {
  .registrationBenefits__list {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    gap: 30px; }
    .registrationBenefits__list li {
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid; } }

@media (min-width: 992px) {
  .registrationBenefits {
    padding-right: 50px;
    display: grid;
    grid-template: 'title list button' / auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    gap: 20px;
    margin-top: -20px; }
  .registrationBenefits__title {
    grid-area: title;
    margin: 0; }
  .registrationBenefits__list {
    margin: 0;
    grid-area: list; }
  .registrationBenefits__btn {
    grid-area: button; } }

@media (min-width: 1300px) {
  .registrationBenefits {
    margin-top: -30px; } }

.topUsersTable {
  width: 100%; }
  .topUsersTable thead th {
    text-align: center; }
  .topUsersTable tbody {
    font-size: 14px;
    line-height: 1.2;
    text-align: center; }
    .topUsersTable tbody tr {
      position: relative;
      border-bottom: 1px solid #C7C7C7; }
    .topUsersTable tbody td {
      padding-top: 20px;
      padding-bottom: 20px; }
    .topUsersTable tbody .topUsersTable-content,
    .topUsersTable tbody .topUsersTable-image {
      text-align: left; }
    .topUsersTable tbody .topUsersTable-image {
      width: 85px;
      padding-right: 30px; }
      .topUsersTable tbody .topUsersTable-image img {
        display: block; }
    .topUsersTable tbody .topUsersTable-content {
      width: 100%; }
      .topUsersTable tbody .topUsersTable-content h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 2px; }
      .topUsersTable tbody .topUsersTable-content p {
        font-size: 14px;
        line-height: 1.2; }
    .topUsersTable tbody .topUsersTable-level,
    .topUsersTable tbody .topUsersTable-platinum,
    .topUsersTable tbody .topUsersTable-gold,
    .topUsersTable tbody .topUsersTable-silver,
    .topUsersTable tbody .topUsersTable-bronze {
      padding-left: 20px;
      padding-right: 20px;
      font-weight: 700; }
    .topUsersTable tbody .topUsersTable-link {
      text-decoration: none;
      color: inherit; }
      .topUsersTable tbody .topUsersTable-link:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .topUsersTable tbody .topUsersTable-link:hover h2, .topUsersTable tbody .topUsersTable-link:focus h2 {
        color: #0072CE;
        text-decoration: underline; }
    .topUsersTable tbody .topUsersTable-platinum {
      color: #3D7DCA; }
    .topUsersTable tbody .topUsersTable-gold {
      color: #EECA7E; }
    .topUsersTable tbody .topUsersTable-silver {
      color: #C3C3C5; }
    .topUsersTable tbody .topUsersTable-bronze {
      color: #D88253; }

.userProfileCard {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: 'image content' 'game game';
  gap: 20px;
  padding-bottom: 30px; }
  .userProfileCard + .userProfileCard {
    margin-top: 30px; }

.userProfileCard__image {
  grid-area: image; }
  .userProfileCard__image img {
    width: 100px;
    height: 100px;
    display: block; }

.userProfileCard__content {
  grid-area: content; }

.userProfileCard__name a {
  color: inherit;
  text-decoration: none; }
  .userProfileCard__name a:hover, .userProfileCard__name a:focus-visible {
    text-decoration: underline; }

.userProfileCard__name strong {
  font-weight: 900; }

.userProfileCard__name small {
  font-size: inherit;
  line-height: inherit; }

.userProfileCard__trophies {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template: auto/repeat(2, 1fr);
  gap: 10px; }
  @media (min-width: 576px) {
    .userProfileCard__trophies {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center; } }
  .userProfileCard__trophies li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    font-weight: 700;
    font-size: 14px;
    gap: 5px; }
    @media (min-width: 576px) {
      .userProfileCard__trophies li {
        min-width: 10ch; } }
    .userProfileCard__trophies li img {
      width: 30px;
      height: auto;
      display: block; }
    .userProfileCard__trophies li.blue {
      color: #0072CE; }
    .userProfileCard__trophies li.gold {
      color: #EECA7E; }
    .userProfileCard__trophies li.silver {
      color: #C3C3C5; }
    .userProfileCard__trophies li.bronze {
      color: #D88253; }

.userProfileCard__game {
  position: relative;
  grid-area: game; }
  .userProfileCard__game-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .userProfileCard__game-inner {
    margin-top: 10px;
    background: #0072CE;
    color: #ffffff;
    -webkit-border-radius: 0 25px 0 25px;
       -moz-border-radius: 0 25px 0 25px;
            border-radius: 0 25px 0 25px;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 80px 1fr;
    grid-template-areas: "cardImage cardContent" "cardImage cardButton";
    gap: 0 20px;
    overflow: hidden; }
  .userProfileCard__game__content {
    padding-top: 20px;
    padding-right: 20px;
    grid-area: cardContent; }
  .userProfileCard__game__image {
    grid-area: cardImage; }
  .userProfileCard__game__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px; }
  .userProfileCard__game__info {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.75); }
  .userProfileCard__game__button .btn {
    position: relative; }
  .userProfileCard__game__button, .userProfileCard__game__trophies {
    margin-top: 10px;
    grid-area: cardButton;
    padding-bottom: 20px;
    padding-right: 20px; }
  .userProfileCard__game__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .userProfileCard__game__trophies {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    gap: 5px; }
    .userProfileCard__game__trophies img {
      width: 32px;
      height: 32px;
      display: block; }

@media (min-width: 768px) and (max-width: 991.98px) {
  .userProfileCard {
    padding-bottom: 20px;
    grid-template-columns: 180px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'image content' 'image game';
    gap: 30px; }
    .userProfileCard + .userProfileCard {
      margin-top: 20px; }
  .userProfileCard__image img {
    width: 180px;
    height: 180px; }
  .userProfileCard__game-inner {
    gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 80px 1fr 190px;
    grid-template-areas: "cardImage cardContent cardButton"; }
  .userProfileCard__game__content {
    -webkit-align-self: center;
            align-self: center;
    padding-right: 0;
    padding-bottom: 20px; }
  .userProfileCard__game__button, .userProfileCard__game__trophies {
    margin-top: 0;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-align-self: center;
            align-self: center; }
  .userProfileCard__game__button {
    justify-self: end; }
  .userProfileCard__game__trophies {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
            justify-content: flex-end; }
    .userProfileCard__game__trophies img {
      width: 48px;
      height: 48px; } }

@media (min-width: 1100px) {
  .userProfileCard {
    padding-bottom: 20px;
    grid-template-columns: 180px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: 'image content' 'image game';
    gap: 30px; }
    .userProfileCard + .userProfileCard {
      margin-top: 20px; }
  .userProfileCard__image img {
    width: 180px;
    height: 180px; }
  .userProfileCard__game-inner {
    gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 80px 1fr 190px;
    grid-template-areas: "cardImage cardContent cardButton"; }
  .userProfileCard__game__content {
    -webkit-align-self: center;
            align-self: center;
    padding-right: 0;
    padding-bottom: 20px; }
  .userProfileCard__game__button, .userProfileCard__game__trophies {
    margin-top: 0;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-align-self: center;
            align-self: center; }
  .userProfileCard__game__button {
    justify-self: end; }
  .userProfileCard__game__trophies {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
            justify-content: flex-end; }
    .userProfileCard__game__trophies img {
      width: 48px;
      height: 48px; } }

.survey {
  padding: 30px;
  background: #F5F8FC;
  -webkit-border-radius: 0 25px;
     -moz-border-radius: 0 25px;
          border-radius: 0 25px; }
  body.dark-theme .survey {
    background: #373737; }

.survey__buttons {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  gap: 20px; }

@media (max-width: 359.98px) {
  .survey__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-flow: column; } }

.surveyResults {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  gap: 30px;
  padding: 30px;
  background: #F5F8FC;
  -webkit-border-radius: 0 25px;
     -moz-border-radius: 0 25px;
          border-radius: 0 25px; }
  body.dark-theme .surveyResults {
    background: #373737; }
  .surveyResults progress {
    width: 100%;
    display: block;
    height: 36px;
    -webkit-border-radius: 0 10px;
       -moz-border-radius: 0 10px;
            border-radius: 0 10px;
    background-color: transparent;
    border: none; }

.surveyResults__label {
  display: block;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: 700; }

.surveyResults__value {
  width: var(--value, 0);
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
          justify-content: end;
  height: 36px;
  -webkit-border-radius: 0 10px;
     -moz-border-radius: 0 10px;
          border-radius: 0 10px;
  background-color: #0072CE;
  color: #ffffff;
  font-size: 17px;
  line-height: 22px;
  font-weight: 700; }

.surveyCounter {
  white-space: nowrap; }

.gameRowCard {
  --columns: 1;
  padding: 25px 30px 25px 110px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  grid-template-areas: "name" "date" "price" "button";
  gap: 10px;
  background: #0072CE;
  min-height: 100px;
  -webkit-border-radius: 0 25px 0 25px;
     -moz-border-radius: 0 25px 0 25px;
          border-radius: 0 25px 0 25px; }

.gameRowCard__image {
  position: absolute;
  top: 0;
  left: 0; }
  .gameRowCard__image img {
    margin: 0;
    display: block;
    width: 80px;
    height: 100px; }

.gameRowCard__name {
  grid-area: name; }

.gameRowCard__date {
  grid-area: date; }

.gameRowCard__price {
  grid-area: price; }

.gameRowCard__button {
  grid-area: button; }
  .gameRowCard__button .btn:before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: .5; }

.gameRowCard__title {
  display: block;
  font-weight: 900;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase; }
  body.dark-theme .gameRowCard__title {
    color: #000; }

.gameRowCard__info {
  font-weight: 700;
  color: #ffffff; }

@media (min-width: 576px) {
  .gameRowCard {
    --columns: 2;
    gap: 20px;
    grid-template-areas: "name name" "date price" "button button"; } }

@media (min-width: 768px) and (max-width: 1299.98px) {
  .gameRowCard {
    grid-template-areas: "name name name" "date price button"; } }

@media (min-width: 1300px) {
  .gameRowCard {
    gap: 30px;
    grid-template-columns: 200px 1fr 1fr auto;
    grid-template-areas: "name date price button"; } }

.gameRowCards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  gap: 20px; }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

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

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  background-color: #EFEFEF;
  width: 100%;
  color: #000;
  font-size: 17px;
  line-height: 1.2; }
  body.dark-theme {
    background-color: #000000;
    color: #fff; }

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

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

strong {
  font-weight: 700; }

.pageHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10; }
  @media (min-width: 768px) {
    .pageHeader {
      position: absolute; } }

.pageHeader__wrapper {
  height: 60px;
  background: #222222; }
  @media (min-width: 768px) {
    .pageHeader__wrapper {
      height: 80px; } }
  @media screen and (min-width: 1640px) {
    .pageHeader__wrapper {
      background-image: url("../images/pageHeader/bg.svg"), url("../images/pageHeader/bg.svg");
      background-repeat: no-repeat;
      -webkit-background-size: auto 100%;
         -moz-background-size: auto 100%;
              background-size: auto 100%;
      background-position: top left, top right; } }

.pageHeader__container {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between; }

.pageHeader__toggle {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
     -moz-box-flex: 0;
          flex: 0 0 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-right: 17px;
  height: 100%;
  outline: none; }
  .pageHeader__toggle::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .pageHeader__toggle-text {
    display: none; }
  .pageHeader__toggle svg {
    -webkit-transition: fill 0.25s ease-in-out;
    -o-transition: fill 0.25s ease-in-out;
    -moz-transition: fill 0.25s ease-in-out;
    transition: fill 0.25s ease-in-out; }
  .pageHeader__toggle:hover svg {
    fill: #0072CE; }
  @media (min-width: 992px) {
    .pageHeader__toggle {
      display: none; } }

.pageHeader__brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  height: 100%; }
  .pageHeader__brand img {
    height: 20px; }
    @media (min-width: 360px) {
      .pageHeader__brand img {
        height: 23px; } }
    @media (min-width: 768px) {
      .pageHeader__brand img {
        height: 31px; } }
    @media (min-width: 992px) and (max-width: 1299.98px) {
      .pageHeader__brand img {
        height: 23px; } }

.pageHeader__tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0;
     -moz-box-flex: 0;
          flex: 0 0; }
  .pageHeader__tools__item {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    font-size: 24px;
    color: #595959;
    height: 100%;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    padding: 0 10px;
    -webkit-transform: translateX(10px);
       -moz-transform: translateX(10px);
         -o-transform: translateX(10px);
            transform: translateX(10px);
    outline: none;
    text-decoration: none; }
    .pageHeader__tools__item::-moz-focus-inner {
      border: 0;
      padding: 0; }
    @media (min-width: 768px) {
      .pageHeader__tools__item {
        font-size: 30px;
        padding: 0 15px;
        -webkit-transform: translateX(15px);
           -moz-transform: translateX(15px);
             -o-transform: translateX(15px);
                transform: translateX(15px); } }
    .pageHeader__tools__item:hover, .pageHeader__tools__item:focus {
      color: #ffffff;
      text-decoration: none; }

@media (max-width: 575.98px) {
  .pageHeader__tools__item--share {
    display: none; } }

.pageHeader__tools__item--profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }
  @media (min-width: 992px) {
    .pageHeader__tools__item--profile {
      padding-right: 40px; }
      .pageHeader__tools__item--profile:after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: "\76";
        font-family: "psgamer" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #595959;
        font-size: 12px;
        -webkit-transform: translateY(-50%) rotate(90deg);
           -moz-transform: translateY(-50%) rotate(90deg);
             -o-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
        -webkit-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out; } }
  @media (min-width: 1300px) {
    .pageHeader__tools__item--profile {
      margin-right: -40px; } }
  .pageHeader__tools__item--profile img {
    width: 24px;
    height: 24px;
    display: block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }
    @media (min-width: 576px) {
      .pageHeader__tools__item--profile img {
        width: 30px;
        height: 30px; } }
    @media (min-width: 768px) {
      .pageHeader__tools__item--profile img {
        width: 48px;
        height: 48px; } }
    @media (min-width: 992px) and (max-width: 1099.98px) {
      .pageHeader__tools__item--profile img {
        width: 35px;
        height: 35px; } }

.pageHeader__tools__item--login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }

.pageFooter {
  padding-top: 60px;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  background: #222222 url("../images/pageFooter/bg.svg") no-repeat center;
  -webkit-background-size: auto 100%;
     -moz-background-size: auto 100%;
          background-size: auto 100%; }

.pageFooter__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }

.pageFooter__navigation {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  @media (min-width: 360px) {
    .pageFooter__navigation {
      display: block;
      margin-top: -10px;
      margin-bottom: -10px; } }
  .pageFooter__navigation li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none; }
  .pageFooter__navigation a {
    display: block;
    text-decoration: none;
    color: #8E8E8E;
    padding: 10px;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .pageFooter__navigation a:hover, .pageFooter__navigation a:focus {
      text-decoration: underline; }
    @media (min-width: 360px) and (max-width: 575.98px) {
      .pageFooter__navigation a {
        padding: 10px 5px;
        font-size: 13px; } }
    .pageFooter__navigation a.isActive, .pageFooter__navigation a:hover, .pageFooter__navigation a:focus {
      color: #ffffff; }

.pageFooter__brand {
  display: block;
  margin-bottom: 15px; }
  @media (min-width: 360px) {
    .pageFooter__brand {
      margin-top: 40px; } }
  .pageFooter__brand img {
    height: 23px; }

.pageFooter__copy {
  margin: 15px 0 30px;
  color: #8E8E8E; }
  @media (max-width: 575.98px) {
    .pageFooter__copy {
      font-size: 13px; } }
  .pageFooter__copy a {
    color: #8E8E8E;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .pageFooter__copy a:hover, .pageFooter__copy a:focus {
      color: #ffffff; }

.pageFooter__socials {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .pageFooter__socials li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none; }
  .pageFooter__socials a {
    display: block;
    text-decoration: none;
    color: #8E8E8E;
    padding: 0 5px;
    font-size: 28px;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .pageFooter__socials a:hover, .pageFooter__socials a:focus {
      text-decoration: none; }
    .pageFooter__socials a:hover, .pageFooter__socials a:focus {
      color: #ffffff; }

.pageWrapper {
  position: relative;
  overflow-x: hidden;
  padding-top: 60px; }
  @media (min-width: 768px) {
    .pageWrapper {
      padding-top: 80px; } }

body.withNoFullPageImage .pageWrapper,
body.withFullPageImage .pageWrapper {
  padding-top: 394px; }
  @media (min-width: 768px) {
    body.withNoFullPageImage .pageWrapper,
    body.withFullPageImage .pageWrapper {
      padding-top: 500px; } }

@media (min-width: 768px) {
  body.withNoFullPageImage--profile .pageWrapper,
  body.withFullPageImage--profile .pageWrapper {
    padding-top: 560px; } }

.pageNavigation {
  display: none; }
  @media (min-width: 992px) {
    .pageNavigation {
      display: block;
      height: 100%; } }

@media (min-width: 992px) {
  .pageNavigation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: unset; }
  .pageNavigation li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: unset;
    height: 100%; }
    .pageNavigation li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      height: 100%;
      font-size: 18px;
      color: #C7C7C7;
      font-weight: 700;
      padding: 0 15px;
      text-decoration: none;
      background: transparent;
      -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, background 0.25s ease-in-out; }
      .pageNavigation li a:hover, .pageNavigation li a:focus {
        text-decoration: none; } }
    @media (min-width: 992px) and (min-width: 992px) and (max-width: 1099.98px) {
      .pageNavigation li a {
        font-size: 16px; } }

@media (min-width: 992px) {
      .pageNavigation li a:hover, .pageNavigation li a:focus {
        color: #ffffff;
        background: #595959; } }
    @media (min-width: 992px) and (min-width: 1300px) {
      .pageNavigation li a {
        padding: 0 25px; } }

@media (min-width: 992px) {
    .pageNavigation li.hasSub a {
      position: relative;
      padding-right: 39px; } }
    @media (min-width: 992px) and (min-width: 1300px) {
      .pageNavigation li.hasSub a {
        padding-right: 49px; } }

@media (min-width: 992px) {
      .pageNavigation li.hasSub a:after {
        position: absolute;
        top: 50%;
        right: 15px;
        content: "\76";
        font-family: "psgamer" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #595959;
        font-size: 12px;
        -webkit-transform: translateY(-50%) rotate(90deg);
           -moz-transform: translateY(-50%) rotate(90deg);
             -o-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
        -webkit-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out; } }
      @media (min-width: 992px) and (min-width: 1300px) {
        .pageNavigation li.hasSub a:after {
          right: 25px; } }

@media (min-width: 992px) {
      .pageNavigation li.hasSub a:hover:after, .pageNavigation li.hasSub a:focus:after {
        color: #696969; } }

.mobileNavigation {
  display: none; }
  @media (max-width: 991.98px) {
    .mobileNavigation {
      position: fixed;
      top: 0;
      left: -300px;
      display: block;
      width: 300px;
      height: 100%;
      background: #222222;
      z-index: 11;
      -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
         -moz-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
              box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
      -webkit-transform: translateX(0);
         -moz-transform: translateX(0);
           -o-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      transition: -webkit-transform 0.25s ease-in-out;
      -o-transition: -o-transform 0.25s ease-in-out;
      -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
      .mobileNavigation.isActive {
        -webkit-transform: translateX(300px);
           -moz-transform: translateX(300px);
             -o-transform: translateX(300px);
                transform: translateX(300px);
        -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75);
           -moz-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75);
                box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75); } }

@media (max-width: 991.98px) {
  .mobileNavigation__header {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: #222222; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .mobileNavigation__header {
      height: 80px; } }

@media (max-width: 991.98px) {
  .mobileNavigation__toggle {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 28px;
    color: #ffffff;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    outline: none; }
    .mobileNavigation__toggle::-moz-focus-inner {
      border: 0;
      padding: 0; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .mobileNavigation__toggle {
      width: 80px;
      height: 80px; } }

@media (max-width: 991.98px) {
    .mobileNavigation__toggle-text {
      display: none; }
    .mobileNavigation__toggle:hover {
      color: #0072CE; }
  .mobileNavigation__body {
    position: absolute;
    left: 0;
    bottom: 0;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    width: 100%;
    overflow-y: auto; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .mobileNavigation__body {
      height: -webkit-calc(100% - 80px);
      height: -moz-calc(100% - 80px);
      height: calc(100% - 80px); } }

@media (max-width: 991.98px) {
  .mobileNavigation__list, .mobileNavigation__list ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
  .mobileNavigation__list > li {
    border-top: 1px solid #373737;
    -webkit-transition: border 0.25s ease-in-out;
    -o-transition: border 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out;
    transition: border 0.25s ease-in-out; }
    .mobileNavigation__list > li:first-child {
      border-top: none; }
    .mobileNavigation__list > li:last-child {
      border-bottom: 1px solid #373737; }
  .mobileNavigation__list li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
    .mobileNavigation__list li ul {
      display: none;
      background: #ffffff; }
      body.dark-theme .mobileNavigation__list li ul {
        background-color: #373737; }
      .mobileNavigation__list li ul a {
        color: #000;
        padding-top: 10px;
        padding-bottom: 10px; }
        body.dark-theme .mobileNavigation__list li ul a {
          color: #ffffff; }
    .mobileNavigation__list li.hasSub ul {
      margin-top: -8px;
      padding-bottom: 10px; }
    .mobileNavigation__list li.hasSub li {
      opacity: 0;
      -webkit-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
    .mobileNavigation__list li.hasSub > a {
      -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
      -o-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
      -moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
      transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
      text-decoration: none; }
      .mobileNavigation__list li.hasSub > a:after {
        -webkit-transform: translate(0, -50%) rotate(90deg);
           -moz-transform: translate(0, -50%) rotate(90deg);
             -o-transform: translate(0, -50%) rotate(90deg);
                transform: translate(0, -50%) rotate(90deg); }
    .mobileNavigation__list li.isActive {
      border-color: #ffffff; }
      body.dark-theme .mobileNavigation__list li.isActive {
        border-color: #373737; }
      .mobileNavigation__list li.isActive li {
        opacity: 1; }
      .mobileNavigation__list li.isActive > a {
        color: #000;
        background: #ffffff; }
        body.dark-theme .mobileNavigation__list li.isActive > a {
          color: #ffffff;
          background-color: #373737; }
        .mobileNavigation__list li.isActive > a:after {
          -webkit-transform: translate(0, -50%) rotate(-90deg);
             -moz-transform: translate(0, -50%) rotate(-90deg);
               -o-transform: translate(0, -50%) rotate(-90deg);
                  transform: translate(0, -50%) rotate(-90deg); }
  .mobileNavigation__list a {
    position: relative;
    display: block;
    padding: 18px 30px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-decoration: none; }
    .mobileNavigation__list a:hover, .mobileNavigation__list a:focus {
      text-decoration: underline; }
    .mobileNavigation__list a:after {
      content: "\76";
      position: absolute;
      top: 50%;
      right: 30px;
      font-family: "psgamer" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 13px;
      -webkit-transform: translate(0, -50%);
         -moz-transform: translate(0, -50%);
           -o-transform: translate(0, -50%);
              transform: translate(0, -50%);
      color: #C7C7C7;
      -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; } }

@media (min-width: 992px) {
  .mobileNavigation__overlay {
    display: none !important; } }

@media (max-width: 991.98px) {
  .mobileNavigation__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 10;
    display: none; } }

@media (min-width: 992px) {
  .profileNavigation {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: auto;
    background: #0072CE;
    z-index: -1;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0);
       -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0);
            box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: box-shadow 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out; }
    body.dark-theme .profileNavigation {
      background-color: #373737; }
    .profileNavigation.isActive {
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
      -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15); } }

@media (max-width: 991.98px) {
  .profileNavigation {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background: #0072CE;
    z-index: 11;
    -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
       -moz-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
            box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0);
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: -o-transform 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
    body.dark-theme .profileNavigation {
      background-color: #373737; }
    .profileNavigation.isActive {
      -webkit-transform: translateX(-300px);
         -moz-transform: translateX(-300px);
           -o-transform: translateX(-300px);
              transform: translateX(-300px);
      -webkit-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75);
         -moz-box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75);
              box-shadow: 15px 0 50px 0 rgba(0, 0, 0, 0.75); } }

@media (min-width: 992px) {
  .profileNavigation__header {
    display: none; }
  .profileNavigation__body {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1190px; } }
  @media (min-width: 992px) and (min-width: 360px) {
    .profileNavigation__body {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 992px) and (min-width: 1300px) {
    .profileNavigation__body {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 992px) and (min-width: 360px) {
    .profileNavigation__body {
      max-width: 1210px; } }
  @media (min-width: 992px) and (min-width: 1300px) {
    .profileNavigation__body {
      max-width: 1230px; } }

@media (min-width: 992px) {
  .profileNavigation__list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -10px;
    margin-right: -10px; }
    .profileNavigation__list:before, .profileNavigation__list:after {
      content: " ";
      display: table; }
    .profileNavigation__list:after {
      clear: both; }
    .profileNavigation__list li {
      float: left;
      display: block;
      margin: 0;
      padding: 0;
      list-style: none;
      margin-right: 60px; }
    .profileNavigation__list a {
      position: relative;
      display: block;
      padding: 35px 23px 35px 10px;
      font-weight: bold;
      font-size: 16px;
      color: rgba(255, 255, 255, 0.75);
      text-decoration: none;
      -webkit-transition: color 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out; }
      .profileNavigation__list a:hover, .profileNavigation__list a:focus {
        text-decoration: none; }
      .profileNavigation__list a:after {
        content: "\76";
        position: absolute;
        top: 50%;
        right: 0;
        font-family: "psgamer" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 13px;
        -webkit-transform: translate(0, -50%);
           -moz-transform: translate(0, -50%);
             -o-transform: translate(0, -50%);
                transform: translate(0, -50%);
        color: rgba(255, 255, 255, 0.5);
        -webkit-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out; }
      .profileNavigation__list a:hover, .profileNavigation__list a:focus {
        color: #ffffff; }
        .profileNavigation__list a:hover:after, .profileNavigation__list a:focus:after {
          color: rgba(255, 255, 255, 0.75); }
    .profileNavigation__list li.logOut {
      float: right;
      margin-right: 0; }
      .profileNavigation__list li.logOut a {
        padding-right: 45px; }
        .profileNavigation__list li.logOut a:after {
          content: "\46";
          font-size: 30px; } }

@media (max-width: 991.98px) {
  .profileNavigation__header {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: #0072CE; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .profileNavigation__header {
      height: 80px; } }

@media (max-width: 991.98px) {
    body.dark-theme .profileNavigation__header {
      background-color: #373737; }
  .profileNavigation__toggle {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 28px;
    color: #ffffff;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    outline: none; }
    .profileNavigation__toggle::-moz-focus-inner {
      border: 0;
      padding: 0; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .profileNavigation__toggle {
      width: 80px;
      height: 80px; } }

@media (max-width: 991.98px) {
    .profileNavigation__toggle-text {
      display: none; }
    .profileNavigation__toggle:hover {
      color: rgba(255, 255, 255, 0.75); }
  .profileNavigation__body {
    position: absolute;
    left: 0;
    bottom: 0;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    width: 100%;
    overflow-y: auto; } }
  @media (max-width: 991.98px) and (min-width: 768px) {
    .profileNavigation__body {
      height: -webkit-calc(100% - 80px);
      height: -moz-calc(100% - 80px);
      height: calc(100% - 80px); } }

@media (max-width: 991.98px) {
  .profileNavigation__list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
    .profileNavigation__list > li {
      border-top: 1px solid rgba(255, 255, 255, 0.25);
      -webkit-transition: border 0.25s ease-in-out;
      -o-transition: border 0.25s ease-in-out;
      -moz-transition: border 0.25s ease-in-out;
      transition: border 0.25s ease-in-out; }
      .profileNavigation__list > li:first-child {
        border-top: none; }
      .profileNavigation__list > li:last-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
    .profileNavigation__list li {
      display: block;
      margin: 0;
      padding: 0;
      list-style: none; }
    .profileNavigation__list a {
      position: relative;
      display: block;
      padding: 18px 30px;
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
      color: #ffffff;
      text-decoration: none; }
      .profileNavigation__list a:hover, .profileNavigation__list a:focus {
        text-decoration: underline; }
      .profileNavigation__list a:after {
        content: "\76";
        position: absolute;
        top: 50%;
        right: 30px;
        font-family: "psgamer" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 13px;
        -webkit-transform: translate(0, -50%);
           -moz-transform: translate(0, -50%);
             -o-transform: translate(0, -50%);
                transform: translate(0, -50%);
        color: rgba(255, 255, 255, 0.5);
        -webkit-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out; }
    .profileNavigation__list li.logOut a:after {
      content: "\46";
      font-size: 20px;
      right: 25px; } }

.profileNavigation__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  z-index: 10;
  display: none; }
  @media (min-width: 992px) {
    .profileNavigation__overlay {
      z-index: -2;
      background: transparent; } }

.subNavigation {
  display: none; }
  @media (min-width: 992px) {
    .subNavigation {
      position: absolute;
      top: 80px;
      left: 0;
      width: 100%;
      height: auto;
      background: #ffffff;
      z-index: -1;
      -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
         -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.15); }
      body.dark-theme .subNavigation {
        background: #373737; } }
  @media (max-width: 991.98px) {
    .subNavigation {
      display: none !important; } }

@media (min-width: 992px) {
  .subNavigation__item {
    display: none;
    background: #ffffff; }
    body.dark-theme .subNavigation__item {
      background: #373737; }
    .subNavigation__item.isActive {
      display: block; }
  .subNavigation__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    padding: 40px 0; }
  .subNavigation__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: transparent;
    z-index: 9;
    display: none; } }

.subNavigation__column--articles-2 {
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1; }
  .subNavigation__column--articles-2 .articleList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .subNavigation__column--articles-2 .articleList .articleCard {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 50%;
         -moz-box-flex: 0;
              flex: 0 0 50%;
      width: 50%;
      padding-left: 10px;
      padding-right: 10px; }

.subNavigation__column--articles-2-max {
  width: 100%;
  max-width: 690px;
  -webkit-flex-basis: 590px;
          flex-basis: 590px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1; }

.subNavigation__column--articles-3 {
  width: 100%;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1; }
  .subNavigation__column--articles-3 .articleList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin: 0 -10px; }
    .subNavigation__column--articles-3 .articleList .articleCard {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 33.33%;
         -moz-box-flex: 0;
              flex: 0 0 33.33%;
      width: 33.33%;
      padding-left: 10px;
      padding-right: 10px; }

.subNavigation__column--nav-2 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
          flex-shrink: 1; }

.subNavigation__column--nav-1 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  min-width: 200px; }

.subNavigation__nav {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: -9px;
  list-style: none; }
  .subNavigation__nav li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; }
  .subNavigation__nav a {
    position: relative;
    display: block;
    padding: 9px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;
    color: #000;
    -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    text-decoration: none; }
    .subNavigation__nav a:hover, .subNavigation__nav a:focus {
      text-decoration: underline; }
    body.dark-theme .subNavigation__nav a {
      color: #ffffff; }
    .subNavigation__nav a:after {
      content: "\76";
      position: absolute;
      top: 50%;
      right: 30px;
      font-family: "psgamer" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 13px;
      -webkit-transform: translate(0, -50%);
         -moz-transform: translate(0, -50%);
           -o-transform: translate(0, -50%);
              transform: translate(0, -50%);
      color: #C7C7C7;
      -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }

.pageLayout {
  padding-bottom: 50px; }
  .pageLayout__side {
    margin-top: 60px; }
  @media (min-width: 992px) {
    .pageLayout {
      padding-bottom: 80px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row; }
      .pageLayout__main {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
           -moz-box-flex: 1;
                flex: 1 1 auto;
        padding-right: 20px;
        overflow: hidden; } }
    @media (min-width: 992px) and (min-width: 1300px) {
      .pageLayout__main {
        padding-right: 30px; } }
  @media (min-width: 992px) {
        .pageLayout__main--noOverflow {
          overflow: initial; }
      .pageLayout__side {
        margin-top: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 330px;
           -moz-box-flex: 0;
                flex: 0 0 330px;
        width: 330px; } }

@media (min-width: 992px) {
  .container--game .pageLayout__side {
    -webkit-transform: translateY(-442px);
       -moz-transform: translateY(-442px);
         -o-transform: translateY(-442px);
            transform: translateY(-442px); }
  .container--game {
    position: relative;
    z-index: 1;
    background: #ffffff; } }

@media (min-width: 1300px) {
  .container--game .pageLayout__side {
    -webkit-transform: translateY(-455px);
       -moz-transform: translateY(-455px);
         -o-transform: translateY(-455px);
            transform: translateY(-455px); } }

.pageContent {
  min-height: -webkit-calc(100vh - 60px - 327px);
  min-height: -moz-calc(100vh - 60px - 327px);
  min-height: calc(100vh - 60px - 327px); }
  @media (min-width: 768px) {
    .pageContent {
      min-height: -webkit-calc(100vh - 80px - 327px);
      min-height: -moz-calc(100vh - 80px - 327px);
      min-height: calc(100vh - 80px - 327px); } }
  body.dark-theme .pageContent img {
    -webkit-filter: brightness(0.8) contrast(1.2);
            filter: brightness(0.8) contrast(1.2); }

.pageImage img {
  width: 100%;
  height: -webkit-calc(100vw * 540 / 1920);
  height: -moz-calc(100vw * 540 / 1920);
  height: calc(100vw * 540 / 1920);
  display: block;
  max-width: 1920px;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (min-width: 1920px) {
    .pageImage img {
      height: 540px; } }

.pageSearch {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  background: #222222;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
  @media (min-width: 768px) {
    .pageSearch {
      padding-top: 20px;
      padding-bottom: 30px; } }

.pageSearch__input {
  position: relative;
  z-index: 1; }
  .pageSearch__input input {
    height: 40px;
    width: 100%;
    padding-right: 105px;
    font-size: 16px;
    border: none;
    -webkit-border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px; }
    .pageSearch__input input:hover, .pageSearch__input input:focus {
      outline: none; }
  .pageSearch__input .btn {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
       -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%); }

@media (min-width: 768px) {
  .pageSearch__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex; } }

@media (min-width: 768px) {
  .pageSearch__content {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding-right: 20px; } }

@media (min-width: 1300px) {
  .pageSearch__content {
    padding-right: 30px; } }

.pageSearch__inner {
  position: relative; }

.pageSearch__top {
  display: none; }
  @media (min-width: 992px) {
    .pageSearch__top {
      font-size: 14px;
      line-height: 20px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 330px;
         -moz-box-flex: 0;
              flex: 0 0 330px;
      display: block; } }

@media (min-width: 992px) {
  .pageSearch__top-title {
    display: inline-block;
    color: #999; }
  .pageSearch__top-list {
    display: inline;
    margin: 0;
    padding: 0; }
    .pageSearch__top-list li {
      display: inline-block;
      margin-right: 9px; }
    .pageSearch__top-list a {
      display: block; } }

.pageSearch__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(34, 34, 34, 0.25);
  z-index: 1;
  display: none; }

.pageSearch.isActive {
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%); }

.pageSearch.withAutocomplete .pageSearch__input input {
  -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomleft: 0;
          border-bottom-left-radius: 0; }

.pageSearch__content .autocomplete {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%; }
  @media (max-width: 767.98px) {
    .pageSearch__content .autocomplete {
      max-height: -webkit-calc(100vh - 60px - 60px);
      max-height: -moz-calc(100vh - 60px - 60px);
      max-height: calc(100vh - 60px - 60px);
      overflow-y: auto; } }
  @media (min-width: 992px) and (max-width: 1299.98px) {
    .pageSearch__content .autocomplete .gameList--search .gameCard img {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100px;
         -moz-box-flex: 0;
              flex: 0 0 100px;
      width: 100px;
      height: 126px; } }

.pageShare {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #222222;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: -o-transform 0.25s ease-in-out;
  -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }

.pageShare.isActive {
  -webkit-transform: translateY(100%);
     -moz-transform: translateY(100%);
       -o-transform: translateY(100%);
          transform: translateY(100%); }

.pageShare__list {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  list-style: none; }
  .pageShare__list li {
    display: block;
    margin: 0 7px;
    list-style: none; }
  .pageShare__list a {
    display: block;
    font-size: 36px;
    text-decoration: none;
    -webkit-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
    .pageShare__list a:hover, .pageShare__list a:focus {
      text-decoration: none; }
    .pageShare__list a:hover, .pageShare__list a:focus {
      opacity: .8; }
    .pageShare__list a.facebook {
      color: #4267B2; }
    .pageShare__list a.instagram {
      color: #9E63A5; }
    .pageShare__list a.youtube {
      color: #FF0000; }
    .pageShare__list a.rss {
      color: #EA7819; }

.signLayout__main {
  margin-top: 20px;
  margin-bottom: 50px; }

.signLayout__side {
  padding-top: 20px;
  padding-bottom: 20px; }

@media (min-width: 768px) {
  .signLayout__main {
    margin-top: 50px;
    margin-bottom: 50px; }
  .signLayout__side {
    padding-top: 50px;
    padding-bottom: 50px; } }

@media (min-width: 992px) {
  .signLayout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; }
  .signLayout__main,
  .signLayout__side {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
       -moz-box-flex: 1;
            flex: 1 1 50%; }
  .signLayout__main {
    margin: 90px 0; }
  .signLayout__main-inner {
    max-width: 450px; }
  .signLayout__side {
    padding: 90px 0 90px 40px; } }

@media (min-width: 1300px) {
  .signLayout__main {
    -webkit-flex-basis: 55%;
            flex-basis: 55%; }
  .signLayout__side {
    -webkit-flex-basis: 45%;
            flex-basis: 45%;
    padding-left: 80px; } }

.newCommentForm__input {
  background: #F8F8F8; }

@media (min-width: 768px) {
  .newCommentForm__panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
  .newCommentForm__btn {
    margin-right: 30px; } }

@media (max-width: 767.98px) {
  .newCommentForm__btn {
    width: 100%; }
  .newCommentForm__link {
    margin-top: 10px; } }

.pillsNavigation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap; }

.pillsNavigation li {
  margin: 0;
  padding: 0;
  list-style: none; }

.pillsNavigation li.isActive a, .pillsNavigation li.isActive button {
  background: rgba(0, 114, 206, 0.1); }
  .pillsNavigation li.isActive a, body.dark-theme .pillsNavigation li.isActive a, .pillsNavigation li.isActive button, body.dark-theme .pillsNavigation li.isActive button {
    color: #0072CE; }

.pillsNavigation a, .pillsNavigation button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  text-decoration: none;
  display: block;
  padding: 0 20px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  height: 39px;
  line-height: 39px;
  font-weight: 500;
  font-size: 16px;
  color: #000; }
  .pillsNavigation a::-moz-focus-inner, .pillsNavigation button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .pillsNavigation a:hover, .pillsNavigation a:focus, .pillsNavigation button:hover, .pillsNavigation button:focus {
    text-decoration: none; }
  body.dark-theme .pillsNavigation a, body.dark-theme .pillsNavigation button {
    color: #ffffff; }

/*# sourceMappingURL=main.css.map */