@charset "UTF-8";

.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl {

  width: 100%;

  padding-right: var(--bs-gutter-x, 15px);

  padding-left: var(--bs-gutter-x, 15px);

  margin-right: auto;

  margin-left: auto;

}



@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Quicksand:wght@600;700&display=swap");



:root {

  --openfamily: "Open Sans", sans-serif;

  --quickfamily: "Quicksand", sans-serif;

  --tittlecolor: #4b4d4c;

  --lightBlue: #00a2de;

  --darkBlue: #212c57;

}

body,

.tt-pageContent {

  /* overflow-x: hidden; */

}

.border {

  border: 1px solid red;

}

.hakkimizda__img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.urundetay__tittle {

  text-align: center;

}

.hakkimizda__img_box {

  overflow: hidden;

}

.urun__page__container {

  padding: 100px 0;

}

.hizmet__container {

  padding: 100px 0 30px;

}

.urundetay__tittle {

  margin-bottom: 20px;

  text-align: left;

  line-height: 1.3;

}



.hizmet__tittle {

  display: flex !important;

  justify-content: space-between !important;

  width: 100%;

  align-items: center;

  margin-bottom: 15px;

}



.hizmet__tittle span {

  color: black !important;

}

.hizmet_detay-btn {

  width: 100%;

}

.arrow__width {

  width: 23px;

}



.flex {

  display: flex;

  justify-content: center;

}

/* 

.residential {

  margin: 25px;

} */



.ik__contianer {

  margin: 100px auto;

}



.ik__form {

  box-shadow: 0 34px 46px rgb(197 205 216 / 30%);

  margin-top: 20px;

  padding: 25px 30px;

}

.ik__tittle h5 {

  font-weight: bold;

  font-size: 35px;

}



.ik__tittle p {

  font-weight: 500;

  margin-top: 15px;

}



.ik__form__content ul {

  padding: 10px 0;

}



.ik__form__content ul li {

  display: block;

  margin: 15px 0;

}



.ik__form__content ul li label {

  display: block;

  font-weight: bold;

  margin-bottom: 10px;

}



.ik__form__content ul li input {

  border: 1px solid rgba(134, 134, 181, 0.271);

  height: 35px;

  width: 100%;

  border-radius: 3px;

}

.ik__form__content ul li textarea {

  border: 1px solid rgba(134, 134, 181, 0.271) !important;

  width: 100% !important;

  border-radius: 3px !important;

}



.ik__form__content ul li input:focus {

  outline: 0;

  border-color: var(--darkBlue);

}

.cv__ik input {

  border: 0 !important;

}



.ik_phone {

  display: flex;

  justify-content: flex-start;

}

.ik_phone div {

  width: 100%;

}



.ik_phone div span {

  color: rgba(128, 128, 128, 0.388);

  font-size: 12px;

  font-weight: 400;

}



.ik__line {

  margin: 0 15px;

  font-weight: bold;

}



.ik__tittle {

  /* border-bottom:2px solid rgba(162, 162, 182, 0.25); */

  padding: 20px 0;

}



.hizmet__tittle img {

  width: 20px;

}



.golet__img {

  max-height: 273px;

}



.blueSlider {

  margin-top: 180px;

}

.hakkimizda__container {

  margin: 50px 0;

}



.tumurun {

  color: white;

  border: 2px solid white;

  border-radius: 30px;

  width: 170px;

  text-align: center;

  padding: 10px 15px;

  margin-top: 46px;

}

.deneme {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.slider__arrow {

  width: 20px;

}



.alt__container {

  padding: 100px 0;

}



.tt-item-box__title {

  display: flex;

  justify-content: space-between;

}

.tt-item-box__title span:nth-child(2):before {

  background: white;

}

.subtittle__blue {

  text-align: right !important;

  display: block;

}

.blue__details {

  padding: 50px 50px 50px 20px !important;

}

.blue__tittle {

  color: white !important;

  margin-bottom: 15px;

  text-align: right;

}



.marka__container {

  padding: 100px 0 50px;

}



.marka__box {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  align-items: center;

}



.marka__box img {

  width: 200px;

}



.urun__tittle {

  margin: 50px 0;

}

.urun__tittle span {

  font-weight: bold;

  margin-bottom: 10px;

  display: block;

}

.urun__tittle h2 {

  font-size: 30px;

}



.urun {

  background: white;

  box-shadow: 0 2px 6px #9c9999;

  border-radius: 3px;

  padding: 15px;

  cursor: pointer;

  margin: 10px;

}



.urun__box-btn {

  display: none;

}



.three__video {

  background-color: transparent;

  /* display: flex;

  justify-content: center;

  align-items: center; */

}



.three__video span {

  text-align: center;

  display: block;

  font-weight: bold;

}

.phone_alt_icon {

  width: 20px;

}

.urun__details h6 {

  text-align: center;

  font-weight: blod;

  font-size: 18px;

  margin: 10px 0 0;

}

.urun:hover .urun__box-btn {

  display: block;

}



.urun__box-btn {

  margin-top: 10px !important;

}



.urun__box-btn a {

  height: 35px !important;

}



.den {

  overflow: hidden;

  height: 260px;

  margin-bottom: 0px;

}



.blackcolor {

  color: var(--tittlecolor) !important;

  font-weight: bold;

}



@media (min-width: 576px) {

  .container,

  .container-sm {

    max-width: 546px;

  }

}

@media (min-width: 768px) {

  .container,

  .container-md,

  .container-sm {

    max-width: 713px;

  }

}

@media (min-width: 1025px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm {

    max-width: 990px;

  }

}

@media (min-width: 1230px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl {

    max-width: 1200px;

  }

}

@media (min-width: 1620px) {

  .container,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl {

    max-width: 1200px;

  }

}

.row {

  --bs-gutter-x: 30px;

  --bs-gutter-y: 0;

  display: flex;

  flex-wrap: wrap;

  margin-top: calc(var(--bs-gutter-y) * -1);

  margin-right: calc(var(--bs-gutter-x) / -2);

  margin-left: calc(var(--bs-gutter-x) / -2);

}

.row > * {

  flex-shrink: 0;

  width: 100%;

  max-width: 100%;

  padding-right: calc(var(--bs-gutter-x) / 2);

  padding-left: calc(var(--bs-gutter-x) / 2);

  margin-top: var(--bs-gutter-y);

}

.col {

  flex: 1 0 0%;

}

.row-cols-auto > * {

  flex: 0 0 auto;

  width: auto;

}

.row-cols-1 > * {

  flex: 0 0 auto;

  width: 100%;

}

.row-cols-2 > * {

  flex: 0 0 auto;

  width: 50%;

}

.row-cols-3 > * {

  flex: 0 0 auto;

  width: 33.33333%;

}

.row-cols-4 > * {

  flex: 0 0 auto;

  width: 25%;

}

.row-cols-5 > * {

  flex: 0 0 auto;

  width: 20%;

}

.row-cols-6 > * {

  flex: 0 0 auto;

  width: 16.66667%;

}

.col-auto {

  flex: 0 0 auto;

  width: auto;

}

.col-1 {

  flex: 0 0 auto;

  width: 8.33333%;

}

.col-2 {

  flex: 0 0 auto;

  width: 16.66667%;

}

.col-3 {

  flex: 0 0 auto;

  width: 25%;

}

.col-4 {

  flex: 0 0 auto;

  width: 33.33333%;

}

.col-5 {

  flex: 0 0 auto;

  width: 41.66667%;

}

.col-6 {

  flex: 0 0 auto;

  width: 50%;

}

.col-7 {

  flex: 0 0 auto;

  width: 58.33333%;

}

.col-8 {

  flex: 0 0 auto;

  width: 66.66667%;

}

.col-9 {

  flex: 0 0 auto;

  width: 75%;

}

.col-10 {

  flex: 0 0 auto;

  width: 83.33333%;

}

.col-11 {

  flex: 0 0 auto;

  width: 91.66667%;

}

.col-12 {

  flex: 0 0 auto;

  width: 100%;

}

.offset-1 {

  margin-left: 8.33333%;

}

.offset-2 {

  margin-left: 16.66667%;

}

.offset-3 {

  margin-left: 25%;

}

.offset-4 {

  margin-left: 33.33333%;

}

.offset-5 {

  margin-left: 41.66667%;

}

.offset-6 {

  margin-left: 50%;

}

.offset-7 {

  margin-left: 58.33333%;

}

.offset-8 {

  margin-left: 66.66667%;

}

.offset-9 {

  margin-left: 75%;

}

.offset-10 {

  margin-left: 83.33333%;

}

.offset-11 {

  margin-left: 91.66667%;

}

.g-0,

.gx-0 {

  --bs-gutter-x: 0;

}

.g-0,

.gy-0 {

  --bs-gutter-y: 0;

}

.g-1,

.gx-1 {

  --bs-gutter-x: 0.25rem;

}

.g-1,

.gy-1 {

  --bs-gutter-y: 0.25rem;

}

.g-2,

.gx-2 {

  --bs-gutter-x: 0.5rem;

}

.g-2,

.gy-2 {

  --bs-gutter-y: 0.5rem;

}

.g-3,

.gx-3 {

  --bs-gutter-x: 1rem;

}

.g-3,

.gy-3 {

  --bs-gutter-y: 1rem;

}

.g-4,

.gx-4 {

  --bs-gutter-x: 1.5rem;

}

.g-4,

.gy-4 {

  --bs-gutter-y: 1.5rem;

}

.g-5,

.gx-5 {

  --bs-gutter-x: 3rem;

}

.g-5,

.gy-5 {

  --bs-gutter-y: 3rem;

}

@media (min-width: 576px) {

  .col-sm {

    flex: 1 0 0%;

  }

  .row-cols-sm-auto > * {

    flex: 0 0 auto;

    width: auto;

  }

  .row-cols-sm-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }

  .row-cols-sm-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }

  .row-cols-sm-3 > * {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .row-cols-sm-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }

  .row-cols-sm-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }

  .row-cols-sm-6 > * {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-sm-auto {

    flex: 0 0 auto;

    width: auto;

  }

  .col-sm-1 {

    flex: 0 0 auto;

    width: 8.33333%;

  }

  .col-sm-2 {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-sm-3 {

    flex: 0 0 auto;

    width: 25%;

  }

  .col-sm-4 {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .col-sm-5 {

    flex: 0 0 auto;

    width: 41.66667%;

  }

  .col-sm-6 {

    flex: 0 0 auto;

    width: 50%;

  }

  .col-sm-7 {

    flex: 0 0 auto;

    width: 58.33333%;

  }

  .col-sm-8 {

    flex: 0 0 auto;

    width: 66.66667%;

  }

  .col-sm-9 {

    flex: 0 0 auto;

    width: 75%;

  }

  .col-sm-10 {

    flex: 0 0 auto;

    width: 83.33333%;

  }

  .col-sm-11 {

    flex: 0 0 auto;

    width: 91.66667%;

  }

  .col-sm-12 {

    flex: 0 0 auto;

    width: 100%;

  }

  .offset-sm-0 {

    margin-left: 0;

  }

  .offset-sm-1 {

    margin-left: 8.33333%;

  }

  .offset-sm-2 {

    margin-left: 16.66667%;

  }

  .offset-sm-3 {

    margin-left: 25%;

  }

  .offset-sm-4 {

    margin-left: 33.33333%;

  }

  .offset-sm-5 {

    margin-left: 41.66667%;

  }

  .offset-sm-6 {

    margin-left: 50%;

  }

  .offset-sm-7 {

    margin-left: 58.33333%;

  }

  .offset-sm-8 {

    margin-left: 66.66667%;

  }

  .offset-sm-9 {

    margin-left: 75%;

  }

  .offset-sm-10 {

    margin-left: 83.33333%;

  }

  .offset-sm-11 {

    margin-left: 91.66667%;

  }

  .g-sm-0,

  .gx-sm-0 {

    --bs-gutter-x: 0;

  }

  .g-sm-0,

  .gy-sm-0 {

    --bs-gutter-y: 0;

  }

  .g-sm-1,

  .gx-sm-1 {

    --bs-gutter-x: 0.25rem;

  }

  .g-sm-1,

  .gy-sm-1 {

    --bs-gutter-y: 0.25rem;

  }

  .g-sm-2,

  .gx-sm-2 {

    --bs-gutter-x: 0.5rem;

  }

  .g-sm-2,

  .gy-sm-2 {

    --bs-gutter-y: 0.5rem;

  }

  .g-sm-3,

  .gx-sm-3 {

    --bs-gutter-x: 1rem;

  }

  .g-sm-3,

  .gy-sm-3 {

    --bs-gutter-y: 1rem;

  }

  .g-sm-4,

  .gx-sm-4 {

    --bs-gutter-x: 1.5rem;

  }

  .g-sm-4,

  .gy-sm-4 {

    --bs-gutter-y: 1.5rem;

  }

  .g-sm-5,

  .gx-sm-5 {

    --bs-gutter-x: 3rem;

  }

  .g-sm-5,

  .gy-sm-5 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 768px) {

  .col-md {

    flex: 1 0 0%;

  }

  .row-cols-md-auto > * {

    flex: 0 0 auto;

    width: auto;

  }

  .row-cols-md-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }

  .row-cols-md-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }

  .row-cols-md-3 > * {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .row-cols-md-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }

  .row-cols-md-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }

  .row-cols-md-6 > * {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-md-auto {

    flex: 0 0 auto;

    width: auto;

  }

  .col-md-1 {

    flex: 0 0 auto;

    width: 8.33333%;

  }

  .col-md-2 {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-md-3 {

    flex: 0 0 auto;

    width: 25%;

  }

  .col-md-4 {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .col-md-5 {

    flex: 0 0 auto;

    width: 41.66667%;

  }

  .col-md-6 {

    flex: 0 0 auto;

    width: 50%;

  }

  .col-md-7 {

    flex: 0 0 auto;

    width: 58.33333%;

  }

  .col-md-8 {

    flex: 0 0 auto;

    width: 66.66667%;

  }

  .col-md-9 {

    flex: 0 0 auto;

    width: 75%;

  }

  .col-md-10 {

    flex: 0 0 auto;

    width: 83.33333%;

  }

  .col-md-11 {

    flex: 0 0 auto;

    width: 91.66667%;

  }

  .col-md-12 {

    flex: 0 0 auto;

    width: 100%;

  }

  .offset-md-0 {

    margin-left: 0;

  }

  .offset-md-1 {

    margin-left: 8.33333%;

  }

  .offset-md-2 {

    margin-left: 16.66667%;

  }

  .offset-md-3 {

    margin-left: 25%;

  }

  .offset-md-4 {

    margin-left: 33.33333%;

  }

  .offset-md-5 {

    margin-left: 41.66667%;

  }

  .offset-md-6 {

    margin-left: 50%;

  }

  .offset-md-7 {

    margin-left: 58.33333%;

  }

  .offset-md-8 {

    margin-left: 66.66667%;

  }

  .offset-md-9 {

    margin-left: 75%;

  }

  .offset-md-10 {

    margin-left: 83.33333%;

  }

  .offset-md-11 {

    margin-left: 91.66667%;

  }

  .g-md-0,

  .gx-md-0 {

    --bs-gutter-x: 0;

  }

  .g-md-0,

  .gy-md-0 {

    --bs-gutter-y: 0;

  }

  .g-md-1,

  .gx-md-1 {

    --bs-gutter-x: 0.25rem;

  }

  .g-md-1,

  .gy-md-1 {

    --bs-gutter-y: 0.25rem;

  }

  .g-md-2,

  .gx-md-2 {

    --bs-gutter-x: 0.5rem;

  }

  .g-md-2,

  .gy-md-2 {

    --bs-gutter-y: 0.5rem;

  }

  .g-md-3,

  .gx-md-3 {

    --bs-gutter-x: 1rem;

  }

  .g-md-3,

  .gy-md-3 {

    --bs-gutter-y: 1rem;

  }

  .g-md-4,

  .gx-md-4 {

    --bs-gutter-x: 1.5rem;

  }

  .g-md-4,

  .gy-md-4 {

    --bs-gutter-y: 1.5rem;

  }

  .g-md-5,

  .gx-md-5 {

    --bs-gutter-x: 3rem;

  }

  .g-md-5,

  .gy-md-5 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 1025px) {

  .col-lg {

    flex: 1 0 0%;

  }

  .row-cols-lg-auto > * {

    flex: 0 0 auto;

    width: auto;

  }

  .row-cols-lg-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }

  .row-cols-lg-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }

  .row-cols-lg-3 > * {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .row-cols-lg-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }

  .row-cols-lg-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }

  .row-cols-lg-6 > * {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-lg-auto {

    flex: 0 0 auto;

    width: auto;

  }

  .col-lg-1 {

    flex: 0 0 auto;

    width: 8.33333%;

  }

  .col-lg-2 {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-lg-3 {

    flex: 0 0 auto;

    width: 25%;

  }

  .col-lg-4 {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .col-lg-5 {

    flex: 0 0 auto;

    width: 41.66667%;

  }

  .col-lg-6 {

    flex: 0 0 auto;

    width: 50%;

  }

  .col-lg-7 {

    flex: 0 0 auto;

    width: 58.33333%;

  }

  .col-lg-8 {

    flex: 0 0 auto;

    width: 66.66667%;

  }

  .col-lg-9 {

    flex: 0 0 auto;

    width: 75%;

  }

  .col-lg-10 {

    flex: 0 0 auto;

    width: 83.33333%;

  }

  .col-lg-11 {

    flex: 0 0 auto;

    width: 91.66667%;

  }

  .col-lg-12 {

    flex: 0 0 auto;

    width: 100%;

  }

  .offset-lg-0 {

    margin-left: 0;

  }

  .offset-lg-1 {

    margin-left: 8.33333%;

  }

  .offset-lg-2 {

    margin-left: 16.66667%;

  }

  .offset-lg-3 {

    margin-left: 25%;

  }

  .offset-lg-4 {

    margin-left: 33.33333%;

  }

  .offset-lg-5 {

    margin-left: 41.66667%;

  }

  .offset-lg-6 {

    margin-left: 50%;

  }

  .offset-lg-7 {

    margin-left: 58.33333%;

  }

  .offset-lg-8 {

    margin-left: 66.66667%;

  }

  .offset-lg-9 {

    margin-left: 75%;

  }

  .offset-lg-10 {

    margin-left: 83.33333%;

  }

  .offset-lg-11 {

    margin-left: 91.66667%;

  }

  .g-lg-0,

  .gx-lg-0 {

    --bs-gutter-x: 0;

  }

  .g-lg-0,

  .gy-lg-0 {

    --bs-gutter-y: 0;

  }

  .g-lg-1,

  .gx-lg-1 {

    --bs-gutter-x: 0.25rem;

  }

  .g-lg-1,

  .gy-lg-1 {

    --bs-gutter-y: 0.25rem;

  }

  .g-lg-2,

  .gx-lg-2 {

    --bs-gutter-x: 0.5rem;

  }

  .g-lg-2,

  .gy-lg-2 {

    --bs-gutter-y: 0.5rem;

  }

  .g-lg-3,

  .gx-lg-3 {

    --bs-gutter-x: 1rem;

  }

  .g-lg-3,

  .gy-lg-3 {

    --bs-gutter-y: 1rem;

  }

  .g-lg-4,

  .gx-lg-4 {

    --bs-gutter-x: 1.5rem;

  }

  .g-lg-4,

  .gy-lg-4 {

    --bs-gutter-y: 1.5rem;

  }

  .g-lg-5,

  .gx-lg-5 {

    --bs-gutter-x: 3rem;

  }

  .g-lg-5,

  .gy-lg-5 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 1230px) {

  .col-xl {

    flex: 1 0 0%;

  }

  .row-cols-xl-auto > * {

    flex: 0 0 auto;

    width: auto;

  }

  .row-cols-xl-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }

  .row-cols-xl-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }

  .row-cols-xl-3 > * {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .row-cols-xl-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }

  .row-cols-xl-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }

  .row-cols-xl-6 > * {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-xl-auto {

    flex: 0 0 auto;

    width: auto;

  }

  .col-xl-1 {

    flex: 0 0 auto;

    width: 8.33333%;

  }

  .col-xl-2 {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-xl-3 {

    flex: 0 0 auto;

    width: 25%;

  }

  .col-xl-4 {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .col-xl-5 {

    flex: 0 0 auto;

    width: 41.66667%;

  }

  .col-xl-6 {

    flex: 0 0 auto;

    width: 50%;

  }

  .col-xl-7 {

    flex: 0 0 auto;

    width: 58.33333%;

  }

  .col-xl-8 {

    flex: 0 0 auto;

    width: 66.66667%;

  }

  .col-xl-9 {

    flex: 0 0 auto;

    width: 75%;

  }

  .col-xl-10 {

    flex: 0 0 auto;

    width: 83.33333%;

  }

  .col-xl-11 {

    flex: 0 0 auto;

    width: 91.66667%;

  }

  .col-xl-12 {

    flex: 0 0 auto;

    width: 100%;

  }

  .offset-xl-0 {

    margin-left: 0;

  }

  .offset-xl-1 {

    margin-left: 8.33333%;

  }

  .offset-xl-2 {

    margin-left: 16.66667%;

  }

  .offset-xl-3 {

    margin-left: 25%;

  }

  .offset-xl-4 {

    margin-left: 33.33333%;

  }

  .offset-xl-5 {

    margin-left: 41.66667%;

  }

  .offset-xl-6 {

    margin-left: 50%;

  }

  .offset-xl-7 {

    margin-left: 58.33333%;

  }

  .offset-xl-8 {

    margin-left: 66.66667%;

  }

  .offset-xl-9 {

    margin-left: 75%;

  }

  .offset-xl-10 {

    margin-left: 83.33333%;

  }

  .offset-xl-11 {

    margin-left: 91.66667%;

  }

  .g-xl-0,

  .gx-xl-0 {

    --bs-gutter-x: 0;

  }

  .g-xl-0,

  .gy-xl-0 {

    --bs-gutter-y: 0;

  }

  .g-xl-1,

  .gx-xl-1 {

    --bs-gutter-x: 0.25rem;

  }

  .g-xl-1,

  .gy-xl-1 {

    --bs-gutter-y: 0.25rem;

  }

  .g-xl-2,

  .gx-xl-2 {

    --bs-gutter-x: 0.5rem;

  }

  .g-xl-2,

  .gy-xl-2 {

    --bs-gutter-y: 0.5rem;

  }

  .g-xl-3,

  .gx-xl-3 {

    --bs-gutter-x: 1rem;

  }

  .g-xl-3,

  .gy-xl-3 {

    --bs-gutter-y: 1rem;

  }

  .g-xl-4,

  .gx-xl-4 {

    --bs-gutter-x: 1.5rem;

  }

  .g-xl-4,

  .gy-xl-4 {

    --bs-gutter-y: 1.5rem;

  }

  .g-xl-5,

  .gx-xl-5 {

    --bs-gutter-x: 3rem;

  }

  .g-xl-5,

  .gy-xl-5 {

    --bs-gutter-y: 3rem;

  }

}

@media (min-width: 1620px) {

  .col-xxl {

    flex: 1 0 0%;

  }

  .row-cols-xxl-auto > * {

    flex: 0 0 auto;

    width: auto;

  }

  .row-cols-xxl-1 > * {

    flex: 0 0 auto;

    width: 100%;

  }

  .row-cols-xxl-2 > * {

    flex: 0 0 auto;

    width: 50%;

  }

  .row-cols-xxl-3 > * {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .row-cols-xxl-4 > * {

    flex: 0 0 auto;

    width: 25%;

  }

  .row-cols-xxl-5 > * {

    flex: 0 0 auto;

    width: 20%;

  }

  .row-cols-xxl-6 > * {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-xxl-auto {

    flex: 0 0 auto;

    width: auto;

  }

  .col-xxl-1 {

    flex: 0 0 auto;

    width: 8.33333%;

  }

  .col-xxl-2 {

    flex: 0 0 auto;

    width: 16.66667%;

  }

  .col-xxl-3 {

    flex: 0 0 auto;

    width: 25%;

  }

  .col-xxl-4 {

    flex: 0 0 auto;

    width: 33.33333%;

  }

  .col-xxl-5 {

    flex: 0 0 auto;

    width: 41.66667%;

  }

  .col-xxl-6 {

    flex: 0 0 auto;

    width: 50%;

  }

  .col-xxl-7 {

    flex: 0 0 auto;

    width: 58.33333%;

  }

  .col-xxl-8 {

    flex: 0 0 auto;

    width: 66.66667%;

  }

  .col-xxl-9 {

    flex: 0 0 auto;

    width: 75%;

  }

  .col-xxl-10 {

    flex: 0 0 auto;

    width: 83.33333%;

  }

  .col-xxl-11 {

    flex: 0 0 auto;

    width: 91.66667%;

  }

  .col-xxl-12 {

    flex: 0 0 auto;

    width: 100%;

  }

  .offset-xxl-0 {

    margin-left: 0;

  }

  .offset-xxl-1 {

    margin-left: 8.33333%;

  }

  .offset-xxl-2 {

    margin-left: 16.66667%;

  }

  .offset-xxl-3 {

    margin-left: 25%;

  }

  .offset-xxl-4 {

    margin-left: 33.33333%;

  }

  .offset-xxl-5 {

    margin-left: 41.66667%;

  }

  .offset-xxl-6 {

    margin-left: 50%;

  }

  .offset-xxl-7 {

    margin-left: 58.33333%;

  }

  .offset-xxl-8 {

    margin-left: 66.66667%;

  }

  .offset-xxl-9 {

    margin-left: 75%;

  }

  .offset-xxl-10 {

    margin-left: 83.33333%;

  }

  .offset-xxl-11 {

    margin-left: 91.66667%;

  }

  .g-xxl-0,

  .gx-xxl-0 {

    --bs-gutter-x: 0;

  }

  .g-xxl-0,

  .gy-xxl-0 {

    --bs-gutter-y: 0;

  }

  .g-xxl-1,

  .gx-xxl-1 {

    --bs-gutter-x: 0.25rem;

  }

  .g-xxl-1,

  .gy-xxl-1 {

    --bs-gutter-y: 0.25rem;

  }

  .g-xxl-2,

  .gx-xxl-2 {

    --bs-gutter-x: 0.5rem;

  }

  .g-xxl-2,

  .gy-xxl-2 {

    --bs-gutter-y: 0.5rem;

  }

  .g-xxl-3,

  .gx-xxl-3 {

    --bs-gutter-x: 1rem;

  }

  .g-xxl-3,

  .gy-xxl-3 {

    --bs-gutter-y: 1rem;

  }

  .g-xxl-4,

  .gx-xxl-4 {

    --bs-gutter-x: 1.5rem;

  }

  .g-xxl-4,

  .gy-xxl-4 {

    --bs-gutter-y: 1.5rem;

  }

  .g-xxl-5,

  .gx-xxl-5 {

    --bs-gutter-x: 3rem;

  }

  .g-xxl-5,

  .gy-xxl-5 {

    --bs-gutter-y: 3rem;

  }

}

*,

::after,

::before {

  box-sizing: border-box;

}

[tabindex="-1"]:focus:not(:focus-visible) {

  outline: 0;

}

img,

svg {

  vertical-align: middle;

}

img {

  max-width: 100%;

  height: auto;

}

table {

  caption-side: bottom;

  border-collapse: collapse;

}

iframe {

  border: 0;

}

ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

button {

  outline: 0;

  border-radius: 0;

}

address {

  margin-bottom: 0;

  font-style: normal;

  line-height: inherit;

}

figure {

  margin: 0;

}

label {

  display: inline-block;

}

select {

  word-wrap: normal;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

}

p {

  margin: 27px 0 0 0;

}

body {

  font-family: var(--openfamily);

  color: #555;

  background: center 0 no-repeat #fff;

  margin: 0;

  overflow-x: hidden;

  direction: ltr;

  position: relative;

  -webkit-text-size-adjust: 100%;

  -moz-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  text-size-adjust: 100%;

}

@media (min-width: 1025px) {

  body {

    font-size: 16px;

    line-height: 27px;

  }

}

@media (max-width: 1024.98px) {

  body {

    font-size: 15px;

    line-height: 24px;

  }

}

a {

  text-decoration: none;

  outline: 0;

  color: #555;

}

a:hover {

  outline: 0;

  text-decoration: none;

}

a:active,

a:focus,

a:visited {

  text-decoration: none;

  outline: 0;

}

blockquote {

  margin: 0;

}

.sosyalicon a:hover{

  text-decoration:none;

}

.sosyalicon a i:hover{

  color: #01a2de;

  text-decoration:none;

}

.tt-base-color01 {

  color: #005395;

}

#tt-pageContent {

  position: relative;

  z-index: 1;

  padding-bottom: 10px;

}

#tt-pageContent:not(.no-overflow-hidden) {

  overflow: hidden;

}

.tt-overflow-hidden {

  overflow: hidden;

}

.divider {

  clear: both;

  overflow: hidden;

  width: 100%;

}

.divider-size-sm {

  height: 24px;

}

@media (min-width: 768px) {

  .divider-size-md {

    height: 55px;

  }

}

.xpn{

  position: absolute; bottom: -10px; height: 25px;left:100px

}

@media (max-width: 767.98px) {

  .divider-size-md {

    height: 43px;

  }

  .xp p:nth-child(1){text-align: center!important;}

  .centermobil{

    text-align: center!important;

  }

  .xpn{

    position: absolute; bottom: -10px; height: 25px;left:100px;

  }

  .layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner.layout01__description-inner{

    padding: 50px!important;

  }

  .tumurun {

    color: white;

    border: 2px solid white;

    border-radius: 30px;

    width: 170px;

    text-align: center;

    padding: 10px 15px;

    margin: 30px auto;

  }

  .ik__contianer {

    margin: 0px auto;

  }

  .footer-mobile-bar {

    width: 100%;

    background-color: #212c57;

    overflow: auto;

    display: block !important;

    position: fixed !important;

    z-index: 9999999999999999999999999999;

    bottom: 0 !important;

  }

  .footer-mobile-bar a {

    float: left;

    width: 33.33%;

    text-align: center;

    padding: 6px 0;

    transition: all 0.3s ease;

    color: white;

    font-size: 24px;

  }

  .second__img {

    display: none;

  }

  .marka__box {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center;

  }

  .urun__tittle {

    text-align: center;

  }

  .ik__tittle h5 {

    font-size: 20px;

  }

  .iletisim__icn_box {

    display: none;

  }

  .slider__web {

    display:none;

  }

  .slider__mobil {

    display:block;

  }

}

.text-left {

  text-align: left;

}

.text-right {

  text-align: right;

}

.text-center {

  text-align: center;

}

.no-gutters > [class*="col-"] {

  padding-left: 0;

  padding-right: 0;

}

.tt-position__relative {

  position: relative;

}

.tt-position__relative-level-up {

  position: relative;

  z-index: 2;

}

.justify-content-end {

  justify-content: flex-end;

}

.align-items-center {

  align-items: center;

}

@media (min-width: 1025px) {

  .align-lg-items-center {

    align-items: center;

  }

}

@media (max-width: 575.98px) {

  .flex-sm-row-reverse {

    flex-flow: column-reverse;

  }

}

.g-0 {

  --bs-gutter-y: 0;

  --bs-gutter-X: 0;

}

@media (max-width: 767.98px) {

  .tt-table-responsive-md {

    overflow-y: hidden;

    overflow-x: scroll;

  }

  .tt-table-responsive-md table {

    width: 700px;

  }

}

.tt-btn {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  line-height: 1;

  font-weight: 600;

  position: relative;

  outline: 0;

  cursor: pointer;



  overflow: hidden;

  white-space: nowrap;

  border-radius: 0 0 0 14px;

  border: none;

}

.tt-btn.tt-hide {

  display: none;

}

.tt-btn > * {

  pointer-events: none;

}

.tt-btn:focus {

  outline: 0;

}

.tt-btn .tt-btn__icon > * {

  height: auto;

  fill: #fff;

}

@media (min-width: 1025px) {

  .tt-btn {

    padding: 10px 25px;

    font-size: 16px;

    height: 50px;

  }

  .tt-btn .tt-btn__icon {

    margin-left: 10px;

    margin-right: -7px;

    font-size: 22px;

  }

  .tt-btn .tt-btn__icon > * {

    width: 23px;

  }

  .tt-btn.tt-btn__wide {

    padding: 10px 45px 10px 35px;

  }

  .contact__icon {

    display: block;

  }

}

@media (max-width: 1024.98px) {

  .tt-btn {

    border-radius: 0 0 0 11px;

    padding: 10px 23px;

    font-size: 12px;

    height: 40px;

  }

  .tt-btn .tt-btn__icon {

    margin-left: 8px;

    margin-right: -4px;

  }

  .tt-btn .tt-btn__icon > * {

    width: 18px;

  }

  .contact__icon {

    display: none;

  }

}

@media (max-width: 575.98px) {

  .tt-btn {

    padding: 10px 20px;

  }

}

.tt-btn .tt-btn__text {

  display: inline-block;

  position: relative;

  color: transparent;

}

.tt-btn .tt-btn__text:after,

.tt-btn .tt-btn__text:before {

  opacity: 0;

  -webkit-transform-origin: center center 0 50%;

  transform-origin: center center 0 50%;

  transition: all 0.2s ease-out;

  position: absolute;

  content: attr(data-effect);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  top: 0;

  left: 0;

  color: #fff;

  pointer-events: none;

}

.tt-btn .tt-btn__text:before {

  opacity: 1;

  color: #fff;

}

.tt-btn .tt-btn__text:after {

  margin-left: -20px;

}

.tt-btn:hover .tt-btn__text:before {

  opacity: 0;

  margin-left: 20px;

}

.tt-btn:hover .tt-btn__text:after {

  opacity: 1;

  margin-left: 0;

}

.tt-btn01 {

  background-color: var(--lightBlue);

  color: #fff;

  box-shadow: 0 2px 6px rgba(0, 83, 149, 0.35);

}

.tt-btn01:hover {

  color: #fff;

}

.tt-btn02 {

  background-color: var(--lightBlue);

  color: #fff;

  box-shadow: 0 2px 6px var(--lightBlue);

}

.tt-btn02:hover {

  color: #fff;

}

@media (min-width: 1025px) {

  .tt-btn__top {

    margin-top: 42px;

  }

}

@media (max-width: 1024.98px) {

  .tt-btn__top {

    margin-top: 27px;

  }

}

@media (min-width: 1025px) {

  .tt-btn__top02 {

    margin-top: 47px;

  }

}

@media (max-width: 1024.98px) {

  .tt-btn__top02 {

    margin-top: 27px;

  }

}

@media (min-width: 1025px) {

  .tt-btn__more-top {

    margin-top: 46px;

  }

}

@media (max-width: 1024.98px) {

  .tt-btn__more-top {

    margin-top: 27px;

  }

}

.tt-btn__video {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  cursor: pointer;

  width: 119px;

  height: 119px;

  position: absolute;

  top: -15px;

  left: -55px;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  background-color: #fff;

  border-radius: 50%;

  overflow: hidden;

  font-size: 17px;

  color: #005395;

  -webkit-tap-highlight-color: transparent;

}

.tt-btn__video:before {

  text-shadow: 0 3px 6px rgba(12, 76, 147, 0.35);

  margin-top: -1px;

  margin-left: 2px;

}

.tt-btn__video:after {

  content: "";

  display: block;

  position: absolute;

  top: 10px;

  left: 10px;

  width: calc(100% - 20px);

  height: calc(100% - 20px);

  border: 4px solid #f3f8fc;

  border-radius: 50%;

  transition: border-color 0.4s ease;

}

.tt-btn__video:not(:hover) {

  -webkit-animation: pulsate 1.2s linear infinite;

  animation: pulsate 1.2s linear infinite;

}

.tt-btn__video:hover {

  color: #005395;

}

.tt-btn__video:hover:after {

  border-color: #005395;

}

@media (max-width: 1024.98px) {

  .tt-btn__video {

    width: 100px;

    height: 100px;

    font-size: 14px;

  }

  .tt-btn__video:after {

    top: 8px;

    left: 8px;

    width: calc(100% - 16px);

    height: calc(100% - 16px);

  }

}

@media (max-width: 575.98px) {

  .tt-btn__video {

    width: 80px;

    height: 80px;

    font-size: 11px;

  }

  .tt-btn__video:after {

    top: 6px;

    left: 6px;

    width: calc(100% - 14px);

    height: calc(100% - 14px);

  }

}

@-webkit-keyframes pulsate {

  30% {

    color: #00a2de;

    text-shadow: 0 3px 7px rgba(255, 132, 0, 0.59);

  }

  80% {

    color: #005395;

    text-shadow: 0 3px 7px rgba(12, 76, 147, 0.59);

  }

}

@keyframes pulsate {

  30% {

    color: #00a2de;

    text-shadow: 0 3px 7px rgba(255, 132, 0, 0.59);

  }

  80% {

    color: #005395;

    text-shadow: 0 3px 7px rgba(12, 76, 147, 0.59);

  }

}

.tt-simple-link {

  display: inline-block;

  position: relative;

  color: #005395;

}

.tt-simple-link:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  bottom: 4px;

  width: 0;

  height: 1px;

  background-color: currentColor;

  transition: width 0.4s ease;

}

.tt-simple-link:hover:before {

  width: 100%;

}

.tt-link__top {

  margin-top: 26px;

}

.tt-link {

  display: inline-block;

  color: #005395;

  font-weight: 700;

  transition: color 0.2s linear;

  font-size: 15px;

}

.tt-link [class^="icon"] {

  font-size: 21px;

  display: inline-block;

  position: relative;

  top: 4px;

  margin-left: 8px;

}

.tt-link:hover {

  color: #00a2de;

}

@media (max-width: 1024.98px) {

  .tt-link {

    font-size: 13px;

  }

  .tt-link [class^="icon"] {

    font-size: 16px;

    margin-left: 4px;

  }

}

.tt-list li {

  position: relative;

  padding: 0 0 0 37px;

}

.tt-list li:not(:first-child) {

  margin-top: 5px;

}

.tt-list li:before {

  content: "\e91f";

  font-family: font-icon;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 2px;

  font-size: 24px;

  line-height: 1;

  color: #005395;

}

.tt-list li a {

  color: currentColor;

  position: relative;

}

.tt-list li a:hover {

  color: #005395;

}

.tt-list li:first-child {

  padding-top: 0;

}

.tt-list li:last-child {

  padding-bottom: 0;

}

@media (max-width: 1229.98px) {

  .tt-list li {

    padding: 0 0 0 34px;

  }

  .tt-list li:before {

    font-size: 20px;

  }

}

.tt-list__top {

  margin-top: 21px;

}

.tt-list-info li {

  position: relative;

  padding: 1px 0 1px 37px;

}

.tt-list-info li:not(:first-child) {

  margin-top: 5px;

}

.tt-list-info li:before {

  content: "\e91f";

  font-family: font-icon;

  display: inline-block;

  position: absolute;

  left: 0;

  top: 2px;

  font-size: 24px;

  line-height: 1;

  color: #005395;

}

.tt-list-info li a {

  color: currentColor;

  position: relative;

}

.tt-list-info li a:hover {

  color: #005395;

}

.tt-list-info li:first-child {

  padding-top: 0;

}

.tt-list-info li:last-child {

  padding-bottom: 0;

}

.tt-list-info .text-underline {

  display: inline-block;

  position: relative;

}

.tt-list-info .text-underline:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  bottom: 4px;

  width: 0;

  height: 1px;

  background-color: currentColor;

  transition: width 0.4s ease;

}

