@font-face {
  font-family: "ProductSans Light";
  src: url("../fonts/ProductSans-Light.ttf");
}

@font-face {
  font-family: "ProductSans Italic";
  src: url("../fonts/ProductSans-Italic.ttf");
}

@font-face {
  font-family: "ProductSans Regular";
  src: url("../fonts/ProductSans-Regular.ttf");
}

@font-face {
  font-family: "ProductSans Medium";
  src: url("../fonts/ProductSans-Medium.ttf");
}

@font-face {
  font-family: "ProductSans Bold";
  src: url("../fonts/ProductSans-Bold.ttf");
}

.light {
  font-family: "ProductSans Light" !important;
}

.italic {
  font-family: "ProductSans Italic" !important;
}

.regular {
  font-family: "ProductSans Regular" !important;
}

.medium {
  font-family: "ProductSans Medium" !important;
}

.bold {
  font-family: "ProductSans Bold" !important;
}

html {
  min-height: 100%;
  overflow: hidden;
  overflow-y: initial;
}

html.flow {
  overflow: hidden !important;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  position: relative;
  min-height: 100vh;
  background-color: #fff;
  color: #171717;
  font-size: 14px;
  font-family: "ProductSans Regular";
  margin: 0;
  padding: 0;
  line-height: 1.6;
  word-break: break-word;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

body>main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 80px;
  overflow: hidden;
}

body a {
  color: #171717;
  word-break: break-word;
  text-decoration: none;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

body a:hover {
  color: #d93a2b;
}

body a:focus,
body a:hover {
  outline: none !important;
  text-decoration: none !important;
}

body .ease,
body button {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

::-moz-selection {
  background: #d93a2b;
  color: #fff;
}

::selection {
  background: #d93a2b;
  color: #fff;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  display: inline-block;
}

ul li a {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ProductSans Bold";
  line-height: 1.3;
  margin: 0 0 10px;
}

p {
  color: #8b9593;
  margin: 0 0 15px;
}

p>a {
  display: inline;
  color: #d93a2b;
}

p>a:hover {
  color: #2115dc;
}

p:nth-last-child(1) {
  margin: 0;
}

.relative {
  position: relative;
}

.tableDv {
  display: table;
  width: 100%;
  height: 100%;
}

.tableDv .tableCell {
  display: table-cell;
  vertical-align: middle;
}

.toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  position: absolute;
  top: 21px;
  right: 5px;
  cursor: pointer;
  padding: 10px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 4;
}

.toggle span,
.toggle span:before,
.toggle span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #171717;
  border-radius: 50px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.toggle span {
  position: relative;
  display: block;
  width: 20px;
  background: transparent;
  margin: 8px auto;
}

.toggle span:before {
  top: -7px;
}

.toggle span:after {
  bottom: -7px;
}

.toggle.toggle.active span {
  background: transparent !important;
}

.toggle.toggle.active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.toggle.toggle.active span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.heading {
  position: relative;
  margin-bottom: 25px;
}

.heading>em {
  color: #d93a2b;
}

.heading.active {
  color: #d93a2b;
}

.color {
  color: #d93a2b !important;
}

.background {
  background: #d93a2b !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
    background: #cc2424 !important;
    box-shadow: #cc2424 0 1px 3px 0 inset !important;
}


.webBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0 10px;
  min-width: 120px;
  height: 46px;
  background: #d93a2b;
  color: #fff;
  font-family: "ProductSans Medium";
  text-align: center;
  padding: 0 30px;
  white-space: nowrap;
  border: 0;
  border-radius: 5px;
  outline: none !important;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.webBtn:hover {
  color: #fff;
}

.webBtn.smBtn {
  min-width: 40px;
  height: 36px;
  padding: 0 20px;
}

.webBtn.mdBtn {
  min-width: 80px;
  height: 40px;
}

.webBtn.lgBtn {
  height: 54px;
  font-size: 14px;
  padding: 0 40px;
}

.webBtn>img {
  width: 14px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.webBtn.blankBtn {
  background: transparent;
  color: #d93a2b;
}

.webBtn.blankBtn:hover {
  background: #d93a2b;
  color: #fff;
}

.webBtn.lightBtn {
  background: rgba(217, 58, 43, 0.2);
  color: #d93a2b;
}

.webBtn.lightBtn:not(:hover) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.webBtn.lightBtn:hover {
  background: #d93a2b;
  color: #fff;
}

.webBtn.labelBtn {
  min-width: initial;
  height: auto;
  background: transparent;
  color: #d93a2b;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.webBtn.labelBtn:hover {
  background: transparent;
  color: #171717;
}

.webBtn.simpleBtn {
  background: #fff;
  color: #d93a2b;
}

.webBtn.simpleBtn:hover {
  background: #d93a2b;
  color: #fff;
}

.webBtn.simpleBtn>img {
  -webkit-filter: none;
  filter: none;
}

.webBtn.roundBtn {
  border-radius: 50px;
}

.webBtn.blockBtn {
  width: 100%;
}

.webBtn.blockBtn em {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}

.webBtn.borderBtn {
  border: 2px solid #d93a2b;
}

.webBtn.addBtn {
  background: rgba(217, 58, 43, 0.07);
  color: #d93a2b;
  border: 1px dashed #d93a2b;
}

.webBtn.addBtn>img {
  -webkit-filter: none;
  filter: none;
}

.webBtn .spinner {
  width: auto;
  height: auto;
  background: inherit;
  border-radius: inherit;
  overflow: hidden;
}

.webBtn .spinner~i {
  visibility: hidden;
}

.webBtn .spinner,
.webBtn .spinner:before,
.webBtn .spinner:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}

.webBtn .spinner:before,
.webBtn .spinner:after,
.webBtn .spinner:before:before,
.webBtn .spinner:before:after,
.webBtn .spinner:after:before,
.webBtn .spinner:after:after {
  content: "";
  width: 18px;
  height: 18px;
  border: 3px solid;
  -webkit-animation: spinner 0.5s linear infinite;
  animation: spinner 0.5s linear infinite;
  border-radius: 75%;
}

.webBtn .spinner:before,
.webBtn .spinner:before:before,
.webBtn .spinner:after:before {
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.webBtn .spinner:after,
.webBtn .spinner:before:after,
.webBtn .spinner:after:after {
  border-top-color: transparent;
  border-left-color: transparent;
  opacity: 0.5;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

*[disabled] {
  cursor: not-allowed !important;
}

a[disabled],
button[disabled] {
  opacity: 0.8;
}

.closeBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #8b9593;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  z-index: 5;
}

.closeBtn:before {
  content: "\2715";
  line-height: 1;
}

h1 {
  font-size: 36px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 30px;
}

@media (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 22px;
}

@media (max-width: 767px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
}

@media (max-width: 767px) {
  h4 {
    font-size: 17px;
  }
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

img {
  width: 100%;
  display: block;
}

em {
  font-style: normal;
}

strong {
  font-family: "ProductSans Bold";
  font-weight: normal;
}

input,
button,
select,
textarea {
  text-decoration: none !important;
  outline: none !important;
}

.contain,
.contain-fluid {
  position: relative;
  max-width: 1280px;
  padding: 0 15px;
  margin: 0 auto;
  min-height: 1px;
}

.contain:before,
.contain:after,
.contain-fluid:before,
.contain-fluid:after {
  content: "";
  display: table;
}

.contain:after,
.contain:after,
.contain-fluid:after,
.contain-fluid:after {
  clear: both;
}

.contain-fluid {
  max-width: 1600px;
}

section {
  position: relative;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

.formRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px 0 0 -20px;
  width: calc(100% + 20px);
}

.formRow>[class*="col-"],
.formRow>[class^="col-"] {
  padding: 20px 0 0 20px;
}

@media (max-width: 475px) {

  [class*="col-xs"],
  [class^="col-xs"] {
    width: 100%;
  }
}

.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flexBox .flexDv {
  width: 100%;
}

.flexRow {
  margin: -15px;
}

.flexRow>.col {
  padding: 15px;
}

.bTn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 10px;
}

.bTn.formBtn {
  margin-top: 20px;
}

.bTn.text-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.bTn.text-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bTn.text-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.text-left .bTn {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.text-center .bTn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-right .bTn {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background: rgba(25, 33, 37, 0.95);
  padding: 20px 0;
  overflow: auto;
  z-index: 101;
}

.popup ._inner {
  position: relative;
  max-width: 600px;
  background: #fff;
  padding: 20px;
  margin: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.popup ._inner ._inner h3 {
  padding-right: 25px;
  margin-bottom: 20px;
}

.popup ._inner ._inner h4 {
  padding-right: 25px;
  margin-bottom: 15px;
}

.popup.lg ._inner {
  max-width: 800px;
}

.popup.sm ._inner {
  max-width: 420px;
}

.popup .list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.popup .list>li>div:nth-child(1) {
  width: 120px;
  min-width: 120px;
  font-family: "ProductSans Bold";
  margin-right: 10px;
}

.popup .list>li>div:nth-child(2) {
  width: 100%;
  color: #8b9593;
}

.popup .blockLst {
  margin: -15px;
}

.popup hr {
  margin: 20px -20px;
}

.popBtn {
  cursor: pointer;
}

.crosBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 28px;
  height: 28px;
  color: #8b9593;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  z-index: 5;
}

.crosBtn:before {
  content: "\2715";
  line-height: 1;
}

.dropBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.dropBtn>i.chevron {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
}

.dropBtn>i.chevron :before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}

.dropDown {
  position: relative;
}

.dropCnt {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 160px;
  max-width: 260px;
  background: #fff;
  margin-top: 10px;
  visibility: hidden;
  opacity: 0;
  border-radius: 7px;
  -webkit-box-shadow: 0 10px 20px -5px rgba(50, 17, 33, 0.25),
    0 -5px 10px -6px rgba(0, 0, 0, 0.03);
  box-shadow: 0 10px 20px -5px rgba(50, 17, 33, 0.25),
    0 -5px 10px -6px rgba(0, 0, 0, 0.03);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  overflow: hidden;
  z-index: 2;
}

.dropCnt.right {
  left: initial;
  right: 0;
}

.dropCnt.active {
  margin-top: 0;
  visibility: visible;
  opacity: 1;
}

.dropLst {
  padding: 10px 0;
}

.dropLst>li {
  display: block;
}

.dropLst>li>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: #fff;
  text-align: left;
  padding: 10px 25px;
  border: 0;
}

.dropLst>li>**:hover {
  background: #fafafa;
}

.dropLst>li>*>i {
  margin-right: 6px;
}

.dropLst.select {
  left: 0;
  right: 0;
  width: 100%;
  max-width: initial;
  max-height: 240px;
  padding: 0;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: auto;
}

.dropLst.select>li:not(:nth-last-child(1)) {
  border-bottom: 1px solid #eee;
}

.dropLst.select>li>button {
  color: #8b9593;
  padding: 10px 15px;
}

.dropLst.select>li>button>img {
  width: 36px;
  min-width: 36px;
  height: 36px;
  margin-right: 15px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
  overflow: hidden;
}

.dropLst.select>li>button,
.dropLst.select>li>button>* {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.more>span,
.more>span:before,
.more>span:after {
  width: 4px;
  height: 4px;
  border-radius: 75%;
  background: #8b9593;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
}

.more>span:before,
.more>span:after {
  position: absolute;
  content: "";
}

.more>span:before {
  left: 0;
}

.more>span:after {
  right: 0;
}

.more:hover>span,
.more:hover>span:before,
.more:hover>span:after {
  background: #171717;
}

.ico,
.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  text-align: center;
}

.ico a,
.ico img,
.icon a,
.icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.ico {
  background: #fff;
  border-radius: 75%;
  -webkit-box-shadow: 0 10px 20px -5px rgba(50, 17, 33, 0.25),
    0 -5px 10px -6px rgba(0, 0, 0, 0.03);
  box-shadow: 0 10px 20px -5px rgba(50, 17, 33, 0.25),
    0 -5px 10px -6px rgba(0, 0, 0, 0.03);
}

.ico img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
}

.jq-ry-container {
  position: relative;
  display: block;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 0;
  direction: ltr;
}

.jq-ry-container[readonly="readonly"] {
  cursor: default;
}

.jq-ry-container>.jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
  position: relative;
  line-height: 0;
  white-space: nowrap;
  z-index: 1;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
  display: inline-block;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
  width: 100%;
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  z-index: 3;
}

.ckEditor {
  font-family: "ProductSans Regular", sans-serif, Arial, Verdana, "Trebuchet MS",
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ckEditor .cke_editable {
  font-size: 13px;
  line-height: 1.6;
  word-wrap: break-word;
}

.ckEditor blockquote {
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
}

.ckEditor .cke_contents_ltr blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}

.ckEditor .cke_contents_rtl blockquote {
  padding-left: 8px;
  padding-right: 20px;
  border-right-width: 5px;
}

.ckEditor a {
  display: inline;
  color: #0782c1;
}

.ckEditor a>img {
  padding: 1px;
  margin: 1px;
  border: none;
  outline: 1px solid #0782c1;
}

.ckEditor ol,
.ckEditor ul,
.ckEditor dl {
  *margin-right: 0;
  padding: 0 40px;
}

