/*
Theme Name: BOXGO
Author: Asander
*/
.main-color {
  color: #012965;
}

.second-color {
  color: #0154d0;
}

.black-color {
  color: #000000;
}

.white-color {
  color: #FFFFFF;
}

.green-color {
  color: #639253;
}

.red-color {
  color: #B76363;
}

.blue-color {
  color: #538BDF;
}

.main-b-color {
  background-color: #012965;
}

.second-b-color {
  background-color: #0154d0;
}

.black-b-color {
  background-color: #000000;
}

.white-b-color {
  background-color: #FFFFFF;
}

.green-b-color {
  background-color: #639253;
}

.red-b-color {
  background-color: #B76363;
}

.blue-b-color {
  background-color: #538BDF;
}

.main-border {
  border: 1px solid #012965;
}

.second-border {
  border: 1px solid #0154d0;
}

.black-border {
  border: 1px solid #000000;
}

.white-border {
  border: 1px solid #FFFFFF;
}

.green-border {
  border: 1px solid #639253;
}

.red-border {
  border: 1px solid #B76363;
}

.blue-border {
  border: 1px solid #538BDF;
}

.font05 {
  font-size: 0.5rem;
}

.font06 {
  font-size: 0.6rem;
}

.font07 {
  font-size: 0.7rem;
}

.font08 {
  font-size: 0.8rem;
}

.font09 {
  font-size: 0.9rem;
}

.font1 {
  font-size: 1rem;
}

.font11 {
  font-size: 1.1rem;
}

.font12 {
  font-size: 1.2rem;
}

.font13 {
  font-size: 1.3rem;
}

.font15 {
  font-size: 1.5rem;
}

.font17 {
  font-size: 1.7rem;
}

.font2 {
  font-size: 2rem;
}

.font23 {
  font-size: 2.3rem;
}

.font25 {
  font-size: 2.5rem;
}

.font3 {
  font-size: 3rem;
}

.font35 {
  font-size: 3.3rem;
}

.font4 {
  font-size: 3.5rem;
}

.font5 {
  font-size: 4.5rem;
}

.font6 {
  font-size: 6rem;
}

html, body {
  font-family: "Inter", sans-serif;
  scroll-behavior: smooth;
  font-size: 16px;
  color: #000000;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #000000;
}

.theme_mode_type {
  display: flex;
}

.theme_mode_type > button {
  margin: 0 10px;
}

body [data-mode=light] {
  display: none;
}

body.dark [data-mode=light] {
  display: block;
}

body.dark [data-mode=dark] {
  display: none;
}

img {
  max-width: 100%;
}

.brand_item {
  filter: grayscale(1);
  margin: 0 25px;
}

body.dark .brand_item {
  filter: grayscale(1) invert(2);
}

.header_logo img {
  width: 100px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.bg-50 {
  padding-bottom: 50%;
}

.bg-70 {
  padding-bottom: 70%;
}

.bg-150 {
  padding-bottom: 150%;
}

.ml-auto {
  margin-left: auto;
}

.b-nor {
  background-repeat: no-repeat;
}

.b-cover {
  background-size: cover;
}

.b-center {
  background-position: center;
}

.b-contain {
  background-size: contain;
}

.header__area_left .header__logo img {
  width: 90px;
  transform: rotate(-90deg);
}

.service_icon {
  height: 50px;
}

.testimonial__images-3 img {
  max-height: 300px;
}

.tip {
  position: absolute;
  z-index: 2;
  background-color: #3ba948;
  opacity: 1;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 100%;
  font-size: 12px;
  font-weight: bold;
  line-height: 23px;
  transform: translate(-10px, -10px);
  color: #fff;
  display: none;
}

.tipbox {
  display: none;
}

.tipon .tip,
.tipon .tipbox {
  display: block;
}

.show_tips {
  position: fixed;
  width: 20px;
  height: 20px;
  right: 0;
  top: 0;
  background: #FFD600;
  border-radius: 100%;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  color: #fff;
  cursor: pointer;
  opacity: 0.5;
  z-index: 999999;
}

#wpadminbar {
  top: unset;
  bottom: 0;
  opacity: 0;
}

#wpadminbar:hover {
  opacity: 1;
}

@media (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
body #lightbox {
  z-index: 9999;
}
body #overlay {
  z-index: 9998;
}
body #imageData #bottomNavClose {
  padding-bottom: 0.7em;
  margin: 0 auto;
  display: block;
  float: none;
  width: auto;
}

.btn_wrapper .pb-140 {
  padding-bottom: unset;
}

.offcanvas__left {
  grid-template-rows: 0.5fr 1.5fr 1fr;
}

.offcanvas__social {
  padding-top: 100px;
}

footer a {
  color: var(--gray-2);
}
footer .footer__logo_copy {
  width: 120px;
}

.cursor1 {
  opacity: 0.4;
}

.monitor {
  border: 2px solid #ddd;
  border-radius: 5px;
}

.home_icon {
  height: 10px;
}

body .breadcrumbs_container {
  filter: grayscale(1);
}
body.dark .breadcrumbs_container {
  filter: invert(1) grayscale(1);
}

