/*************************************************
Theme Name: Shout Web Solutions
Template: divi
Version: 1.2
*************************************************/
/* Typekit - Flash Of Unstyled Text - Fix */
.wf-loading {
  /* styles to use when web fonts are loading */
  display: none;
  visibility: hidden;
}

.wf-active {
  /* styles to use when web fonts are active */
  display: block;
  visibility: visible;
}

.wf-inactive {
  /* styles to use when web fonts are inactive */
  visibility: hidden;
}

/* Global Fonts - load your chosen fonts in here */
/* Base font size */
/* Global Box Sizing Parameters, flex-box, box-shadow, transitions, border-radius, align & justify */
/* Display and other attribute classes */
.hide {
  display: none;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

/*************************************************
Set Typography Styling here
*************************************************/
*, p, span {
  font-family: "source-sans-pro", sans-serif;
  font-size: 18px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-shadow: none !important;
}

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 0;
}

h1, h1 a, h1 a span, h1 span, .h1, .h1 a, .h1 a span, .h1 span, .entry-content h1 {
  font-family: "source-sans-pro", sans-serif;
  font-size: 72px;
}
@media (max-width: 980px) {
  h1, h1 a, h1 a span, h1 span, .h1, .h1 a, .h1 a span, .h1 span, .entry-content h1 {
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  h1, h1 a, h1 a span, h1 span, .h1, .h1 a, .h1 a span, .h1 span, .entry-content h1 {
    font-size: 40px;
  }
}
@media (max-width: 480px) {
  h1, h1 a, h1 a span, h1 span, .h1, .h1 a, .h1 a span, .h1 span, .entry-content h1 {
    font-size: 35px;
  }
}

h2, h2 a, h2 a span, h2 span, .h2, .h2 a, .h2 a span, .h2 span, .entry-content h2 {
  font-family: "source-sans-pro", sans-serif;
  font-size: 40px;
}
@media (max-width: 980px) {
  h2, h2 a, h2 a span, h2 span, .h2, .h2 a, .h2 a span, .h2 span, .entry-content h2 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  h2, h2 a, h2 a span, h2 span, .h2, .h2 a, .h2 a span, .h2 span, .entry-content h2 {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  h2, h2 a, h2 a span, h2 span, .h2, .h2 a, .h2 a span, .h2 span, .entry-content h2 {
    font-size: 28px;
  }
}

h3, h3 a, h3 a span, h3 span, .h3, .h3 a, .h3 a span, .h3 span, .entry-content h3 {
  font-family: "source-sans-pro", sans-serif;
  font-size: 30px;
}
@media (max-width: 980px) {
  h3, h3 a, h3 a span, h3 span, .h3, .h3 a, .h3 a span, .h3 span, .entry-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  h3, h3 a, h3 a span, h3 span, .h3, .h3 a, .h3 a span, .h3 span, .entry-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  h3, h3 a, h3 a span, h3 span, .h3, .h3 a, .h3 a span, .h3 span, .entry-content h3 {
    font-size: 25px;
  }
}

h4, h4 a, h4 a span, h4 span, .h4, .h4 a, .h4 a span, .h4 span, .entry-content h4 {
  font-family: "source-sans-pro", sans-serif;
  font-size: 28px;
}
@media (max-width: 980px) {
  h4, h4 a, h4 a span, h4 span, .h4, .h4 a, .h4 a span, .h4 span, .entry-content h4 {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  h4, h4 a, h4 a span, h4 span, .h4, .h4 a, .h4 a span, .h4 span, .entry-content h4 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  h4, h4 a, h4 a span, h4 span, .h4, .h4 a, .h4 a span, .h4 span, .entry-content h4 {
    font-size: 18px;
  }
}

h5, h5 a, h5 a span, h5 span, .h5, .h5 a, .h5 a span, .h5 span, .entry-content h5 {
  font-family: "source-sans-pro", sans-serif;
  font-size: 20px;
}
@media (max-width: 980px) {
  h5, h5 a, h5 a span, h5 span, .h5, .h5 a, .h5 a span, .h5 span, .entry-content h5 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  h5, h5 a, h5 a span, h5 span, .h5, .h5 a, .h5 a span, .h5 span, .entry-content h5 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  h5, h5 a, h5 a span, h5 span, .h5, .h5 a, .h5 a span, .h5 span, .entry-content h5 {
    font-size: 16px;
  }
}

p, p span, .p, .p span, div, ul, ul li,
.et_pb_module, .et_pb_module p, .et_pb_module p span, .et_pb_module span,
input[type=text], input[type=password], input[type=tel], input[type=email],
input.text, input.title, textarea, select,
table, table tr, table tr th, table tr td {
  font-family: "source-sans-pro", sans-serif;
  font-size: 18px;
}
p strong, p span strong, .p strong, .p span strong, div strong, ul strong, ul li strong,
.et_pb_module strong, .et_pb_module p strong, .et_pb_module p span strong, .et_pb_module span strong,
input[type=text] strong, input[type=password] strong, input[type=tel] strong, input[type=email] strong,
input.text strong, input.title strong, textarea strong, select strong,
table strong, table tr strong, table tr th strong, table tr td strong {
  font-weight: 600;
}
@media (max-width: 988px) {
  p, p span, .p, .p span, div, ul, ul li,
  .et_pb_module, .et_pb_module p, .et_pb_module p span, .et_pb_module span,
  input[type=text], input[type=password], input[type=tel], input[type=email],
  input.text, input.title, textarea, select,
  table, table tr, table tr th, table tr td {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  p, p span, .p, .p span, div, ul, ul li,
  .et_pb_module, .et_pb_module p, .et_pb_module p span, .et_pb_module span,
  input[type=text], input[type=password], input[type=tel], input[type=email],
  input.text, input.title, textarea, select,
  table, table tr, table tr th, table tr td {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  p, p span, .p, .p span, div, ul, ul li,
  .et_pb_module, .et_pb_module p, .et_pb_module p span, .et_pb_module span,
  input[type=text], input[type=password], input[type=tel], input[type=email],
  input.text, input.title, textarea, select,
  table, table tr, table tr th, table tr td {
    font-size: 16px;
  }
}

/* List Styling */
.et_pb_module ul li {
  font-family: "source-sans-pro", sans-serif;
  font-size: 18px;
  list-style-type: none;
  position: relative;
}
.et_pb_module ul li:before {
  content: "\f111";
  font-family: FontAwesome !important;
  font-size: 7px;
  position: absolute;
  left: -15px;
  top: 0;
}

/* Blockquote */
blockquote {
  color: #005da5;
}

/*************************************************
Set button Styling here
*************************************************/
/* Divi default button override */
#c-d-contact-form form .wpcf7-submit,
.et_pb_text .button,
.et_pb_button_module_wrapper .et_pb_button {
  padding: 8px 20px !important;
  color: #fff !important;
  font-size: 18px;
  font-family: "source-sans-pro", sans-serif;
  letter-spacing: 1px;
  font-weight: 600;
  background-color: #005da5;
  border: 1px solid #005da5;
  line-height: 1.7em !important;
  border-radius: 3px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#c-d-contact-form form .wpcf7-submit:after,
.et_pb_text .button:after,
.et_pb_button_module_wrapper .et_pb_button:after {
  display: none;
}
#c-d-contact-form form .wpcf7-submit:hover,
.et_pb_text .button:hover,
.et_pb_button_module_wrapper .et_pb_button:hover {
  background-color: #b09;
  border: 1px solid #b09;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 8px 20px !important;
}
#c-d-contact-form form .wpcf7-submit:hover:after,
.et_pb_text .button:hover:after,
.et_pb_button_module_wrapper .et_pb_button:hover:after {
  display: none;
}

/*************************************************
Header CSS Styling here.
*************************************************/
@media (max-width: 980px) {
  header#main-header.et-fixed-header {
    position: fixed !important;
  }
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background-color: #b02 !important;
}

/*************************************************
Footer CSS Styling here.
*************************************************/
/* START of THEME CSS */
#custom-section-one .et_pb_testimonial {
  border: 10px solid rgb(111, 0, 255);
}

body {
  border: 10px solid yellow;
}

#popup-button {
  background-color: rgb(170, 0, 255) !important;
}

/* END of THEME CSS */
body.single-post .et-l.et-l--body .et_builder_inner_content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.single-post .et-l.et-l--body .et_builder_inner_content .et_pb_section:last-of-type {
  padding-bottom: 20px !important;
}
body.single-post .et-l.et-l--body .et_builder_inner_content > .et_post_meta_wrapper {
  display: none;
  padding-top: 0 !important;
}
body.single-post .et-l.et-l--body .et_builder_inner_content .et_pb_text ol {
  padding-left: 25px !important;
}
body.single-post .et-l.et-l--body .et_builder_inner_content .et_pb_image {
  min-height: 350px;
  max-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 980px) {
  body.single-post .et-l.et-l--body .et_builder_inner_content .et_pb_image {
    min-height: 250px;
    max-height: 250px;
  }
}
body.single-post .et-l.et-l--body .et_builder_inner_content .et_pb_image img {
  min-height: 350px;
  max-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 980px) {
  body.single-post .et-l.et-l--body .et_builder_inner_content .et_pb_image img {
    min-height: 250px;
    max-height: 250px;
  }
}
.addtoany_share_save_container.addtoany_content.addtoany_content_bottom {
  position: relative;
}
.addtoany_share_save_container.addtoany_content.addtoany_content_bottom:before {
  font-size: 26px;
  display: inline-block;
  padding-top: 5px;
  content: "Share:";
}
.addtoany_share_save_container.addtoany_content.addtoany_content_bottom .addtoany_list {
  display: inline-block;
  position: absolute;
  top: -1px !important;
  left: 83px;
}
.addtoany_share_save_container.addtoany_content.addtoany_content_bottom .addtoany_list a span {
  background: #005da5 !important;
  width: 62px;
  border-left: 15px solid #005da5;
  border-right: 15px solid #005da5;
  height: 38px;
  border-top: 3px solid #005da5;
  border-bottom: 3px solid #005da5;
}
.addtoany_share_save_container.addtoany_content.addtoany_content_bottom .addtoany_list a span svg path {
  fill: white;
}

@media (min-width: 981px) {
  #custom-meet-the-team .et_pb_row .et_pb_column {
    width: 33.333%;
    margin-right: 0;
  }
}
#custom-meet-the-team .et_pb_row .et_pb_column .et_pb_image {
  margin-bottom: 30px;
}
#custom-meet-the-team .et_pb_row .et_pb_column .et_pb_text {
  margin-bottom: 20px;
  padding-right: 75px;
}
#custom-meet-the-team .et_pb_row .et_pb_column .et_pb_text h2 {
  padding-bottom: 0;
}
#custom-meet-the-team .et_pb_row .et_pb_column .et_pb_text h3 {
  padding-bottom: 0;
}
#custom-meet-the-team .et_pb_row .et_pb_column .et_pb_toggle {
  padding-right: 75px !important;
}
#custom-meet-the-team .et_pb_toggle.custom-meet-the-team {
  border: 1px solid transparent !important;
  padding: 0px !important;
  background-color: transparent !important;
  padding-bottom: 45px !important;
}
#custom-meet-the-team .et_pb_toggle.custom-meet-the-team h5.et_pb_toggle_title {
  position: inherit;
}
#custom-meet-the-team .et_pb_toggle.custom-meet-the-team h5.et_pb_toggle_title:before {
  top: unset;
  bottom: 0;
  margin-top: 0;
  content: "Read More";
  color: #005da5 !important;
  font-family: "source-sans-pro", sans-serif !important;
  z-index: 999;
  left: 0;
  right: unset;
}
#custom-meet-the-team .et_pb_toggle.custom-meet-the-team h5.et_pb_toggle_title {
  font-family: "source-sans-pro", sans-serif !important;
  font-size: 18px;
  padding-right: 0;
  line-height: 24px;
}
#custom-meet-the-team .et_pb_toggle.custom-meet-the-team .et_pb_toggle_content p,
#custom-meet-the-team .et_pb_toggle.custom-meet-the-team .et_pb_toggle_content {
  font-family: "source-sans-pro", sans-serif !important;
  font-size: 18px;
}