.ckEditor ul,
.ckEditor ol {
  padding: 0;
  padding-left: 20px;
  margin: 0 0 10px;
  list-style-position: inside;
}

.ckEditor ul>li,
.ckEditor ul>li,
.ckEditor ol>li,
.ckEditor ol>li {
  display: list-item;
  margin-bottom: 5px;
}

.ckEditor ul>li ul,
.ckEditor ul>li ol,
.ckEditor ul>li ul,
.ckEditor ul>li ol,
.ckEditor ol>li ul,
.ckEditor ol>li ol,
.ckEditor ol>li ul,
.ckEditor ol>li ol {
  margin: 5px 0 7px;
}

.ckEditor h1,
.ckEditor h2,
.ckEditor h3,
.ckEditor h4,
.ckEditor h5,
.ckEditor h6 {
  font-weight: normal;
  line-height: 1.2;
}

.ckEditor hr {
  border: 0;
  border-top: 1px solid #ccc;
}

.ckEditor img.right {
  border: 1px solid #ccc;
  float: right;
  margin-left: 15px;
  padding: 5px;
}

.ckEditor img.left {
  border: 1px solid #ccc;
  float: left;
  margin-right: 15px;
  padding: 5px;
}

.ckEditor pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

.ckEditor .marker {
  background-color: Yellow;
}

.ckEditor span[lang] {
  font-style: italic;
}

.ckEditor figure {
  text-align: center;
  outline: solid 1px #ccc;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}

.ckEditor figure>figcaption {
  text-align: center;
  display: block;
}

.ckEditor .code-featured {
  border: 5px solid red;
}

.ckEditor .math-featured {
  padding: 20px;
  -webkit-box-shadow: 0 0 2px #c80000;
  box-shadow: 0 0 2px #c80000;
  background-color: rgba(255, 0, 0, 0.05);
  margin: 10px;
}

.ckEditor .image-clean {
  border: 0;
  background: none;
  padding: 0;
}

.ckEditor .image-clean>figcaption {
  font-size: 0.9em;
  text-align: right;
}

.ckEditor .image-grayscale {
  background-color: #fff;
  color: #666;
}

.ckEditor .image-grayscale img,
.ckEditor img.image-grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.ckEditor .embed-240p {
  max-width: 426px;
  max-height: 240px;
  margin: 0 auto;
}

.ckEditor .embed-360p {
  max-width: 640px;
  max-height: 360px;
  margin: 0 auto;
}

.ckEditor .embed-480p {
  max-width: 854px;
  max-height: 480px;
  margin: 0 auto;
}

.ckEditor .embed-720p {
  max-width: 1280px;
  max-height: 720px;
  margin: 0 auto;
}

.ckEditor .embed-1080p {
  max-width: 1920px;
  max-height: 1080px;
  margin: 0 auto;
}

.ckEditor i,
.ckEditor em {
  font-style: italic;
}

.ckEditor b,
.ckEditor strong {
  font-weight: bold;
}

.ckEditor u {
  text-decoration: underline;
}

.ckEditor span {
  display: initial;
  text-decoration: inherit;
}

.br {
  padding-bottom: 20px;
}

.miniLbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: #d93a2b;
  color: #fff;
  font-size: 70%;
  font-family: "ProductSans Bold";
  border-radius: 75%;
  white-space: nowrap;
}

.green {
  background: #43b753;
}

.green-color {
  color: #43b753;
}

.yellow {
  background: #ffcb00;
}

.yellow-color {
  color: #ffcb00;
}

.red {
  background: #ff5465;
}

.red-color {
  color: #ff5465;
}

.blue {
  background: #5883ff;
}

.blue-color {
  color: #5883ff;
}

.gray {
  background: #ccc;
}

.gray-color {
  color: #ccc;
}

[index] section {
  padding: 80px 0;
}

label {
  display: block;
  font-weight: normal;
  cursor: pointer;
}

label>a {
  color: #3c9cdb;
}

label>a:hover {
  color: #d93a2b;
}

.txtGrp {
  position: relative;
}

.txtGrp:not(:nth-last-child(1)) {
  margin-bottom: 20px;
}

.txtGrp label~.txtBox {
  padding: 16px 12px 6px;
}

.txtGrp:not(.lblBtn)>label {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 46px;
  color: #8b9593;
  line-height: 1;
  margin: 0;
  margin-left: 13px;
  pointer-events: none;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 1;
}

.txtGrp:not(.lblBtn)>label.move {
  font-size: 10px;
  -webkit-transform: translateY(-12px);
  transform: translateY(-12px);
}

.txtGrp.pasDv {
  position: relative;
}

.txtGrp.pasDv>i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 14px;
  width: 18px;
  height: 100%;
  cursor: pointer;
  opacity: 0.7;
  -webkit-filter: brightness(0.5) invert(0.4);
  filter: brightness(0.5) invert(0.4);
}

.txtGrp.pasDv>i.icon-eye {
  background-image: url("../images/icon-eye.svg");
}

.txtGrp.pasDv>i.icon-eye-slash {
  background-image: url("../images/icon-eye-slash.svg");
}

.txtGrp.pasDv>i:hover {
  opacity: 1;
}

.txtGrp.pasDv>.txtBox {
  padding-right: 40px;
}

.txtBox {
  display: block;
  width: 100%;
  height: 46px;
  background: #fefefe;
  text-align: left;
  padding: 6px 12px;
  border: 1px solid #eee;
  border-radius: 6px;
  outline: none !important;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.txtBox:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

textarea.txtBox {
  height: 120px;
  resize: none;
}

.txtBox:disabled {
  background: #e3e8ee;
  cursor: not-allowed;
  border-color: #d8dee6 !important;
}

.txtBox::-webkit-input-placeholder {
  color: #8b9593;
}

.txtBox:-ms-input-placeholder {
  color: #8b9593;
}

.txtBox::-ms-input-placeholder {
  color: #8b9593;
}

.txtBox::placeholder {
  color: #8b9593;
}

.txtBox:focus::-webkit-input-placeholder {
  opacity: 0.4;
}

.txtBox:focus:-ms-input-placeholder {
  opacity: 0.4;
}

.txtBox:focus::-ms-input-placeholder {
  opacity: 0.4;
}

.txtBox:focus::placeholder {
  opacity: 0.4;
}

.txtBox:hover,
.txtBox:focus {
  border-color: #d93a2b;
}

select.txtBox {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 10px center;
  padding-right: 24px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.uploadImg {
  position: relative;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.uploadImg:not([data-upload]) {
  background: #fff;
  color: #d93a2b;
  text-align: center;
  border-color: #d93a2b;
  -webkit-box-shadow: inset 1px 1px 4px #fcfcfc;
  box-shadow: inset 1px 1px 4px #fcfcfc;
}

.uploadImg[data-upload] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.uploadImg[data-upload]:before {
  content: attr(data-text);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  width: 18px;
  min-width: 18px;
  height: 18px;
  color: #fff;
  margin-top: 0;
  -webkit-appearance: initial;
  -moz-appearance: initial;
  appearance: initial;
  cursor: pointer;
}

input[type="radio"]:before,
input[type="radio"]:after,
input[type="checkbox"]:before,
input[type="checkbox"]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

input[type="radio"]:before,
input[type="checkbox"]:before {
  width: 10px !important;
  height: 10px !important;
  margin: auto;
  z-index: 1;
}

input[type="radio"]:after,
input[type="checkbox"]:after {
  background: #fff;
  border: 1px solid #d9dade;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 4px #f2f3f7;
  box-shadow: inset 1px 1px 4px #f2f3f7;
}

input[type="checkbox"]:before,
input[type="checkbox"]:after {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

input[type="checkbox"]:checked:before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}

input[type="checkbox"]:checked:after {
  background: #d93a2b;
  border-color: #d93a2b;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="radio"]:after {
  border-radius: 75%;
}

input[type="radio"]:checked:after {
  border-color: #d93a2b;
  -webkit-box-shadow: inset 0 0 0 4px #d93a2b;
  box-shadow: inset 0 0 0 4px #d93a2b;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

.lblBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.lblBtn>input[type="radio"],
.lblBtn>input[type="checkbox"] {
  margin-top: 2px;
}

.lblBtn label {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  line-height: 1.5;
  cursor: pointer;
  margin: 0 0 0 10px;
}

input[type="file"].uploadFile {
  display: none;
}

.infoHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.infoHead>*:not(.info) {
  margin: 0;
  margin-right: 10px;
}

.info {
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #8b9593;
  line-height: 1;
  margin-left: auto;
}

.info>strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 90%;
  font-family: "ProductSans Bold" !important;
  cursor: pointer;
}

.info>strong:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><path class="st0" d="M-5,265c-72.9016113,0-132,59.0983887-132,132S-77.9016113,529-5,529s132-59.0984497,132-132 S67.9016113,265-5,265z M-5.47052,468.3762817c-7.4328003,0-13.4794922-6.0470581-13.4794922-13.4790649 c0-7.4320679,6.0466919-13.479126,13.4794922-13.479126c7.432373,0,13.4794922,6.0470581,13.4794922,13.479126 C8.0089722,462.3292236,1.961853,468.3762817-5.47052,468.3762817z M34.1941528,371.9846802 c-2.6166992,12.1121216-11.4063721,21.4836426-19.1619263,29.7519531c-0.956665,1.0199585-1.8609619,1.9437866-2.7167969,2.8183594 c-3.1091309,3.1724243-4.4174805,4.5682983-5.5913696,7.2835083c-1.3748169,3.1787109-1.890686,6.8474121-1.5335083,10.9046021 c0.4846191,5.5038452-3.5842896,10.3590088-9.0881348,10.8435669c-0.298584,0.0258179-0.5952148,0.0391235-0.8890381,0.0391235 c-5.1287231,0-9.4957886-3.9219971-9.9542236-9.1272583c-0.6522217-7.40625,0.3908081-14.3372803,3.0997314-20.602417 c2.6948853-6.2315063,6.2381592-9.8479004,9.6646118-13.3450317c0.7612915-0.7765503,1.5654907-1.5960083,2.4151001-2.5018311 c6.2698364-6.6848755,12.7529907-13.5967407,14.1989136-20.2897949c1.2380371-5.7316895-0.3782959-13.9069824-5.8634033-18.4417114 c-6.9536743-5.7469482-18.0630493-4.09198-24.7865601,0.8272705c-10.0702515,7.3675537-8.9369507,21.3914185-8.9244385,21.5324707 c0.5568848,5.4968872-3.4495239,10.3880005-8.9467163,10.9448853c-5.5003662,0.5560913-10.406311-3.4647827-10.9631958-8.9619751 c-0.953125-9.4090576,1.5588379-28.3513794,17.0200195-39.6635132c13.0418091-9.5411377,34.1811523-12.6392822,49.3492432-0.1000366 C33.7728882,344.0241089,36.7139893,360.3235474,34.1941528,371.9846802z"/></svg>');
  margin-left: 5px;
  -webkit-filter: brightness(0) invert(0.6);
  filter: brightness(0) invert(0.6);
}

.info .infoIn {
  position: absolute;
  top: 100%;
  right: 0;
  width: 240px;
  background: #fff;
  padding: 20px;
  margin: 20px 0 0;
  line-height: 1.4;
  text-align: left;
  font-size: 90%;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 15px 35px 0 rgba(49, 49, 93, 0.1),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 15px 35px 0 rgba(49, 49, 93, 0.1),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
}

.info:hover .infoIn {
  margin-top: 7px;
  opacity: 1;
  visibility: visible;
}

.blk {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

.blk:not(:nth-last-child(1)) {
  margin-bottom: 20px;
}

.blk .blk {
  padding: 15px;
}

.blk ._header,
.blk ._footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.blk ._header {
  margin-bottom: 20px;
}

.blk ._header h3,
.blk ._header h4,
.blk ._header h5,
.blk ._header h6 {
  margin-right: 30px;
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.blk ._header h3>span,
.blk ._header h4>span,
.blk ._header h5>span,
.blk ._header h6>span {
  color: #8b9593;
}

.scrollbar::-webkit-scrollbar-track {
  background: #f6f9fc;
  border-radius: 50px;
}

.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  background-color: #f6f9fc;
  border-radius: 50px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: rgba(11, 24, 31, 0.15);
  border-radius: 50px;
}

[formal]>section,
[common]>section {
  padding: 80px 0;
}

[formal]>section:nth-of-type(1) {
  padding-top: 25px;
}

#sBanner {
  min-height: 100px;
  background-color: #171717;
  background-position: 0 80%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px;
  margin-top: -80px;
}

#sBanner:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background: #171717;
  opacity: 1;
  z-index: 1;
}

#sBanner .contain {
  z-index: 3;
}

#sBanner .content {
  max-width: 700px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

#sBanner>h1 {
  text-shadow: 5px 5px 5px rgba(41, 41, 47, 0.2);
  margin-bottom: 0;
}

#sBanner>h1+* {
  margin-top: 20px;
}

#sBanner>p {
  color: inherit;
  font-size: 16px;
}

#sBanner .txtGrp {
  color: #171717;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
}

#sBanner .txtGrp>img {
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  width: 18px;
  height: 18px;
  margin: auto;
  -webkit-filter: brightness(0) invert(0.5);
  filter: brightness(0) invert(0.5);
}