.tt-list-info .tt-insert {

  color: #005395;

  font-size: 14px;

}

.tt-list-info a:hover .text-underline:before {

  width: 100%;

}

.list__icon {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  margin-left: -9px;

}

.list__icon li {

  margin-left: 9px;

}

.list__icon a {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #fff;

  text-align: center;

  color: #005395;

}

.list__icon a:hover {

  color: #00a2de;

}

@media (max-width: 767.98px) {

  .list__icon {

    margin-left: -7px;

  }

  .list__icon li {

    margin-left: 7px;

  }

  .list__icon a {

    width: 40px;

    height: 40px;

  }

}

.tt-list__border {

  display: inline-flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  margin-top: -10px;

  margin-left: -10px;

  padding: 0;

}

.tt-list__border li {

  margin-top: 10px;

  margin-left: 10px;

}

.tt-list__border li a {

  border: 1px solid #eeeef2;

  color: #adadad;

  padding: 5px 9px;

  display: inline-block;

  position: relative;

}

.tt-list__border li a:after,

.tt-list__border li a:before {

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  z-index: 3;

  content: "";

  position: absolute;

  top: -1px;

  left: -1px;

  -webkit-transform: scale(0);

  transform: scale(0);

  transition: 0.4s;

  pointer-events: none;

}

.tt-list__border li a:before {

  border-bottom: 1px solid #005395;

  border-left: 1px solid #005395;

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}

.tt-list__border li a:after {

  border-top: 1px solid #005395;

  border-right: 1px solid #005395;

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}

.tt-list__border li a:hover {

  color: #005395;

}

.tt-list__border li a:hover:after,

.tt-list__border li a:hover:before {

  -webkit-transform: scale(1);

  transform: scale(1);

}

@media (max-width: 767.98px) {

  .tt-list__border {

    margin-top: -7px;

    margin-left: -7px;

  }

  .tt-list__border li {

    margin-top: 7px;

    margin-left: 7px;

  }

  .tt-list__border li a {

    padding: 5px 7px;

  }

}

.divider-text {

  height: 40px;

  clear: both;

  overflow: hidden;

  width: 100%;

}

@media (max-width: 767.98px) {

  .divider-text {

    height: 28px;

  }

}

table {

  width: 100%;

  caption-side: bottom;

  border-collapse: collapse;

  border: 0;

}

.tt-table01 {

  margin-top: -7px;

  margin-bottom: -2px;

}

.tt-table01 thead th,

.tt-table01 tr td {

  text-align: left;

}

.tt-table01 thead th:first-child,

.tt-table01 tr td:first-child {

  width: 71%;

}

.tt-table01 thead th:last-child,

.tt-table01 tr td:last-child {

  width: 29%;

}

.tt-table01 thead th {

  font-weight: 700;

  color: #4c4c4c;

  padding: 0 22px 18px;

}

.tt-table02__max-width01 {

  max-width: 100% !important;

}

.tt-table01 tbody tr td {

  padding: 14px 22px;

}

.tt-table01 tbody tr td:last-child {

  color: #005395;

}

.tt-table01 tbody tr:nth-child(even) {

  background-color: #fbfdfe;

}

.tt-table01 tbody tr:nth-child(odd) {

  background-color: #f3f8fc;

}

.tt-table01 tbody tr td {

  border: 2px solid #fff;

}

@media (max-width: 575.98px) {

  .tt-table01 thead th {

    padding: 0 15px 10px;

  }

  .tt-table01 tbody tr td {

    padding: 10px 15px;

    border: none;

  }

  .tt-table01 tr td:first-child,

  .tt-table01 tr td:last-child {

    display: block;

    width: 100%;

  }

  .tt-table01 tr td:last-child {

    padding-top: 0;

  }

  .tt-table01 tr td:first-child {

    padding-bottom: 0;

  }

  .tt-table01 thead th:first-child {

    width: 100%;

  }

  .tt-table01 thead th:last-child {

    display: none;

  }

}

::-webkit-input-placeholder {

  color: #6c7176;

}

::-moz-placeholder {

  color: #6c7176;

}

:-moz-placeholder {

  color: #6c7176;

}

:-ms-input-placeholder {

  color: #6c7176;

}

:-moz-placeholder,

::-moz-placeholder {

  opacity: 1;

}

input:focus::-webkit-input-placeholder {

  color: transparent;

}

input:focus:-moz-placeholder {

  color: transparent;

}

input:focus::-moz-placeholder {

  color: transparent;

}

input:focus:-ms-input-placeholder {

  color: transparent;

}

textarea:focus::-webkit-input-placeholder {

  color: transparent;

}

textarea:focus:-moz-placeholder {

  color: transparent;

}

textarea:focus::-moz-placeholder {

  color: transparent;

}

textarea:focus:-ms-input-placeholder {

  color: transparent;

}

.tt-form .row {

  margin-left: -7px;

  margin-right: -7px;

}

.tt-form .row > * {

  padding-left: 7px;

  padding-right: 7px;

}

.tt-form__group {

  position: relative;

}

.tt-form__group .tt-btn-inner {

  position: absolute;

  left: 19px;

  top: 17px;

  width: 45px;

  height: 52px;

  font-size: 19px;

  color: #005395;

  border: none;

  outline: 0;

  background-color: transparent;

  pointer-events: none;

}

.tt-form__group .tt-btn-inner-right {

  position: absolute;

  right: 0;

  top: 0;

  width: 48px;

  height: 52px;

  font-size: 15px;

  color: #005395;

  border: none;

  outline: 0;

  background-color: transparent;

  z-index: 2;

  transition: color 0.2s linear;

  cursor: pointer;

}

.tt-form__group .tt-btn-inner-right:hover {

  color: #00a2de;

}

@media (min-width: 1025px) {

  .tt-form__group {

    padding-bottom: 15px;

  }

}

@media (max-width: 1024.98px) {

  .tt-form__group {

    padding-bottom: 10px;

  }

  .tt-form__group .tt-btn-inner {

    height: 42px;

    left: 18px;

    top: 13px;

    font-size: 17px;

  }

  .tt-form__group .tt-btn-inner-right {

    height: 42px;

  }

}

@media (max-width: 575.98px) {

  .tt-form__group {

    padding-bottom: 8px;

  }

  .tt-form__group .tt-btn-inner {

    font-size: 16px;

  }

}

.tt-form__group + .tt-form__title {

  margin-top: 10px;

}

.tt-form__title {

  color: #005395;

  font-weight: 600;

  font-size: 21px;

  line-height: 1.2;

  padding: 0 0 15px 0;

}

.tt-form__control {

  font-family: Inter, sans-serif;

  font-size: 16px;

  background-color: #f8f8fa;

  border: 1px solid #f8f8fa;

  color: #6c7176;

  width: 100%;

  border-radius: 0;

  padding: 10px 12px 10px 17px;

  box-shadow: none;

  outline: 0;

  -webkit-appearance: none;

  transition: all 0.3s linear;

}

.tt-form__control.error {

  border-color: red;

}

.tt-form__control:not(textarea) {

  height: 52px;

}

.tt-form__control:focus {

  border-color: #005395;

  background-color: #fff;

}

@media (max-width: 1024.98px) {

  .tt-form__control {

    font-size: 15px;

  }

  .tt-form__control:not(textarea) {

    height: 40px;

  }

}

.error-field {

  position: relative;

}

.error-field .tt-form__control {

  border-color: red;

  position: relative;

  z-index: 1;

}

.error-field .error-field__text {

  opacity: 1;

  visibility: visible;

}

.error-field__text {

  position: absolute;

  right: 0;

  top: -2px;

  -webkit-transform: translateY(-100%);

  transform: translateY(-100%);

  z-index: 2;

  font-size: 12px;

  line-height: 12px;

  color: red;

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.2s linear;

}

@media (min-width: 1025px) {

  .tt-form__control-icon-left {

    padding-left: 50px;

  }

}

@media (max-width: 1024.98px) {

  .tt-form__control-icon-left {

    padding-left: 44px;

  }

}

@media (max-width: 767.98px) {

  .tt-form__control-icon-left {

    padding-left: 43px;

  }

}

.tt-form__btn {

  margin-top: 25px;

}

@media (max-width: 1024.98px) {

  .tt-form__btn {

    margin-top: 20px;

  }

}

@media (max-width: 767px) {

  .tt-form__btn.text-center {

    text-align: left;

  }

}

@media (max-width: 1024.98px) {

  .row + .tt-form__btn {

    margin-top: 10px;

  }

}

.tt-form__btn02 {

  margin-top: 15px;

}

@media (max-width: 767.98px) {

  .tt-form__btn02 {

    margin-top: 15px;

  }

}

@media (max-width: 575.98px) {

  .tt-form__btn02 {

    margin-top: 12px;

  }

}

.tt-form .tt-rating {

  padding-bottom: 15px;

}

@media (max-width: 767.98px) {

  .tt-form .tt-rating {

    padding-bottom: 8px;

  }

}

@media (max-width: 575.98px) {

  .tt-form .tt-rating {

    padding-bottom: 8зч;

  }

}

.tt-form-inline {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: center;

}

.tt-form-inline .tt-form__group + * {

  margin-left: 16px;

}

@media (min-width: 1025px) {

  .tt-form-inline .tt-form__control:not(textarea) {

    height: 58px;

  }

}

@media (min-width: 1025px) {

  .tt-form__btn-indent {

    margin-top: 27px;

  }

}

@media (max-width: 1024.98px) {

  .tt-form__btn-indent {

    margin-top: 13px;

  }

}

@media (max-width: 767.98px) {

  .tt-form__btn-indent {

    margin-top: 5px;

  }

}

.custom-select {

  position: relative;

}

.custom-select:after {

  content: "";

  position: absolute;

  pointer-events: none;

  width: 0;

  height: 0;

  border-width: 4px 4px;

  border-style: solid;

  border-color: #005395 transparent transparent transparent;

}

.custom-select select {

  display: block;

  width: 100%;

  line-height: 1.2;

  padding: 4px 30px 4px 17px;

  background: #f8f8fa;

  color: #6c7176;

  outline: 0;

  border: 1px solid #f8f8fa;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  cursor: pointer;

}

@media (min-width: 1025px) {

  .custom-select:after {

    top: 24px;

    right: 23px;

  }

  .custom-select select {

    font-size: 16px;

    height: 52px;

  }

}

@media (max-width: 1024.98px) {

  .custom-select:after {

    top: 19px;

    right: 20px;

  }

  .custom-select select {

    font-size: 15px;

    height: 42px;

  }

}

.custom-select select:focus {

  border-color: #6984c2;

  background: #fff;

}

.tt-form__group .checkbox-group {

  margin: 3px 0 0 0;

  padding-bottom: 15px;

}

.checkbox-group {

  position: relative;

  display: inline-block;

}

.checkbox-group input[type="checkbox"] {

  display: none;

}

.checkbox-group label {

  cursor: pointer;

  position: relative;

  padding: 0 0 0 35px;

  font-size: 13px;

}

.checkbox-group label .check {

  display: block;

  position: absolute;

  z-index: 2;

  width: 24px;

  height: 24px;

  left: 0;

  background: #f8f8fa;

  color: #adadad;

}

.checkbox-group label .check:after,

.checkbox-group label .check:before {

  content: "";

  display: block;

  position: absolute;

  background-color: #005395;

  opacity: 0;

  transition-duration: 0.2s;

}

.checkbox-group label .check:before {

  width: 2px;

  height: 10px;

  top: 7px;

  left: 13px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.checkbox-group label .check:after {

  width: 2px;

  height: 6px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  left: 8px;

  top: 10px;

}

.checkbox-group:hover label .check:after,

.checkbox-group:hover label .check:before {

  opacity: 1;

}

input[type="checkbox"]:checked ~ label .check:after,

input[type="checkbox"]:checked ~ label .check:before {

  opacity: 1;

}

#contactform {

  max-width: 692px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 768px) and (max-width: 1229.98px) {

  .tt-hide__table-only {

    display: none !important;

  }

}

@media (max-width: 1024.98px) {

  .tt-hide__table {

    display: none !important;

  }

}

@media (max-width: 767.98px) {

  .tt-hide__mobile {

    display: none !important;

  }

}

.tt-visible__mobile {

  display: none !important;

}

@media (max-width: 767.98px) {

  .tt-visible__mobile {

    display: block !important;

  }

}

@media (min-width: 768px) {

  .tt-visible__table {

    display: none !important;

  }

}

.tt-visible__mobile-sm {

  display: none !important;

}

@media (max-width: 575.98px) {

  .tt-visible__mobile-sm {

    display: block !important;

  }

}

.tt-visible__descktop {

  display: none !important;

}

@media (min-width: 1025px) {

  .tt-visible__descktop {

    display: inline-block !important;

  }

}

.tt-base-color01 {

  color: #005395;

}

.tt-point {

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  text-align: center;

}

.tt-point__v-t {

  align-items: flex-start;

}

.tt-point__v-b {

  align-items: flex-end;

}

.tt-point__h-l {

  justify-content: flex-start;

  align-content: flex-start;

}

.tt-point__h-r {

  justify-content: flex-end;

  align-content: flex-start;

}

.flatpickr-calendar {

  background: 0 0;

  opacity: 0;

  display: none;

  text-align: center;

  visibility: hidden;

  padding: 0;

  -webkit-animation: none;

  animation: none;

  direction: ltr;

  border: 0;

  font-size: 14px;

  line-height: 24px;

  border-radius: 5px;

  position: absolute;

  width: 307.875px;

  box-sizing: border-box;

  touch-action: manipulation;

  background: #fff;

  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6,

  0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);

}

.flatpickr-calendar.inline,

.flatpickr-calendar.open {

  opacity: 1;

  max-height: 640px;

  visibility: visible;

}

.flatpickr-calendar.open {

  display: inline-block;

  z-index: 99999;

}

.flatpickr-calendar.animate.open {

  -webkit-animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);

  animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);

}

.flatpickr-calendar.inline {

  display: block;

  position: relative;

  top: 2px;

}

.flatpickr-calendar.static {

  position: absolute;

  top: calc(100% + 2px);

}

.flatpickr-calendar.static.open {

  z-index: 999;

  display: block;

}

.flatpickr-calendar.multiMonth

.flatpickr-days

.dayContainer:nth-child(n + 1)

.flatpickr-day.inRange:nth-child(7n + 7) {

  box-shadow: none !important;

}

.flatpickr-calendar.multiMonth

.flatpickr-days

.dayContainer:nth-child(n + 2)

.flatpickr-day.inRange:nth-child(7n + 1) {

  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

}

.flatpickr-calendar .hasTime .dayContainer,

.flatpickr-calendar .hasWeeks .dayContainer {

  border-bottom: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.flatpickr-calendar .hasWeeks .dayContainer {

  border-left: 0;

}

.flatpickr-calendar.hasTime .flatpickr-time {

  height: 40px;

  border-top: 1px solid #e6e6e6;

}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {

  height: auto;

}

.flatpickr-calendar:after,

.flatpickr-calendar:before {

  position: absolute;

  display: block;

  pointer-events: none;

  border: solid transparent;

  content: "";

  height: 0;

  width: 0;

  left: 22px;

}

.flatpickr-calendar.arrowRight:after,

.flatpickr-calendar.arrowRight:before,

.flatpickr-calendar.rightMost:after,

.flatpickr-calendar.rightMost:before {

  left: auto;

  right: 22px;

}

.flatpickr-calendar.arrowCenter:after,

.flatpickr-calendar.arrowCenter:before {

  left: 50%;

  right: 50%;

}

.flatpickr-calendar:before {

  border-width: 5px;

  margin: 0 -5px;

}

.flatpickr-calendar:after {

  border-width: 4px;

  margin: 0 -4px;

}

.flatpickr-calendar.arrowTop:after,

.flatpickr-calendar.arrowTop:before {

  bottom: 100%;

}

.flatpickr-calendar.arrowTop:before {

  border-bottom-color: #e6e6e6;

}

.flatpickr-calendar.arrowTop:after {

  border-bottom-color: #fff;

}

.flatpickr-calendar.arrowBottom:after,

.flatpickr-calendar.arrowBottom:before {

  top: 100%;

}

.flatpickr-calendar.arrowBottom:before {

  border-top-color: #e6e6e6;

}

.flatpickr-calendar.arrowBottom:after {

  border-top-color: #fff;

}

.flatpickr-calendar:focus {

  outline: 0;

}

.flatpickr-wrapper {

  position: relative;

  display: inline-block;

}

.flatpickr-months {

  display: flex;

}

.flatpickr-months .flatpickr-month {

  background: 0 0;

  color: rgba(0, 0, 0, 0.9);

  fill: rgba(0, 0, 0, 0.9);

  height: 34px;

  line-height: 1;

  text-align: center;

  position: relative;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  overflow: hidden;

  flex: 1;

}

.flatpickr-months .flatpickr-next-month,

.flatpickr-months .flatpickr-prev-month {

  text-decoration: none;

  cursor: pointer;

  position: absolute;

  top: 0;

  height: 34px;

  padding: 10px;

  z-index: 3;

  color: rgba(0, 0, 0, 0.9);

  fill: rgba(0, 0, 0, 0.9);

}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {

  display: none;

}

.flatpickr-months .flatpickr-next-month i,

.flatpickr-months .flatpickr-prev-month i {

  position: relative;

}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {

  left: 0;

}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {

  right: 0;

}

.flatpickr-months .flatpickr-next-month:hover,

.flatpickr-months .flatpickr-prev-month:hover {

  color: #959ea9;

}

.flatpickr-months .flatpickr-next-month:hover svg,

.flatpickr-months .flatpickr-prev-month:hover svg {

  fill: #f64747;

}

.flatpickr-months .flatpickr-next-month svg,

.flatpickr-months .flatpickr-prev-month svg {

  width: 14px;

  height: 14px;

}

.flatpickr-months .flatpickr-next-month svg path,

.flatpickr-months .flatpickr-prev-month svg path {

  transition: fill 0.1s;

  fill: inherit;

}

.numInputWrapper {

  position: relative;

  height: auto;

}

.numInputWrapper input,

.numInputWrapper span {

  display: inline-block;

}

.numInputWrapper input {

  width: 100%;

}

.numInputWrapper input::-ms-clear {

  display: none;

}

.numInputWrapper input::-webkit-inner-spin-button,

.numInputWrapper input::-webkit-outer-spin-button {

  margin: 0;

  -webkit-appearance: none;

}

.numInputWrapper span {

  position: absolute;

  right: 0;

  width: 14px;

  padding: 0 4px 0 2px;

  height: 50%;

  line-height: 50%;

  opacity: 0;

  cursor: pointer;

  border: 1px solid rgba(57, 57, 57, 0.15);

  box-sizing: border-box;

}

.numInputWrapper span:hover {

  background: rgba(0, 0, 0, 0.1);

}

.numInputWrapper span:active {

  background: rgba(0, 0, 0, 0.2);

}

.numInputWrapper span:after {

  display: block;

  content: "";

  position: absolute;

}

.numInputWrapper span.arrowUp {

  top: 0;

  border-bottom: 0;

}

.numInputWrapper span.arrowUp:after {

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-bottom: 4px solid rgba(57, 57, 57, 0.6);

  top: 26%;

}

.numInputWrapper span.arrowDown {

  top: 50%;

}

.numInputWrapper span.arrowDown:after {

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-top: 4px solid rgba(57, 57, 57, 0.6);

  top: 40%;

}

.numInputWrapper span svg {

  width: inherit;

  height: auto;

}

.numInputWrapper span svg path {

  fill: rgba(0, 0, 0, 0.5);

}

.numInputWrapper:hover {

  background: rgba(0, 0, 0, 0.05);

}

.numInputWrapper:hover span {

  opacity: 1;

}

.flatpickr-current-month {

  font-size: 135%;

  line-height: inherit;

  font-weight: 300;

  color: inherit;

  position: absolute;

  width: 75%;

  left: 12.5%;

  padding: 7.48px 0 0 0;

  line-height: 1;

  height: 34px;

  display: inline-block;

  text-align: center;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.flatpickr-current-month span.cur-month {

  font-family: inherit;

  font-weight: 700;

  color: inherit;

  display: inline-block;

  margin-left: 0.5ch;

  padding: 0;

}

.flatpickr-current-month span.cur-month:hover {

  background: rgba(0, 0, 0, 0.05);

}

.flatpickr-current-month .numInputWrapper {

  width: 6ch;

  display: inline-block;

}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {

  border-bottom-color: rgba(0, 0, 0, 0.9);

}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {

  border-top-color: rgba(0, 0, 0, 0.9);

}

.flatpickr-current-month input.cur-year {

  background: 0 0;

  box-sizing: border-box;

  color: inherit;

  cursor: text;

  padding: 0 0 0 0.5ch;

  margin: 0;

  display: inline-block;

  font-size: inherit;

  font-family: inherit;

  font-weight: 300;

  line-height: inherit;

  height: auto;

  border: 0;

  border-radius: 0;

  vertical-align: initial;

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;

}

.flatpickr-current-month input.cur-year:focus {

  outline: 0;

}

.flatpickr-current-month input.cur-year[disabled],

.flatpickr-current-month input.cur-year[disabled]:hover {

  font-size: 100%;

  color: rgba(0, 0, 0, 0.5);

  background: 0 0;

  pointer-events: none;

}

.flatpickr-current-month .flatpickr-monthDropdown-months {

  appearance: menulist;

  background: 0 0;

  border: none;

  border-radius: 0;

  box-sizing: border-box;

  color: inherit;

  cursor: pointer;

  font-size: inherit;

  font-family: inherit;

  font-weight: 300;

  height: auto;

  line-height: inherit;

  margin: -1px 0 0 0;

  outline: 0;

  padding: 0 0 0 0.5ch;

  position: relative;

  vertical-align: initial;

  -webkit-box-sizing: border-box;

  -webkit-appearance: menulist;

  -moz-appearance: menulist;

  width: auto;

}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,

.flatpickr-current-month .flatpickr-monthDropdown-months:focus {

  outline: 0;

}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {

  background: rgba(0, 0, 0, 0.05);

}

.flatpickr-current-month

.flatpickr-monthDropdown-months

.flatpickr-monthDropdown-month {

  background-color: transparent;

  outline: 0;

  padding: 0;

}

.flatpickr-weekdays {

  background: 0 0;

  text-align: center;

  overflow: hidden;

  width: 100%;

  display: flex;

  align-items: center;

  height: 28px;

}

.flatpickr-weekdays .flatpickr-weekdaycontainer {

  display: flex;

  flex: 1;

}

span.flatpickr-weekday {

  cursor: default;

  font-size: 90%;

  background: 0 0;

  color: rgba(0, 0, 0, 0.54);

  line-height: 1;

  margin: 0;

  text-align: center;

  display: block;

  flex: 1;

  font-weight: bolder;

}

.dayContainer,

.flatpickr-weeks {

  padding: 1px 0 0 0;

}

.flatpickr-days {

  position: relative;

  overflow: hidden;

  display: flex;

  align-items: flex-start;

  width: 307.875px;

}

.flatpickr-days:focus {

  outline: 0;

}

.dayContainer {

  padding: 0;

  outline: 0;

  text-align: left;

  width: 307.875px;

  min-width: 307.875px;

  max-width: 307.875px;

  box-sizing: border-box;

  display: inline-block;

  display: flex;

  flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  justify-content: space-around;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  opacity: 1;

}

.dayContainer + .dayContainer {

  box-shadow: -1px 0 0 #e6e6e6;

}

.flatpickr-day {

  background: 0 0;

  border: 1px solid transparent;

  border-radius: 150px;

  box-sizing: border-box;

  color: #393939;

  cursor: pointer;

  font-weight: 400;

  width: 14.2857143%;

  flex-basis: 14.2857143%;

  max-width: 39px;

  height: 39px;

  line-height: 39px;

  margin: 0;

  display: inline-block;

  position: relative;

  justify-content: center;

  text-align: center;

}

.flatpickr-day.inRange,

.flatpickr-day.nextMonthDay.inRange,

.flatpickr-day.nextMonthDay.today.inRange,

.flatpickr-day.nextMonthDay:focus,

.flatpickr-day.nextMonthDay:hover,

.flatpickr-day.prevMonthDay.inRange,

.flatpickr-day.prevMonthDay.today.inRange,

.flatpickr-day.prevMonthDay:focus,

.flatpickr-day.prevMonthDay:hover,

.flatpickr-day.today.inRange,

.flatpickr-day:focus,

.flatpickr-day:hover {

  cursor: pointer;

  outline: 0;

  background: #e6e6e6;

  border-color: #e6e6e6;

}

.flatpickr-day.today {

  border-color: #959ea9;

}

.flatpickr-day.today:focus,

.flatpickr-day.today:hover {

  border-color: #959ea9;

  background: #959ea9;

  color: #fff;

}

.flatpickr-day.endRange,

.flatpickr-day.endRange.inRange,

.flatpickr-day.endRange.nextMonthDay,

.flatpickr-day.endRange.prevMonthDay,

.flatpickr-day.endRange:focus,

.flatpickr-day.endRange:hover,

.flatpickr-day.selected,

.flatpickr-day.selected.inRange,

.flatpickr-day.selected.nextMonthDay,

.flatpickr-day.selected.prevMonthDay,

.flatpickr-day.selected:focus,

.flatpickr-day.selected:hover,

.flatpickr-day.startRange,

.flatpickr-day.startRange.inRange,

.flatpickr-day.startRange.nextMonthDay,

.flatpickr-day.startRange.prevMonthDay,

.flatpickr-day.startRange:focus,

.flatpickr-day.startRange:hover {

  background: #569ff7;

  box-shadow: none;

  color: #fff;

  border-color: #569ff7;

}

.flatpickr-day.endRange.startRange,

.flatpickr-day.selected.startRange,

.flatpickr-day.startRange.startRange {

  border-radius: 50px 0 0 50px;

}

.flatpickr-day.endRange.endRange,

.flatpickr-day.selected.endRange,

.flatpickr-day.startRange.endRange {

  border-radius: 0 50px 50px 0;

}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),

.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {

  box-shadow: -10px 0 0 #569ff7;

}

.flatpickr-day.endRange.startRange.endRange,

.flatpickr-day.selected.startRange.endRange,

.flatpickr-day.startRange.startRange.endRange {

  border-radius: 50px;

}

.flatpickr-day.inRange {

  border-radius: 0;

  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;

}

.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover,

.flatpickr-day.nextMonthDay,

.flatpickr-day.notAllowed,

.flatpickr-day.notAllowed.nextMonthDay,

.flatpickr-day.notAllowed.prevMonthDay,

.flatpickr-day.prevMonthDay {

  color: rgba(57, 57, 57, 0.3);

  background: 0 0;

  border-color: transparent;

  cursor: default;

}

.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover {

  cursor: not-allowed;

  color: rgba(57, 57, 57, 0.1);

}

.flatpickr-day.week.selected {

  border-radius: 0;

  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;

}

.flatpickr-day.hidden {

  visibility: hidden;

}

.rangeMode .flatpickr-day {

  margin-top: 1px;

}

.flatpickr-weekwrapper {

  float: left;

}

.flatpickr-weekwrapper .flatpickr-weeks {

  padding: 0 12px;

  box-shadow: 1px 0 0 #e6e6e6;

}

.flatpickr-weekwrapper .flatpickr-weekday {

  float: none;

  width: 100%;

  line-height: 28px;

}

.flatpickr-weekwrapper span.flatpickr-day,

.flatpickr-weekwrapper span.flatpickr-day:hover {

  display: block;

  width: 100%;

  max-width: none;

  color: rgba(57, 57, 57, 0.3);

  background: 0 0;

  cursor: default;

  border: none;

}

.flatpickr-innerContainer {

  display: block;

  display: flex;

  box-sizing: border-box;

  overflow: hidden;

}

.flatpickr-rContainer {

  display: inline-block;

  padding: 0;

  box-sizing: border-box;

}

.flatpickr-time {

  text-align: center;

  outline: 0;

  display: block;

  height: 0;

  line-height: 40px;

  max-height: 40px;

  box-sizing: border-box;

  overflow: hidden;

  display: flex;

}

.flatpickr-time:after {

  content: "";

  display: table;

  clear: both;

}

.flatpickr-time .numInputWrapper {

  flex: 1;

  width: 40%;

  height: 40px;

  float: left;

}

.flatpickr-time .numInputWrapper span.arrowUp:after {

  border-bottom-color: #393939;

}

.flatpickr-time .numInputWrapper span.arrowDown:after {

  border-top-color: #393939;

}

.flatpickr-time.hasSeconds .numInputWrapper {

  width: 26%;

}

.flatpickr-time.time24hr .numInputWrapper {

  width: 49%;

}

.flatpickr-time input {

  background: 0 0;

  box-shadow: none;

  border: 0;

  border-radius: 0;

  text-align: center;

  margin: 0;

  padding: 0;

  height: inherit;

  line-height: inherit;

  color: #393939;

  font-size: 14px;

  position: relative;

  box-sizing: border-box;

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;

}

.flatpickr-time input.flatpickr-hour {

  font-weight: 700;

}

.flatpickr-time input.flatpickr-minute,

.flatpickr-time input.flatpickr-second {

  font-weight: 400;

}

.flatpickr-time input:focus {

  outline: 0;

  border: 0;

}

.flatpickr-time .flatpickr-am-pm,

.flatpickr-time .flatpickr-time-separator {

  height: inherit;

  float: left;

  line-height: inherit;

  color: #393939;

  font-weight: 700;

  width: 2%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  align-self: center;

}

.flatpickr-time .flatpickr-am-pm {

  outline: 0;

  width: 18%;

  cursor: pointer;

  text-align: center;

  font-weight: 400;

}

.flatpickr-time .flatpickr-am-pm:focus,

.flatpickr-time .flatpickr-am-pm:hover,

.flatpickr-time input:focus,

.flatpickr-time input:hover {

  background: #eee;

}

.flatpickr-input[readonly] {

  cursor: pointer;

}

@-webkit-keyframes fpFadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

@keyframes fpFadeInDown {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}

.ps {

  overflow: hidden !important;

  overflow-anchor: none;

  -ms-overflow-style: none;

  touch-action: auto;

  -ms-touch-action: auto;

}

.ps__rail-x {

  display: none;

  opacity: 0;

  transition: background-color 0.2s linear, opacity 0.2s linear;

  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;

  height: 15px;

  bottom: 0;

  position: absolute;

}

.ps__rail-y {

  display: none;

  opacity: 0;

  transition: background-color 0.2s linear, opacity 0.2s linear;

  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;

  width: 15px;

  right: 0;

  position: absolute;

}

.ps--active-x > .ps__rail-x,

.ps--active-y > .ps__rail-y {

  display: block;

  background-color: transparent;

}

.ps--focus > .ps__rail-x,

.ps--focus > .ps__rail-y,

.ps--scrolling-x > .ps__rail-x,

.ps--scrolling-y > .ps__rail-y,

.ps:hover > .ps__rail-x,

.ps:hover > .ps__rail-y {

  opacity: 0.6;

}

.ps .ps__rail-x.ps--clicking,

.ps .ps__rail-x:focus,

.ps .ps__rail-x:hover,

.ps .ps__rail-y.ps--clicking,

.ps .ps__rail-y:focus,

.ps .ps__rail-y:hover {

  background-color: #eee;

  opacity: 0.9;

}

.ps__thumb-x {

  background-color: #aaa;

  border-radius: 6px;

  transition: background-color 0.2s linear, height 0.2s ease-in-out;

  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;

  height: 6px;

  bottom: 2px;

  position: absolute;

}

.ps__thumb-y {

  background-color: #aaa;

  border-radius: 6px;

  transition: background-color 0.2s linear, width 0.2s ease-in-out;

  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;

  width: 6px;

  right: 2px;

  position: absolute;

}

.ps__rail-x.ps--clicking .ps__thumb-x,

.ps__rail-x:focus > .ps__thumb-x,

.ps__rail-x:hover > .ps__thumb-x {

  background-color: #999;

  height: 11px;

}

.ps__rail-y.ps--clicking .ps__thumb-y,

.ps__rail-y:focus > .ps__thumb-y,

.ps__rail-y:hover > .ps__thumb-y {

  background-color: #999;

  width: 11px;

}

@supports (-ms-overflow-style: none) {

  .ps {

    overflow: auto !important;

  }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .ps {

    overflow: auto !important;

  }

}

.tt-header {

  position: relative;

  z-index: 10;

  background-color: #fff;

}

.tt-header-holder {

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  width: 100%;

  position: relative;

}

.tt-header-holder .tt-col__wide {

  flex: 2 1 auto;

}

.tt-header-holder .tt-col__objects {

  display: inline-flex;

  align-items: center;

}

@media (min-width: 1620px) {

  .tt-header-holder .tt-col__objects > * {

    margin-left: 37px;

  }

}

@media (max-width: 1619.98px) {

  .tt-header-holder .tt-col__objects > * {

    margin-left: 27px;

  }

}

@media (max-width: 1300px) {

  .tt-header-holder .tt-col__objects > * {

    margin-left: 20px;

  }

}

.tt-header-holder .tt-col__objects > :first-child {

  margin-left: 0;

}

@media (min-width: 1620px) {

  .row-header-layout .tt-header-holder,

  .tt-header {

    height: 108px;

  }

}

@media (max-width: 1619.98px) {

  .row-header-layout .tt-header-holder,

  .tt-header {

    height: 104px;

  }

}

@media (max-width: 1024.98px) {

  .row-header-layout .tt-header-holder,

  .tt-header {

    height: 84px;

  }

}

@media (max-width: 767.98px) {

  .row-header-layout .tt-header-holder,

  .tt-header {

    height: 70px;

  }

}

.h-infobox__wrapper {

  background-color: #eff2f6;

}

.h-infobox__btn {

  padding: 10px 13px 10px 0;

  margin-right: 5px;

  fill: #005395;

  cursor: pointer;

}

.h-infobox__btn > * {

  pointer-events: none;

  width: 13px;

  height: auto;

}

@media (min-width: 768px) {

  .h-infobox__btn {

    display: none;

  }

}

.show-infobox .h-infobox__btn > * {

  -webkit-transform: scaleY(-1);

  transform: scaleY(-1);

}

.h-infobox {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

}

.h-infobox__visible-mobile {

  display: none;

}

@media (max-width: 767.98px) {

  .h-infobox__visible-mobile {

    display: inline-block;

  }

}

.h-infobox__item {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  height: 52px;

  padding-top: 6px;

  padding-bottom: 5px;

  font-size: 14px;

  line-height: 1;

}

.h-infobox__item strong {

  font-weight: 600;

}

@media (min-width: 1230px) {

  .h-infobox__item:not(:first-child) {

    margin-left: 57px;

  }

}

@media (max-width: 1229.98px) {

  .h-infobox__item:not(:first-child) {

    margin-left: 27px;

  }

}

.h-infobox__item a:not([class]) {

  display: inline-block;

  position: relative;

  color: #555;

}

.h-infobox__item a:not([class]):before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  width: 0%;

  height: 1px;

  left: 0;

  right: 0;

  transition: width 0.2s linear 0s;

}