/* Testimonials */
#c-custom-testimonials .et_pb_column .et_pb_testimonial:before {
  display: none;
  visibility: hidden;
}
#c-custom-testimonials .et_pb_column .et_pb_testimonial .et_pb_testimonial_description {
  padding-top: 80px;
  padding-bottom: 0px;
}
#c-custom-testimonials .et_pb_column .et_pb_testimonial .et_pb_testimonial_description:after {
  display: block;
  content: url("/wp-content/uploads/2020/12/icon-testimonial.png");
  position: absolute;
  height: 50px;
  width: 50px;
  top: 5px;
  left: 50%;
  -webkit-transform: translateX(-34px);
  transform: translateX(-34px);
}
#c-custom-testimonials .et_pb_column .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_description_inner p {
  color: #fff;
  text-align: center;
  padding-bottom: 5px;
}
#c-custom-testimonials .et_pb_column .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_author {
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 5px;
  margin-top: 22px;
}
#c-custom-testimonials .et_pb_column .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_meta {
  text-align: center;
}
#c-custom-testimonials .et_pb_column .et_pb_testimonial .et_pb_testimonial_description .et_pb_testimonial_meta span {
  color: #fff;
  text-align: center;
}
#c-custom-testimonials .et_pb_row:nth-child(odd) .et_pb_column {
  /* Column 1 and 3 */
  /* Column 2 */
}
#c-custom-testimonials .et_pb_row:nth-child(odd) .et_pb_column:nth-child(odd) .et_pb_testimonial:nth-child(odd) {
  background-color: #005da5 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(odd) .et_pb_column:nth-child(odd) .et_pb_testimonial:nth-child(even) {
  background-color: #b09 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(odd) .et_pb_column:nth-child(even) .et_pb_testimonial:nth-child(odd) {
  background-color: #b09 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(odd) .et_pb_column:nth-child(even) .et_pb_testimonial:nth-child(even) {
  background-color: #005da5 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(even) .et_pb_column {
  /* Column 1 and 3 */
  /* Column 2 */
}
#c-custom-testimonials .et_pb_row:nth-child(even) .et_pb_column:nth-child(odd) .et_pb_testimonial:nth-child(odd) {
  background-color: #b09 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(even) .et_pb_column:nth-child(odd) .et_pb_testimonial:nth-child(even) {
  background-color: #005da5 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(even) .et_pb_column:nth-child(even) .et_pb_testimonial:nth-child(odd) {
  background-color: #005da5 !important;
}
#c-custom-testimonials .et_pb_row:nth-child(even) .et_pb_column:nth-child(even) .et_pb_testimonial:nth-child(even) {
  background-color: #b09 !important;
}