#sBanner .txtGrp>.txtBox,
#sBanner .txtGrp>.webBtn {
  height: 56px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#sBanner .txtGrp>.txtBox {
  padding-left: 46px;
  border: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#sBanner .txtGrp>.webBtn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.topHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.topHead>.miniBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.topHead>.miniBtn>em {
  color: #8b9593;
}

.topHead>.miniBtn select {
  width: auto;
  max-width: 120px;
  height: auto;
  background-color: transparent;
  background-position: right;
  border: 0;
}

.topHead>.heading {
  margin: 0;
  margin-right: auto;
}

.topHead .tabLst {
  gap: 2px;
}

.topHead .tabLst>li>a {
  display: block;
  padding: 5px 15px;
  border-radius: 5px;
}

.topHead .tabLst>li>a:not(:hover) {
  color: #8b9593;
}

.topHead .tabLst>li.active>a {
  background: #d3f6ff;
  color: #171717;
}

#oops {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px 0;
  overflow: auto;
}

#oops .inner {
  max-width: 340px;
  margin: 0 auto;
}

#oops .logoDv {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  width: 100px;
  margin: 0 auto 30px;
}

#oops .icon {
  color: #d93a2b;
  font-size: 140px;
  font-family: "ProductSans Bold";
  line-height: 0.8;
  margin-bottom: 25px;
}

.vidBlk {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  background-color: #fff;
  padding-bottom: 56%;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
}

.vidBlk:before,
.vidBlk:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 14%;
  height: 25%;
  min-width: 36px;
  max-width: 100px;
  margin: auto;
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.vidBlk:before {
  background: #fff;
  opacity: 0.5;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
  border-radius: 50%;
}

.vidBlk:after {
  background-image: url("../images/icon-play.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.vidBlk video,
.vidBlk iframe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  margin: auto;
  border: 0 !important;
  z-index: 1;
}

video[poster] {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.slick-carousel:hover .slick-prev {
  left: 10px;
}

.slick-carousel:hover .slick-next {
  right: 10px;
}

.datepicker .datepicker-switch {
  font-family: "ProductSans Bold";
}

.datepicker table tr td,
.datepicker table tr th {
  color: #171717;
  font-size: 14px;
  padding: 10px 8px !important;
}

.datepicker table tr td {
  font-family: "ProductSans Medium";
}

.datepicker table tr td.active,
.datepicker table tr td:hover {
  background-color: rgba(217, 58, 43, 0.1) !important;
}

.datepicker table tr td.active {
  background-color: rgba(217, 58, 43, 0.8) !important;
  color: #fff;
}

.datepicker table tr td.today {
  background: #d93a2b !important;
}

.datepicker table tr td.today:hover {
  background: inherit;
}

.datepicker table tr th {
  font-family: "ProductSans Bold";
}

.datepicker table tr th.datepicker-switch {
  border-radius: 0;
}

.datepicker table tr th.datepicker-switch:hover {
  background-color: rgba(217, 58, 43, 0.05) !important;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: initial;
  height: 80px;
  background: #fff;
  z-index: 30;
}

header.fix {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}

header .proIco {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  margin-left: 30px;
}

@media (max-width: 991px) {
  header .proIco {
    display: block;
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 10px 15px;
    margin: 0 0 10px;
    border: 2px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
  }

  header .proIco .dropBtn {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  header .proIco .dropBtn:after {
    content: "";
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: currentColor;
    color: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 10px;
    height: 10px;
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    margin-left: auto;
    -webkit-transition: none;
    transition: none;
  }
}

header .proIco .proBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .proIco .ico {
  width: 40px;
  height: 40px;
}

header .proIco .name {
  margin-right: 15px;
}

@media (max-width: 991px) {
  header .proIco .name {
    margin-left: 15px;
  }
}

header .proIco .dropCnt {
  left: initial;
  right: 0;
  min-width: 220px;
  max-height: calc(100vh - 80px);
  background: #171717;
  overflow: auto;
}

@media (max-width: 991px) {
  header .proIco .dropCnt {
    position: static;
    display: none;
    left: 0;
    width: 100%;
    max-width: none;
    margin: 5px 0 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

@media (max-width: 991px) {
  header .proIco .dropLst>li {
    margin-top: 15px;
  }
}

header .proIco .dropLst>li>a {
  background: #171717;
  color: #fff;
  font-family: "ProductSans Medium";
}

@media (max-width: 991px) {
  header .proIco .dropLst>li>a {
    padding: 0;
  }
}

header .proIco .dropLst>li>a:hover {
  color: #d93a2b;
}

header .proIco .dropLst>li:nth-last-child(1)>a {
  color: #ff5465;
}

@media (max-width: 991px) {
  header .toggle {
    left: 5px;
    right: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.logo {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 80px;
}

@media (max-width: 991px) {
  .logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.logo>a {
  display: block;
  height: 100%;
}

.logo>a>img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
  -webkit-transition: inherit;
  transition: inherit;
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 80px;
  margin-left: 160px;
}

nav #iconBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -10px;
  margin-left: 10px;
}

nav #iconBtn li {
  padding: 0 10px;
}

nav .iconBtn {
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 20px;
  height: 20px;
  background: transparent;
  padding: 0;
  border: 0;
}

nav .iconBtn>img {
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0);
  -webkit-transition: inherit;
  transition: inherit;
}

nav .iconBtn>em {
  position: absolute;
  top: -10px;
  right: -5px;
  -webkit-transition: inherit;
  transition: inherit;
}

[nav] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

@media (max-width: 991px) {
  [nav] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    position: fixed;
    top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: auto;
    background: #fff;
    margin: 0;
    padding: 20px 15px;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    z-index: 3;
  }

  [nav].active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
  }
}

[nav]>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px;
}

@media (max-width: 991px) {
  [nav]>ul {
    width: 100%;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 !important;
  }
}

[nav]>ul>li {
  position: relative;
  padding: 0 15px;
}

@media (max-width: 991px) {
  [nav]>ul>li {
    width: 100%;
    padding: 0;
    text-align: left;
  }

  [nav]>ul>li .webBtn {
    width: 100%;
    margin-top: 10px;
  }
}

[nav]>ul>li>a:not(.webBtn) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 36px;
  color: #171717;
  text-align: center;
}

[nav]>ul>li>.sub {
  position: absolute;
  top: 100%;
  left: 15px;
  width: 240px;
  background: #fff;
  text-align: left;
  padding: 10px 0;
  margin-top: 10px;
  visibility: hidden;
  opacity: 0;
  border-radius: 10px;
  pointer-events: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07);
  overflow: hidden;
}

@media (max-width: 991px) {
  [nav]>ul>li>.sub {
    position: static;
    display: none;
    width: 100%;
    max-height: none;
    background: transparent;
    visibility: visible;
    opacity: 1;
    padding: 0;
    margin: 0 auto !important;
    border: 0;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

[nav]>ul>li>.sub>li {
  display: block;
}

[nav]>ul>li>.sub>li>a {
  display: block;
  color: #171717;
  padding: 10px 25px;
}

@media (max-width: 991px) {
  [nav]>ul>li>.sub>li>a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

[nav]>ul>li>.sub>li>a:hover {
  color: #d93a2b;
}

[nav]>ul>li:hover>.sub {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  pointer-events: auto;
}

[nav]>ul>li>a:not(.webBtn):hover,
[nav]>ul>li.active>a:not(.webBtn) {
  color: #d93a2b;
}

[nav]>ul>li.active>a:not(.webBtn) {
  font-family: "ProductSans Medium";
  margin-bottom: -2px;
  border-bottom: 2px solid;
}

@media (max-width: 991px) {
  [nav]>ul>li.active>a:not(.webBtn) {
    border-bottom: 0;
  }
}

[nav]>ul>li.drop>a {
  position: relative;
}

[nav]>ul>li.drop>a:after {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  -webkit-transition: none;
  transition: none;
}

[nav]>#nav {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 15px;
}

[nav]>#nav>li>a {
  padding: 0 7px;
}

@media (max-width: 991px) {
  [nav]>#nav>li>a {
    padding: 0;
  }
}

[nav]>#cta {
  margin: 0 -5px;
}

[nav]>#cta>li {
  padding: 0 5px;
}

@media (max-width: 991px) {
  [nav]>#cta>li {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: auto;
  }

  [nav]>#cta>li:not(:nth-last-child(1)) {
    margin-right: 10px;
  }
}

footer {
  position: relative;
  background: #242424;
  color: #fff;
  padding-top: 80px;
  overflow: hidden;
}

footer .contain {
  z-index: 3;
}

footer .footerLogo {
  max-width: 120px;
  margin-right: 180px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

@media (max-width: 991px) {
  footer .footerLogo {
    margin-bottom: 20px;
  }
}

footer .topBlk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  footer .topBlk {
    display: block;
  }
}

footer .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
}

@media (max-width: 991px) {
  footer .flexRow {
    display: block;
  }
}

footer a {
  color: inherit;
}

footer a:hover {
  color: #d93a2b;
}

footer .lst,
footer .smLst {
  margin: -5px -15px;
}

footer .lst>li,
footer .smLst>li {
  padding: 5px 15px;
}

@media (max-width: 991px) {
  footer .lst>li {
    width: 100%;
  }
}

footer .social {
  margin: -3px;
}

footer .social li {
  padding: 3px;
}

footer .social li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex !important;
  width: 36px;
  min-width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.1);
  padding: 11px;
  border-radius: 75%;
}

footer .social li a:hover {
  background: #d93a2b;
}

footer .social li a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

footer .copyright {
  background: #171717;
  padding: 25px 0;
  margin-top: 50px;
  z-index: 1;
}

footer .copyright .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 991px) {
  footer .copyright .inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
  }
}

footer .copyright p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: inherit;
  text-align: right;
  margin: 0;
}

@media (max-width: 991px) {
  footer .copyright p {
    margin-top: 10px;
  }
}

footer .copyright p>a {
  color: #d93a2b;
}

footer .copyright p>a:hover {
  color: #fff;
}

#demo ._inner {
  max-width: 800px;
  padding: 30px;
}

#demo .flexRow>.col1 {
  width: 45%;
}

#demo .flexRow>.col2 {
  width: 55%;
}

@media (max-width: 767px) {
  #demo .flexRow>.col {
    width: 100%;
  }
}

#demo form fieldset:not(:nth-of-type(1)) {
  display: none;
}

#demo .inBlk {
  position: relative;
  padding: 30px;
}

@media (max-width: 767px) {
  #demo .inBlk {
    padding: 40px 0 0;
  }
}

#demo .inBlk .icoBlk {
  text-align: center;
  margin-bottom: 20px;
}

#demo .inBlk .backBtn {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 40px;
  height: 40px;
  background: #fff;
  color: #171717;
  padding: 14px;
  border: 1px solid #eee;
  border-radius: 75%;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

#demo .inBlk .backBtn:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}

#demo .ico {
  width: 80px;
  min-width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

#demo .logoIcon {
  max-width: 200px;
  margin: 0 auto 20px;
}

#demo .datepicker-inline {
  display: block;
  width: auto;
  margin-bottom: 10px;
  border: 2px solid #eee;
  border-radius: 5px;
}

#demo .datepicker-inline thead>tr:nth-child(2) {
  border-bottom: 2px solid #eee;
}

#demo .list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "ProductSans Medium";
}

#demo .list>li>img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
}

#demo .list>li>span {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#demo .list>li.timeSet {
  color: #d93a2b;
  -webkit-filter: hue-rotate(150deg) brightness(1.5);
  filter: hue-rotate(150deg) brightness(1.5);
}

#demo .timeBlk .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

@media (max-width: 475px) {
  #demo .timeBlk .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

#demo .timeBlk .timeBtn {
  width: 100%;
  background: #fff;
  color: #171717;
  border: 2px solid #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#demo .timeBlk .timeBtn:hover,
#demo .timeBlk .timeBtn.active {
  color: #d93a2b;
  border-color: #d93a2b;
}

#demo .timeLst {
  height: 280px;
  padding-right: 10px;
  margin-right: -10px;
  overflow: auto;
}

#demo .timeLst>li {
  display: block;
  margin-top: 10px;
}

#demo .blk {
  padding: 20px;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#demo .doneBlk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: 320px;
  height: 100%;
  margin: 0 auto;
}

#demo .doneBlk .icon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  margin: 0 auto 20px;
}

#banner {
  min-height: 560px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.9;
  z-index: 1;
}

#banner .contain {
  z-index: 3;
}

#banner .outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  #banner .outer {
    display: block;
  }
}

#banner .content {
  max-width: 600px;
  color: #fff;
  margin-right: auto;
}

#banner .content h1 {
  font-size: 40px;
}

@media (max-width: 576px) {
  #banner .content h1 {
    font-size: 36px;
  }
}

@media (max-width: 375px) {
  #banner .content h1 {
    font-size: 32px;
  }
}

#banner .content h1 span {
  display: block;
  color: #fea527;
}

@media (max-width: 576px) {
  #banner .content h1 span {
    display: inline;
  }
}

#banner .content p {
  color: inherit;
  font-size: 16px;
  margin-bottom: 30px;
}

