@charset "UTF-8";
/*colors*/
/*braekpoints_page*/
/*Fontawesome icons*/
@font-face {
  font-family: iransans;
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/iransans/IRANSansWeb_Bold.eot);
  src: url(../fonts/iransans/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb_Bold.woff) format("woff"), url(../fonts/iransans/IRANSansWeb_Bold.ttf) format("truetype"); }

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

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

body {
  direction: rtl; }

body, ul li, ul, i, h1, h2, h3, h4, h5, h6, div, p, a, span, input, select, textarea, img, figure, section, header, footer, article, strong, button, optgroup, main, .after:after, .before:before {
  margin: 0px;
  padding: 0px;
  Font-Family: iransans;
  text-decoration: none;
  list-style-type: none;
  outline: 0;
  box-sizing: border-box;
  text-align: right; }

body, ul li, ul, i, div, p, a, span, input, select, textarea, img, figure, section, header, footer, article, strong, button, optgroup, main {
  font-size: 12pt; }

h1, h2, h3, h4, h5, h6 {
  line-height: unset; }

img {
  border: 0; }

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

textarea.form-control {
  height: auto; }

.after:after, .before:before {
  content: ''; }

/*Uploader*/
.custom-file-control:before {
  content: "\627\644\635\627\642";
  left: 0;
  right: auto;
  border-radius: 3px 0 0 3px; }

.custom-file-control:after {
  content: "\627\646\62A\62E\627\628   \641\627\6CC\644   ..."; }

.img-fluid {
  max-width: 100%;
  height: auto; }

/*Modal*/
.modal-header {
  flex-direction: row-reverse; }

.modal-footer {
  justify-content: center; }

.modal-footer > *:not(:last-child) {
  margin-right: auto;
  margin-left: 0.25rem; }

.modal-footer > *:not(:first-child) {
  margin-left: auto;
  margin-right: 0.25rem; }

.modal-header .close {
  margin: 0;
  padding: 0; }

.modal-header .close span {
  color: red; }

/*Form*/
input.btn, button.btn {
  cursor: pointer; }

/*.dropdown-menu*/
.dropdown-menu {
  text-align: right;
  left: auto;
  float: left;
  transform: translate3d(0, 0, 0) !important;
  top: calc(100% - 2px) !important;
  padding: 5px; }

.dropdown-menu > li > a {
  padding: 3px 20px; }

/**/
.btn-xs, .btn-group-xs > .btn {
  padding: 0.05rem 0.9rem;
  font-size: 0.875rem;
  line-height: 1.8;
  border-radius: 0.2rem; }

.btn-sxs, .btn-group-sxs > .btn {
  padding: 0.05rem 0.6rem;
  font-size: 0.875rem;
  line-height: 1.8;
  border-radius: 0.2rem; }

audio, canvas, progress, video {
  display: block; }

.modal, .btn, .form-control-label, .form-horizontal label, .form-text, table.table {
  direction: rtl; }

button.close {
  cursor: pointer; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/materialicons/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/materialicons/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/materialicons/MaterialIcons-Regular.woff) format("woff"), url(../fonts/materialicons/MaterialIcons-Regular.ttf) format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }  
  
