* {
  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;
}

::selection {
  background: #cfa543;

  color: #fff;
}

::-moz-selection {
  background: #cfa543;

  color: #fff;
}

.clearer {
  clear: both;
}

.center {
  margin: 0 auto;

  max-width: 1184px;

  width: 100%;
}

.hideImage {
  position: absolute;

  visibility: hidden;

  pointer-events: none;

  width: 1px;

  height: 1px;
}

.desktopHide {
  display: none;
}

:focus {
  outline: 0 !important;
}

#g-msg {
  padding: 10px;
}

header {
  width: 100%;
}

header .top {
  width: 100%;

  height: 50px;

  background-color: #000;
}

header .top .left {
  padding: 0 0 0 30px;

  width: calc(50% - 30px);

  float: left;
}

header .top .left .social {
  float: left;
}

header .top .left .social ul {
  margin: 0;

  padding: 0;

  height: 50px;

  list-style-type: none;

  position: relative;
}

header .top .left .social ul::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 1px;

  height: 20px;

  background-color: #d4d4d4;

  position: absolute;

  right: -5px;

  top: 15px;
}

header .top .left .social ul li {
  float: left;

  margin-right: 10px;

  margin-top: 15px;
}

header .top .left .social ul li a {
  margin: 0;

  padding: 0;

  width: 20px;

  height: 20px;

  line-height: 20px;

  font-size: 14px;

  display: block;

  text-decoration: none;

  border-radius: 100%;

  background-color: #f2f2f2;

  color: #000;

  text-align: center;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

header .top .left .social ul li a:hover {
  background-color: #cfa543;
}

header .top .left .medea-gallery {
  float: left;

  margin-left: 15px;

  position: relative;
}

header .top .left .medea-gallery a {
  margin: 0;

  padding: 0 0 0 35px;

  display: block;

  text-decoration: none;

  color: #d4d4d4;

  position: relative;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

header .top .left .medea-gallery a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 25px;

  height: 25px;

  mask-image: url("../img/media.svg");

  -webkit-mask-image: url("../img/media.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #d4d4d4;

  position: absolute;

  left: 0;

  top: 11.5px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

header .top .left .medea-gallery a:hover {
  color: #cfa543;
}

header .top .left .medea-gallery a:hover::before {
  background-color: #cfa543;
}

header .top .left .stopcov {
  margin: 0;

  padding: 0;

  width: 80px;

  height: 16px;

  line-height: 50px;

  display: block;

  float: left;

  margin-top: 17px;

  margin-left: 30px;

  text-decoration: none;

  text-indent: -9999px;

  background-image: url("../img/stopCov.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

header .top .left .stopcov:hover {
  transform: scale(1.1);
}

header .top .right {
  margin: 0;

  width: calc(50% - 30px);

  float: right;
}

header .top .right .top-nav {
  margin: 0;

  padding: 0;

  float: right;

  list-style-type: none;
}

header .top .right .top-nav li {
  float: left;

  margin-right: 30px;

  line-height: 50px;

  position: relative;
}

header .top .right .top-nav li a {
  margin: 0;

  padding: 0;

  display: block;

  text-decoration: none;

  color: #d4d4d4;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

header .top .right .top-nav li a:hover {
  color: #cfa543;
}

header .top .right .top-nav li::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 1px;

  height: 20px;

  background-color: #d4d4d4;

  position: absolute;

  right: -5px;

  top: 15px;

  right: -15px;
}

header .top .right .top-nav li:last-child::after {
  content: none;
}

header .top .right .top-nav li:first-child::after {
  content: none;
}

header .top .right .top-nav .search {
  width: 45px;

  transition-property: width;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  overflow: hidden;
}

header .top .right .top-nav .search.open {
  width: 200px;
}

header .top .right .top-nav .search input {
  margin: 0;

  padding: 0 50px 0 10px;

  width: 200px;

  height: 30px;

  background-color: #333;

  position: absolute;

  top: 10px;

  right: 0px;

  z-index: 1;

  border: 0;

  color: #fff;
}

header .top .right .top-nav .search a {
  padding: 0 15px;

  margin: 10px 0;

  line-height: 30px;

  background-color: #333;

  font-size: 16px;

  color: #fff;

  display: block;

  float: right;

  position: relative;

  z-index: 2;
}

header .top .right .top-nav .languages .en {
  text-indent: -9999px;

  width: 20px;

  height: 20px;

  background-image: url("../img/en.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  display: block;

  margin-top: 15px;
}

header .top .right .top-nav .languages .ge {
  text-indent: -9999px;

  width: 20px;

  height: 20px;

  background-image: url("../img/ge.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  display: block;

  margin-top: 15px;
}

header .center .logo-box {
  margin: 0;

  padding: 0;

  width: 100%;

  min-height: 140px;

  background-color: #fff;
}

header .center .logo-box .logo {
  margin: 35px 0 0 0;

  padding: 0;

  float: left;

  width: 343px;

  height: 72px;

  background-image: url("../img/thelogo.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: left center;

  display: block;

  text-decoration: none;

  text-indent: -9999px;
}

header .center .logo-box .studyProcess {
  margin: 58px 0 0 0;

  padding: 0 15px;

  float: right;

  height: 40px;

  line-height: 40px;

  display: block;

  text-decoration: none;

  color: black;

  text-align: center;

  text-transform: uppercase;

  background-color: #ffd01a;

  border-radius: 38px;

  transition-property: color, background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

header .center .logo-box .studyProcess:hover {
  background-color: #000;

  color: #fff;
}

header .center .main-navigation {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 56px;

  border-top: solid 1px #8f8f8f;
}

header .center .main-navigation ul {
  margin: 0;

  padding: 0;

  list-style-type: none;

  height: 56px;

  line-height: 56px;

  position: relative;
}

header .center .main-navigation ul li {
  margin: 0;

  padding: 0 13px 0 0;

  display: block;

  float: left;

  height: 56px;

  line-height: 56px;
}

header .center .main-navigation ul li a::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 1px;

  height: 17px;

  background-color: #8f8f8f;

  position: absolute;

  top: 18px;

  right: -6.5px;
}

header .center .main-navigation ul li:last-child {
  padding: 0;
}

header .center .main-navigation ul li:last-child a::after {
  content: none;
}

header .center .main-navigation ul li a {
  margin: 0;

  padding: 0;

  display: block;

  text-decoration: none;

  line-height: 56px;

  color: #8f8f8f;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  position: relative;
}

header .center .main-navigation ul li a:hover {
  color: #cfa543;
}

header .center .main-navigation ul li a.active {
  color: #cfa543;
}

header .center .main-navigation ul li .sub {
  margin: 0;

  padding: 30px 15px 0 15px;

  list-style-type: none;

  position: absolute;

  width: 100%;

  height: auto;

  top: 56px;

  left: 0;

  background-color: rgba(3, 87, 115, 0.9);

  display: none;

  z-index: 101;

  border-bottom-left-radius: 25px;

  border-bottom-right-radius: 25px;
}

header .center .main-navigation ul li:last-child .sub {
  left: unset;

  right: 0;
}

header .center .main-navigation ul li .sub li {
  margin: 0;

  padding: 0;

  width: 50%;

  min-height: 40px !important;

  line-height: 40px !important;

  height: 40px !important;

  display: inline-table;
}

header .center .main-navigation ul li .sub li a {
  color: #fff;
}

header .center .main-navigation ul li .sub li a::after {
  content: none;
}

header .center .main-navigation ul li .sub li::after {
  content: none;
}

header .center .main-navigation ul li.hasSub:hover a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 0px;

  height: 0px;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 15px solid rgba(3, 87, 115, 0.9);

  position: absolute;

  left: calc(50% - 10px);

  bottom: -15px;
}

header .center .main-navigation ul li.hasSub > a::before {
  transition-property: bottom;

  transition-duration: 300ms;

  transition-timing-function: ease-in-out;
}

header .center .main-navigation ul li.hasSub:hover a.hovered::before {
  bottom: 0;
}

header .center .main-navigation ul li.hasSub:hover .sub a::before {
  content: none;
}

header .center .main-navigation ul li .sub li a:hover {
  text-decoration: underline;
}

.slider {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 580px;

  position: relative;
}

.slider .item {
  height: 580px;

  background-size: cover;

  background-position: center;
}

.slider .owl-nav {
  display: none;
}

.slider .owl-dots {
  margin: 0;

  display: block;

  width: 100%;

  height: 30px;

  text-align: center;

  position: absolute;

  bottom: 0;

  left: 0;
}

.slider .owl-dots button {
  margin: 10px;

  padding: 0;

  width: 10px;

  height: 10px;

  display: inline-block;

  background-color: #d4d4d4;

  border-radius: 100%;
}

.slider .owl-dots button.active {
  background-color: #cfa543;
}

.slider .ov-text {
  margin: 0;

  padding: 0;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 45px;

  z-index: 100;

  pointer-events: none;
}

.slider .ov-text .center p {
  margin: 0;

  padding: 0;

  width: 520px;

  height: 140px;

  float: right;

  background-size: cover;

  background-position: center;
}

.wheel-box {
  margin: 0;

  padding: 0;

  width: 477px;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 100;

  pointer-events: none;
}

.wheel-box .wheel {
  margin: 0;

  padding: 0;

  width: 80px;

  height: 80px;

  position: absolute;

  top: calc(50% - 40px);

  left: 35px;

  background-image: url("../img/slider-wheel.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  user-select: none;

  cursor: pointer;

  pointer-events: all;

  animation: backgroundZoom 2s infinite;
}

@keyframes backgroundZoom {
  0% {
    background-size: 100%;

    border-radius: 50%;

    /*transform: rotate(0deg);*/
  }

  50% {
    background-size: 150%; /* გადიდება */

    border-radius: 50%;

    /*transform: rotate(180deg);*/
  }

  100% {
    background-size: 100%; /* დაპატარავება */

    border-radius: 50%;

    /*transform: rotate(360deg);*/
  }
}

.wheel-box .wheel img {
  width: 250px;
}

.wheel-box .wheel-open {
  margin: 0;

  padding: 0;

  width: 380px;

  height: 100%;

  position: absolute;

  top: 0;

  left: -122px;

  background-image: url("../img/slider-wheel-opened.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 380px;

  background-position: left center;

  transform-origin: center;

  transform: scale(0) rotate(180deg);

  user-select: none;

  cursor: pointer;

  pointer-events: all;
}

.wheel-box .wheel-open.setAnim {
  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

.wheel-box .wheel-open .bubbles {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: calc(50% - 295px);
}

.wheel-box .wheel-open .bubbles .bubble {
  margin: 0;

  padding: 0 7px;

  width: 130px;

  height: 130px;

  border-radius: 100%;

  background-color: #cfa543;

  text-align: center;

  color: #fff;

  position: absolute;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  user-select: none;

  cursor: pointer;

  pointer-events: all;
}

.wheel-box .wheel-open .bubbles .bubble p {
  margin: 0;

  padding: 0 10px;

  width: 120px;
}

.wheel-box .wheel-open .bubbles .bubble1 {
  top: 7px;

  left: 124px;
}

.wheel-box .wheel-open .bubbles .bubble2 {
  top: 60px;

  left: 280px;
}

.wheel-box .wheel-open .bubbles .bubble3 {
  top: 220px;

  left: 355px;
}

.wheel-box .wheel-open .bubbles .bubble4 {
  top: 385px;

  left: 290px;
}

.wheel-box .wheel-open .bubbles .bubble5 {
  top: 445px;

  left: 124px;
}

.wheel-box .wheel-open .bubbles .bubble6 {
  top: 380px;

  right: 285px;
}

.wheel-box .wheel-open .bubbles .bubble7 {
  top: 225px;

  right: 345px;
}

.wheel-box .wheel-open .bubbles .bubble8 {
  top: 60px;

  right: 290px;
}

.wheel-box.active .wheel {
  display: none;
}

.wheel-box.active .wheel-open {
  transform: scale(1) rotate(0deg);
}

main {
  margin: 0;

  padding: 0;

  width: 100%;
}

main .faculty-box {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 295px;

  background-image: url("../img/fac.bg.png");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: unset;
}

main .faculty-box .center {
  padding-top: 65px;
}

main .faculty-box .center .owl-carousel .item {
  display: block;

  margin: 0 auto;

  padding: 22px 0;

  width: 178px;

  height: 178px;

  border: solid 1px #707070;

  border-radius: 100%;

  background-color: #fff;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  text-decoration: none;
}

main .faculty-box .center .owl-carousel .item .icon {
  margin: 0 auto;

  padding: 0 0 5px 0;

  width: 50px;

  height: 50px;

  background-color: #d4d4d4;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .faculty-box .center .owl-carousel .item .icon.wheel {
  mask-image: url("../img/wheel.svg");

  -webkit-mask-image: url("../img/wheel.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .item .icon.ship {
  mask-image: url("../img/ship.svg");

  -webkit-mask-image: url("../img/ship.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .item .icon.edu {
  mask-image: url("../img/edu.svg");

  -webkit-mask-image: url("../img/edu.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .item .icon.hat {
  mask-image: url("../img/hat.svg");

  -webkit-mask-image: url("../img/hat.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .item .icon.pro {
  mask-image: url("../img/pro.svg");

  -webkit-mask-image: url("../img/pro.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .item .icon.lang {
  mask-image: url("../img/lang.svg");

  -webkit-mask-image: url("../img/lang.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .item p {
  margin: 5px 0 0 0;

  padding: 5px 0 0 0;

  text-align: center;

  color: #000;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  position: relative;
}

main .faculty-box .center .owl-carousel .item p::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 116px;

  height: 1px;

  background-color: #d4d4d4;

  position: absolute;

  top: 0;

  left: calc(50% - 58px);
}

main .faculty-box .center .owl-carousel .item:hover {
  background-color: #035773;
}

main .faculty-box .center .owl-carousel .item:hover .icon {
  background-color: #fff;
}

main .faculty-box .center .owl-carousel .item:hover p {
  color: #fff;
}

main .faculty-box .center .owl-carousel .owl-nav {
  display: block !important;

  position: absolute;

  top: calc(50% - 15px);

  left: 0;

  width: 100%;

  z-index: 1000;

  pointer-events: none;
}

main .faculty-box .center .owl-carousel .owl-nav button {
  width: 30px;

  height: 30px;

  line-height: 30px;

  pointer-events: all;

  cursor: pointer;

  display: block;

  position: absolute;

  top: 0;

  text-indent: -9999px;

  background-color: #035773;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .faculty-box .center .owl-carousel .owl-nav button.owl-prev {
  left: -38px;

  mask-image: url("../img/left-arr.svg");

  -webkit-mask-image: url("../img/left-arr.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .owl-nav button.owl-next {
  right: 0px;

  mask-image: url("../img/right-arr.svg");

  -webkit-mask-image: url("../img/right-arr.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .faculty-box .center .owl-carousel .owl-nav button:hover {
  background-color: #cfa543;
}

main .anons-box {
  margin: 0;

  padding: 0;

  width: 100%;

  background-color: #035773;

  position: relative;
}

main .anons-box::before {
  content: "";

  width: 100%;

  height: 100%;

  background-image: url("../img/anons.bg.png");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: unset;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  pointer-events: none;
}

main .anons-box .center h2 {
  margin: 0;

  padding: 25px 0 53px 0;

  color: #cfa543;

  text-align: center;
}

main .anons-box .center .box {
  margin: 0;

  padding: 0;

  min-height: 507px;
}

main .anons-box .center .box .left {
  margin: 0;

  padding: 0;

  width: 584px;

  height: 388px;

  background-color: #fff;

  float: left;

  position: relative;

  z-index: 5;
}

main .anons-box .center .box .left .date-box {
  width: 153px;

  float: left;
}

main .anons-box .center .box .left .date-box .icon-calendar {
  margin: 90px auto 0 auto;

  padding: 0;

  width: 44px;

  height: 44px;

  background-image: url("../img/icon-calendar.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;
}

main .anons-box .center .box .left .date-box h3 {
  margin: 10px auto 0 auto;

  padding: 10px 0 0 0;

  width: 72px;

  position: relative;

  color: #cfa543;

  text-align: center;

  margin-bottom: 85px;
}

main .anons-box .center .box .left .date-box h3::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 65px;

  height: 1px;

  background-color: #035773;

  position: absolute;

  top: 0;

  left: 3.5px;
}

main .anons-box .center .box .left .date-box .read-more {
  margin: 90px auto 0 auto;

  margin-top: 30px;

  margin-bottom: 50px;

  padding: 0 10px 0 0;

  text-align: center;

  display: block;

  text-decoration: none;

  width: 105px;

  height: 34px;

  line-height: 34px;

  border: solid 1px #707070;

  color: #cfa543;

  position: relative;

  background-color: #fff;

  transition-property: color, background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

.anonsi-text {
  margin-bottom: 30px;
}

main .anons-box .center .box .left .date-box .read-more::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 10px;

  height: 10px;

  mask-image: url("../img/read-more.svg");

  -webkit-mask-image: url("../img/read-more.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #cfa543;

  position: absolute;

  top: 10px;

  right: 10px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .anons-box .center .box .left .date-box .read-more:hover {
  color: #fff;

  background-color: #cfa543;
}

main .anons-box .center .box .left .date-box .read-more:hover::after {
  background-color: #fff;
}

main .anons-box .center .box .left .img-box {
  width: 310px !important;

  height: 100%;

  float: left;

  position: relative;

  overflow: hidden;

  background: red !important;
}

main .anons-box .center .box .left .img-box .image {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  background-size: cover;

  background-position: center;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .anons-box .center .box .left:hover .img-box .image {
  transform: scale(1.2);
}

main .anons-box .center .box .left .img-box p {
  margin: 0;

  padding: 20px 30px;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

  color: #fff;

  background-color: rgba(4, 4, 4, 0.65);
}

main .anons-box .center .box .right {
  margin: 0;

  padding: 0;

  width: 584px;

  float: right;

  position: relative;

  z-index: 5;

  background-color: #035773;
}

main .anons-box .center .box .right ul {
  margin: 0;

  padding: 0;

  list-style-type: none;
}

main .anons-box .center .box .right ul li {
  margin: 0;

  padding: 15px 0;

  border-top: solid 1px rgba(255, 255, 255, 0.2);
}

main .anons-box .center .box .right ul li .date {
  margin: 0;

  padding: 0;

  text-decoration: none;

  display: flex;

  align-items: center;

  justify-content: center;
}

main .anons-box .center .box .right ul li .date span {
  margin: 0;

  padding: 0;

  display: block;

  width: 100px;

  text-align: center;

  color: #cfa543;

  float: left;
}

main .anons-box .center .box .right ul li .date p {
  margin: 0;

  padding: 0;

  float: left;

  color: #fff;

  width: calc(100% - 100px);

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .anons-box .center .box .right ul li .date:hover p {
  color: #cfa543;
}

main .anons-box .center .box .right ul li.button-li {
  margin: 0;

  padding: 0;

  width: 100%;

  text-align: center;
}

main .anons-box .center .box .right ul li.button-li button {
  margin: 45px auto;

  padding: 0;

  width: 165px;

  height: 36px;

  border-radius: 36px;

  background-color: #ffd01a;

  text-align: center;

  color: #fff;

  transition-property: background-color, color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .anons-box .center .box .right ul li.button-li button:hover {
  background-color: #000;

  color: #fff;
}

main .news-box {
  margin: 0;

  padding: 0;

  min-height: 733px;

  position: relative;

  background-image: url("../img/bntu-back-logo.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: 50px 0px;
}

main .news-box .center h2 {
  margin: 0;

  padding: 35px 0 45px 0;

  color: #035773;

  text-align: center;
}

main .news-box .center .news {
  margin: 0;

  padding: 0;

  position: relative;
}

main .news-box .center .news .owl-carousel {
  pointer-events: none;
}

main .news-box .center .news .owl-carousel .owl-stage-outer {
  pointer-events: all;
}

main .news-box .center .news .owl-carousel .item {
  padding: 5px;
}

main .news-box .center .news .owl-carousel .item .content {
  padding: 25px 30px 0 30px;

  background-color: #fff;

  border: solid 1px #f2f2f2;

  display: block;

  text-decoration: none;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .news-box .center .news .owl-carousel .item .content:hover {
  background-color: #f2f2f2;
}

main .news-box .center .news .owl-carousel .item .content .title {
  margin: 0;

  padding: 0 0 20px 0;

  color: #000;

  max-height: 52px;

  min-height: 52px;

  overflow: hidden;
}

main .news-box .center .news .owl-carousel .item .content .image-box {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 222px;

  overflow: hidden;
}

main .news-box .center .news .owl-carousel .item .content .image-box .image {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 222px;

  background-size: cover;

  background-position: center;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main
  .news-box
  .center
  .news
  .owl-carousel
  .item
  .content:hover
  .image-box
  .image {
  transform: scale(1.2);
}

main .news-box .center .news .owl-carousel .item .content .short-desc {
  margin: 25px 0 0 0;

  padding: 0;
}

main .news-box .center .news .owl-carousel .item .content .short-desc p {
  margin: 0;

  padding: 0;

  color: #8f8f8f;

  max-height: 90px;

  min-height: 90px;

  overflow: hidden;
}

main .news-box .center .news .owl-carousel .item .content .bottom {
  margin: 35px 0 5px 0;

  padding: 0;

  width: 100%;

  height: 32px;
}

main .news-box .center .news .owl-carousel .item .content .bottom .a {
  margin: 0;

  padding: 0 0 0 10px;

  display: block;

  width: 50%;

  float: left;

  position: relative;

  line-height: 32px;

  color: #035773;

  text-decoration: none;

  border-left: solid 1px #d4d4d4;
}

main .news-box .center .news .owl-carousel .item .content .bottom .date {
  margin: 0;

  padding: 0;

  display: block;

  width: 50%;

  line-height: 32px;

  color: #ffd01a;

  float: left;

  text-align: right;

  position: relative;
}

main .news-box .center .news .owl-carousel .item .content .bottom .date span {
  display: inline-block;

  position: relative;
}

main
  .news-box
  .center
  .news
  .owl-carousel
  .item
  .content
  .bottom
  .date
  span::before {
  content: "";

  margin: 0;

  padding: 0 5px 0 0;

  width: 20px;

  height: 20px;

  line-height: 32px;

  background-image: url("../img/news-calendar-icon.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 20px;

  position: absolute;

  left: -25px;

  top: 4px;
}

main .news-box .center .news .owl-carousel .owl-nav {
  margin: 35px 0;

  padding: 0;

  width: 100%;

  height: 36px;

  line-height: 36px;

  position: relative;

  text-align: right;

  pointer-events: none;
}

main .news-box .center .news .owl-carousel .owl-nav button {
  margin: 0 12px;

  padding: 0;

  width: 34px;

  height: 34px;

  line-height: 34px;

  border-radius: 100%;

  text-indent: -9999px;

  position: relative;

  border: solid 1px #035773;

  background-color: #fff;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  pointer-events: all;
}

main .news-box .center .news .owl-carousel .owl-nav button:hover {
  background-color: #ffd01a;
}

main .news-box .center .news .owl-carousel .owl-nav button::after {
  content: "";

  width: 16px;

  height: 16px;

  position: absolute;

  left: calc(50% - 8px);

  top: calc(50% - 8px);

  background-image: url("../img/arrow-news.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  transform: rotate(90deg);
}

main .news-box .center .news .owl-carousel .owl-nav button:last-child {
  margin-right: 0px;
}

main .news-box .center .news .owl-carousel .owl-nav button:last-child::after {
  transform: rotate(-90deg);
}

main .news-box .center .news .owl-carousel .owl-dots {
  display: none;
}

main .news-box .center .news .all-news {
  margin: 0;

  padding: 0 17px;

  height: 36px;

  color: #035773;

  background-color: #ffd01a;

  text-align: center;

  border-radius: 36px;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  position: absolute;

  bottom: 0;

  right: 125px;

  transition-property: color, background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .news-box .center .news .all-news:hover {
  background-color: #000;

  color: #fff;
}

main .virtual-tour-box {
  margin: 0;

  padding: 0;

  width: 100%;

  background-color: #ffd01a;

  background-image: url("../img/virtual.svg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: unset;
}

main .virtual-tour-box .center .left {
  margin: 0;

  padding: 0;

  width: 584px;

  float: left;
}

main .virtual-tour-box .center .left .image-box {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 468px;

  text-indent: -9999px;

  position: relative;

  overflow: hidden;
}

main .virtual-tour-box .center .left .image-box .image {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 468px;

  text-indent: -9999px;

  position: relative;

  background-size: cover;

  background-position: center;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .virtual-tour-box .center .left .image-box:hover .image {
  transform: scale(1.2);
}

main .virtual-tour-box .center .left .image-box::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 122px;

  height: 122px;

  background-image: url("../img/360.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  position: absolute;

  left: calc(50% - 61px);

  top: calc(50% - 61px);
}

main .virtual-tour-box .center .right {
  margin: 0;

  padding: 0;

  width: 584px;

  height: 468px;

  float: right;

  background-color: #ffd01a;

  display: flex;

  align-items: center;

  justify-content: center;
}

main .virtual-tour-box .center .right .content h2 {
  margin: 0;

  padding: 0 0 35px 0;

  color: #035773;

  text-align: center;
}

main .virtual-tour-box .center .right .content p {
  margin: 0 auto;

  padding: 0;

  width: 390px;

  color: #fff;

  text-align: center;
}

main .virtual-tour-box .center .right .content button {
  margin: 35px auto 0 auto;

  padding: 0 70px;

  height: 58px;

  background-color: #fff;

  color: #ffd01a;

  text-align: center;

  border-radius: 58px;

  display: inherit;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .virtual-tour-box .center .right .content button:hover {
  background-color: #000;
}

main .useful-links-box {
  margin: 50px 0 80px 0;

  padding: 0;

  position: relative;
}

main .useful-links-box .center {
  padding: 0 95px;

  position: relative;

  overflow: hidden;
}

main .useful-links-box .center .owl-carousel {
  position: relative;
}

main .useful-links-box .center .owl-carousel .item {
  text-decoration: none;

  display: block;
}

main .useful-links-box .center .owl-carousel .item .content {
  width: 122px;

  height: 122px;

  border-radius: 100%;

  border: solid 1px #d4d4d4;

  background-size: 60px;

  background-position: center;

  background-repeat: no-repeat;
}

main .useful-links-box .center .owl-carousel .owl-dots {
  display: none;
}

main .useful-links-box .center .owl-carousel .owl-nav {
  pointer-events: none;

  width: calc(100% + 200px);

  height: 60px;

  position: absolute;

  top: calc(50% - 30px);

  left: -100px;

  z-index: 1000;
}

main .useful-links-box .center .owl-carousel .owl-nav button {
  margin: 0;

  padding: 0;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  pointer-events: all;

  text-indent: -9999px;

  mask-image: url("../img/useful-button.svg");

  -webkit-mask-image: url("../img/useful-button.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  background-color: #cfa543;

  mask-size: 20px;

  -webkit-mask-size: 20px;
}

main .useful-links-box .center .owl-carousel .owl-nav button:hover {
  background-color: #000;
}

main .useful-links-box .center .owl-carousel .owl-nav button.owl-prev {
  float: left;

  transform: rotate(-90deg);
}

main .useful-links-box .center .owl-carousel .owl-nav button.owl-next {
  float: right;

  transform: rotate(90deg);
}

main .text-page {
  margin: 0;

  padding: 0;
}

main .text-page .cover {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 319px;

  background-size: cover;

  background-position: left top;

  position: relative;
}

main .text-page .cover #cover-slider {
  position: absolute;

  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;
}

main .text-page .cover #cover-slider .item {
  width: 100%;

  height: 319px;

  background-size: cover;

  background-position: center;
}

main .text-page .center h2 {
  margin: 0;

  padding: 40px 0 33px 0;

  text-align: left;

  color: #035773;

  border-bottom: solid 1px #f2f2f2;
}

main .text-page .center .left {
  margin: 0;

  padding: 35px 0 50px 0;

  width: 785px;

  float: left;
}

main .text-page.news-page .center .left {
  padding: 0 0 50px 0;
}

main .text-page .center .left .g-level3-cols a {
  padding: 10px;

  text-decoration: none;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  border: solid 1px #f2f2f2;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-decoration: none;

  margin-bottom: 30px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  word-wrap: break-word;

  text-align: center;

  min-height: 80px;

  overflow: hidden;
}

main .text-page .center .left .g-level3-cols a .g-level3-image {
  display: block;

  width: 100%;

  height: 180px;

  margin-bottom: 10px;

  overflow: hidden;

  position: relative;
}

main
  .text-page
  .center
  .left
  .g-level3-cols
  a
  .g-level3-image
  .g-level3-image-inside {
  display: block;

  width: 100%;

  height: 180px;

  background-size: cover;

  background-position: center;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main
  .text-page
  .center
  .left
  .g-level3-cols
  a:hover
  .g-level3-image
  .g-level3-image-inside {
  transform: scale(1.2);
}

main .text-page .center .left .g-level3-cols a:hover {
  background-color: #f2f2f2;
}

main .text-page .center .left .g-level3-cols a h3 {
  margin: 0;

  padding: 0;

  color: #8f8f8f;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.news-page .center .left .text .date {
  margin: 0;

  padding: 0 0 15px 25px;

  color: #035773;

  line-height: 20px;

  position: relative;
}

main .text-page.news-page .center .left .text .date::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 20px;

  height: 20px;

  background-image: url("../img/date-icon2.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  position: absolute;

  left: 0;

  top: 0;
}

main .text-page .center .left p {
  margin: 0;

  padding: 0;

  color: #000;

  padding-bottom: 15px;
}

main .text-page .center .left p img[data-droppicsgallery] {
  display: none;
}

main .text-page .center .left h3 {
  margin: 0;

  padding: 35px 0 25px 0;

  color: #cfa543;
}

main .text-page .center .left ul {
  margin: 20px 0 35px 0;

  padding: 0;

  list-style-type: none;
}

main .text-page .center .left ul li {
  margin: 0 0 15px 0;

  padding: 0 0 0 20px;

  color: #000;

  position: relative;
}

main .text-page .center .left ul li::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 10px;

  height: 10px;

  position: absolute;

  top: 5px;

  left: 0;

  background-color: #cfa543;

  border-radius: 100%;
}

main .text-page .center .left ul li a {
  margin: 0;

  padding: 0;

  color: #000;

  text-decoration: underline;
}

main .text-page .center .left ol {
  margin: 30px 0 0 0;

  padding: 0;

  list-style-type: none;
}

main .text-page .center .left ol li {
  margin: 0 0 15px 0;

  padding: 0;
}

main .text-page .center .left ol li a {
  margin: 0;

  padding: 0 10px 0 80px;

  display: inline-block;

  text-decoration: none;

  background-color: #fff;

  height: 46px;

  line-height: 46px;

  color: #8f8f8f;

  position: relative;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page .center .left ol li a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 20px;

  height: 20px;

  position: absolute;

  left: 22px;

  top: 12px;

  mask-image: url("../img/link-icon.svg");

  -webkit-mask-image: url("../img/link-icon.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #ffd01a;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page .center .left ol li a::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 1px;

  height: 24px;

  background-color: #707070;

  position: absolute;

  left: 58px;

  top: 11px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page .center .left ol li a:hover {
  background-color: #ffd01a;
}

main .text-page .center .left ol li a:hover::before {
  background-color: #000;
}

main .text-page .center .left ol li a:hover::after {
  background-color: #000;
}

main .text-page .center .right {
  margin: 0;

  padding: 0;

  width: 300px;

  float: right;
}

main .text-page .center .right ul {
  margin: 35px 0 0 0;

  padding: 0;

  list-style-type: none;
}

main .text-page .center .right ul li {
  margin: 0 0 35px 0;

  padding: 0;
}

main .text-page .center .right ul li a {
  margin: 0;

  padding: 0 0 0 10px;

  color: #8f8f8f;

  text-decoration: none;

  position: relative;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page .center .right ul li a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 1px;

  height: 16px;

  background-color: #d4d4d4;

  position: absolute;

  top: 1px;

  left: 0;
}

main .text-page .center .right ul li a:hover {
  color: #cfa543;
}

main .text-page .center .right ul li a.active {
  color: #cfa543;
}

main .text-page .center .right ul li a.active::before {
  width: 24px;

  height: 24px;

  background-color: unset;

  background-image: url("../img/guza.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  position: absolute;

  top: -3px;

  left: -25px;
}

main .text-page.news-page .center h2 {
  position: relative;
}

main .text-page.news-page .center h2 a {
  margin: 0;

  padding: 0;

  height: 25px;

  line-height: 40px;

  position: absolute;

  top: 40px;

  right: 190px;

  color: #035773;

  text-decoration: none;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.news-page .center h2 a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 25px;

  height: 25px;

  mask-image: url("../img/guza.svg");

  -webkit-mask-image: url("../img/guza.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #035773;

  position: absolute;

  left: -35px;

  top: 6px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.news-page .center h2 a:hover {
  color: #ffd01a;
}

main .text-page.news-page .center h2 a:hover::before {
  background-color: #ffd01a;
}

main .text-page.news-page .center .right {
  width: 384px;
}

main .text-page.news-page .center .right .commerce-box {
  margin: 40px 0 0 0;

  padding: 0;
}

main .text-page.news-page .center .right .commerce-box a {
  margin: 0 0 57px 0;

  padding: 0;

  width: 100%;

  height: 300px;

  display: block;

  text-decoration: none;

  text-indent: -9999px;

  background-size: cover;

  background-position: center;
}

main .text-page.partners-page .center .left .text .g-row a {
  margin: 0;

  padding: 20px 10px 40px 10px;

  width: 25%;

  height: 220px;

  display: block;

  text-decoration: none;

  color: #8f8f8f;

  text-align: center;

  float: left;

  border-right: solid 1px #f2f2f2;
}

main
  .text-page.partners-page
  .center
  .left
  .text
  .g-row
  .g-column
  a:nth-child(4) {
  border-right: none;
}

main .text-page.partners-page .center .left .text .g-row a em {
  margin: 0 auto 20px auto;

  padding: 0;

  display: block;

  background-size: contain;

  background-position: center center;

  background-repeat: no-repeat;

  font-style: normal;

  text-indent: -9999px;

  width: 60px;

  height: 60px;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.partners-page .center .left .text .g-row a:hover em {
  transform: scale(1.2);
}

main .text-page.partners-page .center .left .text .g-row a p {
  margin: 0;

  padding: 0;

  color: #8f8f8f;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.partners-page .center .left .text .g-row a:hover p {
  color: #cfa543;
}

main .text-page.partners-page .center .left .text .g-row .g-column {
  border-bottom: solid 1px #f2f2f2;
}

main .text-page.partners-page .center .left .text .g-row .g-column:last-child {
  border-bottom: none;
}

main .news-parent-page .center .left .news-item {
  margin: 0 0 40px 0;

  padding: 0;

  text-decoration: none;

  background-color: #fff;

  border: solid 1px #f2f2f2;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);

  width: 100%;

  display: block;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .news-parent-page .center .left .news-item:hover {
  background-color: #f2f2f2;
}

main .news-parent-page .center .left .news-item .image-box {
  margin: 0;

  padding: 0;

  width: 284px;

  height: 222px;

  float: left;

  text-indent: -9999px;

  overflow: hidden;
}

main .news-parent-page .center .left .news-item .image-box .image {
  margin: 0;

  padding: 0;

  width: 284px;

  height: 222px;

  background-size: cover;

  background-position: center center;

  text-indent: -9999px;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .news-parent-page .center .left .news-item:hover .image-box .image {
  transform: scale(1.2);
}

main .news-parent-page .center .left .news-item .content {
  margin: 0;

  padding: 0;

  width: calc(100% - 299px);

  min-height: 222px;

  float: right;

  position: relative;
}

main .news-parent-page .center .left .news-item .content .title {
  margin: 0;

  padding: 15px 0 20px 0;

  color: #000;
}

main .news-parent-page .center .left .news-item .content p {
  margin: 0;

  padding: 0;

  color: #000;
}

main .news-parent-page .center .left .news-item .content .bottom {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 25px;

  position: absolute;

  left: 0;

  bottom: 10px;
}

main .news-parent-page .center .left .news-item .content .bottom .readmore {
  margin: 0;

  padding: 0 0 0 8px;

  display: block;

  float: left;

  color: black;

  position: relative;

  border-left: solid 1px #d4d4d4;

  height: 25px;
}

main
  .news-parent-page
  .center
  .left
  .news-item
  .content
  .bottom
  .readmore::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 12px;

  height: 12px;

  mask-image: url("../img/news.readmore.svg");

  -webkit-mask-image: url("../img/news.readmore.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #035773;

  position: absolute;

  right: -17px;

  top: 5px;
}

main .news-parent-page .center .left .news-item .content .bottom .date {
  margin: 0 15px 0 0;

  padding: 0;

  display: block;

  float: right;

  color: #ffd01a;

  position: relative;
}

main .news-parent-page .center .left .news-item .content .bottom .date::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 20px;

  height: 20px;

  mask-image: url("../img/news.calendar.svg");

  -webkit-mask-image: url("../img/news.calendar.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #ffd01a;

  position: absolute;

  left: -25px;

  top: 2px;
}

main .news-parent-page .center .left .pagination {
  margin: 0;

  padding: 0;

  width: 100%;

  text-align: center;
}

main .news-parent-page .center .left .pagination ul {
  margin: 25px 0 30px 0;

  padding: 0;

  width: 100%;

  text-align: center;

  list-style-type: none;
}

main .news-parent-page .center .left .pagination ul li {
  margin: 0 0 10px 0;

  padding: 0;

  display: inline-block;
}

main .news-parent-page .center .left .pagination ul li:before {
  content: none;
}

main .news-parent-page .center .left .pagination ul li a {
  margin: 0;

  padding: 0 25px;

  display: block;

  text-decoration: none;

  color: #d4d4d4;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .news-parent-page .center .left .pagination ul li a.active {
  color: #ffd01a;
}

main .news-parent-page .center .left .pagination ul li a:hover {
  color: #ffd01a;
}

main .news-parent-page .center .right #datepicker {
  margin-top: 10px;

  margin-bottom: 80px;

  padding: 35px 5px 15px 5px;

  width: 100%;

  border-radius: 22px;

  border: solid 1px #cfcece;

  position: relative;
}

main .news-parent-page .center .right #datepicker::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 55px;

  height: 24px;

  border-right: solid 1px #f3f3f3;

  background-image: url("../img/calendar-cal-icon.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: left center;

  background-size: 18px;

  position: absolute;

  left: 25px;

  top: 5px;
}

main .news-parent-page .center .right #datepicker::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 24px;

  height: 24px;

  background-image: url("../img/calendar-wheel-icon.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  background-position: right center;

  background-size: 20px;

  position: absolute;

  right: 25px;

  top: 5px;
}

main .news-parent-page .center .right #datepicker .ui-datepicker-inline {
  background-color: #f3f3f3;

  padding-bottom: 30px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline::before {
  content: "";

  width: calc(100% - 10px);

  height: 1px;

  background-color: #f3f3f3;

  position: absolute;

  top: 30px;

  left: 5px;
}

main .news-parent-page .center .right #datepicker .ui-datepicker-inline::after {
  content: "";

  width: calc(100% - 60px);

  height: 1px;

  background-color: #f3f3f3;

  position: absolute;

  bottom: 7px;

  left: 30px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header {
  position: relative;

  padding-top: 20px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-prev
  span {
  display: none;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-prev::before {
  content: "";

  mask-image: url("../img/cal-left-arr.svg");

  -webkit-mask-image: url("../img/cal-left-arr.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #8f8f8f;

  width: 10px;

  height: 10px;

  display: block;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-next
  span {
  display: none;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-next::before {
  content: "";

  mask-image: url("../img/cal-left-arr.svg");

  -webkit-mask-image: url("../img/cal-left-arr.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #8f8f8f;

  width: 10px;

  height: 10px;

  display: block;

  transform: rotate(180deg);

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-prev:hover::before {
  background-color: #ffd01a;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-next:hover::before {
  background-color: #ffd01a;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-title {
  text-align: center;

  position: relative;

  pointer-events: none;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-title
  .ui-datepicker-month {
  color: #8f8f8f;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-title
  .ui-datepicker-year {
  margin: 0;

  padding: 0;

  position: absolute;

  left: 15px;

  top: 3px;

  background-color: #f3f3f3;

  user-select: none;

  cursor: pointer;

  pointer-events: all;

  -webkit-appearance: none;

  color: #737373;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-title::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 10px;

  height: 10px;

  background-image: url("../img/year-arrow.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  position: absolute;

  left: 52px;

  top: 7px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-prev {
  position: absolute;

  left: 80px;

  top: 27px;

  text-decoration: none;

  display: block;

  color: #8f8f8f;

  user-select: none;

  cursor: pointer;

  pointer-events: all;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-header
  .ui-datepicker-next {
  position: absolute;

  right: 80px;

  top: 27px;

  text-decoration: none;

  display: block;

  color: #8f8f8f;

  user-select: none;

  cursor: pointer;

  pointer-events: all;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar {
  width: calc(100% - 30px);

  padding: 0 15px;

  margin: 30px auto 0 auto;

  position: relative;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 120px;

  height: 1px;

  background-color: #f3f3f3;

  position: absolute;

  left: calc(50% - 60px);

  top: -25px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar
  thead
  tr
  th
  span {
  color: #8f8f8f;

  text-align: center;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar
  tbody
  tr
  td {
  color: #d4d4d4;

  text-align: center;

  text-decoration: none;

  width: 22px;

  height: 22px;

  line-height: 22px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar
  tbody
  tr
  td
  a {
  color: #000;

  text-align: center;

  text-decoration: none;

  width: 22px;

  height: 22px;

  line-height: 22px;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar
  tbody
  tr
  td
  a.ui-state-active {
  background-color: #000;

  color: #ffd01a;

  border-radius: 100%;

  display: block;

  width: 22px;

  height: 22px;

  line-height: 22px;

  margin: 0 auto;
}

main
  .news-parent-page
  .center
  .right
  #datepicker
  .ui-datepicker-inline
  .ui-datepicker-calendar
  tbody
  tr
  td.ui-datepicker-today
  span {
  background-color: #ffd01a;

  color: #fff;

  border-radius: 100%;

  display: block;

  width: 22px;

  height: 22px;

  line-height: 22px;

  margin: 0 auto;
}

main .team-page .center .left .g-cols {
  margin-bottom: 25px;
}

main .team-page .center .left .g-cols .team-member {
  margin: 0;

  padding: 13px;

  background-color: #fff;

  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);

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

  height: 413px;

  width: 100%;

  position: relative;

  user-select: none;

  cursor: pointer;

  pointer-events: all;

  overflow: hidden;
}

main .team-page .center .left .g-cols .team-member .image {
  margin: 0;

  padding: 0;

  width: calc(100% - 26px);

  height: calc(100% - 26px);

  background-size: cover;

  background-position: center center;

  position: absolute;

  top: 13px;

  left: 13px;

  z-index: 1;
}

main .team-page .center .left .g-cols .team-member .content {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 65px;

  background-color: #fff;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 2;

  transition-property: bottom;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .team-page .center .left .g-cols .team-member .content h3 {
  margin: 20px 0 0 0;

  padding: 0;

  color: #737373;
}

main .team-page .center .left .g-cols .team-member .content p {
  margin: 15px 0 0 0;

  padding: 0;

  color: #cfcece;
}

main .team-page .center .left .g-cols .team-member .content-hover {
  margin: 0;

  padding: 0;

  width: calc(100% + 26px);

  height: calc(100% + 26px);

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

  position: absolute;

  top: calc(100% + 13px);

  left: -13px;

  z-index: 3;

  transition-property: top;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .team-page .center .left .g-cols .team-member .content-hover h3 {
  margin: 195px 0 0 0;

  padding: 0;

  color: #fff;

  text-align: center;

  width: 100%;
}

main .team-page .center .left .g-cols .team-member .content-hover p {
  margin: 15px 0 0 0;

  padding: 0;

  color: #cfa543;

  text-align: center;
}

main .team-page .center .left .g-cols .team-member:hover .content {
  bottom: -100%;
}

main .team-page .center .left .g-cols .team-member:hover .content-hover {
  top: -13px;
}

main .faculty-page {
  background-image: url("../img/faculty.bg.png");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;
}

main .faculty-page .center {
  background-color: #fff;
}

main .faculty-page .center .left .faculty {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  border: solid 1px #f2f2f2;

  display: block;

  text-decoration: none;

  margin-bottom: 30px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .faculty-page .center .left .faculty:hover {
  background-color: #f2f2f2;
}

main .faculty-page .center .left .faculty .image {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 150px;

  background-size: cover;

  background-position: center;
}

main .faculty-page .center .left .faculty .content {
  padding: 13px 7px 23px 7px;
}

main .faculty-page .center .left .faculty .content h3 {
  margin: 0;

  padding: 0;

  color: #8f8f8f;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .faculty-page .center .left .faculty:hover .content h3 {
  color: #cfa543;
}

main .faculty-inside-page .commerce-faculty {
  margin: 80px 0 0 0;

  padding: 0;

  width: 100%;

  height: 555px;

  text-decoration: none;

  display: block;

  background-size: cover;

  background-position: center;

  text-indent: -9999px;
}

main .gallery-page .center h2 {
  position: relative;
}

main .gallery-page .center h2 .buttons {
  margin: 0;

  padding: 0;

  height: 35px;

  position: absolute;

  left: 350px;

  top: 38px;
}

main .gallery-page .center h2 .buttons button {
  margin: 0 20px 0 0;

  padding: 0 30px;

  height: 38px;

  line-height: 35px;

  border-radius: 38px;

  text-align: center;

  color: #8f8f8f;

  background-color: #f2f2f2;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  display: block;

  float: left;

  transition-property: background-color, color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .gallery-page .center h2 .buttons button.active {
  background-color: #ffd01a;

  color: #000;
}

main .gallery-page .center h2 .buttons button:hover {
  background-color: #ffd01a;

  color: #000;
}

main .gallery-page .center .left .gallery-box {
  margin: 0 0 48px 0;

  padding: 0;

  width: 100%;

  height: 210px;

  display: block;

  text-decoration: none;

  position: relative;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  border: solid 1px #f2f2f2;

  overflow: hidden;

  background-color: #fff;
}

main .gallery-page .center .left .gallery-box .image {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 150px;

  background-size: cover;

  background-position: center;

  text-indent: -9999px;
}

main .gallery-page .center .left .gallery-box .content {
  margin: 0;

  padding: 0;

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  background-color: #fff;
}

main .gallery-page .center .left .gallery-box .content h3 {
  margin: 0;

  padding: 13px 7px 0 7px;

  color: #8f8f8f;

  text-align: left;

  transition-property: padding;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .gallery-page .center .left .gallery-box .cover {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 100%;

  left: 0;

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: rgba(255, 208, 26, 0.7);

  z-index: 100;

  color: #fff;

  transition-property: top;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .gallery-page .center .left .gallery-box .cover span {
  display: block;
}

main .gallery-page .center .left .gallery-box:hover .cover {
  top: 0;
}

main .text-page.gallery-inside .center h2 a {
  margin: 0;

  padding: 0;

  height: 25px;

  line-height: 40px;

  position: absolute;

  top: 40px;

  right: 190px;

  color: #035773;

  text-decoration: none;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.gallery-inside .center h2 a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 25px;

  height: 25px;

  mask-image: url("../img/guza.svg");

  -webkit-mask-image: url("../img/guza.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  background-color: #035773;

  position: absolute;

  left: -35px;

  top: 6px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .text-page.gallery-inside .center h2 a:hover {
  color: #ffd01a;
}

main .text-page.gallery-inside .center h2 a:hover::before {
  background-color: #ffd01a;
}

main .gallery-inside .center .left {
  width: 100% !important;
}

main .gallery-inside .center .left .gallery-box {
  height: 225px;

  margin-bottom: 37px;
}

main .gallery-inside .center .left .gallery-box .image {
  height: 225px;

  transition-property: transform;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .gallery-inside .center .left .gallery-box:hover .image {
  transform: scale(1.2);
}

main .gallery-inside .center .left .pagination {
  margin: 0;

  padding: 0;

  width: 100%;

  text-align: center;
}

main .gallery-inside .center .left .pagination ul {
  margin: 25px 0 30px 0;

  padding: 0;

  width: 100%;

  text-align: center;

  list-style-type: none;
}

main .gallery-inside .center .left .pagination ul li {
  margin: 0 0 10px 0;

  padding: 0;

  display: inline-block;
}

main .gallery-inside .center .left .pagination ul li:before {
  content: none;
}

main .gallery-inside .center .left .pagination ul li a {
  margin: 0;

  padding: 0 25px;

  display: block;

  text-decoration: none;

  color: #d4d4d4;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .gallery-inside .center .left .pagination ul li a.active {
  color: #ffd01a;
}

main .gallery-inside .center .left .pagination ul li a:hover {
  color: #ffd01a;
}

main .contact-page .map-box #map {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 319px;
}

main .contact-page .center .left {
  width: 700px;
}

main .contact-page .center .right {
  width: 484px;
}

main .contact-page .center .left .info {
  margin: 0;

  padding: 40px 0 40px 60px;
}

main .contact-page .center .left .info p {
  margin: 0;

  padding: 0 0 20px 0;

  clear: both;
}

main .contact-page .center .left .info p em {
  margin: 0 15px 0 0;

  padding: 0;

  width: 24px;

  height: 24px;

  display: block;

  float: left;

  background-color: #035773;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .contact-page .center .left .info p em.marker {
  mask-image: url("../img/contact-marker.svg");

  -webkit-mask-image: url("../img/contact-marker.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .contact-page .center .left .info p em.phone {
  mask-image: url("../img/contact-phone.svg");

  -webkit-mask-image: url("../img/contact-phone.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

.announcementTitle {
  padding: 0;

  margin-bottom: 0;

  font-size: 16px;

  color: #cfa543;

  margin-left: 8px;

  font-weight: 700;

  margin-top: 29px;
}

main .contact-page .center .left .info p em.mail {
  mask-image: url("../img/contact-envelope.svg");

  -webkit-mask-image: url("../img/contact-envelope.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;
}

main .contact-page .center .left .info p span {
  margin: 0;

  padding: 0;

  display: block;

  float: left;

  line-height: 24px;

  text-decoration: none;

  color: #8f8f8f;

  max-width: 250px;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .contact-page .center .left .info p a {
  margin: 0;

  padding: 0;

  font-size: 13px !important;

  display: block;

  float: left;

  line-height: 24px;

  text-decoration: none;

  color: #8f8f8f;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .contact-page .center .left .info p:hover span {
  color: #cfa543;
}

main .contact-page .center .left .info p:hover a {
  color: #cfa543;
}

main .contact-page .center .left .info p:hover em {
  background-color: #cfa543;
}

main .contact-page .center .left .info ul {
  margin: 40px 0;

  padding: 0;

  list-style-type: none;
}

main .contact-page .center .left .info ul li {
  margin: 0 10px 0 0;

  padding: 0;

  float: left;

  width: 32px;

  height: 32px;

  background-color: #035773;

  border-radius: 100%;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .contact-page .center .left .info ul li:hover {
  background-color: #cfa543;
}

main .contact-page .center .left .info ul li::before {
  content: none;
}

main .contact-page .center .left .info ul li a {
  margin: 0;

  padding: 0;

  display: block;

  width: 32px;

  height: 32px;

  line-height: 32px;

  text-decoration: none;

  text-align: center;

  color: #fff;

  font-size: 18px;
}

main .contact-page .center .right form {
  margin: 40px 0 0 0;
}

main .contact-page .center .right form .input {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 44px;

  margin-bottom: 13px;
}

main .contact-page .center .right form .input input {
  margin: 0;

  padding: 0 20px;

  width: 400px;

  height: 42px;

  line-height: 42px;

  border-radius: 42px;

  border: solid 1px #ffd01a;

  color: #707070;
}

main .contact-page .center .right form .input input::placeholder {
  color: #d4d4d4;
}

main .contact-page .center .right form .textarea {
  margin: 0;

  padding: 0;

  width: 100%;

  margin-bottom: 13px;
}

main .contact-page .center .right form .textarea textarea {
  margin: 0;

  padding: 0 20px;

  width: 400px;

  height: 180px;

  line-height: 42px;

  border-radius: 42px;

  border: solid 1px #ffd01a;

  color: #707070;
}

main .contact-page .center .right form .textarea textarea::placeholder {
  color: #d4d4d4;
}

main .contact-page .center .right form button {
  margin: 0;

  padding: 0;

  float: left;

  background-color: transparent;

  color: #8f8f8f;

  margin-left: 275px;

  margin-top: 0;

  margin-bottom: 40px;

  text-align: left;

  position: relative;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

main .contact-page .center .right form button::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 16px;

  height: 16px;

  position: absolute;

  right: -25px;

  top: 0;

  mask-image: url("../img/contact-button.svg");

  -webkit-mask-image: url("../img/contact-button.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  background-color: #ffd01a;
}

main .contact-page .center .right form button:hover {
  color: #035773;
}

main .contact-page .center .right form button:hover::after {
  background-color: #035773;
}

main .structure-page .center .left {
  max-height: 1200px;
}

main .structure-page .center .structure {
  margin: 60px 0 105px 0;

  padding: 0;

  width: 1100px;

  height: 1280px;

  background-image: url("https://bntu.edu.ge/images/s1--.jpg");

  background-size: contain;

  background-position: top center;

  background-repeat: no-repeat;

  position: relative;
}

main .structure-page .center .structure .box {
  margin: 0;

  padding: 0 10px;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  position: absolute;

  top: 0;

  left: 0;

  user-select: none;

  cursor: pointer;

  pointer-events: all;
}

main .structure-page .center .structure .box p {
  margin: 0;

  padding: 0;

  font-family: "Arial, Helvetica, sans-serif" !important;

  font-size: 12px !important;

  line-height: 14px;

  font-weight: bold;

  color: black !important;
}

main .structure-page .center .structure .yellow {
  background-color: #e3c800;

  border-radius: 10px;
}

main .structure-page .center .structure .yellow p {
  color: #000;
}

main .structure-page .center .structure .dark {
  background-color: #073e54;
}

#position25 p {
  color: white !important;
}

main .structure-page .center .structure .dark p {
  color: #fff;
}

main .structure-page .center .structure .dark2 {
  background-color: white;
}

main .structure-page .center .structure .dark2 p {
  color: #fff;
}

main .structure-page .center .structure .orange {
  background-color: #57739b;

  color: black !important;
}

main .structure-page .center .structure .orange p {
  color: #fff;
}

main .structure-page .center .structure .darkGrey {
  background-color: #8f8f8f;
}

main .structure-page .center .structure .darkGrey p {
  color: #fff;
}

main .structure-page .center .structure .lightGrey {
  background-color: #57739b;
}

main .structure-page .center .structure .blue {
  background-color: #10739d;
}

main .structure-page .center .structure .lightGrey p {
  color: #000;
}

main .structure-page .center .structure #position1 {
  width: 216px;

  top: 55px;

  left: 482px;
}

#position1 p {
  font-size: 20px !important;
}

main .structure-page .center .structure #position2 {
  width: 130px;

  top: 181px;

  left: 262px;

  height: 40px;

  border-radius: 8px;
}

#position2 p {
  color: white !important;
}

main .structure-page .center .structure #position3 {
  top: 309px;

  left: 85px;

  width: 160px;

  height: 40px;

  border-radius: 8px;

  padding: 0 5px;

  border: 0;
}

#position3 p {
  color: white !important;
}

main .structure-page .center .structure #position4 {
  width: 170px;

  top: 363px;

  left: 750px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position5 {
  width: 80px;

  top: 229px;

  left: 8px;

  height: 50px;

  border-radius: 8px;
}

main .structure-page .center .structure #position6 {
  width: 110px;

  top: 229px;

  left: 350px;

  height: 47px;

  border-radius: 8px;
}

main .structure-page .center .structure #position7 {
  width: 85px;

  top: 229px;

  left: 465px;

  height: 47px;

  border-radius: 8px;
}

main .structure-page .center .structure #position8 {
  width: 80px;

  top: 229px;

  left: 95px;

  height: 50px;

  border-radius: 8px;
}

main .structure-page .center .structure #position9 {
  width: 170px;

  top: 363px;

  left: 480px;

  height: 35px;

  border-radius: 8px;
}

main .structure-page .center .structure #position10 {
  width: 160px;

  top: 368px;

  left: 310px;

  height: 62px;

  border-radius: 8px;
}

main .structure-page .center .structure #position11 {
  width: 170px;

  top: 605px;

  left: 751px;

  height: 40px;

  border-radius: 8px;
}

main .structure-page .center .structure #position12 {
  width: 170px;

  top: 408px;

  left: 480px;

  height: 35px;

  border-radius: 8px;

  border: 1px solid black;
}

main .structure-page .center .structure #position13 {
  width: 85px;

  top: 230px;

  left: 772px;

  /* height: 50px; */

  height: 45px;

  border-radius: 8px;
}

main .structure-page .center .structure #position14 {
  width: 170px;

  top: 363px;

  left: 953px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position15 {
  width: 170px;

  top: 415px;

  left: 750px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position16 {
  width: 234px;

  top: 428px;

  left: 63px;

  height: 70px;

  border-radius: 8px;
}

main .structure-page .center .structure #position17 {
  width: 170px;

  top: 550px;

  left: 952px;

  height: 29px;

  border-radius: 8px;
}

main .structure-page .center .structure #position18 {
  width: 170px;

  top: 560px;

  left: 753px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position19 {
  width: 170px;

  top: 461px;

  left: 750px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position20 {
  width: 155px;

  top: 435px;

  left: 310px;

  height: 48px;

  border-radius: 8px;
}

main .structure-page .center .structure #position21 {
  width: 170px;

  top: 510px;

  left: 751px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position22 {
  width: 140px;

  top: 229px;

  left: 180px;

  height: 50px;

  border-radius: 8px;
}

main .structure-page .center .structure #position23 {
  width: 140px;

  top: 969px;

  left: 30px;

  height: 50px;
}

main .structure-page .center .structure #position24 {
  width: 120px;

  top: 368px;

  left: 35px;

  height: 50px;

  border-radius: 8px;
}

main .structure-page .center .structure #position25 {
  width: 210px;

  top: 183px;

  left: 824px;

  height: 40px;

  padding: 0 25px;

  border-radius: 5px;
}

main .structure-page .center .structure #position26 {
  width: 85px;

  top: 230px;

  left: 672px;

  height: 45px;

  border-radius: 8px;
}

main .structure-page .center .structure #position27 {
  width: 180px;

  top: 362px;

  left: 590px;

  height: 50px;
}

main .structure-page .center .structure #position28 {
  width: 120px;

  top: 368px;

  left: 179px;

  height: 50px;

  border-radius: 8px;
}

main .structure-page .center .structure #position29 {
  width: 115px;

  top: 229px;

  left: 554px;

  height: 47px;

  border-radius: 8px;
}

main .structure-page .center .structure #position30 {
  width: 169px;

  top: 468px;

  left: 952px;

  height: 29px;

  border-radius: 8px;
}

main .structure-page .center .structure #position31 {
  width: 160px;

  top: 447px;

  left: 487px;

  height: 40px;

  border-radius: 8px;
}

main .structure-page .center .structure #position32 {
  width: 189px;

  top: 310px;

  left: 380px;

  height: 41px;

  border-radius: 8px;

  padding: 0 5px;

  border: 0;
}

#position32 p {
  color: white !important;
}

main .structure-page .center .structure #position33 {
  width: 170px;

  top: 505px;

  left: 953px;

  height: 42px;

  border-radius: 8px;
}

main .structure-page .center .structure #position34 {
  width: 170px;

  top: 616px;

  left: 952px;

  /* height: 50px; */

  height: 29px;

  border-radius: 8px;
}

main .structure-page .center .structure #position35 {
  width: 160px;

  top: 237px;

  left: 940px;

  height: 50px;

  border-radius: 8px;

  padding: 0 5px;

  border: 1px solid black;
}

main .structure-page .center .structure #position50 {
  width: 160px;

  top: 310px;

  left: 859px;

  height: 40px;

  border-radius: 8px;

  padding: 0 5px;

  border: 0;
}

main .structure-page .center .structure #position41 {
  width: 169px;

  top: 412px;

  left: 952px;

  height: 49px;

  border-radius: 8px;

  padding: 0 5px;

  border: 0;
}

main .structure-page .center .structure #position42 {
  width: 170px;

  top: 588px;

  left: 950px;

  height: 25px;

  border-radius: 8px;

  padding: 0 5px;

  border: 1px solid black;
}

#position50 p {
  color: white !important;
}

.xButton {
  color: red;

  font-size: 19px;

  position: absolute;

  right: 10px;

  top: 10px;
}

.xButton:hover {
  color: #ec7878;
}

main .structure-page .center .structure .box .contact-info {
  margin: 0;

  padding: 30px 40px;

  width: 330px;

  min-height: 180px;

  position: absolute;

  left: calc(50% - 165px);

  bottom: 25px;

  background-color: #f2f2f2;

  -webkit-box-shadow: 0px 3px 10px 0px rgba(52, 52, 52, 0.15);

  box-shadow: 0px 3px 10px 0px rgba(52, 52, 52, 0.15);

  display: none;

  z-index: 10;
}

main .structure-page .center .structure .box.open .contact-info {
  display: block;
}

.contact-infoHide {
  display: none !important;
}

main .structure-page .center .structure .box .contact-info h4 {
  margin: 0;

  padding: 0 0 0 30px;

  color: #000;

  text-align: left;
}

main .structure-page .center .structure .box .contact-info ul {
  margin: 30px 0 0 0;

  padding: 0;

  list-style-type: none;
}

main .structure-page .center .structure .box .contact-info ul li {
  margin: 0 0 10px 0;

  padding: 0;
}

main .structure-page .center .structure .box .contact-info ul li::before {
  content: none;
}

main .structure-page .center .structure .box .contact-info ul li em {
  margin: 0;

  padding: 0;

  width: 16px;

  height: 16px;

  float: left;

  display: block;
}

main .structure-page .center .structure .box .contact-info ul li em.phone {
  background-image: url("../img/callto.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;
}

main .structure-page .center .structure .box .contact-info ul li em.mail {
  background-image: url("../img/mailto.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;
}

main .structure-page .center .structure .box .contact-info ul li a {
  margin: 0;

  padding: 0 0 0 30px;

  display: block;

  text-decoration: none;

  text-align: left;

  color: #8f8f8f;
}

main .structure-page .center .structure .box .contact-info ul li a:hover {
  text-decoration: underline;
}

main .g-block {
  margin: 0;

  padding: 0;
}

main .g-block .g-title {
  display: block;

  user-select: none;

  cursor: pointer;

  pointer-events: all;
}

main .g-block .text {
  display: none;
}

footer {
  width: 100%;

  background-color: #035773;
}

footer .sitemap {
  margin: 0;

  padding: 0;

  position: relative;
}

footer .sitemap .center .icon {
  margin: 0;

  padding: 0;

  width: 54px;

  height: 54px;

  line-height: 54px;

  background-color: #ffd01a;

  border-radius: 100%;

  position: absolute;

  left: calc(50% - 27px);

  top: -27px;

  z-index: 5;

  user-select: none;

  cursor: pointer;

  pointer-events: all;

  text-align: center;

  font-size: 20px;

  color: #fff;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

footer .sitemap .center .icon:hover {
  background-color: #000;
}

footer .sitemap .center .content {
  margin: 0;

  padding: 80px 0;

  color: #fff;

  width: 100%;

  display: none;
}

footer .sitemap .center .content .row h4 {
  margin: 0;

  padding: 0;

  text-align: left;

  color: #fff;
}

footer .sitemap .center .content .row ul {
  margin: 15px 0;

  padding: 0;

  list-style-type: none;
}

footer .sitemap .center .content .row ul li {
  margin: 0;

  padding: 0;
}

footer .sitemap .center .content .row ul li a {
  margin: 0;

  padding: 0;

  display: block;

  text-decoration: none;

  color: #d4d4d4;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

footer .sitemap .center .content .row ul li a:hover {
  color: #cfa543;
}

footer .sitemap .center .content .row ul li a.active {
  color: #cfa543;
}

footer .top {
  width: 100%;

  padding: 80px 0;
}

footer .top .center .left {
  width: 565px;

  float: left;
}

footer .top .center .left .search-box {
  margin: 0;

  padding: 0;
}

footer .top .center .left .search-box h4 {
  margin: 0;

  padding: 0 0 22px 0;

  color: #f2f2f2;
}

footer .top .center .left .search-box form {
  margin: 0;

  padding: 0;

  width: 100%;

  position: relative;
}

footer .top .center .left .search-box form input[type="text"] {
  margin: 0;

  padding: 0 40px 0 10px;

  width: 242px;

  height: 38px;

  line-height: 38px;

  border-radius: 38px;

  color: #000;
}

footer .top .center .left .search-box form input[type="text"]::placeholder {
  color: #8f8f8f;
}

footer .top .center .left .search-box form button {
  margin: 0;

  padding: 0;

  width: 32px;

  height: 32px;

  line-height: 32px;

  background-color: #ffd01a;

  color: #fff;

  text-align: center;

  position: absolute;

  top: 3px;

  left: 207px;

  border-radius: 100%;

  font-size: 16px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

footer .top .center .left .search-box form button:hover {
  background-color: #000;
}

footer .top .center .left .search-box form .type {
  width: 140px;

  position: absolute;

  height: 38px;

  left: 267px;

  top: 0;
}

footer .top .center .left .search-box form .type a {
  margin: 0;

  padding: 0 0 0 13px;

  display: block;

  text-decoration: none;

  color: #8f8f8f;

  position: relative;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

footer .top .center .left .search-box form .type a::before {
  content: "";

  margin: 0;

  padding: 0;

  width: 8px;

  height: 8px;

  border-radius: 100%;

  background-color: #8f8f8f;

  position: absolute;

  left: 0;

  top: 6px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

footer .top .center .left .search-box form .type a.active {
  color: #f2f2f2;
}

footer .top .center .left .search-box form .type a.active::before {
  background-color: #f2f2f2;
}

footer .top .center .left .search-box form .type a:hover {
  color: #f2f2f2;
}

footer .top .center .left .search-box form .type a:hover::before {
  background-color: #f2f2f2;
}

footer .top .center .right {
  float: right;

  width: calc(100% - 565px);
}

footer .top .center .right .footer-logo {
  margin-top: 6px;

  width: 305px;

  height: 65px;

  text-indent: -9999px;

  background-image: url("../img/footer-logo.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  float: left;
}

footer .top .center .right .footer-socials {
  float: right;

  list-style-type: none;

  margin: 25px 0 0 0;

  padding: 0;
}

footer .top .center .right .footer-socials li {
  margin: 0;

  padding: 0;

  float: left;
}

footer .top .center .right .footer-socials li a {
  margin: 0;

  padding: 0;

  display: block;

  text-decoration: none;

  text-align: center;

  width: 32px;

  height: 32px;

  line-height: 32px;

  background-color: #f2f2f2;

  border-radius: 100%;

  font-size: 20px;

  margin-right: 10px;

  color: #035773;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

footer .top .center .right .footer-socials li a:hover {
  background-color: #cfa543;
}

footer .top .center .right .footer-socials li:last-child a {
  margin-right: 0px;
}

footer .bottom {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 77px;

  background-color: #fff;
}

footer .bottom .center .left {
  margin: 0;

  padding: 0;

  width: 50%;

  float: left;
}

footer .bottom .center .left p {
  margin: 0;

  padding: 0;

  /* width: 100%; */

  /* height: 77px; */

  /* line-height: 7px; */

  color: #000;

  padding-top: 9px;
}

footer .bottom .center .right {
  margin: 0;

  padding: 0;

  width: 50%;

  float: left;
}

footer .bottom .center .right a {
  margin: 0;

  padding: 0;

  display: block;

  text-decoration: none;

  text-indent: -9999px;

  width: 60px;

  height: 20px;

  background-image: url("../img/shindi.svg");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center center;

  float: right;

  margin-top: 29px;
}

.gg-check-right {
  width: 100% !important;

  float: left !important;

  min-height: 550px !important;
}

.gg-check-width100 {
  width: 100% !important;
}

.gg-check-buttom {
  margin-top: 20px !important;

  margin-left: 20px !important;
}

.gg-check-table {
  margin: 0;

  padding: 0;

  border: 0;

  width: 100%;

  overflow-x: auto;
}

.gg-check-table tr th {
  color: #333;

  padding: 10px;

  border: solid 1px #cfcece;
}

.gg-check-table tr td {
  padding: 10px;

  color: #8f8f8f;

  border: solid 1px #cfcece;
}

.search-form {
  margin: 20px 0;
}

.search-form .input {
  margin: 0;

  padding: 0;

  width: 100%;

  height: 44px;

  margin-bottom: 20px;
}

.search-form .input input {
  margin: 0;

  padding: 0 20px;

  width: 100%;

  height: 42px;

  line-height: 42px;

  border-radius: 42px;

  border: solid 1px #ffd01a;

  color: #707070;
}

.search-form .input input::placeholder {
  color: #d4d4d4;
}

.search-form button {
  margin: 0;

  padding: 0;

  float: left;

  background-color: transparent;

  color: #8f8f8f;

  text-align: left;

  position: relative;

  transition-property: color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;
}

.search-form button::after {
  content: "";

  margin: 0;

  padding: 0;

  width: 16px;

  height: 16px;

  position: absolute;

  right: -25px;

  top: 0;

  mask-image: url("../img/contact-button.svg");

  -webkit-mask-image: url("../img/contact-button.svg");

  mask-size: contain;

  -webkit-mask-size: contain;

  mask-repeat: no-repeat;

  -webkit-mask-repeat: no-repeat;

  mask-position: center center;

  -webkit-mask-position: center center;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  background-color: #ffd01a;
}

.search-form button:hover {
  color: #035773;
}

.search-form button:hover::after {
  background-color: #035773;
}

/*# sourceMappingURL=main.css.map */

.circle {
  padding: 10px;

  text-decoration: none;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(143, 143, 143, 0.15);

  box-shadow: 0px 3px 6px 0px rgb(138 123 123 / 15%);

  border: solid 1px #f2f2f2;

  text-decoration: none;

  background: #ffc107 !important;

  margin-bottom: 30px;

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  word-wrap: break-word;

  text-align: center;

  min-height: 150px !important;

  overflow: hidden;

  border-radius: 250px !important;

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;
}

.circle:hover {
  background: #e1a15f !important;
}

a {
  color: #0d6efd;

  text-decoration: underline;
}

.text2 {
  cursor: pointer;
}

.text2Open {
  position: absolute !important;

  z-index: 80;

  max-width: 1184px;

  width: 100%;
}

.text2Open img {
  width: 100%;

  height: 100%;
}

.closeImg {
  position: absolute;

  font-size: 28px;

  color: red;

  z-index: 90;

  top: 800px;

  right: 120px;

  display: none;
}

.closeImgBlock {
  display: block;
}

.closeImgnone {
  display: none;
}

.img-box3 {
  width: 100% !important;
}

.rightContact {
  width: 44% !important;
}

.leftContact {
  width: 56% !important;
}

.carousel3 {
  position: relative;

  width: 100%;

  max-width: 1600px;

  margin: auto;

  overflow: hidden;

  background-color: white;

  border-radius: 10px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.carousel3-container {
  display: flex;

  transition: transform 0.5s ease-in-out;
}

.carousel3-item {
  /*  min-width: 33.3333%; To display 3 items at a time */

  box-sizing: border-box;

  padding: 10px;
}

.video3 {
  width: 100%;

  height: 315px;

  cursor: pointer;
}

.prev3,
.next3 {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

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

  color: white;

  border: none;

  padding: 10px;

  cursor: pointer;

  border-radius: 50%;
}

.prev3 {
  left: 10px;
}

.next3 {
  right: 10px;
}

.modal3 {
  display: none;

  position: fixed;

  z-index: 1000;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content3 {
  position: relative;

  margin: 10% auto;

  padding: 0;

  width: 80%;

  max-width: 700px;
}

.close3 {
  position: absolute;

  top: 10px;

  right: 25px;

  color: white;

  font-size: 35px;

  font-weight: bold;

  cursor: pointer;
}

.close3:hover,
.close3:focus {
  color: #999;

  text-decoration: none;

  cursor: pointer;
}

.textVideo {
  width: 100% !important;
}

/*photo*/

.carousel4 {
  position: relative;

  width: 100%;

  max-width: 1600px;

  margin: auto;

  overflow: hidden;

  background-color: white;

  border-radius: 10px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.carousel4-container {
  display: flex;

  transition: transform 0.5s ease-in-out;
}

.carousel4-item {
  min-width: 33.3333%; /* To display 3 items at a time */

  box-sizing: border-box;
}

.photo4 {
  width: 100%;

  height: auto;

  cursor: pointer;

  padding: 2px;

  height: 100%;
}

.prev4,
.next4 {
  position: absolute;

  top: 50%;

  transform: translateY(-50%);

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

  color: white;

  border: none;

  padding: 10px;

  cursor: pointer;

  border-radius: 50%;
}

.prev4 {
  left: 10px;
}

.next4 {
  right: 10px;
}

.modal4 {
  display: none;

  position: fixed;

  z-index: 1000;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.8);
}

.modal-content4 {
  position: relative;

  margin: 10% auto;

  padding: 0;

  width: 80%;

  max-width: 700px;
}

.modal-image4 {
  width: 100%;

  height: auto;
}

.close4 {
  position: absolute;

  top: 10px;

  right: 25px;

  color: white;

  font-size: 35px;

  font-weight: bold;

  cursor: pointer;
}

.close4:hover,
.close4:focus {
  color: #999;

  text-decoration: none;

  cursor: pointer;
}

.sliderBButton {
  margin: 35px auto 0 auto;

  padding: 0 70px;

  height: 58px;

  background-color: #fff;

  color: #ffd01a;

  text-align: center;

  border-radius: 58px;

  display: inherit;

  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);

  transition-property: background-color;

  transition-duration: 600ms;

  transition-timing-function: ease-in-out;

  margin-bottom: 35px;
}

.sliderBButton a {
  text-decoration: none;
}

.sliderBButton:hover {
  background-color: black;
}

.wiki {
}

.wiki img {
  width: 100% !important;

  height: 100% !important;
}

#gallery-container {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

#gallery-container div {
  max-width: 245px;

  width: 100%;

  margin-right: 12px;
}

#gallery-container div:nth-child(3n) {
  width: 245px;

  margin-right: 0px;
}

.newsDiv {
  height: 220px;
}

.newsDiv img {
  height: 100%;
}

.img-box4 {
  height: 200px;
}

@media screen and (max-width: 961px) {
  main .contact-page .center .right {
    width: 100%;
  }

  .rightContact {
    width: 100% !important;
  }

  main .contact-page .center .left .info p a {
    font-size: 15px !important;
  }

  .leftContact {
    width: 100% !important;
  }
}

@media screen and (max-width: 940px) {
  .closeImg {
    position: absolute;

    font-size: 28px;

    color: red;

    z-index: 90;

    top: 500px;

    right: 80px;
  }

  main .contact-page .center .left .info p a {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 806px) {
  #gallery-container {
    display: flex;

    flex-wrap: wrap;
  }

  #gallery-container div {
    width: 200px;

    margin-right: 12px;
  }
}

@media screen and (max-width: 510px) {
  #gallery-container {
    display: flex;

    flex-wrap: no-wrap;

    justify-content: center;

    flex-direction: column;
  }

  #gallery-container div {
    max-width: 100%;

    width: 100%;

    margin-right: 12px;
  }

  #gallery-container div:nth-child(3n) {
    max-width: 100%;

    width: 100%;

    margin-right: 0px;
  }

  main .contact-page .center .left .info p a {
    font-size: 10px !important;
  }
}

.closeImg:hover {
  color: green;

  cursor: pointer;
}

.img-box {
  width: 500px;

  height: 500px;
}

.commerce img {
  width: 500px;

  height: 500px;
}

.swiper {
  width: 100%;

  height: 100%;
}

.swiper-slide {
  text-align: center;

  font-size: 18px;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;
}

.swiper-slide img {
  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.autoplay-progress {
  position: absolute;

  right: 16px;

  bottom: 16px;

  z-index: 10;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: bold;

  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;

  position: absolute;

  left: 0;

  top: 0px;

  z-index: 10;

  width: 100%;

  height: 100%;

  stroke-width: 4px;

  stroke: var(--swiper-theme-color);

  fill: none;

  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));

  stroke-dasharray: 125.6;

  transform: rotate(-90deg);
}

.autoplay-progress {
  color: #035773;
}

.autoplay-progress svg {
  stroke: #035773;
}

.swiper-button-next,
.swiper-button-prev {
  color: #035773 !important;
}

@media (max-width: 960px) {
  .structure {
    width: 1100px !important;

    margin-bottom: 0px;
  }
}

/* NEW STYLE G  */
header .center .logo-box .logo{
    margin-top: 20px;
    height: 100px;
}

footer .top .center .right .footer-logo{
    height: 100px;
    background-position: left center;
}

@media(max-width: 960px){
    header .center .logo-box .logo{
        height: 90px !important;
        margin-top: 5px !important;
    }

    footer .top .center .right .footer-logo{
        background-position: center;
    }
}