@media (max-width: 475px) {
  #banner .content .bTn>.webBtn {
    width: 100%;
  }
}

#banner .imgBlk {
  width: 100%;
  max-width: 500px;
  margin-left: 30px;
}

@media (max-width: 991px) {
  #banner .imgBlk {
    max-width: none;
    margin: 40px 0 0;
  }
}

#intro {
  background: #fbebe9;
}

#intro .flexRow>.col1 {
  width: 45%;
}

#intro .flexRow>.col2 {
  width: 55%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media (max-width: 991px) {
  #intro .flexRow .col {
    width: 100%;
  }
}

#intro .imgBlk {
  position: relative;
  padding-bottom: 60%;
}

@media (max-width: 991px) {
  #intro .imgBlk {
    margin-bottom: 40px;
  }
}

#intro .imgBlk .boy {
  position: absolute;
  top: -80px;
  right: 0;
  bottom: -160px;
}

@media (max-width: 475px) {
  #intro .imgBlk .boy {
    right: -20px;
    bottom: -80px;
  }
}

#intro .imgBlk .boy img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

#intro .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: initial;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
}

#intro .image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  left: initial;
  bottom: initial;
  margin-top: -50px;
  margin-right: -50px;
  background: #fea527;
  width: 300px;
  height: 300px;
  border-radius: 75%;
  z-index: 0;
}

#intro .image>img {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 200px;
  opacity: 0.05;
}

@media (max-width: 475px) {
  #intro .image>img {
    max-width: 100px;
  }
}

#intro .image .icon {
  max-width: 180px;
  margin-bottom: 20px;
}

@media (max-width: 475px) {
  #intro .image .icon {
    max-width: 120px;
  }
}

#intro .image strong {
  font-size: 20px;
}

#choose .flexRow {
  margin: -10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#choose .flexRow>.col {
  width: 20%;
  padding: 10px;
}

@media (max-width: 1024px) {
  #choose .flexRow>.col {
    width: 33.3334%;
  }
}

@media (max-width: 991px) {
  #choose .flexRow>.col {
    width: 100%;
  }
}

#choose .content {
  max-width: 600px;
  margin: 0 auto 40px;
}

#choose .content .heading {
  margin-bottom: 10px;
}

#choose .content p {
  font-family: "ProductSans Medium";
}

#choose .inner {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

@media (max-width: 991px) {
  #choose .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    text-align: left;
  }
}

#choose .inner .icon {
  width: 120px;
  min-width: 120px;
  height: 120px;
  margin: 0 auto 15px;
}

@media (max-width: 991px) {
  #choose .inner .icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    margin: 0;
    margin-right: 15px;
  }
}

#choose .inner .txt h5 span {
  display: block;
}

@media (max-width: 991px) {
  #choose .inner .txt h5 span {
    display: inline;
  }
}

#program {
  background: #fbfbfd;
}

#program .flexRow {
  margin: -20px -10px;
}

@media (max-width: 991px) {
  #program .flexRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    overflow: hidden;
    overflow-x: scroll;
  }
}

#program .flexRow>.col {
  width: 33.3334%;
  padding: 20px 10px;
}

@media (max-width: 991px) {
  #program .flexRow>.col {
    width: auto;
  }
}

#program .content {
  max-width: 860px;
  margin: 0 auto 40px;
}

#program .content .heading {
  margin-bottom: 10px;
}

#program .content p {
  font-family: "ProductSans Medium";
}

#program .inner {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  padding: 0;
  overflow: hidden;
}

@media (max-width: 991px) {
  #program .inner {
    width: 600px;
  }
}

@media (max-width: 767px) {
  #program .inner {
    width: 400px;
  }
}

@media (max-width: 475px) {
  #program .inner {
    width: 300px;
  }
}

#program .inner .image {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}

#program .inner .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

#program .inner .txt {
  padding: 20px;
}

#program .inner .txt h4 {
  color: #d93a2b;
}

#start {
  background: #fbebe9;
}

#start .flexRow {
  margin: -15px -40px;
}

#start .flexRow>.col {
  padding: 15px 40px;
}

#start .flexRow>.col1 {
  width: 45%;
}

#start .flexRow>.col2 {
  width: 55%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media (max-width: 991px) {
  #start .flexRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  #start .flexRow>.col {
    width: 100%;
  }
}

#start .imgBlk {
  position: relative;
}

#start .imgBlk:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/brush_line.svg");
  -webkit-transform: translate(-200px, 80px);
  transform: translate(-200px, 80px);
}

@media (max-width: 991px) {
  #start .imgBlk:before {
    -webkit-transform: translate(-200px, 60px);
    transform: translate(-200px, 60px);
  }
}

#start .imgBlk:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  left: initial;
  bottom: initial;
  width: 240px;
  height: 240px;
  background: #fea527;
  margin-top: -60px;
  margin-right: -40px;
  border-radius: 75%;
}

#start .image {
  position: relative;
  padding-bottom: 60%;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
  z-index: 2;
}

#start .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

#start .content .heading {
  margin-bottom: 10px;
}

#start .content p {
  font-family: "ProductSans Medium";
  margin-bottom: 30px;
}

#folio {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#folio:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.85;
  z-index: 1;
  background: #fff;
}

#folio:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 1;
  z-index: 1;
  left: initial;
  width: 21.5%;
  background: #fea527;
  border-bottom-left-radius: 80px;
}

@media (max-width: 991px) {
  #folio:after {
    top: 70%;
    width: 50%;
  }
}

#folio .contain {
  z-index: 3;
}

#folio .content .heading {
  margin-bottom: 10px;
}

#folio .content p {
  color: inherit;
  font-family: "ProductSans Medium";
}

#folio .flexRow>.col1 {
  width: 60%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#folio .flexRow>.col2 {
  width: 40%;
}

@media (max-width: 991px) {
  #folio .flexRow>.col {
    width: 100%;
  }
}

#folio .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

#folio .head h5 {
  margin: 0;
  margin-right: 20px;
}

#folio .head h5 span {
  display: block;
  font-size: 14px;
  font-family: "ProductSans Regular";
}

#folio .head .rating {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right;
}

#folio .head .rating .rateYo {
  margin-right: 0;
}

#folio #slick-folio {
  background: rgba(255, 255, 255, 0.7);
  padding: 40px 40px 60px;
  margin-top: 60px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

#folio #slick-folio:before,
#folio #slick-folio:after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.7;
}

#folio #slick-folio:before {
  top: -40px;
  left: 0;
  background-image: url("../images/comma_up.svg");
}

#folio #slick-folio:after {
  background-image: url("../images/comma_down.svg");
  right: 40px;
  bottom: 20px;
}

#folio #slick-folio .slick-arrow {
  top: initial;
  bottom: 20px;
  width: 14px;
  height: 14px;
  -webkit-transform: none;
  transform: none;
  background: #d93a2b;
  border-radius: 0;
}

#folio #slick-folio .slick-arrow:before,
#folio #slick-folio .slick-arrow:after {
  display: none;
}

#folio #slick-folio .slick-prev {
  left: 40px;
  -webkit-clip-path: polygon(0 50%,
      32% 10%,
      56% 10%,
      30% 40%,
      100% 40%,
      100% 60%,
      30% 60%,
      56% 90%,
      32% 90%);
  clip-path: polygon(0 50%,
      32% 10%,
      56% 10%,
      30% 40%,
      100% 40%,
      100% 60%,
      30% 60%,
      56% 90%,
      32% 90%);
}

#folio #slick-folio .slick-next {
  left: 138px;
  -webkit-clip-path: polygon(100% 50%,
      68% 10%,
      44% 10%,
      70% 40%,
      0% 40%,
      0% 60%,
      70% 60%,
      44% 90%,
      68% 90%);
  clip-path: polygon(100% 50%,
      68% 10%,
      44% 10%,
      70% 40%,
      0% 40%,
      0% 60%,
      70% 60%,
      44% 90%,
      68% 90%);
}

#folio #slick-folio .slick-dots {
  left: 60px;
  right: initial;
  bottom: 26px;
  gap: 0;
}

#folio #slick-folio .slick-dots li.slick-active button {
  background: #d93a2b;
}

#folio #slick-folio .slick-dots li:not(.slick-active) button:not(:hover) {
  background: #555;
}

#folio #slick-pics .image {
  position: relative;
  padding-bottom: 70%;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
}

#folio #slick-pics .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

#faq .faqBox {
  max-width: 800px;
  margin: 0 auto;
}

#faq .faqLst:not(:nth-last-child(1)) {
  margin-bottom: 40px;
}

#faq .faqLst>.faqBlk {
  position: relative;
  display: block;
  background: #fff;
  padding: 25px;
  margin-bottom: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

#faq .faqLst>.faqBlk:nth-child(1) .txt {
  display: block;
}

#faq .faqLst>.faqBlk:nth-last-child(1) {
  margin-bottom: 0;
}

#faq .faqLst>.faqBlk.active h5:after {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

#faq .faqLst>.faqBlk h5 {
  position: relative;
  padding: 0 20px 0 0;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 2;
}

#faq .faqLst>.faqBlk h5:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23040707" viewBox="-155 247 300 300" style="enable-background:new -155 247 300 300;"><polygon points="78.6356201,306.8178101 -5.0166931,390.4367371 -88.6356277,306.8178101 -137, 355.1821899 -5.0166931,487.1821899 127,355.1821899 "/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  width: 10px;
  height: 10px;
}

#faq .faqLst>.faqBlk h5:hover {
  color: #d93a2b;
}

#faq .faqLst>.faqBlk .txt {
  display: none;
  margin: 0 0 -10px;
  padding: 10px 0;
}

[story] #story {
  padding-top: 0;
}

[story] #story .banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 60px 0;
  margin-bottom: 60px;
}

[story] #story .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
  z-index: 1;
  background: #fea527;
}

[story] #story .banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.2;
  z-index: 1;
  background: #171717;
}

[story] #story .banner .contain {
  z-index: 3;
}

[story] #story .banner .content {
  max-width: 540px;
  margin: 0 auto;
}

[story] #story .banner .content p {
  color: inherit;
}

[story] #story .flexRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

[story] #story .flexRow>.col {
  width: 33.3334%;
}

@media (max-width: 991px) {
  [story] #story .flexRow>.col {
    width: 50%;
  }
}

@media (max-width: 767px) {
  [story] #story .flexRow>.col {
    width: 100%;
  }
}

[story] #story .inner .image {
  position: relative;
  background: #fafafa;
  padding-bottom: 70%;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}

[story] #story .inner .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

[story] #story .inner .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

[story] #story .inner .head>h5 {
  margin: 0;
  margin-right: 15px;
}

[story] #story .itemRow {
  margin: -10px;
}

[story] #story .itemRow>.col {
  padding: 10px;
}

[story] #story .itemRow>.col .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

[story] #story .itemRow>.col1 {
  width: 40%;
}

[story] #story .itemRow>.col2 {
  width: 60%;
}

@media (max-width: 576px) {
  [story] #story .itemRow>.col {
    width: 100%;
  }
}

[story] #quote {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}

[story] #quote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  z-index: 1;
  background: #fff;
}

[story] #quote .contain {
  z-index: 3;
}

[story] #quote .content {
  max-width: 800px;
  margin: 0 auto;
}

[story] #quote .content h3 {
  color: #fea527;
}

[story] #quote .content h4 {
  margin-bottom: 0;
}

#subscribe {
  background: #fbebe9;
}

#subscribe .inside {
  max-width: 500px;
  margin: 0 auto;
}

#subscribe .inside .heading {
  margin-bottom: 10px;
}

#subscribe .inside p {
  margin-bottom: 30px;
}

#subscribe form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
}

#subscribe form>.txtGrp {
  width: 100%;
  margin: 0;
}

#subscribe form label,
#subscribe form .txtBox,
#subscribe form .webBtn {
  height: 54px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

[prog] .banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

[prog] .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.75;
  z-index: 1;
  background: linear-gradient(45deg, #171717, #171717, transparent);
}

[prog] .banner .contain {
  z-index: 3;
}

[prog] .banner .content {
  max-width: 600px;
}

[prog] .banner .content p {
  color: inherit;
}

[prog] .banner .content .bTn {
  margin-top: 30px;
}

[prog] .team .content {
  max-width: 700px;
  margin: 0 auto 50px;
}

[prog] .team .inBlk>div {
  width: 50%;
}

@media (max-width: 991px) {
  [prog] .team .inBlk>div {
    width: 100%;
  }
}

[prog] .team .inBlk .txt {
  max-width: 500px;
  padding: 60px;
}

@media (max-width: 991px) {
  [prog] .team .inBlk .txt {
    padding: 40px 0 0 !important;
  }
}

[prog] .team .inBlk .imgBlk {
  position: relative;
}

[prog] .team .inBlk .image {
  position: relative;
  background: #fbebe9;
  padding-bottom: 70%;
  border-radius: 6px;
  overflow: hidden;
}

[prog] .team .inBlk .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

[prog] .team .inBlk.inBlk1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
}

@media (max-width: 991px) {
  [prog] .team .inBlk.inBlk1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse;
    margin-bottom: 60px;
  }
}

[prog] .team .inBlk.inBlk1 .txt {
  padding-left: 0;
}

