* {
  box-sizing: border-box;
  padding   : 0;
  margin    : 0;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size  : 12px;
}

#header-reponsive {
  display: none;
}

#header-dektop {
  padding      : 0px 15px;
  border-bottom: 1px solid #f2ebeb;
  /* position  : relative; */
  box-shadow   : 0px 4px 10px 0px #0000000D;
}

#logo {
  position  : absolute;
  left      : 0;
  right     : 0;
  margin    : auto;
  text-align: center;
  width     : 140px
}

header {
  width             : 100%;
  /* justify-content: space-between; */
  display           : flex;
  height            : 80px;
  background        : #ffffff;
  align-items       : center;
  position          : fixed;
  z-index           : 9999;
}

header .header-navigation {
  list-style     : none;
  display        : flex;
  list-style     : none;
  text-align     : center;
  width          : calc(100% - 155px);
  justify-content: space-between;
}

header .header-navigation li a {
  color          : #244066;
  /* font-weight : 400; */
  line-height    : 15px;
  letter-spacing : 0em;
  /* margin-right: 14px; */
  cursor         : pointer;
  text-decoration: none;
  text-transform : uppercase;
  font-family    : Montserrat;
  /* text-align  : right; */
}

header .header-navigation li a:hover, header .header-navigation li a:active{
  font-weight: 700;
}

header .header-navigation li.active a {
  font-weight: 600;
}

header button {
  height        : 30px;
  width         : 94px;
  background    : #244066;
  color         : white;
  text-transform: uppercase;
  font-weight   : 600;
  margin-left   : 26px;
}

.hover-about {
  position        : absolute;
  background      : #ffff;
  display         : flex;
  height          : 449px;
  width           : 985px;
  left            : -75px;
  top             : 85px;
  border-radius   : 0px;
  padding         : 54px 33px;
  text-align      : left;
  justify-content : space-around;
  visibility      : hidden;
  transition      : 0.2s;
  transition-delay: 0.5s;
  opacity         : 0;
}

.hover-about-list {
  display: flex;
}

.hover-about-list ul {
  display     : block;
  margin-right: 25px;
}

.hover-about-img img {
  height       : 346px;
  width        : 352px;
  left         : 585px;
  top          : 134px;
  border-radius: 0px;
  object-fit   : cover;
}

.hover-about-list ul li {
  font-family   : Montserrat;
  font-size     : 13px;
  font-weight   : 400;
  line-height   : 17px;
  letter-spacing: 0em;
  text-align    : left;
  list-style    : none;
  margin-bottom : 17px;
}

h4.hover-about-title {
  font-family   : Montserrat;
  font-size     : 17px;
  font-weight   : 600;
  line-height   : 17px;
  text-align    : left;
  margin-bottom : 26px;
  border-bottom : 1px solid #d1b371;
  padding-bottom: 20px;
  color         : #244066;
  text-transform: uppercase;
}

.hover-about-list ul li::before {
  content      : "";
  color        : #C1B887;
  font-weight  : bold;
  display      : inline-block;
  border       : 1px solid #C1B887;
  width        : 6px;
  height       : 6px;
  border-radius: 50%;
  background   : #C1B887;
  margin       : 0px 14px 2px 0px;
}

li.about-us {
  /* position: relative; */
}

li.about-us:hover .hover-about {
  position       : absolute;
  background     : #ffff;
  display        : flex;
  /*height       : 449px;*/
  height         : auto;
  width          : 985px;
  top            : 51px;
  border-radius  : 0px;
  padding        : 54px 33px;
  text-align     : left;
  justify-content: space-around;
  visibility     : visible;
  transition     : 0.5s;
  opacity        : 1;
  border         : 1px solid rgba(36, 64, 102, 0.1);
  left           : 0px;
}

.header-right li.about-us:hover .hover-about {
  right: 0px;
  left : inherit;
}

.header-left {
  display        : flex;
  align-items    : center;
  width          : 50%;
  justify-content: space-between;
  padding-right  : 135px;
  position       : relative;
  text-align     : center;
}

.header-right {
  display         : flex;
  align-items     : center;
  width           : 50%;
  text-align      : center;
  justify-content : space-between;
  padding-left    : 135px;
  position        : relative;
  display         : flex;
  align-items     : center;
  width           : 50%;
  justify-content : space-between;
  /* padding-right: 120px; */
  position        : relative;
}

.header-contact {
  display     : flex;
  align-items : center;
  position    : relative;
  margin-right: 23px;
}

.header-contact-item {
  width          : 20px;
  height         : 20px;
  background     : #244066;
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin-right   : 12px;
  cursor         : pointer;
}

.header-contact select {
  width       : 67px;
  height      : 20px;
  border      : 1px solid #244066;
  padding-left: 25px;
}

.header-language {
  height    : 16px;
  width     : 24px;
  background: #E92B2B;
  text-align: center;
  position  : absolute;
  right     : 40px;
  top       : 2px;
}

.header-search {
  display    : flex;
  align-items: center;
}

.hover-about-list ul li a {
  text-transform: inherit;
}

#search {
  display: none;
}

#search.activeSearch {
  position       : fixed;
  width          : 100%;
  height         : 100%;
  background     : white;
  top            : 0px;
  left           : 0;
  right          : 0;
  bottom         : 0;
  text-align     : center;
  padding-top    : 50px;
  z-index        : 999999;
  display        : flex;
  margin         : auto;
  justify-content: center;
}

#search input {
  width        : 50%;
  height       : 60px;
  border-radius: 34px;
  border       : 1px solid #244066;
  padding-left : 20px;
  outline      : none;
  background   : #f8f7f7;
}

#search button {
  height       : 60px;
  width        : 130px;
  border-radius: 34px;
  border       : 1px solid #244066;
  cursor       : pointer;
  background   : #244066;
  color        : white;
  margin-left  : 21px;
}