.page_navi.white .nav-links .page-numbers {
  color: #FFFFFF;
}
.page_navi .nav-links {
  display: flex;
  justify-content: center;
  width: 100%;
}
.page_navi .nav-links > * {
  margin: 0 5px;
}
.page_navi .nav-links .page-numbers {
  color: #000000;
  padding: 20px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_navi .nav-links .page-numbers:hover, .page_navi .nav-links .page-numbers.current {
  color: #FFFFFF;
  background-color: #012965;
  border: 1px solid #012965;
}
.page_navi .nav-links .page-numbers.next, .page_navi .nav-links .page-numbers.prev {
  width: auto;
  border: none;
  border-radius: 0;
}

.contact__form .btn_wrapper,
.contact__form #btn_wrapper,
.simple_btn .btn_wrapper,
.simple_btn #btn_wrapper {
  height: auto;
  margin-top: 0px;
  margin-left: 0;
  transform: none !important;
  opacity: 1 !important;
}
.contact__form .wc-btn-primary,
.contact__form .wc-btn-black,
.contact__form .wc-btn-light,
.contact__form .wc-btn-pink,
.contact__form .wc-btn-secondary,
.simple_btn .wc-btn-primary,
.simple_btn .wc-btn-black,
.simple_btn .wc-btn-light,
.simple_btn .wc-btn-pink,
.simple_btn .wc-btn-secondary {
  border-radius: 0;
  height: auto;
  padding: 25px 40px;
}
.contact__form .btn-item,
.simple_btn .btn-item {
  position: relative;
  width: auto;
}
.contact__form input::placeholder,
.contact__form textarea::placeholder,
.simple_btn input::placeholder,
.simple_btn textarea::placeholder {
  color: #1212125e;
}
.contact__form textarea,
.simple_btn textarea {
  height: 96px;
}

.portfolio__item {
  background-color: rgba(0, 0, 0, 0.83);
  padding: 30px;
}

.with_screen {
  position: absolute;
  right: -40px;
  top: 40px;
}

.scroll-top {
  width: 25px;
  height: 25px;
  position: fixed;
  right: 5px;
  bottom: 5px;
}

.classic_editor__area h2 {
  margin: 30px 0 20px;
}

.grecaptcha-badge {
  transform: scale(0.01);
  transform-origin: right;
}

.beauty_scroll {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.beauty_scroll.transparent::-webkit-scrollbar {
  width: 0px;
}
.beauty_scroll::-webkit-scrollbar {
  width: 3px;
}
.beauty_scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.beauty_scroll::-webkit-scrollbar-thumb {
  background: #012965;
}
.beauty_scroll::-webkit-scrollbar-thumb:hover {
  background: #012965;
}

.hero {
  padding-top: 200px;
}

.slider_container .slider_holder {
  padding-bottom: 2%;
}
@media (max-width: 992px) {
  .slider_container .slider_holder {
    border-top: 2px solid #ddd;
  }
}
.slider_container .slider {
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  position: relative;
  transform-origin: top center;
}
.slider_container .container {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.slider_container hr {
  width: 100%;
  border-top: 1px solid #000000;
}

.background_box_container .inner_content {
  padding: 270px 0;
}
@media (max-width: 1400px) {
  .background_box_container .inner_content {
    padding: 170px 0;
  }
}
@media (max-width: 992px) {
  .background_box_container .inner_content {
    padding: 100px 0;
  }
}

.rounded_ul ul {
  padding-left: 0px;
  list-style-type: none;
}
.rounded_ul ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 30px;
  font-weight: 600;
}
.rounded_ul ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border: 2px solid #0154d0;
  border-radius: 100%;
}

.container_ul ul {
  padding-left: 0px;
  list-style-type: none;
}
.container_ul ul li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 50px;
}
.container_ul ul li:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 60px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(img/small_list_container.png);
}

.carousel_text .carousel_container {
  position: relative;
  line-height: 0;
  margin-top: -100px;
}
@media (max-width: 992px) {
  .carousel_text .carousel_container {
    margin-top: 0px;
    background-color: #0154d0;
  }
}
.carousel_text .carousel_container:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 78%;
  height: 67%;
  background-color: #0154d0;
}
.carousel_text .carousel_container img {
  position: relative;
  left: 0;
  width: 40%;
  bottom: -10px;
}
@media (max-width: 992px) {
  .carousel_text .carousel_container img {
    position: absolute;
    left: unset;
    right: 0;
    width: 19%;
    bottom: 80%;
  }
}
.carousel_text .carousel {
  position: absolute;
  line-height: normal;
  bottom: 15%;
  left: 50%;
  width: 40%;
}
@media (max-width: 992px) {
  .carousel_text .carousel {
    position: relative;
    padding: 50px 30px 30px;
    left: 10%;
    width: 80%;
  }
}
.carousel_text .carousel .item {
  display: none;
  position: relative;
}
.carousel_text .carousel .item .item_index {
  position: absolute;
  top: -30px;
  left: -30px;
  font-size: 0.8rem;
  color: #000000;
}
.carousel_text .carousel .item.active {
  display: block;
}
.carousel_text .navigation_container {
  margin-top: 7px;
}
.carousel_text .navigation_container .carousel_navigation {
  display: flex;
  gap: 10px;
}
.carousel_text .navigation_container .carousel_navigation .nav_item {
  width: 25%;
  height: 4px;
  background-color: #0154d0;
  cursor: pointer;
}
.carousel_text .navigation_container .carousel_navigation .nav_item.active {
  background-color: #012965;
}

.zalety_boxes .box .title {
  border: 1px solid #0154d0;
  color: #0154d0;
  padding: 10px;
  border-radius: 25px;
  margin-bottom: 10px;
  font-weight: 900;
  display: table;
  margin: 30px auto;
}
.zalety_boxes .box .icon img {
  margin: 0 auto;
  height: 50px;
  display: block;
}
.zalety_boxes .box .desc {
  text-align: center;
  max-width: 150px;
  color: #012965;
  margin: 0 auto;
}