.h-infobox__item a:not([class]):hover {

  color: #555;

}

.h-infobox__item a:not([class]):hover:before {

  width: 100%;

}

.clock__icon {

  margin-right: 10px;

}



.h-infobox__icon ul {

  display: flex;

  align-items: center;

}

.h-infobox__icon ul li {

  padding: 0 8px;

}



@media (max-width: 1619.98px) {

  .h-infobox__item {

    height: 47px;

  }

}

@media (max-width: 1024.98px) {

  .h-infobox__item {

    font-size: 13px;

    line-height: 22px;

    height: 34px;

  }

  .h-infobox__icon {

    max-width: 12px;

    width: 12px;

    margin-right: 5px;

  }

}

@media (max-width: 767.98px) {

  .h-infobox__wrapper {

    position: fixed;

    z-index: 7;

    top: 70px;

    left: 0;

    padding-top: 31px;

    width: 100%;

    height: calc(100% - 70px);

    -webkit-transform: translateY(-70%);

    transform: translateY(-70%);

    opacity: 0;

    transition: opacity 0.3s linear, -webkit-transform 0.35s ease-out;

    transition: opacity 0.3s linear, transform 0.35s ease-out;

    transition: opacity 0.3s linear, transform 0.35s ease-out,

    -webkit-transform 0.35s ease-out;

    pointer-events: none;

    visibility: hidden;

  }

  .h-infobox__wrapper .tt-header-holder {

    flex-wrap: wrap;

  }

  .h-infobox__wrapper .tt-header-holder .tt-col {

    width: 100%;

  }

  .h-infobox__wrapper .tt-header-holder .tt-col + .tt-col {

    margin-top: 29px;

  }

  .h-infobox {

    margin-top: -19px;

  }

  .h-infobox__item {

    justify-content: flex-start;

    align-content: flex-start;

    align-items: flex-start;

    padding-bottom: 0;

    width: 100%;

  }

  .h-infobox__item:not(:first-child) {

    margin-left: 0;

  }

  .h-infobox__item + .h-infobox__item {

    margin-top: 29px;

  }

  .h-infobox__icon {

    max-width: 12px;

    width: 12px;

    margin-right: 7px;

  }

  .h-infobox__text strong {

    display: block;

  }

  .show-infobox .h-infobox__wrapper {

    visibility: hidden;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    pointer-events: auto;

  }

}

.tt-logo {

  position: relative;

  top: -3px;

}

.tt-logo svg {

  width: 154px;

  height: auto;

}

@media (max-width: 1619.98px) {

  .tt-logo svg {

    width: 145px;

  }

}

@media (max-width: 1024.98px) {

  .tt-logo svg {

    width: 130px;

  }

}

@media (max-width: 767.98px) {

  .tt-logo {

    top: -1px;

  }

  .tt-logo svg {

    width: 111px;

  }

}

.tt-logo .st0 {

  fill: #005395;

}

.tt-logo .st1 {

  fill: #555;

}

.tt-logo .st2 {

  fill: #00aeff;

}

.tt-logo .st3 {

  fill: #005395;

}

.st1 {

  -webkit-animation-name: jumpUp;

  animation-name: jumpUp;

  -webkit-animation-duration: 1.4s;

  animation-duration: 1.4s;

  -webkit-animation-direction: alternate;

  animation-direction: alternate;

  -webkit-animation-timing-function: steps(2, end);

  animation-timing-function: steps(2, end);

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.tt-delay-01 {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.tt-delay-02 {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}

.tt-delay-03 {

  -webkit-animation-delay: 0.15s;

  animation-delay: 0.15s;

}

.tt-delay-04 {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}

.tt-delay-05 {

  -webkit-animation-delay: 0.25s;

  animation-delay: 0.25s;

}

.tt-delay-06 {

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

}

.tt-delay-07 {

  -webkit-animation-delay: 0.35s;

  animation-delay: 0.35s;

}

.tt-delay-08 {

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

}

.tt-delay-09 {

  -webkit-animation-delay: 0.45s;

  animation-delay: 0.45s;

}

.tt-delay-10 {

  -webkit-animation-delay: 0.5s;

  animation-delay: 0.5s;

}

@-webkit-keyframes jumpUp {

  100%,

  20% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    fill: #555;

  }

  0% {

    -webkit-transform: translate(0, -12px);

    transform: translate(0, -12px);

    fill: #00aeff;

  }

  10% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    fill: #555;

  }

}

@keyframes jumpUp {

  100%,

  20% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    fill: #555;

  }

  0% {

    -webkit-transform: translate(0, -12px);

    transform: translate(0, -12px);

    fill: #00aeff;

  }

  10% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    fill: #555;

  }

}

.desktopmenu {

  text-align: center;

  margin-top: -1px;

}

