@charset "UTF-8";
html[data-useragent*='MSIE 10.0'] .service .purple-overlay, html[data-useragent*='MSIE 9.0'] .service .purple-overlay, html[data-useragent*='rv:11.0'] .service .purple-overlay {
  display: block; }

@media screen and (orientation: portrait) {
  html[data-useragent*='iPhone'] .mobile-nav-menu {
    padding-bottom: 54px; } }

.paddingXXL {
  padding: 20rem 0; }
  @media screen and (max-width: 767px) {
    .paddingXXL {
      padding: 10rem 0; } }
.paddingXL {
  padding: 15rem 0; }
  @media screen and (max-width: 767px) {
    .paddingXL {
      padding: 7.5rem 0; } }
.paddingL {
  padding: 10rem 0; }
  @media screen and (max-width: 767px) {
    .paddingL {
      padding: 5rem 0; } }
.paddingS {
  padding: 5rem 0; }
  @media screen and (max-width: 767px) {
    .paddingS {
      padding: 2.5rem 0; } }
.paddingXS {
  padding: 2.5rem 0; }

button,
.btn,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
  font-size: 1.6rem;
  border-radius: 0;
  padding: 1.5rem 4rem;
  font-weight: bold;
  color: #FFFFFF;
  border: none;
  transition: all 0.5s ease;
  text-transform: uppercase;
  position: relative; }
  button.primary,
  .btn.primary,
  .gform_wrapper .gform_footer input.button.primary,
  .gform_wrapper .gform_footer input[type=submit].primary,
  .gform_wrapper .gform_page_footer input.button.primary,
  .gform_wrapper .gform_page_footer input[type=submit].primary {
    background: #887731; }
    button.primary:hover, button.primary:active, button.primary:focus,
    .btn.primary:hover,
    .btn.primary:active,
    .btn.primary:focus,
    .gform_wrapper .gform_footer input.button.primary:hover,
    .gform_wrapper .gform_footer input.button.primary:active,
    .gform_wrapper .gform_footer input.button.primary:focus,
    .gform_wrapper .gform_footer input[type=submit].primary:hover,
    .gform_wrapper .gform_footer input[type=submit].primary:active,
    .gform_wrapper .gform_footer input[type=submit].primary:focus,
    .gform_wrapper .gform_page_footer input.button.primary:hover,
    .gform_wrapper .gform_page_footer input.button.primary:active,
    .gform_wrapper .gform_page_footer input.button.primary:focus,
    .gform_wrapper .gform_page_footer input[type=submit].primary:hover,
    .gform_wrapper .gform_page_footer input[type=submit].primary:active,
    .gform_wrapper .gform_page_footer input[type=submit].primary:focus {
      color: #FFFFFF;
      background: #b53b22;
      transition: all 0.5s ease; }
    button.primary.ghost,
    .btn.primary.ghost,
    .gform_wrapper .gform_footer input.button.primary.ghost,
    .gform_wrapper .gform_footer input[type=submit].primary.ghost,
    .gform_wrapper .gform_page_footer input.button.primary.ghost,
    .gform_wrapper .gform_page_footer input[type=submit].primary.ghost {
      background: transparent;
      border: 0.1rem solid #1B1B1B;
      color: #1B1B1B; }
      button.primary.ghost:hover, button.primary.ghost:active, button.primary.ghost:focus,
      .btn.primary.ghost:hover,
      .btn.primary.ghost:active,
      .btn.primary.ghost:focus,
      .gform_wrapper .gform_footer input.button.primary.ghost:hover,
      .gform_wrapper .gform_footer input.button.primary.ghost:active,
      .gform_wrapper .gform_footer input.button.primary.ghost:focus,
      .gform_wrapper .gform_footer input[type=submit].primary.ghost:hover,
      .gform_wrapper .gform_footer input[type=submit].primary.ghost:active,
      .gform_wrapper .gform_footer input[type=submit].primary.ghost:focus,
      .gform_wrapper .gform_page_footer input.button.primary.ghost:hover,
      .gform_wrapper .gform_page_footer input.button.primary.ghost:active,
      .gform_wrapper .gform_page_footer input.button.primary.ghost:focus,
      .gform_wrapper .gform_page_footer input[type=submit].primary.ghost:hover,
      .gform_wrapper .gform_page_footer input[type=submit].primary.ghost:active,
      .gform_wrapper .gform_page_footer input[type=submit].primary.ghost:focus {
        color: #FFFFFF;
        background: #000000;
        border: #000000;
        transition: all 0.5s ease; }
  button.secondary,
  .btn.secondary,
  .gform_wrapper .gform_footer input.button.secondary,
  .gform_wrapper .gform_footer input[type=submit].secondary,
  .gform_wrapper .gform_page_footer input.button.secondary,
  .gform_wrapper .gform_page_footer input[type=submit].secondary {
    background: #000000; }
    button.secondary:hover, button.secondary:active, button.secondary:focus,
    .btn.secondary:hover,
    .btn.secondary:active,
    .btn.secondary:focus,
    .gform_wrapper .gform_footer input.button.secondary:hover,
    .gform_wrapper .gform_footer input.button.secondary:active,
    .gform_wrapper .gform_footer input.button.secondary:focus,
    .gform_wrapper .gform_footer input[type=submit].secondary:hover,
    .gform_wrapper .gform_footer input[type=submit].secondary:active,
    .gform_wrapper .gform_footer input[type=submit].secondary:focus,
    .gform_wrapper .gform_page_footer input.button.secondary:hover,
    .gform_wrapper .gform_page_footer input.button.secondary:active,
    .gform_wrapper .gform_page_footer input.button.secondary:focus,
    .gform_wrapper .gform_page_footer input[type=submit].secondary:hover,
    .gform_wrapper .gform_page_footer input[type=submit].secondary:active,
    .gform_wrapper .gform_page_footer input[type=submit].secondary:focus {
      color: #FFFFFF;
      background: #000000;
      transition: all 0.5s ease; }
    button.secondary.ghost,
    .btn.secondary.ghost,
    .gform_wrapper .gform_footer input.button.secondary.ghost,
    .gform_wrapper .gform_footer input[type=submit].secondary.ghost,
    .gform_wrapper .gform_page_footer input.button.secondary.ghost,
    .gform_wrapper .gform_page_footer input[type=submit].secondary.ghost {
      background: transparent;
      border: 0.1rem solid #1B1B1B;
      color: #1B1B1B; }
      button.secondary.ghost:hover, button.secondary.ghost:active, button.secondary.ghost:focus,
      .btn.secondary.ghost:hover,
      .btn.secondary.ghost:active,
      .btn.secondary.ghost:focus,
      .gform_wrapper .gform_footer input.button.secondary.ghost:hover,
      .gform_wrapper .gform_footer input.button.secondary.ghost:active,
      .gform_wrapper .gform_footer input.button.secondary.ghost:focus,
      .gform_wrapper .gform_footer input[type=submit].secondary.ghost:hover,
      .gform_wrapper .gform_footer input[type=submit].secondary.ghost:active,
      .gform_wrapper .gform_footer input[type=submit].secondary.ghost:focus,
      .gform_wrapper .gform_page_footer input.button.secondary.ghost:hover,
      .gform_wrapper .gform_page_footer input.button.secondary.ghost:active,
      .gform_wrapper .gform_page_footer input.button.secondary.ghost:focus,
      .gform_wrapper .gform_page_footer input[type=submit].secondary.ghost:hover,
      .gform_wrapper .gform_page_footer input[type=submit].secondary.ghost:active,
      .gform_wrapper .gform_page_footer input[type=submit].secondary.ghost:focus {
        color: #FFFFFF;
        background: #000000;
        border: #000000;
        transition: all 0.5s ease; }
  button:disabled,
  .btn:disabled,
  .gform_wrapper .gform_footer input.button:disabled,
  .gform_wrapper .gform_footer input[type=submit]:disabled,
  .gform_wrapper .gform_page_footer input.button:disabled,
  .gform_wrapper .gform_page_footer input[type=submit]:disabled {
    background: #AFAFAF; }

.white-text {
  color: #FFFFFF; }
  .white-text a {
    color: #FFFFFF;
    text-decoration: none; }

.primary-text {
  color: #000000; }

.secondary-text {
  color: #000000; }

.tertiary-text {
  color: #000000; }

a {
  color: #000000;
  transition: all 0.5s ease; }
  a:hover, a:active, a:focus {
    color: #000000;
    text-decoration: none;
    transition: all 0.5s ease; }

.wp-block-image {
  margin-bottom: 0; }
  .wp-block-image img {
    height: auto;
    width: auto; }

@media screen and (max-width: 767px) {
  img {
    width: auto;
    height: auto; } }

@media screen and (max-width: 767px) {
  .row {
    flex-direction: column; } }

html {
  font-family: 'Tajawal', sans-serif;
  font-size: 10px; }

body {
  font-family: 'Tajawal', sans-serif;
  font-size: 1.6rem; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold;
  color: #b53b22; }

h1,
.h1 {
  font-size: 7.6rem;
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    h1,
    .h1 {
      font-size: 6rem; } }
h2,
.h2 {
  font-size: 4.8rem; }
  @media screen and (max-width: 767px) {
    h2,
    .h2 {
      font-size: 4rem; } }
h3,
.h3 {
  font-size: 4.2rem;
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    h3,
    .h3 {
      font-size: 3.4rem; } }
h4,
.h4 {
  font-size: 3.4rem;
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    h4,
    .h4 {
      font-size: 2.4rem; } }
h5,
.h5 {
  font-size: 2.4rem;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    h5,
    .h5 {
      font-size: 2rem; } }
h6,
.h6 {
  font-size: 1.8rem; }
  @media screen and (max-width: 767px) {
    h6,
    .h6 {
      font-size: 1.6rem; } }
.large {
  font-size: 2rem; }
  @media screen and (max-width: 767px) {
    .large {
      font-size: 1.8rem; } }
p {
  font-size: 1.8rem; }
  @media screen and (max-width: 767px) {
    p {
      font-size: 1.6rem; } }
.small {
  font-size: 1.6rem; }
  @media screen and (max-width: 767px) {
    .small {
      font-size: 1.4rem; } }
.bold {
  font-weight: 700; }

.semibold {
  font-weight: 500; }

.italic {
  font-style: italic; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* global */
/* bootstrap sizes */
.dropdown.nav-item a.dropdown-toggle:after {
  font-family: fontawesome;
  content: "\f107";
  margin-left: 5px; }

.dropdown.nav-item.open a.dropdown-toggle:after {
  font-family: fontawesome;
  content: "\f106";
  margin-left: 5px; }

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 0;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  @media screen and (max-width: 767px) {
    .hamburger {
      padding: 15px 15px; } }
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000000; }

.hamburger-box {
  width: 35px;
  height: 15px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 3px;
    background-color: #000000;
    border-radius: 3px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -6px; }
  .hamburger-inner::after {
    bottom: -6px; }

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

#login h1 a, .login h1 a {
  background-image: url(https://d78cb1a23aa0803f8ae9-9c5ddb37bcf4c875c23149623eded2de.ssl.cf2.rackcdn.com/LAUNCH_full_dark.png);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  color: #444;
  height: 100px;
  font-size: 20px;
  line-height: 100%;
  margin: 0 auto 25px;
  padding: 0;
  width: 80%; }

.wp-core-ui .button-primary {
  background: #C9342D;
  border-color: #C9342D;
  border-bottom-color: #b5251f;
  box-shadow: 0 1px 0 #b5251f;
  text-shadow: 0 -1px #b5251f,0 -1px #b5251f,0 -1px #b5251f,0 -1px #b5251f; }

.home {
  background: url("/wp-content/themes/rosatis-market/library/images/wood.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

#top {
  margin-top: 4rem; }
  #top .content {
    background: #fff;
    padding: 4rem; }
    #top .content img {
      width: 100%; }
    #top .content .form {
      margin-top: 4rem; }
      #top .content .form h2 {
        text-align: center; }
      #top .content .form .gform_wrapper.gravity-theme .gfield_label {
        color: #b53b22; }

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

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

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

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

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

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

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

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }