:root {
  --blue-zaitax: #0282fe;
  --red-zaitax: #ff4a66;
  --gray-zaitax: #747375;
  --dark-zaitax: #3c3a3d;
  --font-size: 18px;
}
@font-face {
  font-family: "Usuzi";
  src: url("../resources/fonts/usuzi.ttf");
}
@font-face {
  font-family: "Conthrax";
  src: url("../resources/fonts/conthrax-sb.otf");
}

/* General */
body {
  font-family: "Trebuchet MS";
  font-size: var(--font-size);
  color: var(--dark-zaitax);
  background: #f7f7f7;
}
h1,
h2,
h3 {
  font-family: Usuzi, Arial;
  font-weight: 100;
  padding: 15px 0;
}
h4,
h5 {
  font-family: Conthrax, Arial;
}
h3 {
  font-size: 30px;
  line-height: 1em;
  color: var(--dark-zaitax);
}
h4 {
  font-size: 20px;
  line-height: 1.2em;
  color: var(--dark-zaitax);
  text-transform: uppercase;
  padding: 15px 0;
}
h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--dark-zaitax);
  margin-bottom: 6px;
}
h6 {
  font-size: 10px;
  color: var(--red-zaitax);
  margin-bottom: 7px;
}
.title-1 {
  display: block;
  line-height: 1.2em;
  color: var(--red-zaitax);
  margin-bottom: 10px;
}
.title-1 strong {
  display: block;
}
.box {
  width: 100%;
  background: 0 0 repeat-x;
}
.button {
  display: inline-block;
  padding-bottom: 5px;
  background: url(../resources/images/button-shadow.gif) center bottom no-repeat;
  cursor: pointer;
}
.button a {
  display: inline-block;
  font-size: 16px;
  line-height: 2em;
  padding: 4px 10px 4px 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 22px;
  cursor: pointer;
}
.button a strong {
  display: inline-block;
  padding: 0 40px 0 10px;
  background: url(../resources/images/button-marker.gif) right 7px no-repeat;
}
.button a:hover {
  color: #000;
}
.container-btn {
  display: flex;
  justify-content: end;
  align-items: flex-start;
}
.button-2 {
  cursor: pointer;
  font-size: 16px;
  padding: 5px 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: var(--red-zaitax);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  text-decoration: none;
}
.button-2 a strong {
  display: inline-block;
  padding: 0 50px 0 20px;
  background: url(../resources/images/marker-2.png) right 7px no-repeat;
}
.color-1 {
  color: var(--gray-zaitax);
}
.color-2 {
  color: var(--dark-zaitax) !important;
}
.color-3 {
  color: var(--red-zaitax);
}
.color-4 {
  color: var(--blue-zaitax);
}

/* Header */
header {
  width: 100%;
  background: url(../resources/images/header-tail.gif) center top repeat-x #fff;
  position: relative;
  z-index: 2;
}
#h-logo {
  display: block;
  width: 340px;
  height: 49px;
  background-image: url(../resources/images/logo.png);
  background-repeat: no-repeat;
}
.language {
  width: 80px;
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  padding: 5px 10px;
}
.language button {
  cursor: pointer;
  background: none;
  border: none;
}
.language img {
  width: 100%;
}

/* Menu */
.menu li {
  float: left;
  position: relative;
  padding-left: 28px;
}
.menu li a {
  display: inline-block;
  font-size: 20px;
  line-height: 1.2em;
  color: var(--dark-zaitax);
}
.menu li a.active,
.menu > li > a:hover {
  color: var(--red-zaitax);
}

/* Footer */
footer {
  position: relative;
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 5px;
  background-image: linear-gradient(
    to left,
    var(--red-zaitax),
    var(--blue-zaitax)
  );
}
footer .icon {
  color: #fff;
  font-size: 20px;
  border-radius: 50px;
  padding: 6px 7px;
  outline: none;
  text-decoration: none;
}
.icon.social-red {
  background-color: var(--red-zaitax);
}
.icon.social-blue {
  background-color: var(--blue-zaitax);
}
.icon.social-dark {
  background-color: var(--dark-zaitax);
}
.icon.social-gray {
  background-color: var(--gray-zaitax);
}
.list-services {
  padding: 8px 0 0 2px;
}
.list-services li {
  float: left;
  padding: 0 10px 0 0;
}
.list-services img {
  display: block;
  width: 40px;
}
.list-services li.item-2 a {
  background-position: -50px 0;
}
.list-services li.item-3 a {
  background-position: -100px 0;
}
.list-services li.item-4 a {
  background-position: -150px 0;
}
.list-1 li {
  line-height: 20px;
  padding: 2px 0 3px 12px;
  background: url(../resources/images/marker-1.gif) 0 8px no-repeat;
}
.list-1 li a {
  display: inline-block;
  color: var(--gray-zaitax);
}
.list-1 li a:hover {
  color: var(--red-zaitax);
  text-decoration: underline;
}
#antibot1::before {
  content: "info@zaitaxconsulting.com";
}
#antibot2::before {
  content: "754 312 0033";
}
#antibot3::before {
  content: "754 256 7695";
}

/* Swiper */
.swiper {
  max-width: 1264px;
  height: 550px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-pagination {
  text-align: right !important;
  margin-left: -40px !important;
}
.swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
}
.swiper-pagination-bullet-active {
  background: var(--red-zaitax) !important;
}

/* Slider */
.slider-wrapper {
  width: 100%;
  background-image: linear-gradient(to top, #efefef, #fff);
}
.slider {
  max-width: 1264px;
  min-height: 550px;
  position: relative;
  margin: auto;
}
#page2 .slider {
  background: url(../resources/images/banners/company.jpg) center no-repeat;
  background-size: cover;
}
#page5 .slider {
  background: url(../resources/images/banners/contacts.jpeg) center no-repeat;
  background-size: cover;
}

/* Service */
.circle {
  display: block;
  min-width: 80px;
  padding: 0 0 5px;
  font-size: 37px;
  line-height: 75px;
  color: #fff;
  background: var(--blue-zaitax);
  text-align: center;
  border-radius: 100%;
  float: left;
  margin: 0 20px 10px 0;
}