[prog] .team .inBlk.inBlk1 img {
  -o-object-fit: contain;
  object-fit: contain;
}

[prog] .team .inBlk.inBlk2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

@media (max-width: 991px) {
  [prog] .team .inBlk.inBlk2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse;
  }
}

[prog] .team .inBlk.inBlk2 .imgBlk:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/brush_line.svg");
  -webkit-transform: rotateY(180deg) translate(-240px, -280px);
  transform: rotateY(180deg) translate(-240px, -280px);
  z-index: -1;
}

[prog] .team .inBlk.inBlk2 .imgBlk:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: initial;
  right: initial;
  width: 240px;
  height: 240px;
  background: #fea527;
  margin-bottom: -30px;
  margin-left: 40px;
  border-radius: 75%;
  z-index: -1;
}

[prog] .team .inBlk.inBlk2 .txt {
  padding-right: 0;
}

[prog] .team .inBlk .list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

[prog] .team .inBlk .list>li:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  width: 14px;
  height: 14px;
  display: inline-block;
  color: #fea527;
  margin-top: 2px;
  margin-right: 10px;
}

[prog] .trans {
  padding-top: 0;
}

[prog] .trans .content {
  max-width: 800px;
  margin: 0 auto;
}

[prog] .trans .image {
  position: relative;
  width: 400px;
  padding-bottom: 70%;
  overflow: hidden;
}

[prog] .trans .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

[prog] .trans #slick-trans {
  margin: 30px 0;
}

[prog] .other {
  padding-bottom: 0;
}

[prog] .other .topHead .webBtn {
  -webkit-transition: none !important;
  transition: none !important;
}

[prog] .other .inner {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  width: 400px;
  padding: 0;
  margin-right: 30px;
  overflow: hidden;
}

[prog] .other .inner .image {
  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}

[prog] .other .inner .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

[prog] .other .inner .txt {
  padding: 20px;
}

[prog] .other .inner .txt h4 {
  color: #d93a2b;
}

[prog] .remote {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[prog] .remote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  z-index: 1;
  background: #fff;
}

[prog] .remote:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.9;
  z-index: 1;
  left: initial;
  width: 21.5%;
  background: #fea527;
  border-bottom-left-radius: 80px;
}

@media (max-width: 991px) {
  [prog] .remote:after {
    top: 70%;
    width: 80%;
  }
}

[prog] .remote .contain {
  z-index: 3;
}

[prog] .remote .flexRow>.col1 {
  width: 60%;
}

[prog] .remote .flexRow>.col2 {
  width: 40%;
}

@media (max-width: 991px) {
  [prog] .remote .flexRow>.col {
    width: 100%;
  }
}

[prog] .remote .content {
  max-width: 540px;
}

[prog] .remote .content p {
  color: inherit;
}

[prog] .remote .content .bTn {
  margin-top: 30px;
}

[prog] .remote .content .slim_logo {
  max-width: 160px;
  margin-bottom: 10px;
}

[prog] .remote .content .priceBlk {
  color: #fea527;
  font-size: 18px;
}

[prog] .remote .content .priceBlk .price {
  font-size: 34px;
  font-family: "ProductSans Bold";
  line-height: 1;
}

[prog] .remote .content .priceBlk small {
  color: #ccc;
  font-size: 12px;
}

[prog] .remote .imgLst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[prog] .remote .imgLst .ico {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 360px;
  margin-right: -50px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

@media (max-width: 475px) {
  [prog] .remote .imgLst .ico {
    max-width: 200px;
    height: 240px;
  }
}

[prog] .remote .imgLst .ico>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

[prog] .remote .imgLst .ico:nth-child(1) {
  z-index: 3;
}

[prog] .remote .imgLst .ico:nth-child(2) {
  max-width: 150px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  z-index: 2;
}

@media (max-width: 475px) {
  [prog] .remote .imgLst .ico:nth-child(2) {
    max-width: 120px;
    margin-right: -60px;
  }
}

[prog] .remote .imgLst .ico:nth-child(3) {
  max-width: 150px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  z-index: 1;
}

@media (max-width: 475px) {
  [prog] .remote .imgLst .ico:nth-child(3) {
    max-width: 120px;
  }
}

.slider {
  position: relative;
  margin-bottom: -20px;
  overflow: hidden;
}

.slider .stage {
  padding-bottom: 60px;
  margin-bottom: -40px;
  overflow-x: scroll;
}

@media (max-width: 1024px) {
  .slider .stage {
    overflow: hidden;
  }
}

.slider .stage::-webkit-scrollbar {
  height: 0 !important;
}

.slider .inside {
  padding-left: 50%;
  margin-left: -625px;
}

@media (max-width: 1024px) {
  .slider .inside {
    padding-left: 15px;
    margin-left: 0;
  }
}

.slider .stager {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.slider .stager>.item:nth-last-child(1)>div {
  margin-right: 15px;
}

.slider>button {
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #171717;
  color: #fff;
  font-size: 26px;
  border-radius: 75%;
  border: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

.slider>button:hover {
  color: #d93a2b;
}

.slider>button.prev {
  left: 15px;
}

.slider>button.prev:before {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-467.5097046,271.2515869c0.5028076,0,1.0072327,0.1921692,1.3915405,0.5764771 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-6.4229736,6.4229736l6.4229736,6.4229736 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421s-2.0144653,0.7686462-2.7831116,0l-7.8145752-7.8145447 c-0.7686157-0.7686462-0.7686157-2.0144958,0-2.7831421l7.8145752-7.8145447 C-468.5169678,271.4437561-468.0125427,271.2515869-467.5097046,271.2515869z"/></svg>');
  margin-right: -2px;
}

.slider>button.next {
  right: 15px;
}

.slider>button.next:before {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20px" height="20px" viewBox="-481.4169922 271.0341797 20 20" style="enable-background:new -481.4169922 271.0341797 20 20;" fill="%23fff"><path d="M-475.3242798,290.8167725c-0.5028076,0-1.0072327-0.1921387-1.3915405-0.5764771 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421l6.4229736-6.4229736l-6.4229736-6.4229736 c-0.7686462-0.7686462-0.7686462-2.0144958,0-2.7831421c0.7686157-0.7686462,2.0144653-0.7686462,2.7831116,0l7.8145447,7.8145447 c0.7686462,0.7686462,0.7686462,2.0144958,0,2.7831421l-7.8145447,7.8145447 C-474.3170166,290.6246338-474.8214417,290.8167725-475.3242798,290.8167725z"/></svg>');
  margin-left: -2px;
}

.slider>button:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

[logon] {
  padding: 0;
}

[logon] .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 100vh;
}

@media (max-width: 991px) {
  [logon] .contain {
    min-height: initial;
  }
}

[logon] .lSide,
[logon] .rSide {
  padding: 80px 50px;
}

@media (max-width: 767px) {

  [logon] .lSide,
  [logon] .rSide {
    padding: 40px 25px;
  }
}

[logon] .lSide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  right: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  [logon] .lSide {
    position: relative;
    bottom: initial;
  }
}

[logon] .lSide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.9;
  z-index: 1;
  background: #fff;
  z-index: 2;
}

[logon] .rSide {
  width: 60%;
}

@media (max-width: 991px) {
  [logon] .rSide {
    width: 100%;
  }
}

[logon] form {
  max-width: 500px;
}

@media (max-width: 991px) {
  [logon] form {
    margin: 0 auto;
  }
}

[logon] .socialBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin: 30px 0;
}

@media (max-width: 475px) {
  [logon] .socialBtn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

[logon] .socialBtn button {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

[logon] .socialBtn button.gmBtn {
  background: #fff;
  color: #171717;
  border: 2px solid #eee;
}

[logon] .socialBtn button.fbBtn {
  background: #4267b2;
}

[logon] .socialBtn button>img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 10px;
  -webkit-filter: none;
  filter: none;
}

[logon] .oRLine {
  position: relative;
  text-align: center;
  margin: 20px 0;
}

[logon] .oRLine:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #eee;
  margin: auto;
  z-index: -1;
}

[logon] .oRLine>span {
  position: relative;
  background: #fff;
  padding: 0 10px;
}

[logon] .forgot {
  margin-top: 10px;
}

[logon] .txt {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  z-index: 4;
}

[logon] .txt .logoIcon {
  max-width: 180px;
  margin: 0 auto 20px;
}

[shop] #slick-shop,
[shop] #slick-prod {
  min-height: 500px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -80px;
  padding: 120px 0 60px;
}

[shop] #slick-shop:before,
[shop] #slick-prod:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.95;
  z-index: 1;
  background: #aaa;
}

[shop] #slick-shop .slick-list,
[shop] #slick-prod .slick-list {
  z-index: 2;
}

[shop] #slick-shop>*,
[shop] #slick-prod>* {
  z-index: 3;
}

[shop] #slick-shop .outer,
[shop] #slick-prod .outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}

@media (max-width: 991px) {

  [shop] #slick-shop .outer,
  [shop] #slick-prod .outer {
    display: block;
    text-align: center;
  }
}

[shop] #slick-shop .imgBlk,
[shop] #slick-prod .imgBlk {
  width: 100%;
  max-width: 500px;
  margin-right: auto;
}

@media (max-width: 991px) {

  [shop] #slick-shop .imgBlk,
  [shop] #slick-prod .imgBlk {
    margin: 0 auto;
  }
}

[shop] #slick-shop .imgBlk .image,
[shop] #slick-prod .imgBlk .image {
  max-height: 360px;
}

[shop] #slick-shop .imgBlk .image>img,
[shop] #slick-prod .imgBlk .image>img {
  max-height: inherit;
  -o-object-fit: contain;
  object-fit: contain;
}

[shop] #slick-shop .content,
[shop] #slick-prod .content {
  max-width: 340px;
}

@media (max-width: 991px) {

  [shop] #slick-shop .content,
  [shop] #slick-prod .content {
    margin: 0 auto;
  }
}

[shop] #slick-shop .content h1,
[shop] #slick-prod .content h1 {
  color: #171717;
  font-size: 50px;
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 767px) {

  [shop] #slick-shop .content h1,
  [shop] #slick-prod .content h1 {
    font-size: 40px;
  }
}

[shop] #slick-shop .content h1 em,
[shop] #slick-prod .content h1 em {
  font-family: "ProductSans Light";
}

[shop] #slick-shop .content h1 span,
[shop] #slick-prod .content h1 span {
  display: block;
  color: #fff;
}

[shop] #slick-shop .content p,
[shop] #slick-prod .content p {
  color: inherit;
  margin-bottom: 20px;
}

@media (max-width: 991px) {

  [shop] #slick-shop .content .bTn,
  [shop] #slick-prod .content .bTn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

[shop] #slick-prod:before {
  background: #fff;
  opacity: 1;
  z-index: -1;
}

[shop] #slick-prod:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 1;
  z-index: 1;
  background: transparent;
  background-image: url("../images/Rectangle-3330.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[shop] #slick-prod .outer {
  margin-left: 0;
}

[shop] #slick-prod .outer {
  max-width: 800px;
}

[shop] #slick-prod .imgBlk {
  max-width: 400px;
}

[shop] #blok {
  margin: 40px 0;
}

[shop] #blok .flexRow>.col {
  width: 50%;
}

@media (max-width: 991px) {
  [shop] #blok .flexRow>.col {
    width: 100%;
  }
}

[shop] #blok .inBlk {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 66%;
  border-radius: 10px;
  overflow: hidden;
}

[shop] #blok .inBlk .txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: initial;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(transparent),
      to(#171717));
  background: linear-gradient(transparent, #171717);
  color: #fff;
  padding: 60px 30px 30px;
}

[shop] #blok .inBlk .txt h3 {
  margin-bottom: 20px;
}

[shop] #bnnr {
  margin-bottom: 60px;
}

[shop] #bnnr .inside {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 991px) {
  [shop] #bnnr .inside {
    padding-left: 30px;
    padding-right: 30px;
  }
}

[shop] #bnnr .inside:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.85;
  z-index: 1;
  background: #fff;
}

[shop] #bnnr .inside .txt {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  z-index: 3;
}

[shop] #bnnr .inside .txt h3 {
  margin-bottom: 50px;
}

[shop] #bnnr .inside .txt .bTn {
  margin-bottom: 30px;
}

[shop] #items .flexRow>.col {
  width: 25%;
}

@media (max-width: 1024px) {
  [shop] #items .flexRow>.col {
    width: 33.3334%;
  }
}

@media (max-width: 991px) {
  [shop] #items .flexRow>.col {
    width: 50%;
  }
}

@media (max-width: 576px) {
  [shop] #items .flexRow>.col {
    width: 100%;
  }
}

.itmBlk {
  position: relative;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  height: 100%;
  padding: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border: 1px solid rgba(23, 23, 23, 0.07);
  overflow: hidden;
}

.itmBlk .icoBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 4px 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: 3;
}

.itmBlk .icoBtn>a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 75%;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  -webkit-transition: none;
  transition: none;
  overflow: hidden;
}