@font-face {
  font-family: 'FontAwesome';
  src: url(../fonts/fontawesome/fontawesome-webfont.eot);
  src: url(../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome/fontawesome-webfont.woff2) format("woff2"), url(../fonts/fontawesome/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/*AddFonttype*/
.fa-list-alt:before {
  content: "\F03A"; }

.fa-moon-o:before {
  content: "\F186"; }

.fa-circle:before {
  content: "\F111"; }

.fa-sun-o:before {
  content: "\F185"; }

.fa-check:before {
  content: "\F00C"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-share:before {
  content: "\F064"; }

.fa-cloud-download:before {
  content: "\F0ED"; }

.fa-calendar:before {
  content: "\F073"; }

.fa-sort-amount-desc:before {
  content: "\F161"; }

.fa-search:before {
  content: "\F002"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-user-circle-o:before {
  content: "\F2BE"; }

.fa-upload:before {
  content: "\F093"; }

.fa-times:before {
  content: "\F00D"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-heart:before {
  content: "\F004"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-th:before {
  content: "\F00A"; }

.fa-home:before {
  content: "\F015"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-pencil-square:before {
  content: "\F14B"; }

.fa-comment:before {
  content: "\F075"; }

.fa-star:before {
  content: "\F005"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-lock:before {
  content: "\F023"; }

.fa-film:before {
  content: "\F008"; }

.fa-book:before {
  content: "\F02D"; }

.fa-file-o:before {
  content: "\F016"; }

.fa-server:before {
  content: "\F233"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-sign-out:before {
  content: "\F08B"; }
 .fa-telegram:before {
  content: "\f2c6"; }
.fa-instagram:before {
  content: "\f16d"; }
  .fa-twitter:before {
  content: "\f099"; }
/*font-size*/
.font-size-0 {
  font-size: 0rem !important; }

.font-size-1 {
  font-size: 0.1rem !important; }

.font-size-2 {
  font-size: 0.2rem !important; }

.font-size-3 {
  font-size: 0.3rem !important; }

.font-size-4 {
  font-size: 0.4rem !important; }

.font-size-5 {
  font-size: 0.5rem !important; }

.font-size-6 {
  font-size: 0.6rem !important; }

.font-size-7 {
  font-size: 0.7rem !important; }

.font-size-8 {
  font-size: 0.8rem !important; }

.font-size-9 {
  font-size: 0.9rem !important; }

.font-size-10 {
  font-size: 1rem !important; }

.font-size-11 {
  font-size: 1.1rem !important; }

.font-size-12 {
  font-size: 1.2rem !important; }

.font-size-13 {
  font-size: 1.3rem !important; }

.font-size-14 {
  font-size: 1.4rem !important; }

.font-size-15 {
  font-size: 1.5rem !important; }

.font-size-16 {
  font-size: 1.6rem !important; }

.font-size-17 {
  font-size: 1.7rem !important; }

.font-size-18 {
  font-size: 1.8rem !important; }

.font-size-19 {
  font-size: 1.9rem !important; }

.font-size-20 {
  font-size: 2rem !important; }

.font-size-21 {
  font-size: 2.1rem !important; }

.font-size-22 {
  font-size: 2.2rem !important; }

.font-size-23 {
  font-size: 2.3rem !important; }

.font-size-24 {
  font-size: 2.4rem !important; }

.font-size-25 {
  font-size: 2.5rem !important; }

/*responsive*/
@media (min-width: 576px) {
  .font-size-sm-0 {
    font-size: 0rem !important; }
  .font-size-sm-1 {
    font-size: 0.1rem !important; }
  .font-size-sm-2 {
    font-size: 0.2rem !important; }
  .font-size-sm-3 {
    font-size: 0.3rem !important; }
  .font-size-sm-4 {
    font-size: 0.4rem !important; }
  .font-size-sm-5 {
    font-size: 0.5rem !important; }
  .font-size-sm-6 {
    font-size: 0.6rem !important; }
  .font-size-sm-7 {
    font-size: 0.7rem !important; }
  .font-size-sm-8 {
    font-size: 0.8rem !important; }
  .font-size-sm-9 {
    font-size: 0.9rem !important; }
  .font-size-sm-10 {
    font-size: 1rem !important; }
  .font-size-sm-11 {
    font-size: 1.1rem !important; }
  .font-size-sm-12 {
    font-size: 1.2rem !important; }
  .font-size-sm-13 {
    font-size: 1.3rem !important; }
  .font-size-sm-14 {
    font-size: 1.4rem !important; }
  .font-size-sm-15 {
    font-size: 1.5rem !important; }
  .font-size-sm-16 {
    font-size: 1.6rem !important; }
  .font-size-sm-17 {
    font-size: 1.7rem !important; }
  .font-size-sm-18 {
    font-size: 1.8rem !important; }
  .font-size-sm-19 {
    font-size: 1.9rem !important; }
  .font-size-sm-20 {
    font-size: 2rem !important; }
  .font-size-sm-21 {
    font-size: 2.1rem !important; }
  .font-size-sm-22 {
    font-size: 2.2rem !important; }
  .font-size-sm-23 {
    font-size: 2.3rem !important; }
  .font-size-sm-24 {
    font-size: 2.4rem !important; }
  .font-size-sm-25 {
    font-size: 2.5rem !important; }
  .font-weight-sm-bold {
    font-weight: bold !important; }
  .font-weight-sm-normal {
    font-weight: normal !important; }
  .font-style-sm-italic {
    font-style: italic !important; }
  .font-style-sm-normal {
    font-style: normal !important; } }

@media (min-width: 768px) {
  .font-size-md-0 {
    font-size: 0rem !important; }
  .font-size-md-1 {
    font-size: 0.1rem !important; }
  .font-size-md-2 {
    font-size: 0.2rem !important; }
  .font-size-md-3 {
    font-size: 0.3rem !important; }
  .font-size-md-4 {
    font-size: 0.4rem !important; }
  .font-size-md-5 {
    font-size: 0.5rem !important; }
  .font-size-md-6 {
    font-size: 0.6rem !important; }
  .font-size-md-7 {
    font-size: 0.7rem !important; }
  .font-size-md-8 {
    font-size: 0.8rem !important; }
  .font-size-md-9 {
    font-size: 0.9rem !important; }
  .font-size-md-10 {
    font-size: 1rem !important; }
  .font-size-md-11 {
    font-size: 1.1rem !important; }
  .font-size-md-12 {
    font-size: 1.2rem !important; }
  .font-size-md-13 {
    font-size: 1.3rem !important; }
  .font-size-md-14 {
    font-size: 1.4rem !important; }
  .font-size-md-15 {
    font-size: 1.5rem !important; }
  .font-size-md-16 {
    font-size: 1.6rem !important; }
  .font-size-md-17 {
    font-size: 1.7rem !important; }
  .font-size-md-18 {
    font-size: 1.8rem !important; }
  .font-size-md-19 {
    font-size: 1.9rem !important; }
  .font-size-md-20 {
    font-size: 2rem !important; }
  .font-size-md-21 {
    font-size: 2.1rem !important; }
  .font-size-md-22 {
    font-size: 2.2rem !important; }
  .font-size-md-23 {
    font-size: 2.3rem !important; }
  .font-size-md-24 {
    font-size: 2.4rem !important; }
  .font-size-md-25 {
    font-size: 2.5rem !important; }
  .font-weight-md-bold {
    font-weight: bold !important; }
  .font-weight-md-normal {
    font-weight: normal !important; }
  .font-style-md-italic {
    font-style: italic !important; }
  .font-style-md-normal {
    font-style: normal !important; } }

@media (min-width: 992px) {
  .font-size-lg-0 {
    font-size: 0rem !important; }
  .font-size-lg-1 {
    font-size: 0.1rem !important; }
  .font-size-lg-2 {
    font-size: 0.2rem !important; }
  .font-size-lg-3 {
    font-size: 0.3rem !important; }
  .font-size-lg-4 {
    font-size: 0.4rem !important; }
  .font-size-lg-5 {
    font-size: 0.5rem !important; }
  .font-size-lg-6 {
    font-size: 0.6rem !important; }
  .font-size-lg-7 {
    font-size: 0.7rem !important; }
  .font-size-lg-8 {
    font-size: 0.8rem !important; }
  .font-size-lg-9 {
    font-size: 0.9rem !important; }
  .font-size-lg-10 {
    font-size: 1rem !important; }
  .font-size-lg-11 {
    font-size: 1.1rem !important; }
  .font-size-lg-12 {
    font-size: 1.2rem !important; }
  .font-size-lg-13 {
    font-size: 1.3rem !important; }
  .font-size-lg-14 {
    font-size: 1.4rem !important; }
  .font-size-lg-15 {
    font-size: 1.5rem !important; }
  .font-size-lg-16 {
    font-size: 1.6rem !important; }
  .font-size-lg-17 {
    font-size: 1.7rem !important; }
  .font-size-lg-18 {
    font-size: 1.8rem !important; }
  .font-size-lg-19 {
    font-size: 1.9rem !important; }
  .font-size-lg-20 {
    font-size: 2rem !important; }
  .font-size-lg-21 {
    font-size: 2.1rem !important; }
  .font-size-lg-22 {
    font-size: 2.2rem !important; }
  .font-size-lg-23 {
    font-size: 2.3rem !important; }
  .font-size-lg-24 {
    font-size: 2.4rem !important; }
  .font-size-lg-25 {
    font-size: 2.5rem !important; }
  .font-weight-lg-bold {
    font-weight: bold !important; }
  .font-weight-lg-normal {
    font-weight: normal !important; }
  .font-style-lg-italic {
    font-style: italic !important; }
  .font-style-lg-normal {
    font-style: normal !important; } }

@media (min-width: 1200px) {
  .font-size-xl-0 {
    font-size: 0rem !important; }
  .font-size-xl-1 {
    font-size: 0.1rem !important; }
  .font-size-xl-2 {
    font-size: 0.2rem !important; }
  .font-size-xl-3 {
    font-size: 0.3rem !important; }
  .font-size-xl-4 {
    font-size: 0.4rem !important; }
  .font-size-xl-5 {
    font-size: 0.5rem !important; }
  .font-size-xl-6 {
    font-size: 0.6rem !important; }
  .font-size-xl-7 {
    font-size: 0.7rem !important; }
  .font-size-xl-8 {
    font-size: 0.8rem !important; }
  .font-size-xl-9 {
    font-size: 0.9rem !important; }
  .font-size-xl-10 {
    font-size: 1rem !important; }
  .font-size-xl-11 {
    font-size: 1.1rem !important; }
  .font-size-xl-12 {
    font-size: 1.2rem !important; }
  .font-size-xl-13 {
    font-size: 1.3rem !important; }
  .font-size-xl-14 {
    font-size: 1.4rem !important; }
  .font-size-xl-15 {
    font-size: 1.5rem !important; }
  .font-size-xl-16 {
    font-size: 1.6rem !important; }
  .font-size-xl-17 {
    font-size: 1.7rem !important; }
  .font-size-xl-18 {
    font-size: 1.8rem !important; }
  .font-size-xl-19 {
    font-size: 1.9rem !important; }
  .font-size-xl-20 {
    font-size: 2rem !important; }
  .font-size-xl-21 {
    font-size: 2.1rem !important; }
  .font-size-xl-22 {
    font-size: 2.2rem !important; }
  .font-size-xl-23 {
    font-size: 2.3rem !important; }
  .font-size-xl-24 {
    font-size: 2.4rem !important; }
  .font-size-xl-25 {
    font-size: 2.5rem !important; }
  .font-weight-xl-bold {
    font-weight: bold !important; }
  .font-weight-xl-normal {
    font-weight: normal !important; }
  .font-style-xl-italic {
    font-style: italic !important; }
  .font-style-xl-normal {
    font-style: normal !important; } }

@media (max-width: 576px) {
  .font-size-xs-0 {
    font-size: 0rem !important; }
  .font-size-xs-1 {
    font-size: 0.1rem !important; }
  .font-size-xs-2 {
    font-size: 0.2rem !important; }
  .font-size-xs-3 {
    font-size: 0.3rem !important; }
  .font-size-xs-4 {
    font-size: 0.4rem !important; }
  .font-size-xs-5 {
    font-size: 0.5rem !important; }
  .font-size-xs-6 {
    font-size: 0.6rem !important; }
  .font-size-xs-7 {
    font-size: 0.7rem !important; }
  .font-size-xs-8 {
    font-size: 0.8rem !important; }
  .font-size-xs-9 {
    font-size: 0.9rem !important; }
  .font-size-xs-10 {
    font-size: 1rem !important; }
  .font-size-xs-11 {
    font-size: 1.1rem !important; }
  .font-size-xs-12 {
    font-size: 1.2rem !important; }
  .font-size-xs-13 {
    font-size: 1.3rem !important; }
  .font-size-xs-14 {
    font-size: 1.4rem !important; }
  .font-size-xs-15 {
    font-size: 1.5rem !important; }
  .font-size-xs-16 {
    font-size: 1.6rem !important; }
  .font-size-xs-17 {
    font-size: 1.7rem !important; }
  .font-size-xs-18 {
    font-size: 1.8rem !important; }
  .font-size-xs-19 {
    font-size: 1.9rem !important; }
  .font-size-xs-20 {
    font-size: 2rem !important; }
  .font-size-xs-21 {
    font-size: 2.1rem !important; }
  .font-size-xs-22 {
    font-size: 2.2rem !important; }
  .font-size-xs-23 {
    font-size: 2.3rem !important; }
  .font-size-xs-24 {
    font-size: 2.4rem !important; }
  .font-size-xs-25 {
    font-size: 2.5rem !important; }
  .font-weight-xs-bold {
    font-weight: bold !important; }
  .font-weight-xs-normal {
    font-weight: normal !important; }
  .font-style-xs-italic {
    font-style: italic !important; }
  .font-style-xs-normal {
    font-style: normal !important; } }
.alert-primary {
  background-color: #007bff !important;
  color: #fff !important;
  border: 1px solid #0070e8 !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-secondary {
  background-color: #6c757d !important;
  color: #fff !important;
  border: 1px solid #626a72 !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-success {
  background-color: #28a745 !important;
  color: #fff !important;
  border: 1px solid #24983f !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-danger {
  background-color: #DE2F56 !important;
  color: #fff !important;
  border: 1px solid #ca2b4e !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-warning {
  background-color: #ffc107 !important;
  color: #000 !important;
  border: 1px solid #e8af06 !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-info {
  background-color: #17a2b8 !important;
  color: #fff !important;
  border: 1px solid #e8e8e8 !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-light {
  background-color: #f4f4f4 !important;
  color: #343a40 !important;
  border: 1px solid #2f353a !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.alert-dark {
  background-color: #343a40 !important;
  color: #fff !important;
  border: 1px solid #e8e8e8 !important;
  padding: 0.5rem !important;
  border-radius: 0.2rem !important; }

.btn-primary {
  background-color: #007bff !important; }

.btn-primary:hover {
  background-color: #0070e8 !important; }

.btn {
  color: #fff !important; }

.btn-secondary {
  background-color: #6c757d !important; }

.btn-secondary:hover {
  background-color: #626a72 !important; }

.btn {
  color: #fff !important; }

.btn-success {
  background-color: #28a745 !important; }

.btn-success:hover {
  background-color: #24983f !important; }

.btn {
  color: #fff !important; }

.btn-info {
  background-color: #17a2b8 !important; }

.btn-info:hover {
  background-color: #1593a7 !important; }

.btn {
  color: #fff !important; }

.btn-warning {
  background-color: #ffc107 !important; }

.btn-warning:hover {
  background-color: #e8af06 !important; }

.btn {
  color: #fff !important; }

.btn-danger {
  background-color: #DE2F56 !important; }

.btn-danger:hover {
  background-color: #ca2b4e !important; }

.btn {
  color: #fff !important; }

.btn-light {
  background-color: #f4f4f4 !important; }

.btn-light:hover {
  background-color: #dedede !important; }

.btn {
  color: #fff !important; }

.btn-dark {
  background-color: #343a40 !important; }

.btn-dark:hover {
  background-color: #2f353a !important; }

.btn {
  color: #fff !important; }

.btn-blue {
  background-color: #007bff !important; }

.btn-blue:hover {
  background-color: #0070e8 !important; }

.btn {
  color: #fff !important; }

.btn-indigo {
  background-color: #6610f2 !important; }

.btn-indigo:hover {
  background-color: #5d0fdc !important; }

.btn {
  color: #fff !important; }

.btn-purple {
  background-color: #6f42c1 !important; }

.btn-purple:hover {
  background-color: #653caf !important; }

.btn {
  color: #fff !important; }

.btn-pink {
  background-color: #e83e8c !important; }

.btn-pink:hover {
  background-color: #d3387f !important; }

.btn {
  color: #fff !important; }

.btn-red {
  background-color: #DE2F56 !important; }

.btn-red:hover {
  background-color: #ca2b4e !important; }

.btn {
  color: #fff !important; }

.btn-orange {
  background-color: #fd7e14 !important; }

.btn-orange:hover {
  background-color: #e67312 !important; }

.btn {
  color: #fff !important; }

.btn-yellow {
  background-color: #ffc107 !important; }

.btn-yellow:hover {
  background-color: #e8af06 !important; }

.btn {
  color: #fff !important; }

.btn-green {
  background-color: #28a745 !important; }

.btn-green:hover {
  background-color: #24983f !important; }

.btn {
  color: #fff !important; }

.btn-teal {
  background-color: #20c997 !important; }

.btn-teal:hover {
  background-color: #1db789 !important; }

.btn {
  color: #fff !important; }

.btn-cyan {
  background-color: #17a2b8 !important; }

.btn-cyan:hover {
  background-color: #1593a7 !important; }

.btn {
  color: #fff !important; }

.btn-black {
  background-color: #000 !important; }

.btn-black:hover {
  background-color: black !important; }

.btn {
  color: #fff !important; }

.btn-white {
  background-color: #fff !important; }

.btn-white:hover {
  background-color: #e8e8e8 !important; }

.btn {
  color: #fff !important; }

.btn-gray-100 {
  background-color: #f4f4f4 !important; }

.btn-gray-100:hover {
  background-color: #dedede !important; }

.btn {
  color: #fff !important; }

.btn-gray-200 {
  background-color: #e9ecef !important; }

.btn-gray-200:hover {
  background-color: #d4d7d9 !important; }

.btn {
  color: #fff !important; }

.btn-gray-300 {
  background-color: #dee2e6 !important; }

.btn-gray-300:hover {
  background-color: #cacdd1 !important; }

.btn {
  color: #fff !important; }

.btn-gray-400 {
  background-color: #ced4da !important; }

.btn-gray-400:hover {
  background-color: #bbc1c6 !important; }

.btn {
  color: #fff !important; }

.btn-gray-500 {
  background-color: #adb5bd !important; }

.btn-gray-500:hover {
  background-color: #9da5ac !important; }

.btn {
  color: #fff !important; }

.btn-gray-600 {
  background-color: #6c757d !important; }

.btn-gray-600:hover {
  background-color: #626a72 !important; }

.btn {
  color: #fff !important; }

.btn-gray-700 {
  background-color: #495057 !important; }

.btn-gray-700:hover {
  background-color: #42494f !important; }

.btn {
  color: #fff !important; }

.btn-gray-800 {
  background-color: #343a40 !important; }

.btn-gray-800:hover {
  background-color: #2f353a !important; }

.btn {
  color: #fff !important; }

.btn-gray-900 {
  background-color: #212529 !important; }

.btn-gray-900:hover {
  background-color: #1e2225 !important; }

.btn {
  color: #fff !important; }

.btn-outline-primary {
  border-color: #007bff; }

.btn-outline-primary:hover {
  border-color: #0070e8; }

.btn {
  color: #fff !important; }

.btn-outline-secondary {
  border-color: #6c757d; }

.btn-outline-secondary:hover {
  border-color: #626a72; }

.btn {
  color: #fff !important; }

.btn-outline-success {
  border-color: #28a745; }

.btn-outline-success:hover {
  border-color: #24983f; }

.btn {
  color: #fff !important; }

.btn-outline-info {
  border-color: #17a2b8; }

.btn-outline-info:hover {
  border-color: #1593a7; }

.btn {
  color: #fff !important; }

.btn-outline-warning {
  border-color: #ffc107; }

.btn-outline-warning:hover {
  border-color: #e8af06; }

.btn {
  color: #fff !important; }

.btn-outline-danger {
  border-color: #DE2F56; }

.btn-outline-danger:hover {
  border-color: #ca2b4e; }

.btn {
  color: #fff !important; }

.btn-outline-light {
  border-color: #f4f4f4; }

.btn-outline-light:hover {
  border-color: #dedede; }

.btn {
  color: #fff !important; }

.btn-outline-dark {
  border-color: #343a40; }

.btn-outline-dark:hover {
  border-color: #2f353a; }

.btn {
  color: #fff !important; }

.btn-outline-blue {
  border-color: #007bff; }

.btn-outline-blue:hover {
  border-color: #0070e8; }

.btn {
  color: #fff !important; }

.btn-outline-indigo {
  border-color: #6610f2; }

.btn-outline-indigo:hover {
  border-color: #5d0fdc; }

.btn {
  color: #fff !important; }

.btn-outline-purple {
  border-color: #6f42c1; }

.btn-outline-purple:hover {
  border-color: #653caf; }

.btn {
  color: #fff !important; }

.btn-outline-pink {
  border-color: #e83e8c; }

.btn-outline-pink:hover {
  border-color: #d3387f; }

.btn {
  color: #fff !important; }

.btn-outline-red {
  border-color: #DE2F56; }

.btn-outline-red:hover {
  border-color: #ca2b4e; }

.btn {
  color: #fff !important; }

.btn-outline-orange {
  border-color: #fd7e14; }

.btn-outline-orange:hover {
  border-color: #e67312; }

.btn {
  color: #fff !important; }

.btn-outline-yellow {
  border-color: #ffc107; }

.btn-outline-yellow:hover {
  border-color: #e8af06; }

.btn {
  color: #fff !important; }

.btn-outline-green {
  border-color: #28a745; }

.btn-outline-green:hover {
  border-color: #24983f; }

.btn {
  color: #fff !important; }

.btn-outline-teal {
  border-color: #20c997; }

.btn-outline-teal:hover {
  border-color: #1db789; }

.btn {
  color: #fff !important; }

.btn-outline-cyan {
  border-color: #17a2b8; }

.btn-outline-cyan:hover {
  border-color: #1593a7; }

.btn {
  color: #fff !important; }

.btn-outline-black {
  border-color: #000; }

.btn-outline-black:hover {
  border-color: black; }

.btn {
  color: #fff !important; }

.btn-outline-white {
  border-color: #fff; }

.btn-outline-white:hover {
  border-color: #e8e8e8; }

.btn {
  color: #fff !important; }

.btn-outline-gray-100 {
  border-color: #f4f4f4; }

.btn-outline-gray-100:hover {
  border-color: #dedede; }

.btn {
  color: #fff !important; }

.btn-outline-gray-200 {
  border-color: #e9ecef; }

.btn-outline-gray-200:hover {
  border-color: #d4d7d9; }

.btn {
  color: #fff !important; }

.btn-outline-gray-300 {
  border-color: #dee2e6; }

.btn-outline-gray-300:hover {
  border-color: #cacdd1; }

.btn {
  color: #fff !important; }

.btn-outline-gray-400 {
  border-color: #ced4da; }

.btn-outline-gray-400:hover {
  border-color: #bbc1c6; }

.btn {
  color: #fff !important; }

.btn-outline-gray-500 {
  border-color: #adb5bd; }

.btn-outline-gray-500:hover {
  border-color: #9da5ac; }

.btn {
  color: #fff !important; }

.btn-outline-gray-600 {
  border-color: #6c757d; }

.btn-outline-gray-600:hover {
  border-color: #626a72; }

.btn {
  color: #fff !important; }

.btn-outline-gray-700 {
  border-color: #495057; }

.btn-outline-gray-700:hover {
  border-color: #42494f; }

.btn {
  color: #fff !important; }

.btn-outline-gray-800 {
  border-color: #343a40; }

.btn-outline-gray-800:hover {
  border-color: #2f353a; }

.btn {
  color: #fff !important; }

.btn-outline-gray-900 {
  border-color: #212529; }

.btn-outline-gray-900:hover {
  border-color: #1e2225; }

.btn {
  color: #fff !important; }

.dr {
  direction: rtl; }

.dl {
  direction: ltr; }

.text-primary {
  color: #007bff!important; }

a.text-primary:hover {
  color: #0070e8!important; }

.text-secondary {
  color: #6c757d!important; }

a.text-secondary:hover {
  color: #626a72!important; }

.text-success {
  color: #28a745!important; }

a.text-success:hover {
  color: #24983f!important; }

.text-info {
  color: #17a2b8!important; }

a.text-info:hover {
  color: #1593a7!important; }

.text-warning {
  color: #ffc107!important; }

a.text-warning:hover {
  color: #e8af06!important; }

.text-danger {
  color: #DE2F56!important; }

a.text-danger:hover {
  color: #ca2b4e!important; }

.text-light {
  color: #f4f4f4!important; }

a.text-light:hover {
  color: #dedede!important; }

.text-dark {
  color: #343a40!important; }

a.text-dark:hover {
  color: #2f353a!important; }

.text-blue {
  color: #007bff!important; }

a.text-blue:hover {
  color: #0070e8!important; }

.text-indigo {
  color: #6610f2!important; }

a.text-indigo:hover {
  color: #5d0fdc!important; }

.text-purple {
  color: #6f42c1!important; }

a.text-purple:hover {
  color: #653caf!important; }

.text-pink {
  color: #e83e8c!important; }

a.text-pink:hover {
  color: #d3387f!important; }

.text-red {
  color: #DE2F56!important; }

a.text-red:hover {
  color: #ca2b4e!important; }

.text-orange {
  color: #fd7e14!important; }

a.text-orange:hover {
  color: #e67312!important; }

.text-yellow {
  color: #ffc107!important; }

a.text-yellow:hover {
  color: #e8af06!important; }

.text-green {
  color: #28a745!important; }

a.text-green:hover {
  color: #24983f!important; }

.text-teal {
  color: #20c997!important; }

a.text-teal:hover {
  color: #1db789!important; }

.text-cyan {
  color: #17a2b8!important; }

a.text-cyan:hover {
  color: #1593a7!important; }

.text-black {
  color: #000!important; }

a.text-black:hover {
  color: black!important; }

.text-white {
  color: #fff!important; }

a.text-white:hover {
  color: #e8e8e8!important; }

.text-gray-100 {
  color: #f4f4f4!important; }

a.text-gray-100:hover {
  color: #dedede!important; }

.text-gray-200 {
  color: #e9ecef!important; }

a.text-gray-200:hover {
  color: #d4d7d9!important; }

.text-gray-300 {
  color: #dee2e6!important; }

a.text-gray-300:hover {
  color: #cacdd1!important; }

.text-gray-400 {
  color: #ced4da!important; }

a.text-gray-400:hover {
  color: #bbc1c6!important; }

.text-gray-500 {
  color: #adb5bd!important; }

a.text-gray-500:hover {
  color: #9da5ac!important; }

.text-gray-600 {
  color: #6c757d!important; }

a.text-gray-600:hover {
  color: #626a72!important; }

.text-gray-700 {
  color: #495057!important; }

a.text-gray-700:hover {
  color: #42494f!important; }

.text-gray-800 {
  color: #343a40!important; }

a.text-gray-800:hover {
  color: #2f353a!important; }

.text-gray-900 {
  color: #212529!important; }

a.text-gray-900:hover {
  color: #1e2225!important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.bg-primary {
  background-color: #007bff!important; }

.bg-secondary {
  background-color: #6c757d!important; }

.bg-success {
  background-color: #28a745!important; }

.bg-info {
  background-color: #17a2b8!important; }

.bg-warning {
  background-color: #ffc107!important; }

.bg-danger {
  background-color: #DE2F56!important; }

.bg-light {
  background-color: #f4f4f4!important; }

.bg-dark {
  background-color: #343a40!important; }

.bg-blue {
  background-color: #007bff!important; }

.bg-indigo {
  background-color: #6610f2!important; }

.bg-purple {
  background-color: #6f42c1!important; }

.bg-pink {
  background-color: #e83e8c!important; }

.bg-red {
  background-color: #DE2F56!important; }

.bg-orange {
  background-color: #fd7e14!important; }

.bg-yellow {
  background-color: #ffc107!important; }

.bg-green {
  background-color: #28a745!important; }

.bg-teal {
  background-color: #20c997!important; }

.bg-cyan {
  background-color: #17a2b8!important; }

.bg-black {
  background-color: #000!important; }

.bg-white {
  background-color: #fff!important; }

.bg-gray-100 {
  background-color: #f4f4f4!important; }

.bg-gray-200 {
  background-color: #e9ecef!important; }

.bg-gray-300 {
  background-color: #dee2e6!important; }

.bg-gray-400 {
  background-color: #ced4da!important; }

.bg-gray-500 {
  background-color: #adb5bd!important; }

.bg-gray-600 {
  background-color: #6c757d!important; }

.bg-gray-700 {
  background-color: #495057!important; }

.bg-gray-800 {
  background-color: #343a40!important; }

.bg-gray-900 {
  background-color: #212529!important; }
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

/**/
.border-dotted {
  border-style: dotted !important; }

.border-dashed {
  border-style: dashed !important; }

.border-solid {
  border-style: solid !important; }

.border-0 {
  border-width: 0px!important; }

.border-1 {
  border-width: 1px!important; }

.border-2 {
  border-width: 2px!important; }

.border-3 {
  border-width: 3px!important; }

.border-4 {
  border-width: 4px!important; }

.border-5 {
  border-width: 5px!important; }

/*border top right bottom left*/
.border-top-0 {
  border-top-width: 0px!important; }

.border-top-1 {
  border-top-width: 1px!important; }

.border-top-2 {
  border-top-width: 2px!important; }

.border-top-3 {
  border-top-width: 3px!important; }

.border-top-4 {
  border-top-width: 4px!important; }

.border-top-5 {
  border-top-width: 5px!important; }

.border-bottom-0 {
  border-bottom-width: 0px!important; }

.border-bottom-1 {
  border-bottom-width: 1px!important; }

.border-bottom-2 {
  border-bottom-width: 2px!important; }

.border-bottom-3 {
  border-bottom-width: 3px!important; }

.border-bottom-4 {
  border-bottom-width: 4px!important; }

.border-bottom-5 {
  border-bottom-width: 5px!important; }

.border-right-0 {
  border-right-width: 0px!important; }

.border-right-1 {
  border-right-width: 1px!important; }

.border-right-2 {
  border-right-width: 2px!important; }

.border-right-3 {
  border-right-width: 3px!important; }

.border-right-4 {
  border-right-width: 4px!important; }

.border-right-5 {
  border-right-width: 5px!important; }

.border-left-0 {
  border-left-width: 0px!important; }

.border-left-1 {
  border-left-width: 1px!important; }

.border-left-2 {
  border-left-width: 2px!important; }

.border-left-3 {
  border-left-width: 3px!important; }

.border-left-4 {
  border-left-width: 4px!important; }

.border-left-5 {
  border-left-width: 5px!important; }

.border-x-0 {
  border-right-width: 0px!important;
  border-left-width: 0px!important; }

.border-x-1 {
  border-right-width: 1px!important;
  border-left-width: 1px!important; }

.border-x-2 {
  border-right-width: 2px!important;
  border-left-width: 2px!important; }

.border-x-3 {
  border-right-width: 3px!important;
  border-left-width: 3px!important; }

.border-x-4 {
  border-right-width: 4px!important;
  border-left-width: 4px!important; }

.border-x-5 {
  border-right-width: 5px!important;
  border-left-width: 5px!important; }

.border-y-0 {
  border-top-width: 0px!important;
  border-bottom-width: 0px!important; }

.border-y-1 {
  border-top-width: 1px!important;
  border-bottom-width: 1px!important; }

.border-y-2 {
  border-top-width: 2px!important;
  border-bottom-width: 2px!important; }

.border-y-3 {
  border-top-width: 3px!important;
  border-bottom-width: 3px!important; }

.border-y-4 {
  border-top-width: 4px!important;
  border-bottom-width: 4px!important; }

.border-y-5 {
  border-top-width: 5px!important;
  border-bottom-width: 5px!important; }

@media (max-width: 576px) {
  .border-xs-0 {
    border-width: 0px!important; }
  .border-xs-1 {
    border-width: 1px!important; }
  .border-xs-2 {
    border-width: 2px!important; }
  .border-xs-3 {
    border-width: 3px!important; }
  .border-xs-4 {
    border-width: 4px!important; }
  .border-xs-5 {
    border-width: 5px!important; }
  /*border top right bottom left*/
  .border-top-xs-0 {
    border-top-width: 0px!important; }
  .border-top-xs-1 {
    border-top-width: 1px!important; }
  .border-top-xs-2 {
    border-top-width: 2px!important; }
  .border-top-xs-3 {
    border-top-width: 3px!important; }
  .border-top-xs-4 {
    border-top-width: 4px!important; }
  .border-top-xs-5 {
    border-top-width: 5px!important; }
  .border-bottom-xs-0 {
    border-bottom-width: 0px!important; }
  .border-bottom-xs-1 {
    border-bottom-width: 1px!important; }
  .border-bottom-xs-2 {
    border-bottom-width: 2px!important; }
  .border-bottom-xs-3 {
    border-bottom-width: 3px!important; }
  .border-bottom-xs-4 {
    border-bottom-width: 4px!important; }
  .border-bottom-xs-5 {
    border-bottom-width: 5px!important; }
  .border-right-xs-0 {
    border-right-width: 0px!important; }
  .border-right-xs-1 {
    border-right-width: 1px!important; }
  .border-right-xs-2 {
    border-right-width: 2px!important; }
  .border-right-xs-3 {
    border-right-width: 3px!important; }
  .border-right-xs-4 {
    border-right-width: 4px!important; }
  .border-right-xs-5 {
    border-right-width: 5px!important; }
  .border-left-xs-0 {
    border-left-width: 0px!important; }
  .border-left-xs-1 {
    border-left-width: 1px!important; }
  .border-left-xs-2 {
    border-left-width: 2px!important; }
  .border-left-xs-3 {
    border-left-width: 3px!important; }
  .border-left-xs-4 {
    border-left-width: 4px!important; }
  .border-left-xs-5 {
    border-left-width: 5px!important; }
  .border-x-xs-0 {
    border-right-width: 0px!important;
    border-left-width: 0px!important; }
  .border-x-xs-1 {
    border-right-width: 1px!important;
    border-left-width: 1px!important; }
  .border-x-xs-2 {
    border-right-width: 2px!important;
    border-left-width: 2px!important; }
  .border-x-xs-3 {
    border-right-width: 3px!important;
    border-left-width: 3px!important; }
  .border-x-xs-4 {
    border-right-width: 4px!important;
    border-left-width: 4px!important; }
  .border-x-xs-5 {
    border-right-width: 5px!important;
    border-left-width: 5px!important; }
  .border-y-xs-0 {
    border-top-width: 0px!important;
    border-bottom-width: 0px!important; }
  .border-y-xs-1 {
    border-top-width: 1px!important;
    border-bottom-width: 1px!important; }
  .border-y-xs-2 {
    border-top-width: 2px!important;
    border-bottom-width: 2px!important; }
  .border-y-xs-3 {
    border-top-width: 3px!important;
    border-bottom-width: 3px!important; }
  .border-y-xs-4 {
    border-top-width: 4px!important;
    border-bottom-width: 4px!important; }
  .border-y-xs-5 {
    border-top-width: 5px!important;
    border-bottom-width: 5px!important; } }
/*border-colors*/
.border-primary {
  border-color: #007bff!important; }

.border-secondary {
  border-color: #6c757d!important; }

.border-success {
  border-color: #28a745!important; }

.border-info {
  border-color: #17a2b8!important; }

.border-warning {
  border-color: #ffc107!important; }

.border-danger {
  border-color: #DE2F56!important; }

.border-light {
  border-color: #f4f4f4!important; }

.border-dark {
  border-color: #343a40!important; }

.border-blue {
  border-color: #007bff!important; }

.border-indigo {
  border-color: #6610f2!important; }

.border-purple {
  border-color: #6f42c1!important; }

.border-pink {
  border-color: #e83e8c!important; }

.border-red {
  border-color: #DE2F56!important; }

.border-orange {
  border-color: #fd7e14!important; }

.border-yellow {
  border-color: #ffc107!important; }

.border-green {
  border-color: #28a745!important; }

.border-teal {
  border-color: #20c997!important; }

.border-cyan {
  border-color: #17a2b8!important; }

.border-black {
  border-color: #000!important; }

.border-white {
  border-color: #fff!important; }

.border-gray-100 {
  border-color: #f4f4f4!important; }

.border-gray-200 {
  border-color: #e9ecef!important; }

.border-gray-300 {
  border-color: #dee2e6!important; }

.border-gray-400 {
  border-color: #ced4da!important; }

.border-gray-500 {
  border-color: #adb5bd!important; }

.border-gray-600 {
  border-color: #6c757d!important; }

.border-gray-700 {
  border-color: #495057!important; }

.border-gray-800 {
  border-color: #343a40!important; }

.border-gray-900 {
  border-color: #212529!important; }

.opacity-0 {
  opacity: 0 !important; }

.opacity-1 {
  opacity: 0.1 !important; }

.opacity-2 {
  opacity: 0.2 !important; }

.opacity-3 {
  opacity: 0.3 !important; }

.opacity-4 {
  opacity: 0.4 !important; }

.opacity-5 {
  opacity: 0.5 !important; }

.opacity-6 {
  opacity: 0.6 !important; }

.opacity-7 {
  opacity: 0.7 !important; }

.opacity-8 {
  opacity: 0.8 !important; }

.opacity-9 {
  opacity: 0.9 !important; }

.opacity1 {
  opacity: 1 !important; }

.lh-0 {
  line-height: 0 !important; }

.lh1 {
  line-height: 1 !important; }

.lh1-5 {
  line-height: 1.5 !important; }

.lh2 {
  line-height: 2 !important; }

.lh2-5 {
  line-height: 2.5 !important; }

.lh3 {
  line-height: 3 !important; }

.lh3-5 {
  line-height: 3.5 !important; }

/*responsive*/
@media (min-width: 576px) {
  .lh-sm-0 {
    line-height: 0 !important; }
  .lh-sm-1 {
    line-height: 1 !important; }
  .lh-sm-1-5 {
    line-height: 1.5 !important; }
  .lh-sm-2 {
    line-height: 2 !important; }
  .lh-sm-2-5 {
    line-height: 2.5 !important; }
  .lh-sm-3 {
    line-height: 3 !important; }
  .lh-sm-3-5 {
    line-height: 3.5 !important; } }

@media (min-width: 768px) {
  .lh-md-0 {
    line-height: 0 !important; }
  .lh-md-1 {
    line-height: 1 !important; }
  .lh-md-1-5 {
    line-height: 1.5 !important; }
  .lh-md-2 {
    line-height: 2 !important; }
  .lh-md-2-5 {
    line-height: 2.5 !important; }
  .lh-md-3 {
    line-height: 3 !important; }
  .lh-md-3-5 {
    line-height: 3.5 !important; } }

@media (min-width: 992px) {
  .lh-lg-0 {
    line-height: 0 !important; }
  .lh-lg-1 {
    line-height: 1 !important; }
  .lh-lg-1-5 {
    line-height: 1.5 !important; }
  .lh-lg-2 {
    line-height: 2 !important; }
  .lh-lg-2-5 {
    line-height: 2.5 !important; }
  .lh-lg-3 {
    line-height: 3 !important; }
  .lh-lg-3-5 {
    line-height: 3.5 !important; } }

@media (min-width: 1200px) {
  .lh-xl-0 {
    line-height: 0 !important; }
  .lh-xl-1 {
    line-height: 1 !important; }
  .lh-xl-1-5 {
    line-height: 1.5 !important; }
  .lh-xl-2 {
    line-height: 2 !important; }
  .lh-xl-2-5 {
    line-height: 2.5 !important; }
  .lh-xl-3 {
    line-height: 3 !important; }
  .lh-xl-3-5 {
    line-height: 3.5 !important; } }

@media (max-width: 576px) {
  .lh-xs-0 {
    line-height: 0 !important; }
  .lh-xs-1 {
    line-height: 1 !important; }
  .lh-xs-1-5 {
    line-height: 1.5 !important; }
  .lh-xs-2 {
    line-height: 2 !important; }
  .lh-xs-2-5 {
    line-height: 2.5 !important; }
  .lh-xs-3 {
    line-height: 3 !important; }
  .lh-xs-3-5 {
    line-height: 3.5 !important; } }
.z-0 {
  z-index: 0; }

.z-1 {
  z-index: 1; }

.z-2 {
  z-index: 2; }

.z-3 {
  z-index: 3; }

.z-4 {
  z-index: 4; }

.z-5 {
  z-index: 5; }

.dnone {
  display: none; }

.dblock {
  display: block; }

.dtable {
  display: table; }

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

.dflex {
  display: flex; }

/*responsive*/
@media (max-width: 576px) {
  .d-xs-none {
    display: none !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-table {
    display: table !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-flex {
    display: flex !important; } }
/*position*/
.absolutemv, .relativemv {
  top: 50%;
  transform: translateY(-50%); }

.absolutemh, .relativemh {
  left: 50%;
  transform: translateX(-50%); }

.relativecentervh, .absolutecentervh {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.absolutemv, .absolutemh, .absolutecentervh, .after:after, .before:before {
  position: absolute; }

.relativemv, .relativemh, .relativecentervh {
  position: relative; }

/*pos-length*/
.t-0 {
  top: 0rem!important; }

.t-1 {
  top: 0.25rem!important; }

.t-2 {
  top: 0.5rem!important; }

.t-3 {
  top: 1rem!important; }

.t-4 {
  top: 1.5rem!important; }

.t-5 {
  top: 3rem!important; }

.b-0 {
  bottom: 0rem!important; }

.b-1 {
  bottom: 0.25rem!important; }

.b-2 {
  bottom: 0.5rem!important; }

.b-3 {
  bottom: 1rem!important; }

.b-4 {
  bottom: 1.5rem!important; }

.b-5 {
  bottom: 3rem!important; }

.r-0 {
  right: 0rem!important; }

.r-1 {
  right: 0.25rem!important; }

.r-2 {
  right: 0.5rem!important; }

.r-3 {
  right: 1rem!important; }

.r-4 {
  right: 1.5rem!important; }

.r-5 {
  right: 3rem!important; }

.l-0 {
  left: 0rem!important; }

.l-1 {
  left: 0.25rem!important; }

.l-2 {
  left: 0.5rem!important; }

.l-3 {
  left: 1rem!important; }

.l-4 {
  left: 1.5rem!important; }

.l-5 {
  left: 3rem!important; }

/*responsive*/
@media (min-width: 576px) {
  .position-sm-static {
    position: static !important; }
  .position-sm-relative {
    position: relative !important; }
  .position-sm-absolute {
    position: absolute !important; }
  .position-sm-fixed {
    position: fixed !important; }
  .position-sm-sticky {
    position: sticky !important; }
  .t-sm-0 {
    top: 0rem!important; }
  .t-sm-1 {
    top: 0.25rem!important; }
  .t-sm-2 {
    top: 0.5rem!important; }
  .t-sm-3 {
    top: 1rem!important; }
  .t-sm-4 {
    top: 1.5rem!important; }
  .t-sm-5 {
    top: 3rem!important; }
  .b-sm-0 {
    bottom: 0rem!important; }
  .b-sm-1 {
    bottom: 0.25rem!important; }
  .b-sm-2 {
    bottom: 0.5rem!important; }
  .b-sm-3 {
    bottom: 1rem!important; }
  .b-sm-4 {
    bottom: 1.5rem!important; }
  .b-sm-5 {
    bottom: 3rem!important; }
  .r-sm-0 {
    right: 0rem!important; }
  .r-sm-1 {
    right: 0.25rem!important; }
  .r-sm-2 {
    right: 0.5rem!important; }
  .r-sm-3 {
    right: 1rem!important; }
  .r-sm-4 {
    right: 1.5rem!important; }
  .r-sm-5 {
    right: 3rem!important; }
  .l-sm-0 {
    left: 0rem!important; }
  .l-sm-1 {
    left: 0.25rem!important; }
  .l-sm-2 {
    left: 0.5rem!important; }
  .l-sm-3 {
    left: 1rem!important; }
  .l-sm-4 {
    left: 1.5rem!important; }
  .l-sm-5 {
    left: 3rem!important; } }

@media (min-width: 768px) {
  .position-md-static {
    position: static !important; }
  .position-md-relative {
    position: relative !important; }
  .position-md-absolute {
    position: absolute !important; }
  .position-md-fixed {
    position: fixed !important; }
  .position-md-sticky {
    position: sticky !important; }
  .t-md-0 {
    top: 0rem!important; }
  .t-md-1 {
    top: 0.25rem!important; }
  .t-md-2 {
    top: 0.5rem!important; }
  .t-md-3 {
    top: 1rem!important; }
  .t-md-4 {
    top: 1.5rem!important; }
  .t-md-5 {
    top: 3rem!important; }
  .b-md-0 {
    bottom: 0rem!important; }
  .b-md-1 {
    bottom: 0.25rem!important; }
  .b-md-2 {
    bottom: 0.5rem!important; }
  .b-md-3 {
    bottom: 1rem!important; }
  .b-md-4 {
    bottom: 1.5rem!important; }
  .b-md-5 {
    bottom: 3rem!important; }
  .r-md-0 {
    right: 0rem!important; }
  .r-md-1 {
    right: 0.25rem!important; }
  .r-md-2 {
    right: 0.5rem!important; }
  .r-md-3 {
    right: 1rem!important; }
  .r-md-4 {
    right: 1.5rem!important; }
  .r-md-5 {
    right: 3rem!important; }
  .l-md-0 {
    left: 0rem!important; }
  .l-md-1 {
    left: 0.25rem!important; }
  .l-md-2 {
    left: 0.5rem!important; }
  .l-md-3 {
    left: 1rem!important; }
  .l-md-4 {
    left: 1.5rem!important; }
  .l-md-5 {
    left: 3rem!important; } }

@media (min-width: 992px) {
  .position-lg-static {
    position: static !important; }
  .position-lg-relative {
    position: relative !important; }
  .position-lg-absolute {
    position: absolute !important; }
  .position-lg-fixed {
    position: fixed !important; }
  .position-lg-sticky {
    position: sticky !important; }
  .t-lg-0 {
    top: 0rem!important; }
  .t-lg-1 {
    top: 0.25rem!important; }
  .t-lg-2 {
    top: 0.5rem!important; }
  .t-lg-3 {
    top: 1rem!important; }
  .t-lg-4 {
    top: 1.5rem!important; }
  .t-lg-5 {
    top: 3rem!important; }
  .b-lg-0 {
    bottom: 0rem!important; }
  .b-lg-1 {
    bottom: 0.25rem!important; }
  .b-lg-2 {
    bottom: 0.5rem!important; }
  .b-lg-3 {
    bottom: 1rem!important; }
  .b-lg-4 {
    bottom: 1.5rem!important; }
  .b-lg-5 {
    bottom: 3rem!important; }
  .r-lg-0 {
    right: 0rem!important; }
  .r-lg-1 {
    right: 0.25rem!important; }
  .r-lg-2 {
    right: 0.5rem!important; }
  .r-lg-3 {
    right: 1rem!important; }
  .r-lg-4 {
    right: 1.5rem!important; }
  .r-lg-5 {
    right: 3rem!important; }
  .l-lg-0 {
    left: 0rem!important; }
  .l-lg-1 {
    left: 0.25rem!important; }
  .l-lg-2 {
    left: 0.5rem!important; }
  .l-lg-3 {
    left: 1rem!important; }
  .l-lg-4 {
    left: 1.5rem!important; }
  .l-lg-5 {
    left: 3rem!important; } }

@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important; }
  .position-xl-relative {
    position: relative !important; }
  .position-xl-absolute {
    position: absolute !important; }
  .position-xl-fixed {
    position: fixed !important; }
  .position-xl-sticky {
    position: sticky !important; }
  .t-xl-0 {
    top: 0rem!important; }
  .t-xl-1 {
    top: 0.25rem!important; }
  .t-xl-2 {
    top: 0.5rem!important; }
  .t-xl-3 {
    top: 1rem!important; }
  .t-xl-4 {
    top: 1.5rem!important; }
  .t-xl-5 {
    top: 3rem!important; }
  .b-xl-0 {
    bottom: 0rem!important; }
  .b-xl-1 {
    bottom: 0.25rem!important; }
  .b-xl-2 {
    bottom: 0.5rem!important; }
  .b-xl-3 {
    bottom: 1rem!important; }
  .b-xl-4 {
    bottom: 1.5rem!important; }
  .b-xl-5 {
    bottom: 3rem!important; }
  .r-xl-0 {
    right: 0rem!important; }
  .r-xl-1 {
    right: 0.25rem!important; }
  .r-xl-2 {
    right: 0.5rem!important; }
  .r-xl-3 {
    right: 1rem!important; }
  .r-xl-4 {
    right: 1.5rem!important; }
  .r-xl-5 {
    right: 3rem!important; }
  .l-xl-0 {
    left: 0rem!important; }
  .l-xl-1 {
    left: 0.25rem!important; }
  .l-xl-2 {
    left: 0.5rem!important; }
  .l-xl-3 {
    left: 1rem!important; }
  .l-xl-4 {
    left: 1.5rem!important; }
  .l-xl-5 {
    left: 3rem!important; } }

@media (max-width: 576px) {
  .position-xs-static {
    position: static !important; }
  .position-xs-relative {
    position: relative !important; }
  .position-xs-absolute {
    position: absolute !important; }
  .position-xs-fixed {
    position: fixed !important; }
  .position-xs-sticky {
    position: sticky !important; }
  .t-xs-0 {
    top: 0rem!important; }
  .t-xs-1 {
    top: 0.25rem!important; }
  .t-xs-2 {
    top: 0.5rem!important; }
  .t-xs-3 {
    top: 1rem!important; }
  .t-xs-4 {
    top: 1.5rem!important; }
  .t-xs-5 {
    top: 3rem!important; }
  .b-xs-0 {
    bottom: 0rem!important; }
  .b-xs-1 {
    bottom: 0.25rem!important; }
  .b-xs-2 {
    bottom: 0.5rem!important; }
  .b-xs-3 {
    bottom: 1rem!important; }
  .b-xs-4 {
    bottom: 1.5rem!important; }
  .b-xs-5 {
    bottom: 3rem!important; }
  .r-xs-0 {
    right: 0rem!important; }
  .r-xs-1 {
    right: 0.25rem!important; }
  .r-xs-2 {
    right: 0.5rem!important; }
  .r-xs-3 {
    right: 1rem!important; }
  .r-xs-4 {
    right: 1.5rem!important; }
  .r-xs-5 {
    right: 3rem!important; }
  .l-xs-0 {
    left: 0rem!important; }
  .l-xs-1 {
    left: 0.25rem!important; }
  .l-xs-2 {
    left: 0.5rem!important; }
  .l-xs-3 {
    left: 1rem!important; }
  .l-xs-4 {
    left: 1.5rem!important; }
  .l-xs-5 {
    left: 3rem!important; } }
.w-0 {
  width: 0 !important; }

.w-5 {
  width: 5% !important; }

.w-10 {
  width: 10% !important; }

.w-20 {
  width: 20% !important; }

.w-25 {
  width: 25% !important; }

.w-30 {
  width: 30% !important; }

.w-33 {
  width: 33% !important; }

.w-40 {
  width: 40% !important; }

.w-50 {
  width: 50% !important; }

.w-60 {
  width: 60% !important; }

.w-67 {
  width: 67% !important; }

.w-70 {
  width: 70% !important; }

.w-75 {
  width: 75% !important; }

.w-80 {
  width: 80% !important; }

.w-90 {
  width: 90% !important; }

.w-95 {
  width: 95% !important; }

.w-98 {
  width: 98% !important; }

.w-100 {
  width: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

/*responsive*/
@media (min-width: 576px) {
  .w-sm-0 {
    width: 0 !important; }
  .w-sm-5 {
    width: 5% !important; }
  .w-sm-10 {
    width: 10% !important; }
  .w-sm-20 {
    width: 20% !important; }
  .w-sm-25 {
    width: 25% !important; }
  .w-sm-30 {
    width: 30% !important; }
  .w-sm-33 {
    width: 33% !important; }
  .w-sm-40 {
    width: 40% !important; }
  .w-sm-50 {
    width: 50% !important; }
  .w-sm-60 {
    width: 60% !important; }
  .w-sm-67 {
    width: 67% !important; }
  .w-sm-70 {
    width: 70% !important; }
  .w-sm-75 {
    width: 75% !important; }
  .w-sm-80 {
    width: 80% !important; }
  .w-sm-90 {
    width: 90% !important; }
  .w-sm-95 {
    width: 95% !important; }
  .w-sm-98 {
    width: 98% !important; }
  .w-sm-100 {
    width: 100% !important; }
  .mw-sm-100 {
    max-width: 100% !important; } }

@media (min-width: 768px) {
  .w-md-0 {
    width: 0 !important; }
  .w-md-5 {
    width: 5% !important; }
  .w-md-10 {
    width: 10% !important; }
  .w-md-20 {
    width: 20% !important; }
  .w-md-25 {
    width: 25% !important; }
  .w-md-30 {
    width: 30% !important; }
  .w-md-33 {
    width: 33% !important; }
  .w-md-40 {
    width: 40% !important; }
  .w-md-50 {
    width: 50% !important; }
  .w-md-60 {
    width: 60% !important; }
  .w-md-67 {
    width: 67% !important; }
  .w-md-70 {
    width: 70% !important; }
  .w-md-75 {
    width: 75% !important; }
  .w-md-80 {
    width: 80% !important; }
  .w-md-90 {
    width: 90% !important; }
  .w-md-95 {
    width: 95% !important; }
  .w-md-98 {
    width: 98% !important; }
  .w-md-100 {
    width: 100% !important; }
  .mw-md-100 {
    max-width: 100% !important; } }

@media (min-width: 992px) {
  .w-lg-0 {
    width: 0 !important; }
  .w-lg-5 {
    width: 5% !important; }
  .w-lg-10 {
    width: 10% !important; }
  .w-lg-20 {
    width: 20% !important; }
  .w-lg-25 {
    width: 25% !important; }
  .w-lg-30 {
    width: 30% !important; }
  .w-lg-33 {
    width: 33% !important; }
  .w-lg-40 {
    width: 40% !important; }
  .w-lg-50 {
    width: 50% !important; }
  .w-lg-60 {
    width: 60% !important; }
  .w-lg-67 {
    width: 67% !important; }
  .w-lg-70 {
    width: 70% !important; }
  .w-lg-75 {
    width: 75% !important; }
  .w-lg-80 {
    width: 80% !important; }
  .w-lg-90 {
    width: 90% !important; }
  .w-lg-95 {
    width: 95% !important; }
  .w-lg-98 {
    width: 98% !important; }
  .w-lg-100 {
    width: 100% !important; }
  .mw-lg-100 {
    max-width: 100% !important; } }

@media (min-width: 1200px) {
  .w-xl-0 {
    width: 0 !important; }
  .w-xl-5 {
    width: 5% !important; }
  .w-xl-10 {
    width: 10% !important; }
  .w-xl-20 {
    width: 20% !important; }
  .w-xl-25 {
    width: 25% !important; }
  .w-xl-30 {
    width: 30% !important; }
  .w-xl-33 {
    width: 33% !important; }
  .w-xl-40 {
    width: 40% !important; }
  .w-xl-50 {
    width: 50% !important; }
  .w-xl-60 {
    width: 60% !important; }
  .w-xl-67 {
    width: 67% !important; }
  .w-xl-70 {
    width: 70% !important; }
  .w-xl-75 {
    width: 75% !important; }
  .w-xl-80 {
    width: 80% !important; }
  .w-xl-90 {
    width: 90% !important; }
  .w-xl-95 {
    width: 95% !important; }
  .w-xl-98 {
    width: 98% !important; }
  .w-xl-100 {
    width: 100% !important; }
  .mw-xl-100 {
    max-width: 100% !important; } }

@media (max-width: 576px) {
  .w-xs-0 {
    width: 0 !important; }
  .w-xs-5 {
    width: 5% !important; }
  .w-xs-10 {
    width: 10% !important; }
  .w-xs-20 {
    width: 20% !important; }
  .w-xs-25 {
    width: 25% !important; }
  .w-xs-30 {
    width: 30% !important; }
  .w-xs-33 {
    width: 33% !important; }
  .w-xs-40 {
    width: 40% !important; }
  .w-xs-50 {
    width: 50% !important; }
  .w-xs-60 {
    width: 60% !important; }
  .w-xs-67 {
    width: 67% !important; }
  .w-xs-70 {
    width: 70% !important; }
  .w-xs-75 {
    width: 75% !important; }
  .w-xs-80 {
    width: 80% !important; }
  .w-xs-90 {
    width: 90% !important; }
  .w-xs-95 {
    width: 95% !important; }
  .w-xs-98 {
    width: 98% !important; }
  .w-xs-100 {
    width: 100% !important; }
  .mw-xs-100 {
    max-width: 100% !important; } }
.h-0 {
  height: 0 !important; }

.h-auto {
  height: auto !important; }

/*responsive*/
@media (min-width: 576px) {
  .h-sm-0 {
    height: 0 !important; }
  .h-sm-auto {
    height: auto !important; }
  .h-sm-100 {
    height: 100% !important; }
  .mh-sm-100 {
    max-height: 100% !important; } }

@media (min-width: 768px) {
  .h-md-0 {
    height: 0 !important; }
  .h-md-auto {
    height: auto !important; }
  .h-md-100 {
    height: 100% !important; }
  .mh-md-100 {
    max-height: 100% !important; } }

@media (min-width: 992px) {
  .h-lg-0 {
    height: 0 !important; }
  .h-lg-auto {
    height: auto !important; }
  .h-lg-100 {
    height: 100% !important; }
  .mh-lg-100 {
    max-height: 100% !important; } }

@media (min-width: 1200px) {
  .h-xl-0 {
    height: 0 !important; }
  .h-xl-auto {
    height: auto !important; }
  .h-xl-100 {
    height: 100% !important; }
  .mh-xl-100 {
    max-height: 100% !important; } }

@media (max-width: 576px) {
  .h-xs-0 {
    height: 0 !important; }
  .h-xs-auto {
    height: auto !important; }
  .h-xs-100 {
    height: 100% !important; }
  .mh-xs-100 {
    max-height: 100% !important; } }
.of-h {
  overflow: hidden !important; }

.of-a {
  overflow: auto !important; }

.of-xa {
  overflow-x: auto !important; }

.of-ya {
  overflow-y: auto !important; }

.of-xh {
  overflow-x: hidden !important; }

.of-yh {
  overflow-y: hidden !important; }

/*responsive*/
@media (min-width: 576px) {
  .of-sm-h {
    overflow: hidden !important; }
  .of-sm-a {
    overflow: auto !important; }
  .of-sm-xa {
    overflow-x: auto !important; }
  .of-sm-ya {
    overflow-y: auto !important; }
  .of-sm-xh {
    overflow-x: hidden !important; }
  .of-sm-yh {
    overflow-y: hidden !important; } }

@media (min-width: 768px) {
  .of-md-h {
    overflow: hidden !important; }
  .of-md-a {
    overflow: auto !important; }
  .of-md-xa {
    overflow-x: auto !important; }
  .of-md-ya {
    overflow-y: auto !important; }
  .of-md-xh {
    overflow-x: hidden !important; }
  .of-md-yh {
    overflow-y: hidden !important; } }

@media (min-width: 992px) {
  .of-lg-h {
    overflow: hidden !important; }
  .of-lg-a {
    overflow: auto !important; }
  .of-lg-xa {
    overflow-x: auto !important; }
  .of-lg-ya {
    overflow-y: auto !important; }
  .of-lg-xh {
    overflow-x: hidden !important; }
  .of-lg-yh {
    overflow-y: hidden !important; } }

@media (min-width: 1200px) {
  .of-xl-h {
    overflow: hidden !important; }
  .of-xl-a {
    overflow: auto !important; }
  .of-xl-xa {
    overflow-x: auto !important; }
  .of-xl-ya {
    overflow-y: auto !important; }
  .of-xl-xh {
    overflow-x: hidden !important; }
  .of-xl-yh {
    overflow-y: hidden !important; } }

@media (max-width: 576px) {
  .of-xs-h {
    overflow: hidden !important; }
  .of-xs-a {
    overflow: auto !important; }
  .of-xs-xa {
    overflow-x: auto !important; }
  .of-xs-ya {
    overflow-y: auto !important; }
  .of-xs-xh {
    overflow-x: hidden !important; }
  .of-xs-yh {
    overflow-y: hidden !important; } }
/*responsive*/
@media (max-width: 576px) {
  .text-xs-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important; }
  .text-xs-truncate-none {
    overflow: visible !important;
    text-overflow: inherit !important;
    white-space: inherit !important; }
  .text-xs-right {
    text-align: right !important; }
  .text-xs-center {
    text-align: center !important; }
  .text-xs-left {
    text-align: left !important; }
  .text-xs-justify {
    text-align: justify !important; } }
.visible {
  visibility: visible !important; }

.hidden {
  visibility: hidden !important; }

/*responsive*/
@media (min-width: 576px) {
  .visible-sm {
    visibility: visible !important; }
  .hidden-sm {
    visibility: hidden !important; } }

@media (min-width: 768px) {
  .visible-md {
    visibility: visible !important; }
  .hidden-md {
    visibility: hidden !important; } }

@media (min-width: 992px) {
  .visible-lg {
    visibility: visible !important; }
  .hidden-lg {
    visibility: hidden !important; } }

@media (min-width: 1200px) {
  .visible-xl {
    visibility: visible !important; }
  .hidden-xl {
    visibility: hidden !important; } }

@media (max-width: 576px) {
  .visible-xs {
    visibility: visible !important; }
  .hidden-xs {
    visibility: hidden !important; } }

@media (max-width: 468px) {
  .visible-sxs {
    visibility: visible !important; }
  .hidden-sxs {
    visibility: hidden !important; } }

@media (max-width: 368px) {
  .visible-uxs {
    visibility: visible !important; }
  .hidden-uxs {
    visibility: hidden !important; } }

.Nav-Shadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.20); }

.Box-shadow {
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); }

.Popper-Shadow {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }

.Circle-Shadow-Fat {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }

.Circle-Shadow-Thin {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.object-fit-center, .object-fit-right, .object-fit-top, .object-cover, .object-fit {
  object-fit: cover; }

.object-fit-top {
  object-position: top; }

.object-fit-center {
  object-position: center; }

.object-fit-right {
  object-position: right; }

.bg-cover-center, .bg-cover-right, .bg-cover-top, .bg-cover {
  background-size: cover; }

.bg-cover-top {
  background-position: top; }

.bg-cover-center {
  background-position: center; }

.bg-cover-right {
  background-position: right; }

.pointer {
  cursor: pointer; }

.default {
  cursor: default; }

.move {
  cursor: move; }

button {
  cursor: pointer; }

.rounded-0 {
  border-radius: 0px!important; }

.rounded-1 {
  border-radius: 1px!important; }

.rounded-2 {
  border-radius: 2px!important; }

.rounded-3 {
  border-radius: 3px!important; }

.rounded-4 {
  border-radius: 4px!important; }

.rounded-5 {
  border-radius: 5px!important; }

.rounded-circle {
  border-radius: 50% !important; }

.roundedt-0 {
  border-radius: 0px 0px 0 0 !important; }

.roundedt-1 {
  border-radius: 1px 1px 0 0 !important; }

.roundedt-2 {
  border-radius: 2px 2px 0 0 !important; }

.roundedt-3 {
  border-radius: 3px 3px 0 0 !important; }

.roundedt-4 {
  border-radius: 4px 4px 0 0 !important; }

.roundedt-5 {
  border-radius: 5px 5px 0 0 !important; }

.roundedb-0 {
  border-radius: 0 0 0px 0px !important; }

.roundedb-1 {
  border-radius: 0 0 1px 1px !important; }

.roundedb-2 {
  border-radius: 0 0 2px 2px !important; }

.roundedb-3 {
  border-radius: 0 0 3px 3px !important; }

.roundedb-4 {
  border-radius: 0 0 4px 4px !important; }

.roundedb-5 {
  border-radius: 0 0 5px 5px !important; }

.roundedr-0 {
  border-radius: 0 0px 0px 0 !important; }

.roundedr-1 {
  border-radius: 0 1px 1px 0 !important; }

.roundedr-2 {
  border-radius: 0 2px 2px 0 !important; }

.roundedr-3 {
  border-radius: 0 3px 3px 0 !important; }

.roundedr-4 {
  border-radius: 0 4px 4px 0 !important; }

.roundedr-5 {
  border-radius: 0 5px 5px 0 !important; }

.roundedl-0 {
  border-radius: 0px 0 0 0px !important; }

.roundedl-1 {
  border-radius: 1px 0 0 1px !important; }

.roundedl-2 {
  border-radius: 2px 0 0 2px !important; }

.roundedl-3 {
  border-radius: 3px 0 0 3px !important; }

.roundedl-4 {
  border-radius: 4px 0 0 4px !important; }

.roundedl-5 {
  border-radius: 5px 0 0 5px !important; }

/*responsive*/
@media (min-width: 576px) {
  .rounded-sm-0 {
    border-radius: 0px!important; }
  .rounded-sm-1 {
    border-radius: 1px!important; }
  .rounded-sm-2 {
    border-radius: 2px!important; }
  .rounded-sm-3 {
    border-radius: 3px!important; }
  .rounded-sm-4 {
    border-radius: 4px!important; }
  .rounded-sm-5 {
    border-radius: 5px!important; }
  .rounded-sm-circle {
    border-radius: 50% !important; }
  .roundedt-sm-0 {
    border-radius: 0px 0px 0 0 !important; }
  .roundedt-sm-1 {
    border-radius: 1px 1px 0 0 !important; }
  .roundedt-sm-2 {
    border-radius: 2px 2px 0 0 !important; }
  .roundedt-sm-3 {
    border-radius: 3px 3px 0 0 !important; }
  .roundedt-sm-4 {
    border-radius: 4px 4px 0 0 !important; }
  .roundedt-sm-5 {
    border-radius: 5px 5px 0 0 !important; }
  .roundedb-sm-0 {
    border-radius: 0 0 0px 0px !important; }
  .roundedb-sm-1 {
    border-radius: 0 0 1px 1px !important; }
  .roundedb-sm-2 {
    border-radius: 0 0 2px 2px !important; }
  .roundedb-sm-3 {
    border-radius: 0 0 3px 3px !important; }
  .roundedb-sm-4 {
    border-radius: 0 0 4px 4px !important; }
  .roundedb-sm-5 {
    border-radius: 0 0 5px 5px !important; }
  .roundedr-sm-0 {
    border-radius: 0 0px 0px 0 !important; }
  .roundedr-sm-1 {
    border-radius: 0 1px 1px 0 !important; }
  .roundedr-sm-2 {
    border-radius: 0 2px 2px 0 !important; }
  .roundedr-sm-3 {
    border-radius: 0 3px 3px 0 !important; }
  .roundedr-sm-4 {
    border-radius: 0 4px 4px 0 !important; }
  .roundedr-sm-5 {
    border-radius: 0 5px 5px 0 !important; }
  .roundedl-sm-0 {
    border-radius: 0px 0 0 0px !important; }
  .roundedl-sm-1 {
    border-radius: 1px 0 0 1px !important; }
  .roundedl-sm-2 {
    border-radius: 2px 0 0 2px !important; }
  .roundedl-sm-3 {
    border-radius: 3px 0 0 3px !important; }
  .roundedl-sm-4 {
    border-radius: 4px 0 0 4px !important; }
  .roundedl-sm-5 {
    border-radius: 5px 0 0 5px !important; } }

@media (min-width: 768px) {
  .rounded-md-0 {
    border-radius: 0px!important; }
  .rounded-md-1 {
    border-radius: 1px!important; }
  .rounded-md-2 {
    border-radius: 2px!important; }
  .rounded-md-3 {
    border-radius: 3px!important; }
  .rounded-md-4 {
    border-radius: 4px!important; }
  .rounded-md-5 {
    border-radius: 5px!important; }
  .rounded-md-circle {
    border-radius: 50% !important; }
  .roundedt-md-0 {
    border-radius: 0px 0px 0 0 !important; }
  .roundedt-md-1 {
    border-radius: 1px 1px 0 0 !important; }
  .roundedt-md-2 {
    border-radius: 2px 2px 0 0 !important; }
  .roundedt-md-3 {
    border-radius: 3px 3px 0 0 !important; }
  .roundedt-md-4 {
    border-radius: 4px 4px 0 0 !important; }
  .roundedt-md-5 {
    border-radius: 5px 5px 0 0 !important; }
  .roundedb-md-0 {
    border-radius: 0 0 0px 0px !important; }
  .roundedb-md-1 {
    border-radius: 0 0 1px 1px !important; }
  .roundedb-md-2 {
    border-radius: 0 0 2px 2px !important; }
  .roundedb-md-3 {
    border-radius: 0 0 3px 3px !important; }
  .roundedb-md-4 {
    border-radius: 0 0 4px 4px !important; }
  .roundedb-md-5 {
    border-radius: 0 0 5px 5px !important; }
  .roundedr-md-0 {
    border-radius: 0 0px 0px 0 !important; }
  .roundedr-md-1 {
    border-radius: 0 1px 1px 0 !important; }
  .roundedr-md-2 {
    border-radius: 0 2px 2px 0 !important; }
  .roundedr-md-3 {
    border-radius: 0 3px 3px 0 !important; }
  .roundedr-md-4 {
    border-radius: 0 4px 4px 0 !important; }
  .roundedr-md-5 {
    border-radius: 0 5px 5px 0 !important; }
  .roundedl-md-0 {
    border-radius: 0px 0 0 0px !important; }
  .roundedl-md-1 {
    border-radius: 1px 0 0 1px !important; }
  .roundedl-md-2 {
    border-radius: 2px 0 0 2px !important; }
  .roundedl-md-3 {
    border-radius: 3px 0 0 3px !important; }
  .roundedl-md-4 {
    border-radius: 4px 0 0 4px !important; }
  .roundedl-md-5 {
    border-radius: 5px 0 0 5px !important; } }

@media (min-width: 992px) {
  .rounded-lg-0 {
    border-radius: 0px!important; }
  .rounded-lg-1 {
    border-radius: 1px!important; }
  .rounded-lg-2 {
    border-radius: 2px!important; }
  .rounded-lg-3 {
    border-radius: 3px!important; }
  .rounded-lg-4 {
    border-radius: 4px!important; }
  .rounded-lg-5 {
    border-radius: 5px!important; }
  .rounded-lg-circle {
    border-radius: 50% !important; }
  .roundedt-lg-0 {
    border-radius: 0px 0px 0 0 !important; }
  .roundedt-lg-1 {
    border-radius: 1px 1px 0 0 !important; }
  .roundedt-lg-2 {
    border-radius: 2px 2px 0 0 !important; }
  .roundedt-lg-3 {
    border-radius: 3px 3px 0 0 !important; }
  .roundedt-lg-4 {
    border-radius: 4px 4px 0 0 !important; }
  .roundedt-lg-5 {
    border-radius: 5px 5px 0 0 !important; }
  .roundedb-lg-0 {
    border-radius: 0 0 0px 0px !important; }
  .roundedb-lg-1 {
    border-radius: 0 0 1px 1px !important; }
  .roundedb-lg-2 {
    border-radius: 0 0 2px 2px !important; }
  .roundedb-lg-3 {
    border-radius: 0 0 3px 3px !important; }
  .roundedb-lg-4 {
    border-radius: 0 0 4px 4px !important; }
  .roundedb-lg-5 {
    border-radius: 0 0 5px 5px !important; }
  .roundedr-lg-0 {
    border-radius: 0 0px 0px 0 !important; }
  .roundedr-lg-1 {
    border-radius: 0 1px 1px 0 !important; }
  .roundedr-lg-2 {
    border-radius: 0 2px 2px 0 !important; }
  .roundedr-lg-3 {
    border-radius: 0 3px 3px 0 !important; }
  .roundedr-lg-4 {
    border-radius: 0 4px 4px 0 !important; }
  .roundedr-lg-5 {
    border-radius: 0 5px 5px 0 !important; }
  .roundedl-lg-0 {
    border-radius: 0px 0 0 0px !important; }
  .roundedl-lg-1 {
    border-radius: 1px 0 0 1px !important; }
  .roundedl-lg-2 {
    border-radius: 2px 0 0 2px !important; }
  .roundedl-lg-3 {
    border-radius: 3px 0 0 3px !important; }
  .roundedl-lg-4 {
    border-radius: 4px 0 0 4px !important; }
  .roundedl-lg-5 {
    border-radius: 5px 0 0 5px !important; } }

@media (min-width: 1200px) {
  .rounded-xl-0 {
    border-radius: 0px!important; }
  .rounded-xl-1 {
    border-radius: 1px!important; }
  .rounded-xl-2 {
    border-radius: 2px!important; }
  .rounded-xl-3 {
    border-radius: 3px!important; }
  .rounded-xl-4 {
    border-radius: 4px!important; }
  .rounded-xl-5 {
    border-radius: 5px!important; }
  .rounded-xl-circle {
    border-radius: 50% !important; }
  .roundedt-xl-0 {
    border-radius: 0px 0px 0 0 !important; }
  .roundedt-xl-1 {
    border-radius: 1px 1px 0 0 !important; }
  .roundedt-xl-2 {
    border-radius: 2px 2px 0 0 !important; }
  .roundedt-xl-3 {
    border-radius: 3px 3px 0 0 !important; }
  .roundedt-xl-4 {
    border-radius: 4px 4px 0 0 !important; }
  .roundedt-xl-5 {
    border-radius: 5px 5px 0 0 !important; }
  .roundedb-xl-0 {
    border-radius: 0 0 0px 0px !important; }
  .roundedb-xl-1 {
    border-radius: 0 0 1px 1px !important; }
  .roundedb-xl-2 {
    border-radius: 0 0 2px 2px !important; }
  .roundedb-xl-3 {
    border-radius: 0 0 3px 3px !important; }
  .roundedb-xl-4 {
    border-radius: 0 0 4px 4px !important; }
  .roundedb-xl-5 {
    border-radius: 0 0 5px 5px !important; }
  .roundedr-xl-0 {
    border-radius: 0 0px 0px 0 !important; }
  .roundedr-xl-1 {
    border-radius: 0 1px 1px 0 !important; }
  .roundedr-xl-2 {
    border-radius: 0 2px 2px 0 !important; }
  .roundedr-xl-3 {
    border-radius: 0 3px 3px 0 !important; }
  .roundedr-xl-4 {
    border-radius: 0 4px 4px 0 !important; }
  .roundedr-xl-5 {
    border-radius: 0 5px 5px 0 !important; }
  .roundedl-xl-0 {
    border-radius: 0px 0 0 0px !important; }
  .roundedl-xl-1 {
    border-radius: 1px 0 0 1px !important; }
  .roundedl-xl-2 {
    border-radius: 2px 0 0 2px !important; }
  .roundedl-xl-3 {
    border-radius: 3px 0 0 3px !important; }
  .roundedl-xl-4 {
    border-radius: 4px 0 0 4px !important; }
  .roundedl-xl-5 {
    border-radius: 5px 0 0 5px !important; } }

@media (max-width: 576px) {
  .rounded-xs-0 {
    border-radius: 0px!important; }
  .rounded-xs-1 {
    border-radius: 1px!important; }
  .rounded-xs-2 {
    border-radius: 2px!important; }
  .rounded-xs-3 {
    border-radius: 3px!important; }
  .rounded-xs-4 {
    border-radius: 4px!important; }
  .rounded-xs-5 {
    border-radius: 5px!important; }
  .rounded-xs-circle {
    border-radius: 50% !important; }
  .roundedt-xs-0 {
    border-radius: 0px 0px 0 0 !important; }
  .roundedt-xs-1 {
    border-radius: 1px 1px 0 0 !important; }
  .roundedt-xs-2 {
    border-radius: 2px 2px 0 0 !important; }
  .roundedt-xs-3 {
    border-radius: 3px 3px 0 0 !important; }
  .roundedt-xs-4 {
    border-radius: 4px 4px 0 0 !important; }
  .roundedt-xs-5 {
    border-radius: 5px 5px 0 0 !important; }
  .roundedb-xs-0 {
    border-radius: 0 0 0px 0px !important; }
  .roundedb-xs-1 {
    border-radius: 0 0 1px 1px !important; }
  .roundedb-xs-2 {
    border-radius: 0 0 2px 2px !important; }
  .roundedb-xs-3 {
    border-radius: 0 0 3px 3px !important; }
  .roundedb-xs-4 {
    border-radius: 0 0 4px 4px !important; }
  .roundedb-xs-5 {
    border-radius: 0 0 5px 5px !important; }
  .roundedr-xs-0 {
    border-radius: 0 0px 0px 0 !important; }
  .roundedr-xs-1 {
    border-radius: 0 1px 1px 0 !important; }
  .roundedr-xs-2 {
    border-radius: 0 2px 2px 0 !important; }
  .roundedr-xs-3 {
    border-radius: 0 3px 3px 0 !important; }
  .roundedr-xs-4 {
    border-radius: 0 4px 4px 0 !important; }
  .roundedr-xs-5 {
    border-radius: 0 5px 5px 0 !important; }
  .roundedl-xs-0 {
    border-radius: 0px 0 0 0px !important; }
  .roundedl-xs-1 {
    border-radius: 1px 0 0 1px !important; }
  .roundedl-xs-2 {
    border-radius: 2px 0 0 2px !important; }
  .roundedl-xs-3 {
    border-radius: 3px 0 0 3px !important; }
  .roundedl-xs-4 {
    border-radius: 4px 0 0 4px !important; }
  .roundedl-xs-5 {
    border-radius: 5px 0 0 5px !important; } }
.trans0 {
  transition: all 0ms ease-in-out; }

.trans100 {
  transition: all 100ms ease-in-out; }

.trans200 {
  transition: all 200ms ease-in-out; }

.trans300 {
  transition: all 300ms ease-in-out; }

.trans400 {
  transition: all 400ms ease-in-out; }

/*responsive*/
@media (max-width: 576px) {
  .flex-xs-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xs-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xs-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xs-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xs-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xs-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-xs-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xs-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xs-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xs-between {
    -webkit-box-pack: between !important;
    -ms-flex-pack: between !important;
    justify-content: space-between !important; }
  .justify-content-xs-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xs-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xs-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xs-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xs-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xs-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; } }
.float-right {
  float: right !important; }

.float-left {
  float: left !important; }

.float-none {
  float: none !important; }

/*responsive*/
@media (max-width: 576px) {
  .float-xs-right {
    float: right !important; }
  .float-xs-left {
    float: left !important; }
  .float-xs-none {
    float: none !important; } }

@media (max-width: 468px) {
  .float-sxs-right {
    float: right !important; }
  .float-sxs-left {
    float: left !important; }
  .float-sxs-none {
    float: none !important; } }

@media (max-width: 368px) {
  .float-uxs-right {
    float: right !important; }
  .float-uxs-left {
    float: left !important; }
  .float-uxs-none {
    float: none !important; } }

/*grid*/
/*responsive grid*/
@media (max-width: 576px) {
  .col-xs-1 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 8.33333%!important;
    flex: 0 0 8.33333%!important;
    max-width: 8.33333%!important; }
  .col-xs-2 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 16.66667%!important;
    flex: 0 0 16.66667%!important;
    max-width: 16.66667%!important; }
  .col-xs-3 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 25%!important;
    flex: 0 0 25%!important;
    max-width: 25%!important; }
  .col-xs-4 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 33.33333%!important;
    flex: 0 0 33.33333%!important;
    max-width: 33.33333%!important; }
  .col-xs-5 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 41.66667%!important;
    flex: 0 0 41.66667%!important;
    max-width: 41.66667%!important; }
  .col-xs-6 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 50%!important;
    flex: 0 0 50%!important;
    max-width: 50%!important; }
  .col-xs-7 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 58.33333%!important;
    flex: 0 0 58.33333%!important;
    max-width: 58.33333%!important; }
  .col-xs-8 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 66.66667%!important;
    flex: 0 0 66.66667%!important;
    max-width: 66.66667%!important; }
  .col-xs-9 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 75%!important;
    flex: 0 0 75%!important;
    max-width: 75%!important; }
  .col-xs-10 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 83.33333%!important;
    flex: 0 0 83.33333%!important;
    max-width: 83.33333%!important; }
  .col-xs-11 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 91.66667%!important;
    flex: 0 0 91.66667%!important;
    max-width: 91.66667%!important; }
  .col-xs-12 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important; }
  .col-xs-auto {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important; } }
/*Container*/
@media (max-width: 1260px) {
  .container {
    max-width: 98% !important; } }

@media (min-width: 1260px) {
  .container {
    max-width: 1233px !important; } }

/*margin*/
/*responsive*/
@media (max-width: 576px) {
  .mx-xs-auto {
    margin-right: auto;
    margin-left: auto; }
  /*margin*/
  .m-xs-0 {
    margin: 0rem !important; }
  .m-xs-1 {
    margin: 0.25rem !important; }
  .m-xs-2 {
    margin: 0.5rem !important; }
  .m-xs-3 {
    margin: 1rem !important; }
  .m-xs-4 {
    margin: 1.5rem !important; }
  .m-xs-5 {
    margin: 3rem !important; }
  .mt-xs-0 {
    margin-top: 0rem!important; }
  .mt-xs-1 {
    margin-top: 0.25rem!important; }
  .mt-xs-2 {
    margin-top: 0.5rem!important; }
  .mt-xs-3 {
    margin-top: 1rem!important; }
  .mt-xs-4 {
    margin-top: 1.5rem!important; }
  .mt-xs-5 {
    margin-top: 3rem!important; }
  .mb-xs-0 {
    margin-bottom: 0rem!important; }
  .mb-xs-1 {
    margin-bottom: 0.25rem!important; }
  .mb-xs-2 {
    margin-bottom: 0.5rem!important; }
  .mb-xs-3 {
    margin-bottom: 1rem!important; }
  .mb-xs-4 {
    margin-bottom: 1.5rem!important; }
  .mb-xs-5 {
    margin-bottom: 3rem!important; }
  .mr-xs-0 {
    margin-right: 0rem!important; }
  .mr-xs-1 {
    margin-right: 0.25rem!important; }
  .mr-xs-2 {
    margin-right: 0.5rem!important; }
  .mr-xs-3 {
    margin-right: 1rem!important; }
  .mr-xs-4 {
    margin-right: 1.5rem!important; }
  .mr-xs-5 {
    margin-right: 3rem!important; }
  .ml-xs-0 {
    margin-left: 0rem!important; }
  .ml-xs-1 {
    margin-left: 0.25rem!important; }
  .ml-xs-2 {
    margin-left: 0.5rem!important; }
  .ml-xs-3 {
    margin-left: 1rem!important; }
  .ml-xs-4 {
    margin-left: 1.5rem!important; }
  .ml-xs-5 {
    margin-left: 3rem!important; }
  /*margin-x*/
  .mx-xs-0 {
    margin-right: 0rem !important;
    margin-left: 0rem!important; }
  .mx-xs-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem!important; }
  .mx-xs-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem!important; }
  .mx-xs-3 {
    margin-right: 1rem !important;
    margin-left: 1rem!important; }
  .mx-xs-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem!important; }
  .mx-xs-5 {
    margin-right: 3rem !important;
    margin-left: 3rem!important; }
  /*margin-y*/
  .my-xs-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem!important; }
  .my-xs-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem!important; }
  .my-xs-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem!important; }
  .my-xs-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem!important; }
  .my-xs-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem!important; }
  .my-xs-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem!important; } }
/*padding*/
/*responsive*/
@media (max-width: 576px) {
  /*padding*/
  .p-xs-0 {
    padding: 0rem !important; }
  .p-xs-1 {
    padding: 0.25rem !important; }
  .p-xs-2 {
    padding: 0.5rem !important; }
  .p-xs-3 {
    padding: 1rem !important; }
  .p-xs-4 {
    padding: 1.5rem !important; }
  .p-xs-5 {
    padding: 3rem !important; }
  .pt-xs-0 {
    padding-top: 0rem!important; }
  .pt-xs-1 {
    padding-top: 0.25rem!important; }
  .pt-xs-2 {
    padding-top: 0.5rem!important; }
  .pt-xs-3 {
    padding-top: 1rem!important; }
  .pt-xs-4 {
    padding-top: 1.5rem!important; }
  .pt-xs-5 {
    padding-top: 3rem!important; }
  .pb-xs-0 {
    padding-bottom: 0rem!important; }
  .pb-xs-1 {
    padding-bottom: 0.25rem!important; }
  .pb-xs-2 {
    padding-bottom: 0.5rem!important; }
  .pb-xs-3 {
    padding-bottom: 1rem!important; }
  .pb-xs-4 {
    padding-bottom: 1.5rem!important; }
  .pb-xs-5 {
    padding-bottom: 3rem!important; }
  .pr-xs-0 {
    padding-right: 0rem!important; }
  .pr-xs-1 {
    padding-right: 0.25rem!important; }
  .pr-xs-2 {
    padding-right: 0.5rem!important; }
  .pr-xs-3 {
    padding-right: 1rem!important; }
  .pr-xs-4 {
    padding-right: 1.5rem!important; }
  .pr-xs-5 {
    padding-right: 3rem!important; }
  .pl-xs-0 {
    padding-left: 0rem!important; }
  .pl-xs-1 {
    padding-left: 0.25rem!important; }
  .pl-xs-2 {
    padding-left: 0.5rem!important; }
  .pl-xs-3 {
    padding-left: 1rem!important; }
  .pl-xs-4 {
    padding-left: 1.5rem!important; }
  .pl-xs-5 {
    padding-left: 3rem!important; }
  /*padding-x*/
  .px-xs-0 {
    padding-right: 0rem !important;
    padding-left: 0rem!important; }
  .px-xs-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem!important; }
  .px-xs-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem!important; }
  .px-xs-3 {
    padding-right: 1rem !important;
    padding-left: 1rem!important; }
  .px-xs-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem!important; }
  .px-xs-5 {
    padding-right: 3rem !important;
    padding-left: 3rem!important; }
  /*padding-y*/
  .py-xs-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem!important; }
  .py-xs-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem!important; }
  .py-xs-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem!important; }
  .py-xs-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem!important; }
  .py-xs-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem!important; }
  .py-xs-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem!important; } }