@media (min-width: 1301px) {

  .desktopmenu {

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media (max-width: 1300px) {

  .desktopmenu {

    padding-left: 25px;

    padding-right: 25px;

  }

}

.desktopmenu a {

  transition: color 0.3s;

}

.desktopmenu ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.desktopmenu nav {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: flex-start;

  align-items: flex-start;

}

.desktopmenu nav > ul {

  text-align: left;

}

.desktopmenu nav > ul > li {

  display: inline-block;

}

.desktopmenu nav > ul > li.has-submenu > a:after {

  content: "";

  border: solid #555;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 2px;

  height: 2px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  pointer-events: none;

  margin: 0 0 0 10px;

  position: relative;

  top: 7px;

}

.desktopmenu nav > ul > li.is-active > a {

  color: #005395;

}

.desktopmenu nav > ul > li > a {

  display: inline-flex;

  position: relative;

  color: #555;

  transition: color 0.2s linear;

  font-size: 16px;

  line-height: 1.1;

  font-weight: 600;

  padding-top: 5px;

  padding-bottom: 5px;

}

.desktopmenu nav > ul > li > a:active{

  color: #01a2de;

}

@media (min-width: 1639px) {

  .desktopmenu nav > ul > li > a {

    padding-top: 20px;

    padding-bottom: 20px;

  }

}

.desktopmenu nav > ul > li > a:hover {

  color: #01a2de;

}

.desktopmenu nav > ul > li > a:hover:before {

  border-color: #01a2de;

}

@media (min-width: 1830px) {

  .desktopmenu nav > ul > li > a {

    padding-left: 17px;

    padding-right: 17px;

  }

}

@media (max-width: 1829px) {

  .desktopmenu nav > ul > li > a {

    padding-left: 10px;

    padding-right: 10px;

  }

  .desktopmenu nav > ul > li.has-submenu > a:after {

    margin-left: 4px;

  }

}

@media (max-width: 1500px) {

  .desktopmenu nav > ul > li > a {

    padding-left: 7px;

    padding-right: 7px;

  }

}

@media (max-width: 1300px) {

  .desktopmenu nav > ul > li > a {

    padding-left: 5px;

    padding-right: 5px;

  }

  .desktopmenu nav > ul > li.has-submenu > a:after {

    margin-left: 5px;

  }

}

.desktopmenu nav li {

  position: relative;

}

.desktopmenu nav li.is-active > a {

  color: #005395;

}

.desktopmenu nav li.is-active > ul {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.desktopmenu nav > ul ul {

  position: absolute;

  width: 320px;

  z-index: 2;

  background: #fff;

  box-shadow: 0 3px 7px rgba(197, 205, 216, 0.59);

  padding: 13px 35px 11px 35px;

  visibility: hidden;

  opacity: 0;

  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;

  transition: opacity 0.2s linear, transform 0.2s linear;

  transition: opacity 0.2s linear, transform 0.2s linear,

  -webkit-transform 0.2s linear;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

}

.desktopmenu nav > ul ul li {

  font-size: 17px;

}

.desktopmenu nav > ul ul li:not(:last-child) {

  border-bottom: 1px solid #f3f3f3;

}

.desktopmenu nav > ul ul li a {

  color: #005395;

  display: inline-block;

  padding: 13px 17px 13px 0;

}

.desktopmenu nav > ul ul ul {

  top: -13px;

  left: 100%;

}

.desktopmenu nav > ul ul li {

  position: relative;

}

.desktopmenu nav > ul ul li.has-submenu > a:before {

  content: "";

  position: absolute;

  top: 50%;

  right: 12px;

  margin-top: -4px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border: solid #0c4c93;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 2px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  pointer-events: none;

}

.desktopmenu nav > ul ul li a {

  position: relative;

  display: block;

  transition: font-weight 0.25s linear;

  color: #555;

}

.desktopmenu nav > ul ul li a:hover {

  color: #005395;

}

.desktopmenu nav ul.popup-left {

  left: auto;

  right: 100%;

}

.desktopmenu nav body:not(.tt-load) .desktopmenu nav ul ul {

  display: none;

}

@media (max-width: 1270px) {

  .desktopmenu {

    display: none;

  }

}

.tt-cart {

  display: inline-block;

}

body:not(.is-ios) .tt-cart__btn svg {

  -webkit-filter: drop-shadow(0 0 1px rgba(0, 83, 149, 0.47));

  filter: drop-shadow(0 0 1px rgba(0, 83, 149, 0.47));

}

.tt-cart__btn {

  position: relative;

  top: 5px;

  margin: 0 12px 0 0;

  fill: #005395;

}

.tt-cart__btn > svg {

  width: 24px;

  height: auto;

}

.tt-cart__btn:hover > svg {

  -webkit-animation-name: slideDown;

  animation-name: slideDown;

  -webkit-animation-duration: 0.4s;

  animation-duration: 0.4s;

  -webkit-animation-timing-function: ease;

  animation-timing-function: ease;

  visibility: visible !important;

}

.tt-cart__btn-badge {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: absolute;

  top: -14px;

  right: -12px;

  width: 23px;

  height: 23px;

  background-color: #005395;

  color: #fff;

  border-radius: 50%;

  font-size: 13px;

  line-height: 1;

  font-weight: 600;



  box-shadow: 0 3px 7px rgba(0, 83, 149, 0.47);

}

@media (max-width: 1024.98px) {

  .tt-cart__btn-badge {

    top: -13px;

    right: -11px;

    width: 20px;

    height: 20px;

    font-size: 11px;

    line-height: 1.7;

  }

}

@media (max-width: 767.98px) {

  .tt-cart__btn {

    top: 0;

  }

}

@-webkit-keyframes slideDown {

  0% {

    -webkit-transform: translateX(-6%);

    transform: translateX(-6%);

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  50% {

    -webkit-transform: translateX(6%);

    transform: translateX(6%);

    -webkit-transform: rotateZ(-7deg);

    transform: rotateZ(-7deg);

  }

  65% {

    -webkit-transform: translateX(-4%);

    transform: translateX(-4%);

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  80% {

    -webkit-transform: translateX(4%);

    transform: translateX(4%);

    -webkit-transform: rotateZ(7deg);

    transform: rotateZ(7deg);

  }

  95% {

    -webkit-transform: translateX(-2%);

    transform: translateX(-2%);

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  100% {

    -webkit-transform: translateX(7%);

    transform: translateX(7%);

  }

}

@keyframes slideDown {

  0% {

    -webkit-transform: translateX(-6%);

    transform: translateX(-6%);

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  50% {

    -webkit-transform: translateX(6%);

    transform: translateX(6%);

    -webkit-transform: rotateZ(-7deg);

    transform: rotateZ(-7deg);

  }

  65% {

    -webkit-transform: translateX(-4%);

    transform: translateX(-4%);

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  80% {

    -webkit-transform: translateX(4%);

    transform: translateX(4%);

    -webkit-transform: rotateZ(7deg);

    transform: rotateZ(7deg);

  }

  95% {

    -webkit-transform: translateX(-2%);

    transform: translateX(-2%);

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  100% {

    -webkit-transform: translateX(7%);

    transform: translateX(7%);

  }

}

.h-box-tel {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  padding-right: 3px;

}

.h-box-tel:hover .h-box-tel___icon {

  -webkit-animation: 1.2s ease 0s normal none 1 running shake;

  animation: 1.2s ease 0s normal none 1 running shake;

}

.h-box-tel__content {

  white-space: nowrap;

}

.h-box-tel__content > :not(:first-child) {

  margin-top: 8px;

}

.h-box-tel___icon {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  min-width: 49px;

  width: 49px;

  height: 49px;

  border: 2px solid #e5edf4;

  border-radius: 50%;

  fill: #005395;

}

.h-box-tel___icon > * {

  max-width: 15px;

  width: 15px;

  height: 15px;

}

.h-box-tel___icon + .h-box-tel__content {

  margin-left: 10px;

}

.h-box-tel__title {

  color: #4c4c4c;

  font-size: 14px;

  line-height: 1;

}

.h-box-tel__tel {

  color: #005395;

  font-weight: 700;

  font-size: 22px;

  line-height: 1;

}

@media (max-width: 1619.98px) {

  .h-box-tel__tel {

    font-size: 20px;

  }

}

@media (max-width: 1024.98px) {

  .h-box-tel___icon {

    min-width: 39px;

    width: 39px;

    height: 39px;

  }

  .h-box-tel___icon > * {

    max-width: 12px;

    width: 12px;

    height: 12px;

  }

  .h-box-tel___icon + .h-box-tel__content {

    margin-left: 8px;

  }

  .h-box-tel__title {

    font-size: 13px;

  }

  .h-box-tel__tel {

    font-size: 16px;

    padding-right: 0;

  }

  .h-box-tel__content {

    white-space: nowrap;

  }

  .h-box-tel__content > :not(:first-child) {

    margin-top: 5px;

  }

}

@-webkit-keyframes shake {

  0% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  10% {

    -webkit-transform: rotateZ(-30deg);

    transform: rotateZ(-30deg);

  }

  20% {

    -webkit-transform: rotateZ(15deg);

    transform: rotateZ(15deg);

  }

  30% {

    -webkit-transform: rotateZ(-10deg);

    transform: rotateZ(-10deg);

  }

  40% {

    -webkit-transform: rotateZ(7.5deg);

    transform: rotateZ(7.5deg);

    fill: #00a2de;

    border-color: #00a2de;

    box-shadow: 0 2px 6px #212c57;

  }

  50% {

    -webkit-transform: rotateZ(-6deg);

    transform: rotateZ(-6deg);

    fill: #00a2de;

    border-color: #00a2de;

    box-shadow: 0 2px 6px #212c57;

  }

  60% {

    -webkit-transform: rotateZ(5deg);

    transform: rotateZ(5deg);

  }

  70% {

    -webkit-transform: rotateZ(-4.28571deg);

    transform: rotateZ(-4.28571deg);

  }

  80% {

    -webkit-transform: rotateZ(3.75deg);

    transform: rotateZ(3.75deg);

  }

  90% {

    -webkit-transform: rotateZ(-3.33333deg);

    transform: rotateZ(-3.33333deg);

  }

  100% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

}

@keyframes shake {

  0% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  10% {

    -webkit-transform: rotateZ(-30deg);

    transform: rotateZ(-30deg);

  }

  20% {

    -webkit-transform: rotateZ(15deg);

    transform: rotateZ(15deg);

  }

  30% {

    -webkit-transform: rotateZ(-10deg);

    transform: rotateZ(-10deg);

  }

  40% {

    -webkit-transform: rotateZ(7.5deg);

    transform: rotateZ(7.5deg);

    fill: #00a2de;

    border-color: #00a2de;

    box-shadow: 0 2px 6px #212c57;

  }

  50% {

    -webkit-transform: rotateZ(-6deg);

    transform: rotateZ(-6deg);

    fill: #00a2de;

    border-color: #00a2de;

    box-shadow: 0 2px 6px #212c57;

  }

  60% {

    -webkit-transform: rotateZ(5deg);

    transform: rotateZ(5deg);

  }

  70% {

    -webkit-transform: rotateZ(-4.28571deg);

    transform: rotateZ(-4.28571deg);

  }

  80% {

    -webkit-transform: rotateZ(3.75deg);

    transform: rotateZ(3.75deg);

  }

  90% {

    -webkit-transform: rotateZ(-3.33333deg);

    transform: rotateZ(-3.33333deg);

  }

  100% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

}

.tt-popup__visible {

  display: none;

}

@media (max-width: 1270px) {

  .tt-popup__visible {

    display: block;

  }

}

.tt-popup.to-show .tt-popup__dropdown {

  visibility: visible;

  -webkit-transform: translateX(0);

  transform: translateX(0);

  opacity: 1;

  background-position: right top;

  background-repeat: no-repeat;

}

@media (max-width: 767.98px) {

  .tt-popup {

    position: relative;

    top: -4px;

  }

}

.tt-popup__toggle {

  cursor: pointer;

  width: 30px;

  height: 30px;

  margin-right: -6px;

  margin-top: 6px;

}

.tt-popup__toggle .tt-icon {

  width: 24px;

  height: 2px;

  background-color: #005395;

  display: inline-block;

  position: relative;

  pointer-events: none;

  line-height: 0;

}

.tt-popup__toggle .tt-icon:after,

.tt-popup__toggle .tt-icon:before {

  content: "";

  position: absolute;

  left: 0;

  line-height: 0;

  display: inline-block;

  width: 100%;

  height: 2px;

  background-color: #005395;

  transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.32s;

}

.tt-popup__toggle .tt-icon:before {

  top: -7px;

}

.tt-popup__toggle .tt-icon:after {

  top: 7px;

}

.to-show .tt-popup__toggle .tt-icon {

  background-color: transparent;

}

.to-show .tt-popup__toggle .tt-icon:after,

.to-show .tt-popup__toggle .tt-icon:before {

  width: 36px;

}

.to-show .tt-popup__toggle .tt-icon:before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 0;

}

.to-show .tt-popup__toggle .tt-icon:after {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  top: 0;

}

@media (max-width: 767.98px) {

  .to-show .tt-popup__toggle .tt-icon:after,

  .to-show .tt-popup__toggle .tt-icon:before {

    width: 25px;

  }

}

.tt-popup__dropdown {

  background-color: transparent;

  position: fixed;

  z-index: 22;

  opacity: 0;

  min-width: 263px;

  max-width: 331px;

  transition: -webkit-transform 0.35s ease-in-out;

  transition: transform 0.35s ease-in-out;

  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;

  -webkit-transform: translateX(-100%);

  transform: translateX(-100%);

  left: 0;

  padding: 40px 20px 40px 12px;

}

@media screen and (orientation: landscape) {

  #js-init-sticky.sticky-header .tt-popup__dropdown {

    padding-bottom: 60px;

  }

}

body.tt-pupup-open {

  overflow: hidden;

  width: 100%;

  z-index: 0;

}

body.tt-pupup-open .tt-popup__wrapper {

  opacity: 1;

  pointer-events: auto;

  z-index: 21;

  visibility: visible;

  transition: opacity 0.4s linear;

}

.tt-popup__wrapper {

  background-color: rgba(0, 83, 149, 0.35);

  position: fixed;

  display: block;

  bottom: 0;

  left: 0;

  overflow: hidden;

  width: 100%;

  height: 100%;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}

.tt-popup__dropdown {

  background-color: rgba(0, 83, 149, 0.95);

}

.tt-mobile-menu {

  overflow: hidden;

  position: relative;

  padding-top: 11px;

  padding-bottom: 44px;

  margin-left: 18px;

}

.tt-mobile-menu nav {

  transition-duration: 0.3s;

  left: 0;

  position: relative;



  font-weight: 600;

}

.tt-mobile-menu nav > ul {

  transition-duration: 0.3s;

}

.tt-mobile-menu nav > ul > li a {

  display: inline-block;

  font-size: 17px;

  padding: 8px 25px 8px 0;

  color: #fff;

  font-weight: 700;

}

.tt-mobile-menu nav > ul > li a:hover {

  color: #00a2de;

}

.tt-mobile-menu nav > ul > li > ul {

  top: 40px;

}

.tt-mobile-menu nav > ul ul {

  left: 100%;

  width: 100%;

  position: absolute;

  opacity: 0;

  top: 0;

}

.tt-mobile-menu li.active > ul {

  opacity: 1;

  z-index: 2;

}

.tt-mobile-menu li.has-submenu > a {

  position: relative;

  z-index: 1;

  display: block;

  width: calc(100% - 50px);

}

.tt-mobile-menu .link__open-submenu {

  position: absolute;

  display: block;

  right: 0;

  margin-top: 2px;

  width: 50px;

  height: 36px;

  text-align: center;

  z-index: 2;

  cursor: pointer;

}

.tt-mobile-menu .link__open-submenu:before {

  content: "";

  border: solid #fff;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 2px;

  position: relative;

  top: 3px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  pointer-events: none;

}

.tt-mobile-menu > ul > li > ul {

  display: none;

}

.tt-mobile-menu.submenu-visible .tt-mobile-menu__back {

  pointer-events: auto;

  -webkit-transform: translateX(0);

  transform: translateX(0);

}

.tt-mobile-menu__back {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: center;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 40px;

  padding: 4px 20px;

  color: #fff;

  cursor: pointer;

  pointer-events: auto;

  transition-duration: 0.3s;

  -webkit-transform: translateX(100%);

  transform: translateX(100%);

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

}

.tt-mobile-menu__back:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 2px;

  margin-top: -3px;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  border: solid #fff;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 2px;

  pointer-events: none;

  -webkit-transform: rotate(135deg);

  transform: rotate(135deg);

}

.tt-mobile-menu__back:hover {

  color: #00a2de;

}

.tt-mobile-menu__back:hover:before {

  border-color: #00a2de;

}

.tt-stuck-header {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 20;

  position: relative;

}

.tt-stuck-header.sticky-header {

  background-color: #fff;

  width: 100%;

  top: 0;

  left: 0;

  position: fixed;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

}

.tt-pagetitle {

  display: flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: relative;

  z-index: 2;

  padding: 15px;

  min-height: 292px;

}

.tt-pagetitle > :not(.tt-pagetitle__img) {

  position: relative;

  z-index: 2;

}

@media (min-width: 1025px) {

  .tt-water-animation02 {

    -webkit-filter: url(#turbulence);

    filter: url(#turbulence);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

.tt-pagetitle__img {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  height: 100%;

  overflow: hidden;

}

.tt-pagetitle__img picture:first-child img {

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 1;

}

@media (min-width: 1230px) {

  .tt-pagetitle__img {

    border-bottom-left-radius: 50% 13%;

    border-bottom-right-radius: 50% 13%;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .tt-pagetitle__img {

    border-bottom-left-radius: 50% 3%;

    border-bottom-right-radius: 50% 3%;

  }

}

@media (max-width: 1024.98px) {

  .tt-pagetitle__img {

    border-bottom-left-radius: 50% 3%;

    border-bottom-right-radius: 50% 3%;

  }

}

@media (max-width: 767.98px) {

  .tt-pagetitle__img {

    border-bottom-left-radius: 50% 1%;

    border-bottom-right-radius: 50% 1%;

  }

}

.tt-pagetitle__title {

  color: #fff;

  font-size: 60px;

  line-height: 1.2;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  text-align: center;

}

.tt-pagetitle__title + * {

  margin-top: 20px;

}

.tt-breadcrumbs {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: flex-start;

  align-items: flex-start;

  padding-bottom: 3px;

}

.tt-breadcrumbs li {

  position: relative;

  color: #fff;

  font-size: 18px;

}

.tt-breadcrumbs li a {

  color: #fff;

  display: inline-block;

  position: relative;

}

.tt-breadcrumbs li a:before {

  content: "";

  display: block;

  position: absolute;

  bottom: 2px;

  width: 0%;

  height: 1px;

  margin: auto;

  left: 0;

  right: 0;

  transition: width 0.2s linear;

  background-color: currentColor;

}

.tt-breadcrumbs li a:hover:before {

  width: 100%;

}

.tt-breadcrumbs li:not(:first-child):before {

  /* content: "\e91f";

  font-family: font-icon;

  display: inline-block;

  font-size: 22px;

  line-height: 1;

  margin-left: 13px;

  margin-right: 13px;

  position: relative;

  top: 3px; */

}

.next__branch {

  margin: 0 6px;

  width: 10px;

}

@media (max-width: 1619.98px) {

  .tt-pagetitle {

    min-height: 270px;

  }

  .tt-pagetitle__title {

    font-size: 50px;

  }

  .tt-breadcrumbs li {

    font-size: 16px;

  }

  .tt-breadcrumbs li:not(:first-child):before {

    font-size: 20px;

  }

}

@media (max-width: 1229.98px) {

  .tt-pagetitle__title {

    font-size: 46px;

  }

}

@media (max-width: 1024.98px) {

  .tt-pagetitle {

    min-height: 245px;

  }

  .tt-pagetitle__title {

    font-size: 29px;

  }

  .tt-breadcrumbs li {

    font-size: 16px;

  }

}

@media (max-width: 575.98px) {

  .tt-pagetitle {

    min-height: 170px;

  }

  .tt-pagetitle__title + * {

    margin-top: 15px;

  }

}

.tt-pagetitle__wrapper {

  display: inline-flex;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  transition: opacity 0.35s linear 0.5s, 0.7s -webkit-transform 0.5s,

  -webkit-filter 0.5s linear 0.5s;

  transition: 0.7s transform 0.5s, opacity 0.35s linear 0.5s,

  filter 0.5s linear 0.5s;

  transition: 0.7s transform 0.5s, opacity 0.35s linear 0.5s,

  filter 0.5s linear 0.5s, 0.7s -webkit-transform 0.5s,

  -webkit-filter 0.5s linear 0.5s;

  -webkit-animation: 0.8s ease 0s normal none 1 running pagetitleAnimation;

  animation: 0.8s ease 0s normal none 1 running pagetitleAnimation;

  padding-top: 15px;

  padding-bottom: 15px;

}

@-webkit-keyframes pagetitleAnimation {

  0% {

    -webkit-transform: translateY(30%);

    transform: translateY(30%);

    opacity: 0;

    -webkit-filter: blur(15px);

    filter: blur(15px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

@keyframes pagetitleAnimation {

  0% {

    -webkit-transform: translateY(30%);

    transform: translateY(30%);

    opacity: 0;

    -webkit-filter: blur(15px);

    filter: blur(15px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

@media (max-width: 575.98px) {

  .tt-pagetitle__title {

    font-size: 24px;

    line-height: 1.3;

  }

  .tt-breadcrumbs li {

    font-size: 14px;

  }

  .tt-breadcrumbs li:not(:first-child):before {

    font-size: 18px;

  }

}

@media (max-width: 767.98px) {

  .mobile-nopadding.section__fluid {

    padding-left: 0;

    padding-right: 0;

  }

}

.section-indent > .blocktitle {

  padding-left: 10px;

  padding-right: 10px;

}

.blocktitle {

  margin-top: -4px;

  position: relative;

}

.blocktitle:not(.blocktitle_nopadding) {

  padding-bottom: 38px;

}

.blocktitle + * {

  margin-top: 0;

}

@media (min-width: 1025px) {

  .blocktitle + form {

    margin-top: -8px;

  }

}

.blocktitle :nth-child(1) {

  margin-top: 7px;

}

@media (min-width: 1025px) {

  .blocktitle :nth-child(1).blocktitle__title {

    margin-top: -13px;

  }

}

@media (max-width: 1024.98px) {

  .blocktitle :nth-child(1).blocktitle__title {

    margin-top: -8px;

  }

}

.blocktitle__subtitle {

  color: var(--black);

  font-weight: 700;

  font-size: 16px;

  line-height: 1;

  letter-spacing: 0.02em;

}

.blocktitle__title {

  color: #4c4c4c;



  font-size: 35px;

  line-height: 1.45;

  font-weight: 600;

  margin-top: 28px;

}

.blocktitle__text {

  margin-top: 29px;

}

.alt__box {

  display: flex;

  justify-content: space-around;

  align-items: center;

  margin-top: 50px;

}

.alt__phone {

  margin-top: 47px !important;

  color: var(--darkBlue) !important;

  font-weight: 800 !important;

}

@media (min-width: 1345px) {

  .blocktitle__shift .blocktitle__title {

    margin-left: -70px;

  }

}

.blocktitle__color01 .blocktitle__subtitle {

  color: #00aeff;

}

.blocktitle__color01 .blocktitle__title {

  color: #fff;

}

.blocktitle__center {

  text-align: center;

}

@media (max-width: 1024.98px) {

  .blocktitle__center-not-lg {

    text-align: center;

  }

}

.blocktitle__maxwidth-01.blocktitle__center {

  text-align: center;

}

.blocktitle__maxwidth-01.blocktitle__center > * {

  max-width: 740px;

  margin-left: auto;

  margin-right: auto;

}

.blocktitle__maxwidth-02.blocktitle__center {

  text-align: center;

}

.blocktitle__maxwidth-02.blocktitle__center > * {

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;

}

.blocktitle__maxwidth-03.blocktitle__center {

  text-align: center;

}

.blocktitle__maxwidth-03.blocktitle__center > * {

  max-width: 620px;

  margin-left: auto;

  margin-right: auto;

}

.tt-subtitle-01 {

  font-family: "Open Sans", sans-serif;

  color: #4c4c4c;

  font-weight: 600;

  font-size: 20px;

  line-height: 1.45;

  padding: 0 0 22px 0;

}

.tt-subtitle-01 + * {

  margin-top: 0;

}

.tt-subtitle-01__top {

  margin-top: 20px;

}

.tt-subtitle-01__top02 {

  margin-top: 38px;

}

.tt-subtitle-02 {

  font-family: "Open Sans", sans-serif;

  color: #4c4c4c;

  font-weight: 600;

  font-size: 28px;

  line-height: 1.3;

  padding: 0 0 18px 0;

}

.tt-subtitle-02 + * {

  margin-top: 0;

}

.tt-subtitle-02__top {

  margin-top: 43px;

}

@media (max-width: 1619.98px) {

  .blocktitle:not(.blocktitle_nopadding) {

    padding-bottom: 29px;

  }

  .blocktitle__subtitle {

    font-size: 15px;

  }

  .blocktitle__title {

    font-size: 35px;

  }

}

@media (max-width: 1229.98px) {

  .blocktitle__title {

    font-size: 32px;

  }

}

@media (max-width: 1024.98px) {

  .blocktitle:not(.blocktitle_nopadding) {

    padding-bottom: 28px;

  }

  .blocktitle__subtitle {

    font-size: 13px;

    line-height: 21px;

  }

  .blocktitle__subtitle br {

    display: none;

  }

  .blocktitle__title {

    font-size: 29px;

    line-height: 36px;

    margin-top: 13px;

  }

  .blocktitle__title br {

    display: none;

  }

}

.tt-animation-word i {

  font-style: normal;

  -webkit-animation-name: changeСolor;

  animation-name: changeСolor;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-direction: alternate;

  animation-direction: alternate;

  -webkit-animation-timing-function: steps(5, end);

  animation-timing-function: steps(5, end);

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}

.tt-animation-word i:nth-child(1) {

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.tt-animation-word i:nth-child(2) {

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}

.tt-animation-word i:nth-child(3) {

  -webkit-animation-delay: 0.15s;

  animation-delay: 0.15s;

}

.tt-animation-word i:nth-child(4) {

  -webkit-animation-delay: 0.2s;

  animation-delay: 0.2s;

}

@-webkit-keyframes changeСolor {

  100%,

  20% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    color: #005395;

  }

  0% {

    -webkit-transform: translate(0, -12px);

    transform: translate(0, -12px);

    color: #00a2de;

  }

  10% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    color: #005395;

  }

}

@keyframes changeСolor {

  100%,

  20% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    color: #005395;

  }

  0% {

    -webkit-transform: translate(0, -12px);

    transform: translate(0, -12px);

    color: #00a2de;

  }

  10% {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    color: #005395;

  }

}

@media (min-width: 1620px) {

  .section-indent:not(.nomargin):not([class^="tt-offset"]) {

    margin-top: 120px;

  }

}

@media (max-width: 1619.98px) {

  .section-indent:not(.nomargin):not([class^="tt-offset"]) {

    margin-top: 90px;

  }

}

@media (max-width: 1024.98px) {

  .section-indent:not(.nomargin):not([class^="tt-offset"]) {

    margin-top: 60px;

  }

}

@media (max-width: 767.98px) {

  .section-indent:not(.nomargin):not([class^="tt-offset"]) {

    margin-top: 50px;

  }

  .layout01__bg,

  .footer__layout-bg02 {

    display: none;

  }

}

@media (min-width: 1620px) {

  .section-inner {

    padding-top: 120px;

    padding-bottom: 120px;

  }

}

@media (max-width: 1619.98px) {

  .section-inner {

    padding-top: 90px;

    padding-bottom: 90px;

  }

}

@media (max-width: 1024.98px) {

  .section-inner {

    padding-top: 60px;

    padding-bottom: 60px;

  }

}

@media (max-width: 767.98px) {

  .section-inner {

    padding-top: 50px;

    padding-bottom: 50px;

  }

}

@media (min-width: 1620px) {

  .section-inner02 {

    padding-top: 120px;

    padding-bottom: 110px;

  }

}

@media (max-width: 1619.98px) {

  .section-inner02 {

    padding-top: 90px;

    padding-bottom: 80px;

  }

}

@media (max-width: 1024.98px) {

  .section-inner02 {

    padding-top: 60px;

    padding-bottom: 50px;

  }

}

@media (max-width: 767.98px) {

  .section-inner02 {

    padding-top: 50px;

    padding-bottom: 40px;

  }

}

@media (min-width: 1620px) {

  .section-inner03 {

    padding-top: 120px;

    padding-bottom: 110px;

  }

}

@media (max-width: 1619.98px) {

  .section-inner03 {

    padding-top: 90px;

    padding-bottom: 80px;

  }

}

@media (max-width: 1024.98px) {

  .section-inner03 {

    padding-top: 60px;

    padding-bottom: 130px;

  }

}

@media (max-width: 767.98px) {

  .section-inner03 {

    padding-top: 50px;

    padding-bottom: 40px;

  }

}

@media (min-width: 1620px) {

  .section-inner-top {

    padding-top: 120px;

  }

}

@media (max-width: 1619.98px) {

  .section-inner-top {

    padding-top: 90px;

  }

}

@media (max-width: 1024.98px) {

  .section-inner-top {

    padding-top: 60px;

  }

}

@media (max-width: 767.98px) {

  .section-inner-top {

    padding-top: 50px;

  }

}

@media (min-width: 1620px) {

  .section-inner-bottom {

    padding-bottom: 120px;

  }

}

@media (max-width: 1619.98px) {

  .section-inner-bottom {

    padding-bottom: 90px;

  }

}

@media (max-width: 1024.98px) {

  .section-inner-bottom {

    padding-bottom: 60px;

  }

}

@media (max-width: 767.98px) {

  .section-inner-bottom {

    padding-bottom: 50px;

  }

}

.section-indent {

  position: relative;

}

.section__fluid {

  max-width: 1904px;

  margin-left: auto;

  margin-right: auto;

}

@media (min-width: 1401px) {

  .section__fluid {

    padding-left: 80px;

    padding-right: 80px;

  }

}

@media (min-width: 1350px) and (max-width: 1400px) {

  .section__fluid {

    padding-left: 50px;

    padding-right: 50px;

  }

}

@media (max-width: 1350px) {

  .section__fluid {

    padding-left: 20px;

    padding-right: 20px;

  }

}

@media (max-width: 1350px) {

  .section__fluid {

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media (min-width: 1620px) {

  .section__fluid-left {

    padding-left: 80px;

  }

}

@media (min-width: 1025px) and (max-width: 1619.98px) {

  .section__fluid-left {

    padding-left: 50px;

  }

}

@media (max-width: 1350px) {

  .section__fluid-left {

    padding-left: 15px;

  }

}

@media (max-width: 767.98px) {

  .section__fluid-left {

    padding-left: 0;

  }

}

@media (min-width: 1230px) {

  .section__negative-01 {

    margin-top: -203px;

    padding-bottom: 120px;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .section__negative-01 {

    margin-top: -203px;

    padding-bottom: 120px;

  }

}

@media (max-width: 1024.98px) {

  .section__negative-01 {

    margin-top: -53px;

    padding-bottom: 60px;

  }

}

@media (max-width: 767.98px) {

  .section__negative-01 {

    overflow: hidden;

    padding-bottom: 50px;

  }

}

.section__negative-02 {

  margin-top: -44px;

}

@media (max-width: 1229.98px) {

  .container__fluid-xl {

    max-width: inherit;

  }

}

@media (max-width: 1024.98px) {

  .container {

    max-width: inherit;

    margin-left: 0;

    margin-right: 0;

  }

}

@media (max-width: 767.98px) {

  .section__md-indent-none {

    padding-left: 0;

    padding-right: 0;

  }

}

.container {

  position: relative;

  z-index: 2;

}

.section-indent-small {

  margin-top: 50px;

}

.swiper-container .swiper-notification {

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

  opacity: 0;

  z-index: -1000;

}

.swiper-container-fade

.swiper-container-fade.swiper-container-free-mode

.swiper-slide {

  transition-timing-function: ease-out;

}

.swiper-container-fade .swiper-slide {

  pointer-events: none;

  transition-property: opacity;

}

.swiper-container-fade .swiper-slide .swiper-slide {

  pointer-events: none;

}

.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}

.mainslider__wrapper {

  position: relative;

  overflow: hidden;

}

.mainslider__limiter {

  -webkit-transform: translateY(30%);

  transform: translateY(30%);

}

@media (min-width: 1025px) {

  .mainslider__limiter {

    -webkit-filter: blur(15px);

    filter: blur(15px);

    transition: opacity 0.35s linear 0.5s, 0.7s -webkit-transform 0.5s,

    -webkit-filter 0.5s linear 0.5s;

    transition: 0.7s transform 0.5s, opacity 0.35s linear 0.5s,

    filter 0.5s linear 0.5s;

    transition: 0.7s transform 0.5s, opacity 0.35s linear 0.5s,

    filter 0.5s linear 0.5s, 0.7s -webkit-transform 0.5s,

    -webkit-filter 0.5s linear 0.5s;

  }

}

@media (max-width: 1024.98px) {

  .mainslider__limiter {

    transition: opacity 0.35s linear 0.5s, 0.7s -webkit-transform 0.5s;

    transition: 0.7s transform 0.5s, opacity 0.35s linear 0.5s;

    transition: 0.7s transform 0.5s, opacity 0.35s linear 0.5s,

    0.7s -webkit-transform 0.5s;

  }

}

.swiper-slide.swiper-slide-active .mainslider__limiter {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

}

@media (min-width: 1025px) {

  .swiper-slide.swiper-slide-active .mainslider__limiter {

    -webkit-filter: blur(0);

    filter: blur(0);

  }

}

.mainslider__holder {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: absolute;

  text-align: center;

  top: 0;

  left: 0;

  z-index: 2;

  width: 100%;

  height: 100%;

  padding: 9.3% 10% 22.5% 10%;

}

.mainslider__layout01 {

  color: #fff;

}

.mainslider__layout01 .mainslider__text-01 {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  font-size: 20px;

  line-height: 27px;

}

.mainslider__layout01 .mainslider__text-02 {

  font-family: var(--quickfamily);

  font-weight: bold;

  font-size: 60px;

  line-height: 74px;

  max-width: 780px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 29px;

}

.mainslider__layout01 .mainslider__text-03 {

  font-size: 18px;

  line-height: 27px;

  max-width: 600px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 37px;

}

@media (max-width: 1619.98px) {

  .mainslider__holder {

    padding: 9.3% 10% 22.5% 10%;

  }

  .mainslider__layout01 .mainslider__text-01 {

    font-size: 18px;

    line-height: 27px;

  }

  .mainslider__layout01 .mainslider__text-02 {

    font-size: 50px;

    line-height: 64px;

  }

  .mainslider__layout01 .mainslider__text-03 {

    font-size: 17px;

    line-height: 27px;

  }

}

@media (max-width: 1024.98px) {

  .mainslider__holder {

    padding: 9.3% 10% 15.2% 10%;

  }

  .mainslider__layout01 .mainslider__text-01 {

    font-size: 16px;

    line-height: 26px;

  }

  .mainslider__layout01 .mainslider__text-02 {

    font-size: 34px;

    line-height: 40px;

    margin-top: 10px;

  }

  .mainslider__layout01 .mainslider__text-03 {

    font-size: 15px;

    line-height: 24px;

    margin-top: 17px;

  }

}

@media (max-width: 767.98px) {

  .mainslider__holder {

    padding: 9.3% 15px 24%;

  }

  .mainslider__layout01 .mainslider__text-02 br {

    display: none;

  }

}

@media (min-width: 1351px) {

  .swiper-pagination.mainslider__pagination {

    position: absolute;

    z-index: 2;

    right: -44px;

    top: 43%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    flex-direction: column;

    flex-wrap: wrap;

  }

}

@media (min-width: 1351px) and (max-width: 1400px) {

  .swiper-pagination.mainslider__pagination {

    right: -30px;

  }

}

@media (min-width: 1351px) {

  .mainslider__wrapper {

    overflow: inherit;

  }

  .mainslider__wrapper .swiper-container {

    overflow: inherit;

  }

}

@media (max-width: 1350px) {

  .swiper-pagination.mainslider__pagination {

    display: none;

  }

}

.mainslider__imgwrapper {

  position: relative;

  overflow: hidden;

}

.mainslider__imgwrapper img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (min-width: 1620px) {

  .mainslider__imgwrapper {

    border-bottom-left-radius: 50% 5%;

    border-bottom-right-radius: 50% 5%;

  }

}

@media (min-width: 1025px) and (max-width: 1619.98px) {

  .mainslider__imgwrapper {

    border-bottom-left-radius: 50% 3%;

    border-bottom-right-radius: 50% 3%;

  }

}

@media (max-width: 1024.98px) {

  .mainslider__imgwrapper {

    border-bottom-left-radius: 50% 3%;

    border-bottom-right-radius: 50% 3%;

  }

}

@media (max-width: 767.98px) {

  .mainslider__imgwrapper {

    border-bottom-left-radius: 50% 1%;

    border-bottom-right-radius: 50% 1%;

  }

}

.mainslider__imgbg {

  position: relative;

  z-index: 1;

}

.mainslider__imgbg > * {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

@media (min-width: 1620px) {

  .mainslider__imgbg {

    height: 882px;

  }

}

@media (max-width: 1619.98px) {

  .mainslider__imgbg {

    height: 782px;

  }

}

@media (max-width: 1350px) {

  .mainslider__imgbg {

    height: 782px;

  }

}

@media (max-width: 1024.98px) {

  .mainslider__imgbg {

    height: 370px;

  }

}

@media (max-width: 767.98px) {

  .mainslider__imgbg {

    height: 391px;

  }

}

.swiper-container {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  list-style: none;

  padding: 0;

  z-index: 1;

}

.swiper-container-vertical > .swiper-wrapper {

  flex-direction: column;

}

.swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: flex;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  box-sizing: content-box;

}

.swiper-wrapper:not([id^="swiper-wrapper-"]).row {

  width: inherit;

  margin-left: 15px;

  margin-right: 15px;

}

.swiper-container-android .swiper-slide,

.swiper-wrapper {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.swiper-container-multirow > .swiper-wrapper {

  flex-wrap: wrap;

}

.swiper-container-multirow-column > .swiper-wrapper {

  flex-wrap: wrap;

  flex-direction: column;

}

.swiper-container-free-mode > .swiper-wrapper {

  transition-timing-function: ease-out;

  margin: 0 auto;

}

.swiper-slide:not([class^="col"]) {

  flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative;

}

.swiper-slide-invisible-blank {

  visibility: hidden;

}

.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

  height: auto;

}

.swiper-container-autoheight .swiper-wrapper {

  align-items: flex-start;

  transition-property: height, -webkit-transform;

  transition-property: transform, height;

  transition-property: transform, height, -webkit-transform;

}

.swiper-slide.swiper-slide-active {

  z-index: 2;

}

.swiper__btn {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

}

.swiper__btn > * {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  border-radius: 50%;

  border: 2px solid;

  width: 63px;

  height: 63px;

  font-size: 18px;

  outline: 0;

  cursor: pointer;

  transition: border-color 0.2s linear;

}

.swiper__btn > :hover {

  border-color: #00a2de !important;

  color: #00a2de !important;

}

.swiper__btn.swiper__btn-color01 > * {

  border-color: #fff;

  color: #fff;

}

.swiper__btn-prev {

  -webkit-transform: scaleX(-1);

  transform: scaleX(-1);

}

.swiper__btn-next {

  margin-left: 9px;

}

.swiper-pagination {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: flex-start;

  margin-left: -7px;

  margin-right: -7px;

}

.swiper-pagination.swiper-pagination__center {

  justify-content: center;

}

.swiper-pagination.swiper-pagination-lock {

  display: none;

}

.swiper-pagination .swiper-pagination-bullet {

  background-color: transparent;

  position: relative;

  outline: 0;

  cursor: pointer;

  padding: 5px;

}

.swiper-pagination .swiper-pagination-bullet:before {

  content: "";

  display: block;

  background-color: #005395;

  border-radius: 50%;

  transition: -webkit-transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out;

  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

}

.swiper-pagination

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {

  -webkit-transform: scale(1.8);

  transform: scale(1.8);

}

.swiper-pagination.swiper-pagination-lock {

  display: none;

}

.swiper-pagination__color02 .swiper-pagination-bullet:before {

  background-color: #fff;

}

@media (min-width: 1025px) {

  .swiper-pagination {

    margin-top: 0px;

  }

  .swiper-pagination .swiper-pagination-bullet {

    margin-top: 14px;

    margin-left: 4px;

    margin-right: 4px;

  }

  .swiper-pagination .swiper-pagination-bullet:before {

    width: 6px;

    height: 6px;

  }

}

@media (max-width: 1024.98px) {

  .swiper-pagination {

    margin-top: 13px;

  }

  .swiper-pagination .swiper-pagination-bullet {

    margin-top: 14px;

    margin-left: 4px;

    margin-right: 4px;

    margin-bottom: -3px;

  }

  .swiper-pagination .swiper-pagination-bullet:before {

    width: 4px;

    height: 4px;

  }

}

.swiper-visible-show .swiper-slide {

  opacity: 0;

}

.swiper-visible-show .swiper-slide.swiper-slide-active,

.swiper-visible-show .swiper-slide.swiper-slide-next,

.swiper-visible-show .swiper-slide.swiper-slide-next + * {

  opacity: 1;

}

.swiper-visible-show .swiper-slide.swiper-slide-prev {

  transition: opacity 0.3s linear;

  opacity: 0;

}

@media (min-width: 1025px) {

  .swiper-pagination__top-right {

    position: absolute;

    right: 0;

    top: -110px;

  }

}

@media (max-width: 1024.98px) {

  .swiper-pagination__top-right {

    justify-content: center;

  }

}

.swiper-pagination__inner-bottom {

  position: absolute;

  z-index: 3;

  width: 100%;

  justify-content: center;

}

@media (min-width: 1025px) {

  .swiper-pagination__inner-bottom {

    bottom: 87px;

  }

}

@media (max-width: 1024.98px) {

  .swiper-pagination__inner-bottom {

    bottom: 77px;

  }

}

@media (max-width: 575.98px) {

  .swiper-pagination__inner-bottom {

    bottom: 65px;

  }

}

.swiper-pagination2 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-end;

  margin-left: -10px;

}

.swiper-pagination2 .swiper-pagination-bullet {

  position: relative;

  outline: 0;

  cursor: pointer;

  margin-top: 10px;

  margin-left: 10px;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 60px;

  height: 60px;

  font-weight: 800;

  font-family: "Open Sans", sans-serif;

  color: #005395;

  background-color: #f8f8fa;

  transition: background-color 0.2s linear, color 0.2s linear,

  border-radius 0.2s linear;

}

.swiper-pagination2 .swiper-pagination-bullet:hover {

  color: #00a2de;

}

.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active {

  pointer-events: none;

  background-color: #005395;

  color: #fff;

  border-radius: 0 0 0 15px;

}

.check-shadow {

  overflow: hidden;

  margin: -30px -30px;

}

.check-shadow .swiper-slide {

  overflow: inherit;

}

.check-shadow.swiper-container {

  overflow: inherit;

}

.swiper-pagination2__wrapper {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  margin-top: 40px;

}

.tt-pagination__btn {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: relative;

  outline: 0;

  cursor: pointer;

  margin-top: 10px;

  margin-left: 10px;

  font-weight: 800;

  font-family: "Open Sans", sans-serif;

  color: #005395;

  transition: background-color 0.2s linear, color 0.2s linear,

  border-radius 0.2s linear;

}

@media (min-width: 768px) {

  .tt-pagination__btn {

    width: 60px;

    height: 60px;

    font-style: 22px;

  }

}

@media (max-width: 767.98px) {

  .tt-pagination__btn {

    width: 46px;

    height: 46px;

    font-style: 13px;

  }

}

.tt-pagination__btn > * {

  pointer-events: none;

}

[data-carousel="row2"] {

  padding: 30px 30px;

}

@media (min-width: 768px) {

  [data-carousel="row2"] .swiper-pagination {

    display: none;

  }

}

@media (max-width: 767.98px) {

  [data-carousel="row2"] .swiper-pagination2__wrapper {

    display: none;

  }

}

.tt-notcrop .swiper-slide {

  overflow: inherit;

}

.tt-notcrop.swiper-container {

  overflow: inherit;

}

@media (max-width: 767.98px) {

  .swiper-mobile-full-height .swiper-slide {

    height: 100%;

  }

  .swiper-mobile-full-height .swiper-slide > * {

    height: 100%;

  }

}

@-webkit-keyframes bubbles {

  from {

    -webkit-transform: translate();

    transform: translate();

  }

  to {

    -webkit-transform: translate(0, -66.666%);

    transform: translate(0, -66.666%);

  }

}

@keyframes bubbles {

  from {

    -webkit-transform: translate();

    transform: translate();

  }

  to {

    -webkit-transform: translate(0, -66.666%);

    transform: translate(0, -66.666%);

  }

}

.tabs-dafault {

  position: relative;

}

.tabs-dafault .tabs__nav {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  margin: -20px -10px 0;

}

.tabs-dafault .tabs__nav-item {

  margin: 20px 10px 0;

  padding: 39px 87px 35px;

  font-size: 20px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #4c4c4c;

  background-color: #fff;

  transition: background-color 0.3s linear, color 0.3s linear,

  box-shadow 0.3s linear;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  cursor: pointer;

  position: relative;

  overflow: hidden;

}

.tabs-dafault .tabs__nav-item span {

  color: #005395;

}

.tabs-dafault .tabs__nav-item.active {

  box-shadow: none;

  color: #fff;

  pointer-events: none;

  background-color: #005395;

}

.tabs-dafault .tabs__nav-item.active span {

  color: #00aeff;

}

.tabs-dafault .tabs__nav-item.active:before {

  content: "";

  pointer-events: none;

  opacity: 0.6;

  background: radial-gradient(

    circle at 20% 15%,

    transparent 0,

    transparent 2px,

    #fff 3px,

    #fff 4px,

    transparent 4px

  ),

  radial-gradient(

    circle at 75% 44%,

    transparent 0,

    transparent 2px,

    #fff 3px,

    #fff 4px,

    transparent 4px

  ),

  radial-gradient(

    circle at 35% 24%,

    transparent 0,

    transparent 2px,

    #fff 3px,

    #fff 4px,

    transparent 4px

  ),

  radial-gradient(

    circle at 46% 52%,

    transparent 0,

    transparent 4px,

    #fff 5px,

    #fff 6px,

    transparent 6px

  );

  width: 100%;

  height: 300%;

  top: 0;

  left: 0;

  position: absolute;

  -webkit-animation: bubbles 5s linear infinite both;

  animation: bubbles 5s linear infinite both;

}

.tabs-dafault .tabs__nav-item > * {

  pointer-events: none;

}

.tabs-dafault .tabs__container-indent01 {

  padding: 85px 0 0 0;

}

@media (max-width: 1229.98px) {

  .tabs-dafault .tabs__nav-item {

    padding: 39px 52px 35px;

  }

}

@media (max-width: 1024.98px) {

  .tabs-dafault .tabs__nav-item {

    font-size: 16px;

    padding: 24px 30px 22px;

  }

  .tabs-dafault .tabs__container-indent01 {

    padding: 59px 0 0 0;

  }

}

@media (max-width: 767.98px) {

  .tabs-dafault .tabs__nav {

    margin-top: -10px;

  }

  .tabs-dafault .tabs__nav-item {

    width: 100%;

    text-align: center;

    margin-top: 10px;

  }

  .tabs-dafault .tabs__container-indent01 {

    padding: 49px 0 0 0;

  }

}

.tabs__layout-item:not(.active) {

  display: none;

}

.tabs__layout-item.active {

  display: block;

  min-height: 100px;

}

.filters__nav {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: flex-start;

  align-items: flex-start;

}

@media (min-width: 1025px) {

  .filters__nav {

    margin-top: 6px;

    padding-bottom: 22px;

  }

}

@media (max-width: 1024.98px) {

  .filters__nav {

    margin-top: 3px;

    padding-bottom: 4px;

  }

}

@media (min-width: 576px) {

  .filters__nav {

    /* border-top: 1px solid #f3f8fc; */

  }

}

@media (max-width: 575.98px) {

  .filters__nav .filters__nav-item {

    width: 100%;

    text-align: center;

  }

}

.filters__nav.filters__nav__left {

  justify-content: flex-start;

}

.filters__nav-item {

  padding: 47px 25px 10px;

  position: relative;

  cursor: pointer;

  font-size: 16px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  transition: color 0.2s linear;

}

.grid__tab {

  display: none;

}

.filters__nav-item:before {

  content: "";

  display: block;

  position: absolute;

  z-index: 2;

  top: 0;

  width: 0%;

  height: 5px;

  margin: auto;

  left: 0;

  right: 0;

  background-color: #005395;

  transition: width 0.2s linear;

  pointer-events: none;

}

.filters__nav-item.active {

  color: #005395;

}

.filters__nav-item.active:before {

  width: 100%;

}

.filters__nav-item:hover {

  color: #005395;

}

@media (max-width: 1024.98px) {

  .filters__nav-item {

    padding: 17px 17px 10px;

    font-size: 14px;

  }

  .filters__nav-item:before {

    height: 4px;

  }

}

@media (max-width: 575.98px) {

  .filters__nav-item {

    padding: 17px 17px 10px;

    font-size: 14px;

  }

  .filters__nav-item:after {

    content: "";

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    width: 100%;

    height: 3px;

    margin: auto;

    left: 0;

    right: 0;

    background-color: #f3f8fc;

    transition: width 0.2s linear;

    pointer-events: none;

  }

  .filters__nav-item:before {

    height: 3px;

  }

}

.tt-filters__container {

  margin-top: 40px;

}

.tt-filters__container01 {

  margin-left: -10px;

  margin-right: -10px;

  margin-bottom: -10px;

}

.tt-filters__container01:after {

  content: "";

  display: block;

  clear: both;

}

@media (max-width: 1400px) {

  .tt-filters__container01:not(.not-all) .tt-hide-xl {

    display: none;

  }

}

@media (max-width: 767px) {

  .tt-filters__container01:not(.not-all) .tt-hide-lg {

    display: none;

  }

}

.tt-filters__container01 .grid-sizer,

.tt-filters__container01 .tt-filters__item {

  float: left;

  border: 10px solid transparent;

}

.tt-filters__container01 .grid-sizer.tt-hide,

.tt-filters__container01 .tt-filters__item.tt-hide {

  display: none;

}

@media (min-width: 1401px) {

  .tt-filters__container01 .grid-sizer,

  .tt-filters__container01 .tt-filters__item {

    width: 16.66%;

  }

  .tt-filters__container01 .grid-sizer.tt-filters__item-wide,

  .tt-filters__container01 .tt-filters__item.tt-filters__item-wide {

    width: 33.32%;

  }

}

@media (max-width: 1400px) {

  .tt-filters__container01 .grid-sizer,

  .tt-filters__container01 .tt-filters__item {

    width: 20%;

  }

  .tt-filters__container01 .grid-sizer.tt-filters__item-wide,

  .tt-filters__container01 .tt-filters__item.tt-filters__item-wide {

    width: 40%;

  }

}

@media (max-width: 1024.98px) {

  .tt-filters__container01 .grid-sizer,

  .tt-filters__container01 .tt-filters__item {

    border-width: 7px;

  }

}

@media (max-width: 767px) {

  .tt-filters__container01 .grid-sizer,

  .tt-filters__container01 .tt-filters__item {

    width: 50%;

  }

  .tt-filters__container01 .grid-sizer.tt-filters__item-wide,

  .tt-filters__container01 .tt-filters__item.tt-filters__item-wide {

    width: 100%;

  }

  .tt-filters__container01 .grid-sizer.tt-filters__item-wide-md-none,

  .tt-filters__container01 .tt-filters__item.tt-filters__item-wide-md-none {

    width: 50%;

  }

}

@media (max-width: 1024.98px) {

  .tt-filters__container01 {

    margin-bottom: -7px;

  }

}

.tt-filters__container02 {

  margin: -15px -15px 0;

}

.tt-filters__container02:after {

  content: "";

  display: block;

  clear: both;

}

.tt-filters__container02 .grid-sizer,

.tt-filters__container02 .tt-filters__item {

  float: left;

  border: 15px solid transparent;

}

.tt-filters__container02 .grid-sizer.tt-hide,

.tt-filters__container02 .tt-filters__item.tt-hide {

  display: none;

}

@media (min-width: 768px) {

  .tt-filters__container02 .grid-sizer,

  .tt-filters__container02 .tt-filters__item {

    width: 25%;

  }

}

@media (max-width: 767.98px) {

  .tt-filters__container02 .grid-sizer,

  .tt-filters__container02 .tt-filters__item {

    width: 50%;

  }

}

@media (max-width: 440px) {

  .tt-filters__container02 .grid-sizer,

  .tt-filters__container02 .tt-filters__item {

    width: 100%;

  }

}

@media (max-width: 767.98px) {

  .tt-filters__container02 {

    margin: -10px -10px 0;

  }

  .tt-filters__container02 .grid-sizer,

  .tt-filters__container02 .tt-filters__item {

    border-width: 10px;

  }

}

.tt-btn__more-top02 {

  margin-top: 27px;

}

@media (max-width: 1024.98px) {

  .tt-btn__more-top02 {

    margin-top: 25px;

  }

}

@media (max-width: 767.98px) {

  .tt-btn__more-top02 {

    margin-top: 7px;

  }

}

.tt-filters__container03 {

  margin: -5px -15px 0;

}

.tt-filters__container03:after {

  content: "";

  display: block;

  clear: both;

}

.tt-filters__container03 .grid-sizer,

.tt-filters__container03 .tt-filters__item {

  float: left;

  border: 15px solid transparent;

}

.tt-filters__container03 .grid-sizer.tt-hide,

.tt-filters__container03 .tt-filters__item.tt-hide {

  display: none;

}

@media (min-width: 768px) {

  .tt-filters__container03 .grid-sizer,

  .tt-filters__container03 .tt-filters__item {

    width: 33.33%;

  }

}

@media (max-width: 767.98px) {

  .tt-filters__container03 .grid-sizer,

  .tt-filters__container03 .tt-filters__item {

    width: 50%;

  }

  .tt-logo img {

    width: 80px;

  }

}

@media (max-width: 440px) {

  .tt-filters__container03 .grid-sizer,

  .tt-filters__container03 .tt-filters__item {

    width: 100%;

  }

}

@media (max-width: 767.98px) {

  .tt-filters__container03 {

    margin: -10px -10px 0;

  }

  .tt-filters__container03 .grid-sizer,

  .tt-filters__container03 .tt-filters__item {

    border-width: 10px;

  }

}

@media (max-width: 767.98px) {

  .tt-filters__container03 {

    margin: -7px -7px 0;

  }

  .tt-filters__container03 .grid-sizer,

  .tt-filters__container03 .tt-filters__item {

    border-width: 7px;

  }

}

.tt-imginfo__img {

  overflow: hidden;

}

.tt-imginfo__img img {

  width: 100%;

  max-width: inherit;

}

.tt-imginfo__layout {

  opacity: 0;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  color: #fff;

  padding: 40px 40px 66px;

  margin-left: 10px;

  transition: all 0.3s ease-out;

  overflow: hidden;

}

.tt-imginfo__title01 {

  font-size: 16px;

  line-height: 27px;

}

.tt-imginfo__title02 {

  font-size: 20px;

  line-height: 30px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  margin-top: 4px;

  max-width: 280px;

}

.tt-imginfo__price {

  font-size: 28px;

  line-height: 29px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #00aeff;

  margin-top: 24px;

}

.tt-imginfo {

  display: block;

  position: relative;

  overflow: hidden;

}

.tt-imginfo > * {

  pointer-events: none;

}

.tt-imginfo:before {

  font-family: font-icon;

  /* content: "\e91f"; */

  display: block;

  position: absolute;

  z-index: 2;

  bottom: 40px;

  left: 40px;

  font-size: 22px;

  line-height: 1;

  color: #fff;

  opacity: 0;

  margin-left: -10px;

  transition: opacity 0.3s linear, margin-left 0.3s ease-out;

}

.tt-imginfo:after {

  content: "";

  display: block;

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  /* background-color: rgba(12, 76, 147, 0.85); */

  transition: opacity 0.3s linear;

}

.tt-imginfo:hover:after {

  opacity: 1;

}

.tt-imginfo:hover:before {

  opacity: 1;

  margin-left: 0;

}

.tt-imginfo:hover .tt-imginfo__layout {

  margin-left: 0;

  opacity: 1;

}

@media (max-width: 1800px) {

  .tt-imginfo:before {

    left: 20px;

    bottom: 20px;

  }

  .tt-imginfo__layout {

    padding: 20px 20px 46px;

  }

  .tt-imginfo__title01 {

    font-size: 14px;

    line-height: 25px;

  }

  .tt-imginfo__title02 {

    font-size: 17px;

    line-height: 23px;

  }

  .tt-imginfo__price {

    margin-top: 7px;

    font-size: 22px;

    line-height: 25px;

  }

  .tt-filters__item:not(.tt-filters__item-wide) .tt-imginfo__title01 {

    display: none;

  }

}

@media (max-width: 1300px) {

  .tt-filters__item:not(.tt-filters__item-wide) .tt-imginfo__price {

    display: none;

  }

}

@media (max-width: 1100px) {

  .tt-imginfo__title02 {

    font-size: 16px;

    line-height: 20px;

  }

}

@media (max-width: 1024px) {

  .tt-imginfo__layout {

    padding: 10px 15px 46px;

  }

  .tt-imginfo:before {

    left: 15px;

    bottom: 15px;

    font-size: 18px;

  }

  .tt-filters__container {

    margin-left: -7px;

    margin-right: -7px;

  }

  .grid-sizer,

  .tt-filters__item {

    border-width: 7px;

  }

}

@media (max-width: 767px) {

  .tt-filters__item:not(.tt-filters__item-wide) .tt-imginfo__price {

    display: block;

  }

  .tt-imginfo__title02 {

    font-size: 17px;

    line-height: 23px;

  }

  .tt-filters__item-wide-md-none .tt-imginfo__title01 {

    display: none;

  }

}

@media (max-width: 420px) {

  .tt-imginfo__title02 {

    font-size: 15px;

    line-height: 20px;

  }

}

@media (max-width: 380px) {

  .tt-filters__item:not(.tt-filters__item-wide) .tt-imginfo__price {

    display: none;

  }

  .tt-imginfo__price {

    display: none;

  }

}

.item-staff__img img {

  width: 100%;

}

.item-staff__content {

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  position: relative;

  margin-top: -35px;

  width: calc(100% - 20px);

  margin-left: 20px;

  border-radius: 0 0 30px 0;

  padding: 18px 28px 26px;

}

.item-staff__title {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #4c4c4c;

  font-size: 20px;

  line-height: 30px;

}

.item-staff__info {

  color: #929292;

  font-size: 14px;

  line-height: 24px;

  margin-top: 3px;

}

@media (max-width: 1024.98px) {

  .item-staff__content {

    padding: 15px 15px 23px 25px;

  }

  .item-staff__title {

    font-size: 16px;

    line-height: 26px;

  }

}

.tt-iconbox {

  position: absolute;

  top: 47%;

  left: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

}

@media (min-width: 1401px) {

  .tt-iconbox {

    width: 80px;

  }

}

@media (min-width: 1024px) and (max-width: 1400px) {

  .tt-iconbox {

    width: 50px;

  }

}

@media (max-width: 1350px) {

  .tt-iconbox {

    display: none;

  }

}

.tt-iconbox__item {

  display: inline-block;

  padding: 10px 5px;

  margin-top: 6px;

  margin-bottom: 6px;

  fill: #005395;

  transition: fill 0.3s linear;

}

.tt-iconbox__item > :first-child {

  width: 16px;

  height: auto;

}

.tt-iconbox__item:hover {

  fill: #00a2de;

}

.tt-iconbox-subpages {

  position: absolute;

  top: 6px;

  left: 0;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

}

@media (min-width: 1401px) {

  .tt-iconbox-subpages {

    width: 80px;

  }

}

@media (min-width: 1024px) and (max-width: 1400px) {

  .tt-iconbox-subpages {

    width: 50px;

  }

}

@media (max-width: 1350px) {

  .tt-iconbox-subpages {

    display: none;

  }

}

@media (max-width: 1350px) {

  .tt-iconbox-subpages {

    display: none;

  }

}

.tt-iconbox-subpages__item {

  display: inline-block;

  padding: 10px 5px;

  margin-top: 12px;

  margin-bottom: 12px;

  font-size: 15px;

  color: #005395;

  transition: color 0.3s linear;

}

.tt-iconbox-subpages__item > :first-child {

  width: 16px;

  height: auto;

}

.tt-iconbox-subpages__item:hover {

  color: #00a2de;

}

@media (max-width: 1619.98px) {

  .tt-iconbox-subpages__item {

    margin-top: 9px;

    margin-bottom: 9px;

  }

}

.tt-promo01__item {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  text-align: center;

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  height: 500px;

  padding: 73px 25px;

  position: relative;

  z-index: 1;

}

.tt-promo01__item p {

  max-width: 284px;

  display: inline-block;

}

.tt-promo01__item .tt-promo01__icon {

  background-color: #005395;

  box-shadow: 0 5px 10px rgba(0, 83, 149, 0.3);

}

.tt-promo01__item .tt-promo01__icon:after,

.tt-promo01__item .tt-promo01__icon:before {

  background: #005395;

}

@media (min-width: 768px) {

  .tt-promo01__item.tt-promo01__item-active {

    height: 540px;

    margin-top: -20px;

    z-index: 2;

  }

  .tt-promo01__item.tt-promo01__item-active .tt-promo01__icon {

    background-color: #00a2de;

    box-shadow: 0 5px 10px rgba(255, 132, 0, 0.3);

  }

  .tt-promo01__item.tt-promo01__item-active .tt-promo01__icon:after,

  .tt-promo01__item.tt-promo01__item-active .tt-promo01__icon:before {

    background: #00a2de;

  }

}

.tt-promo01__item:hover .tt-promo01__icon {

  background-color: #fff;

  fill: #005395;

}

.tt-promo01__item:hover .tt-promo01__icon:after,

.tt-promo01__item:hover .tt-promo01__icon:before {

  -webkit-animation: 1.2s amplitude infinite;

  animation: 1.2s amplitude infinite;

}

.tt-promo01__item:hover .tt-promo01__title {

  color: #005395;

}

@media (min-width: 768px) {

  .tt-promo01__item:hover.tt-promo01__item-active .tt-promo01__icon {

    background-color: #fff;

    fill: #00a2de;

  }

  .tt-promo01__item:hover.tt-promo01__item-active .tt-promo01__title {

    color: #00a2de;

  }

}

@media (max-width: 575.98px) {

  .tt-promo01__item {

    max-width: calc(100% - 60px);

    margin-left: auto;

    margin-right: auto;

  }

}

.tt-promo01__icon {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 154px;

  height: 154px;

  fill: #fff;

  background-color: transparent;

  transition: fill 0.3s, background-color 0.3s;

  border-radius: 50%;

  position: relative;

}

.tt-promo01__icon > * {

  width: 50%;

}

.tt-promo01__icon:after,

.tt-promo01__icon:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  z-index: -1;

}

.tt-promo01__title {

  font-size: 28px;

  line-height: 36px;

  color: #4c4c4c;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  margin-top: 27px;

  width: 100%;

  transition: color 0.3s;

}

.tt-promo01__title + * {

  margin-top: 20px;

}

@media (max-width: 1619.98px) {

  .tt-promo01__item {

    height: 475px;

    padding: 53px 25px;

  }

  .tt-promo01__item.tt-promo01__item-active {

    height: 515px;

  }

  .tt-promo01__icon {

    width: 130px;

    height: 130px;

  }

  .tt-promo01__title {

    font-size: 25px;

    line-height: 33px;

  }

}

@media (max-width: 1024.98px) {

  .tt-promo01__item {

    padding: 25px 25px;

    height: 347px;

  }

  .tt-promo01__item.tt-promo01__item-active {

    height: 371px;

    margin-top: -12px;

  }

  .tt-promo01__icon {

    width: 101px;

    height: 101px;

  }

  .tt-promo01__title {

    font-size: 21px;

    line-height: 29px;

    margin-top: 17px;

  }

  .tt-promo01__title + * {

    margin-top: 11px;

  }

}

@media (max-width: 767.98px) {

  .tt-promo01__item {

    padding: 33px 25px 35px;

    height: inherit;

  }

  .tt-promo01__item.tt-promo01__item-active {

    margin-top: 0;

    height: inherit;

  }

  .tt-promo01__icon {

    width: 93px;

    height: 93px;

  }

}

@-webkit-keyframes amplitude {

  0% {

    top: -5px;

    left: 0;

  }

  12% {

    top: -2px;

    left: 2px;

  }

  25% {

    top: 0;

    left: 5px;

  }

  37% {

    top: 2px;

    left: 2px;

  }

  50% {

    top: 5px;

    left: 0;

  }

  62% {

    top: 2px;

    left: -2px;

  }

  75% {

    top: 0;

    left: -5px;

  }

  87% {

    top: -2px;

    left: -2px;

  }

  100% {

    top: -5px;

    left: 0;

  }

}

@keyframes amplitude {

  0% {

    top: -5px;

    left: 0;

  }

  12% {

    top: -2px;

    left: 2px;

  }

  25% {

    top: 0;

    left: 5px;

  }

  37% {

    top: 2px;

    left: 2px;

  }

  50% {

    top: 5px;

    left: 0;

  }

  62% {

    top: 2px;

    left: -2px;

  }

  75% {

    top: 0;

    left: -5px;

  }

  87% {

    top: -2px;

    left: -2px;

  }

  100% {

    top: -5px;

    left: 0;

  }

}

.tt-promo02__wrapper {

  margin-top: 29px;

}

.tt-promo02__item {

  box-shadow: 0 0 46px rgba(197, 205, 216, 0.3);

  background-color: #fff;

  padding: 27px 35px 43px;

  position: relative;

  text-align: center;

}

.tt-promo02__item.tt-promo02__item-active {

  margin-top: -20px;

  z-index: 2;

}

.tt-promo02__item.tt-promo02__item-active .tt-promo02__price-text01 {

  color: #00a2de;

}

.tt-promo02__item.tt-promo02__item-active .tt-btn {

  background-color: #00a2de;

}

.tt-promo02__item.alignment-done {

  padding-top: 47px;

  padding-bottom: 63px;

}

.tt-promo02__title {

  font-size: 28px;

  line-height: 36px;

  color: #4c4c4c;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  margin-top: 16px;

  width: 100%;

  padding-bottom: 16px;

}

.tt-promo02__title + * {

  margin-top: 0;

}

.tt-promo02__price-text01 {

  font-size: 46px;

  line-height: 1;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #005395;

}

.tt-promo02__price-text01 small {

  font-size: 25px;

  line-height: 1;

  position: relative;

  margin-top: -5px;

}

.tt-promo02__price-text02 {

  font-size: 16px;

  line-height: 1;

  margin-top: 3px;

}

.tt-promo02__content {

  position: relative;

  padding-top: 59px;

}

.tt-promo02__content:before {

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  position: absolute;

  top: 32px;

  left: 0;

  background-color: #f3f8fc;

}

.tt-promo02__content ul {

  max-width: 264px;

  margin-left: auto;

  margin-right: auto;

  text-align: left;

}

.tt-promo02__content .tt-btn {

  margin-top: 28px;

}

@media (max-width: 1229.98px) {

  .tt-promo02__item {

    padding-left: 25px;

    padding-right: 25px;

  }

  .tt-promo02__title {

    font-size: 27px;

    line-height: 34px;

  }

  .tt-promo02__price-text01 {

    font-size: 43px;

  }

}

@media (max-width: 1024.98px) {

  .tt-promo02__item {

    padding: 27px 20px 43px;

  }

  .tt-promo02__icon img {

    max-height: 120px;

  }

  .tt-promo02__title {

    font-size: 21px;

    line-height: 29px;

    padding-bottom: 10px;

  }

  .tt-promo02__price-text01 {

    font-size: 32px;

  }

  .tt-promo02__content {

    padding-top: 46px;

  }

  .tt-promo02__content:before {

    top: 24px;

  }

  .tt-promo02__content .tt-btn {

    margin-top: 19px;

  }

}

@media (max-width: 767.98px) {

  .tt-promo02__item.tt-promo02__item-active {

    margin-top: 0;

  }

}

.tt-promo03-swiper {

  overflow: hidden;

}

@media (min-width: 1025px) {

  .tt-promo03-swiper {

    margin-top: 6px;

  }

  .tt-promo03-swiper .swiper-slide {

    overflow: inherit;

  }

  .tt-promo03-swiper.swiper-container {

    overflow: inherit;

  }

  .tt-promo03-swiper .swiper-slide {

    opacity: 0;

  }

  .tt-promo03-swiper .swiper-slide.swiper-slide-active,

  .tt-promo03-swiper .swiper-slide.swiper-slide-next,

  .tt-promo03-swiper .swiper-slide.swiper-slide-next + * {

    opacity: 1;

  }

  .tt-promo03-swiper .swiper-slide.swiper-slide-prev {

    transition: opacity 0.3s linear;

    opacity: 0;

  }

}

@media (min-width: 768px) and (max-width: 1024.98px) {

  .tt-promo03-swiper {

    margin-top: 14px;

  }

}

.tt-promo03__wrapper {

  padding-left: 15px;

  padding-right: 15px;

  margin-left: -15px;

  margin-right: -15px;

}

.tt-promo03__wrapper .swiper-slide {

  position: relative;

}

.tt-promo03 {

  display: block;

  background-color: #fff;

  overflow: hidden;

  box-shadow: 0 4px 46px rgba(197, 205, 216, 0.2);

  padding: 0 0 10px 0;

  transition: height 0.3s linear, -webkit-transform 0.3s ease-in-out;

  transition: height 0.3s linear, transform 0.3s ease-in-out;

  transition: height 0.3s linear, transform 0.3s ease-in-out,

  -webkit-transform 0.3s ease-in-out;

  -webkit-transform: translateY(0);

  transform: translateY(0);

}

.tt-promo03:hover {

  -webkit-transform: translateY(-20px);

  transform: translateY(-20px);

  position: absolute;

}

.tt-promo03:hover .tt-promo03__content {

  background-color: #0c4c93;

  color: #fff;

}

.tt-promo03:hover .tt-promo03__price {

  margin-top: -25px;

}

.tt-promo03:hover .tt-promo03__btn {

  -webkit-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  max-height: 100px;

  visibility: visible;

  padding-bottom: 22px;

}

.tt-promo03__content {

  background-position: left bottom;

  background-repeat: no-repeat;

  padding: 36px 40px 130px 40px;

  background-color: #fff;

  color: #555;

  transition: color 0.3s linear, background-color 0.3s linear;

}

@media (min-width: 1025px) {

  .tt-promo03__content {

    background-size: container;

  }

}

.tt-promo03__title {

  font-size: 20px;

  line-height: 29px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  padding: 0 0 11px 0;

}

.tt-promo03__title + * {

  margin-top: 0;

}

.tt-promo03__price {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #00aeff;

  font-size: 28px;

  line-height: 1;

  padding: 0 0 0 40px;

  margin-top: 0;

  transition: margin 0.25s ease-in-out;

}

.tt-promo03__btn {

  padding: 0 0 0 40px;

  margin-top: 24px;

  max-height: 0;

  opacity: 0;

  overflow: hidden;

  transition: opacity 0.25s ease-in-out 0.1s,

  -webkit-transform 0.25s ease-in-out 0.1s;

  transition: opacity 0.25s ease-in-out 0.1s, transform 0.25s ease-in-out 0.1s;

  transition: opacity 0.25s ease-in-out 0.1s, transform 0.25s ease-in-out 0.1s,

  -webkit-transform 0.25s ease-in-out 0.1s;

  -webkit-transform: translateY(20px);

  transform: translateY(20px);

}

.tt-align-img {

  position: absolute;

  bottom: 0;

  left: -27.9%;

  z-index: 0;

}



.th-align-img {

  position: absolute;

  bottom: 0;

  right: -27.9%;

  z-index: 0;

}

.th-align-img-mobile {

  display: none;

}



@media (max-width: 1229.98px) {

  .tt-align-img {

    left: -37.9%;

  }

}

@media (max-width: 1024.98px) {

  .tt-align-img {

    left: 0;

  }

}

@media (max-width: 952px) {

  .tt-align-img {

    left: -5%;

    width: 45%;

  }

  .tt-align-img img {

    max-width: 100%;

  }

}

@media (max-width: 767.98px) {

  .tt-align-img {

    left: -13%;

  }

  .th-align-img {

    display: none;

  }
  .th-align-img-mobile {

    display: block;
    margin-top: 50px;

  }

}

@media (min-width: 576px) and (max-width: 767px) {

  .tt-align-img img {

    -o-object-fit: fill;

    object-fit: fill;

    width: auto;

    height: 100%;

  }

}

@media (max-width: 575.98px) {

  .tt-align-img {

    position: relative;

    left: 0;

    top: 0;

    width: 100%;

    padding-bottom: 27px;

    display: block;

  }

}

.tt-position__obj01 {

  position: relative;

}

@media (min-width: 576px) {

  .tt-position__obj01 .tt-position__obj01-pointer01 {

    position: relative;

  }

}

@media (max-width: 575.98px) {

  .tt-position__obj01 .tt-btn__video {

    top: 5px;

    right: 0;

    left: inherit;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@media (min-width: 768px) {

  .tt-align-img02 {

    position: relative;

    width: calc(100% + 40%);

    margin-left: -63px;

    margin-top: 40px;

  }

}

@media (min-width: 1025px) {

  .tt-align-img02 {

    width: calc(100% + 45%);

    margin-left: -33px;

    margin-top: -20px;

  }

}

@media (min-width: 1230px) {

  .tt-align-img02 {

    width: calc(100% + 65%);

    margin-left: -13px;

    margin-top: -40px;

  }

}

.blockquote-signature > :first-child {

  margin-top: 0;

}

.blockquote-signature p {

  font-weight: 700;

}

@media (min-width: 576px) {

  .blockquote-signature__indent {

    padding-right: 30px;

  }

}

.blockquote-signature__footer {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  color: #929292;

  font-size: 14px;

}

.blockquote-signature__footer img {

  margin-right: 14px;

}

@media (min-width: 1025px) {

  .blockquote-signature__footer {

    margin-top: 36px;

  }

}

@media (max-width: 1024.98px) {

  .blockquote-signature__footer {

    margin-top: 17px;

  }

}

.box-info {

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  padding: 12px 0;

  overflow: hidden;

  background-color: #fff;

}

.box-info__title {

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  line-height: 29px;

  font-weight: 600;

  color: #4c4c4c;

}

.box-info__title + * {

  margin-top: 12px;

}

.box-info__img {

  min-width: 78px;

  width: 78px;

  position: relative;

  top: 1px;

}

.box-info__content {

  margin-left: 32px;

  padding: 12px 35px 23px 0;

}

@media (max-width: 1619.98px) {

  .box-info__img {

    min-width: 63px;

    width: 63px;

  }

  .box-info__content {

    margin-left: 30px;

    padding: 12px 30px 23px 0;

  }

}

@media (max-width: 1024.98px) {

  .box-info__img {

    min-width: 50px;

    width: 50px;

  }

  .box-info__title {

    font-size: 16px;

    line-height: 25px;

  }

  .box-info__title + * {

    margin-top: 7px;

  }

  .box-info__content {

    margin-left: 19px;

    padding: 12px 15px 23px 0;

  }

}

#box-info02__mobile-btn-more {

  text-align: center;

  margin-top: 10px;

}

@media (min-width: 576px) {

  #box-info02__mobile-btn-more {

    display: none;

  }

}

#box-info02__mobile-btn-more > * {

  font-size: 12px;

  color: #005395;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  transition: color 0.2s linear;

}

#box-info02__mobile-btn-more > :hover {

  color: #00a2de;

}

#box-info02__mobile-btn-more [class^="icon"] {

  font-size: 10px;

  margin-right: 4px;

}

#box-info02__mobile-btn-more.tt-hide {

  display: none;

}

@media (min-width: 1025px) {

  .box-info02__wrapper {

    margin-top: -39px;

    margin-bottom: -10px;

  }

  .box-info02__wrapper .box-info02 {

    margin-top: 39px;

  }

}

@media (max-width: 1024.98px) {

  .box-info02__wrapper {

    margin-top: -13px;

    margin-bottom: -12px;

  }

  .box-info02__wrapper .box-info02 {

    margin-top: 13px;

  }

}

@media (max-width: 575.98px) {

  .box-info02__wrapper {

    position: relative;

    height: 477px;

    overflow: hidden;

    margin-bottom: 0;

  }

  .box-info02__wrapper:not(.tt-show):before {

    content: "";

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 60px;

    left: 0;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 95%);

  }

  .box-info02__wrapper.tt-show {

    height: inherit;

  }

}

.box-info02__list {

  margin-top: -17px;

}

.box-info02__list .box-info02 {

  margin-top: 17px;

}

.box-info02 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  overflow: hidden;

}

.box-info02__title {

  font-size: 20px;

  line-height: 1.45;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #4c4c4c;

  padding: 0 0 11px 0;

}

.box-info02__title + * {

  margin-top: 0;

}

.box-info02__img {

  min-width: 110px;

  max-width: 110px;

  padding-right: 14px;

  margin-top: 4px;

  position: relative;

  color: #005395;

  font-size: 35px;

  line-height: 1;

}

.box-info02__img [class^="icon-"] {

  display: inline-block;

}

.box-info02__img [class^="icon-"]:before {

  position: absolute;

  top: 50%;

  left: 45%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

@media (min-width: 1620px) {

  .box-info02__img [class^="icon-"].icon-1810659,

  .box-info02__img [class^="icon-"].icon-2558171,

  .box-info02__img [class^="icon-"].icon-medal,

  .box-info02__img [class^="icon-"].icon-wrench-and-screwdriver-crossed {

    font-size: 40px;

  }

}

@media (max-width: 1024.98px) {

  .box-info02__img [class^="icon-"].icon-1810659,

  .box-info02__img [class^="icon-"].icon-2558171,

  .box-info02__img [class^="icon-"].icon-medal,

  .box-info02__img [class^="icon-"].icon-wrench-and-screwdriver-crossed {

    font-size: 37px;

  }

}

@media (max-width: 1024.98px) {

  .box-info02__img [class^="icon-"].icon-1810659,

  .box-info02__img [class^="icon-"].icon-2558171,

  .box-info02__img [class^="icon-"].icon-medal,

  .box-info02__img [class^="icon-"].icon-wrench-and-screwdriver-crossed {

    font-size: 29px;

  }

}

.box-info02__img img {

  max-width: inherit;

  width: 100%;

}

.box-info02__content {

  padding: 12px 0 0 0;

}

@media (max-width: 1619.98px) {

  .box-info02__img {

    min-width: 90px;

    max-width: 90px;

  }

}

@media (max-width: 1024.98px) {

  .box-info02__title {

    font-size: 16px;

    line-height: 25px;

    padding: 0 0 9px 0;

  }

  .box-info02__img {

    min-width: 80px;

    max-width: 80px;

  }

  .box-info02__img [class^="icon-"] {

    font-size: 24px;

  }

}

@media (min-width: 576px) and (max-width: 767.98px) {

  .custom-wrapper-sm-md {

    display: flex;

    flex-wrap: nowrap;

  }

  .custom-wrapper-sm-md > * {

    width: 50%;

  }

  .custom-wrapper-sm-md > :last-child {

    padding-left: 15px;

  }

}

.box-info03__wrapper {

  margin-top: -50px;

  position: relative;

}

.box-info03 {

  margin-top: 50px;

}

@media (min-width: 1025px) {

  .box-info03 {

    max-width: 200px;

  }

}

.box-info03__icon {

  display: inline-flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 104px;

  height: 104px;

  border-radius: 50%;

  background-color: #005395;

  box-shadow: 0 5px 10px rgba(12, 76, 147, 0.47);

  font-size: 46px;

  line-height: 1;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #fff;

}

.box-info03__icon span {

  position: relative;

}

.box-info03__title {

  font-size: 20px;

  line-height: 29px;

  color: #555;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  margin-top: 13px;

  padding-bottom: 11px;

}

@media (max-width: 1619.98px) {

  .box-info03__icon {

    width: 94px;

    height: 94px;

    font-size: 40px;

  }

}

@media (max-width: 1024.98px) {

  .box-info03__wrapper {

    margin-top: -22px;

  }

  .box-info03 {

    margin-top: 30px;

  }

  .box-info03__icon {

    width: 84px;

    height: 84px;

    font-size: 36px;

  }

  .box-info03__title {

    font-size: 16px;

    line-height: 25px;

    margin-top: 17px;

  }

}

@media (max-width: 767.98px) {

  .box-info03__wrapper {

    margin-top: -25px;

  }

  .box-info03 {

    text-align: center;

    max-width: 193px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 25px;

  }

  .box-info03__title {

    margin-top: 11px;

  }

}

.box-info04__wrapper {

  margin-top: -4px;

}

.box-info04__content {

  margin-top: -10%;

  position: relative;

  background-color: #f3f8fc;

  box-shadow: 0 -20px 43px rgb(197 205 216 / 30%);

  width: calc(100%);

  padding: 20px 25px;

  border-radius: 0 0 40px 0px;

}

.box-info04__content:before {

  content: attr(data-value);

  display: block;

  position: absolute;

  top: -12px;

  left: 23px;

  color: #f3f8fc;

  font-size: 160px;

  line-height: 1;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

}

.box-info04__content > * {

  position: relative;

  z-index: 1;

}

@media (min-width: 1025px) {

  .box-info04 {

    padding-bottom: 10px;

  }

}

@media (max-width: 1024.98px) {

  .box-info04 {

    padding-bottom: 0;

  }

}

@media (max-width: 767.98px) {

  .box-info04 {

    padding-bottom: 16px;

  }

}

.box-info04 .tt-link {

  margin-top: 18px;

}

.box-info04__title {

  font-size: 20px;

  line-height: 29px;

  color: #555;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  padding: 0 0 11px 0;

}

.box-info04__title + * {

  margin-top: 0;

}

.box-info04__img {

  border-radius: 0 0 0 40px;

  overflow: hidden;

}

.box-info04__img img {

  width: 100%;

  height: auto;

}

@media (max-width: 1619.98px) {

  .box-info04__content {

    padding: 15px;

  }

}

@media (max-width: 1024.98px) {

  .box-info04__content {

    margin-top: -20%;

    padding: 23px 20px 23px 25px;

    border-radius: 0 0 0 30px;

  }

  .box-info04__content:before {

    font-size: 140px;

  }

  .box-info04__content:before {

    font-size: 140px;

  }

  .box-info04__img {

    border-radius: 0 0 0 30px;

  }

}

.layout01 {

  position: relative;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: center;

}

.layout01__bg {

  width: 48.2%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.layout01__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

@media (min-width: 1025px) {

  .tt-water-animation04 {

    -webkit-filter: url(#turbulence);

    filter: url(#turbulence);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

@media (max-width: 1024.98px) {

  .tt-water-animation04 {

    display: none;

  }

}

.layout01__bg-mobile {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.layout01__bg-mobile img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

.layout01__description {

  width: 30%;

  min-width: 30%;

  position: relative;

  color: #fff;

  z-index: 3;

}

.layout01__description-inner {

  position: relative;

}

@media (min-width: 1620px) {

  .layout01__description-inner {

    padding: 120px 0 120px 80px;

  }

}

@media (min-width: 1025px) and (max-width: 1619.98px) {

  .layout01__description-inner {

    padding: 90px 0 90px 50px;

  }

}

@media (min-width: 1025px) {

  .layout01__description-inner .swiper-pagination {

    display: none;

  }

  .layout01__description-inner .swiper__btn {

    margin-top: 46px;

  }

}

@media (max-width: 1024.98px) {

  .layout01__description-inner {

    padding: 33px 0 33px 20px;

  }

  .layout01__description-inner .swiper__btn {

    display: none;

  }

}

@media (max-width: 767.98px) {

  .layout01__description-inner .swiper-pagination {

    display: none;

  }

}

.layout01__carusel {

  width: 70%;

  min-width: 70%;

  overflow: hidden;

  position: relative;

  z-index: 3;

}

.layout01__carusel .swiper-slide-active .tt-item-box__icon:before {

  -webkit-animation: 1.2s ease 0s normal none 1 running shake02;

  animation: 1.2s ease 0s normal none 1 running shake02;

}

@media (min-width: 768px) {

  .layout01__carusel .swiper-slide {

    opacity: 1;

  }

  .layout01__carusel .swiper-slide.swiper-slide-prev {

    transition: opacity 0.3s linear;

    opacity: 0;

  }

}

@media (min-width: 1620px) {

  .layout01__carusel-indent {

    padding: 120px 0 86px 46px;

  }

}

@media (min-width: 1025px) and (max-width: 1619.98px) {

  .layout01__carusel-indent {

    padding: 90px 0 55px 46px;

  }

}

@media (max-width: 1024.98px) {

  .layout01__carusel-indent {

    padding: 33px 0 20px 46px;

  }

}

@media (max-width: 1024.98px) {

  .layout01 .blocktitle__title br {

    display: none;

  }

}

@media (max-width: 767.98px) {

  .layout01 {

    flex-wrap: wrap;

  }

  .layout01__description {

    width: 100%;

    min-width: 100%;

  }

  .layout01__carusel {

    width: 100%;

    min-width: 100%;

  }

  .layout01__carusel-indent {

    padding: 0 15px;

  }

}

.tt-item-box {

  display: block;

  background-color: #fff;

  border-radius: 0 0 0 60px;

  box-shadow: 0 12px 30px rgba(197, 205, 216, 0.3);

}

.tt-item-box:hover .tt-item-box__title {

  color: var(--darkBlue);

}

.tt-item-box:hover .tt-item-box__title span:before {

  width: 100%;

}

.tt-item-box:hover .tt-item-box__icon {

  background-color: var(--lightBlue);

}

.tt-item-box__img img {

  width: 100%;

  height: auto;

}

.tt-item-box_content {

  position: relative;

}

.tt-item-box__icon {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 95px;

  height: 95px;

  border-radius: 50%;

  background-color: #005395;

  color: #fff;

  font-size: 38px;

  line-height: 1;

  position: absolute;

  left: 50px;

  top: 0;

  -webkit-transform: translateY(-62%);

  transform: translateY(-62%);

  transition: background-color 0.3s linear, box-shadow 0.3s linear;

  box-shadow: 0 5px 10px rgba(0, 83, 149, 0.3);

}

.tt-item-box__title {

  padding: 55px 20px 50px 48px;

  font-size: 28px;

  line-height: 1;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  transition: color 0.2s linear 0s;

}

.tt-item-box__title span {

  display: inline-block;

  position: relative;

  max-width: 250px;

}

.tt-item-box__title span:before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  width: 0%;

  height: 2px;

  margin: auto;

  left: 0;

  right: 0;

  background-color: currentcolor;

  transition: width 0.2s linear 0s;

}

.tt-item-box__arrow {

  position: absolute;

  right: 45px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 23px;

  color: #005395;

}

.tt-item-box_description {

  display: none;

}

@media (max-width: 1619.98px) {

  .tt-item-box {

    border-radius: 0 0 0 47px;

  }

  .tt-item-box__icon {

    width: 75px;

    height: 75px;

    font-size: 32px;

    left: 36px;

  }

  .tt-item-box__title {

    padding: 44px 20px 37px 36px;

    font-size: 25px;

  }

}

@media (max-width: 1024.98px) {

  .tt-item-box {

    border-radius: 0 0 0 30px;

  }

  .tt-item-box__icon {

    width: 59px;

    height: 59px;

    font-size: 28px;

    left: 30px;

  }

  .tt-item-box__title {

    padding: 34px 20px 27px 28px;

    font-size: 21px;

  }

  .tt-item-box__arrow {

    right: 27px;

    font-size: 18px;

  }

  .layout01__description-inner {

    padding: 33px 15px 33px 25px;

  }

}

@media (max-width: 767.98px) {

  .layout01__carusel {

    margin-top: -36px;

  }

  .layout01__description-inner {

    padding: 33px 15px 68px 20px;

  }

}

@-webkit-keyframes shake02 {

  0% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  10% {

    -webkit-transform: rotateZ(-30deg);

    transform: rotateZ(-30deg);

  }

  20% {

    -webkit-transform: rotateZ(15deg);

    transform: rotateZ(15deg);

  }

  30% {

    -webkit-transform: rotateZ(-10deg);

    transform: rotateZ(-10deg);

  }

  40% {

    -webkit-transform: rotateZ(7.5deg);

    transform: rotateZ(7.5deg);

  }

  50% {

    -webkit-transform: rotateZ(-6deg);

    transform: rotateZ(-6deg);

  }

  60% {

    -webkit-transform: rotateZ(5deg);

    transform: rotateZ(5deg);

  }

  70% {

    -webkit-transform: rotateZ(-4.28571deg);

    transform: rotateZ(-4.28571deg);

  }

  80% {

    -webkit-transform: rotateZ(3.75deg);

    transform: rotateZ(3.75deg);

  }

  90% {

    -webkit-transform: rotateZ(-3.33333deg);

    transform: rotateZ(-3.33333deg);

  }

  100% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

}

@keyframes shake02 {

  0% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

  10% {

    -webkit-transform: rotateZ(-30deg);

    transform: rotateZ(-30deg);

  }

  20% {

    -webkit-transform: rotateZ(15deg);

    transform: rotateZ(15deg);

  }

  30% {

    -webkit-transform: rotateZ(-10deg);

    transform: rotateZ(-10deg);

  }

  40% {

    -webkit-transform: rotateZ(7.5deg);

    transform: rotateZ(7.5deg);

  }

  50% {

    -webkit-transform: rotateZ(-6deg);

    transform: rotateZ(-6deg);

  }

  60% {

    -webkit-transform: rotateZ(5deg);

    transform: rotateZ(5deg);

  }

  70% {

    -webkit-transform: rotateZ(-4.28571deg);

    transform: rotateZ(-4.28571deg);

  }

  80% {

    -webkit-transform: rotateZ(3.75deg);

    transform: rotateZ(3.75deg);

  }

  90% {

    -webkit-transform: rotateZ(-3.33333deg);

    transform: rotateZ(-3.33333deg);

  }

  100% {

    -webkit-transform: rotateZ(0);

    transform: rotateZ(0);

  }

}

.layout02 {

  position: relative;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: center;

}

.layout02__bg {

  width: 48.2%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 0 0 60px 0;

  overflow: hidden;

}

.layout02__bg img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  display: block;

}

@media (max-width: 1619.98px) {

  .layout02__bg {

    border-radius: 0 0 50px 0;

  }

}

.layout02__bg-mobile {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.layout02__bg-mobile img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}

.layout02__description {

  width: 30%;

  min-width: 30%;

  position: relative;

  color: #fff;

}

.layout02__description-inner {

  position: relative;

}

@media (min-width: 1620px) {

  .layout02__description-inner {

    padding: 80px 0 80px 80px;

  }

}

@media (max-width: 1619.98px) {

  .layout02__description-inner {

    padding: 70px 0 70px 60px;

  }

}

@media (min-width: 1025px) {

  .layout02__description-inner .swiper-pagination {

    display: none;

  }

  .layout02__description-inner .swiper__btn {

    margin-top: 46px;

  }

}

@media (max-width: 1024.98px) {

  .layout02__description-inner {

    padding: 33px 0 33px 25px;

  }

  .layout02__description-inner .swiper__btn {

    display: none;

  }

}

@media (max-width: 767.98px) {

  .layout02__description-inner {

    padding: 33px 20px 80px;

  }

  .layout02__description-inner .swiper-pagination {

    display: none;

  }

}

.layout02__carusel {

  width: 70%;

  min-width: 70%;

}

.layout02__carusel .swiper-slide-active .tt-item-box__icon {

  background-color: #00a2de;

  box-shadow: 0 5px 10px rgba(255, 132, 0, 0.3);

}

@media (min-width: 768px) {

  .layout02__carusel {

    overflow: hidden;

  }

  .layout02__carusel .swiper-slide {

    opacity: 1;

  }

  .layout02__carusel .swiper-slide.swiper-slide-prev {

    transition: opacity 0.3s linear;

    opacity: 0;

  }

}

@media (min-width: 1025px) {

  .layout02__carusel-indent {

    padding: 95px 0 88px 46px;

  }

}

@media (max-width: 1024.98px) {

  .layout02__carusel-indent {

    padding: 33px 0 33px 46px;

  }

}

@media (max-width: 767.98px) {

  .layout02 {

    flex-wrap: wrap;

  }

  .layout02__description {

    width: 100%;

    min-width: 100%;

  }

  .layout02__carusel {

    width: 100%;

    min-width: 100%;

    margin-top: -46px;

  }

  .layout02__carusel-indent {

    padding: 0 15px;

  }

}

.tt-item-img {

  display: block;

  position: relative;

  background-color: #fff;

  box-shadow: 0 24px 36px rgba(197, 205, 216, 0.3);

}

.tt-item-img > * {

  pointer-events: none;

}

.tt-item-img img {

  width: 100%;

}

.tt-item-img:after,

.tt-item-img:before {

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  z-index: 3;

  content: "";

  position: absolute;

  top: -1px;

  left: -1px;

  -webkit-transform: scale(0);

  transform: scale(0);

  transition: 0.4s;

  pointer-events: none;

}

.tt-item-img:before {

  border-bottom: 3px solid #005395;

  border-left: 3px solid #005395;

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}

.tt-item-img:after {

  border-top: 3px solid #005395;

  border-right: 3px solid #005395;

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}

.tt-item-img:hover:after,

.tt-item-img:hover:before {

  -webkit-transform: scale(1);

  transform: scale(1);

}

@media (min-width: 1025px) {

  .tt-item-img {

    padding: 25px;

    box-shadow: 0 20px 32px rgba(197, 205, 216, 0.3);

  }

}

@media (max-width: 1024.98px) {

  .tt-item-img {

    padding: 15px;

  }

}

@media (max-width: 575.98px) {

  .tt-item-img {

    padding: 10px;

  }

}

[data-carousel="row2"] .layout03 {

  margin-top: 31px;

}

@media (max-width: 1024.98px) {

  [data-carousel="row2"] .layout03 {

    margin-top: 35px;

  }

}

.swiper-slide-visible .layout03 {

  box-shadow: 0 0 45px rgba(197, 205, 216, 0.3);

}

.layout03 {

  background-color: #fff;

  padding: 40px 50px 40px;

  border-radius: 0 0 40px 0;

  position: relative;

}

.layout03 .tt-rating:not(.no-indent) {

  margin-top: 22px;

}

.layout03 form {

  padding-top: 10px;

}

.layout03__marker:before {

  display: block;

  content: "\e926";

  font-family: font-icon;

  position: absolute;

  right: 25px;

  top: -7px;

  font-size: 54px;

  line-height: 1;

  color: #f3f8fc;

}

.layout03__img {

  width: 69px;

  height: 69px;

  border-radius: 50%;

  overflow: hidden;

  margin-top: -65px;

  position: relative;

}

.layout03__img img {

  width: 100%;

  height: 100%;

  -o-object-fit: fill;

  object-fit: fill;

}

.layout03__title {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #4c4c4c;

  font-size: 20px;

  line-height: 32px;

  margin-top: 21px;

  padding: 0 0 15px 0;

}

.layout03__title + * {

  margin-top: 0;

}

.layout03:not(.layout03__marker) .layout03__title {

  margin-top: -7px;

}

.layout03__info {

  margin-top: 15px;

  font-size: 14px;

}

.layout03__info strong {

  font-size: 16px;

}

@media (max-width: 1024.98px) {

  .layout03 {

    padding: 40px 30px 40px;

    border-radius: 0 0 30px 0;

  }

  .layout03__title {

    font-size: 18px;

    line-height: 28px;

  }

}

@media (max-width: 767.98px) {

  .layout03 {

    padding: 30px 25px;

  }

}

.tt-box-wrapper01 {

  box-shadow: 0 20px 46px rgba(197, 205, 216, 0.3);

  background-color: #fff;

  border-radius: 0 0 0 60px;

}

@media (min-width: 1230px) {

  .tt-box-wrapper01 {

    padding: 70px;

  }

  .tt-box-wrapper01 .blocktitle:nth-child(1) {

    margin-top: -14px;

  }

}

@media (max-width: 1619.98px) {

  .tt-box-wrapper01 {

    padding: 65px 63px;

    border-radius: 0 0 0 50px;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .tt-box-wrapper01 {

    padding: 50px;

  }

}

@media (max-width: 1024.98px) {

  .tt-box-wrapper01 {

    padding: 35px 24px;

    border-radius: 0 0 0 30px;

    box-shadow: 0 0 46px rgba(197, 205, 216, 0.3);

  }

}

.tt-collapse__title {

  position: relative;

  background-color: #fff;

  color: #4c4c4c;

  font-weight: 700;

  font-size: 16px;

  line-height: 27px;

  padding: 17px 75px 16px 25px;

  transition: color 0.3s linear;

  cursor: pointer;

  box-shadow: 0 5px 16px rgba(197, 205, 216, 0.3);

}

.tt-collapse__title:before {

  content: "\f178";

  position: absolute;

  display: block;

  top: 50%;

  -webkit-transform: translate(0, -50%);

  transform: translate(0, -50%);

  font-size: 24px;

  line-height: 1.25;

  right: 23px;

  font-family: "Font Awesome 6 Free";

  color: #005395;

  pointer-events: none;

  transition: color 0.3s linear;

}

.tt-collapse__title:hover {

  color: #005395;

}

.tt-collapse__title:hover:before {

  color: #00a2de;

}

.tt-collapse__layout {

  padding: 15px 30px 14px 25px;

  background: #fff;

    border: 1px solid #f4f4f4;

    border-top: 0px;

}

.tt-collapse__item:not(.tt-show) .tt-collapse__layout {

  display: none;

}

.tt-collapse__item + * {

  margin-top: 15px;

}

@media (max-width: 1024.98px) {

  .tt-collapse__item + * {

    margin-top: 10px;

  }

}

@media (max-width: 767.98px) {

  .accordeon-wrapper > :not(:first-child) {

    margin-top: 10px;

  }

}

@media (max-width: 575.98px) {

  .tt-collapse__title {

    font-size: 15px;

    line-height: 24px;

    padding: 15px 52px 14px 15px;

  }

  .tt-collapse__title:before {

    font-size: 20px;

    right: 15px;

  }

  .tt-collapse__layout {

    padding: 15px 15px 0 15px;

  }

}

.info-contact {

  max-width: 570px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

}

.info-contact .tt-icon-point {

  margin-top: 47px;

}

.info-contact > * {

  margin-top: 0;

}

.tt-icon-point {

  display: inline-flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  font-weight: 700;

  color: #005395;

  font-size: 20px;

}

.tt-icon-point [class^="icon-"] {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 55px;

  height: 55px;

  font-size: 15px;

  border: 2px solid #e5edf4;

  border-radius: 50%;

  margin-right: 14px;

  color: #005395;

  background-color: #fff;

}

.tt-icon-point [class^="icon-"]:before {

  position: relative;

  top: 1px;

}

.tt-icon-point:hover [class^="icon-"] {

  -webkit-animation: 1.2s ease 0s normal none 1 running shake;

  animation: 1.2s ease 0s normal none 1 running shake;

}

.tt-icon-point__top {

  margin-top: 20px;

}

@media (max-width: 1024.98px) {

  .tt-icon-point {

    font-size: 16px;

  }

  .tt-icon-point [class^="icon-"] {

    width: 44px;

    height: 44px;

    font-size: 13px;

    margin-right: 8px;

  }

  .info-contact {

    max-width: 380px;

  }

  .info-contact .tt-icon-point {

    margin-top: 27px;

  }

}

.info-contact02__wrapper {

  margin-top: -20px;

  justify-content: center;

  align-content: center;

  align-items: center;

}

.info-contact02 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: center;

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  padding: 35px 25px 46px 0;

  margin-top: 20px;

}

.info-contact02 a {

  display: inline-block;

  position: relative;

  color: #555;

}

.info-contact02 a:before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  bottom: 4px;

  width: 0;

  height: 1px;

  background-color: currentColor;

  transition: width 0.4s ease;

}

.info-contact02 a:hover:before {

  width: 100%;

}

.info-contact02__img {

  position: relative;

  width: 126px;

  min-width: 126px;

  max-height: 113px;

}

.info-contact02__img:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-size: 41px;

  line-height: 1;

  color: #005395;

}

.info-contact02__img img {

  width: 100%;

}

.info-contact02__contact {

  margin-left: 25px;

}

.info-contact02__title {

  font-family: "Open Sans", sans-serif;

  color: #4c4c4c;

  font-weight: 600;

  font-size: 20px;

  line-height: 30px;

  padding: 0 0 11px 0;

}

@media (max-width: 1619.98px) {

  .info-contact02__img {

    width: 94px;

    min-width: 94px;

  }

  .info-contact02__img:before {

    font-size: 35px;

  }

}

@media (max-width: 1229.98px) {

  .info-contact02__img {

    width: 80px;

    min-width: 80px;

  }

  .info-contact02__img:before {

    font-size: 30px;

  }

}

@media (max-width: 1024.98px) {

  .info-contact02 {

    flex-wrap: wrap;

    justify-content: center;

    padding: 15px 5px 26px 5px;

  }

  .info-contact02__contact {

    width: 100%;

    margin: 15px 0 0 0;

    text-align: center;

  }

  .info-contact02__img {

    max-height: 73px;

  }

  .info-contact02__title {

    font-size: 18px;

    line-height: 28px;

    padding-bottom: 7px;

  }

}

@media (min-width: 1025px) {

  .news-wrapper {

    margin-top: 6px;

  }

}

@media (min-width: 768px) and (max-width: 1024.98px) {

  .news-wrapper {

    margin-top: 4px;

  }

}

.news-item:hover .news-item__img img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.news-item:hover .news-item__img:before {

  -webkit-animation: circle 1.15s ease;

  animation: circle 1.15s ease;

  opacity: 1;

}

.news-item__img {

  overflow: hidden;

  position: relative;

  z-index: 1;

}

.news-item__img img {

  width: 100%;

  max-width: inherit;

  height: auto;

  transition: -webkit-transform 0.6s;

  transition: transform 0.6s;

  transition: transform 0.6s, -webkit-transform 0.6s;

}

.news-item__img:before {

  position: absolute;

  z-index: 1;

  top: 50%;

  left: 50%;

  z-index: 1;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.15);

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

  pointer-events: none;

}

.news-item__wrapper {

  position: relative;

  z-index: 2;

  margin-top: -52px;

}

.news-item__wrapper:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: calc(100% - 40px);

  height: 62%;

  border-radius: 0 40px 0 0;

  background-color: #005395;

}

.news-item__wrapper02 {

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  margin-left: 20px;

  position: relative;

  border-radius: 0 0 0 40px;

  padding: 29px 35px 40px;

}

.news-item__data {

  color: #fff;

  padding: 14px 40px 12px 53px;

  position: relative;

  font-size: 14px;

}

.news-item__data a {

  color: #00aeff;

  display: inline-block;

  position: relative;

}

.news-item__data a:before {

  content: "";

  display: block;

  position: absolute;

  bottom: 4px;

  width: 0%;

  height: 1px;

  margin: auto;

  left: 0;

  right: 0;

  background-color: currentColor;

  transition: width 0.2s linear;

}

.news-item__data a:hover:before {

  width: 100%;

}

.news-item__data [class^="icon"] {

  font-size: 11px;

  margin-right: 3px;

}

.news-item__title {

  color: #4c4c4c;

  font-size: 20px;

  line-height: 32px;

  padding-bottom: 17px;

}

.news-item__title a {

  color: #4c4c4c;

  display: inline-block;

}

.news-item__title a:hover {

  color: #005395;

}

.news-item__link {

  color: #005395;

  font-weight: 700;

  transition: color 0.2s linear;

}

.news-item__link [class^="icon"] {

  font-size: 21px;

  display: inline-block;

  position: relative;

  top: 4px;

  margin-left: 8px;

}

.news-item__link span {

  position: relative;

  display: inline-block;

}

.news-item__link:hover {

  color: #00a2de;

}

@media (max-width: 1024.98px) {

  .news-item__title {

    font-size: 16px;

    line-height: 25px;

    padding-bottom: 12px;

  }

  .news-item__data {

    padding: 6px 35px 6px 40px;

    font-size: 13px;

  }

  .news-item__data a {

    display: none;

  }

  .news-item__link {

    font-size: 13px;

  }

  .news-item__link [class^="icon"] {

    font-size: 16px;

    margin-left: 4px;

  }

  .news-item__wrapper:before {

    border-radius: 0 35px 0 0;

    width: calc(100% - 30px);

  }

  .news-item__wrapper02 {

    border-radius: 0 0 0 29px;

    padding: 24px 25px 21px;

  }

}

@-webkit-keyframes circle {

  0% {

    opacity: 1;

  }

  40% {

    opacity: 1;

  }

  100% {

    width: 200%;

    height: 200%;

    opacity: 0;

  }

}

@keyframes circle {

  0% {

    opacity: 1;

  }

  40% {

    opacity: 1;

  }

  100% {

    width: 200%;

    height: 200%;

    opacity: 0;

  }

}

.testimonials-item {

  position: relative;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: flex-start;

}

.testimonials-item__img {

  width: 72.2%;

}

.testimonials-item__img img {

  width: 100%;

  height: auto;

}

.testimonials-item__layout {

  position: relative;

  margin-top: 135px;

  margin-left: 0;

  width: 27.8%;

}

.testimonials-item__layout small {

  display: block;

  margin-top: 29px;

  font-size: 14px;

}

.testimonials-item__layout small strong {

  font-size: 16px;

  font-weight: 700;

}

.testimonials-item__layout:before {

  display: block;

  content: "\e926";

  font-family: font-icon;

  position: absolute;

  right: 70px;

  top: -22px;

  font-size: 80px;

  line-height: 1;

  color: #005395;

}

.icon-2983736:before {

  font-family: font-icon;

  font-weight: 400;

  /* content: "\e911"; */

}

.testimonials-item__layout-wrapper {

  background-color: #fff;

  border-radius: 0 0 0 60px;

  padding: 77px 60px 72px 70px;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  font-size: 18px;

  line-height: 31px;

  width: calc(100% + 107%);

  margin-left: -107%;

}

.testimonials-item__title {

  font-size: 28px;

  line-height: 29px;

  padding: 0 0 35px 0;

  font-family: "Open Sans", sans-serif;

}

.testimonials-item__title + * {

  margin-top: 0;

}

.testimonials__title {

  position: relative;

  z-index: 3;

}

@media (min-width: 1025px) {

  .testimonials__title {

    padding: 0 0 0 60px;

  }

}

@media (min-width: 768px) and (max-width: 1024.98px) {

  .testimonials__title {

    padding: 0 0 0 20px;

  }

}

@media (min-width: 576px) and (max-width: 767.98px) {

  .testimonials__title {

    padding: 0 0 0 10px;

  }

}

.testimonials__title #bullets02 {

  margin-top: 0;

  z-index: 2;

}

.testimonials-swiper .swiper-pagination {

  display: none;

}

@media (min-width: 576px) {

  .testimonials-swiper .swiper-slide {

    opacity: 0;

    transition: opacity 0.1s linear;

  }

  .testimonials-swiper .swiper-slide .testimonials-item__img {

    opacity: 0;

    transition: opacity 0.3s linear 0.3s;

  }

  .testimonials-swiper .swiper-slide .testimonials-item__layout {

    opacity: 0;

    transition: opacity 0.3s linear 0.5s, -webkit-transform 0.5s linear 0.5s;

    transition: opacity 0.3s linear 0.5s, transform 0.5s linear 0.5s;

    transition: opacity 0.3s linear 0.5s, transform 0.5s linear 0.5s,

    -webkit-transform 0.5s linear 0.5s;

    -webkit-transform: translateX(40px);

    transform: translateX(40px);

  }

  .testimonials-swiper .swiper-slide.swiper-slide-active {

    opacity: 1;

  }

  .testimonials-swiper

  .swiper-slide.swiper-slide-active

  .testimonials-item__img {

    opacity: 1;

  }

  .testimonials-swiper

  .swiper-slide.swiper-slide-active

  .testimonials-item__layout {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

}

@media (max-width: 1500px) {

  .testimonials-item__layout {

    margin-top: 70px;

  }

  .testimonials-item__layout-wrapper {

    padding: 72px 50px 67px 60px;

    width: calc(100% + 117%);

    margin-left: -117%;

  }

  .testimonials-item__layout:before {

    font-size: 70px;

    right: 60px;

  }

  .contact__icon {

    display: block;

  }

}

@media (max-width: 1229.98px) {

  .testimonials-item__layout {

    font-size: 16px;

    line-height: 27px;

  }

  .testimonials-item__layout-wrapper {

    padding: 72px 40px 67px 50px;

    width: calc(100% + 140%);

    margin-left: -140%;

  }

}

@media (max-width: 1024.98px) {

  .testimonials-item__title {

    font-size: 21px;

    padding-bottom: 13px;

  }

  .testimonials-item__layout-wrapper {

    width: calc(100% + 210%);

    margin-left: -210%;

    border-radius: 0 0 0 30px;

    padding: 36px 30px 42px 30px;

    font-size: 16px;

    line-height: 27px;

  }

  .testimonials-item__layout:before {

    font-size: 47px;

    right: 25px;

  }

  .testimonials-item__layout small {

    margin-top: 13px;

    font-size: 13px;

    line-height: 20px;

  }

  .testimonials-item__layout small strong {

    font-size: 15px;

  }

  .testimonials-item__img {

    width: 79.2%;

  }

  .testimonials-item__layout {

    width: 20.8%;

  }

}

@media (max-width: 1619.98px) {

  .testimonials-item__layout-wrapper {

    border-radius: 0 0 0 50px;

    padding: 77px 50px 65px 55px;

    width: calc(100% + 145%);

    margin-left: -145%;

  }

}

@media (max-width: 1024.98px) {

  .testimonials-item__layout-wrapper {

    width: calc(100% + 270%);

    margin-left: -270%;

  }

}

@media (max-width: 575.98px) {

  .testimonials-item {

    flex-wrap: wrap;

  }

  .testimonials-item__img {

    width: 100%;

  }

  .testimonials-item__layout {

    width: 100%;

    margin: -124px 0 0 0;

  }

  .testimonials-item__layout-wrapper {

    width: calc(100% - 15px);

    margin: 0 0 0 15px;

    padding: 36px 25px 42px;

  }

  .testimonials__title {

    position: inherit;

    padding-left: 15px;

    padding-right: 15px;

    text-align: center;

  }

  .testimonials__title .swiper-pagination {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    justify-content: center;

  }

  .testimonials-swiper {

    padding-bottom: 38px;

  }

}

.offers-swiper {

  overflow: hidden;

}

@media (min-width: 768px) {

  .offers-swiper {

    margin-top: 6px;

  }

  .offers-swiper .swiper-slide {

    overflow: inherit;

  }

  .offers-swiper.swiper-container {

    overflow: inherit;

  }

  .offers-swiper .swiper-slide {

    opacity: 0;

    transition: opacity 0.3s linear;

  }

  .offers-swiper .swiper-slide.swiper-slide-active,

  .offers-swiper .swiper-slide.swiper-slide-next,

  .offers-swiper .swiper-slide.swiper-slide-prev {

    opacity: 1;

  }

}

@media (min-width: 768px) and (max-width: 1024.98px) {

  .offers-swiper {

    margin-top: 14px;

  }

}

.offers-item {

  position: relative;

  display: block;

  z-index: 1;

}

.offers-item .tt-btn__wrapper {

  display: block;

  max-height: 0;

  opacity: 0;

  overflow: hidden;

  transition: opacity 0.35s ease-in-out 0.2s, max-height 0.35s linear,

  -webkit-transform 0.3s ease-in-out;

  transition: opacity 0.35s ease-in-out 0.2s, transform 0.3s ease-in-out,

  max-height 0.35s linear;

  transition: opacity 0.35s ease-in-out 0.2s, transform 0.3s ease-in-out,

  max-height 0.35s linear, -webkit-transform 0.3s ease-in-out;

  margin-top: 27px;

}

.offers-item:hover {

  z-index: 2;

}

@media (min-width: 768px) {

  .offers-item:hover .offers-item__img {

    transition: all 0.4s ease-out;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

  }

  .offers-item:hover .offers-item__description {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    max-height: 100px;

    visibility: visible;

    padding-bottom: 22px;

  }

}

.offers-item:hover .tt-btn__wrapper {

  max-height: 60px;

  opacity: 1;

}

@media (min-width: 768px) {

  .swiper-slide-active .offers-item .offers-item__img {

    transition: all 0.4s ease-out;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

  }

  .swiper-slide-active .offers-item .offers-item__description {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    max-height: 100px;

    visibility: visible;

    padding-bottom: 22px;

  }

  .swiper-slide-active .offers-item .tt-btn__wrapper {

    max-height: 60px;

    opacity: 1;

  }

}

.offers-item__img {

  position: relative;

  z-index: 1;

  transition: all 0.3s ease-in-out;

  overflow: hidden;

}

.offers-item__img img {

  width: 100%;

}

.offers-item__img:before {

  content: "";

  display: block;

  pointer-events: none;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #020024;

  background: linear-gradient(180deg, rgba(2, 0, 36, 0) 37%, #084488 100%);

  overflow: hidden;

}

.offers-item__layout {

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: flex-end;

  align-content: stretch;

  align-items: flex-start;

  position: absolute;

  z-index: 3;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 60px;

  color: #fff;

}

.offers-item__layout a {

  color: #fff;

}

.offers-item__wrapper {

  display: inline-block;

}

.offers-item__description {

  font-size: 16px;

  line-height: 27px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  transform: translateY(20px);

  max-height: 0;

  padding-bottom: 0;

  transition: opacity 0.4s ease-in-out, max-height 0.35s linear,

  padding 0.35s linear, -webkit-transform 0.3s ease-in-out;

  transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out,

  max-height 0.35s linear, padding 0.35s linear;

  transition: opacity 0.4s ease-in-out, transform 0.3s ease-in-out,

  max-height 0.35s linear, padding 0.35s linear,

  -webkit-transform 0.3s ease-in-out;

}

@media (max-width: 1024.98px) {

  .offers-item__description {

    display: none;

  }

}

.offers-item__title {

  font-size: 28px;

  line-height: 1.2;

  padding-bottom: 16px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  width: 100%;

}

.offers-item__price {

  line-height: 1;

}

.offers-item__price .tt-text01 {

  color: #00aeff;

  font-size: 28px;

  font-weight: 600;

  font-family: "Open Sans", sans-serif;

}

.offers-item__price .tt-text02 {

  color: #fff;

  font-size: 16px;

}

@media (max-width: 5000px) {

  .offers-item__layout {

    padding: 40px;

  }

}

@media (max-width: 1229.98px) {

  .offers-item__layout {

    padding: 20px;

  }

  .offers-item__title {

    font-size: 21px;

    line-height: 29px;

  }

  .offers-item__price .tt-text01 {

    font-size: 21px;

  }

  .offers-item__price .tt-text02 {

    font-size: 15px;

  }

}

.img-box {

  position: relative;

}

@media (min-width: 1501px) {

  .img-box {

    right: -76px;

  }

}

.img-box__bg {

  position: absolute;

  z-index: 0;

  bottom: 50px;

  right: -177px;

}

.img-box__label {

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 150px;

  height: 150px;

  background-color: #fff;

  border-radius: 50%;

  position: absolute;

  z-index: 2;

  right: 0;

  top: 27px;

  color: #fff;

  text-align: center;

}

@media (min-width: 1501px) {

  .img-box__label {

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

  }

}

.img-box__label:after,

.img-box__label:before {

  content: "";

  position: absolute;

  z-index: 0;

  border-radius: 50%;

}

.img-box__label:before {

  top: 0;

  left: 0;

  background-color: #fff;

  border-radius: 50%;

  width: 100%;

  height: 100%;

}

.img-box__label:after {

  top: 14px;

  left: 14px;

  width: calc(100% - 28px);

  height: calc(100% - 28px);

  background-color: #005395;

  box-shadow: 0 5px 10px rgba(0, 83, 149, 0.3);

}

.img-box__label > * {

  position: relative;

  z-index: 2;

}

.img-box__img {

  position: relative;

  z-index: 1;

}

.img-box__img img {

  width: 100%;

}

.img-box__label-text01 {

  font-size: 46px;

  line-height: 1;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #fff;

}

.img-box__label-text02 {

  font-size: 14px;

  line-height: 17px;

}

.img-box__content {

  position: relative;

  z-index: 2;

  background-color: #fff;

  margin-top: -157px;

  margin-left: -70px;

  max-width: 341px;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  padding: 30px 30px 38px 46px;

  border-radius: 0 0 0 40px;

}

.img-box__title {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #555;

  font-size: 20px;

  line-height: 29px;

  padding: 0 0 11px 0;

}

.img-box__title + * {

  margin-top: 0;

}

.img-box__btn {

  margin-top: 20px;

}

@media (max-width: 1500px) {

  .img-box__label {

    top: 15px;

    right: 15px;

  }

  .img-box__content {

    margin-left: 15px;

    margin-top: -157px;

  }

}

@media (max-width: 1229.98px) {

  .img-box__label {

    width: 120px;

    height: 120px;

  }

  .img-box__label:after {

    top: 10px;

    left: 10px;

    width: calc(100% - 20px);

    height: calc(100% - 20px);

  }

  .img-box__label-text01 {

    font-size: 35px;

  }

  .img-box__label-text02 {

    font-size: 12px;

    line-height: 16px;

  }

}

@media (max-width: 1024.98px) {

  .img-box__content {

    padding: 30px 25px;

    border-radius: 0 0 0 30px;

    margin-top: -30%;

  }

}

@media (max-width: 920px) {

  .img-box__content {

    margin-top: -15%;

  }

}

@media (max-width: 767.98px) {

  .img-box__label {

    width: 100px;

    height: 100px;

  }

  .img-box__label:after {

    top: 5px;

    left: 5px;

    width: calc(100% - 10px);

    height: calc(100% - 10px);

  }

  .img-box__label-text01 {

    font-size: 27px;

  }

  .img-box__label-text02 {

    font-size: 11px;

    line-height: 14px;

    margin-top: 1px;

  }

  .img-box__content {

    max-width: inherit;

  }

}

.img-box02 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: flex-start;

}

.img-box02__img {

  width: 62%;

}

.img-box02__content {

  width: calc(38% + 194px);

  position: relative;

  margin-top: 42px;

  margin-left: -194px;

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  padding: 67px 60px 70px 67px;

  border-bottom-left-radius: 60px;

}

@media (max-width: 1619.98px) {

  .img-box02__content {

    border-bottom-left-radius: 50px;

  }

}

@media (max-width: 1229.98px) {

  .img-box02__content {

    padding: 67px 40px 70px;

  }

}

@media (max-width: 1024.98px) {

  .img-box02__content {

    border-bottom-left-radius: 30px;

    padding: 47px 30px 50px;

  }

}

@media (max-width: 767.98px) {

  .img-box02 {

    flex-wrap: wrap;

  }

  .img-box02__img {

    width: 100%;

  }

  .img-box02__content {

    width: calc(100% - 15px);

    margin: -36px 0 0 15px;

    padding: 47px 25px 50px;

  }

}

.img-box03 {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: flex-start;

}

.img-box03__img img {

  width: 100%;

}

.img-box03__content {

  position: relative;

  margin-top: 52px;

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  padding: 50px;

  border-bottom-right-radius: 60px;

}

@media (max-width: 1619.98px) {

  .img-box03__content {

    border-bottom-right-radius: 50px;

  }

}

@media (max-width: 1024.98px) {

  .img-box03__content {

    margin-top: 40px;

    padding: 40px;

    border-bottom-right-radius: 30px;

  }

}

@media (min-width: 768px) {

  .img-box03__img {

    width: 74%;

  }

  .img-box03__content {

    width: calc(26% + 377px);

    margin-left: -377px;

  }

}

@media (max-width: 767.98px) {

  .img-box03 {

    flex-wrap: wrap;

  }

  .img-box03__img {

    width: 100%;

  }

  .img-box03__content {

    padding: 30px;

    margin-top: -70px;

    width: calc(100% - 15px);

    margin-left: 15px;

  }

}

@media (max-width: 575.98px) {

  .img-box03__content {

    padding: 30px 15px;

  }

}

.box01 {

  display: flex;

  flex-direction: row;

  position: relative;

  padding: 47px 0;

}

.box01__img {

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 60.5%;

  height: 100%;

  display: block;

}

.box01__img img {

  -o-object-fit: fill;

  object-fit: fill;

  width: 100%;

  height: 100%;

}

.box01__img-layout {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: relative;

  z-index: 2;

  width: 60.5%;

  padding-right: 50px;

}

.box01__img-item {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #fff;

  text-align: center;

  font-size: 20px;

  padding: 60px 8%;

}

.box01__img-item strong {

  display: block;

  font-weight: 600;

  font-size: 52px;

  padding-bottom: 31px;

}

.box01__img-item-clear {

  width: 100%;

}

.box01__content {

  position: relative;

  z-index: 2;

  width: calc(39% + 159px);

  margin-left: -159px;

  padding: 100px;

  color: #fff;

  border-radius: 0 0 0 60px;

}

.box01__content-limit {

  max-width: 470px;

}

@media (max-width: 1619.98px) {

  .box01__content {

    border-radius: 0 0 0 50px;

    width: calc(39% + 80px);

    margin-left: -80px;

    padding: 63px;

  }

}

@media (max-width: 1229.98px) {

  .box01__content {

    width: calc(39% + 60px);

    margin-left: -60px;

    padding: 60px;

  }

  .box01__img-item {

    padding: 40px 8%;

    font-size: 19px;

  }

  .box01__img-item strong {

    font-size: 42px;

    padding-bottom: 25px;

  }

}

@media (max-width: 1024.98px) {

  .box01 {

    padding: 30px 0;

  }

  .box01__content {

    width: calc(39% + 50px);

    margin-left: -50px;

    padding: 40px;

    border-radius: 0 0 0 30px;

  }

  .box01__img-item {

    padding: 25px;

    font-size: 18px;

  }

  .box01__img-item strong {

    font-size: 34px;

    padding-bottom: 18px;

  }

}

@media (max-width: 767.98px) {

  .box01__img {

    width: 51.5%;

  }

  .box01__img-item {

    width: 100%;

    padding: 15px;

  }

  .box01__img-layout {

    width: 50%;

    padding-right: 30px;

  }

  .box01__content {

    width: calc(50% + 30px);

    margin-left: -30px;

    padding: 40px;

  }

}

@media (max-width: 575.98px) {

  .box01 {

    padding: 0;

    display: block;

  }

  .box01__img {

    width: 100%;

    height: 268px;

  }

  .box01__img-layout {

    height: 268px;

    padding-right: 0;

    padding-bottom: 42px;

  }

  .box01__img-item {

    width: 50%;

    padding: 10px 10px;

    font-size: 15px;

  }

  .box01__img-item strong {

    font-size: 26px;

    padding-bottom: 8px;

  }

  .box01__img-layout {

    width: 100%;

  }

  .box01__content {

    width: calc(100%);

    margin: -46px 0 0 0px;

    padding: 30px 25px;

  }

}

.tt-pagination__top {

  margin-top: 50px;

}

.tt-pagination {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-end;

  margin-top: -10px;

  margin-left: -10px;

}

.tt-pagination li {

  margin-top: 10px;

  margin-left: 10px;

}

.tt-pagination li a {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 60px;

  height: 60px;

  font-weight: 800;

  font-family: "Open Sans", sans-serif;

  transition: background-color 0.2s linear, color 0.2s linear;

}

.tt-pagination li a:not(.tt-pagination__btn):hover {

  color: #00a2de;

}

.tt-pagination li a:not(.tt-pagination__btn) {

  color: #005395;

  background-color: #f8f8fa;

}

@media (max-width: 1100px) {

  .tt-pagination li a {

    font-size: 13px;

  }

}

.tt-pagination li.active a:not(.tt-pagination__btn) {

  pointer-events: none;

  background-color: #005395;

  color: #fff;

  border-radius: 0 0 0 15px;

}

@media (min-width: 768px) {

  .tt-pagination li a {

    width: 60px;

    height: 60px;

  }

}

@media (max-width: 767.98px) {

  .tt-pagination li a {

    width: 46px;

    height: 46px;

  }

  .referans__residant,

  .galeri__video {

    margin: 15px;

  }

}

.tt-pagination__btn {

  font-size: 22px;

  color: #005395;

}

.tt-pagination__btn:hover {

  color: #00a2de;

}

.tt-pagination__top {

  margin-top: 40px;

}

@media (max-width: 1024.98px) {

  .tt-pagination__top {

    margin-top: 30px;

  }

}

@media (max-width: 767.98px) {

  .tt-pagination__top {

    margin-top: 25px;

  }

}

.tt-rating {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  font-size: 11px;

  line-height: 1;

  color: #00a2de;

}

.tt-rating .icon-star-empty {

  color: #f1f2f3;

}

@media (min-width: 1025px) {

  .tt-rating {

    margin-left: -2px;

    margin-right: -2px;

  }

  .tt-rating > * {

    margin-left: 2px;

    margin-right: 2px;

  }

}

@media (max-width: 1024.98px) {

  .tt-rating {

    margin-left: -1px;

    margin-right: -1px;

  }

  .tt-rating > * {

    margin-left: 1px;

    margin-right: 1px;

  }

}

.tt-rating_size-lg {

  font-size: 16px;

}

@media (min-width: 1025px) {

  .tt-rating_size-lg {

    margin-left: -3px;

    margin-right: -3px;

  }

  .tt-rating_size-lg > * {

    margin-left: 3px;

    margin-right: 3px;

  }

}

@media (max-width: 1024.98px) {

  .tt-rating_size-lg {

    font-size: 13px;

  }

}

.layout-video {

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

}

@media (min-width: 1025px) {

  .layout-video {

    padding: 60px 37px;

  }

}

@media (max-width: 1024.98px) {

  .layout-video {

    padding: 30px;

  }

}

@media (max-width: 767.98px) {

  .layout-video {

    padding: 30px 25px;

  }

}

@media (min-width: 1230px) {

  .layout-video__content {

    padding-left: 41px;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .layout-video__content {

    padding-left: 20px;

  }

}

@media (max-width: 1024.98px) {

  .layout-video__content {

    padding-left: 0;

  }

}

.gallery-large {

  width: 100%;

  overflow: hidden;

}

.gallery-large__icon {

  font-size: 80px;

  color: red;

  pointer-events: none;

}

.gallery-large__icon:before {

  width: 62px;

  height: 43px;

}

@media (max-width: 575.98px) {

  .gallery-large__icon:before {

    width: 53px;

    height: 37px;

  }

}

.gallery-large__icon:before,

.gallery-thumbs__icon:before {

  content: "";

  display: inline-block;

  background-size: cover;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA5CAMAAAB59jczAAABCFBMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/////Xl7/Wlr/R0f/enr/Dw//9vb/8fH/6ur/29v/zs7/tbX/oqL/m5v/cHD/VFT/TU3/MjL/Ghr/FRX/0tL/wsL/v7//rKz/lJT/j4//c3P/Zmb/Pj7/KCj/CAjBVHPTAAAAOHRSTlMA8u3n3u/WyrGVaMC9nIBNPi0m6ePT0M20ckUdGAP62aumnpKKeFZSEPTEuregjoZtYFw6NgisnxijhTAAAAHYSURBVFjDrdhnU+JAHMfxfwppkISA9CJgAc/e7jaA2Lt3Z/f9vxPjOqMww7i7+vs+3vlMIJvdZGmiRj2qhlteJVh3/7TKmbRdtGbNGSOvpzRNS+m6MWOaVqH0K7PSWnXXg4q31a1G9V2aWuTNZSyjydRr5q20v5GlyaoZ9tPMhcYYOMcQmTsfoMNAbSOvkNfscXCH4Upz0WbAsgmYY8jaiehBRaNB5DNoOSIbK3aJDKwYUJ1h61AWLJZpESwWhZNneKkm6rQgGLEXn92oiEs0LxgxiOODcwVRo45gRD9O+nupIDpCkXdyJS2mJUTe3UhStGXF+PBRTrSE4mfHQxnRFIrj3T6LRUMoTnY/Eom6ohgf9gViSknk/Ru+fCVqiiKvD77G44sR9H/cPwff67Nr7Hw8ucI+M0cX2Of64AG89pzeYNfH/0/S6+OqjHg0YLJpMvvM/p7SPiPeC0+vmUJL4v16wJQy4O8UNvy9x6EaWPSJ8lgxICphxS5RByvmiDagoN5Af884lFREimECQmdkgXg+TqzReyvQ38xzIZ4WYs8pNLdOE+U8t1xIfQ/TS87aYo+m1atF2XCzEqy5fvt3eXnqec/s23nPstNq++58UNkMt6Pa7rjxCog2qvc4Jyr4AAAAAElFTkSuQmCC);

}

.tt-link-video .gallery-large__icon {

  opacity: 1;

  transition: opacity 0.3s linear;

}

.tt-link-video.tt-show-video .gallery-large__icon {

  opacity: 0;

}

.tt-link-video video {

  width: 100%;

  height: 100%;

}

.gallery-thumbs {

  overflow: hidden;

  margin-top: 10px;

}

.gallery-thumbs .swiper-slide {

  height: 100%;

}

.gallery-thumbs .swiper-slide picture {

  transition: opacity 0.2s linear;

}

.gallery-thumbs .swiper-slide img {

  width: 100%;

}

.gallery-thumbs .swiper-slide:hover {

  opacity: 1;

}

.gallery-thumbs .swiper-slide:hover .tt-point {

  background-color: rgba(102, 102, 102, 0);

}

.gallery-thumbs .swiper-slide-active {

  opacity: 1;

}

.gallery-thumbs .swiper-slide-active picture {

  opacity: 1;

}

.gallery-thumbs .swiper-slide-active .tt-point {

  background-color: rgba(102, 102, 102, 0);

}

.gallery-thumbs .tt-point {

  transition: background-color 0.2s linear;

}

.gallery-thumbs__icon {

  font-size: 30px;

  color: red;

  cursor: pointer;

}

.gallery-thumbs__icon:before {

  width: 31px;

  height: 22px;

}

.gallery-thumbs .tt-point {

  background-color: rgba(12, 76, 147, 0.5);

}

@media (max-width: 767.98px) {

  .gallery-large__icon {

    font-size: 60px;

  }

  .gallery-thumbs__icon {

    font-size: 30px;

  }

}

@media (max-width: 575.98px) {

  .gallery-large__icon {

    font-size: 50px;

  }

  .gallery-thumbs {

    margin-top: 10px;

  }

  .gallery-thumbs__icon {

    font-size: 25px;

  }

}

.tt-services__wrapper {

  margin-top: -10px;

}

@media (min-width: 1025px) {

  .tt-services__wrapper {

    margin-bottom: -8px;

  }

}

.tt-services__wrapper .tt-services {

  margin-top: 10px;

}

.tt-services {

  max-width: 280px;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  padding-left: 15px;

  padding-right: 15px;

  display: block;

}

.tt-services.tt-services__color02 .tt-services__icon {

  background-color: #00a2de;

}

.tt-services:hover .tt-services__title {

  color: #005395;

}

.tt-services:hover .tt-services__icon {

  background-color: #fff;

  fill: #005395;

}

.tt-services:hover .tt-services__icon:after,

.tt-services:hover .tt-services__icon:before {

  -webkit-animation: 1.2s amplitude infinite;

  animation: 1.2s amplitude infinite;

  background-color: #005395;

}

.tt-services:hover.tt-services__color02 .tt-services__title {

  color: #00a2de;

}

.tt-services:hover.tt-services__color02 .tt-services__icon {

  fill: #00a2de;

}

.tt-services:hover.tt-services__color02 .tt-services__icon:after,

.tt-services:hover.tt-services__color02 .tt-services__icon:before {

  background-color: #00a2de;

}

.tt-services__icon {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 154px;

  height: 154px;

  margin-left: auto;

  margin-right: auto;

  fill: #fff;

  font-size: 72px;

  line-height: 1;

  background-color: #005395;

  border-radius: 50%;

  position: relative;

}

.tt-services__icon > * {

  width: 50%;

}

.tt-services__icon:after,

.tt-services__icon:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  z-index: -1;

}

.tt-services__title {

  font-size: 28px;

  line-height: 36px;

  color: #4c4c4c;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  margin-top: 27px;

  width: 100%;

  transition: color 0.2s linear;

}

.tt-services__title + * {

  margin-top: 20px;

}

@media (max-width: 1024.98px) {

  .tt-services__icon {

    width: 101px;

    height: 101px;

    font-size: 50px;

  }

  .tt-services__title {

    font-size: 21px;

    line-height: 29px;

    margin-top: 17px;

  }

  .tt-services__title + * {

    margin-top: 11px;

  }

}

@media (max-width: 767.98px) {

  .tt-services__icon {

    width: 93px;

    height: 93px;

    font-size: 50px;

  }

}

.tt-aside01__wrapper > :not(:first-child) {

  margin-top: 30px;

}

.row-custom-services {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

}

@media (min-width: 1230px) {

  .row-custom-services > .col-custom:first-child {

    width: calc(100% - 370px);

  }

  .row-custom-services > .col-custom:last-child {

    width: 335px;

    margin-left: 35px;

  }

}

@media (max-width: 1229.98px) {

  .row-custom-services > .col-custom:first-child {

    width: calc(100% - 340px);

  }

  .row-custom-services > .col-custom:last-child {

    width: 300px;

    margin-left: 30px;

  }

}

@media (max-width: 767.98px) {

  .row-custom-services {

    flex-wrap: wrap;

  }

  .row-custom-services > .col-custom:first-child {

    width: 100%;

  }

  .row-custom-services > .col-custom:last-child {

    width: 100%;

    margin-left: 0;

    margin-top: 50px;

  }

}

.services-item__content {

  position: relative;

  padding: 64px 60px 60px 60px;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  background-color: #fff;

}

@media (min-width: 1025px) {

  .services-item__content {

    margin: 0;

  }

}

@media (max-width: 1024.98px) {

  .services-item__content {

    padding: 30px;

  }

}

@media (max-width: 767.98px) {

  .services-item__content {

    padding: 25px;

  }

}

.tt-col-img__inner {

  margin-top: 33px;

}

.tt-col-img__inner img {

  width: 100%;

  height: auto;

}

@media (max-width: 1024.98px) {

  .tt-col-img__inner {

    margin-left: -10px;

    margin-right: -10px;

    margin-top: 23px;

  }

  .tt-col-img__inner [class^="col-"] {

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 20px;

  }

}

@media (max-width: 1024.98px) {

  .tt-col-img__inner {

    margin-left: -7px;

    margin-right: -7px;

    margin-top: 18px;

  }

  .tt-col-img__inner [class^="col-"] {

    padding-left: 7px;

    padding-right: 7px;

    margin-top: 15px;

  }

}

.tt-col-img__inner-small img {

  width: 100%;

  height: auto;

}

@media (min-width: 1025px) {

  .tt-col-img__inner-small {

    margin-left: -5px;

    margin-right: -5px;

    margin-top: -10px;

  }

  .tt-col-img__inner-small [class^="col-"] {

    padding-left: 5px;

    padding-right: 5px;

    margin-top: 10px;

  }

}

@media (max-width: 1024.98px) {

  .tt-col-img__inner-small {

    margin-left: -10px;

    margin-right: -10px;

    margin-top: -10px;

  }

  .tt-col-img__inner-small [class^="col-"] {

    padding-left: 10px;

    padding-right: 10px;

    margin-top: 20px;

  }

}

@media (max-width: 767.98px) {

  .tt-col-img__inner-small {

    margin-left: -7px;

    margin-right: -7px;

    margin-top: -7px;

  }

  .tt-col-img__inner-small [class^="col-"] {

    padding-left: 7px;

    padding-right: 7px;

    margin-top: 20px;

  }

}

.tt-aside01__item {

  background-color: #fff;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

}

.tt-aside01__item.tt-aside01__color02 {

  background-color: #005395;

  color: #fff;

}

.tt-aside01__item.tt-aside01__color02 a {

  color: #fff;

}

@media (min-width: 1025px) {

  .tt-aside01__item {

    padding: 35px 30px 41px 30px;

    border-radius: 0 0 0 40px;

  }

}

@media (max-width: 1024.98px) {

  .tt-aside01__item {

    padding: 35px 25px 41px;

  }

}

.tt-aside01__title {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #555;

  font-size: 20px;

  line-height: 30px;

  padding: 0 0 26px 0;

}

.services-item__icon {

  position: absolute;

  top: 0;

}

.services-item__icon > * {

  width: 40px;

  height: 40px;

  background-color: #00aeff;

  box-shadow: 0 3px 7px rgba(38, 168, 228, 0.47);

  color: #fff;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: relative;

  transition: color 0.2s linear;

}

.services-item__icon > :hover {

  color: #005395;

}

.services-item__icon > :nth-child(1) {

  z-index: 1;

}

.services-item__icon > :nth-child(2) {

  z-index: 2;

}

.services-item__icon > :nth-child(3) {

  z-index: 3;

}

@media (min-width: 1025px) {

  .services-item__icon {

    left: -40px;

  }

}

@media (max-width: 1024.98px) {

  .services-item__icon {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    left: 0;

  }

}

@media (max-width: 767.98px) {

  .services-item__icon > * {

    width: 37px;

    height: 37px;

  }

}

.tt-aside01-box {

  background-color: #005395;

  color: #fff;

  border-radius: 0 40px 0 0;

  padding: 35px 10px 20px 30px;

}

@media (min-width: 1025px) {

  .tt-aside01-box {

    margin-right: 20px;

  }

}

@media (max-width: 1024.98px) {

  .tt-aside01-box {

    padding: 35px 25px 20px;

  }

}

.tt-aside01-box__title-top {

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  padding: 0 0 15px 0;

}

.tt-aside01-box__content {

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

}

.tt-aside01-box__content li a {

  display: block;

  position: relative;

  background-color: #fff;

  color: #555;

  padding: 17px 10px 15px 66px;

  transition: color 0.1s linear, background-color 0.3s linear;

}

.tt-aside01-box__content li a:before {

  /* content: "\f178";

  font-family: font-icon;

  color: #005395;

  position: absolute;

  top: 16px;

  left: 27px;

  font-size: 23px;

  transition: color 0.1s linear;

  font-family: "Font Awesome 5 Brands"; 

	font-weight: 400;

	content: "\f178"; */

}

.tt-aside01-box__content li a img {

  position: absolute;

  left: 20px;

}

.tt-aside01-box__content li a:hover {

  background-color: #005395;

  color: #fff;

}

.tt-aside01-box__content li a:hover:before {

  color: #fff;

}

.tt-aside01-box__content li:not(:last-child) a {

  border-bottom: 1px solid #e2e9f0;

}

@media (min-width: 1025px) {

  .tt-aside01-box__content {

    width: calc(100% + 30px);

  }

}

@media (max-width: 1024.98px) {

  .tt-aside01-box__content li a {

    padding: 17px 10px 15px 56px;

  }

  .tt-aside01-box__content li a:before {

    left: 25px;

    font-size: 18px;

  }

}

.tt-aside01-box__title-bottom {

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  padding: 15px 0 15px 0;

}

.aside01-nav__title {

  background: #00a2de;

  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #fff;

  padding: 15px 25px 15px 25px;

}

.aside-info > :not(:first-child) {

  border-top: 1px solid #235d9e;

  padding-top: 20px;

}

.aside-info > :last-child {

  padding-bottom: 0;

}

.aside-info a {

  position: relative;

  display: inline-block;

}

.aside-info a:before {

  content: "";

  display: block;

  position: absolute;

  bottom: 3px;

  width: 0%;

  height: 1px;

  left: 0;

  right: 0;

  background-color: currentColor;

  transition: width 0.2s linear;

}

.aside-info a:hover:before {

  width: 100%;

}

.aside-info__item {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  padding: 0 0 22px 0;

}

.aside-info__icon {

  color: #00aeff;

  width: 35px;

  min-width: 35px;

  position: relative;

  top: 8px;

  font-size: 17px;

}

.aside-info__title {

  font-size: 20px;

  line-height: 30px;

  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  padding: 0 0 11px 0;

}

#map {

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 0;

}

@media (min-width: 1230px) {

  #map {

    border-bottom-left-radius: 50% 13%;

    border-bottom-right-radius: 50% 13%;

    margin-top: -60px;

    height: 450px;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  #map {

    border-bottom-left-radius: 50% 3%;

    border-bottom-right-radius: 50% 3%;

    margin-top: -60px;

    height: 450px;

  }

}

@media (max-width: 1024.98px) {

  #map {

    border-bottom-left-radius: 50% 3%;

    border-bottom-right-radius: 50% 3%;

    margin-top: -8px;

    height: 245px;

  }

}

@media (max-width: 767.98px) {

  #map {

    border-bottom-left-radius: 50% 1%;

    border-bottom-right-radius: 50% 1%;

    margin-top: 0;

    height: 170px;

  }

}

#map iframe {

  width: 100%;

  height: 100%;

}

.tt-counter {

  min-width: 100px;

  max-width: 100px;

  display: inline-block;

  border: 2px solid #f8f8fa;

  position: relative;

}

.tt-counter__input {

  width: calc(100% - 66px);

  border: none;

  outline: 0;

  background-color: transparent;

  margin-left: 33px;

  position: relative;

  height: 54px;

  z-index: 1;

  text-align: center;

  font-size: 16px;

  color: #555;

}

.tt-counter__btn {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: absolute;

  z-index: 2;

  top: 0;

  font-size: 20px;

  line-height: 1;

  width: 33px;

  height: 100%;

  outline: 0;

  cursor: pointer;

  color: #555;

}

.tt-counter__btn:first-child {

  left: 0;

}

.tt-counter__btn:last-child {

  right: 0;

}

.tt-counter__btn:hover {

  color: #005395;

}

@media (max-width: 1024.98px) {

  .tt-counter__input {

    height: 46px;

  }

}

.tt-bg {

  pointer-events: none;

  background-repeat: no-repeat;

  position: absolute;

  z-index: 0;

  background-size: cover;

  background-position: 0 0;

}

.bg-index-01 {

  width: 100%;

  max-width: 1580px;

  height: 1618px;

  top: 61%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-index-01 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-index-01 {

    background-size: 55%, 55%;

  }

}

@media (max-width: 575.98px) {

  .bg-index-01 {

    background-size: 45%, 45%;

    top: 96%;

  }

}

.bg-index-02 {

  width: 100%;

  max-width: 1728px;

  height: 1626px;

  top: 92%;

  left: 0;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-index-02 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-index-02 {

    left: -50%;

    top: 97%;

    background-size: 70%, 70%;

  }

}

@media (max-width: 575.98px) {

  .bg-index-02 {

    top: 125%;

    background-size: 45%, 45%;

  }

}

.bg-index-03 {

  width: 100%;

  max-width: 1468px;

  height: 1719px;

  top: 80%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-index-03 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-index-03 {

    right: -7%;

    top: 100%;

    background-size: 87%, 87%;

  }

}

@media (max-width: 575.98px) {

  .bg-index-03 {

    background-size: 90%, 90%;

    top: 50%;

  }

}

.bg-index-04 {

  width: 100%;

  max-width: 1248px;

  height: 1043px;

  bottom: 0;

  left: 0;

  background-size: inherit;

}

@media (max-width: 1700px) {

  .bg-index-04 {

    left: -20%;

  }

}

@media (max-width: 1300px) {

  .bg-index-04 {

    left: -30%;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-index-04 {

    left: -40%;

  }

}

@media (max-width: 1024.98px) {

  .bg-index-04 {

    background-position: left 250px;

    background-size: 78%, 78%;

  }

}

@media (max-width: 767.98px) {

  .bg-index-04 {

    background-size: 97%, 97%;

    background-position: left 50px;

    width: calc(100% - 40%);

    left: -40%;

  }

}

@media (max-width: 575.98px) {

  .bg-index-04 {

    display: none;

  }

}

.bg-blog-01 {

  width: 1281px;

  height: 1352px;

  top: 136px;

  left: 0;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-blog-01 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-blog-01 {

    background-size: 55%, 55%;

  }

}

@media (max-width: 575.98px) {

  .bg-blog-01 {

    background-size: 45%, 45%;

  }

}

.bg-blog-03 {

  width: 1365px;

  height: 1460px;

  top: 48%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-blog-03 {

    background-size: 75%, 75%;

    top: 42%;

  }

}

@media (max-width: 1024.98px) {

  .bg-blog-03 {

    background-size: 55%, 55%;

  }

}

@media (max-width: 575.98px) {

  .bg-blog-03 {

    background-size: 45%, 45%;

  }

}

.tt-blog-02 {

  width: 100%;

  height: 1043px;

  left: 0;

  bottom: 0;

  background-position: -100px -70px;

}

@media (max-width: 1300px) {

  .tt-blog-02 {

    display: none;

  }

}

.bg-about-01 {

  width: 1175px;

  height: 1188px;

  top: -32%;

  left: 0;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-about-01 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-about-01 {

    background-size: 55%, 55%;

    top: -10%;

  }

}

@media (max-width: 575.98px) {

  .bg-about-01 {

    background-size: 45%, 45%;

  }

}

.bg-about-02 {

  width: 954px;

  height: 1157px;

  top: -20%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-about-02 {

    background-size: 75%, 75%;

    top: -5%;

  }

}

@media (max-width: 1024.98px) {

  .bg-about-02 {

    background-size: 55%, 55%;

    top: 0;

  }

}

@media (max-width: 575.98px) {

  .bg-about-02 {

    background-size: 45%, 45%;

  }

}

.bg-testimonials-01 {

  width: 1000px;

  height: 1341px;

  top: -33.2%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-testimonials-01 {

    background-size: 75%, 75%;

    top: -20%;

  }

}

@media (max-width: 1024.98px) {

  .bg-testimonials-01 {

    background-size: 55%, 55%;

    top: -10%;

  }

}

@media (max-width: 575.98px) {

  .bg-testimonials-01 {

    background-size: 45%, 45%;

    top: 0;

  }

}

.bg-services-01 {

  width: 994px;

  height: 1172px;

  top: -79%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-services-01 {

    background-size: 75%, 75%;

    top: -50%;

    right: -15%;

  }

}

@media (max-width: 1024.98px) {

  .bg-services-01 {

    background-size: 55%, 55%;

    top: -30%;

  }

}

@media (max-width: 575.98px) {

  .bg-services-01 {

    background-size: 45%, 45%;

    top: -13%;

  }

}

.bg-services-02 {

  width: 855px;

  height: 1080px;

  bottom: -193%;

  left: 0;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-services-02 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-services-02 {

    background-size: 55%, 55%;

    bottom: -199%;

  }

}

@media (max-width: 575.98px) {

  .bg-services-02 {

    background-size: 45%, 45%;

  }

}

.bg-services-03 {

  width: 956px;

  height: 1155px;

  top: 44.2%;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-services-03 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-services-03 {

    background-size: 55%, 55%;

  }

}

@media (max-width: 575.98px) {

  .bg-services-03 {

    background-size: 45%, 45%;

  }

}

.bg-services02-01 {

  width: 1260px;

  height: 1278px;

  top: 18%;

  left: 0;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-services02-01 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-services02-01 {

    background-size: 55%, 55%;

  }

}

@media (max-width: 575.98px) {

  .bg-services02-01 {

    background-size: 45%, 45%;

  }

}

.bg-price-01 {

  width: 1627px;

  height: 1625px;

  top: 0;

  right: 0;

  background-position: right top;

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .bg-price-01 {

    background-size: 75%, 75%;

  }

}

@media (max-width: 1024.98px) {

  .bg-price-01 {

    background-size: 55%, 55%;

    top: 10%;

  }

}

@media (max-width: 575.98px) {

  .bg-price-01 {

    background-size: 45%, 45%;

  }

}

#tt-footer {

  position: relative;

}

#tt-footer .container {

  position: relative;

  z-index: 2;

}

@media (min-width: 1025px) {

  #tt-footer:not(.nomargin) {

    margin-top: 110px;

  }

}

@media (max-width: 1024.98px) {

  #tt-footer:not(.nomargin) {

    margin-top: 60px;

  }

}

.footer__layout {

  position: relative;

  z-index: 2;

  color: #fff;

  padding: 70px 0 127px 0;

}

.footer__layout a {

  color: #bee0fb;

  transition: color 0.2s linear;

}

.footer__layout a strong {

  color: #fff;

}

.footer__layout a:hover {

  color: #fff;

}

.footer__layout address {

  max-width: 287px;

}

.footer__layout address + address {

  margin-top: 5px;

}

.footer__layout address strong {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

}

@media (max-width: 1229.98px) {

  .footer__layout {

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media (min-width: 1025px) {

  .tt-water-animation03 {

    -webkit-filter: url(#turbulence);

    filter: url(#turbulence);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }

}

.footer__img-effect {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.footer__layout-bg01 {

  display: block;

  position: absolute;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.footer__layout-bg01 img {

  width: 100%;

  height: 100%;

  -o-object-fit: fill;

  object-fit: fill;

}

@media (min-width: 1230px) {

  .footer__layout-bg01 {

    border-top-left-radius: 50% 13%;

    border-top-right-radius: 50% 13%;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .footer__layout-bg01 {

    border-top-left-radius: 50% 3%;

    border-top-right-radius: 50% 3%;

  }

}

@media (max-width: 1024.98px) {

  .footer__layout-bg01 {

    border-top-left-radius: 50% 3%;

    border-top-right-radius: 50% 3%;

  }

}

@media (max-width: 767.98px) {

  .footer__layout-bg01 {

    border-top-left-radius: 50% 1%;

    border-top-right-radius: 50% 1%;

  }

}

.footer__layout {

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

}

.footer__layout-bg02 {

  position: absolute;

}

@media (min-width: 1025px) {

  .footer__layout-bg02 {

    bottom: 60px;

    right: -80px;

  }

}

@media (min-width: 1201px) and (max-width: 1600px) {

  .footer__layout-bg02 {

    bottom: 190px;

    right: -175px;

  }

  .footer__layout-bg02 img {

    max-width: 70%;

  }

}

@media (min-width: 1025px) and (max-width: 1229.98px) {

  .footer__layout-bg02 {

    bottom: 210px;

    right: -190px;

  }

  .footer__layout-bg02 img {

    max-width: 50%;

    right: 0;

  }

}

@media (max-width: 1024.98px) {

  .footer__layout-bg02 {

    top: -120px;

    right: 0;

  }

}

.footer__title {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  font-size: 20px;

  line-height: 1.45;

  padding: 0 0 15px 0;

}

.footer__title + * {

  margin-top: 0;

}

@media (max-width: 1024.98px) {

  .footer__title {

    font-size: 16px;

  }

}

@media (max-width: 767.98px) {

  .footer__title {

    padding: 0 0 13px 0;

  }

}

.tt-newsletter {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  background: #fff;

  padding: 33px 53px;

  position: relative;

  box-shadow: 0 34px 46px rgba(197, 205, 216, 0.3);

  margin-top: -62px;

}

.tt-newsletter__title {

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  font-family: "Open Sans", sans-serif;

  color: #4c4c4c;

  font-weight: 600;

  font-size: 20px;

  display: flex;

  margin-right: 54px;

}

.tt-newsletter__title [class^="icon-"] {

  font-size: 38px;

  line-height: 1;

  position: relative;

  top: -3px;

  color: #005395;

  margin-right: 19px;

}

.tt-newsletter__form {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: center;

  align-items: center;

  flex: 2 1 auto;

  margin: 0;

}

.tt-newsletter__form > :not(:first-child):not(.tt-modal-message) {

  margin-left: 16px;

}

.tt-newsletter__form .tt-form__control {

  flex: 3 1 auto;

  width: inherit;

}

.tt-newsletter__form .tt-form__control {

  height: 58px;

}

@media (min-width: 1025px) {

  .tt-newsletter__form .tt-btn {

    padding-left: 20px;

    padding-right: 20px;

  }

}

@media (max-width: 1229.98px) {

  .tt-newsletter {

    margin-left: 35px;

    margin-right: 35px;

  }

}

@media (max-width: 1024.98px) {

  .tt-newsletter {

    padding: 24px 25px;

  }

  .tt-newsletter__title {

    font-size: 16px;

    line-height: 25px;

    margin-right: 27px;

    align-items: flex-start;

  }

  .tt-newsletter__title [class^="icon-"] {

    font-size: 24px;

    margin-right: 15px;

    top: 2px;

  }

  .tt-newsletter__form .tt-form__control {

    height: 46px;

  }

}

@media (min-width: 768px) and (max-width: 1024.98px) {

  .tt-newsletter > :first-child {

    width: 46%;

  }

  .tt-newsletter > :last-child {

    width: 54%;

  }

}

@media (max-width: 767.98px) {

  .footer__layout-bg01 img {

    border-radius: 0;

  }

  .tt-newsletter {

    flex-wrap: wrap;

    padding: 30px 25px;

    margin-left: 0;

    margin-right: 0;

  }

  .tt-newsletter__form {

    margin-top: 22px;

    flex-wrap: wrap;

  }

  .tt-newsletter__form .tt-form__control {

    width: 100%;

  }

  .tt-newsletter__form > :not(:first-child) {

    margin-left: 0;

    margin-top: 20px;

  }

}

@media (max-width: 575.98px) {

  .tt-newsletter {

    margin: -94px 0 0;

  }

}

.tt-max-width01 {

  max-width: 375px;

}

.footer__copyright {

  padding: 42px 20px 46px;

  position: relative;

  z-index: 3;

  text-align: center;

  font-size: 14px;

  color: #6c7176;

}

.footer__copyright a {

  color: #6c7176;

  position: relative;

  display: inline-block;

}

.footer__copyright a:before {

  content: "";

  display: block;

  position: absolute;

  bottom: 4px;

  width: 0%;

  height: 1px;

  margin: auto;

  left: 0;

  right: 0;

  background-color: currentColor;

  transition: width 0.2s linear;

}

.footer__copyright a:hover:before {

  width: 100%;

}

@media (max-width: 767.98px) {

  .footer__copyright {

    padding: 29px 15px;

  }

}

.footer__list li {

  position: relative;

  padding: 0 0 0 0px;

}

.footer__list li:not(:first-child) {

  margin-top: 5px;

}

.footer__list li img {

  width: 20px;

  margin-right: 5px;

}

.footer__list li a {

  color: currentColor;

  position: relative;

  color: #bee0fb;

  transition: color 0.2s linear;

}

.footer__list li a:before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  width: 0%;

  height: 1px;

  margin: auto;

  left: 0;

  right: 0;

  background-color: currentColor;

  transition: width 0.2s linear;

}

.footer__list li a:hover {

  color: #fff;

}

.footer__list li a:hover:before {

  width: 100%;

}

.footer__list li:first-child {

  padding-top: 0;

}

.footer__list li:last-child {

  padding-bottom: 0;

}

@media (max-width: 1024.98px) {

  .footer__list li {

    padding: 0 0 0 25px;

  }

  .footer__list li:not(:first-child) {

    margin-top: 4px;

  }

  .footer__list li:before {

    font-size: 17px;

  }

}

.footer__icon {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  margin-left: -9px;

}

.footer__icon li {

  margin-left: 9px;

}

.footer__icon a {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #fff;

  text-align: center;

  color: #005395;

}

.footer__icon a:hover {

  color: #00a2de;

}

@media (max-width: 1024.98px) {

  .footer__icon {

    margin-left: -8px;

  }

  .footer__icon li {

    margin-left: 8px;

  }

  .footer__icon a {

    width: 40px;

    height: 40px;

    font-size: 14px;

  }

}

.footer__icon-top {

  margin-top: 25px;

}

@media (max-width: 1024.98px) {

  .footer__icon-top {

    margin-top: 17px;

  }

}

@media (min-width: 768px) {

  .footer__info {

    max-width: 350px;

  }

}

.footer__logo {

  padding-bottom: 60px;

  text-align: center;

}

.footer__logo svg {

  width: 155px;

  height: auto;

  display: inline-block;

}

.footer__logo .st0 {

  fill: #fff;

}

@media (max-width: 1024.98px) {

  .footer__layout {

    padding: 70px 15px 111px;

  }

}

@media (max-width: 767.98px) {

  .footer__layout {

    padding: 47px 0 133px 0;

  }

  .footer__logo {

    padding-bottom: 46px;

  }

  .footer__logo svg {

    width: 107px;

  }

  .footer__layout-mobile-indent {

    margin-top: -27px;

  }

  .footer__layout-mobile-indent > * {

    margin-top: 27px;

  }

}

#tt-svg-filter {

  display: none;

}

body.show-modal {

  overflow: hidden;

  width: 100%;

  z-index: 0;

}

.modal__size-lg {

  max-width: 750px;

}

[data-modal] > * {

  pointer-events: none;

}

.tt-gallery__wrapper [data-modal] {

  display: block;

}

.tt-modal__display {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  outline: 0;

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.3s ease 0s;

}

.tt-modal__display .ps__rail-x {

  display: none;

}

.tt-modal__display.tt-modal__display-open {

  opacity: 1;

  visibility: visible;

  z-index: 50;

}

.tt-modal__display.tt-modal__display-open .tt-modal__display-body {

  opacity: 1;

}

@media (min-width: 768px) {

  .tt-modal__display.tt-modal__display-open .tt-modal__display-body {

    -webkit-transform: perspective(600px) translate(0, 0) rotateX(0);

    transform: perspective(600px) translate(0, 0) rotateX(0);

  }

}

@media (max-width: 767.98px) {

  .tt-modal__display.tt-modal__display-open .tt-modal__display-body {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.tt-modal__display.tt-modal__display-open .tt-modal__display-wrapper {

  opacity: 1;

}

@media (min-width: 576px) {

  .tt-modal__display {

    padding: 30px;

  }

}

@media (max-width: 575.98px) {

  .tt-modal__display {

    padding: 15px;

  }

}

.tt-modal__display-wrapper {

  background-color: rgba(0, 57, 102, 0.7);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: opacity 0.4s ease 0s;

  opacity: 0;

}

.tt-modal__body {

  background-color: #fff;

  border-radius: 0 0 0 60px;

  position: relative;

  transition: all 0.5s ease 0s;

  opacity: 0;

}

@media (max-width: 1024.98px) {

  .tt-modal__body {

    border-radius: 0 0 0 30px;

  }

}

@media (min-width: 768px) {

  .tt-modal__body {

    -webkit-transform: perspective(600px) translate(0, -100%) rotateX(25deg);

    transform: perspective(600px) translate(0, -100%) rotateX(25deg);

  }

}

@media (max-width: 767.98px) {

  .tt-modal__body {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    border-radius: 0 0 0 30px;

  }

}

.tt-modal__body.fixed-height {

  height: calc(100vh - 110px);

}

.tt-modal__close {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  cursor: pointer;

  position: absolute;

  top: 0;

  right: 0;

  color: #fff;

  background-color: #005395;

  outline: 0;

  z-index: 1;

  box-shadow: 0 5px 10px rgba(12, 76, 147, 0.47);

  transition: background-color 0.3s linear;

}

.tt-modal__close:focus {

  outline: 0;

}

.tt-modal__close > * {

  pointer-events: none;

}

.tt-modal__close:before {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  font-size: 18px;

  margin-top: -1px;

  transition: all 0.3s ease-in;

}

.tt-modal__close label {

  cursor: pointer;

  transition: all 0.3s ease-in;

  color: #fff;

  font-size: 16px;

  opacity: 0;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  -webkit-transform: scale(0);

  transform: scale(0);

}

.tt-modal__close:hover {

  background-color: #00a2de;

}

@media (min-width: 1025px) {

  .tt-modal__close {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    width: 75px;

    height: 75px;

  }

  .tt-modal__close:hover label {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

  }

  .tt-modal__close:hover:before {

    opacity: 0;

  }

}

@media (max-width: 1024.98px) {

  .tt-modal__close {

    width: 70px;

    height: 70px;

  }

  .tt-modal__close label {

    display: none;

  }

}

@media (max-width: 1024.98px) {

  .tt-modal__close {

    width: 60px;

    height: 60px;

  }

  .tt-modal__close label {

    display: none;

  }

}

.tt-view__layout {

  position: relative;

  width: 100%;

}

.tt-view__close {

  position: absolute;

  top: 32px;

  right: 32px;

  z-index: 11;

  width: 37px;

  height: 37px;

  cursor: pointer;

  display: inline-block;

}

.tt-view__close:after,

.tt-view__close:before {

  content: " ";

  position: absolute;

  top: 1px;

  right: 16px;

  height: 33px;

  width: 3px;

  pointer-events: none;

  line-height: 0;

  background-color: #fff;

}

.tt-view__close:before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.tt-view__close:after {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.tt-view__close:hover:after,

.tt-view__close:hover:before {

  background-color: #00a2de;

}

@media (max-width: 575.98px) {

  .tt-view__close {

    top: 22px;

    right: 10px;

  }

  .tt-view__close:after,

  .tt-view__close:before {

    height: 30px;

  }

}

.tt-view02__layout {

  position: relative;

  width: 100%;

  max-width: 900px;

  margin: 0 auto;

  text-align: center;

}

.tt-view02__close {

  position: absolute;

  top: 32px;

  right: 32px;

  z-index: 11;

  width: 37px;

  height: 37px;

  cursor: pointer;

  display: inline-block;

}

.tt-view02__close:after,

.tt-view02__close:before {

  content: " ";

  position: absolute;

  top: 1px;

  right: 16px;

  height: 33px;

  width: 3px;

  pointer-events: none;

  line-height: 0;

  background-color: #fff;

}

.tt-view02__close:before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.tt-view02__close:after {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.tt-view02__close:hover:after,

.tt-view02__close:hover:before {

  background-color: #00a2de;

}

.tt-modal__display .swiper-container {

  height: 100%;

}

.tt-modal__display .swiper-wrapper {

  height: 100%;

  width: 100%;

}

.tt-modal__display .tt-view__layout {

  height: 100%;

}

.tt-modal__display .swiper-slide {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  height: 100%;

  padding: 0 40px;

}

.modal-slider__arrow {

  position: absolute;

  z-index: 11;

  top: 50%;

  width: 30px;

  height: 30px;

  border-top: 4px solid #fff;

  border-right: 4px solid #fff;

  cursor: pointer;

  -webkit-transform: translateН(-50%);

  transform: translateН(-50%);

}

.modal-slider__prev {

  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg);

}

.modal-slider__next {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

@media (min-width: 576px) {

  .modal-slider__prev {

    left: 30px;

  }

  .modal-slider__next {

    right: 30px;

  }

}

@media (max-width: 575.98px) {

  .modal-slider__arrow {

    width: 20px;

    height: 20px;

  }

  .modal-slider__prev {

    left: 5px;

  }

  .modal-slider__next {

    right: 5px;

  }

}

.tt-modal__inner {

  padding: 53px 50px 60px;

  position: relative;

}

.tt-modal__title {

  font-size: 42px;

  line-height: 1.2;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #4c4c4c;

  padding: 0 0 35px 0;

}

.tt-modal__title + * {

  margin-top: 0;

}

@media (max-width: 1024.98px) {

  .tt-modal__inner {

    padding: 53px 50px 60px;

  }

  .tt-modal__title {

    font-size: 36px;

    padding: 0 0 25px 0;

  }

}

@media (max-width: 767.98px) {

  .tt-modal__title {

    font-size: 29px;

  }

  .tt-modal__inner {

    padding: 53px 35px 60px;

  }

}

@media (max-width: 575.98px) {

  .tt-modal__inner {

    padding: 70px 25px 35px;

  }

}

.tt-modal__fixed-height {

  position: relative;

  height: calc(100vh - 150px);

}

@media (min-width: 1025px) {

  .tt-modal__layout p + form {

    margin-top: 29px;

  }

}

@media (max-width: 1024.98px) {

  .tt-modal__layout p + form {

    margin-top: 20px;

  }

}

.video-responsive {

  padding-top: 56.25%;

  position: relative;

  margin-bottom: 25px;

}

.video-responsive embed,

.video-responsive iframe,

.video-responsive object,

.video-responsive video {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 1;

}

.modalAddress__custom-row .tt-col-wide {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: stretch;

  align-items: flex-start;

}

.tt-upload {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

  margin-top: -13px;

}

.tt-upload > * {

  margin-top: 13px;

}

.tt-upload__item {

  border: 1px solid #e3e6ea;

  background-color: #fff;

  width: 77px;

  height: 77px;

  margin-left: 13px;

  font-size: 20px;

  color: #e3e6ea;

  cursor: pointer;

  position: relative;

  transition: color 0.4s;

}

.tt-upload__item:after,

.tt-upload__item:before {

  width: calc(100% + 2px);

  height: calc(100% + 2px);

  z-index: 3;

  content: "";

  position: absolute;

  top: -1px;

  left: -1px;

  -webkit-transform: scale(0);

  transform: scale(0);

  transition: 0.4s;

  pointer-events: none;

}

.tt-upload__item:before {

  border-bottom: 1px solid #005395;

  border-left: 1px solid #005395;

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}

.tt-upload__item:after {

  border-top: 1px solid #005395;

  border-right: 1px solid #005395;

  -webkit-transform-origin: 100% 0;

  transform-origin: 100% 0;

}

.tt-upload__item input[type="file"] {

  display: none;

}

.tt-upload__item .tt-icon {

  display: inline-flex;

  justify-content: center;

  align-content: center;

  align-items: center;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transition: opacity 0.5s linear;

}

.tt-upload__item .tt-icon.tt-icon__default:before {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  pointer-events: none;

}

.tt-upload__item .tt-icon.tt-icon__active {

  opacity: 0;

  visibility: hidden;

}

.tt-upload__item .tt-icon.tt-icon__active:after,

.tt-upload__item .tt-icon.tt-icon__active:before {

  content: "";

  display: inline-block;

  position: absolute;

  background-color: #005395;

  height: 5px;

}

.tt-upload__item .tt-icon.tt-icon__active:before {

  width: 25px;

  top: 43px;

  left: 11px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}

.tt-upload__item .tt-icon.tt-icon__active:after {

  width: 40px;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  left: 25px;

  top: 36px;

}

.tt-upload__item:hover {

  color: #005395;

}

.tt-upload__item:hover:after,

.tt-upload__item:hover:before {

  -webkit-transform: scale(1);

  transform: scale(1);

}

.tt-upload__item.tt-files-uploaded {

  border-color: #005395;

}

.tt-upload__item.tt-files-uploaded .tt-icon.tt-icon__default {

  opacity: 0;

  visibility: hidden;

}

.tt-upload__item.tt-files-uploaded .tt-icon.tt-icon__active {

  opacity: 1;

  visibility: visible;

}

@media (max-width: 1024.98px) {

  .tt-upload__item {

    width: 43px;

    height: 43px;

    font-size: 14px;

  }

  .tt-upload__item .tt-icon.tt-icon__active:after,

  .tt-upload__item .tt-icon.tt-icon__active:before {

    height: 3px;

  }

  .tt-upload__item .tt-icon.tt-icon__active:after {

    width: 24px;

    top: 20px;

    left: 13px;

  }

  .tt-upload__item .tt-icon.tt-icon__active:before {

    width: 10px;

    top: 23px;

    left: 8px;

  }

  .modalAddress__custom-row > :first-child {

    max-width: calc(100% - 73px);

  }

}

@media (max-width: 470px) {

  .modalAddress__custom-row > :first-child {

    max-width: inherit;

    width: 100%;

  }

  .modalAddress__custom-row .tt-col-wide {

    margin-top: 1px;

    margin-left: -13px;

  }

}

.tt-modal-message {

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: center;

  align-content: center;

  align-items: center;

  text-align: center;

  position: absolute;

  margin: 0;

  opacity: 0;

  transition: opacity 0.1s ease;

  z-index: 2;

  top: -4px;

  left: -4px;

  width: calc(100% + 8px);

  height: calc(100% + 8px);

  background-color: #fff;

  color: #00a2de;

  font-family: "Open Sans", sans-serif;

  font-size: 23px;

  line-height: 1.45;

  font-weight: 600;

  pointer-events: none;

}

.tt-modal-message.tt-active {

  opacity: 1;

  pointer-events: auto;

}

form {

  position: relative;

}

.tt-back-to-top {

  display: block;

  position: fixed;

  bottom: -90px;

  z-index: 10;

  color: #51acfb;

  transition: all 0.2s linear;

  background-color: #005395;

  border-radius: 50%;

  box-shadow: 0 5px 10px rgba(12, 76, 147, 0.47);

}

.tt-back-to-top:before {

  pointer-events: none;

}

.tt-back-to-top:after {

  /* content: "\e91f"; */

  display: block;

  font-size: 23px;

  line-height: 1;

  color: #fff;

  z-index: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%) rotate(-90deg);

  transform: translate(-50%, -50%) rotate(-90deg);

  pointer-events: none;

  transition: margin-top 0.2s linear;

}

@media (min-width: 790px) {

  .tt-back-to-top.tt-show {

    bottom: 50px;

  }

}

@media (max-width: 789px) {

  .tt-back-to-top.tt-show {

    bottom: 40px;

  }

}

.tt-back-to-top:hover {

  background-color: #00a2de;

  box-shadow: 0 5px 10px rgba(255, 132, 0, 0.47);

}

.tt-back-to-top:hover:after {

  margin-top: -3px;

}

@media (min-width: 1025px) {

  .tt-back-to-top {

    right: 38px;

    width: 84px;

    height: 84px;

  }

  .tt-back-to-top:after {

    font-size: 23px;

  }

}

@media (max-width: 1024.98px) {

  .tt-back-to-top {

    right: 15px;

    width: 60px;

    height: 60px;

  }

  .tt-back-to-top:after {

    font-size: 18px;

  }

}

.tt-pupup-open .tt-back-to-top {

  opacity: 0;

  pointer-events: none;

}



.second__img {

  width: 48.2%;

  height: 100%;

  position: absolute;

  top: 0;

  right: 0 !important;

}



.second__img img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.tt-item-box__title {

  font-size: 18px;

}



.referans__residant {

  margin-bottom: 30px;

}

.galeri__video {

  margin-bottom: 30px;

}

.three__video {

  position: relative;

}

.play_box {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 85%;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.box_ur_den {

  position: relative;

}



.tt-deneme {

  width: 100%;

  box-shadow: 0 4px 7px rgb(197 205 216 / 20%);

}

.tt-deneme,

.tt-deneme2 {

  background-color: white !important;

  background-size: cover;

}

.den {

  overflow-x: hidden;

  margin-bottom: 25px;

}



.urun__new__btn {

  margin: auto;

  display: flex;

  justify-content: center;

  padding: 0 !important;

  margin: 10px 0;

}



.urun__new-btn {

  padding: 10px 15px !important;

}



.blue-arrownone {

  display: flex;

  align-items: center;

  justify-content: center;

}

.marker_dem {

  position: relative;

}

.map_box {

  position: absolute;

  z-index: 999;

  left: 0;

  top: 0;

  width: 100%;

  display: flex;

  height: 100%;

  justify-content: center;

  align-items: center;

}



.map_box img {

  width: 30px;

}



.iletisim__icn_box {

  width: 108%;

  position: absolute;

  bottom: -10%;

  height: 100px;

  left: -4%;

  display: flex;

  justify-content: space-between;

}



.whatsap__icon {

  width: 70px;

  height: 70px;

  border: 1px solid;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

}



.w-icon i {

  color: white;

  border-radius: 50%;

  font-size: 20px;

}



.w-icon span {

  border-color: #25d366;

  background-color: #25d366;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.w-icon {

  border-color: #25d366;

  background-color: white;

}



.p-icon {

  border-color: var(--lightBlue) !important;

  background-color: white;

}



.p-icon span {

  border-color: var(--lightBlue) !important;

  background-color: var(--lightBlue) !important;

  border-radius: 50%;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

}



.p-icon i {

  font-size: 16px;

}

.home__slider__icon__blue {

  color: var(--darkBlue) !important;

  font-weight: bold;

}



.video__tittle {

  margin-top: 5px !important;

}



.ur-detay-list li {

  display: flex;

  justify-content: flex-start;

  margin-bottom: 10px;

}



.ur-detay-list li i {

  margin-right: 15px;

  color: var(--darkBlue);

  margin-top: 5px;

}



.urun-de-btn {

  margin: 40px 0;

}



.utun-talep {

}



.dety__pagition {

  margin-top: 30px !important;

}

/* popup  */

/* Popup (arka plan) */



#open-popup {

  padding: 20px;

}

.white-popup {

  position: relative;

  background: #fff;

  padding: 40px;

  width: auto;

  max-width: 200px;

  margin: 20px auto;

  text-align: center;

}



.marka__slider__box {

  display: flex;

  justify-content: center;

  align-items: center;

}



.marka__slider__box img {

  object-fit: cover;

}



.slider__mobil {

  display: none;

}



.faqbox{

  margin-top: 130px;

}



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

  .slider__mobil {

    display:block;

  }

}

/* popup  */



/* Magnific Popup CSS */

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 502;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80); }



  .mfp-wrap {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 503;

    position: fixed;

    outline: none !important;

    -webkit-backface-visibility: hidden; }



    .mfp-container {

      height: 100%;

      text-align: center;

      position: absolute;

      width: 100%;

      height: 100%;

      left: 0;

      top: 0;

      padding: 0 8px;

      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;

      box-sizing: border-box; }



      .mfp-container:before {

        content: '';

        display: inline-block;

        height: 100%;

        vertical-align: middle; }



        .mfp-align-top .mfp-container:before {

          display: none; }



          .mfp-content {

            position: relative;

            display: inline-block;

            vertical-align: middle;

            margin: 0 auto;

            text-align: left;

            z-index: 505; }



            .mfp-inline-holder .mfp-content,

            .mfp-ajax-holder .mfp-content {

              width: 100%;

              cursor: auto; }



              .mfp-ajax-cur {

                cursor: progress; }



                .mfp-zoom-out-cur,

                .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

                  cursor: -moz-zoom-out;

                  cursor: -webkit-zoom-out;

                  cursor: zoom-out; }



                  .mfp-zoom {

                    cursor: pointer;

                    cursor: -webkit-zoom-in;

                    cursor: -moz-zoom-in;

                    cursor: zoom-in; }



                    .mfp-auto-cursor .mfp-content {

                      cursor: auto; }



                      .mfp-close,

                      .mfp-arrow,

                      .mfp-preloader,

                      .mfp-counter {

                        -webkit-user-select: none;

                        -moz-user-select: none;

                        user-select: none; }



                        .mfp-loading.mfp-figure {

                          display: none; }



                          .mfp-hide {

                            display: none !important; }



                            .mfp-preloader {

                              color: #cccccc;

                              position: absolute;

                              top: 50%;

                              width: auto;

                              text-align: center;

                              margin-top: -0.8em;

                              left: 8px;

                              right: 8px;

                              z-index: 504; }



                              .mfp-preloader a {

                                color: #cccccc; }



                                .mfp-preloader a:hover {

                                  color: white; }



                                  .mfp-s-ready .mfp-preloader {

                                    display: none; }



                                    .mfp-s-error .mfp-content {

                                      display: none; }



                                      button.mfp-close,

                                      button.mfp-arrow {

                                        overflow: visible;

                                        cursor: pointer;

                                        background: transparent;

                                        border: 0;

                                        -webkit-appearance: none;

                                        display: block;

                                        padding: 0;

                                        z-index: 506; }



                                        button::-moz-focus-inner {

                                          padding: 0;

                                          border: 0; }



                                          .mfp-close {

                                            width: 44px;

                                            height: 44px;

                                            line-height: 44px;

                                            position: absolute;

                                            right: 0;

                                            top: 0;

                                            text-decoration: none;

                                            text-align: center;

                                            opacity: 0.65;

                                            padding: 0 0 18px 10px;

                                            color: white;

                                            font-style: normal;

                                            font-size: 28px;

                                            font-family: Arial, Baskerville, monospace; }

                                            .mfp-close:hover, .mfp-close:focus {

                                              opacity: 1; }

                                              .mfp-close:active {

                                                top: 1px; }



                                                .mfp-close-btn-in .mfp-close {

                                                  color: #333333; }



                                                  .mfp-image-holder .mfp-close,

                                                  .mfp-iframe-holder .mfp-close {

                                                    color: white;

                                                    right: -6px;

                                                    text-align: right;

                                                    padding-right: 6px;

                                                    width: 100%; }



                                                    .mfp-counter {

                                                      position: absolute;

                                                      top: 0;

                                                      right: 0;

                                                      color: #cccccc;

                                                      font-size: 12px;

                                                      line-height: 18px; }



                                                      .mfp-arrow {

                                                        position: absolute;

                                                        top: 0;

                                                        opacity: 0.65;

                                                        margin: 0;

                                                        top: 50%;

                                                        margin-top: -55px;

                                                        padding: 0;

                                                        width: 90px;

                                                        height: 110px;

                                                        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }



                                                        .mfp-arrow:active {

                                                          margin-top: -54px; }



                                                          .mfp-arrow:hover,

                                                          .mfp-arrow:focus {

                                                            opacity: 1; }



                                                            .mfp-arrow:before, .mfp-arrow:after,

                                                            .mfp-arrow .mfp-b,

                                                            .mfp-arrow .mfp-a {

                                                              content: '';

                                                              display: block;

                                                              width: 0;

                                                              height: 0;

                                                              position: absolute;

                                                              left: 0;

                                                              top: 0;

                                                              margin-top: 35px;

                                                              margin-left: 35px;

                                                              border: solid transparent; }

                                                              .mfp-arrow:after,

                                                              .mfp-arrow .mfp-a {

                                                                opacity: 0.8;

                                                                border-top-width: 12px;

                                                                border-bottom-width: 12px;

                                                                top: 8px; }

                                                                .mfp-arrow:before,

                                                                .mfp-arrow .mfp-b {

                                                                  border-top-width: 20px;

                                                                  border-bottom-width: 20px; 

                                                                }



                                                                .mfp-arrow-left {

                                                                  left: 0; }

                                                                  .mfp-arrow-left:after,

                                                                  .mfp-arrow-left .mfp-a {

                                                                    border-right: 12px solid black;

                                                                    left: 5px; 

                                                                  }

                                                                  .mfp-arrow-left:before,

                                                                  .mfp-arrow-left .mfp-b {

                                                                    border-right: 20px solid white; 

                                                                  }



                                                                  .mfp-arrow-right {

                                                                    right: 0; 

                                                                  }

                                                                  .mfp-arrow-right:after,

                                                                  .mfp-arrow-right .mfp-a {

                                                                    border-left: 12px solid black;

                                                                    left: 3px; 

                                                                  }

                                                                  .mfp-arrow-right:before,

                                                                  .mfp-arrow-right .mfp-b {

                                                                    border-left: 20px solid white; 

                                                                  }



                                                                  .mfp-iframe-holder {

                                                                    padding-top: 40px;

                                                                    padding-bottom: 40px; 

                                                                  }



                                                                  .mfp-iframe-holder .mfp-content {

                                                                    line-height: 0;

                                                                    width: 100%;

                                                                    max-width: 900px; 

                                                                  }



                                                                  .mfp-iframe-scaler {

                                                                    width: 100%;

                                                                    height: 0;

                                                                    overflow: hidden;

                                                                    padding-top: 56.25%; 

                                                                  }



                                                                  .mfp-iframe-scaler iframe {

                                                                    position: absolute;

                                                                    top: -3px;

                                                                    left: 0;

                                                                    width: 100%;

                                                                    height: 100%;

                                                                    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

                                                                    background: black;

                                                                  }



                                                                  .mfp-iframe-holder .mfp-close {

                                                                    top: -43px; 

                                                                  }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; 

}



/* The shadow behind the image */

.mfp-figure:after {

  content: '';

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 

}



.mfp-figure {

  line-height: 0;

}



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;

}



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #f3f3f3;

  word-break: break-word;

  padding-right: 36px;

}



.mfp-figure small {

  color: #bdbdbd;

  display: block;

  font-size: 12px;

  line-height: 14px; 

}



.mfp-image-holder .mfp-content {

  max-width: 100%;

}



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; 

}



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; 

  }



  .mfp-img-mobile img.mfp-img {

    padding: 0;

  }



  /* The shadow behind the image */

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; 

  }



  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; 



  }



  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0; }



    .mfp-img-mobile .mfp-counter {

      right: 5px;

      top: 3px; }



      .mfp-img-mobile .mfp-close {

        top: 0;

        right: 0;

        width: 35px;

        height: 35px;

        line-height: 35px;

        background: rgba(0, 0, 0, 0.6);

        position: fixed;

        text-align: center;

        padding: 0; }



        .mfp-img-mobile .mfp-figure small {

          display: inline;

          margin-left: 5px; } }

          @media all and (max-width: 800px) {

            .mfp-arrow {

              -webkit-transform: scale(0.75);

              transform: scale(0.75); }



              .mfp-arrow-left {

                -webkit-transform-origin: 0;

                transform-origin: 0; }



                .mfp-arrow-right {

                  -webkit-transform-origin: 100%;

                  transform-origin: 100%; }



                  .mfp-container {

                    padding-left: 6px;

                    padding-right: 6px; } }

                    .mfp-ie7 .mfp-img {

                      padding: 0; }

                      .mfp-ie7 .mfp-bottom-bar {

                        width: 600px;

                        left: 50%;

                        margin-left: -300px;

                        margin-top: 5px;

                        padding-bottom: 5px; }

                        .mfp-ie7 .mfp-container {

                          padding: 0; }

                          .mfp-ie7 .mfp-content {

                            padding-top: 44px; }

                            .mfp-ie7 .mfp-close {

                              top: 0;

                              right: 0;

                              padding-top: 0; }





                              @-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}