.itmBlk .icoBtn>a:hover {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.itmBlk .icoBtn>a:hover:before {
  -webkit-filter: none;
  filter: none;
}

.itmBlk .icoBtn>a:before {
  content: "";
  position: relative;
  display: block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  -webkit-filter: brightness(0) invert(0.5);
  filter: brightness(0) invert(0.5);
  -webkit-transition: inherit;
  transition: inherit;
  z-index: 1;
}

.itmBlk .icoBtn>a.likeBtn:before {
  background-image: url("../images/icon-heart.svg");
}

.itmBlk .icoBtn>a.likeBtn.liked:before {
  -webkit-filter: none;
  filter: none;
}

.itmBlk .icoBtn>a.cartBtn:before {
  background-image: url("../images/icon-cart.svg");
}

.itmBlk .icoBtn>a.cartBtn.carted:before {
  -webkit-filter: none;
  filter: none;
}

.itmBlk .icoBtn>a.editBtn:before {
  background-image: url("../images/icon-pencil.svg");
}

.itmBlk .icoBtn>a.delBtn:before,
.itmBlk .icoBtn>a.rmvBtn:before {
  background-image: url("../images/icon-cross.svg");
}

.itmBlk .image {
  position: relative;
  background: #fff;
  padding-bottom: 100%;
  overflow: hidden;
}

.itmBlk .image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.itmBlk .image a>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.itmBlk .txt {
  padding: 20px;
}

.itmBlk .txt h4 {
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.itmBlk .txt .price {
  font-family: "ProductSans Medium";
}

.itmBlk .txt .price del {
  color: #8b9593;
  margin-left: 10px;
}

.itmBlk .txt .price em {
  color: #d93a2b;
  margin-left: 10px;
}

.itmBlk .txt .price small {
  font-size: inherit;
  color: #8b9593;
  margin-left: 10px;
}

.itmBlk .txt .price small:before {
  content: " • ";
}

.itmBlk .txt .rating {
  margin-top: 10px;
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rating .rateYo {
  margin-right: 5px;
}

.rating strong:before {
  content: "(";
}

.rating strong:after {
  content: ")";
}

[detail] #detail .flexRow>.col1 {
  width: 44%;
}

[detail] #detail .flexRow>.col2 {
  width: 56%;
  padding-left: 30px;
}

@media (max-width: 991px) {
  [detail] #detail .flexRow>.col {
    width: 100%;
    padding: 15px;
  }
}

[detail] #detail #prod {
  position: relative;
  padding-left: 80px;
}

@media (max-width: 991px) {
  [detail] #detail #prod {
    padding: 0;
  }
}

[detail] #detail #prod #slick-prods {
  border: 1px solid #eee;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
}

[detail] #detail #prod #slick-prods .image {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}

[detail] #detail #prod #slick-prods .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

[detail] #detail #prod #slick-thumbs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 60px;
}

@media (max-width: 991px) {
  [detail] #detail #prod #slick-thumbs {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}

[detail] #detail #prod #slick-thumbs:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  top: initial;
  height: 100px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(transparent),
      to(#fff));
  background: linear-gradient(transparent, #fff);
}

@media (max-width: 991px) {
  [detail] #detail #prod #slick-thumbs:after {
    display: none;
  }
}

[detail] #detail #prod #slick-thumbs .slick-list {
  height: 100% !important;
}

[detail] #detail #prod #slick-thumbs .slick-track {
  margin-top: -5px;
}

[detail] #detail #prod #slick-thumbs .slick-slide {
  border: 0;
  padding: 5px 0;
}

[detail] #detail #prod #slick-thumbs .slick-slide .icon {
  width: 60px;
  height: 60px;
  border: 2px solid #eee;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 991px) {
  [detail] #detail #prod #slick-thumbs .slick-slide .icon {
    margin: 0 5px;
  }
}

[detail] #detail #prod #slick-thumbs .slick-slide .icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

[detail] #detail #prod #slick-thumbs .slick-slide.slick-current .icon {
  border-color: #171717;
}

[detail] #detail .content .heading {
  margin-bottom: 0;
}

[detail] #detail .content .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-family: "ProductSans Medium";
  margin: 20px 0 5px;
}

[detail] #detail .content .price del {
  color: #8b9593;
  margin-left: 10px;
}

[detail] #detail .content .price em {
  color: #d93a2b;
  margin-left: 10px;
}

[detail] #detail .content .price small {
  font-size: inherit;
  color: #8b9593;
  margin-left: 10px;
}

[detail] #detail .content .price small:before {
  content: " • ";
}

[detail] #detail .content .rating {
  font-size: 16px;
}

[detail] #detail .content .btnLst {
  margin: -5px;
}

[detail] #detail .content .btnLst>li {
  padding: 5px;
}

@media (max-width: 375px) {
  [detail] #detail .content .btnLst>li {
    width: 100%;
  }
}

[detail] #detail .content .btnLst>li button {
  background: rgba(204, 204, 204, 0.05);
  color: #ccc;
  padding: 10px 20px;
  margin: 0;
  border: 2px solid;
  border-radius: 5px;
}

@media (max-width: 375px) {
  [detail] #detail .content .btnLst>li button {
    width: 100%;
  }
}

[detail] #detail .content .btnLst>li button.active,
[detail] #detail .content .btnLst>li button:hover {
  color: #d93a2b;
  background: rgba(217, 58, 43, 0.1);
}

[detail] #detail .content .icoLst {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 600px;
  margin: -10px -15px;
}

@media (max-width: 991px) {
  [detail] #detail .content .icoLst {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    overflow: hidden;
    overflow-x: scroll;
  }
}

[detail] #detail .content .icoLst>li {
  color: #8b9593;
  padding: 10px 15px;
}

@media (max-width: 991px) {
  [detail] #detail .content .icoLst>li {
    min-width: 140px;
  }
}

[detail] #detail .content .icoLst>li .icon {
  width: 60px;
  min-width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  border-radius: 75%;
  -webkit-box-shadow: 0 2px 8px rgba(83, 20, 50, 0.2);
  box-shadow: 0 2px 8px rgba(83, 20, 50, 0.2);
  overflow: hidden;
}

[detail] #detail .content .txt {
  max-width: 380px;
}

[detail] #detail .content .list>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

[detail] #detail .content .list>li:before {
  content: "";
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="300px" height="300px" fill="%23fff" viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve"><polygon points="115.7434006,270.8831787 0,173.503006 21.3676376,148.106369 111.6297684,224.0477905 274.5331421,29.1168175 300,50.3998222"/></svg>');
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: currentColor;
  color: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  width: 14px;
  height: 14px;
  display: inline-block;
  color: #fea527;
  margin-top: 2px;
  margin-right: 10px;
}

[detail] #detail .content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 576px) {
  [detail] #detail .content form {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
}

[detail] #detail .content form>.txtBox {
  width: 80px;
  min-width: 80px;
  height: 54px;
}

@media (max-width: 576px) {
  [detail] #detail .content form>.txtBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

[detail] #detail .content form>.webBtn {
  margin-left: 20px;
}

[detail] #detail .content form>.webBtn>img {
  width: 20px;
}

@media (max-width: 576px) {
  [detail] #detail .content form>.likeBtn {
    margin: 20px auto 0;
  }
}

[detail] #detail .content form>.likeBtn>img {
  -webkit-filter: none;
  filter: none;
}

@media (max-width: 991px) {
  [detail] #detail .reviews {
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

[detail] #content {
  background: #f5f6f7;
  padding: 60px 0;
  margin: 60px 0;
}

[detail] #content .tabLst {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  font-family: "ProductSans Medium";
  margin-bottom: 20px;
}

[detail] #content .tabLst>li {
  padding: 0 15px;
}

[detail] #content .tabLst>li.active>a {
  color: #d93a2b;
}

.review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.review:not(:nth-last-child(1)) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.review .ico {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 20px;
}

.review .txt {
  width: 100%;
}

.review .icoTxt {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

@media (max-width: 475px) {
  .review .icoTxt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

.review .icoTxt .title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 10px;
}

@media (max-width: 475px) {
  .review .icoTxt .title {
    margin: 0 0 10px;
  }
}

.review .icoTxt h5 {
  margin: 0 0 5px;
}

@media (max-width: 475px) {
  .review .icoTxt h5 {
    margin: 0;
  }
}

.review .icoTxt .date {
  color: #8b9593;
  font-family: "ProductSans Medium";
}

.review .review {
  margin-top: 15px;
}

.review .review .ico {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.review h6 {
  margin: 0 0 4px;
}

[cart] {
  background: #fafafa;
}

[cart] #cart .contain {
  max-width: 1000px;
}

[cart] #cart .shopTable {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  padding: 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  [cart] #cart .shopTable table {
    display: block;
  }

  [cart] #cart .shopTable table thead {
    display: none;
  }

  [cart] #cart .shopTable table tbody {
    display: block;
  }

  [cart] #cart .shopTable table tbody tr {
    display: block;
  }

  [cart] #cart .shopTable table tbody tr>* {
    position: relative;
    display: block;
    padding: 0 20px 10px 100px;
  }

  [cart] #cart .shopTable table tbody tr>*:nth-child(1) {
    padding-top: 20px;
  }

  [cart] #cart .shopTable table tbody tr>*:nth-last-child(1) {
    padding-bottom: 20px;
  }

  [cart] #cart .shopTable table tbody tr>*:not(:nth-last-child(1)) {
    border-bottom: 0;
  }

  [cart] #cart .shopTable table tbody tr>* .price {
    text-align: left;
  }

  [cart] #cart .shopTable table tbody tr>* .price>small {
    display: inline;
  }

  [cart] #cart .shopTable table tfoot {
    display: table;
    width: 100%;
  }

  [cart] #cart .shopTable table tfoot tr>*:nth-child(1) {
    text-align: left;
  }

  [cart] #cart .shopTable table tfoot tr>*:nth-last-child(1) {
    text-align: right;
  }

  [cart] #cart .shopTable .prodBlk .icon {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 66px;
    min-width: 66px;
    height: 80px;
  }
}

[cart] #checkout .flexRow>.col1,
[cart] #confirm .flexRow>.col1 {
  width: 65%;
}

[cart] #checkout .flexRow>.col2,
[cart] #confirm .flexRow>.col2 {
  width: 35%;
}

@media (max-width: 991px) {

  [cart] #checkout .flexRow>.col,
  [cart] #confirm .flexRow>.col {
    width: 100%;
  }
}

[cart] #confirm .payBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 0;
}

@media (max-width: 767px) {
  [cart] #confirm .payBlock {
    display: block;
  }
}

[cart] #confirm .payBlock .tabBtn {
  width: 240px;
  min-width: 240px;
  border-right: 1px solid #eee;
}

@media (max-width: 767px) {
  [cart] #confirm .payBlock .tabBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    min-width: initial;
  }
}

[cart] #confirm .payBlock .tabBtn>li {
  display: block;
}

@media (max-width: 767px) {
  [cart] #confirm .payBlock .tabBtn>li {
    width: 100%;
  }

  [cart] #confirm .payBlock .tabBtn>li.active {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

[cart] #confirm .payBlock .tabBtn>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex !important;
  gap: 0 10px;
  min-height: 60px;
  background: #fafafa;
  font-family: "ProductSans Medium";
  padding: 16px 20px;
  margin-right: -2px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  white-space: nowrap;
}

[cart] #confirm .payBlock .tabBtn>li>a>img {
  width: auto;
  max-width: 80px;
  height: 28px;
}

[cart] #confirm .payBlock .tabBtn>li>a>em {
  line-height: 1;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

[cart] #confirm .payBlock .tabBtn>li.active>a {
  background: #fff;
  color: #d93a2b;
  border-right-color: transparent;
}

[cart] #confirm .payBlock .tab-content {
  padding: 20px;
}

[cart] #confirm .cardLst {
  margin: 15px -3px;
}

[cart] #confirm .cardLst>li {
  padding: 3px;
}

[cart] #confirm .cardLst>li img {
  width: 28px;
}

[cart] #confirm .referIco {
  max-width: 280px;
  margin: 0 auto;
}

[cart] #placed .blk {
  max-width: 800px;
  margin: 0 auto;
}

[cart] #placed .blk .txt {
  max-width: 400px;
  margin: 0 auto;
}

[cart] #placed .blk .icon {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin: 0 auto 20px;
}

@media (max-width: 767px) {
  [cart] .checkoutBtn {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
  }

  [cart] .checkoutBtn>.webBtn {
    width: 100%;
    border-radius: 0;
  }
}

.numLst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 600px;
  margin: 0 auto 50px;
  padding-top: 25px;
}

.numLst>li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 4px;
  font-family: "ProductSans Bold";
}

.numLst>li:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  bottom: 0;
  background: #eee;
}

.numLst>li:nth-child(1):before {
  left: 50%;
}

.numLst>li:nth-last-child(1):before {
  right: 50%;
}

.numLst>li>a {
  position: relative;
  color: #ccc;
  z-index: 1;
}

.numLst>li>a>span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #eee;
  margin: 0 auto;
  border-radius: 75%;
}

.numLst>li>a>small {
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  text-transform: uppercase;
  white-space: nowrap;
}

.numLst>li.active:before {
  background: #55bf07;
}

.numLst>li.active>a {
  color: #55bf07;
}

.numLst>li.active>a>span {
  background: #55bf07;
  color: #fff;
}