.contact_form_container .contact_desc {
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.alignleft {
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.inputs input[type=text],
.inputs input[type=email],
.inputs input[type=tel],
.inputs textarea {
  width: 100%;
  border: 0px;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  font-family: "Inter", sans-serif;
  max-height: 100px;
  margin-bottom: 40px;
}
.inputs input[type=text]::placeholder,
.inputs input[type=email]::placeholder,
.inputs input[type=tel]::placeholder,
.inputs textarea::placeholder {
  color: #797979;
  font-size: 0.8rem;
}
.inputs input[type=text]:focus,
.inputs input[type=email]:focus,
.inputs input[type=tel]:focus,
.inputs textarea:focus {
  outline: none;
  border-bottom: 1px solid #012965;
}
.inputs button {
  background-color: #012965;
  color: #FFFFFF;
  padding: 15px 25px;
  border: 0px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  margin-top: 20px;
  margin-left: auto;
  border-radius: 25px;
  display: table;
}

@media (max-width: 768px) {
  .company_info {
    text-align: center;
  }
}
.company_info .line {
  width: 100%;
  height: 1px;
  background-color: #0154d0;
}
.company_info #menu-main-menu-1 {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.text-center {
  text-align: center;
}

@media (min-width: 992px) {
  .text-md-right {
    text-align: right;
  }
}

sup {
  font-size: 0.7em;
}

@media (max-width: 768px) {
  .copyrights {
    text-align: center;
  }
}

/* Spaces */
.px--10 {
  padding-left: -10px !important;
  padding-right: -10px !important;
}

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

.pa--10 {
  padding: -10px -10px !important;
}

.pt--10 {
  padding-top: -10px !important;
}
@media (max-width: 772px) {
  .pt--10 {
    padding-top: -5px !important;
  }
}

.pb--10 {
  padding-bottom: -10px !important;
}
@media (max-width: 772px) {
  .pb--10 {
    padding-bottom: -5px !important;
  }
}

.pl--10 {
  padding-left: -10px !important;
}
@media (max-width: 772px) {
  .pl--10 {
    padding-left: -5px !important;
  }
}

.pr--10 {
  padding-right: -10px !important;
}
@media (max-width: 772px) {
  .pr--10 {
    padding-right: -5px !important;
  }
}

.p--10 {
  padding: -10px !important;
}

.mx--10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

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

.ma--10 {
  margin: -10px -10px !important;
}

.mt--10 {
  margin-top: -10px !important;
}
@media (max-width: 772px) {
  .mt--10 {
    margin-top: -5px !important;
  }
}

@media (max-width: 772px) {
  .mt-small--10 {
    margin-top: -10px !important;
  }
}
.mb--10 {
  margin-bottom: -10px !important;
}
@media (max-width: 772px) {
  .mb--10 {
    margin-bottom: -5px !important;
  }
}

@media (max-width: 772px) {
  .mb-small--10 {
    margin-bottom: -10px !important;
  }
}
.ml--10 {
  margin-left: -10px !important;
}
@media (max-width: 772px) {
  .ml--10 {
    margin-left: -5px !important;
  }
}

@media (max-width: 772px) {
  .ml-small--10 {
    margin-left: -10px !important;
  }
}
.mr--10 {
  margin-right: -10px !important;
}
@media (max-width: 772px) {
  .mr--10 {
    margin-right: -5px !important;
  }
}

@media (max-width: 772px) {
  .mr-small--10 {
    margin-right: -10px !important;
  }
}
.m--10 {
  margin: -10px !important;
}

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

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

.pa--30 {
  padding: -30px -30px !important;
}

.pt--30 {
  padding-top: -30px !important;
}
@media (max-width: 772px) {
  .pt--30 {
    padding-top: -15px !important;
  }
}

.pb--30 {
  padding-bottom: -30px !important;
}
@media (max-width: 772px) {
  .pb--30 {
    padding-bottom: -15px !important;
  }
}

.pl--30 {
  padding-left: -30px !important;
}
@media (max-width: 772px) {
  .pl--30 {
    padding-left: -15px !important;
  }
}

.pr--30 {
  padding-right: -30px !important;
}
@media (max-width: 772px) {
  .pr--30 {
    padding-right: -15px !important;
  }
}

.p--30 {
  padding: -30px !important;
}

.mx--30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

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

.ma--30 {
  margin: -30px -30px !important;
}

.mt--30 {
  margin-top: -30px !important;
}
@media (max-width: 772px) {
  .mt--30 {
    margin-top: -15px !important;
  }
}

@media (max-width: 772px) {
  .mt-small--30 {
    margin-top: -30px !important;
  }
}
.mb--30 {
  margin-bottom: -30px !important;
}
@media (max-width: 772px) {
  .mb--30 {
    margin-bottom: -15px !important;
  }
}

@media (max-width: 772px) {
  .mb-small--30 {
    margin-bottom: -30px !important;
  }
}
.ml--30 {
  margin-left: -30px !important;
}
@media (max-width: 772px) {
  .ml--30 {
    margin-left: -15px !important;
  }
}

@media (max-width: 772px) {
  .ml-small--30 {
    margin-left: -30px !important;
  }
}
.mr--30 {
  margin-right: -30px !important;
}
@media (max-width: 772px) {
  .mr--30 {
    margin-right: -15px !important;
  }
}

@media (max-width: 772px) {
  .mr-small--30 {
    margin-right: -30px !important;
  }
}
.m--30 {
  margin: -30px !important;
}

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

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

.pa--50 {
  padding: -50px -50px !important;
}

.pt--50 {
  padding-top: -50px !important;
}
@media (max-width: 772px) {
  .pt--50 {
    padding-top: -25px !important;
  }
}

.pb--50 {
  padding-bottom: -50px !important;
}
@media (max-width: 772px) {
  .pb--50 {
    padding-bottom: -25px !important;
  }
}

.pl--50 {
  padding-left: -50px !important;
}
@media (max-width: 772px) {
  .pl--50 {
    padding-left: -25px !important;
  }
}

.pr--50 {
  padding-right: -50px !important;
}
@media (max-width: 772px) {
  .pr--50 {
    padding-right: -25px !important;
  }
}

.p--50 {
  padding: -50px !important;
}

.mx--50 {
  margin-left: -50px !important;
  margin-right: -50px !important;
}

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

.ma--50 {
  margin: -50px -50px !important;
}

.mt--50 {
  margin-top: -50px !important;
}
@media (max-width: 772px) {
  .mt--50 {
    margin-top: -25px !important;
  }
}

@media (max-width: 772px) {
  .mt-small--50 {
    margin-top: -50px !important;
  }
}
.mb--50 {
  margin-bottom: -50px !important;
}
@media (max-width: 772px) {
  .mb--50 {
    margin-bottom: -25px !important;
  }
}

@media (max-width: 772px) {
  .mb-small--50 {
    margin-bottom: -50px !important;
  }
}
.ml--50 {
  margin-left: -50px !important;
}
@media (max-width: 772px) {
  .ml--50 {
    margin-left: -25px !important;
  }
}

@media (max-width: 772px) {
  .ml-small--50 {
    margin-left: -50px !important;
  }
}
.mr--50 {
  margin-right: -50px !important;
}
@media (max-width: 772px) {
  .mr--50 {
    margin-right: -25px !important;
  }
}

@media (max-width: 772px) {
  .mr-small--50 {
    margin-right: -50px !important;
  }
}
.m--50 {
  margin: -50px !important;
}

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

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

.pa-10 {
  padding: 10px 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}
@media (max-width: 772px) {
  .pt-10 {
    padding-top: 5px !important;
  }
}

.pb-10 {
  padding-bottom: 10px !important;
}
@media (max-width: 772px) {
  .pb-10 {
    padding-bottom: 5px !important;
  }
}

.pl-10 {
  padding-left: 10px !important;
}
@media (max-width: 772px) {
  .pl-10 {
    padding-left: 5px !important;
  }
}

.pr-10 {
  padding-right: 10px !important;
}
@media (max-width: 772px) {
  .pr-10 {
    padding-right: 5px !important;
  }
}

.p-10 {
  padding: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

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

.ma-10 {
  margin: 10px 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}
@media (max-width: 772px) {
  .mt-10 {
    margin-top: 5px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-10 {
    margin-top: 10px !important;
  }
}
.mb-10 {
  margin-bottom: 10px !important;
}
@media (max-width: 772px) {
  .mb-10 {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-10 {
    margin-bottom: 10px !important;
  }
}
.ml-10 {
  margin-left: 10px !important;
}
@media (max-width: 772px) {
  .ml-10 {
    margin-left: 5px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-10 {
    margin-left: 10px !important;
  }
}
.mr-10 {
  margin-right: 10px !important;
}
@media (max-width: 772px) {
  .mr-10 {
    margin-right: 5px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-10 {
    margin-right: 10px !important;
  }
}
.m-10 {
  margin: 10px !important;
}

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

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

.pa-15 {
  padding: 15px 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}
@media (max-width: 772px) {
  .pt-15 {
    padding-top: 7.5px !important;
  }
}

.pb-15 {
  padding-bottom: 15px !important;
}
@media (max-width: 772px) {
  .pb-15 {
    padding-bottom: 7.5px !important;
  }
}

.pl-15 {
  padding-left: 15px !important;
}
@media (max-width: 772px) {
  .pl-15 {
    padding-left: 7.5px !important;
  }
}

.pr-15 {
  padding-right: 15px !important;
}
@media (max-width: 772px) {
  .pr-15 {
    padding-right: 7.5px !important;
  }
}

.p-15 {
  padding: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

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

.ma-15 {
  margin: 15px 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}
@media (max-width: 772px) {
  .mt-15 {
    margin-top: 7.5px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-15 {
    margin-top: 15px !important;
  }
}
.mb-15 {
  margin-bottom: 15px !important;
}
@media (max-width: 772px) {
  .mb-15 {
    margin-bottom: 7.5px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-15 {
    margin-bottom: 15px !important;
  }
}
.ml-15 {
  margin-left: 15px !important;
}
@media (max-width: 772px) {
  .ml-15 {
    margin-left: 7.5px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-15 {
    margin-left: 15px !important;
  }
}
.mr-15 {
  margin-right: 15px !important;
}
@media (max-width: 772px) {
  .mr-15 {
    margin-right: 7.5px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-15 {
    margin-right: 15px !important;
  }
}
.m-15 {
  margin: 15px !important;
}

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

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

.pa-20 {
  padding: 20px 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}
@media (max-width: 772px) {
  .pt-20 {
    padding-top: 10px !important;
  }
}

.pb-20 {
  padding-bottom: 20px !important;
}
@media (max-width: 772px) {
  .pb-20 {
    padding-bottom: 10px !important;
  }
}

.pl-20 {
  padding-left: 20px !important;
}
@media (max-width: 772px) {
  .pl-20 {
    padding-left: 10px !important;
  }
}

.pr-20 {
  padding-right: 20px !important;
}
@media (max-width: 772px) {
  .pr-20 {
    padding-right: 10px !important;
  }
}

.p-20 {
  padding: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

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

.ma-20 {
  margin: 20px 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}
@media (max-width: 772px) {
  .mt-20 {
    margin-top: 10px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-20 {
    margin-top: 20px !important;
  }
}
.mb-20 {
  margin-bottom: 20px !important;
}
@media (max-width: 772px) {
  .mb-20 {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-20 {
    margin-bottom: 20px !important;
  }
}
.ml-20 {
  margin-left: 20px !important;
}
@media (max-width: 772px) {
  .ml-20 {
    margin-left: 10px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-20 {
    margin-left: 20px !important;
  }
}
.mr-20 {
  margin-right: 20px !important;
}
@media (max-width: 772px) {
  .mr-20 {
    margin-right: 10px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-20 {
    margin-right: 20px !important;
  }
}
.m-20 {
  margin: 20px !important;
}

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

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

.pa-30 {
  padding: 30px 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}
@media (max-width: 772px) {
  .pt-30 {
    padding-top: 15px !important;
  }
}

.pb-30 {
  padding-bottom: 30px !important;
}
@media (max-width: 772px) {
  .pb-30 {
    padding-bottom: 15px !important;
  }
}

.pl-30 {
  padding-left: 30px !important;
}
@media (max-width: 772px) {
  .pl-30 {
    padding-left: 15px !important;
  }
}

.pr-30 {
  padding-right: 30px !important;
}
@media (max-width: 772px) {
  .pr-30 {
    padding-right: 15px !important;
  }
}

.p-30 {
  padding: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

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

.ma-30 {
  margin: 30px 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}
@media (max-width: 772px) {
  .mt-30 {
    margin-top: 15px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-30 {
    margin-top: 30px !important;
  }
}
.mb-30 {
  margin-bottom: 30px !important;
}
@media (max-width: 772px) {
  .mb-30 {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-30 {
    margin-bottom: 30px !important;
  }
}
.ml-30 {
  margin-left: 30px !important;
}
@media (max-width: 772px) {
  .ml-30 {
    margin-left: 15px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-30 {
    margin-left: 30px !important;
  }
}
.mr-30 {
  margin-right: 30px !important;
}
@media (max-width: 772px) {
  .mr-30 {
    margin-right: 15px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-30 {
    margin-right: 30px !important;
  }
}
.m-30 {
  margin: 30px !important;
}

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

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

.pa-40 {
  padding: 40px 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}
@media (max-width: 772px) {
  .pt-40 {
    padding-top: 20px !important;
  }
}

.pb-40 {
  padding-bottom: 40px !important;
}
@media (max-width: 772px) {
  .pb-40 {
    padding-bottom: 20px !important;
  }
}

.pl-40 {
  padding-left: 40px !important;
}
@media (max-width: 772px) {
  .pl-40 {
    padding-left: 20px !important;
  }
}

.pr-40 {
  padding-right: 40px !important;
}
@media (max-width: 772px) {
  .pr-40 {
    padding-right: 20px !important;
  }
}

.p-40 {
  padding: 40px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

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

.ma-40 {
  margin: 40px 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}
@media (max-width: 772px) {
  .mt-40 {
    margin-top: 20px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-40 {
    margin-top: 40px !important;
  }
}
.mb-40 {
  margin-bottom: 40px !important;
}
@media (max-width: 772px) {
  .mb-40 {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-40 {
    margin-bottom: 40px !important;
  }
}
.ml-40 {
  margin-left: 40px !important;
}
@media (max-width: 772px) {
  .ml-40 {
    margin-left: 20px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-40 {
    margin-left: 40px !important;
  }
}
.mr-40 {
  margin-right: 40px !important;
}
@media (max-width: 772px) {
  .mr-40 {
    margin-right: 20px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-40 {
    margin-right: 40px !important;
  }
}
.m-40 {
  margin: 40px !important;
}

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

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

.pa-50 {
  padding: 50px 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}
@media (max-width: 772px) {
  .pt-50 {
    padding-top: 25px !important;
  }
}

.pb-50 {
  padding-bottom: 50px !important;
}
@media (max-width: 772px) {
  .pb-50 {
    padding-bottom: 25px !important;
  }
}

.pl-50 {
  padding-left: 50px !important;
}
@media (max-width: 772px) {
  .pl-50 {
    padding-left: 25px !important;
  }
}

.pr-50 {
  padding-right: 50px !important;
}
@media (max-width: 772px) {
  .pr-50 {
    padding-right: 25px !important;
  }
}

.p-50 {
  padding: 50px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

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

.ma-50 {
  margin: 50px 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}
@media (max-width: 772px) {
  .mt-50 {
    margin-top: 25px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-50 {
    margin-top: 50px !important;
  }
}
.mb-50 {
  margin-bottom: 50px !important;
}
@media (max-width: 772px) {
  .mb-50 {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-50 {
    margin-bottom: 50px !important;
  }
}
.ml-50 {
  margin-left: 50px !important;
}
@media (max-width: 772px) {
  .ml-50 {
    margin-left: 25px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-50 {
    margin-left: 50px !important;
  }
}
.mr-50 {
  margin-right: 50px !important;
}
@media (max-width: 772px) {
  .mr-50 {
    margin-right: 25px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-50 {
    margin-right: 50px !important;
  }
}
.m-50 {
  margin: 50px !important;
}

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

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

.pa-60 {
  padding: 60px 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}
@media (max-width: 772px) {
  .pt-60 {
    padding-top: 30px !important;
  }
}

.pb-60 {
  padding-bottom: 60px !important;
}
@media (max-width: 772px) {
  .pb-60 {
    padding-bottom: 30px !important;
  }
}

.pl-60 {
  padding-left: 60px !important;
}
@media (max-width: 772px) {
  .pl-60 {
    padding-left: 30px !important;
  }
}

.pr-60 {
  padding-right: 60px !important;
}
@media (max-width: 772px) {
  .pr-60 {
    padding-right: 30px !important;
  }
}

.p-60 {
  padding: 60px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

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

.ma-60 {
  margin: 60px 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}
@media (max-width: 772px) {
  .mt-60 {
    margin-top: 30px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-60 {
    margin-top: 60px !important;
  }
}
.mb-60 {
  margin-bottom: 60px !important;
}
@media (max-width: 772px) {
  .mb-60 {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-60 {
    margin-bottom: 60px !important;
  }
}
.ml-60 {
  margin-left: 60px !important;
}
@media (max-width: 772px) {
  .ml-60 {
    margin-left: 30px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-60 {
    margin-left: 60px !important;
  }
}
.mr-60 {
  margin-right: 60px !important;
}
@media (max-width: 772px) {
  .mr-60 {
    margin-right: 30px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-60 {
    margin-right: 60px !important;
  }
}
.m-60 {
  margin: 60px !important;
}

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

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

.pa-70 {
  padding: 70px 70px !important;
}

.pt-70 {
  padding-top: 70px !important;
}
@media (max-width: 772px) {
  .pt-70 {
    padding-top: 35px !important;
  }
}

.pb-70 {
  padding-bottom: 70px !important;
}
@media (max-width: 772px) {
  .pb-70 {
    padding-bottom: 35px !important;
  }
}

.pl-70 {
  padding-left: 70px !important;
}
@media (max-width: 772px) {
  .pl-70 {
    padding-left: 35px !important;
  }
}

.pr-70 {
  padding-right: 70px !important;
}
@media (max-width: 772px) {
  .pr-70 {
    padding-right: 35px !important;
  }
}

.p-70 {
  padding: 70px !important;
}

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

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

.ma-70 {
  margin: 70px 70px !important;
}

.mt-70 {
  margin-top: 70px !important;
}
@media (max-width: 772px) {
  .mt-70 {
    margin-top: 35px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-70 {
    margin-top: 70px !important;
  }
}
.mb-70 {
  margin-bottom: 70px !important;
}
@media (max-width: 772px) {
  .mb-70 {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-70 {
    margin-bottom: 70px !important;
  }
}
.ml-70 {
  margin-left: 70px !important;
}
@media (max-width: 772px) {
  .ml-70 {
    margin-left: 35px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-70 {
    margin-left: 70px !important;
  }
}
.mr-70 {
  margin-right: 70px !important;
}
@media (max-width: 772px) {
  .mr-70 {
    margin-right: 35px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-70 {
    margin-right: 70px !important;
  }
}
.m-70 {
  margin: 70px !important;
}

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

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

.pa-80 {
  padding: 80px 80px !important;
}

.pt-80 {
  padding-top: 80px !important;
}
@media (max-width: 772px) {
  .pt-80 {
    padding-top: 40px !important;
  }
}

.pb-80 {
  padding-bottom: 80px !important;
}
@media (max-width: 772px) {
  .pb-80 {
    padding-bottom: 40px !important;
  }
}

.pl-80 {
  padding-left: 80px !important;
}
@media (max-width: 772px) {
  .pl-80 {
    padding-left: 40px !important;
  }
}

.pr-80 {
  padding-right: 80px !important;
}
@media (max-width: 772px) {
  .pr-80 {
    padding-right: 40px !important;
  }
}

.p-80 {
  padding: 80px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

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

.ma-80 {
  margin: 80px 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}
@media (max-width: 772px) {
  .mt-80 {
    margin-top: 40px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-80 {
    margin-top: 80px !important;
  }
}
.mb-80 {
  margin-bottom: 80px !important;
}
@media (max-width: 772px) {
  .mb-80 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-80 {
    margin-bottom: 80px !important;
  }
}
.ml-80 {
  margin-left: 80px !important;
}
@media (max-width: 772px) {
  .ml-80 {
    margin-left: 40px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-80 {
    margin-left: 80px !important;
  }
}
.mr-80 {
  margin-right: 80px !important;
}
@media (max-width: 772px) {
  .mr-80 {
    margin-right: 40px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-80 {
    margin-right: 80px !important;
  }
}
.m-80 {
  margin: 80px !important;
}

.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

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

.pa-90 {
  padding: 90px 90px !important;
}

.pt-90 {
  padding-top: 90px !important;
}
@media (max-width: 772px) {
  .pt-90 {
    padding-top: 45px !important;
  }
}

.pb-90 {
  padding-bottom: 90px !important;
}
@media (max-width: 772px) {
  .pb-90 {
    padding-bottom: 45px !important;
  }
}

.pl-90 {
  padding-left: 90px !important;
}
@media (max-width: 772px) {
  .pl-90 {
    padding-left: 45px !important;
  }
}

.pr-90 {
  padding-right: 90px !important;
}
@media (max-width: 772px) {
  .pr-90 {
    padding-right: 45px !important;
  }
}

.p-90 {
  padding: 90px !important;
}

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

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

.ma-90 {
  margin: 90px 90px !important;
}

.mt-90 {
  margin-top: 90px !important;
}
@media (max-width: 772px) {
  .mt-90 {
    margin-top: 45px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-90 {
    margin-top: 90px !important;
  }
}
.mb-90 {
  margin-bottom: 90px !important;
}
@media (max-width: 772px) {
  .mb-90 {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-90 {
    margin-bottom: 90px !important;
  }
}
.ml-90 {
  margin-left: 90px !important;
}
@media (max-width: 772px) {
  .ml-90 {
    margin-left: 45px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-90 {
    margin-left: 90px !important;
  }
}
.mr-90 {
  margin-right: 90px !important;
}
@media (max-width: 772px) {
  .mr-90 {
    margin-right: 45px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-90 {
    margin-right: 90px !important;
  }
}
.m-90 {
  margin: 90px !important;
}

.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

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

.pa-100 {
  padding: 100px 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}
@media (max-width: 772px) {
  .pt-100 {
    padding-top: 50px !important;
  }
}

.pb-100 {
  padding-bottom: 100px !important;
}
@media (max-width: 772px) {
  .pb-100 {
    padding-bottom: 50px !important;
  }
}

.pl-100 {
  padding-left: 100px !important;
}
@media (max-width: 772px) {
  .pl-100 {
    padding-left: 50px !important;
  }
}

.pr-100 {
  padding-right: 100px !important;
}
@media (max-width: 772px) {
  .pr-100 {
    padding-right: 50px !important;
  }
}

.p-100 {
  padding: 100px !important;
}

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

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

.ma-100 {
  margin: 100px 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}
@media (max-width: 772px) {
  .mt-100 {
    margin-top: 50px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-100 {
    margin-top: 100px !important;
  }
}
.mb-100 {
  margin-bottom: 100px !important;
}
@media (max-width: 772px) {
  .mb-100 {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-100 {
    margin-bottom: 100px !important;
  }
}
.ml-100 {
  margin-left: 100px !important;
}
@media (max-width: 772px) {
  .ml-100 {
    margin-left: 50px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-100 {
    margin-left: 100px !important;
  }
}
.mr-100 {
  margin-right: 100px !important;
}
@media (max-width: 772px) {
  .mr-100 {
    margin-right: 50px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-100 {
    margin-right: 100px !important;
  }
}
.m-100 {
  margin: 100px !important;
}

.px-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

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

.pa-140 {
  padding: 140px 140px !important;
}

.pt-140 {
  padding-top: 140px !important;
}
@media (max-width: 772px) {
  .pt-140 {
    padding-top: 70px !important;
  }
}

.pb-140 {
  padding-bottom: 140px !important;
}
@media (max-width: 772px) {
  .pb-140 {
    padding-bottom: 70px !important;
  }
}

.pl-140 {
  padding-left: 140px !important;
}
@media (max-width: 772px) {
  .pl-140 {
    padding-left: 70px !important;
  }
}

.pr-140 {
  padding-right: 140px !important;
}
@media (max-width: 772px) {
  .pr-140 {
    padding-right: 70px !important;
  }
}

.p-140 {
  padding: 140px !important;
}

.mx-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}

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

.ma-140 {
  margin: 140px 140px !important;
}

.mt-140 {
  margin-top: 140px !important;
}
@media (max-width: 772px) {
  .mt-140 {
    margin-top: 70px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-140 {
    margin-top: 140px !important;
  }
}
.mb-140 {
  margin-bottom: 140px !important;
}
@media (max-width: 772px) {
  .mb-140 {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-140 {
    margin-bottom: 140px !important;
  }
}
.ml-140 {
  margin-left: 140px !important;
}
@media (max-width: 772px) {
  .ml-140 {
    margin-left: 70px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-140 {
    margin-left: 140px !important;
  }
}
.mr-140 {
  margin-right: 140px !important;
}
@media (max-width: 772px) {
  .mr-140 {
    margin-right: 70px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-140 {
    margin-right: 140px !important;
  }
}
.m-140 {
  margin: 140px !important;
}

.px-200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

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

.pa-200 {
  padding: 200px 200px !important;
}

.pt-200 {
  padding-top: 200px !important;
}
@media (max-width: 772px) {
  .pt-200 {
    padding-top: 100px !important;
  }
}

.pb-200 {
  padding-bottom: 200px !important;
}
@media (max-width: 772px) {
  .pb-200 {
    padding-bottom: 100px !important;
  }
}

.pl-200 {
  padding-left: 200px !important;
}
@media (max-width: 772px) {
  .pl-200 {
    padding-left: 100px !important;
  }
}

.pr-200 {
  padding-right: 200px !important;
}
@media (max-width: 772px) {
  .pr-200 {
    padding-right: 100px !important;
  }
}

.p-200 {
  padding: 200px !important;
}

.mx-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

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

.ma-200 {
  margin: 200px 200px !important;
}

.mt-200 {
  margin-top: 200px !important;
}
@media (max-width: 772px) {
  .mt-200 {
    margin-top: 100px !important;
  }
}

@media (max-width: 772px) {
  .mt-small-200 {
    margin-top: 200px !important;
  }
}
.mb-200 {
  margin-bottom: 200px !important;
}
@media (max-width: 772px) {
  .mb-200 {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 772px) {
  .mb-small-200 {
    margin-bottom: 200px !important;
  }
}
.ml-200 {
  margin-left: 200px !important;
}
@media (max-width: 772px) {
  .ml-200 {
    margin-left: 100px !important;
  }
}

@media (max-width: 772px) {
  .ml-small-200 {
    margin-left: 200px !important;
  }
}
.mr-200 {
  margin-right: 200px !important;
}
@media (max-width: 772px) {
  .mr-200 {
    margin-right: 100px !important;
  }
}

@media (max-width: 772px) {
  .mr-small-200 {
    margin-right: 200px !important;
  }
}
.m-200 {
  margin: 200px !important;
}

/* End spaces*/
.opacity1 {
  opacity: 1;
}
@media (max-width: 772px) {
  .opacity1 {
    opacity: 1 !important;
  }
}

.opacity07 {
  opacity: 0.7;
}

.opacity05 {
  opacity: 0.5;
}

.opacity02 {
  opacity: 0.2;
}

.overflow-hidden {
  overflow: hidden;
}

/*background*/
.b-no-reapeat {
  background-repeat: no-repeat;
}

.b-image-20 {
  padding-bottom: 20%;
}

.b-image-30 {
  padding-bottom: 30%;
}

.b-image-40 {
  padding-bottom: 40%;
}

.b-image-50 {
  padding-bottom: 50%;
}

.b-image-60 {
  padding-bottom: 60%;
}

.b-image-70 {
  padding-bottom: 70%;
}

.b-image-75 {
  padding-bottom: 75%;
}

.b-image-80 {
  padding-bottom: 80%;
}

.b-image-85 {
  padding-bottom: 85%;
}

.b-image-100 {
  padding-bottom: 100%;
}

.b-image-140 {
  padding-bottom: 140%;
}

.b-image-150 {
  padding-bottom: 150%;
}

.b-cover {
  background-size: cover;
}

.b-center {
  background-position: center;
}

.b-contain {
  background-size: contain;
}

/*background end*/
@media (min-width: 1500px) {
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1440px;
  }
}
.font300 {
  font-weight: 300;
}

.font400 {
  font-weight: 400;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.font700 {
  font-weight: 700;
}

.font800,
.bold {
  font-weight: 900;
}

.line0 {
  line-height: 0;
}

.line1 {
  line-height: 1;
}

.line11 {
  line-height: 1.1;
}

.line12 {
  line-height: 1.2;
}
.line12 p {
  line-height: 1.2;
}

.line13 {
  line-height: 1.3;
}
.line13 p {
  line-height: 1.3;
}

.line14 {
  line-height: 1.4;
}
.line14 p {
  line-height: 1.4;
}

.line15 {
  line-height: 1.5;
}

p,
.line18 {
  line-height: 1.8;
}
@media (max-width: 992px) {
  p,
.line18 {
    line-height: 1.6;
  }
}
p p,
.line18 p {
  line-height: 1.8;
}
@media (max-width: 992px) {
  p p,
.line18 p {
    line-height: 1.6;
  }
}

.line23 {
  line-height: 2.3;
}
@media (max-width: 992px) {
  .line23 {
    line-height: 1.6;
  }
}
.line23 p {
  line-height: 2.3;
}
@media (max-width: 992px) {
  .line23 p {
    line-height: 1.6;
  }
}

.line25 {
  line-height: 2.5;
}
@media (max-width: 992px) {
  .line25 {
    line-height: 1.6;
  }
}
.line25 p {
  line-height: 2.5;
}
@media (max-width: 992px) {
  .line25 p {
    line-height: 1.6;
  }
}

.beauty_list ol li, .beauty_list ul li {
  list-style-type: circle;
  margin-left: 20px;
  margin-bottom: 5px;
}
.beauty_list ol li::nth-last-child(1), .beauty_list ul li::nth-last-child(1) {
  margin-bottom: 0px;
}

.no-wrap {
  white-space: nowrap;
}

.paragraph-normal p {
  margin-bottom: 15px;
}

.paragraph-0 p {
  margin: 0;
}

.paragraph-t-0 p {
  margin-top: 0;
}

.paragraph-first-0 p:nth-child(1) {
  margin-top: 0;
}

.paragraph-last-0 p:nth-last-child(1) {
  margin-bottom: 0;
}

.w100 {
  width: 100%;
}

.wm100 {
  max-width: 100%;
}

.h100 {
  height: 100%;
}

.hv100 {
  height: 100vh;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute;
}

.position-sticky {
  position: sticky;
}

h2 {
  font-size: 3rem;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  h3 {
    font-size: 1.2rem;
  }
}

header {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  header {
    position: fixed;
    width: 100%;
    z-index: 99;
    padding-bottom: 30px;
  }
}
@media (max-width: 992px) {
  header {
    padding: 20px 0;
  }
}
header.sticky {
  background-color: #FFFFFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}
header.sticky .logo img {
  height: 30px;
}
header.sticky .top_menu {
  margin-bottom: 10px;
}
header.sticky .top_menu ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
header.open .top_menu {
  display: block;
}
header.open .secondary_menu ul {
  display: block;
}
header ul {
  list-style-type: none;
  padding-left: 0;
  font-weight: 500;
}
header .logo img {
  height: 60px;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  header .logo img {
    height: 30px;
  }
}
@media (max-width: 500px) {
  header .logo img {
    height: 20px;
  }
}
header .top_menu {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  header .top_menu {
    margin-bottom: 0px;
  }
}
header .top_menu .hr {
  border-top: 1px solid #0154d0;
  width: 100%;
  position: relative;
}
@media (max-width: 992px) {
  header .top_menu .hr {
    display: none;
  }
}
header .top_menu ul {
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 30px;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  header .top_menu ul {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  header .top_menu {
    display: none;
    order: 2;
  }
}
@media (max-width: 992px) {
  header .secondary_menu ul {
    display: none;
  }
}
header .secondary_menu ul li a {
  padding: 10px 90px;
  background-color: #012965;
  color: #FFFFFF;
  border-radius: 30px;
}
@media (max-width: 768px) {
  header .secondary_menu ul li a {
    padding: 10px 30px;
  }
}
header .secondary_menu .trigger_menu {
  width: 70px;
  background-color: #0154d0;
  border-radius: 30px;
  padding: 10px 20px;
  cursor: pointer;
}
@media (max-width: 992px) {
  header .secondary_menu .trigger_menu {
    margin-left: auto;
  }
}
header .secondary_menu .trigger_menu span {
  background-color: #FFFFFF;
  width: 100%;
  height: 3px;
  margin-bottom: 5px;
  display: block;
}
header .secondary_menu .trigger_menu span:nth-child(3) {
  margin-bottom: 0;
}
/*# sourceMappingURL=style.css.map */