.flex {
  display: flex; }

.flex1 {
  flex: 1; }

.flex_box.column {
  flex-direction: column; }

.flex_box {
  display: flex; }

.flex_line_box {
  display: inline-flex; }

.flex_box.wrap {
  flex-wrap: wrap; }

.flex_box.flex_center {
  justify-content: center; }

.flex_box.flex_left {
  justify-content: flex-start; }

.flex_box.flex_right {
  justify-content: flex-end; }

.flex_box.flex_between {
  justify-content: space-between; }

.flex_box.flex_arond {
  justify-content: space-around; }

.flex_box.flex_align_center {
  align-items: center; }

.flex_box.flex_align_top {
  align-items: flex-start; }

.box50 {
  display: flex; }

.box50 > div {
  width: 50%; }

.container {
  margin: auto;
  position: relative;
  max-width: 1260px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px; }

.wrapper {
  position: relative;
  text-align: center; }

.wrapper,
.w100 {
  width: 100%; }

.w50 {
  width: 50%; }

.position_relative {
  position: relative; }

.text_hline::after {
  content: "";
  display: block;
  margin: 66px auto;
  width: 40px;
  height: 1px;
  background-color: #2A2A2A; }

.text_hlinew::after {
  content: "";
  display: block;
  margin: 66px auto;
  width: 40px;
  height: 1px;
  background-color: #FFF; }

.font_bold {
  font-weight: bold !important; }

.font_fff {
  color: #FFF !important; }

.text_align_left {
  text-align: left; }

.text_align_center {
  text-align: center; }

.text_align_right {
  text-align: right; }

.text_underline {
  text-decoration: underline !important; }

.text_hline::after {
  content: "";
  display: block;
  margin: 40px auto;
  width: 40px;
  height: 1px;
  background-color: #2A2A2A; }

.text_hlinew::after {
  content: "";
  display: block;
  margin: 40px auto;
  width: 40px;
  height: 1px;
  background-color: #FFF; }

.color_fff {
  color: #FFF !important; }

@media all and (max-width: 1160px) {
  .block_box_s {
    display: block; }

  .text_align_s_left {
    text-align: left !important; }

  .text_align_s_center {
    text-align: center; }

  .text_align_s_right {
    text-align: right; }

  .text_underline_s {
    text-decoration: underline !important; }

  .text_hline::after {
    content: "";
    display: block;
    margin: 20px auto;
    width: 20px;
    height: 1px;
    background-color: #2A2A2A; }

  .text_hlinew::after {
    content: "";
    display: block;
    margin: 25px auto;
    width: 20px;
    height: 1px;
    background-color: #FFF; }

  .w100s {
    width: 100%; }

  .w50s {
    width: 50%; } }
.gap10 {
  gap: 10px !important; }

.gap20 {
  gap: 20px !important; }

.gap30 {
  gap: 30px !important; }

.gap40 {
  gap: 40px !important; }

.gap50 {
  gap: 50px !important; }

.gap60 {
  gap: 60px !important; }

.gap70 {
  gap: 70px !important; }

.gap80 {
  gap: 80px !important; }

.gap90 {
  gap: 90px !important; }

.gap100 {
  gap: 100px !important; }

.padding_left_5 {
  padding-left: 5px !important; }

.padding_right_5 {
  padding-right: 5px !important; }

.padding_center_5 {
  padding: 0 5px !important; }

.padding_left_10 {
  padding-left: 10px !important; }

.padding_right_10 {
  padding-right: 10px !important; }

.padding_center_10 {
  padding: 0 10px !important; }

.padding_left_15 {
  padding-left: 15px !important; }

.padding_right_15 {
  padding-right: 15px !important; }

.padding_center_15 {
  padding: 0 15px !important; }

.padding_left_20 {
  padding-left: 20px !important; }

.padding_right_20 {
  padding-right: 20px !important; }

.padding_center_20 {
  padding: 0 20px !important; }

.padding_left_25 {
  padding-left: 25px !important; }

.padding_right_25 {
  padding-right: 25px !important; }

.padding_center_25 {
  padding: 0 25px !important; }

.padding_left_30 {
  padding-left: 30px !important; }

.padding_right_30 {
  padding-right: 30px !important; }

.padding_center_30 {
  padding: 0 30px !important; }

.padding_left_35 {
  padding-left: 35px !important; }

.padding_right_35 {
  padding-right: 35px !important; }

.padding_center_35 {
  padding: 0 35px !important; }

.padding_left_40 {
  padding-left: 40px !important; }

.padding_right_40 {
  padding-right: 40px !important; }

.padding_center_40 {
  padding: 0 40px !important; }

.padding_left_45 {
  padding-left: 45px !important; }

.padding_right_45 {
  padding-right: 45px !important; }

.padding_center_45 {
  padding: 0 45px !important; }

.padding_left_50 {
  padding-left: 50px !important; }

.padding_right_50 {
  padding-right: 50px !important; }

.padding_center_50 {
  padding: 0 50px !important; }

.padding_left_55 {
  padding-left: 55px !important; }

.padding_right_55 {
  padding-right: 55px !important; }

.padding_center_55 {
  padding: 0 55px !important; }

.padding_left_60 {
  padding-left: 60px !important; }

.padding_right_60 {
  padding-right: 60px !important; }

.padding_center_60 {
  padding: 0 60px !important; }

.padding_left_65 {
  padding-left: 65px !important; }

.padding_right_65 {
  padding-right: 65px !important; }

.padding_center_65 {
  padding: 0 65px !important; }

.padding_left_70 {
  padding-left: 70px !important; }

.padding_right_70 {
  padding-right: 70px !important; }

.padding_center_70 {
  padding: 0 70px !important; }

.padding_left_75 {
  padding-left: 75px !important; }

.padding_right_75 {
  padding-right: 75px !important; }

.padding_center_75 {
  padding: 0 75px !important; }

.text_lineheight_1 {
  line-height: 1.1 !important; }

.text_lineheight_2 {
  line-height: 1.2 !important; }

.text_lineheight_3 {
  line-height: 1.3 !important; }

.text_lineheight_4 {
  line-height: 1.4 !important; }

.text_lineheight_5 {
  line-height: 1.5 !important; }

.text_lineheight_6 {
  line-height: 1.6 !important; }

.text_lineheight_7 {
  line-height: 1.7 !important; }

.text_lineheight_8 {
  line-height: 1.8 !important; }

.text_lineheight_9 {
  line-height: 1.9 !important; }

.text_lineheight_10 {
  line-height: 2 !important; }

.font_11 {
  font-size: 1.1rem !important; }

.font_12 {
  font-size: 1.2rem !important; }

.font_13 {
  font-size: 1.3rem !important; }

.font_14 {
  font-size: 1.4rem !important; }

.font_15 {
  font-size: 1.5rem !important; }

.font_16 {
  font-size: 1.6rem !important; }

.font_17 {
  font-size: 1.7rem !important; }

.font_18 {
  font-size: 1.8rem !important; }

.font_19 {
  font-size: 1.9rem !important; }

.font_20 {
  font-size: 2rem !important; }

.font_21 {
  font-size: 2.1rem !important; }

.font_22 {
  font-size: 2.2rem !important; }

.font_23 {
  font-size: 2.3rem !important; }

.font_24 {
  font-size: 2.4rem !important; }

.font_25 {
  font-size: 2.5rem !important; }

.font_26 {
  font-size: 2.6rem !important; }

.font_27 {
  font-size: 2.7rem !important; }

.font_28 {
  font-size: 2.8rem !important; }

.font_29 {
  font-size: 2.9rem !important; }

.font_30 {
  font-size: 3rem !important; }

.font_31 {
  font-size: 3.1rem !important; }

.font_32 {
  font-size: 3.2rem !important; }

.font_33 {
  font-size: 3.3rem !important; }

.font_34 {
  font-size: 3.4rem !important; }

.font_35 {
  font-size: 3.5rem !important; }

.font_36 {
  font-size: 3.6rem !important; }

.font_37 {
  font-size: 3.7rem !important; }

.font_38 {
  font-size: 3.8rem !important; }

.font_39 {
  font-size: 3.9rem !important; }

.font_40 {
  font-size: 4rem !important; }

.font_41 {
  font-size: 4.1rem !important; }

.font_42 {
  font-size: 4.2rem !important; }

.font_43 {
  font-size: 4.3rem !important; }

.font_44 {
  font-size: 4.4rem !important; }

.font_45 {
  font-size: 4.5rem !important; }

.font_46 {
  font-size: 4.6rem !important; }

.font_47 {
  font-size: 4.7rem !important; }

.font_48 {
  font-size: 4.8rem !important; }

.font_49 {
  font-size: 4.9rem !important; }

.font_50 {
  font-size: 5rem !important; }

@media all and (max-width: 1160px) {
  .font_s_11 {
    font-size: 1.1rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_12 {
    font-size: 1.2rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_13 {
    font-size: 1.3rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_14 {
    font-size: 1.4rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_15 {
    font-size: 1.5rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_16 {
    font-size: 1.6rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_17 {
    font-size: 1.7rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_18 {
    font-size: 1.8rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_19 {
    font-size: 1.9rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_20 {
    font-size: 2rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_21 {
    font-size: 2.1rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_22 {
    font-size: 2.2rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_23 {
    font-size: 2.3rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_24 {
    font-size: 2.4rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_25 {
    font-size: 2.5rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_26 {
    font-size: 2.6rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_27 {
    font-size: 2.7rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_28 {
    font-size: 2.8rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_29 {
    font-size: 2.9rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_30 {
    font-size: 3rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_31 {
    font-size: 3.1rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_32 {
    font-size: 3.2rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_33 {
    font-size: 3.3rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_34 {
    font-size: 3.4rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_35 {
    font-size: 3.5rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_36 {
    font-size: 3.6rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_37 {
    font-size: 3.7rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_38 {
    font-size: 3.8rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_39 {
    font-size: 3.9rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_40 {
    font-size: 4rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_41 {
    font-size: 4.1rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_42 {
    font-size: 4.2rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_43 {
    font-size: 4.3rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_44 {
    font-size: 4.4rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_45 {
    font-size: 4.5rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_46 {
    font-size: 4.6rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_47 {
    font-size: 4.7rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_48 {
    font-size: 4.8rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_49 {
    font-size: 4.9rem !important; } }
@media all and (max-width: 1160px) {
  .font_s_50 {
    font-size: 5rem !important; } }
.margin_top_0 {
  margin-top: 0px; }

.margin_top_-20 {
  margin-top: -20px; }

.margin_top_-40 {
  margin-top: -40px; }

.margin_top_-50 {
  margin-top: -50px; }

.margin_top_-60 {
  margin-top: -60px; }

.margin_bottom_0 {
  margin-bottom: 0px; }

.margin_bottom_-20 {
  margin-bottom: -20px; }

.margin_bottom_-40 {
  margin-bottom: -40px; }

.margin_bottom_-50 {
  margin-bottom: -50px; }

.margin_bottom_-60 {
  margin-bottom: -60px; }

.padding_top_5 {
  padding-top: 5px !important; }

.padding_bottom_5 {
  padding-bottom: 5px !important; }

.margin_top_5 {
  margin-top: 5px !important; }

.margin_bottom_5 {
  margin-bottom: 5px !important; }

.padding_top_10 {
  padding-top: 10px !important; }

.padding_bottom_10 {
  padding-bottom: 10px !important; }

.margin_top_10 {
  margin-top: 10px !important; }

.margin_bottom_10 {
  margin-bottom: 10px !important; }

.padding_top_15 {
  padding-top: 15px !important; }

.padding_bottom_15 {
  padding-bottom: 15px !important; }

.margin_top_15 {
  margin-top: 15px !important; }

.margin_bottom_15 {
  margin-bottom: 15px !important; }

.padding_top_20 {
  padding-top: 20px !important; }

.padding_bottom_20 {
  padding-bottom: 20px !important; }

.margin_top_20 {
  margin-top: 20px !important; }

.margin_bottom_20 {
  margin-bottom: 20px !important; }

.padding_top_25 {
  padding-top: 25px !important; }

.padding_bottom_25 {
  padding-bottom: 25px !important; }

.margin_top_25 {
  margin-top: 25px !important; }

.margin_bottom_25 {
  margin-bottom: 25px !important; }

.padding_top_30 {
  padding-top: 30px !important; }

.padding_bottom_30 {
  padding-bottom: 30px !important; }

.margin_top_30 {
  margin-top: 30px !important; }

.margin_bottom_30 {
  margin-bottom: 30px !important; }

.padding_top_35 {
  padding-top: 35px !important; }

.padding_bottom_35 {
  padding-bottom: 35px !important; }

.margin_top_35 {
  margin-top: 35px !important; }

.margin_bottom_35 {
  margin-bottom: 35px !important; }

.padding_top_40 {
  padding-top: 40px !important; }

.padding_bottom_40 {
  padding-bottom: 40px !important; }

.margin_top_40 {
  margin-top: 40px !important; }

.margin_bottom_40 {
  margin-bottom: 40px !important; }

.padding_top_45 {
  padding-top: 45px !important; }

.padding_bottom_45 {
  padding-bottom: 45px !important; }

.margin_top_45 {
  margin-top: 45px !important; }

.margin_bottom_45 {
  margin-bottom: 45px !important; }

.padding_top_50 {
  padding-top: 50px !important; }

.padding_bottom_50 {
  padding-bottom: 50px !important; }

.margin_top_50 {
  margin-top: 50px !important; }

.margin_bottom_50 {
  margin-bottom: 50px !important; }

.padding_top_55 {
  padding-top: 55px !important; }

.padding_bottom_55 {
  padding-bottom: 55px !important; }

.margin_top_55 {
  margin-top: 55px !important; }

.margin_bottom_55 {
  margin-bottom: 55px !important; }

.padding_top_60 {
  padding-top: 60px !important; }

.padding_bottom_60 {
  padding-bottom: 60px !important; }

.margin_top_60 {
  margin-top: 60px !important; }

.margin_bottom_60 {
  margin-bottom: 60px !important; }

.padding_top_65 {
  padding-top: 65px !important; }

.padding_bottom_65 {
  padding-bottom: 65px !important; }

.margin_top_65 {
  margin-top: 65px !important; }

.margin_bottom_65 {
  margin-bottom: 65px !important; }

.padding_top_70 {
  padding-top: 70px !important; }

.padding_bottom_70 {
  padding-bottom: 70px !important; }

.margin_top_70 {
  margin-top: 70px !important; }

.margin_bottom_70 {
  margin-bottom: 70px !important; }

.padding_top_75 {
  padding-top: 75px !important; }

.padding_bottom_75 {
  padding-bottom: 75px !important; }

.margin_top_75 {
  margin-top: 75px !important; }

.margin_bottom_75 {
  margin-bottom: 75px !important; }

.padding_top_80 {
  padding-top: 80px !important; }

.padding_bottom_80 {
  padding-bottom: 80px !important; }

.margin_top_80 {
  margin-top: 80px !important; }

.margin_bottom_80 {
  margin-bottom: 80px !important; }

.padding_top_85 {
  padding-top: 85px !important; }

.padding_bottom_85 {
  padding-bottom: 85px !important; }

.margin_top_85 {
  margin-top: 85px !important; }

.margin_bottom_85 {
  margin-bottom: 85px !important; }

.padding_top_90 {
  padding-top: 90px !important; }

.padding_bottom_90 {
  padding-bottom: 90px !important; }

.margin_top_90 {
  margin-top: 90px !important; }

.margin_bottom_90 {
  margin-bottom: 90px !important; }

.padding_top_95 {
  padding-top: 95px !important; }

.padding_bottom_95 {
  padding-bottom: 95px !important; }

.margin_top_95 {
  margin-top: 95px !important; }

.margin_bottom_95 {
  margin-bottom: 95px !important; }

.padding_top_100 {
  padding-top: 100px !important; }

.padding_bottom_100 {
  padding-bottom: 100px !important; }

.margin_top_100 {
  margin-top: 100px !important; }

.margin_bottom_100 {
  margin-bottom: 100px !important; }

.padding_top_105 {
  padding-top: 105px !important; }

.padding_bottom_105 {
  padding-bottom: 105px !important; }

.margin_top_105 {
  margin-top: 105px !important; }

.margin_bottom_105 {
  margin-bottom: 105px !important; }

.padding_top_110 {
  padding-top: 110px !important; }

.padding_bottom_110 {
  padding-bottom: 110px !important; }

.margin_top_110 {
  margin-top: 110px !important; }

.margin_bottom_110 {
  margin-bottom: 110px !important; }

.padding_top_115 {
  padding-top: 115px !important; }

.padding_bottom_115 {
  padding-bottom: 115px !important; }

.margin_top_115 {
  margin-top: 115px !important; }

.margin_bottom_115 {
  margin-bottom: 115px !important; }

.padding_top_120 {
  padding-top: 120px !important; }

.padding_bottom_120 {
  padding-bottom: 120px !important; }

.margin_top_120 {
  margin-top: 120px !important; }

.margin_bottom_120 {
  margin-bottom: 120px !important; }

.padding_top_125 {
  padding-top: 125px !important; }

.padding_bottom_125 {
  padding-bottom: 125px !important; }

.margin_top_125 {
  margin-top: 125px !important; }

.margin_bottom_125 {
  margin-bottom: 125px !important; }

.padding_top_130 {
  padding-top: 130px !important; }

.padding_bottom_130 {
  padding-bottom: 130px !important; }

.margin_top_130 {
  margin-top: 130px !important; }

.margin_bottom_130 {
  margin-bottom: 130px !important; }

.padding_top_135 {
  padding-top: 135px !important; }

.padding_bottom_135 {
  padding-bottom: 135px !important; }

.margin_top_135 {
  margin-top: 135px !important; }

.margin_bottom_135 {
  margin-bottom: 135px !important; }

.padding_top_140 {
  padding-top: 140px !important; }

.padding_bottom_140 {
  padding-bottom: 140px !important; }

.margin_top_140 {
  margin-top: 140px !important; }

.margin_bottom_140 {
  margin-bottom: 140px !important; }

.padding_top_145 {
  padding-top: 145px !important; }

.padding_bottom_145 {
  padding-bottom: 145px !important; }

.margin_top_145 {
  margin-top: 145px !important; }

.margin_bottom_145 {
  margin-bottom: 145px !important; }

.padding_top_150 {
  padding-top: 150px !important; }

.padding_bottom_150 {
  padding-bottom: 150px !important; }

.margin_top_150 {
  margin-top: 150px !important; }

.margin_bottom_150 {
  margin-bottom: 150px !important; }

.padding_top_155 {
  padding-top: 155px !important; }

.padding_bottom_155 {
  padding-bottom: 155px !important; }

.margin_top_155 {
  margin-top: 155px !important; }

.margin_bottom_155 {
  margin-bottom: 155px !important; }

.padding_top_160 {
  padding-top: 160px !important; }

.padding_bottom_160 {
  padding-bottom: 160px !important; }

.margin_top_160 {
  margin-top: 160px !important; }

.margin_bottom_160 {
  margin-bottom: 160px !important; }

.padding_top_165 {
  padding-top: 165px !important; }

.padding_bottom_165 {
  padding-bottom: 165px !important; }

.margin_top_165 {
  margin-top: 165px !important; }

.margin_bottom_165 {
  margin-bottom: 165px !important; }

.padding_top_170 {
  padding-top: 170px !important; }

.padding_bottom_170 {
  padding-bottom: 170px !important; }

.margin_top_170 {
  margin-top: 170px !important; }

.margin_bottom_170 {
  margin-bottom: 170px !important; }

.padding_top_175 {
  padding-top: 175px !important; }

.padding_bottom_175 {
  padding-bottom: 175px !important; }

.margin_top_175 {
  margin-top: 175px !important; }

.margin_bottom_175 {
  margin-bottom: 175px !important; }

.padding_top_180 {
  padding-top: 180px !important; }

.padding_bottom_180 {
  padding-bottom: 180px !important; }

.margin_top_180 {
  margin-top: 180px !important; }

.margin_bottom_180 {
  margin-bottom: 180px !important; }

.padding_top_185 {
  padding-top: 185px !important; }

.padding_bottom_185 {
  padding-bottom: 185px !important; }

.margin_top_185 {
  margin-top: 185px !important; }

.margin_bottom_185 {
  margin-bottom: 185px !important; }

.padding_top_190 {
  padding-top: 190px !important; }

.padding_bottom_190 {
  padding-bottom: 190px !important; }

.margin_top_190 {
  margin-top: 190px !important; }

.margin_bottom_190 {
  margin-bottom: 190px !important; }

.padding_top_195 {
  padding-top: 195px !important; }

.padding_bottom_195 {
  padding-bottom: 195px !important; }

.margin_top_195 {
  margin-top: 195px !important; }

.margin_bottom_195 {
  margin-bottom: 195px !important; }

.padding_top_200 {
  padding-top: 200px !important; }

.padding_bottom_200 {
  padding-bottom: 200px !important; }

.margin_top_200 {
  margin-top: 200px !important; }

.margin_bottom_200 {
  margin-bottom: 200px !important; }

.padding_top_205 {
  padding-top: 205px !important; }

.padding_bottom_205 {
  padding-bottom: 205px !important; }

.margin_top_205 {
  margin-top: 205px !important; }

.margin_bottom_205 {
  margin-bottom: 205px !important; }

.padding_top_210 {
  padding-top: 210px !important; }

.padding_bottom_210 {
  padding-bottom: 210px !important; }

.margin_top_210 {
  margin-top: 210px !important; }

.margin_bottom_210 {
  margin-bottom: 210px !important; }

.padding_top_215 {
  padding-top: 215px !important; }

.padding_bottom_215 {
  padding-bottom: 215px !important; }

.margin_top_215 {
  margin-top: 215px !important; }

.margin_bottom_215 {
  margin-bottom: 215px !important; }

.padding_top_220 {
  padding-top: 220px !important; }

.padding_bottom_220 {
  padding-bottom: 220px !important; }

.margin_top_220 {
  margin-top: 220px !important; }

.margin_bottom_220 {
  margin-bottom: 220px !important; }

.padding_top_225 {
  padding-top: 225px !important; }

.padding_bottom_225 {
  padding-bottom: 225px !important; }

.margin_top_225 {
  margin-top: 225px !important; }

.margin_bottom_225 {
  margin-bottom: 225px !important; }

.padding_top_230 {
  padding-top: 230px !important; }

.padding_bottom_230 {
  padding-bottom: 230px !important; }

.margin_top_230 {
  margin-top: 230px !important; }

.margin_bottom_230 {
  margin-bottom: 230px !important; }

.padding_top_235 {
  padding-top: 235px !important; }

.padding_bottom_235 {
  padding-bottom: 235px !important; }

.margin_top_235 {
  margin-top: 235px !important; }

.margin_bottom_235 {
  margin-bottom: 235px !important; }

.padding_top_240 {
  padding-top: 240px !important; }

.padding_bottom_240 {
  padding-bottom: 240px !important; }

.margin_top_240 {
  margin-top: 240px !important; }

.margin_bottom_240 {
  margin-bottom: 240px !important; }

.padding_top_245 {
  padding-top: 245px !important; }

.padding_bottom_245 {
  padding-bottom: 245px !important; }

.margin_top_245 {
  margin-top: 245px !important; }

.margin_bottom_245 {
  margin-bottom: 245px !important; }

.padding_top_250 {
  padding-top: 250px !important; }

.padding_bottom_250 {
  padding-bottom: 250px !important; }

.margin_top_250 {
  margin-top: 250px !important; }

.margin_bottom_250 {
  margin-bottom: 250px !important; }

.padding_top_255 {
  padding-top: 255px !important; }

.padding_bottom_255 {
  padding-bottom: 255px !important; }

.margin_top_255 {
  margin-top: 255px !important; }

.margin_bottom_255 {
  margin-bottom: 255px !important; }

.padding_top_260 {
  padding-top: 260px !important; }

.padding_bottom_260 {
  padding-bottom: 260px !important; }

.margin_top_260 {
  margin-top: 260px !important; }

.margin_bottom_260 {
  margin-bottom: 260px !important; }

.padding_top_265 {
  padding-top: 265px !important; }

.padding_bottom_265 {
  padding-bottom: 265px !important; }

.margin_top_265 {
  margin-top: 265px !important; }

.margin_bottom_265 {
  margin-bottom: 265px !important; }

.padding_top_270 {
  padding-top: 270px !important; }

.padding_bottom_270 {
  padding-bottom: 270px !important; }

.margin_top_270 {
  margin-top: 270px !important; }

.margin_bottom_270 {
  margin-bottom: 270px !important; }

.padding_top_275 {
  padding-top: 275px !important; }

.padding_bottom_275 {
  padding-bottom: 275px !important; }

.margin_top_275 {
  margin-top: 275px !important; }

.margin_bottom_275 {
  margin-bottom: 275px !important; }

.padding_top_280 {
  padding-top: 280px !important; }

.padding_bottom_280 {
  padding-bottom: 280px !important; }

.margin_top_280 {
  margin-top: 280px !important; }

.margin_bottom_280 {
  margin-bottom: 280px !important; }

.padding_top_285 {
  padding-top: 285px !important; }

.padding_bottom_285 {
  padding-bottom: 285px !important; }

.margin_top_285 {
  margin-top: 285px !important; }

.margin_bottom_285 {
  margin-bottom: 285px !important; }

.padding_top_290 {
  padding-top: 290px !important; }

.padding_bottom_290 {
  padding-bottom: 290px !important; }

.margin_top_290 {
  margin-top: 290px !important; }

.margin_bottom_290 {
  margin-bottom: 290px !important; }

.padding_top_295 {
  padding-top: 295px !important; }

.padding_bottom_295 {
  padding-bottom: 295px !important; }

.margin_top_295 {
  margin-top: 295px !important; }

.margin_bottom_295 {
  margin-bottom: 295px !important; }

.padding_top_300 {
  padding-top: 300px !important; }

.padding_bottom_300 {
  padding-bottom: 300px !important; }

.margin_top_300 {
  margin-top: 300px !important; }

.margin_bottom_300 {
  margin-bottom: 300px !important; }

.margin_auto {
  margin: auto; }

@media all and (max-width: 1160px) {
  .padding_top_s_5 {
    padding-top: 5px !important; }

  .padding_bottom_s_5 {
    padding-bottom: 5px !important; }

  .margin_top_s_5 {
    margin-top: 5px !important; }

  .margin_bottom_s_5 {
    margin-bottom: 5px !important; }

  .padding_top_s_10 {
    padding-top: 10px !important; }

  .padding_bottom_s_10 {
    padding-bottom: 10px !important; }

  .margin_top_s_10 {
    margin-top: 10px !important; }

  .margin_bottom_s_10 {
    margin-bottom: 10px !important; }

  .padding_top_s_15 {
    padding-top: 15px !important; }

  .padding_bottom_s_15 {
    padding-bottom: 15px !important; }

  .margin_top_s_15 {
    margin-top: 15px !important; }

  .margin_bottom_s_15 {
    margin-bottom: 15px !important; }

  .padding_top_s_20 {
    padding-top: 20px !important; }

  .padding_bottom_s_20 {
    padding-bottom: 20px !important; }

  .margin_top_s_20 {
    margin-top: 20px !important; }

  .margin_bottom_s_20 {
    margin-bottom: 20px !important; }

  .padding_top_s_25 {
    padding-top: 25px !important; }

  .padding_bottom_s_25 {
    padding-bottom: 25px !important; }

  .margin_top_s_25 {
    margin-top: 25px !important; }

  .margin_bottom_s_25 {
    margin-bottom: 25px !important; }

  .padding_top_s_30 {
    padding-top: 30px !important; }

  .padding_bottom_s_30 {
    padding-bottom: 30px !important; }

  .margin_top_s_30 {
    margin-top: 30px !important; }

  .margin_bottom_s_30 {
    margin-bottom: 30px !important; }

  .padding_top_s_35 {
    padding-top: 35px !important; }

  .padding_bottom_s_35 {
    padding-bottom: 35px !important; }

  .margin_top_s_35 {
    margin-top: 35px !important; }

  .margin_bottom_s_35 {
    margin-bottom: 35px !important; }

  .padding_top_s_40 {
    padding-top: 40px !important; }

  .padding_bottom_s_40 {
    padding-bottom: 40px !important; }

  .margin_top_s_40 {
    margin-top: 40px !important; }

  .margin_bottom_s_40 {
    margin-bottom: 40px !important; }

  .padding_top_s_45 {
    padding-top: 45px !important; }

  .padding_bottom_s_45 {
    padding-bottom: 45px !important; }

  .margin_top_s_45 {
    margin-top: 45px !important; }

  .margin_bottom_s_45 {
    margin-bottom: 45px !important; }

  .padding_top_s_50 {
    padding-top: 50px !important; }

  .padding_bottom_s_50 {
    padding-bottom: 50px !important; }

  .margin_top_s_50 {
    margin-top: 50px !important; }

  .margin_bottom_s_50 {
    margin-bottom: 50px !important; }

  .padding_top_s_55 {
    padding-top: 55px !important; }

  .padding_bottom_s_55 {
    padding-bottom: 55px !important; }

  .margin_top_s_55 {
    margin-top: 55px !important; }

  .margin_bottom_s_55 {
    margin-bottom: 55px !important; }

  .padding_top_s_60 {
    padding-top: 60px !important; }

  .padding_bottom_s_60 {
    padding-bottom: 60px !important; }

  .margin_top_s_60 {
    margin-top: 60px !important; }

  .margin_bottom_s_60 {
    margin-bottom: 60px !important; }

  .padding_top_s_65 {
    padding-top: 65px !important; }

  .padding_bottom_s_65 {
    padding-bottom: 65px !important; }

  .margin_top_s_65 {
    margin-top: 65px !important; }

  .margin_bottom_s_65 {
    margin-bottom: 65px !important; }

  .padding_top_s_70 {
    padding-top: 70px !important; }

  .padding_bottom_s_70 {
    padding-bottom: 70px !important; }

  .margin_top_s_70 {
    margin-top: 70px !important; }

  .margin_bottom_s_70 {
    margin-bottom: 70px !important; }

  .padding_top_s_75 {
    padding-top: 75px !important; }

  .padding_bottom_s_75 {
    padding-bottom: 75px !important; }

  .margin_top_s_75 {
    margin-top: 75px !important; }

  .margin_bottom_s_75 {
    margin-bottom: 75px !important; }

  .padding_top_s_80 {
    padding-top: 80px !important; }

  .padding_bottom_s_80 {
    padding-bottom: 80px !important; }

  .margin_top_s_80 {
    margin-top: 80px !important; }

  .margin_bottom_s_80 {
    margin-bottom: 80px !important; }

  .padding_top_s_85 {
    padding-top: 85px !important; }

  .padding_bottom_s_85 {
    padding-bottom: 85px !important; }

  .margin_top_s_85 {
    margin-top: 85px !important; }

  .margin_bottom_s_85 {
    margin-bottom: 85px !important; }

  .padding_top_s_90 {
    padding-top: 90px !important; }

  .padding_bottom_s_90 {
    padding-bottom: 90px !important; }

  .margin_top_s_90 {
    margin-top: 90px !important; }

  .margin_bottom_s_90 {
    margin-bottom: 90px !important; }

  .padding_top_s_95 {
    padding-top: 95px !important; }

  .padding_bottom_s_95 {
    padding-bottom: 95px !important; }

  .margin_top_s_95 {
    margin-top: 95px !important; }

  .margin_bottom_s_95 {
    margin-bottom: 95px !important; }

  .padding_top_s_100 {
    padding-top: 100px !important; }

  .padding_bottom_s_100 {
    padding-bottom: 100px !important; }

  .margin_top_s_100 {
    margin-top: 100px !important; }

  .margin_bottom_s_100 {
    margin-bottom: 100px !important; }

  .padding_top_s_105 {
    padding-top: 105px !important; }

  .padding_bottom_s_105 {
    padding-bottom: 105px !important; }

  .margin_top_s_105 {
    margin-top: 105px !important; }

  .margin_bottom_s_105 {
    margin-bottom: 105px !important; }

  .padding_top_s_110 {
    padding-top: 110px !important; }

  .padding_bottom_s_110 {
    padding-bottom: 110px !important; }

  .margin_top_s_110 {
    margin-top: 110px !important; }

  .margin_bottom_s_110 {
    margin-bottom: 110px !important; }

  .padding_top_s_115 {
    padding-top: 115px !important; }

  .padding_bottom_s_115 {
    padding-bottom: 115px !important; }

  .margin_top_s_115 {
    margin-top: 115px !important; }

  .margin_bottom_s_115 {
    margin-bottom: 115px !important; }

  .padding_top_s_120 {
    padding-top: 120px !important; }

  .padding_bottom_s_120 {
    padding-bottom: 120px !important; }

  .margin_top_s_120 {
    margin-top: 120px !important; }

  .margin_bottom_s_120 {
    margin-bottom: 120px !important; }

  .padding_top_s_125 {
    padding-top: 125px !important; }

  .padding_bottom_s_125 {
    padding-bottom: 125px !important; }

  .margin_top_s_125 {
    margin-top: 125px !important; }

  .margin_bottom_s_125 {
    margin-bottom: 125px !important; }

  .padding_top_s_130 {
    padding-top: 130px !important; }

  .padding_bottom_s_130 {
    padding-bottom: 130px !important; }

  .margin_top_s_130 {
    margin-top: 130px !important; }

  .margin_bottom_s_130 {
    margin-bottom: 130px !important; }

  .padding_top_s_135 {
    padding-top: 135px !important; }

  .padding_bottom_s_135 {
    padding-bottom: 135px !important; }

  .margin_top_s_135 {
    margin-top: 135px !important; }

  .margin_bottom_s_135 {
    margin-bottom: 135px !important; }

  .padding_top_s_140 {
    padding-top: 140px !important; }

  .padding_bottom_s_140 {
    padding-bottom: 140px !important; }

  .margin_top_s_140 {
    margin-top: 140px !important; }

  .margin_bottom_s_140 {
    margin-bottom: 140px !important; }

  .padding_top_s_145 {
    padding-top: 145px !important; }

  .padding_bottom_s_145 {
    padding-bottom: 145px !important; }

  .margin_top_s_145 {
    margin-top: 145px !important; }

  .margin_bottom_s_145 {
    margin-bottom: 145px !important; }

  .padding_top_s_150 {
    padding-top: 150px !important; }

  .padding_bottom_s_150 {
    padding-bottom: 150px !important; }

  .margin_top_s_150 {
    margin-top: 150px !important; }

  .margin_bottom_s_150 {
    margin-bottom: 150px !important; }

  .padding_top_s_155 {
    padding-top: 155px !important; }

  .padding_bottom_s_155 {
    padding-bottom: 155px !important; }

  .margin_top_s_155 {
    margin-top: 155px !important; }

  .margin_bottom_s_155 {
    margin-bottom: 155px !important; }

  .padding_top_s_160 {
    padding-top: 160px !important; }

  .padding_bottom_s_160 {
    padding-bottom: 160px !important; }

  .margin_top_s_160 {
    margin-top: 160px !important; }

  .margin_bottom_s_160 {
    margin-bottom: 160px !important; }

  .padding_top_s_165 {
    padding-top: 165px !important; }

  .padding_bottom_s_165 {
    padding-bottom: 165px !important; }

  .margin_top_s_165 {
    margin-top: 165px !important; }

  .margin_bottom_s_165 {
    margin-bottom: 165px !important; }

  .padding_top_s_170 {
    padding-top: 170px !important; }

  .padding_bottom_s_170 {
    padding-bottom: 170px !important; }

  .margin_top_s_170 {
    margin-top: 170px !important; }

  .margin_bottom_s_170 {
    margin-bottom: 170px !important; }

  .padding_top_s_175 {
    padding-top: 175px !important; }

  .padding_bottom_s_175 {
    padding-bottom: 175px !important; }

  .margin_top_s_175 {
    margin-top: 175px !important; }

  .margin_bottom_s_175 {
    margin-bottom: 175px !important; }

  .padding_top_s_180 {
    padding-top: 180px !important; }

  .padding_bottom_s_180 {
    padding-bottom: 180px !important; }

  .margin_top_s_180 {
    margin-top: 180px !important; }

  .margin_bottom_s_180 {
    margin-bottom: 180px !important; }

  .padding_top_s_185 {
    padding-top: 185px !important; }

  .padding_bottom_s_185 {
    padding-bottom: 185px !important; }

  .margin_top_s_185 {
    margin-top: 185px !important; }

  .margin_bottom_s_185 {
    margin-bottom: 185px !important; }

  .padding_top_s_190 {
    padding-top: 190px !important; }

  .padding_bottom_s_190 {
    padding-bottom: 190px !important; }

  .margin_top_s_190 {
    margin-top: 190px !important; }

  .margin_bottom_s_190 {
    margin-bottom: 190px !important; }

  .padding_top_s_195 {
    padding-top: 195px !important; }

  .padding_bottom_s_195 {
    padding-bottom: 195px !important; }

  .margin_top_s_195 {
    margin-top: 195px !important; }

  .margin_bottom_s_195 {
    margin-bottom: 195px !important; }

  .padding_top_s_200 {
    padding-top: 200px !important; }

  .padding_bottom_s_200 {
    padding-bottom: 200px !important; }

  .margin_top_s_200 {
    margin-top: 200px !important; }

  .margin_bottom_s_200 {
    margin-bottom: 200px !important; }

  .padding_top_s_205 {
    padding-top: 205px !important; }

  .padding_bottom_s_205 {
    padding-bottom: 205px !important; }

  .margin_top_s_205 {
    margin-top: 205px !important; }

  .margin_bottom_s_205 {
    margin-bottom: 205px !important; }

  .padding_top_s_210 {
    padding-top: 210px !important; }

  .padding_bottom_s_210 {
    padding-bottom: 210px !important; }

  .margin_top_s_210 {
    margin-top: 210px !important; }

  .margin_bottom_s_210 {
    margin-bottom: 210px !important; }

  .padding_top_s_215 {
    padding-top: 215px !important; }

  .padding_bottom_s_215 {
    padding-bottom: 215px !important; }

  .margin_top_s_215 {
    margin-top: 215px !important; }

  .margin_bottom_s_215 {
    margin-bottom: 215px !important; }

  .padding_top_s_220 {
    padding-top: 220px !important; }

  .padding_bottom_s_220 {
    padding-bottom: 220px !important; }

  .margin_top_s_220 {
    margin-top: 220px !important; }

  .margin_bottom_s_220 {
    margin-bottom: 220px !important; }

  .padding_top_s_225 {
    padding-top: 225px !important; }

  .padding_bottom_s_225 {
    padding-bottom: 225px !important; }

  .margin_top_s_225 {
    margin-top: 225px !important; }

  .margin_bottom_s_225 {
    margin-bottom: 225px !important; }

  .padding_top_s_230 {
    padding-top: 230px !important; }

  .padding_bottom_s_230 {
    padding-bottom: 230px !important; }

  .margin_top_s_230 {
    margin-top: 230px !important; }

  .margin_bottom_s_230 {
    margin-bottom: 230px !important; }

  .padding_top_s_235 {
    padding-top: 235px !important; }

  .padding_bottom_s_235 {
    padding-bottom: 235px !important; }

  .margin_top_s_235 {
    margin-top: 235px !important; }

  .margin_bottom_s_235 {
    margin-bottom: 235px !important; }

  .padding_top_s_240 {
    padding-top: 240px !important; }

  .padding_bottom_s_240 {
    padding-bottom: 240px !important; }

  .margin_top_s_240 {
    margin-top: 240px !important; }

  .margin_bottom_s_240 {
    margin-bottom: 240px !important; }

  .padding_top_s_245 {
    padding-top: 245px !important; }

  .padding_bottom_s_245 {
    padding-bottom: 245px !important; }

  .margin_top_s_245 {
    margin-top: 245px !important; }

  .margin_bottom_s_245 {
    margin-bottom: 245px !important; }

  .padding_top_s_250 {
    padding-top: 250px !important; }

  .padding_bottom_s_250 {
    padding-bottom: 250px !important; }

  .margin_top_s_250 {
    margin-top: 250px !important; }

  .margin_bottom_s_250 {
    margin-bottom: 250px !important; }

  .padding_top_s_255 {
    padding-top: 255px !important; }

  .padding_bottom_s_255 {
    padding-bottom: 255px !important; }

  .margin_top_s_255 {
    margin-top: 255px !important; }

  .margin_bottom_s_255 {
    margin-bottom: 255px !important; }

  .padding_top_s_260 {
    padding-top: 260px !important; }

  .padding_bottom_s_260 {
    padding-bottom: 260px !important; }

  .margin_top_s_260 {
    margin-top: 260px !important; }

  .margin_bottom_s_260 {
    margin-bottom: 260px !important; }

  .padding_top_s_265 {
    padding-top: 265px !important; }

  .padding_bottom_s_265 {
    padding-bottom: 265px !important; }

  .margin_top_s_265 {
    margin-top: 265px !important; }

  .margin_bottom_s_265 {
    margin-bottom: 265px !important; }

  .padding_top_s_270 {
    padding-top: 270px !important; }

  .padding_bottom_s_270 {
    padding-bottom: 270px !important; }

  .margin_top_s_270 {
    margin-top: 270px !important; }

  .margin_bottom_s_270 {
    margin-bottom: 270px !important; }

  .padding_top_s_275 {
    padding-top: 275px !important; }

  .padding_bottom_s_275 {
    padding-bottom: 275px !important; }

  .margin_top_s_275 {
    margin-top: 275px !important; }

  .margin_bottom_s_275 {
    margin-bottom: 275px !important; }

  .padding_top_s_280 {
    padding-top: 280px !important; }

  .padding_bottom_s_280 {
    padding-bottom: 280px !important; }

  .margin_top_s_280 {
    margin-top: 280px !important; }

  .margin_bottom_s_280 {
    margin-bottom: 280px !important; }

  .padding_top_s_285 {
    padding-top: 285px !important; }

  .padding_bottom_s_285 {
    padding-bottom: 285px !important; }

  .margin_top_s_285 {
    margin-top: 285px !important; }

  .margin_bottom_s_285 {
    margin-bottom: 285px !important; }

  .padding_top_s_290 {
    padding-top: 290px !important; }

  .padding_bottom_s_290 {
    padding-bottom: 290px !important; }

  .margin_top_s_290 {
    margin-top: 290px !important; }

  .margin_bottom_s_290 {
    margin-bottom: 290px !important; }

  .padding_top_s_295 {
    padding-top: 295px !important; }

  .padding_bottom_s_295 {
    padding-bottom: 295px !important; }

  .margin_top_s_295 {
    margin-top: 295px !important; }

  .margin_bottom_s_295 {
    margin-bottom: 295px !important; }

  .padding_top_s_300 {
    padding-top: 300px !important; }

  .padding_bottom_s_300 {
    padding-bottom: 300px !important; }

  .margin_top_s_300 {
    margin-top: 300px !important; }

  .margin_bottom_s_300 {
    margin-bottom: 300px !important; }

  .padding_top_s_0 {
    padding-top: 0 !important; }

  .padding_s_0 {
    padding: 0 !important; }

  .margin_top_s0 {
    margin-top: 0px; }

  .margin_top_s-20 {
    margin-top: -20px; }

  .margin_top_s-40 {
    margin-top: -40px; }

  .margin_top_s-50 {
    margin-top: -50px; }

  .margin_top_s-60 {
    margin-top: -60px; }

  .margin_bottom_s0 {
    margin-bottom: 0px; }

  .margin_bottom_s-20 {
    margin-bottom: -20px; }

  .margin_bottom_s-40 {
    margin-bottom: -40px; }

  .margin_bottom_s-50 {
    margin-bottom: -50px; }

  .margin_bottom_s-60 {
    margin-bottom: -60px; } }
/*:*/
:root {
  --primary-light: #8abdff;
  --primary: #6d5dfc;
  --primary-dark: #5b0eeb;
  --white: #FFFFFF;
  --greyLight-1: #E4EBF5;
  --greyLight-2: #c8d0e7;
  --greyLight-3: #bec8e4;
  --greyDark: #1a1a1a; }

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  font-size: 62.5%;
  overflow-y: scroll; }

.container {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  background: var(--greyLight-1); }

.components {
  width: 75rem;
  height: 40rem;
  border-radius: 3rem;
  box-shadow: 0.8rem 0.8rem 1.4rem var(--greyLight-2), -0.2rem -0.2rem 1.8rem var(--white);
  padding: 4rem;
  display: grid;
  grid-template-columns: 17.6rem 19rem 20.4rem;
  grid-template-rows: repeat(autofit, min-content);
  grid-column-gap: 5rem;
  grid-row-gap: 2.5rem;
  align-items: center; }

/*  SWITCH  */
.switch {
  grid-column: 1 / 2;
  display: grid;
  grid-template-columns: repeat(2, min-content);
  grid-gap: 3rem;
  justify-self: center; }
  .switch input {
    display: none; }
  .switch__1, .switch__2 {
    width: 6rem; }
    .switch__1 label, .switch__2 label {
      display: flex;
      align-items: center;
      width: 100%;
      height: 3rem;
      box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
      background: rgba(255, 255, 255, 0);
      position: relative;
      cursor: pointer;
      border-radius: 1.6rem; }
      .switch__1 label::after, .switch__2 label::after {
        content: "";
        position: absolute;
        left: .4rem;
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 50%;
        background: var(--greyDark);
        transition: all .4s ease; }
      .switch__1 label::before, .switch__2 label::before {
        content: '';
        width: 100%;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(330deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);
        opacity: 0;
        transition: all .4s ease; }
  .switch input:checked ~ label::before {
    opacity: 1; }
  .switch input:checked ~ label::after {
    left: 57%;
    background: var(--greyLight-1); }

/*  CHECKBOX  */
.checkbox {
  grid-column: 1 / 2;
  display: grid;
  grid-template-columns: repeat(2, 6rem);
  grid-gap: 3rem;
  justify-content: center; }
  .checkbox input {
    display: none; }
  .checkbox__1, .checkbox__2 {
    width: 6rem;
    display: flex;
    justify-content: center; }
    .checkbox__1 label, .checkbox__2 label {
      box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
      cursor: pointer;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: .5rem;
      width: 2.8rem;
      height: 2.8rem; }
      .checkbox__1 label:hover i, .checkbox__2 label:hover i {
        color: var(--primary); }
      .checkbox__1 label i, .checkbox__2 label i {
        font-size: 1.8rem;
        font-weight: 700;
        color: var(--greyDark);
        transition: .3s ease; }
    .checkbox__1 input:checked ~ label, .checkbox__2 input:checked ~ label {
      box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white); }
      .checkbox__1 input:checked ~ label i, .checkbox__2 input:checked ~ label i {
        color: var(--primary); }

/*  RADIO  */
.radio {
  grid-column: 1 / 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center; }
  .radio input {
    display: none; }
  .radio__1 input:checked ~ label, .radio__2 input:checked ~ label {
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white); }
    .radio__1 input:checked ~ label::after, .radio__2 input:checked ~ label::after {
      background: var(--primary); }
  .radio__1 label, .radio__2 label {
    box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%; }
    .radio__1 label:hover::after, .radio__2 label:hover::after {
      background: var(--primary); }
    .radio__1 label::after, .radio__2 label::after {
      content: "";
      position: absolute;
      width: 1.4rem;
      height: 1.4rem;
      background: var(--greyDark);
      border-radius: 50%;
      transition: 0.3s ease; }

/*  BUTTONS  */
.btn {
  width: 15rem;
  height: 4rem;
  border-radius: 1rem;
  box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s ease; }
  .btn__primary {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    background: var(--primary);
    box-shadow: inset 0.2rem 0.2rem 1rem var(--primary-light), inset -0.2rem -0.2rem 1rem var(--primary-dark), 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
    color: var(--greyLight-1); }
    .btn__primary:hover {
      color: var(--white); }
    .btn__primary:active {
      box-shadow: inset 0.2rem 0.2rem 1rem var(--primary-dark), inset -0.2rem -0.2rem 1rem var(--primary-light); }
  .btn__secondary {
    grid-column: 1 / 2;
    grid-row: 5 / 6;
    color: var(--greyDark); }
    .btn__secondary:hover {
      color: var(--primary); }
    .btn__secondary:active {
      box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white); }
  .btn p {
    font-size: 1.6rem; }

/*  CLOCK  */
.clock {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  width: 12rem;
  height: 12rem;
  justify-self: center;
  box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .clock .hand {
    position: absolute;
    transform-origin: bottom;
    bottom: 6rem;
    border-radius: .2rem;
    z-index: 200; }
  .clock .hours {
    width: .4rem;
    height: 3.2rem;
    background: var(--greyLight-3); }
  .clock .minutes {
    width: .4rem;
    height: 4.6rem;
    background: var(--greyDark); }
  .clock .seconds {
    width: .2rem;
    height: 5.2rem;
    background: var(--primary); }
  .clock .point {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background: var(--primary);
    z-index: 300; }
  .clock .marker {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    position: relative;
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white); }
    .clock .marker::after {
      content: '';
      width: 60%;
      height: 60%;
      position: absolute;
      box-shadow: inset 1px 1px 1px var(--greyLight-2), inset -1px -1px 1px var(--white);
      border-radius: 50%;
      top: 20%;
      left: 20%;
      filter: blur(1px); }
    .clock .marker__1, .clock .marker__2, .clock .marker__3, .clock .marker__4 {
      position: absolute;
      border-radius: .1rem;
      box-shadow: inset 1px 1px 1px var(--greyLight-2), inset -1px -1px 1px var(--white); }
    .clock .marker__1, .clock .marker__2 {
      width: .2rem;
      height: .6rem;
      left: 5.6rem; }
    .clock .marker__3, .clock .marker__4 {
      width: .6rem;
      height: .2rem;
      top: 5.6rem; }
    .clock .marker__1 {
      top: 2%; }
    .clock .marker__2 {
      top: 98%;
      transform: translateY(-0.6rem); }
    .clock .marker__3 {
      left: 2%; }
    .clock .marker__4 {
      left: 98%;
      transform: translateX(-0.6rem); }

/*  CHIP  */
.chip {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  justify-self: center;
  width: 17rem;
  height: 4rem;
  border-radius: 1rem;
  box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .chip__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    margin: 0 0 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    color: var(--primary); }
  .chip p {
    font-size: .9rem;
    margin-left: -1.8rem;
    color: var(--greyDark); }
  .chip__close {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 .5rem;
    display: flex;
    font-size: 1.6rem;
    color: var(--greyLight-3);
    cursor: pointer; }

/*  PLAY BUTTON  */
.circle {
  grid-column: 2 / 3;
  grid-row: 4 / 6;
  width: 9rem;
  height: 100%;
  justify-self: center;
  border-radius: 1rem;
  display: grid;
  grid-template-rows: 1fr;
  justify-items: center;
  align-items: center; }
  .circle__btn {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 6rem;
    height: 6rem;
    display: flex;
    margin: .6rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 3.2rem;
    color: var(--primary);
    z-index: 300;
    background: var(--greyLight-1);
    box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
    cursor: pointer;
    position: relative; }
    .circle__btn.shadow {
      box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white); }
    .circle__btn .play {
      position: absolute;
      opacity: 0;
      transition: all .2s linear; }
      .circle__btn .play.visibility {
        opacity: 1; }
    .circle__btn .pause {
      position: absolute;
      transition: all .2s linear; }
      .circle__btn .pause.visibility {
        opacity: 0; }
  .circle__back-1, .circle__back-2 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    filter: blur(1px);
    z-index: 100; }
  .circle__back-1 {
    box-shadow: 0.4rem 0.4rem 0.8rem var(--greyLight-2), -0.4rem -0.4rem 0.8rem var(--white);
    background: linear-gradient(to bottom right, var(--greyLight-2) 0%, var(--white) 100%);
    animation: waves 4s linear infinite; }
    .circle__back-1.paused {
      animation-play-state: paused; }
  .circle__back-2 {
    box-shadow: 0.4rem 0.4rem 0.8rem var(--greyLight-2), -0.4rem -0.4rem 0.8rem var(--white);
    animation: waves 4s linear 2s infinite; }
    .circle__back-2.paused {
      animation-play-state: paused; }

/*  FORM  */
.form {
  grid-column: 3 / 4;
  grid-row: 3 / 4; }
  .form__input {
    width: 20.4rem;
    height: 4rem;
    border: none;
    border-radius: 1rem;
    font-size: 1.4rem;
    padding-left: 1.4rem;
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white);
    background: none;
    font-family: inherit;
    color: var(--greyDark); }
    .form__input::placeholder {
      color: var(--greyLight-3); }
    .form__input:focus {
      outline: none;
      box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
      background-color: #FFF; }

/*  SEARCH  */
.search {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
  position: relative;
  display: flex;
  align-items: center; }
  .search__input {
    width: 20.4rem;
    height: 4rem;
    border: none;
    border-radius: 1rem;
    font-size: 1.4rem;
    padding-left: 3.8rem;
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white);
    background: none;
    font-family: inherit;
    color: var(--greyDark); }
    .search__input::placeholder {
      color: var(--greyLight-3); }
    .search__input:focus {
      outline: none;
      box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white); }
      .search__input:focus + .search__icon {
        color: var(--primary); }
  .search__icon {
    height: 2rem;
    position: absolute;
    font-size: 2rem;
    padding: 0 1rem;
    display: flex;
    color: var(--greyDark);
    transition: .3s ease; }

/*  SEGMENTED-CONTROL */
.segmented-control {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  width: 20.4rem;
  height: 4rem;
  box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  position: relative; }
  .segmented-control input {
    display: none; }
  .segmented-control > input:checked + label {
    transition: all .5s ease;
    color: var(--primary); }
  .segmented-control__1, .segmented-control__2, .segmented-control__3 {
    width: 6.8rem;
    height: 3.6rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: var(--greyDark);
    transition: all .5s ease; }
    .segmented-control__1:hover, .segmented-control__2:hover, .segmented-control__3:hover {
      color: var(--primary); }
  .segmented-control__color {
    position: absolute;
    height: 3.4rem;
    width: 6.2rem;
    margin-left: .3rem;
    border-radius: .8rem;
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white);
    pointer-events: none; }

#tab-1:checked ~ .segmented-control__color {
  transform: translateX(0);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

#tab-2:checked ~ .segmented-control__color {
  transform: translateX(6.8rem);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

#tab-3:checked ~ .segmented-control__color {
  transform: translateX(13.6rem);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

/*  ICONS  */
.icon {
  grid-column: 3 / 4;
  grid-row: 4 / 5;
  display: flex;
  justify-content: space-between; }
  .icon__account, .icon__home, .icon__settings {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    cursor: pointer;
    color: var(--greyDark);
    transition: all .5s ease; }
    .icon__account:active, .icon__home:active, .icon__settings:active {
      box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white);
      color: var(--primary); }
    .icon__account:hover, .icon__home:hover, .icon__settings:hover {
      color: var(--primary); }

/*  RANGE-SLIDER  */
.slider {
  grid-column: 3 / 4;
  grid-row: 5 / 6;
  align-self: center;
  display: flex;
  flex-direction: column; }
  .slider__box {
    width: 100%;
    height: 1rem;
    cursor: pointer;
    box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white);
    border-radius: 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
  .slider__btn {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--white);
    position: absolute;
    box-shadow: 0px 0.1rem 0.3rem 0px var(--greyLight-3);
    z-index: 200;
    display: flex;
    justify-content: center;
    align-items: center; }
    .slider__btn:hover ~ .slider__tooltip {
      opacity: 1; }
    .slider__btn::after {
      content: '';
      position: absolute;
      width: .8rem;
      height: .8rem;
      border-radius: 50%;
      box-shadow: inset 0.2rem 0.2rem 0.5rem var(--greyLight-2), inset -0.2rem -0.2rem 0.5rem var(--white); }
  .slider__color {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 0;
    z-index: 100;
    border-radius: inherit;
    background: var(--primary);
    background: linear-gradient(-1deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%); }
  .slider__tooltip {
    position: absolute;
    top: 2.6rem;
    height: 2.5rem;
    width: 3rem;
    border-radius: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: var(--primary);
    box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
    opacity: 0;
    transition: opacity .3s ease; }

@keyframes waves {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(2);
    opacity: 0; } }
.dribbble {
  position: fixed;
  font-size: 2.6rem;
  right: 2rem;
  bottom: 1rem;
  color: #EA4C89; }

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