/**
 * @_Variables
 * All the cariables are to be defined in this file
 */
/* Colors */
/**
 * @_Colors
 * All the colors are to be defined in this file
 */
/* Colors */
/* Breakpoints */
/**
 * @_Breakpoints
 * All the breakpoints are to be defined in this file
 */
/* Breakpoints */
/* Breakpoints for max-width */
/* Variables */
/* Fonts */
/* Lato */
/* Sofia Pro */
/* line 3, ../../sass/component/radioslide.scss */
.radioslide {
  height: 6.25rem;
  display: flex;
  align-items: center; }
  @media (max-width: 48rem) {
    /* line 3, ../../sass/component/radioslide.scss */
    .radioslide {
      justify-content: center; } }

/* line 12, ../../sass/component/radioslide.scss */
.toggle_radio {
  display: flex;
  position: relative;
  padding: 0 !important;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem; }
  @media (max-width: 48rem) {
    /* line 12, ../../sass/component/radioslide.scss */
    .toggle_radio {
      margin-left: 1.25rem; } }
  @media (max-width: 375px) {
    /* line 12, ../../sass/component/radioslide.scss */
    .toggle_radio {
      display: block;
      margin-left: 0rem; } }

/* line 28, ../../sass/component/radioslide.scss */
.toggle_radio input[type=radio] {
  display: none; }

/* line 32, ../../sass/component/radioslide.scss */
.toggle_radio label {
  font-family: 'sofia-pro';
  font-weight: 700;
  z-index: 0;
  display: block;
  padding-left: 6.375rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  border-radius: 1.5rem;
  cursor: pointer;
  z-index: 1;
  text-align: center; }
  @media (max-width: 48rem) {
    /* line 32, ../../sass/component/radioslide.scss */
    .toggle_radio label {
      padding-left: 0;
      padding-right: 2.25rem; } }
  @media (max-width: 375px) {
    /* line 32, ../../sass/component/radioslide.scss */
    .toggle_radio label {
      padding-right: 0rem; } }
  /* line 51, ../../sass/component/radioslide.scss */
  .toggle_radio label p {
    font-size: 1.25rem; }
    @media (max-width: 48rem) {
      /* line 51, ../../sass/component/radioslide.scss */
      .toggle_radio label p {
        font-size: 0.875rem; } }

/* line 59, ../../sass/component/radioslide.scss */
.toggle_option_slider {
  width: 14.375rem;
  height: 3.125rem;
  position: absolute;
  -webkit-border-radius: 1.5rem;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

/* line 71, ../../sass/component/radioslide.scss */
#first_toggle:checked ~ .toggle_option_slider {
  border: 0.1875rem solid #faba4b;
  left: 3.5rem;
  top: -0.5rem;
  width: 13.5rem; }
  @media (max-width: 48rem) {
    /* line 71, ../../sass/component/radioslide.scss */
    #first_toggle:checked ~ .toggle_option_slider {
      width: 7.8125rem;
      height: 2.5rem;
      left: -1.3125rem;
      top: -0.375rem; } }
  @media (max-width: 375px) {
    /* line 71, ../../sass/component/radioslide.scss */
    #first_toggle:checked ~ .toggle_option_slider {
      left: 25%;
      width: 50%; } }

/* line 88, ../../sass/component/radioslide.scss */
#second_toggle:checked ~ .toggle_option_slider {
  border: 0.1875rem solid #faba4b;
  left: 17.5rem;
  top: -0.5rem; }
  @media (max-width: 48rem) {
    /* line 88, ../../sass/component/radioslide.scss */
    #second_toggle:checked ~ .toggle_option_slider {
      width: 135px;
      height: 2.5rem;
      left: 6.4375rem;
      top: -0.375rem; } }
  @media (max-width: 375px) {
    /* line 88, ../../sass/component/radioslide.scss */
    #second_toggle:checked ~ .toggle_option_slider {
      left: 25%;
      width: 50%;
      top: 1.75rem; } }

/* line 105, ../../sass/component/radioslide.scss */
#third_toggle:checked ~ .toggle_option_slider {
  border: 0.1875rem solid #faba4b;
  left: 33.375rem;
  top: -0.5rem;
  width: 7rem; }
  @media (max-width: 48rem) {
    /* line 105, ../../sass/component/radioslide.scss */
    #third_toggle:checked ~ .toggle_option_slider {
      width: 80px;
      height: 2.5rem;
      left: 14.375rem;
      top: -0.375rem; } }
  @media (max-width: 375px) {
    /* line 105, ../../sass/component/radioslide.scss */
    #third_toggle:checked ~ .toggle_option_slider {
      left: 25%;
      width: 50%;
      top: 4rem; } }