body {
   padding-top: 70px;
}

img {
   max-width: 100%;
}

@media only screen and (max-width: 768px) {

   body {
      padding-top: 105px;
   }

}

body #rec757835337 .tn-elem[data-elem-id="1717506650154"] {
   width: 100%;
   left: 0;
}

body #rec757835337 .tn-elem[data-elem-id="1717506650154"]:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 3;
}

.grata-form {
   box-sizing: border-box;
   max-width: 437px;
}

.grata-form:not(:last-child) {
   margin-bottom: 40px;
}

.grata-form * {
   box-sizing: border-box;
}

.grata-form .t-input {
   width: 100%;
   padding: 0 15px;
   outline: none;
   font-family: 'TildaSans';
}

.t-input-group {
   margin-bottom: 20px;
}

.grata-button {
   width: 100%;
   color: #000000;
   border: 3px solid #f2d30a;
   background-color: transparent;
   font-family: 'TildaSans', Arial, sans-serif;
   font-weight: 700;
   padding: 20px;
   max-width: 200px;
   font-size: 14px;
   cursor: pointer;
}

.grata-button:hover {
   background-color: #f2d30a;
}

.iti__selected-dial-code,
.iti__country-name {
   font-family: 'TildaSans', Arial, sans-serif;
   color: rgb(0, 0, 0);
}

.iti__dial-code {
   font-family: 'TildaSans', Arial, sans-serif;
}

.iti {
   width: 100%;
}

.t-input-block {
   width: 100%;
}

.grata-error-message,
.grata-form-message.error {
   color: red;
   font-family: 'TildaSans', Arial, sans-serif;
}

.grata-error-message.show {
   margin-top: 20px;
}

.grata-phone-wrapper .grata-error-message,
.grata-phone-wrapper .grata-form-message.error {
   color: #fff;
   bottom: 0;
}

.grata-thanks {
   min-height: calc(100vh - 90px);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 20px;
}

.grata-container {
   text-align: center;
   padding: 30px;
   font-family: 'TildaSans', Arial, sans-serif;
}

.grata-container * {
   color: #000000;
}

.grata-container .data-title {
   margin-bottom: 20px;
   font-size: 40px;
   max-width: 500px;
}

.grata-container .data-subtitle {
   font-size: 18px;
}

.social-buttons {
   position: fixed;
   bottom: 40px;
   left: 20px;
   z-index: 100;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.social-buttons a,
.social-buttons span {
   display: block;
   transition: all 0.5s ease;
}

.social-buttons button:hover,
.social-buttons span:hover {
   transform: scale(1.1);
}

.social-buttons button img,
.social-buttons span img {
   width: 50px;
   height: 50px;
}

@media only screen and (max-width: 767px) {

   .social-buttons button img,
   .social-buttons span img {
      width: 40px;
      height: 40px;
   }

   .grata-container .data-title {
      font-size: 26px;
   }

   .grata-container .data-subtitle {
      font-size: 16px;
   }
}

.grata-button-consult {
   width: 100%;
   color: #000000;
   border: 3px solid #f2d30a;
   background: #f2d30a;
   /*background-color: transparent;*/
   font-family: 'TildaSans', Arial, sans-serif;
   font-weight: 700;
   padding: 10px 20px;
   max-width: 210px;
   font-size: 14px;
   cursor: pointer;
   display: block;
   box-sizing: border-box;
   transition: all 0.5s ease;
}

.grata-button-consult:hover {
   background-color: #f2d30a;
}

.t-sociallinks__item img {
   width: 100%;
   height: 100%;
}

.grata-subheading {
   max-width: 800px;
   margin: 0 auto;
   color: #fff;
   text-align: center;
   font-size: 20px;
   font-family: 'TildaSans', Arial, sans-serif;
   line-height: 1.55;
   font-weight: 400;
   margin-top: 20px;
}

@media screen and (max-width: 980px) {

   .hide-mobile {
      display: none;
   }

   .show-mobile {
      display: block;
   }

}

body .t228__rightside {
   min-width: 360px !important;
}

#allrecords .tn-elem__7583334331717590037944 a:hover {
   text-decoration: underline;
}

.t-text_md a {
   font-weight: 700;
}

.t-text_md a:hover {
   text-decoration: underline !important;
}

.t-form__inputsbox {
   margin-bottom: 10px;
}

.grata-social-button {
   background-color: transparent;
   border: none;
   padding: 0;
   cursor: pointer;
}

.grata-modal {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   z-index: 9999999;
   background-color: rgba(0, 0, 0, 0.4);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: all 0.5s ease;
}

