body {
  margin: 0;
  overflow-x: hidden;
}
body p {
  margin: 0 0 20px 0 !important;
}
body * {
  letter-spacing: 0.02em;
}

.swiper-container {
  overflow: unset !important;
}

#page-content {
  overflow: hidden;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background: transparent;
}
#header .site-logo {
  background: url(../images/atn-logo-black.svg);
  width: 149px;
  height: 49px;
}
#header.sticky {
  background: #ffffff;
}
#header.sticky a {
  color: #000000 !important;
}
#header.sticky .site-logo {
  background: url(../images/atn-logo-black.svg) !important;
  width: 149px;
  height: 49px;
}
#header .pll-parent-menu-item > a {
  border: 1px solid black;
}
#header .pll-parent-menu-item > ul {
  width: 100% !important;
  min-width: 100% !important;
  border: 1px solid black;
}

.elementor-editor-active #header {
  position: static !important;
}

.white-header #header a {
  color: #FFFFFF;
}
.white-header #header .sub-menu a {
  color: #000000;
}
.white-header #header .site-logo {
  background: url(../images/atn-logo-white.svg);
  width: 149px;
  height: 49px;
}
.white-header #header .pll-parent-menu-item > a {
  border: 1px solid #FFFFFF;
}
.white-header #header .pll-parent-menu-item > ul {
  width: 100% !important;
  min-width: 100% !important;
  border: 1px solid #FFFFFF;
}

#footer-contact .elementor-element.contact-info a {
  color: #C8C8C8;
  text-decoration: underline;
}
#footer-contact .elementor-element.contact-info a:hover {
  color: #ffffff;
}
#footer-contact .elementor-element.contact-detail p {
  margin: 0 !important;
}
#footer-contact .elementor-element.contact-detail a {
  text-decoration: underline;
  color: #ffffff;
}

#footer a {
  color: #9D9D9D;
  text-decoration: none !important;
}
#footer p {
  margin: 0 !important;
}
#footer img {
  display: block;
  width: 140px !important;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul li {
  padding: 2px 0;
}
#footer ul li a {
  display: block;
  font-family: "Satoshi - Medium", Sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
  color: #9D9D9D;
}
#footer ul li a:hover {
  color: white;
}

.elementor-element.realization-post-list .ae-post-collection {
  column-gap: 18%;
  grid-column-gap: 18%;
}

.elementor-element.product-post-list .ae-post-collection {
  column-gap: 18%;
  grid-column-gap: 18%;
  display: flex !important;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.elementor-element.product-post-list .ae-post-collection .ae-post-item {
  width: 41%;
}
@media (max-width: 768px) {
  .elementor-element.product-post-list .ae-post-collection .ae-post-item {
    width: 100%;
  }
}

.elementor-element#contact-form input, .elementor-element#contact-form textarea, .elementor-element#contact-form select {
  padding: 10px 15px;
}
.elementor-element#contact-form input:focus, .elementor-element#contact-form textarea:focus, .elementor-element#contact-form select:focus {
  outline: none;
  box-shadow: none;
  color: black;
  border-color: #000000;
}
.elementor-element#contact-form .elementor-field-type-html {
  display: flex;
  align-items: center;
}
.elementor-element#contact-form .elementor-button {
  margin-top: 60px;
}
.elementor-element#contact-form .elementor-button svg {
  width: 32px;
}
.elementor-element#contact-form .elementor-field-type-acceptance .elementor-field-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.elementor-element#contact-form .elementor-field-type-acceptance .elementor-field-option label {
  display: block;
  padding-left: 70px;
  position: relative;
}
.elementor-element#contact-form .elementor-field-type-acceptance .elementor-field-option label:before {
  content: "";
  width: 42px;
  height: 42px;
  background: url(../images/checkbox.svg) center left no-repeat;
  display: block;
  position: absolute;
  left: 0;
}
.elementor-element#contact-form .elementor-field-type-acceptance .elementor-field-option input:checked ~ label:before {
  background: url(../images/checkbox-checked.svg) center left no-repeat;
}

.elementor-element#catalog-form {
  max-width: 70%;
  margin: 0 auto;
}
.elementor-element#catalog-form input, .elementor-element#catalog-form textarea, .elementor-element#catalog-form select {
  padding: 10px 15px;
}
.elementor-element#catalog-form input:focus, .elementor-element#catalog-form textarea:focus, .elementor-element#catalog-form select:focus {
  outline: none;
  box-shadow: none;
  color: white;
  border-color: white;
}
.elementor-element#catalog-form .elementor-field-type-email input {
  font-size: 24px !important;
}
.elementor-element#catalog-form .elementor-button svg {
  width: 32px;
}
.elementor-element#catalog-form .elementor-field-type-acceptance .elementor-field-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.elementor-element#catalog-form .elementor-field-type-acceptance .elementor-field-option label {
  display: block;
  padding-left: 70px;
  position: relative;
}
.elementor-element#catalog-form .elementor-field-type-acceptance .elementor-field-option label:before {
  content: "";
  width: 42px;
  height: 42px;
  background: url(../images/checkbox-w.svg) center left no-repeat;
  display: block;
  position: absolute;
  left: 0;
}
.elementor-element#catalog-form .elementor-field-type-acceptance .elementor-field-option input:checked ~ label:before {
  background: url(../images/checkbox-w-checked.svg) center left no-repeat;
}