.numLst>li.active>a>small {
  color: inherit;
}

.shopTable table {
  width: 100%;
}

.shopTable table tr>* {
  padding: 20px 10px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.shopTable table tr>*:nth-child(1) {
  text-align: left;
  padding-left: 20px;
}

.shopTable table tr>*:nth-last-child(1) {
  padding-right: 20px;
}

.shopTable table tr>th {
  color: #8b9593;
  font-family: "ProductSans Medium";
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}

.shopTable table tfoot tr>*:nth-child(1) {
  color: #d93a2b;
  font-family: "ProductSans Bold";
  text-align: right;
}

.shopTable .prodBlk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.shopTable .prodBlk .icon {
  width: 76px;
  min-width: 76px;
  height: 90px;
  margin-right: 15px;
  border-radius: 5px;
  overflow: hidden;
}

.shopTable .prodBlk .icon>img {
  -o-object-fit: cover;
  object-fit: cover;
}

.shopTable .prodBlk .txt h4 {
  margin-bottom: 0;
}

.shopTable .prodBlk .txt .infi {
  color: #8b9593;
}

.shopTable .miniTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin: 0 -7px;
}

.shopTable .miniTxt>li {
  font-size: 10px;
  font-family: "ProductSans Medium";
  padding: 2px 7px;
}

.shopTable .miniTxt>li em {
  color: #ccc;
  margin-right: 5px;
}

.shopTable .price {
  font-family: "ProductSans Bold";
}

.shopTable .price>small {
  display: block;
}

.shopTable .price>small em {
  color: #f53737;
}

.shopTable .coupBlk {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0;
  border-radius: 5px;
  overflow: hidden;
}

.shopTable .coupBlk img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 18px;
  height: 18px;
  margin: auto;
}

.shopTable .coupBlk .txtBox {
  background: rgba(217, 58, 43, 0.07);
  padding-left: 40px;
  border: 1px dashed #d93a2b;
  border-radius: 5px 0 0 5px;
}

.shopTable .coupBlk .webBtn {
  border-radius: 0 5px 5px 0;
}

.shopTable .coupBlk .webBtn:not(:hover) {
  background: #171717;
}

.shopTable .qtyBlk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  color: #8b9593;
  font-family: "ProductSans Medium";
  padding: 5px 10px;
  border: 1px solid #eee;
  border-radius: 4px;
  white-space: nowrap;
}

.shopTable .qtyBlk input {
  width: 100%;
  padding: 0;
  margin-left: 5px;
  text-align: right;
  border: 0;
}

.actionBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  gap: 5px 20px;
  margin-top: 10px;
}

.actionBtn>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex !important;
  gap: 0 10px;
  font-family: "ProductSans Medium";
}

.actionBtn>li>a>img {
  width: 18px;
  min-width: 18px;
  height: 18px;
}

.qtyBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "ProductSans Medium";
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.qtyBtn>* {
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.qtyBtn>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #eee;
  font-size: 18px;
  cursor: pointer;
}

.qtyBtn>a.minus:before {
  content: "-";
}

.qtyBtn>a.plus:before {
  content: "+";
}

.qtyBtn>.qty {
  padding: 0;
  text-align: center;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.smryBlk {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  padding: 20px;
}

.smryBlk .shopTable {
  margin: -10px -20px 0;
}

.smryBlk .shopTable table tr>*:nth-last-child(1) {
  text-align: right;
}

.smryBlk .shopTable table tfoot tr>* {
  padding-top: 10px;
  padding-bottom: 10px;
}

.smryBlk .shopTable table tfoot tr>*:nth-child(1) {
  text-align: left;
}

.smryBlk .shopTable table tfoot tr:nth-last-child(1) {
  font-size: 16px;
}

@media (max-width: 767px) {
  .smryBlk .shopTable table {
    display: block;
  }

  .smryBlk .shopTable table thead {
    display: none;
  }

  .smryBlk .shopTable table tbody {
    display: block;
  }

  .smryBlk .shopTable table tbody tr {
    display: block;
  }

  .smryBlk .shopTable table tbody tr>* {
    position: relative;
    display: block;
    padding: 0 20px 10px 100px;
  }

  .smryBlk .shopTable table tbody tr>*:nth-child(1) {
    padding-top: 20px;
  }

  .smryBlk .shopTable table tbody tr>*:nth-last-child(1) {
    padding-bottom: 20px;
  }

  .smryBlk .shopTable table tbody tr>*:not(:nth-last-child(1)) {
    border-bottom: 0;
  }

  .smryBlk .shopTable table tbody tr>* .price {
    text-align: left;
  }

  .smryBlk .shopTable table tbody tr>* .price>small {
    display: inline;
  }

  .smryBlk .shopTable table tfoot {
    display: table;
    width: 100%;
  }

  .smryBlk .shopTable table tfoot tr>*:nth-child(1) {
    text-align: left;
  }

  .smryBlk .shopTable table tfoot tr>*:nth-last-child(1) {
    text-align: right;
  }

  .smryBlk .shopTable .prodBlk .icon {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 66px;
    min-width: 66px;
    height: 80px;
  }
}

.smryBlk .shopTable .actionBtn {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .smryBlk .shopTable .actionBtn {
    position: absolute;
    right: 20px;
    bottom: 28px;
  }
}

.smryBlk .shopTable .prodBlk .icon {
  width: 66px;
  min-width: 66px;
  height: 78px;
}

.smryBlk .adrsBlk {
  padding: 0;
  margin-top: 20px;
  border: 0;
}

.adrsBlk,
.paymntBlk {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 20px;
  border: 2px solid #eee;
  border-radius: 5px;
}

@media (max-width: 576px) {

  .adrsBlk,
  .paymntBlk {
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #eee;
  }
}

.adrsBlk:not(:nth-last-child(1)),
.paymntBlk:not(:nth-last-child(1)) {
  margin-bottom: 20px;
}

.adrsBlk>.inr,
.paymntBlk>.inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 20px;
}

.adrsBlk .icon,
.paymntBlk .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.adrsBlk .fig,
.paymntBlk .fig {
  width: 140px;
  min-width: 140px;
  height: 30px;
}

.adrsBlk .fig>img,
.paymntBlk .fig>img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  -o-object-position: left;
  object-position: left;
}

.adrsBlk .txt,
.paymntBlk .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.adrsBlk .txt .head,
.paymntBlk .txt .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.adrsBlk .txt .head h6,
.paymntBlk .txt .head h6 {
  margin-bottom: 0;
}

.adrsBlk .txt .head .lblBtn,
.paymntBlk .txt .head .lblBtn {
  font-size: 90%;
  font-family: "ProductSans Bold";
}

.adrsBlk .txt .head .lblBtn input[type="radio"],
.paymntBlk .txt .head .lblBtn input[type="radio"] {
  width: 0;
  min-width: 0;
  height: 0;
  opacity: 0;
}

.adrsBlk .txt .head .lblBtn input[type="radio"]+label:before,
.paymntBlk .txt .head .lblBtn input[type="radio"]+label:before {
  content: "Set as Default";
  color: #d93a2b;
}

.adrsBlk .txt .head .lblBtn input[type="radio"]:checked+label:before,
.paymntBlk .txt .head .lblBtn input[type="radio"]:checked+label:before {
  content: "(Default)";
  color: #171717;
}

.adrsBlk .txt ul li,
.paymntBlk .txt ul li {
  display: block;
}

.adrsBlk .txt .cvc,
.paymntBlk .txt .cvc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #242424;
  font-size: 16px;
  font-family: "ProductSans Medium";
  white-space: nowrap;
}

.adrsBlk .txt .cvc>img,
.paymntBlk .txt .cvc>img {
  width: 30px;
  height: 20px;
  margin-left: 10px;
  border-radius: 4px;
  overflow: hidden;
}

.adrsBlk .cta input,
.paymntBlk .cta input {
  display: block;
  margin-left: auto;
}

.adrsBlk .btm,
.paymntBlk .btm {
  padding: 10px;
  margin: 20px -20px -20px;
  border-top: inherit;
}

@media (max-width: 576px) {

  .adrsBlk .btm,
  .paymntBlk .btm {
    margin: 0 0 -15px;
  }
}

.adrsBlk .btm .actionBtn,
.paymntBlk .btm .actionBtn {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  text-align: center;
  margin-top: 0;
}

.selectLst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: -10px;
}

@media (max-width: 475px) {
  .selectLst {
    margin: -5px;
  }
}

.selectLst>li {
  width: 33.3334%;
  padding: 10px;
}

@media (max-width: 475px) {
  .selectLst>li {
    padding: 5px;
  }
}

.selectLst .icon {
  height: 24px;
}

.radioBtn {
  position: relative;
  height: 100%;
}

.radioBtn>input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

.radioBtn>input[type="radio"]:checked+.inner {
  border-color: #d93a2b;
}

.radioBtn .inner {
  position: relative;
  height: 100%;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  padding: 20px 20px 15px;
  border: 2px solid #eee;
}

.radioBtn .inner .icon {
  width: 24px;
  min-width: 24px;
  height: 24px;
  margin: 0 auto 10px;
}

[dash] {
  background: #fafafa;
}

[dash] section {
  padding: 40px 0 80px;
}

[dash] section .contain {
  max-width: 1100px;
}

[dash] #dash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  padding: 0;
  overflow: hidden;
}

[dash] #dash aside {
  width: 240px;
  min-width: 240px;
  border-right: 1px solid #eee;
}

@media (max-width: 991px) {
  [dash] #dash aside {
    display: none;
  }
}

[dash] #dash aside ul>li {
  display: block;
}

[dash] #dash aside ul>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex !important;
  min-height: 60px;
  background: #fafafa;
  font-family: "ProductSans Medium";
  padding: 16px 20px;
  margin-right: -2px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  white-space: nowrap;
}

[dash] #dash aside ul>li>a>img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 15px;
  -webkit-filter: brightness(0) invert(0.7);
  filter: brightness(0) invert(0.7);
}

[dash] #dash aside ul>li.active>a {
  background: #fff;
  color: #d93a2b;
  border-right-color: transparent;
}

[dash] #dash aside ul>li.active>a>img {
  -webkit-filter: none;
  filter: none;
}

[dash] #dash>.block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 25px;
  overflow: hidden;
}

@media (max-width: 475px) {
  [dash] #account .webBtn {
    width: 100%;
  }
}

[dash] #wishlist .itmBlk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

@media (max-width: 576px) {
  [dash] #wishlist .itmBlk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

[dash] #wishlist .itmBlk:not(:nth-last-child(1)) {
  margin-bottom: 20px;
}

[dash] #wishlist .itmBlk .image {
  width: 120px;
  min-width: 120px;
  height: 120px;
  padding: 0;
}

@media (max-width: 576px) {
  [dash] #wishlist .itmBlk .image {
    width: 100%;
    min-width: initial;
    padding-bottom: 100%;
  }
}

[dash] #wishlist .itmBlk .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 40px;
  overflow: hidden;
}

[dash] #orders .shopTable table,
[dash] #order_dtl .shopTable table {
  border: 1px solid #eee;
}

[dash] #orders .shopTable table thead th small,
[dash] #order_dtl .shopTable table thead th small {
  display: block;
  color: #171717;
  font-family: "ProductSans Medium";
  line-height: 1;
}

[dash] #orders .shopTable .qtyBlk,
[dash] #order_dtl .shopTable .qtyBlk {
  margin: 0 auto 5px;
}

@media (max-width: 576px) {

  [dash] #orders .shopTable table,
  [dash] #order_dtl .shopTable table {
    display: block;
  }

  [dash] #orders .shopTable table thead,
  [dash] #order_dtl .shopTable table thead,
  [dash] #orders .shopTable table tbody,
  [dash] #order_dtl .shopTable table tbody {
    display: block;
  }

  [dash] #orders .shopTable table thead tr,
  [dash] #order_dtl .shopTable table thead tr,
  [dash] #orders .shopTable table tbody tr,
  [dash] #order_dtl .shopTable table tbody tr {
    display: block;
  }

  [dash] #orders .shopTable table thead tr>*,
  [dash] #order_dtl .shopTable table thead tr>*,
  [dash] #orders .shopTable table tbody tr>*,
  [dash] #order_dtl .shopTable table tbody tr>* {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 15px;
  }

  [dash] #orders .shopTable .qtyBlk,
  [dash] #order_dtl .shopTable .qtyBlk {
    margin-left: 0;
  }
}

[dash] #order_dtl .bread {
  gap: 0 15px;
  font-family: "ProductSans Medium";
  margin-bottom: 20px;
}

[dash] #order_dtl .bread>li {
  color: #242424;
}

[dash] #order_dtl .bread>li:not(:nth-last-child(1)):after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-left: 15px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: inherit;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.5;
}

[dash] #order_dtl .bread>li>a {
  color: #d93a2b;
}

[dash] #order_dtl .bread>li>a:hover {
  color: #171717;
}

[dash] #order_dtl .flexRow>.col1 {
  width: 65%;
}

[dash] #order_dtl .flexRow>.col2 {
  width: 35%;
}

@media (max-width: 991px) {
  [dash] #order_dtl .flexRow>.col {
    width: 100%;
  }
}