.grata-modal.active {
   opacity: 1;
   visibility: visible;
   pointer-events: all;
}

.grata-modal-wrapper {
   width: 100%;
   height: 100%;
   display: flex;
}

.grata-modal-inner {
   background-color: #FFFFFF;
   padding: 50px 30px 30px;
   margin: auto;
   max-width: 500px;
   width: 75%;
   position: relative;
   text-align: center;
}

.grata-modal-close {
   font-size: 30px;
   background-color: transparent;
   border: none;
   padding: 0;
   position: absolute;
   top: 15px;
   right: 15px;
   width: 34px;
   height: 34px;
   cursor: pointer;
}

.grata-modal-title {
   font-size: 30px;
   line-height: 1.3;
   font-family: 'TildaSans', Arial, sans-serif;
   margin-bottom: 10px;
}

.grata-modal-description {
   text-align: center;
   font-size: 20px;
   font-family: 'TildaSans', Arial, sans-serif;
   line-height: 1.55;
   font-weight: 400;
   margin-bottom: 20px;
}

.grata-form select {
   color: #878788;
   border: 1px solid rgb(221, 224, 236);
   background-color: rgb(245, 247, 250);
   border-radius: 10px;
   font-size: 16px;
   font-weight: 500;
   height: 65px;
   width: 100%;
   padding: 0 15px;
   outline: none;
   font-family: 'TildaSans';
   outline: none;
   cursor: pointer;
}

.grata-modal .grata-form {
   max-width: 100%;
}

.grata-modal .grata-button {
   border: none;
   color: #ffffff !important;
   max-width: 300px;
   border-radius: 60px;
   text-transform: uppercase;
   font-size: 16px;
   transition: all 0.5s ease;
}

.grata-telegram-button {
   background: linear-gradient(100deg, rgba(54, 173, 225, 1) 0%, rgba(108, 206, 249, 1) 64%, rgba(54, 173, 225, 1) 100%);
}

.grata-whatsapp-button {
   background: linear-gradient(100deg, rgba(61, 193, 78, 1) 0%, rgba(54, 173, 225, 1) 64%, rgba(61, 193, 78, 1) 100%);
}

.grata-logo-wrapper {
   display: flex;
}

.grata-logotype img {
   width: 65px;
   min-width: 65px;
}

.t228__leftside {
   min-width: auto !important;
}

#allrecords .t537__container {
   /*   max-width: 750px;*/
   gap: 20px;
   padding: 0 15px;
   box-sizing: border-box;
}

#allrecords .t537__container:before,
#allrecords .t537__container:after {
   display: none;
}

#allrecords .t537__container .t-col_3 {
   flex: 1 1 calc(20% - 16px);
   width: 100%;
   margin: 0;
   max-width: none;
   padding: 0 !important;
}

.grata-phone-wrapper {
   width: 65px;
   min-height: 65px;
   z-index: 9997;
   position: fixed;
   bottom: 30px;
   left: 30px;
   background-color: #f2d30a;
   border-radius: 35px;
   transition: width 0.5s;
   color: #ffffff;
   font-family: 'TildaSans', Arial, sans-serif;
}

.grata-phone-wrapper * {
   box-sizing: border-box;
}

.grata-phone-wrapper.opened {
   /*width: 500px;*/
   width: auto;
   max-width: 100%;
}

.grata-phone-wrapper.opened .grata-phone-button {
   display: none;
}

.grata-phone-button {
   width: 65px;
   min-height: 65px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   cursor: pointer;
   cursor: pointer;
   z-index: 2;
}

.grata-phone-icon,
.grata-phone-button span {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   backface-visibility: hidden;
   transition: transform 0.5s;
   transform-style: preserve-3d;
}

.grata-phone-icon {
   background: url('../images/phone.png') no-repeat center center;
}

.grata-phone-button span {
   transform: rotateY(180deg);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: 9px;
   text-transform: uppercase;
}

.grata-phone-form {
   display: none;
   width: 100%;
   text-align: center;
   overflow: hidden;
   min-height: 65px;
   transition: margin 0.3s ease-in-out;
   position: relative;
}

.grata-phone-wrapper.opened .grata-phone-form {
   display: block;
}

.grata-phone-form-wrapper {
   padding: 20px 30px;
   width: 100%;
   min-height: 65px;
   transition: margin 0.3s ease-in-out;
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
   max-width: none;
}

.grata-phone-form-text {
   text-align: left;
   font-size: 13px;
   min-width: 142px;
   line-height: 1.3;
}