.close-search {
  position       : absolute;
  right          : 32px;
  top            : 23px;
  color          : #224;
  font-size      : 30px;
  border         : 1px solid #ededed;
  background     : #f3f1f1;
  width          : 35px;
  height         : 35px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border-radius  : 50%;
  padding-bottom : 4px;
  cursor         : pointer;
}

#search input:hover {
  background: #ececec;
}

div#search {
  -webkit-animation-name    : zoom;
  -webkit-animation-duration: 0.6s;
  animation-name            : zoom;
  animation-duration        : 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes zoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}

div#menu-sidebar {
  position     : absolute;
  top          : 0;
  left         : -100%;
  right        : 0;
  bottom       : 0;
  /* background: #fff; */
  z-index      : 99999;
  width        : 100%;
  height       : 100%;
  display      : flex;
  visibility   : hidden;
  transition   : 0.5s;
  opacity      : 0;
}

div#menu-sidebar.showMenuSide {
  position  : fixed;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  z-index   : 99999;
  width     : 100%;
  /* height : 100%; */
  display   : flex;
  visibility: visible;
  transition: 0.5s;
  opacity   : 1;
  overflow  : auto;
  max-height: calc(100%);
}

.sidebar-in {
  width     : 80%;
  box-shadow: 2px 2px #ddd;
  background: #fff;
  height    : 100%;
  position  : relative;
  overflow  : auto;
  max-height: 100%;
}

div#menu-sidebar-item {
  margin: 105px 0px 50px 0px;
}

.sidebar-out {
  width     : 20%;
  background: #2626263d;
}

.sidebar-close {
  position: absolute;
  top     : 7px;
  right   : 22px;
}

.menu-sidebar-logo {
  text-align     : center;
  height         : 81px;
  display        : flex;
  border-bottom  : 1px solid #ddd;
  box-shadow     : 2px 2px #f6f6f6;
  align-items    : center;
  justify-content: center;
  position       : fixed;
  background     : #fff;
  width          : 80%;
  z-index        : 999;
}

div#menu-sidebar-item ul {
  display: block;
}

div#menu-sidebar-item ul a {
  text-decoration: none;
}


div#menu-sidebar-item ul li {
  display       : block;
  align-items   : center;
  height        : auto;
  width         : 100%;
  padding-left  : 20px;
  text-transform: capitalize;
  font-weight   : 700;
  cursor        : pointer;
  font-size     : 13px;
  text-transform: uppercase;
  color: #274066;
  font-family    : Montserrat;
  padding-top: 3px;
    padding-bottom: 3px;
}
div#menu-sidebar-item ul li a{
    color: #274066;
      font-family    : Montserrat;
      font-weight   : 700;
      font-size: 18px;
}

.click-about ul li a{
    font-size: 15px !important;
}

.about-item-title {
  display        : flex;
  width          : 100%;
  justify-content: space-between;
  margin         : 20px 0px;
  align-items    : center;
}

img.img-close-sub {
  width : 10px !important;
  height: 10px !important;
}

.about-item-title a {
  display    : flex;
  align-items: center;
}

.click-about {
  margin : auto 35px;
  display: none;
}

div.click-about {
  -webkit-animation-name    : zoomSub;
  -webkit-animation-duration: 0.6s;
  animation-name            : zoomSub;
  animation-duration        : 0.6s;
}

@-webkit-keyframes zoomSub {
  from {
    -webkit-transform: scale(0.5)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes zoomSub {
  from {
    transform: scale(0.5)
  }

  to {
    transform: scale(1)
  }
}

.click-about ul li {
  line-height  : 35px;
  border-bottom: 1px solid #ddd;
  padding-left : 0px !important;
  position     : relative;
}

.click-about ul li::before {
  content      : '';
  width        : 5px;
  height       : 5px;
  background   : #fcbb4a;
  position     : absolute;
  left         : -15px;
  border-radius: 50%;
  top          : 16px;
}

div#menu-sidebar-item ul {
  display: block;
}

div#menu-sidebar-item ul li img {
  width       : 20px;
  height      : 20px;
  margin-right: 16px;
}

div#menu-sidebar-item ul li:hover {
  background: #dcdcff;
}

@media (max-width: 1300px) {
  #header-reponsive {
    display        : flex;
    padding        : 0px 16px;
    justify-content: space-between;
  }

  #header-dektop {
    display: none;
  }

  #search button {
    height       : 40px;
    width        : 130px;
    border-radius: 34px;
    border       : 1px solid #244066;
    cursor       : pointer;
    position     : absolute;
    top          : 127px;
    left         : 0;
    right        : 0;
    margin       : auto;
  }

  #search input {
    width        : 85%;
    height       : 50px;
    border-radius: 34px;
    border       : 1px solid #244066;
    padding-left : 20px;
    outline      : none;
    background   : #f8f7f7;
  }

  .close-search {
    position       : absolute;
    right          : 10px;
    top            : 14px;
    color          : #224;
    font-size      : 30px;
    border         : 1px solid #ededed;
    background     : #f3f1f1;
    width          : 35px;
    height         : 35px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 50%;
    padding-bottom : 4px;
  }

}

.sub-menu-title {
  margin-bottom : 30px;
  border-bottom : 1px solid #d1b371;
  padding-bottom: 20px;
  font-weight   : 700 !important;
  font-size     : 15px !important;
  color         : #244066;
  text-transform: uppercase;
}

.sub-menu-title::before {
  content    : inherit !important;
  width      : 0 !important;
  margin-left: 0 !important;
}

@media(max-width: 767px) {
  .sub-menu-title {
    margin-bottom : 15px;
    padding-bottom: 10px;
  }
}