/*************************************************
G - custom full width gallery - responsive below.
*************************************************/
#custom-fullwidth-gallery {
  width: 100% !important;
  max-width: 100% !important;
  padding-bottom: 0 !important;
}
#custom-fullwidth-gallery .et_pb_row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
#custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
  width: 25%;
  margin-right: 0;
  margin-bottom: 0;
}
#custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image {
  min-height: 250px;
  max-height: 250px;
}
#custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image a img {
  min-height: 250px;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
#custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_title {
  display: none;
}

.et_overlay:before {
  color: #005da5 !important;
}

/*************************************************
G - Custom full width gallery - resonpsive CSS Styling here.
*************************************************/
@media (max-width: 768px) {
  #custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
    width: 50%;
  }
  #custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item img {
    min-height: 250px;
    max-height: 250px;
    min-width: 100%;
  }
}
@media (max-width: 480px) {
  #custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image,
  #custom-fullwidth-gallery .et_pb_row .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item .et_pb_gallery_image a img {
    min-height: 160px;
    max-height: 160px;
  }
}
/*************************************************
G - custom faq - responsive below.
*************************************************/
.et_pb_accordion .et_pb_toggle {
  background-color: transparent !important;
  border: 2px solid #005da5 !important;
}
.et_pb_accordion .et_pb_toggle h5 {
  font-size: 22px;
  margin: 0 !important;
  padding-top: 4px !important;
}
.et_pb_accordion .et_pb_toggle h5:before {
  content: "\f067" !important;
  display: block;
  font-family: FontAwesome !important;
  font-family: monospace !important;
  right: 10px;
  font-size: 20px;
  color: #005da5 !important;
  content: "+";
}
.et_pb_accordion .et_pb_toggle.et_pb_toggle_open h5:before {
  content: "\f068" !important;
  display: block !important;
  opacity: 1 !important;
  font-family: FontAwesome !important;
  font-family: monospace !important;
  content: "-";
}
/*************************************************
G - Custom Faq - resonpsive CSS Styling here.
*************************************************/
/*************************************************
G - custom Contact Form  - responsive below.
*************************************************/
/* Contact Us */
/* Contact Form - Enquiry Form Submission */
#c-d-contact-form strong {
  font-family: "source-sans-pro", sans-serif;
  font-size: 22px;
}
#c-d-contact-form form {
  width: 100%;
}
#c-d-contact-form form .gdpr-bit .right {
  max-width: 73%;
}
#c-d-contact-form form .opt-in-part span {
  margin-left: 0;
  padding-left: 1px;
}
#c-d-contact-form form .left, #c-d-contact-form form .right {
  display: inline-block;
  vertical-align: top;
}
#c-d-contact-form form .left {
  padding-top: 14px;
  width: 20%;
}
@media (max-width: 1600px) {
  #c-d-contact-form form .left {
    width: 20%;
  }
}
@media (max-width: 1350px) {
  #c-d-contact-form form .left {
    width: 30%;
  }
}
@media (max-width: 960px) {
  #c-d-contact-form form .left {
    width: 100%;
    padding-bottom: 10px;
  }
}
#c-d-contact-form form .media {
  padding-top: 14px;
  padding-bottom: 11px;
}
#c-d-contact-form form .media span {
  width: auto;
}
#c-d-contact-form form .media .wpcf7-list-item {
  width: auto;
  padding-left: 5px;
  margin-left: 0;
}
#c-d-contact-form form .media .wpcf7-list-item input {
  width: auto;
  display: inline-block;
  min-width: 30px;
  max-width: 40px;
}
#c-d-contact-form form .media .wpcf7-list-item span {
  width: auto;
  display: inline-block;
}
#c-d-contact-form form .right {
  width: auto;
  min-width: 79%;
  margin-bottom: 10px;
  max-width: 100%;
}
#c-d-contact-form form .right.small-textarea textarea {
  height: auto !important;
  min-height: 130px;
  max-height: 170px;
}
#c-d-contact-form form .right .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 3px;
}
#c-d-contact-form form .right .wpcf7-checkbox {
  display: inline-block;
  width: unset;
}
#c-d-contact-form form .right select {
  background: #EBEAEA;
  border: 1px solid #EBEAEA !important;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 15px;
  padding-right: 10px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 13px;
}
@media (max-width: 1600px) {
  #c-d-contact-form form .right {
    width: 79%;
    min-width: 79%;
  }
}
@media (max-width: 1350px) {
  #c-d-contact-form form .right {
    width: 69%;
    min-width: 69%;
  }
}
@media (max-width: 960px) {
  #c-d-contact-form form .right {
    width: 100%;
    min-width: 100%;
  }
}
#c-d-contact-form form .right span {
  width: 100%;
}
#c-d-contact-form form .right span input, #c-d-contact-form form .right span textarea {
  background: #EBEAEA;
  border: 1px solid #EBEAEA !important;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 15px;
  padding-right: 10px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
