/* Darkgrey */
/* Lightgrey */
/* Grey */
/* White */
/* Red */
/* Green */
/* Black */
/* blue */
:root .otp-theme {
  --loading_icon: url(../images/otp-loading.gif); }
:root .ggp-theme {
  --loading_icon: url(../images/ggp_loading_100x67.gif); }
:root .hs-theme {
  --loading_icon: url(../images/hs-loading.gif); }

/* Navigation Bar Style -- START */
section.help-nav {
  width: 100%;
  margin: auto;
  background: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans"; }

.help-nav .hn-cont {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap; }

.help-nav .hn-cont .hn-element {
  width: auto;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #666;
  text-decoration: none !important;
  border-bottom: 3px solid white;
  padding: 0 16px;
  min-width: 80px;
  transition: all 0.2s ease-in-out; }

.help-nav .hn-cont .hn-element:hover {
  border-color: #e01c7e17; }

.help-nav .hn-cont .hn-element.active {
  border-color: #e01c7d !important;
  color: #e01c7d; }

@media (max-width: 768px) {
  .help-nav .hn-cont .hn-element {
    flex-grow: 1;
    font-size: 12px; } }
@media (max-width: 520px) {
  .help-nav > .container {
    padding: 0px !important; } }
/* Navigation Bar Style -- END */
.main-header {
  width: 100%;
  margin: auto;
  color: #000000;
  font-size: 22px;
  text-align: left;
  padding: 16px 24px;
  font-weight: 700;
  background: #fafafa; }

section.body {
  font-family: "Open Sans"; }

.faqs {
  padding-bottom: 30px; }

.faq-toggle-box-container {
  width: 100%;
  margin: auto auto auto auto;
  padding: 0 16px !important;
  background: #fff !important; }
  @media (max-width: 776px) {
    .faq-toggle-box-container {
      padding: 0 8px !important; } }

.faq-toggle-box {
  width: 100%;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 16px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer; }
  .faq-toggle-box.no-border {
    border-bottom: unset; }
  .faq-toggle-box .btn-toggle-indicator {
    width: 30px;
    height: 30px;
    flex: none;
    font-size: 16px;
    outline: none !important;
    box-shadow: none !important;
    background: transparent;
    color: #999999;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important; }
    .faq-toggle-box .btn-toggle-indicator:hover {
      color: #e84fa5; }
  .faq-toggle-box.expanded h6 {
    color: #e84fa5; }
  .faq-toggle-box.expanded .btn-toggle-indicator {
    color: #e84fa5;
    transform: rotate(180deg); }

.faq-toggle-box-content {
  width: 100%;
  margin: 4px auto 0px auto;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  border-left: 2px solid #666666;
  padding: 0px 16px;
  display: none;
  transition: all 0.2s ease-in-out; }
  .faq-toggle-box-content img {
    width: 100%;
    margin: 16px 0px auto 0px;
    height: auto; }
  .faq-toggle-box-content ul {
    padding: 16px; }

.faq-toggle-box.expanded .faq-toggle-box-content {
  display: block; }

.faq-toggle-box-header {
  width: 100%;
  margin: 0px auto;
  display: flex;
  justify-content: flex-start; }

.faq-toggle-box-header > h6 {
  font-weight: 600;
  font-size: 14px;
  flex-grow: 1;
  margin: 0px;
  color: #000000;
  line-height: 22px; }

.faqs .d-flex {
  display: flex !important;
  align-items: flex-start; }
.faqs nav {
  font-family: "Open Sans";
  min-width: 250px;
  padding: 16px;
  background: white;
  height: auto;
  margin: 0px auto;
  border-radius: 4px; }
  .faqs nav ul li {
    background: white !important; }
    .faqs nav ul li i.tab-active-arrow {
      font-size: 16px !important;
      color: #e84fa5;
      transition: all 0.2s ease-in-out;
      visibility: hidden; }
    .faqs nav ul li a {
      width: 100%;
      margin: auto;
      padding: 12px 16px;
      border: none;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      color: #666666; }
      .faqs nav ul li a img {
        display: none !important; }
      .faqs nav ul li a span {
        flex-grow: 1;
        transition: all 0.2s ease-in-out;
        font-size: 14px; }
    .faqs nav ul li.active span {
      font-weight: 600 !important; }
    .faqs nav ul li:hover span {
      font-weight: 600 !important; }
    .faqs nav ul li.active {
      border-radius: 4px !important;
      background: #e84fa521 !important; }
      .faqs nav ul li.active i.tab-active-arrow {
        visibility: visible; }

.numbered-cont {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column; }
  .numbered-cont .line-one {
    background: rgba(41, 181, 220, 0.36); }
  .numbered-cont .line-two {
    background: rgba(41, 181, 220, 0.4); }
  .numbered-cont .line-three {
    background: rgba(41, 181, 220, 0.6); }
  .numbered-cont .line-four {
    background: rgba(41, 181, 220, 0.8); }

.section_one .line {
  background: rgba(41, 181, 220, 0.36) !important; }

.section_two .line {
  background: rgba(41, 181, 220, 0.4) !important; }

.section_three .line {
  background: rgba(41, 181, 220, 0.6) !important; }

.section_four .line {
  background: rgba(41, 181, 220, 0.8) !important; }

.section_five .line {
  background: #29b5dc !important; }

.video-link {
  width: 250px;
  min-height: 160px;
  margin: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: unset; }

.video-link > * {
  position: absolute; }

.video-link > .vid-icon {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 36px;
  background: #ff61d536;
  color: #ff61d6;
  transition: all 0.3s ease-out;
  opacity: 0;
  display: none; }

._block_guide_howto {
  box-shadow: unset;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background: transparent;
  width: 100%;
  margin: 0px auto; }
  ._block_guide_howto .guide-cont {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px;
    background: white;
    padding: 16px; }
    ._block_guide_howto .guide-cont .img-cont {
      width: auto;
      height: auto;
      flex: none;
      cursor: unset !important; }
      ._block_guide_howto .guide-cont .img-cont img {
        width: 100%;
        height: auto;
        cursor: unset !important; }
    ._block_guide_howto .guide-cont .content {
      flex-grow: 1;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      margin-left: 32px; }
      ._block_guide_howto .guide-cont .content p {
        flex-grow: 1;
        width: 100%;
        margin: 4px auto;
        text-align: left; }
  ._block_guide_howto .number-cont {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 16px; }
    ._block_guide_howto .number-cont h6 {
      height: 100%;
      text-align: center;
      font-size: 32px;
      font-weight: 600;
      color: #000000; }
      @media only screen and (max-width: 768px) {
        ._block_guide_howto .number-cont h6 {
          background-color: #61caff;
          color: white;
          padding: 12px;
          border-radius: 4px;
          top: 20px;
          left: 20px;
          position: relative; } }
    ._block_guide_howto .number-cont .line {
      width: 5px;
      background: #f1f1f1;
      margin-left: 8px;
      height: 100%; }

._block_guide_howto > .line {
  height: 40px;
  width: 5px;
  margin-left: 44.5px; }

@media (max-width: 768px) {
  section.body > .container {
    padding: 0px; }

  ._block_guide_howto .number-cont .line {
    margin: 0px; }

  ._block_guide_howto {
    flex-direction: column;
    min-height: 30px; }

  ._block_guide_howto > .line {
    display: none; }

  ._block_guide_howto .guide-cont {
    display: flex;
    flex-direction: column; }

  ._block_guide_howto .guide-cont .img-cont {
    width: 100%;
    margin: auto auto 16px auto; }

  ._block_guide_howto .guide-cont .content {
    margin-left: 0px; }

  .help-line {
    padding: 40px 0px; } }
@media (max-width: 560px) {
  section.body .heading_howto {
    font-size: 24px; }

  .help-line ul.contact-list {
    flex-direction: column; }

  .help-line ul.contact-list li {
    margin: 5px !important;
    height: 16px !important; }

  .help-line .contact-cont h6 {
    font-weight: 400;
    font-size: 14px; }

  ._block_guide_howto .number-cont h6 {
    font-size: 24px; } }
.help .container ul {
  list-style: none !important; }
.help .container h3 span {
  color: #33c5e5; }
.help a {
  text-decoration: none !important; }
  .help a:hover {
    text-decoration: none !important; }
.help .top_bg {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (max-width: 778px) {
    .help .top_bg {
      background: linear-gradient(to right, #fcfeff, #e1f1ff);
      height: 250px;
      padding: 24px; } }
.help ._top_bg {
  background-position: right;
  background-repeat: no-repeat;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  height: 320px;
  background-size: contain;
  background-position: center center;
  max-width: unset;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .help ._top_bg .container.no-padding-cont {
    padding: 0px !important; }
  @media only screen and (min-width: 778px) {
    .help ._top_bg {
      background-image: url("../images/cover_howtoorderpage_new.png"); } }
.help .text_banner {
  color: #010101;
  /*font-family: "Open Sans";*/
  font-size: 40px;
  line-height: 48px;
  height: auto;
  font-weight: 800;
  width: 422px;
  padding-top: 16px; }
  @media only screen and (max-width: 778px) {
    .help .text_banner {
      width: 300px;
      padding-top: 27px;
      line-height: 22px;
      font-size: 18px; } }
.help ._text_banner {
  width: 422px;
  font-size: 16px;
  height: auto;
  line-height: 20px;
  color: #666;
  padding-top: 0px;
  margin-top: 16px; }
  @media only screen and (max-width: 778px) {
    .help ._text_banner {
      width: 300px;
      margin-top: 0px;
      font-size: 12px; } }

.section_one p._txt_secone,
.section_two p._txt_sectwo,
.section_three p._txt_secthree,
.section_four p._txt_secfour,
.section_five p._txt_secfive {
  font-size: 14px !important;
  line-height: 21px !important;
  color: #010101 !important; }

.section_one p.txt_secone,
.section_two p.txt_sectwo,
.section_three p.txt_secthree,
.section_four p.txt_secfour,
.section_five p.txt_secfive,
.txt_products_slide {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: bold !important;
  color: #010101 !important; }

.help .text_banner > span {
  color: #e01c7d; }

.help .heading_howto,
.help .heading_howto_sectwo {
  color: #010101 !important;
  font-size: 28px !important;
  line-height: 38px;
  margin: 35px 0px 63px 0;
  text-align: left; }
  @media screen and (min-width: 992px) {
    .help .heading_howto,
    .help .heading_howto_sectwo {
      height: 38px; } }
.help .triangle {
  background: transparent;
  background: -webkit-linear-gradient(to right, #53dbf0, #2cb8de);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #53dbf0, #2cb8de);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
  @media screen and (min-width: 992px) {
    .help .triangle {
      height: 300px; } }

.help .heading_howto > span,
.heading_howto_sectwo > span {
  color: #3399cc; }

/* ._block_guide_howto {
	background-color: #FFFFFF;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.23);
}

.section_one {
  .triangle {
    img{
      padding: 11px 62px;

      @media screen and (max-width: 991px){
        padding:27px 13px;
      }
    }
  }
}
._triangle{
	width: 0;
	height: 0px;
	border-top: 150px solid transparent;
	border-left: 129px solid $blue;
	border-bottom: 150px solid transparent;
}

._triangle span{
	position: absolute;
	left: -167px;
	font-size: 120px;
	font-weight: 600;
	top: -15px;
	opacity: 0.3;
	color: $white;
} */
.txt_triangle {
  padding-top: 30px;
  min-height: 221px; }

.block_guide_howto {
  width: 1200px;
  /* display: block; */
  margin-right: auto;
  margin-left: auto;
  position: relative; }

.heading_howto_sectwo {
  margin-top: 65px !important;
  margin-bottom: -15px !important;
  background-color: #FFFFFF;
  height: 120px;
  padding-top: 71px; }

/* .section_one p._txt_secone , .section_two p._txt_sectwo , .section_three p._txt_secthree , .section_four p._txt_secfour , .section_five p._txt_secfive{
	font-size: 11px !important;
	line-height: 16px !important;
	color: #010101 !important;
} */
p.txt_sectwo,
p._txt_sectwo,
p.txt_secthree,
p._txt_secthree {
  margin: 0 0 9px !important; }

/* ._block_guide_howto{
	margin-top: 68px;
}

.section_two {
	.triangle{
		img{
			padding: 37px 62px;

			@media screen and (max-width: 991px){
				padding: 27px 13px;
			}
		}
	}
}

.section_three {
	.triangle {
		img{
			padding: 28px 62px;
			@media screen and (max-width: 991px){
				padding: 27px 13px;
			}
		}
	}
}

.section_four {
	.triangle {
		img{
			padding: 12px 59px;
			@media screen and (max-width: 991px){
				padding: 27px 13px;
			}
		}
	}
}

.section_five {
	.triangle {
		img{
			padding: 0px 62px;
			@media screen and (max-width: 991px){
				padding: 27px 13px;
			}
		}
	}
} */
._txt_sectwo span,
._txt_secthree span {
  font-weight: bold; }

/*------------------------------------------- F O R   P R O D U C T S   S L I D E ---------------------------------------------------*/
.new_product_slider {
  background-color: #fff; }

.new_product_slider .content,
.new_product_slider input {
  display: none; }

.new_product_slider .container {
  text-align: center;
  height: 620px;
  padding-top: 58px; }

.new_product_slider .row {
  display: inline-block;
  margin: 0; }

.new_product_slider .row label {
  padding: 5px;
  margin: 0 15px;
  font-size: 18px;
  color: #000000;
  cursor: pointer; }

html[lang="th"] .new_product_slider .row label {
  font-size: 15px; }

.new_product_slider .content {
  position: absolute;
  background-color: #f7f7f7;
  z-index: 2;
  left: 0;
  top: 120px;
  width: 100%;
  height: 400px;
  overflow: hidden; }

.new_product_slider .content:after {
  content: "";
  position: absolute;
  width: 1px;
  right: 0;
  background-color: #f7f7f7;
  height: 100%; }

.new_product_slider .content .grid {
  position: absolute;
  height: 100%;
  text-align: left;
  white-space: nowrap;
  left: 0;
  -webkit-transition: left 0.5s;
  transition: left 0.5s; }

.new_product_slider .content .grid .column {
  display: inline-block;
  vertical-align: top;
  width: 196px; }

.new_product_slider .content .grid .column a {
  display: block;
  text-align: center;
  color: #d40271;
  height: 200px;
  padding-top: 164px;
  line-height: 36px;
  background-repeat: no-repeat;
  border-right: 1px dashed #cecece;
  z-index: 1;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.new_product_slider .content .grid .column a.free_design,
.new_product_slider .content .grid .column a.design_service {
  line-height: 15px; }

.new_product_slider .content .grid .column a.free_design span,
.new_product_slider .content .grid .column a.design_service span {
  color: #9f9f9f;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase; }

.new_product_slider .content .grid .column a:first-child {
  border-bottom: 1px dashed #cecece; }

.new_product_slider .content .grid .column a:hover {
  border: 2px solid #d20271;
  border-bottom: 36px solid #d20271;
  color: #ffffff;
  text-decoration: none;
  z-index: 3; }

.new_product_slider .content .grid .column a.free_design:hover span,
.new_product_slider .content .grid .column a.design_service:hover span {
  color: #f2dc52; }

.new_product_slider .arrow {
  display: none;
  position: absolute;
  height: 400px;
  top: 120px;
  width: 120px;
  background: url("../images/wysiwyg/arrow_36x64.png") no-repeat center;
  cursor: pointer; }

.new_product_slider .arrow.left {
  left: -120px; }

.new_product_slider .arrow.right {
  right: -120px;
  transform: rotate(180deg); }

.new_product_slider .arrow:hover {
  -webkit-filter: brightness(105%);
  filter: brightness(105%); }

.new_product_slider
input[name="new_product_slider_input"]:checked
+ .row
label {
  border-bottom: 3px solid #d20271; }

.new_product_slider
input[name="new_product_slider_input"]:checked
+ .row
.content,
.new_product_slider
input[name="new_product_slider_input"]:checked
+ .row
.arrow {
  display: block; }

.contact {
  background-color: #fff;
  padding-bottom: 76px; }

.contact_bottom {
  height: 256px;
  border: 2px solid #f2dc52;
  border-radius: 8px;
  background-color: rgba(242, 220, 82, 0.22); }

.contact_bottom p:first-child {
  width: 686px;
  color: #010101 !important;
  font-size: 20px !important;
  font-weight: 900;
  line-height: 26px !important;
  padding-top: 36px; }

.last-line {
  color: #e01c7d !important;
  font-weight: bold;
  font-size: 18px !important;
  padding-top: 20px; }

.icon_howto {
  display: -webkit-inline-box; }

._icon_howto {
  border-radius: 50%;
  width: 37px;
  height: 37px;
  background-color: #000;
  margin: 0 10px 0 15px; }

._icon_howto img.mt8 {
  margin: 8px 0 0 8px; }

._icon_howto img.mt11 {
  margin: 11px 0 0 8px; }

.icon_howto p {
  font-size: 16px !important;
  font-weight: bold;
  color: #000 !important; }

.icon_howto p span {
  font-size: 14px;
  font-weight: bolder; }

.boxshadow {
  position: relative;
  height: 54px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }

.contact_bottom img.operator {
  position: absolute;
  top: -54px;
  left: 133px; }

.how-to-order .row {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/*------------------------------------------- F O R   P R O D U C T S   S L I D E ---------------------------------------------------*/
.help header .container ul li {
  display: inline-block;
  padding: 0px; }
  .help header .container ul li a {
    display: block;
    height: 54px;
    border-bottom: 10px solid #FFFFFF; }
    .help header .container ul li a p {
      font-weight: 300;
      font-size: 18px;
      text-decoration: none;
      white-space: nowrap;
      padding-top: 15px;
      color: #bcbdbf;
      position: absolute;
      margin-left: 25%; }
      @media only screen and (max-width: 991.98px) {
        .help header .container ul li a p {
          font-size: 12px;
          margin-left: 0px;
          width: 100%;
          text-align: center; } }
    .help header .container ul li a img {
      margin-top: 20px;
      display: inline-block; }

.help header nav.container ul li a:hover {
  text-decoration: none; }

.help header nav.container ul li.active a p {
  border-bottom: 5px solid #e01c7d;
  color: #000;
  padding-bottom: 16px; }
  @media only screen and (max-width: 991.98px) {
    .help header nav.container ul li.active a p {
      font-size: 12px;
      margin-left: 0px;
      width: 100%;
      text-align: center; } }

.help header nav.container ul li.active a span {
  font-weight: 700;
  padding-top: 15px;
  color: #000; }

.help article {
  background: #F7F7F7;
  min-height: 500px;
  padding: 45px 0 0; }
  @media screen and (max-width: 991px) {
    .help article {
      padding: 25px 0; } }

.how-to-order .desc {
  margin-bottom: 30px;
  font-size: 12px; }

@media (max-width: 768px) {
  .how-to-order section.body > .container {
    padding: 16px; } }
.how-to-close-artwork ul,
.how-to-order ul {
  margin-bottom: 0 !important; }

.how-to-order li {
  margin-bottom: 30px;
  margin-left: 0 !important; }

.how-to-order li a {
  display: block;
  height: 200px;
  background: #f3e060; }

.faqs .btn,
.how-to-order button {
  width: auto;
  height: auto;
  text-align: left;
  font-size: 14px;
  margin: 20px auto;
  display: block;
  padding: 6px 12px;
  border-radius: 500px !important;
  cursor: pointer;
  background: #dd187e;
  color: #fff;
  position: relative;
  border: 0;
  line-height: 32px;
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 17px;
  -webkit-transition: background 0.25s ease-out;
  -moz-transition: background 0.25s ease-out;
  -ms-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out; }
  .faqs .btn:hover,
  .how-to-order button:hover {
    background: #dc0072; }

.hto-media-link {
  text-decoration: none !important;
  transition: all 0.3s ease-out;
  padding: 6px 12px;
  text-align: center;
  background: #dd187e;
  min-height: 40px;
  color: white !important;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  margin: 16px 0px; }
  .hto-media-link:hover {
    background: #ca0068; }
  .hto-media-link.bordered {
    background: transparent;
    border: 2px solid #dd187e;
    color: #dd187e !important; }
    .hto-media-link.bordered:hover {
      background: #ca0068;
      color: white !important; }

.help-line {
  width: 100%;
  margin: 88px auto 0px auto;
  background: #29b5dc08;
  display: flex;
  padding: 96px 0px;
  align-items: center;
  justify-content: center; }

.help-line .contact-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.help-line .contact-cont h6 {
  width: 100%;
  margin: auto auto 16px auto;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  text-align: center; }

.help-line ul.contact-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.help-line ul.contact-list li,
.help-line ul.contact-list li a {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #29b5dc;
  margin: auto 16px;
  height: auto;
  background: transparent;
  text-decoration: none; }

.help-line ul.contact-list li a {
  cursor: pointer; }

.help-line ul.contact-list li i,
.help-line ul.contact-list li a i {
  margin-right: 8px; }

.help-line ul.contact-list li span,
.help-line ul.contact-list li a span {
  font-size: 14px;
  font-weight: 400; }

.hto-media-link > i.icon {
  font-size: 16px;
  margin-right: 8px; }

.faqs .landing {
  padding-top: 30px; }

.faqs .btnBox {
  padding: 10px 0; }

.faqs .btn {
  background: #e0197d;
  width: 362px;
  height: 72px;
  line-height: 72px;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  font-size: 22px; }
  @media screen and (max-width: 576px) {
    .faqs .btn {
      width: auto;
      line-height: unset;
      height: auto;
      padding: 0.375rem 0.75rem;
      font-size: 14px; } }

.faqs .btnBox p {
  text-align: center;
  color: #2ac2e3; }

.how-to-order button:after {
  content: "";
  position: absolute;
  display: block;
  right: 16px;
  top: 6px;
  height: 18px;
  width: 18px;
  background: url(../images/bt-play-video.png) no-repeat center;
  background-size: 100%; }

.how-to-order li a img {
  display: inline-block;
  margin-top: 20px; }

.how-to-order li a:hover button {
  background: #fe6370; }

.how-to-order li a span {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: #2ac2e3;
  text-align: center;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out; }

.how-to-order li a:hover span {
  color: #2ac2e3;
  text-decoration: underline; }

.how-to-order li:last-child img {
  margin-top: 45px; }

.how-to-order li:last-child a {
  cursor: default; }

.how-to-order li:last-child a:hover span {
  color: #2ac2e3; }

.how-to-order li p span {
  position: relative;
  padding-left: 20px;
  display: block;
  margin-top: 5px; }

.how-to-order li p span:before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 4px;
  height: 4px;
  background: #636363;
  content: "";
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

.how-to-order li div {
  background: #fff;
  padding: 10px 20px 20px;
  text-align: left; }

.how-to-order li div {
  height: 170px; }

.how-to-order li h5 {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 5px; }

.how-to-order li h5 {
  margin: 5px 0 10px; }

.how-to-close-artwork.detail .topBox,
.how-to-close-artwork.detail main .std,
.how-to-close-artwork.detail aside ul {
  background: #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2); }

.how-to-close-artwork.detail .topBox {
  height: 80px;
  margin-bottom: 40px;
  display: flex; }

.how-to-close-artwork.detail .topBox .box-heading {
  font-size: 1.5rem;
  align-self: center;
  line-height: 1.25rem; }
  @media screen and (max-width: 991.98px) {
    .how-to-close-artwork.detail .topBox .box-heading {
      font-size: 12px; } }

.how-to-close-artwork.detail .topBox ul li {
  border-left: 2px solid #f1f1f1;
  margin-top: 6px;
  padding: 0 1vw; }
  @media only screen and (min-width: 992px) {
    .how-to-close-artwork.detail .topBox ul li {
      line-height: 56px; } }

.how-to-close-artwork.detail .topBox ul li span {
  font-size: 20px;
  color: #000000;
  margin-left: 80px; }

.how-to-close-artwork.detail .topBox ul li a {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 56px;
  background-position: 0;
  margin: 6px 10px;
  min-width: 56px;
  min-height: 56px; }

/* .how-to-close-artwork.detail .topBox ul li a.illustrator { background-image: url('../images/software-icons-01.png')}
.how-to-close-artwork.detail .topBox ul li a.photoshop { background-image: url('../images/software-icons-02.png')}
.how-to-close-artwork.detail .topBox ul li a.inDesign { background-image: url('../images/software-icons-03.png')}

.how-to-close-artwork{
	&.detail{
		.topBox{
			ul{
				li{
					a{
						@media only screen and (max-width: 991.98px) {
							background-size: 64%;
						}
						&.illustrator{
							background-image: url('../images/software-icons-01.png');
						}
						&.photoshop {
							background-image: url('../images/software-icons-02.png');
						}
						&.inDesign {
							background-image: url('../images/software-icons-03.png');
						}

					}
				}
			}
		}
	}
}

.how-to-close-artwork.detail .topBox ul li + li > a *{
	opacity: 0.5;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.how-to-close-artwork.detail .topBox ul li + li > a:hover *,
.how-to-close-artwork.detail .topBox ul li + li.active > a *{
	opacity: 1.0;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
} */
.how-to-close-artwork .row:nth-child(2) {
  padding-bottom: 40px; }

.faqs main .mainContent ul {
  list-style: disc outside !important; }

.faqs,
.how-to-close-artwork {
  padding-bottom: 30px;
  /* nav, main {
  	margin-bottom: 2vh;
  	// width: 100%;
  	// margin: auto;
  } */
  	/* nav {
  		ul {
  			display: flex;
  			flex-flow: column;
  
  			li {
  				background: #2cc2e3;
  				&:after {
  					content: '';
  					display: block;
  					clear: both;
  				}
  				&:first-child {
  					a {
  						border-top: 0;
  					}
  				}
  				&.active, &:hover {
  					background: $white;
  					span {
  						color: #000;
  						font-weight: 700 !important;
  					}
  					img {
  						display: none;
  						&:first-child {
  							display: inline-block ;
  						}
  					}
  				}
  				&.next {
  					a {
  						border-color: #2cc2e3;
  					}
  					&.active {
  						a {
  							border-color: #eee;
  						}
  					}
  				}
  				a {
  					display: block;
  					margin: 0 15px;
  					color: #FFF;
  					text-align: left;
  					padding: 10px 0;
  					border-top: 2px solid #6ad4eb;
  					white-space: nowrap;
  					&:hover, &.active {
  						border-color: $white;
  					}
  					img {
  						height: 24px;
  						display: inline-block;
  						&:first-child {
  							display: none;
  						}
  					}
  				}
  				span {
  					font-size: 1rem;
  					vertical-align: middle;
  				}
  			}
  		}
  	} */ }
  .faqs nav,
  .how-to-close-artwork nav {
    width: 250px; }
  .faqs main .mainContent .std,
  .how-to-close-artwork main .mainContent .std {
    padding: 0px; }
    @media screen and (max-width: 768px) {
      .faqs main .mainContent .std,
      .how-to-close-artwork main .mainContent .std {
        padding: 10px 15px; } }

.faqs main .mainContent {
  background: #FFFFFF; }
  .faqs main .mainContent .box {
    font-size: 0.75rem;
    border-top: 1px solid #eee;
    position: relative;
    cursor: pointer; }
    .faqs main .mainContent .box:first-child {
      border-top: none; }
    .faqs main .mainContent .box h3 {
      position: relative;
      font-size: 0.85rem;
      margin: 7px 0;
      padding: 2px 40px;
      font-weight: 700;
      color: #000; }
      .faqs main .mainContent .box h3:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 10px;
        top: 0;
        background-image: url("../images/arrow_faqs.png");
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
    .faqs main .mainContent .box:hover h3 {
      color: #29c2e2; }
    .faqs main .mainContent .box div {
      display: none;
      margin: 5px 0 0 80px; }
      @media only screen and (max-width: 991.98px) {
        .faqs main .mainContent .box div {
          margin: 5px 0 0 46px; } }
    .faqs main .mainContent .box.open {
      padding-bottom: 30px; }
      .faqs main .mainContent .box.open:before {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
      .faqs main .mainContent .box.open h3 {
        margin-bottom: 0; }

.card--close-artwork .card-img-top a {
  background: #2cc2e3;
  display: block;
  padding: 40px 0; }
  .card--close-artwork .card-img-top a img {
    height: 80px;
    margin: 0 auto; }
    .card--close-artwork .card-img-top a img + img {
      display: none; }
  .card--close-artwork .card-img-top a:hover img {
    display: none; }
    .card--close-artwork .card-img-top a:hover img + img {
      display: block; }
.card--close-artwork .card-body {
  font-size: 0.75rem;
  height: 140px; }
  .card--close-artwork .card-body .card-title {
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: 0.85rem; }
  .card--close-artwork .card-body a {
    color: #D20271; }

.card-columns {
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4; }
  @media screen and (max-width: 768px) {
    .card-columns {
      column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2; } }
  @media screen and (max-width: 576px) {
    .card-columns {
      column-count: 1;
      -webkit-column-count: 1;
      -moz-column-count: 1; } }

.content_anime {
  height: 223px;
  overflow: hidden;
  background: #FFFFFF;
  line-height: 40px;
  color: #ecf0f1;
  padding-top: 63px;
  margin-top: 80px; }
  .content_anime__container {
    font-weight: 600;
    overflow: hidden;
    height: 40px; }
    .content_anime__container__text {
      display: inline;
      float: left;
      margin: 0;
      font-size: 32px !important;
      color: #000000 !important; }
      .content_anime__container__text a {
        font-size: 30px; }
    .content_anime__container__list {
      margin-top: 0;
      text-align: left;
      list-style: none !important;
      font-size: 32px !important;
      -webkit-animation-name: change;
      -webkit-animation-duration: 10s;
      -webkit-animation-iteration-count: infinite;
      animation-name: change;
      animation-duration: 10s;
      animation-iteration-count: infinite; }
      .content_anime__container__list__item {
        line-height: 40px !important;
        margin: 0 !important;
        font-size: 32px !important;
        color: #D20271 !important; }

/* How to close artwork page -- cards */
section.artwork-cards {
  width: 100%;
  margin: auto;
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans"; }

.htca-card {
  width: 100%;
  margin: 12px auto 12px auto;
  box-shadow: 0px 4px 4px rgba(181, 181, 181, 0.1);
  border-radius: 4px;
  background: #f9f9f9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 311px;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }

.htca-card.htca-start {
  margin-top: 3px; }

.htca-card:hover {
  box-shadow: 0px 12px 16px rgba(170, 170, 170, 0.25); }

.htca-card .htca-icon-cont {
  width: 100%;
  min-height: 140px;
  padding: 24px 16px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center; }

.htca-card .htca-icon-cont > img {
  width: 64px;
  height: 64px; }

.htca-card .htca-content {
  flex-grow: 1;
  width: 100%;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.htca-card .htca-content h6 {
  width: 100%;
  margin: 4px auto;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #000000; }

.htca-card .htca-content p {
  width: 100%;
  margin: 8px auto 16px auto;
  height: 60px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

.htca-card .htca-content a {
  text-decoration: none !important;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #29b5dc;
  transition: all 0.2s ease-in-out; }

.htca-card .htca-content a:hover {
  color: #009cc7; }

.htca-card {
  position: relative; }

span.htca-tag {
  padding: 6px 12px;
  text-align: center;
  border-radius: 48px;
  color: #000;
  background: #ffc107;
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 12px;
  font-weight: 600; }

/* How to close artwork page -- header software selector */
section.artwork-header {
  width: 100%;
  margin: auto;
  padding: 0 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans"; }
  section.artwork-header .container .row {
    float: left; }
    @media screen and (max-width: 768px) {
      section.artwork-header .container .row {
        float: unset;
        width: 100%;
        margin: 0px auto; } }

.software-selection-cont {
  width: 100%;
  margin-bottom: 16px;
  padding: 8px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0px 8px 20px #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 768px) {
    .software-selection-cont {
      display: none; } }

.artwork-sf {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  border-radius: 4px;
  margin: auto;
  text-decoration: none;
  color: #666666;
  font-weight: 600;
  font-size: 14px; }

.artwork-sf:nth-child(2) {
  margin: auto 8px; }

.artwork-sf > img {
  width: 32px;
  height: 32px;
  filter: grayscale(100%);
  opacity: 0.7; }

.artwork-sf:hover > img {
  filter: grayscale(0%); }

.artwork-sf > span {
  margin-left: 12px;
  display: none; }

.artwork-sf.active-sf {
  background: rgba(41, 181, 220, 0.11);
  padding: 8px; }

.artwork-sf.active-sf > img {
  filter: grayscale(0%);
  opacity: 1; }

.artwork-sf.active-sf > span {
  display: block; }

/* How-to-close-artwork Articles Content */
.detail .d-flex {
  display: flex;
  align-items: flex-start; }

.how-to-close-artwork nav {
  width: 275px !important;
  flex: none;
  background: white;
  padding: 0px 16px 16px 16px;
  height: auto;
  border-radius: 4px; }
  .how-to-close-artwork nav ul li.active {
    border-radius: 4px;
    background: rgba(232, 79, 165, 0.06); }
    .how-to-close-artwork nav ul li.active .tab-active-arrow {
      display: block; }
  .how-to-close-artwork nav ul li a {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px 8px;
    border-radius: 4px;
    text-decoration: none !important;
    color: #666666; }
    .how-to-close-artwork nav ul li a span {
      flex-grow: 1; }
    .how-to-close-artwork nav ul li a .tab-active-arrow {
      margin-left: 8px;
      display: none; }
    .how-to-close-artwork nav ul li a img {
      width: 24px;
      height: 24px;
      margin-right: 16px; }

.how-to-close-artwork .mainContent {
  background: white;
  padding: 16px 24px;
  border-radius: 4px; }
  .how-to-close-artwork .mainContent .page-title h1 {
    font-weight: 600;
    font-size: 22px;
    line-height: 42px;
    color: #000000;
    text-align: left; }
  .how-to-close-artwork .mainContent .std {
    box-shadow: none !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1f1f1; }
  .how-to-close-artwork .mainContent img {
    display: block;
    margin: 16px 0px; }
  .how-to-close-artwork .mainContent a span {
    color: #2bace2 !important;
    text-decoration: underline !important; }

.how-to-close-artwork .mainContent .std > p,
.how-to-close-artwork .mainContent .std > ol,
.how-to-close-artwork .mainContent .std > ul {
  margin-bottom: 8px; }

.help-sticky-nav {
  width: 100%;
  margin: auto;
  background: #f0f1f2;
  padding: 8px;
  justify-content: flex-start;
  align-items: center;
  display: none;
  font-family: "open sans";
  transition: all 0.3s ease-in-out; }

.hs-nav-button {
  outline: none !important;
  box-shadow: none !important;
  background: white;
  color: white;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  border-radius: 16px;
  flex: none;
  width: 32px;
  height: 32px;
  background-color: #29b5dc; }

.hs-nav-header {
  flex-grow: 1;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #666666;
  margin: 0px auto 0px 16px; }

.hs-nav-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0px;
  z-index: 8888;
  box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.27);
  -webkit-box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px 4px 13px -4px rgba(0, 0, 0, 0.27); }

.article-content-container {
  width: 100%;
  display: block; }

@media (min-width: 768px) {
  .how-to-close-artwork nav.drawer-active {
    left: unset; } }
@media (max-width: 768px) {
  .how-to-close-artwork nav {
    width: 275px;
    position: fixed;
    left: -275px;
    border-radius: 0px;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    margin: 0 !important;
    transition: all 0.3s ease-in-out;
    box-shadow: 7px 4px 13px -4px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 7px 4px 13px -4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 7px 4px 13px -4px rgba(0, 0, 0, 0.27); }

  .how-to-close-artwork nav.drawer-active {
    left: 0; }

  .how-to-close-artwork nav ul li a span {
    display: inline-block !important; }

  .article-content-container {
    padding: 16px; }

  .main-header {
    display: none; }

  .help article .container-fluid {
    padding: 0 !important; }

  .how-to-close-artwork.container {
    padding: 8px !important; }

  .how-to-close-artwork main {
    flex-grow: 1;
    width: 100%;
    margin: 0 !important; }

  .help-sticky-nav {
    display: flex !important; }

  .how-to-close-artwork .mainContent .std {
    padding: 0px !important; }

  .how-to-close-artwork .mainContent {
    background: transparent;
    padding: 0px; }

  .how-to-close-artwork .mainContent .page-title h1 {
    display: none; }

  .how-to-close-artwork .mainContent img {
    width: 100%; } }
/* Responsive FAQs Page */
.faqs .help-sticky-nav, .how-to-close-artwork .help-sticky-nav {
  width: 100%;
  margin: 0px auto;
  background: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
  font-family: "open sans";
  transition: all 0.3s ease-in-out; }
.faqs .dropdown-nav-wrapper, .how-to-close-artwork .dropdown-nav-wrapper {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
  padding: 8px 4px; }
.faqs .dropdown, .how-to-close-artwork .dropdown {
  width: 100%;
  margin: 0px auto;
  box-shadow: 0px 0px 4px 0px #cccccc; }
  @media screen and (max-width: 768px) {
    .faqs .dropdown#sfDropdown3, .how-to-close-artwork .dropdown#sfDropdown3 {
      display: none; } }
  .faqs .dropdown.no-shadow, .how-to-close-artwork .dropdown.no-shadow {
    box-shadow: none !important; }
  .faqs .dropdown.artwork .dropdown-toggle, .how-to-close-artwork .dropdown.artwork .dropdown-toggle {
    background: linear-gradient(0deg, rgba(232, 79, 165, 0.08), rgba(232, 79, 165, 0.08)), #ffffff !important; }
  .faqs .dropdown .dropdown-toggle, .how-to-close-artwork .dropdown .dropdown-toggle {
    width: 100%;
    height: 60px;
    padding: 12px 15px;
    margin: 0px auto;
    border-radius: 4px !important;
    border: 1px solid #eeeeee;
    background: #ffffff;
    color: #000;
    text-transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-weight: 700;
    font-size: 15px; }
    .faqs .dropdown .dropdown-toggle span, .how-to-close-artwork .dropdown .dropdown-toggle span {
      flex-grow: 1;
      text-align: left; }
    .faqs .dropdown .dropdown-toggle::after, .how-to-close-artwork .dropdown .dropdown-toggle::after {
      flex: none; }
  .faqs .dropdown .dropdown-menu, .how-to-close-artwork .dropdown .dropdown-menu {
    width: 100%;
    margin: 0px auto; }

@media screen and (min-width: 768px) {
  .how-to-close-artwork .dropdown.sf-select .dropdown-toggle {
    min-width: 210px; } }
.how-to-close-artwork .dropdown.sf-select .dropdown-toggle .artwork-sf {
  display: none !important; }
  .how-to-close-artwork .dropdown.sf-select .dropdown-toggle .artwork-sf.active-sf {
    padding: 0px !important;
    width: auto !important;
    margin: 0px auto !important;
    display: flex !important;
    gap: 0px !important;
    flex-grow: 1 !important;
    text-decoration: none !important;
    background: transparent !important; }
    .how-to-close-artwork .dropdown.sf-select .dropdown-toggle .artwork-sf.active-sf img {
      flex: none !important;
      width: 32px !important;
      height: 32px !important; }
    .how-to-close-artwork .dropdown.sf-select .dropdown-toggle .artwork-sf.active-sf span {
      color: #000000 !important;
      text-decoration: none !important;
      font-size: 16px;
      font-weight: 600; }
.how-to-close-artwork .dropdown.sf-select .dropdown-menu .artwork-sf {
  background: none !important;
  text-decoration: none !important;
  font-size: 14px !important;
  width: 100% !important;
  margin: 0px auto !important;
  text-align: left !important;
  padding: 0.25rem 1.5rem !important;
  clear: both; }
  .how-to-close-artwork .dropdown.sf-select .dropdown-menu .artwork-sf span {
    width: 100% !important;
    margin: auto !important;
    display: block !important;
    font-weight: 400 !important;
    color: #212529 !important;
    text-decoration: none !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0; }
  .how-to-close-artwork .dropdown.sf-select .dropdown-menu .artwork-sf img {
    display: none !important; }

@media (min-width: 768px) {
  .faqs nav.drawer-active {
    left: unset; } }
@media (max-width: 768px) {
  .faqs nav {
    width: 270px;
    position: fixed;
    left: -270px;
    border-radius: 0px;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    margin: 0 !important;
    transition: all 0.3s ease-in-out;
    box-shadow: 7px 4px 13px -4px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 7px 4px 13px -4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 7px 4px 13px -4px rgba(0, 0, 0, 0.27); }

  .faqs nav.drawer-active {
    left: 0; }

  .faqs nav ul li a span {
    display: inline-block !important; }

  .faqs.container {
    padding: 0px !important; }

  .faqs main {
    flex-grow: 1;
    margin: auto !important; }

  .how-to-close-artwork main {
    flex-grow: 1;
    margin: auto !important; }

  .faqs .mainContent .std {
    padding: 0px !important; }

  .faqs .mainContent {
    background: transparent !important; }

  .faqs .faq-faq-toggle-box-container {
    background: white;
    padding: 16px;
    border-radius: 4px;
    margin: 8px; } }
.faqs main .mainContent .std,
.how-to-close-artwork main .mainContent .std {
  padding: 0px; }

.faqs main {
  width: 100%;
  margin: auto; }

.faqs nav {
  width: 210px; }

/* Sticky Navigation bar */
.sticky-header-nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 8888; }

@media (max-width: 768px) {
  .sticky-header-nav {
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    z-index: unset;
    transition: all 0.2s ease-in-out; } }

/*# sourceMappingURL=help.css.map */