.elementor-element.category-post-list a.elementor-post__read-more {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  color: #000000;
  border: 2px solid #000000;
  border-radius: 0;
  padding: 15px 30px;
  display: inline-flex;
  align-items: center;
  font-family: var(--e-global-typography-f21dfc9-font-family), Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.elementor-element.category-post-list a.elementor-post__read-more:after {
  content: "";
  width: 32px;
  height: 11px;
  background: url(../images/big-arrow-right-black.svg);
  display: block;
  margin-left: 30px;
}
.elementor-element.category-post-list a.elementor-post__read-more:hover {
  background: #000000;
  color: #ffffff;
}
.elementor-element.category-post-list a.elementor-post__read-more:hover:after {
  background: url(../images/big-arrow-right-white.svg);
}
.elementor-element.category-post-list .elementor-pagination .page-numbers {
  border: 1px solid black;
  padding: 10px;
}

.breadcrumbs #breadcrumbs {
  display: inline-flex;
}
.breadcrumbs #breadcrumbs li {
  list-style: none;
}
.breadcrumbs #breadcrumbs .separator {
  padding: 0 10px;
}

.ha-slider-wrapper {
  height: 100% !important;
}

.theme-realization-image a {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.theme-realization-image a .image {
  overflow: hidden;
  width: 100%;
}
.theme-realization-image a .image .overlay {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000080;
  top: 0;
  left: 0;
}
.theme-realization-image a .image img {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  float: left;
}
.theme-realization-image a .button {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  position: absolute;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  padding: 15px 30px;
  color: #FFFFFF;
  opacity: 0;
  display: inline-flex;
  align-items: center;
  font-family: var(--e-global-typography-f21dfc9-font-family), Sans-serif;
  font-size: var(--e-global-typography-f21dfc9-font-size);
  font-weight: var(--e-global-typography-f21dfc9-font-weight);
  line-height: var(--e-global-typography-f21dfc9-line-height);
}
.theme-realization-image a .button:after {
  content: "";
  width: 32px;
  height: 11px;
  background: url(../images/big-arrow-right-white.svg);
  display: block;
  margin-left: 30px;
}
.theme-realization-image a .button:hover {
  background: #ffffff;
  color: #000000;
}
.theme-realization-image a .button:hover:after {
  background: url(../images/big-arrow-right-black.svg);
}
.theme-realization-image a:hover .button {
  opacity: 1;
}
.theme-realization-image a:hover .image .overlay {
  opacity: 1;
}
.theme-realization-image a:hover .image img {
  object-fit: cover;
  transform: scale(1.05);
}

.theme-product-image {
  text-align: center;
  border: 1px solid #E5E5E5;
}
.theme-product-image a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-product-image a .image {
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.theme-product-image a .image .overlay {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000080;
  top: 0;
  left: 0;
}
.theme-product-image a .image img {
  max-width: 80%;
  object-fit: contain;
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
}
.theme-product-image a .button {
  transition: 0.5s all;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  position: absolute;
  border: 2px solid #FFFFFF;
  border-radius: 0;
  padding: 15px 30px;
  color: #FFFFFF;
  opacity: 0;
  display: inline-flex;
  align-items: center;
  font-family: var(--e-global-typography-f21dfc9-font-family), Sans-serif;
  font-size: var(--e-global-typography-f21dfc9-font-size);
  font-weight: var(--e-global-typography-f21dfc9-font-weight);
  line-height: var(--e-global-typography-f21dfc9-line-height);
}
.theme-product-image a .button:after {
  content: "";
  width: 32px;
  height: 11px;
  background: url(../images/big-arrow-right-white.svg);
  display: block;
  margin-left: 30px;
}
.theme-product-image a .button:hover {
  background: #ffffff;
  color: #000000;
}
.theme-product-image a .button:hover:after {
  background: url(../images/big-arrow-right-black.svg);
}
.theme-product-image a:hover .button {
  opacity: 1;
}
.theme-product-image a:hover .image .overlay {
  opacity: 1;
}
.theme-product-image a:hover .image img {
  object-fit: cover;
  transform: scale(1.05);
}