[dash] #order_dtl .paymntBlk {
  padding: 0;
  border: 0;
}

[dash] #order_dtl .smryBlk .shopTable table {
  border: 0;
}

[dash] #order_dtl .smryBlk .shopTable table tr>* {
  padding-top: 7px;
  padding-bottom: 7px;
  border: 0;
}

[dash] #order_dtl .dotLst>li {
  position: relative;
  display: block;
  color: #242424;
  font-family: "ProductSans Medium";
  padding-left: 20px;
}

[dash] #order_dtl .dotLst>li:not(:nth-last-child(1)) {
  padding-bottom: 15px;
}

[dash] #order_dtl .dotLst>li:before,
[dash] #order_dtl .dotLst>li:not(:nth-last-child(1)):after {
  content: "";
  position: absolute;
  background: #ccc;
}

[dash] #order_dtl .dotLst>li.active:before,
[dash] #order_dtl .dotLst>li.active:after {
  background: #43b753;
}

[dash] #order_dtl .dotLst>li:before {
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 75%;
  z-index: 1;
}

[dash] #order_dtl .dotLst>li:after {
  top: 6px;
  left: 3px;
  bottom: -6px;
  width: 4px;
}

[dash] #order_dtl .dotLst>li>em {
  color: #171717;
}

[dash] #address .flexRow {
  margin: -15px -10px;
}

[dash] #address .flexRow>.col {
  width: 50%;
  padding: 15px 10px;
}

@media (max-width: 991px) {
  [dash] #address .flexRow>.col {
    width: 100%;
  }
}

[dash] #address .adrsBlk {
  height: 100%;
}

[dash] #payment .flexRow {
  margin: -15px -10px;
}

[dash] #payment .flexRow>.col {
  width: 50%;
  padding: 15px 10px;
}

@media (max-width: 991px) {
  [dash] #payment .flexRow>.col {
    width: 100%;
  }
}

[dash] #payment .paymntBlk {
  height: 100%;
}

[dash] #payment [data-payment] .insideBlk {
  margin: 15px 0 0;
}

[dash] #payment [data-payment] .insideBlk:not(.active) {
  display: none;
}

[contact] {
  background: #fafafa;
}

#contact .mainRow>.col1 {
  width: 64%;
}

#contact .mainRow>.col2 {
  width: 36%;
}

@media (max-width: 991px) {
  #contact .mainRow>.col {
    width: 100%;
  }
}

#contact .cardRow {
  margin: -1rem;
}

#contact .cardRow>.col {
  width: 100%;
  padding: 1rem;
}

#contact .content {
  max-width: 62rem;
  margin-bottom: 3rem;
}

#contact form {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

@media (max-width: 767px) {
  #contact form .bTn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.cardBlk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
}

.cardBlk .icon {
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  margin-right: 2rem;
}

.cardBlk .txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cardBlk .txt h6 {
  margin-bottom: 0.5rem;
}

[pricing] {
  background: #fafafa;
}

#pricing .flexRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#pricing .flexRow>.col {
  width: 25%;
}

@media (max-width: 991px) {
  #pricing .flexRow>.col {
    width: 50%;
  }
}

@media (max-width: 576px) {
  #pricing .flexRow>.col {
    width: 100%;
  }
}

.planBlk {
  height: 100%;
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  box-shadow: 0 5px 20px rgba(83, 20, 50, 0.07);
  overflow: hidden;
}

.planBlk ul {
  margin: 10px 0 15px;
}

.planBlk ul>li {
  display: list-item;
  list-style-position: inside;
  color: #8b9593;
  padding: 3px 0;
}

.planBlk .price {
  color: #d93a2b;
  font-size: 50px;
  font-family: "ProductSans Medium";
  line-height: 1;
}

.planBlk .price>small {
  color: #8b9593;
  font-size: 18px;
}

[terms] {
  background: #fafafa;
}

#business .flexRow>.col {
  width: 50%;
}

@media (max-width: 991px) {
  #business .flexRow>.col {
    width: 100%;
  }
}

#business .flexRow>.col2 {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media (max-width: 991px) {
  #business .flexRow>.col2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#business .image {
  position: relative;
  padding-bottom: 60%;
  border-radius: 0.6rem;
  overflow: hidden;
}

#business .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

#business .image_2 {
  max-width: 400px;
  margin: 0 auto;
  padding-bottom: 0;
}

#business .image_2>img {
  position: relative;
}

#business ul {
  margin-bottom: 10px;
}

#business ul>li {
  display: list-item;
  list-style-position: inside;
  margin-bottom: 5px;
}

#business ul>li::marker {
  color: #d93a2b;
}

#business h4 {
  font-family: "ProductSans Bold";
}

#business h4>span {
  font-family: "ProductSans Regular";
}

#layer {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 8rem;
}

#layer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.95;
  z-index: 1;
  background: #0b0e2f;
}

#layer .contain {
  z-index: 3;
}

#layer .flex_blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 30rem;
}

#layer .content {
  max-width: 70rem;
  color: #fff;
  margin: 0 auto;
}

#layer .content p {
  padding: 0 6rem 1rem;
}

#working {
  background: #fafafa;
}

#working .flexRow>.col {
  width: 33.3334%;
}

@media (max-width: 991px) {
  #working .flexRow>.col {
    width: 100%;
  }
}

#working .inner .image {
  position: relative;
  padding-bottom: 60%;
  border-radius: 0.6rem;
  margin-bottom: 2rem;
  overflow: hidden;
}

#working .inner .image>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

#gallery {
  background: #fafafa;
  margin-bottom: 8rem;
}

#gallery .flexRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#gallery .flexRow>.col {
  width: 25%;
}

@media (max-width: 1024px) {
  #gallery .flexRow>.col {
    width: 33.3334%;
  }
}

@media (max-width: 991px) {
  #gallery .flexRow>.col {
    width: 50%;
  }
}

@media (max-width: 475px) {
  #gallery .flexRow>.col {
    width: 100%;
  }
}

#gallery .heading {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#gallery .imgBlk {
  position: relative;
  display: block;
  padding-bottom: 100%;
  border-radius: 0.6rem;
  cursor: pointer;
  overflow: hidden;
}

#gallery .imgBlk>img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

#gallery .vidBlk:before,
#gallery .vidBlk:after {
  min-width: 70px;
}

/*# sourceMappingURL=app.min.css.map */

body>main {
  overflow: unset;
}

/* ==== */
.sec_schedule {
  padding-top: 0 !important;
  padding-bottom: 65px;
}

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

.sec_schedule .flex {
  width: 90%;
  margin: 0 auto;
}

.sec_schedule .col {
  width: calc(100% / 3);
  padding: 17px;
}

.sec_schedule .col .inner {
  box-shadow: 0 1px 17px rgba(83, 20, 50, 0.07);
  padding: 15px 7px;
  text-align: center;
  height: 100%;
  border-radius: 10px;
  position: relative;
  padding-top: 46px;
  border: 1px solid #d93a2b1a;
}

.sec_schedule .col strong {
  color: #d93a2b;
}

.sec_schedule .col p {
  font-size: 16px;
  color: #000;
  margin-bottom: 5px;
}

.sec_schedule .col .top {
  background: #d93a2b;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 11px;
  border-radius: 10px 0;
  width: fit-content;
}

.sec_schedule .col h4 {
  color: #fff;
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .sec_schedule .contain .flex {
    width: 96%;
  }
}

@media (max-width: 912px) {
  .sec_schedule .flex {
    width: 100%;
  }

  .sec_schedule .contain .col {
    width: calc(100% / 2);
  }
}

@media (max-width: 576px) {
  .sec_schedule .contain .col {
    width: 100%;
    padding: 17px 0;
  }

  .sec_schedule .contain .col .inner {
    padding-top: 40px;
    padding-bottom: 25px;
  }

  #staff .contain .col {
    width: 100%;
    padding-right: 0;
  }

  #staff .contain .flex:nth-child(even) .col {
    padding-right: 0;
    padding-left: 0px;
  }

  #staff .contain .colr {
    width: 100%;
    align-self: center;
  }

  #staff .contain .flex {
    flex-direction: column-reverse;
  }

  #staff .contain .flex:nth-child(even) {
    flex-flow: column-reverse;
  }
}

#staff .content_center {
  max-width: 650px;
  margin: 0 auto 60px;
  text-align: center;
}

#staff .col {
  width: 50%;
  padding-right: 60px;
}

#staff .colr {
  width: 50%;
  align-self: center;
}

/* #staff .col .inner {
  background-color: #fff;
  display: flex;
  box-shadow: 0px 0px 10px #ddd;
  border-radius: 20px;
  overflow: hidden;
} */

#staff .colr h6 {
  color: #d93a2b;
}

#staff .col .image {
  height: 350px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

#staff .col .image img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}

#staff .flex:nth-child(even) {
  flex-flow: row-reverse;
}

#staff .flex:not(:last-child) {
  margin-bottom: 40px;
}

#staff .flex:nth-child(even) .col {
  padding-right: 0;
  padding-left: 60px;
}

#staff {
  padding-top: 0;
}

.ms {
  margin-bottom: 0 !important;
}

#staff .col .image-2 {
  width: 84px;
  margin: 0 auto;
  margin-top: 17px;
}

/* ============insight========== */

.insight-sec {
  padding: 39px 0;
}

.insight-sec .flex {
  justify-content: center;
}

.insight-sec .flex .col {
  width: calc(100%/3);
  padding: 10px;
}

.insight-sec .flex .col .inner {
  box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
  padding: 15px;
}

.insight-sec .image {
  position: relative;
  padding-bottom: 66%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.35s ease-in-out;
}

.insight-sec .image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  z-index: -1;
  -webkit-transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
  transition: var(--transition);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
  transition: -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
  transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
  transition: transform 2s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 2s cubic-bezier(0.2, 0.96, 0.34, 1);
}

.insight-sec .data {
  margin: 15px;
}

.insight-sec .data li {
  padding-right: 20px;
  color: #d93a2b;
  font-family: 'Poppins Semibold';
  font-size: 12px;
}

.insight-sec .head {
  margin-top: 15px;
}

.insight-sec .post-button-wrapper {
  margin-bottom: 0;
}

.insight-sec a.continue-reading {
  position: relative;
  color: #d93a2b;
  text-decoration: none;
  float: left;
  transform: translateX(45px);
  transition: all .3s;
  font-weight: 700;
  margin-top: 10px;
  font-size: 15px;
  font-family: 'ProductSans Bold';
  display: block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  -webkit-transform: translateX(45px);
  -moz-transform: translateX(45px);
  -ms-transform: translateX(45px);
  -o-transform: translateX(45px);
}

.insight-sec a.continue-reading:before,
.insight-sec a.continue-reading:after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  top: 50%;
  background: #d93a2b;
  border-radius: 4px;
  transition: all .3s;
}

.insight-sec a.continue-reading:before {
  width: 30px;
  right: 110%;
}

.insight-sec a.continue-reading span {
  position: absolute;
  display: block;
  width: 30px;
  height: 100%;
  left: calc(100% + 8px);
  top: 0;
}

.insight-sec a.continue-reading:after {
  width: 0;
  left: calc(100% + 10px);
  transition-delay: 0s;
}

.insight-sec a.continue-reading span:before,
.insight-sec a.continue-reading span:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  top: 0;
  right: 0;
  background: #d93a2b;
  border-radius: 4px;
  transform: rotate(45deg);
  transition: all .15s;
  transition-delay: .25s;
  opacity: 0;
}

.insight-sec a.continue-reading span:before {
  top: 5px;
  right: 0;
  transform: rotate(45deg);
}

.insight-sec a.continue-reading span:after {
  top: 25px;
  right: 0;
  transform: rotate(-45deg);
}

.insight-sec .post-button-wrapper:hover a.continue-reading {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}

.insight-sec .post-button-wrapper:hover a.continue-reading span:before {
  width: 11px;
  top: 8px;
  right: -4px;
  opacity: 1;
  transition-delay: 0s;
}

.insight-sec .post-button-wrapper:hover a.continue-reading span:after {
  width: 11px;
  top: 15px;
  right: -4px;
  opacity: 1;
  transition-delay: 0s;
}

.insight-sec .post-button-wrapper:hover a.continue-reading:before {
  width: 0px;
}

.insight-sec .post-button-wrapper:hover a.continue-reading:after {
  width: 30px;
}

.insight-sec .post-header-wrapper {
  padding-bottom: 16px;
}

.date-1 {
  position: absolute;
  bottom: 0;
  background: #d93a2b;
  height: 45px;
  width: 76px;
  text-align: center;
  padding: 9px;
  align-items: center;
  right: 0;
  font-size: 20px;
  font-family: 'ProductSans Bold';
  border-radius: 5px 0 0 0;
}

.date-1 span {
  color: #fff;
}

.insight_detail .flex .col {
  width: 100%;
}

.insight_detail .flex .col .image {
  padding-bottom: 47%;
}

@media (max-width: 512px) {
  .insight-sec .contain .flex .col {
    width: 100%;
    padding: 10px 0;
  }
}
.rating strong:before,.rating strong:after{
  display:none
}
.insight-sec .date-1{
  width: auto;
}
.insight-sec .image img{
  object-fit: contain;
}