#c-d-contact-form form .right span input {
  margin-bottom: 11px;
}
#c-d-contact-form form .right span textarea {
  min-height: 250px;
  height: 250px;
  max-height: 750px;
  max-width: 665px !important;
}
#c-d-contact-form form .right span input[type=checkbox] {
  width: auto !important;
  min-width: 20px;
  max-width: 20px;
}
#c-d-contact-form form .right .wpcf7-textarea {
  height: 275px;
  max-width: 100%;
  width: 100%;
}
#c-d-contact-form form .wpcf7-form-control-wrap.checkbox-231 {
  display: inline-block;
  width: auto !important;
  margin-right: 4px;
}
#c-d-contact-form form .wpcf7-form-control-wrap.checkbox-231 .wpcf7-list-item {
  margin: 0 0 0 0em !important;
}
#c-d-contact-form form a {
  display: inline-block;
}
#c-d-contact-form form .gdpr a {
  margin-left: 5px;
}
#c-d-contact-form.media-enquiry {
  padding-top: 45px;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

#c-d-contact-form form .right span .wpcf7-not-valid {
  border: 1px solid #DC143C !important;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 2px solid #DC143C !important;
}

.wpcf7-response-output {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 12px;
}

/*************************************************
G - Custom contact form - resonpsive CSS Styling here.
*************************************************/
/*************************************************
Set resonpsive CSS Styling here.
*************************************************/
@media (max-width: 980px) {
  .dont-show-on-mobile {
    display: none !important;
  }
}
.custom-banner:before {
  content: " ";
  height: 50px;
  width: 100px;
  background: yellow;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}