.grata-phone-form-input,
.grata-name-form-input {
   border: none;
   padding: 7px 15px;
   font-family: 'TildaSans';
   color: rgb(0, 0, 0);
   border: 1px solid rgb(221, 224, 236);
   background-color: rgb(245, 247, 250);
   outline: none;
}

.grata-phone-form-submit {
   width: 100%;
   color: #000000;
   border: 3px solid #f2d30a;
   background: #f2d30a;
   font-family: 'TildaSans', Arial, sans-serif;
   font-weight: 700;
   padding: 5px;
   max-width: 100px;
   font-size: 14px;
   cursor: pointer;
   display: block;
   box-sizing: border-box;
   transition: all 0.5s ease;
}

.grata-phone-wrapper .grata-error-message,
.grata-phone-wrapper .grata-form-message {
   font-size: 11px;
   position: absolute;
}

.grata-phone-wrapper .grata-form-message {
   bottom: 0;
   right: 80px;
}

.grata-phone-wrapper .iti {
   margin-bottom: 0;
}

.grata-container {
   max-width: 1280px;
   padding-left: 40px;
   padding-right: 40px;
   margin: auto;
}

.grata-team {
   padding: 80px 0;
}

.grata-title {
   font-size: 40px;
   margin-bottom: 30px;
}

.grata-team-list {
   display: flex;
   flex-wrap: wrap;
   gap: 60px 30px;
}

.grata-team-list .data-item {
   max-width: calc(25% - 23px);
   width: 100%;
}

.grata-team-list .data-item-image {
   margin-bottom: 20px;
}

.grata-team-list .data-item-image img {
   width: 100%;
   display: block;
}

.grata-team-list .data-item-title {
   margin-bottom: 10px;
   font-size: 20px;
}

@media only screen and (min-width: 768px) {
   .grata-modal .grata-button:hover {
      transform: scale(1.05);
   }
}

@media only screen and (max-width: 980px) {

   #rec779942477,
   #rec772894358 {
      padding-top: 150px !important;
   }

   body .tmenu-mobile .t228__rightside {
      min-width: auto !important;
      margin-left: auto;
   }

   .tmenu-mobile .t228__rightcontainer {
      padding: 0;
   }

   .tmenu-mobile .t228__right_buttons {
      display: none;
   }

   .tmenu-mobile .t-sociallinks ul {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 20px;
      margin-bottom: 0;
      padding: 0 !important;
   }

   .tmenu-mobile__container {
      gap: 30px;
   }

   .grata-container {
      padding-left: 20px;
      padding-right: 20px;
   }

   .grata-team-list .data-item {
      max-width: calc(33% - 9px);
   }

   .grata-team-list {
      gap: 60px 15px;
   }
}

@media screen and (max-width: 768px) {
   .grata-modal-inner {
      width: 80%;
      padding: 50px 20px 30px;
   }

   .grata-modal-title {
      font-size: 27px;
   }

   .grata-modal-description {
      font-size: 16px;
   }

   #allrecords .t537__container {
      gap: 10px;
   }

   .grata-phone-wrapper {
      bottom: 10px;
      left: 10px;
   }

   .grata-phone-form-wrapper {
      flex-wrap: wrap;
      padding: 20px;
   }

   .grata-phone-form-text {
      min-width: auto;
      width: 100%;
   }

   .grata-phone-wrapper.opened {
      width: 95%;
      max-width: 500px;
      border-radius: 15px;
   }

   #allrecords .t537__container .t-col_3 {
      flex: 100%;
   }
}


@media screen and (max-width: 960px) {
   .t537 .t-list__item, .t537 .t-list__container_inrow2 .t-list__item:nth-child(-n+2), .t537 .t-list__container_inrow3 .t-list__item:nth-child(-n+3), .t537 .t-list__container_inrow4 .t-list__item:nth-child(-n+4) {
      margin-top: 0px !important;
   }
}

@media screen and (max-width: 480px) {
   .t537 .t537__container:not(.t-list__container_inrow1) .t-list__item:nth-child(2) {
      margin-top: 0 !important;
   }
}

@media only screen and (max-width: 576px) {
   .grata-title {
      font-size: 35px;
   }

   .grata-team-list {
      gap: 30px 15px;
   }

   .grata-team-list .data-item {
      max-width: calc(50% - 9px);
   }

   .grata-team-list .data-item-position {
      font-size: 13px;
   }

   .grata-team-list .data-item-title {
      margin-bottom: 5px;
      font-size: 16px;
   }
}