:root{

  --color-yellow : #EED484;

  --font-family-ss: "Source Sans 3", sans-serif;

  --font-family-mm : "Padauk", sans-serif;





}  

/*font-family: "Padauk", sans-serif;*/

.mm-font{
    font-family: "Padauk", sans-serif;
}

.work-sans-fonts {

  font-family: "Source Sans 3", sans-serif;

}

td{
    background: #fff !important;
}

body{

    margin:0 auto;

    font-family: var(--font-family-ss);

}



.home p{

    color:var(--color-blue);

}



p {

    font-weight: 400;

    font-size: 16px;

    line-height: 29px;

    text-align: justify;

    font-family: "Source Sans 3", sans-serif;

}



h2,h3,h4,h5,h6{

    font-family: "Source Sans 3", sans-serif;

    font-weight: 700;

    line-height: 100%;

    letter-spacing: 0%;

}

h2{

      font-size: 44px;

}



* a:hover; *a:focus{outline: none;}


header {

    -webkit-transition: all 0.5s ease;

    -moz-transition: position 10s;

    -ms-transition: position 10s;

    -o-transition: position 10s;

    transition: all 0.5s ease;

    /*border-top: 8px solid #0c4da2;*/

    /*padding-top: 17px;*/

}

header.fix {

    position: fixed;

    top: 0;

    z-index: 9999;

    background-color: #fff;

    width: 100%;

    left: 0;

    animation: smoothScroll 1s forwards;

/*    box-shadow: 1px -1px 7px #000;*/

}


/************** menu **************/

.right-side-menu ul>li.current-menu-item a {
    color: var(--color-blue);
}

.right-side-menu ul>li:hover a {
    color: var(--color-blue);
    font-weight: 600;
}

.dropdown-menu-lg-end:hover ul.dropdown-menu {
    display: block;
}


/*.dropdown>.dropdown-toggle:active {

    pointer-events: none;

}*/


.right-side-menu .navbar-light .navbar-nav .nav-link {

    font-family: Work Sans;

    font-weight: 600;

    font-size: 16px;

    line-height: 100%;

    color: #1e1e1e;

}


nav#site-nav {

    padding: 0;

}


.dropdown-menu-start a:hover ul.dropdown-menu, .dropdown-menu-start a:focus ul.dropdown-menu {

    display: block !important;

}



@keyframes smoothScroll {


  0% {


    transform: translateY(-40px);


  }


  100% {


    transform: translateY(0px);


  }


}

/* Pagination */



ul.page-numbers{

    padding-left: 0px;

}   

ul.page-numbers li{

    float: left;

    height: 35px;

    width: 35px;

    list-style: none;

    line-height: 35px;

    text-align: center;

    padding: 0px;

    border-radius: 100px;

    margin-right: 3px;

    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); 

}

ul.page-numbers li span.current{

    color: #000;

    font-size: 16px;

}

.content-img img{

    width: 100%;

    height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

    margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



#go-top {

    width: 42px;

    height: 42px;

    border-radius: 50%;

    background-color: #ffffff;

    color: #1f4c77;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    position: fixed;

    right: 14px;

    bottom: 14px;

}



/* Breadcrumb */



#ns_breadcrumb {list-style-type: none; display: inline-block;}

#ns_breadcrumb li{display: inline-block;}

.ns_breadcrumb {

  list-style: none;

  padding: 0;

}

ol.breadcrumb.ns-bcr {

    background-color: transparent;

    padding-left: 0;

    padding-top: 0px;

    margin-bottom: 0;

    padding-bottom: 0;

    padding-right: 0;

    z-index: 999;

}



.ns_breadcrumb li {

  list-style: none;

  margin: 0;

  padding: 0;

  display: block;

  float: left;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: .05em;

  line-height: 20px;

  color: hsl(0deg 0% 100%);

}

ol.breadcrumb.ns-bcr li a {

    text-decoration: none;

}

ol.breadcrumb.ns-bcr li a:hover,

ol.breadcrumb.ns-bcr li a:focus{

    text-decoration: none;

    outline: none;

}

.ns_breadcrumb li a {

  display: block;

  padding: 0 40px 0 0px;

  color: hsl(0deg 0% 100%);

  text-decoration: none;

  height: 20px;

  position: relative;

  perspective: 700px;

}



.ns_breadcrumb li a:after {

  content: '';

  width: 20px;

  height: 20px;

  border-color: #fff;

  border-style: solid;

  border-width: 1px 1px 0 0;

  

  -webkit-backface-visibility: hidden;

  outline: 1px solid transparent;

  

  position: absolute;

  right: 20px;

  -webkit-transition: all .15s ease;

     -moz-transition: all .15s ease;

      -ms-transition: all .15s ease;

          transition: all .15s ease;

  -webkit-transform: rotateZ(45deg) skew(10deg, 10deg);

     -moz-transform: rotateZ(45deg) skew(10deg, 10deg);

      -ms-transform: rotateZ(45deg) skew(10deg, 10deg);

          transform: rotateZ(45deg) skew(10deg, 10deg);

}





.ns_breadcrumb li a:hover:after {

  right: 15px;

  -webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);

     -moz-transform: rotateZ(45deg) skew(-10deg, -10deg);

      -ms-transform: rotateZ(45deg) skew(-10deg, -10deg);

          transform: rotateZ(45deg) skew(-10deg, -10deg);

}




/*



   Styles for animated modal

   =========================



*/



/* Start state */

.animated-modal {

    max-width: 550px;

    border-radius: 4px;

    overflow: hidden;



    transform: translateY(-50px);

    transition: all .7s;

}



.animated-modal h2,

.animated-modal p {

    transform: translateY(-50px);

    opacity: 0;



    transition-property: transform, opacity;

    transition-duration: .4s;

}



/* Final state */

.fancybox-slide--current .animated-modal,

.fancybox-slide--current .animated-modal h2,

.fancybox-slide--current .animated-modal p {

    transform: translateY(0);

    opacity: 1;

}



/* Reveal content with different delays */

.fancybox-slide--current .animated-modal h2 {

    transition-delay: .1s;

    font-family: 'Inria Serif';

    font-weight: 800;

    font-size: 23px;

}



.fancybox-slide--current .animated-modal p {

    transition-delay: .3s;

    font-family: 'Inria Serif';

}


a.fancyboxBtn.modal-btn {

    background: var(--color-blue);

    color: #fff;

    border-radius: 10px;

    padding: 4px 12px;

    text-decoration: none;

}

/******************************************************/

header {
/*    background: #efd483;*/
}
footer {
    background: #333;
    padding-top: 50px;
}
p{
    font-family: Source Sans Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 38px;
}

.online-application-page .first .d-flex.form-detail label {
  min-width: 30%;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 5px;
}
.online-application-page .first .d-flex.form-detail .form-control {
  border-radius: 0px;
  border: 1px solid #51b7e1;
}
.online-application-page .form-control {
  border-radius: 0px;
}
.online-application-page .first .d-flex.form-detail {
  background-color: #51b7e1;
  max-width: 100%;
  /* max-width: 80%; */
}
.online-application-page .first .d-flex.form-detail.right {
  justify-content: flex-end;
  float: right;
  min-width: 80%;
}

.pb-30 {
  padding-bottom: 30px;
}
.online-application-page .table-responsive td label {
  margin-bottom: 0px;
  padding-top: 6px;
  padding-left: 10px;
}
.online-application-page .table-responsive td.lable-col,
.online-application-page .table-responsive th {
  background-color: #efd483 !important;
}
.online-application-page .table-responsive td {
  padding: 0px;
  border: 1px solid #A3915A;
}
.online-application-page .table-responsive th {
  border: 1px solid #A3915A;
  text-align: center;
}
.online-application-page .table-responsive .form-control {
  border: none;
  box-shadow: none;

}
.online-application-page .table-responsive td.number {
  text-align: center;
}
.online-application-page .table-responsive td.pt-5-5 {
  padding-top: 5.5px;
}
.online-application-page .table-responsive td.number label {
  padding-left: 0px;
}
.online-application-page .sixth p {
  margin-bottom: 7px;
}
.online-application-page .sixth .d-flex.form-detail label {
  padding: 0px 10px;
  min-width: 15%;
  margin: 0px;
}
.online-application-page .sixth .d-flex.form-detail {
  background-color: #51b7e1;
}
.online-application-page .sixth .d-flex.form-detail .form-control {
  border-radius: 0px;
}
.footer-address .address.hidden-md {
  display: none;
}
.application_form_form {
  padding-top: 30px;
}
.application_form_form .background-container {
  padding: 50px 20px 0px 20px;
  background: #f2f3f4;
}
.pb-40 {
  padding-bottom: 40px;
}
td {
  background-color: white;
}
.application_form_form .background-container .first .control-label {
  min-width: 50px;
}
.application_form_form .background-container .first input {
  border: 1px solid #efd483;
}
.application_form_form .background-container .nine .google-cap {
  display: flex;
  justify-content: center;
}
form.oaf .form-control {
    margin-bottom: 0 !important;
}
.g-recaptcha.btn.btn-submit.btn-default.btn, button.g-recaptcha.btn.btn-default.submit-btn.btn-submit {
    background-color: #efd483;
    color: #000;
    border-radius: 2px;
    padding: 8px 40px;
    margin-bottom: 30px;
}
.form-section table tr th {
    vertical-align: middle;
}

.home_slides ul.splide__list li.splide__slide{
    height: 900px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    filter: brightness(0.7);
}

.splide__caption h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    text-transform: uppercase;
    white-space: pre-line;
    color: #fff;
}
.splide__caption  h3 {    
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    white-space: pre-line;
    color: #fff;
}
.splide__caption  a{

    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
    color: #fff;
}

.splide__caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
}

/* Add numbers to pagination buttons by CSS */
.splide__pagination {
  counter-reset: pagination-num;
}

.splide__pagination__page:before {
  counter-increment: pagination-num;
  content: "0" counter( pagination-num );
}

div#home_slide {
    position: relative;
}
header div#top_header {
   position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
/*    background-color: rgba(0, 0, 0, 20%);*/
    padding: 10px 0;
    background-color: rgb(238 212 132 / 80%);
}

header.front_page.fix div#top_header {
    background-color: var(--color-yellow);
}

header.front_page.fix nav#topMenu ul li a {
    color: #000;
}

header.inner_page #top_header {
    background: var(--color-yellow);
    padding: 10px 0;
    position: static;
}

.inner_page nav#topMenu ul li a {
    color: #333;
}

nav#topMenu {
    float: right;
}
nav#topMenu ul li a {
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #000;
    padding: 0 25px;
}

div#top_header .container .row {
    display: flex;
    align-items: center;
}

.social-icon-for-slide {
    display: flex;
    flex-flow: column;
    align-items: end;
    gap: 13px;
}

ul.splide__pagination.home-slide-pagination.splide__pagination--ltr {
    left: auto;
    right: 17%;
    bottom: 30px;
}

.home-slide-pagination {
    display: flex;
    gap: 25px;
}
.home-slide-pagination li button.splide__pagination__page {
    background-color: transparent;
    color: #fff;
    font-size: 18px;
}
.home-slide-pagination .splide__pagination__page.is-active{
    text-decoration: underline;
    font-weight: 700;
    font-size: 24px;
    transform: none;
}

/******************* Home ******************/
.about-us-section h4 {
    font-weight: 900;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    color: #EED484;
}

.about-us-section h3 {
    font-weight: 700;
    font-size: 39px;
    line-height: 100%;
    color: #535353;
}

.aboutus_photo {
    float: right;
}
div#about_section {
    padding-top: 100px;
}

a.read_more_btn.btn.btn-primary {
    border-radius: 10px;
    background: var(--color-yellow);
    border-color: transparent;
    color: #000;
    float: right;
}

a.read_more_btn.btn.btn-primary:hover,
a.read_more_btn.btn.btn-primary:focus{
    outline: none;
    text-decoration: none;
}

.online-app-pg h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    text-transform: uppercase;
    color:#535353;
}

.online-app-pg p{
    color:#535353;
}

a.join-now {
    float: right;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color:#535353;
}
.online-application-section{
    width: 100%;
    overflow: hidden;
    padding-top: 50px;
}
.overlay-bg:before {
    content: '';
    position: absolute;
    background: #EED484;
    height: 406px;
    width: 100%;
    border-radius: 30px;
    top: 104px;
    z-index: -1;
    left: 16%;
}
.overlay-bg {
    position: relative;
}
.global-team {
    margin: 0 auto;
    text-align: center;
}
.online-app-pg {
    margin-top: 50px;
}
.vacancy h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #535353;
}

.vacancy {
    padding-top: 100px;
    padding-bottom: 50px;
}

.vacancy_boxs .career-box div:nth-child(2) {
    text-align: right;
}
.vacancy_boxs .career-box div {
    flex-grow: 1;
    flex-basis: 0;
}

.career-box h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #535353;
}

.career-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #535353;
}

.career-box a{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #535353;
    text-decoration: none;
}
.career-box a:hover,
.career-box a:focus{
    text-decoration: none;
    outline: none;
}

.vacancy_boxs .career-box div span {
    background: var(--color-yellow);
    border-radius: 20px;
    padding: 7px 18px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;


}

.career-box {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    padding: 1rem;
    border-radius: 20px;
}

.vacancy_boxs {
    padding-top: 30px;
    padding-bottom: 50px;
}
.vacancy_boxs .row {
    margin-bottom: 30px;
}

/**************** Footer ***************/

.widget h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}
.address address span:nth-child(2) {
    flex: 0 0 65%;
    max-width: 65%;
}
.address address span:nth-child(1) {
    flex: 0 0 25%;
    max-width: 25%;
    font-size: 16px;
    font-weight: 600;
}
.address address span i.fa {
    margin-right: 8px;
}
.address address span {
    color: #fff;
}
.widget.faq-widget a {
    float: right;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
.widget.faq-widget p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: justify;
    color: #fff;
}
.social-icon-for-footer a {
    margin-right: 12px;
}
.address address span a {
    text-decoration: none;
    color: #fff;
}
.address address span a:focus,
.address address span a:hover{
    text-decoration: none;
    outline: none;
}
.copyright p a {
    text-decoration: none;
    color: var(--color-yellow);
    font-weight: 600;
}
.copyright p {
    margin-bottom: 0;
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 13px;
}
.career-box h4>span {
    float: right;
}
/********************************************************/



/* .xs = | Extra Small devices only (portrait phones) less than 576px --*/

@media (max-width: 575.98px) {


}

/* .sm > | Small devices and up (landscape, phones) 576px and up */

@media (min-width: 576px) {

  

}

/* .sm < | Small devices and down (landscape, phones) less than 768px */

@media (max-width: 768px) {

    .xs.sm nav#topMenu {
        display: none;
    }
    .xs.sm .web-logo {
        margin: 0 auto;
        text-align: center;
    }
    .xs.sm .responsive-menu-wrap {
        position: absolute;
        top: 0;
        z-index: 99999;
        left: 20px;
    }
    
    .xs.sm .home_slides ul.splide__list li.splide__slide{
        height: 195px;
    }
    nav#topMenu {
        display: none;
    }
    
    .xs .splide__caption {
        position: static;
       /* background: #a39c9c;
        padding: 2rem;*/
        display: none;
    }

    .xs div#about_section {
        padding-top: 50px;
    }

    .splide__caption h2, .splide__caption h3,.splide__caption a {
        color: #000;
    }

    .social-icon-for-slide a img {
        filter: drop-shadow(2px 4px 6px black);
    }

    .social-icon-for-slide {
        align-items: center;
        flex-flow: wrap;
        justify-content: start;
        margin-top: 20px;
    }

    .splide__slide__container.caption.container .row {
        align-items: center;
    }
    .xs .splide__caption h2 {
        font-size: 24px;
    }
    .xs .splide__caption h3 {
        font-size: 16px;
        white-space: normal;
    }
    ul.splide__pagination.home-slide-pagination.splide__pagination--ltr {
        left: auto;
        right: 4%;
/*        top: -100px;*/
    }
    .xs .splide__slide__container.caption.container {
        background: #cecece;
        padding: 2rem;
        margin-top: 20px;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
        border-radius: 13px;
    }
    .xs.sm .web-logo img {
        width: 200px;
/*        filter: invert(1);*/
    }
    .aboutus_photo {
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    .aboutus_photo img {
        width: 274px;
    }
    .xs .overlay-bg:before {
        height: 299px;
        top: 210px;
      
    }
    .xs .career-box {
        margin-bottom: 30px;
    }
    .aboutus_photo {
        padding-top: 30px;
    }
    .copyright p {
        line-height: 15px;
        padding: 1rem 0;
    }
    ol.breadcrumb.breadcrumb-arrow {
        float: left !important;
    }
    .row.inner_banner_wrap h1 {
        font-size: 19px;
    }
    .xs ol.breadcrumb.breadcrumb-arrow li.active span,
    .xs .row.inner_banner_wrap ol.breadcrumb i.bi {
        font-size: 15px;
    }
    .xs .contact-section.application_form_form.online-application-page h2 {
        font-size: 20px;
    }
    .xs header div#top_header{
        position: static;
    }
    .online-application-page .table-responsive .form-control {
     width: auto;
      
    }
}

/* .sm = | Small devices only (landscape, phones) upper 576px and less than 768px ---*/

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



}



@media (max-width: 420px) {

    /*ul.splide__pagination.home-slide-pagination.splide__pagination--ltr {
        top: -150px;
    }*/
    .aboutus_photo {
        padding-top: 30px;
    }
    .xs .overlay-bg:before {
        top: 182px;
        left: 10px;
    }
    .social-icon-for-footer {
        margin-bottom: 30px;
    }

    .widget.contact-info-widget {
        margin-bottom: 30px;
    }

    .widget.faq-widget a {
        margin-bottom: 30px;
    }
/*    ol.breadcrumb.breadcrumb-arrow li.active span {
       
        font-size: 13px;
    }
    .row.inner_banner_wrap ol.breadcrumb i.bi {
        font-size: 16px;
    }
    .row.inner_banner_wrap h1{
        font-size: 16px;
    }*/

}




/* .md > | Medium devices and up (tablets) 768px and up */

@media (min-width: 768px) {



}

/* .md < | Medium devices and down (tablets) less than 992px */

@media (max-width: 991.98px) {


}

/* .md = | Medium devices only (tablets) upper 768px and less than 992px */

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



}







/* .lg > | Large devices and up (desktops) 992px and up */

@media (min-width: 992px) {

    

}

/* .lg < | Large devices and down (desktops) less than 1200px */

@media (min-width: 1199.98px) {



}

/* .lg = | Large devices only (desktops) upper 992px and less than 1200px */

@media (min-width: 992px) and (max-width: 1288.98px) {

   

}



/* .xl = | Large devices only (desktops, TV) 1200px and up */

@media (min-width: 1200px) {
    .md.lg .responsive-menu-wrap {
        display: none;
    }

}


@media (max-width: 500px) {

}




/* Between <> .sm-lg, .sm-xl, .md-xl */

/* .sm <> .lg | From Small to Large devices only (landscape, phones, tablet, desktops) upper 576px and less than 1200px */

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



}

/* .sm <> .xl | From Small to Extra Large devices only (landscape, phones, tablet, desktops, TV) upper 576px and less than 1200px ---*/

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

 

}

/* .md <> .xl | From Medium to Extra Large devices only (tablet, desktops, TV) upper 768px and less than 1200px */

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



}





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

    .g-recaptcha {

        transform:scale(0.77);

        transform-origin:0 0;

    }

}



@media (max-width: 280px){ 


}





/* scroll to top */
.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:20px;
    background: #222;
}
a.scrollup {
    outline:0;
    text-align: center;
    padding-top:5px;
}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
    opacity:1;
    text-decoration:none;
}
a.scrollup i {
    /*margin-top: 10px;*/
    color: #fff;
}
a.scrollup i:hover {
    text-decoration:none;
}
.csr img {
    margin-bottom: 20px;
}
.row.inner_banner_wrap h1 {
    color: var(--color-yellow);
    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Source Sans 3';
}
.row.inner_banner_wrap {
    background: #010000;
    align-items: center;
    padding: 20px 15px;
}
ol.breadcrumb.breadcrumb-arrow {
    margin-bottom: 0;
    float: right;
}
.row.inner_banner_wrap ol.breadcrumb i.bi {
    color: var(--color-yellow);
    font-size: 20px;
}
/*
div#banner {
    margin-top: 100px;
}*/

ol.breadcrumb.breadcrumb-arrow li.active span {
    color: var(--color-yellow);
    font-size: 20px;
}

ol.breadcrumb.breadcrumb-arrow li {
    position: relative;
}

ol.breadcrumb.breadcrumb-arrow li:after {
    content: '|';
    padding: 10px;
    color: var(--color-yellow);
}

ol.breadcrumb.breadcrumb-arrow li.active:after {
    content: '';
}
.nav-tabs.profile-lang {
    border-bottom-color: transparent;
    margin-top: 30px;
}
.nav-tabs.profile-lang .nav-item.show .nav-link, 
.nav-tabs.profile-lang .nav-link.active {
    color: #000;
    background-color: var(--color-yellow);
    border-color: transparent;
}
.nav-tabs.profile-lang .nav-link {
    background: #212529;
    margin-right: 10px;
    color: #fff;
}
.nav-tabs.profile-lang {
    border-bottom-color: transparent;
    margin-top: 30px;
/*    justify-content: end;*/
    margin-bottom: 30px;
}
.csr {
    padding: 15px 15px;
    display: flex;
    gap: 20px;
}
.csr-two {
    margin-top: -20px  !important;
}
.en-lang p {
    font-family: 'Source Sans 3';
    font-size: 16px;
}
form#contact-form .form-control {
    margin-bottom: 25px;
}

button.g-recaptcha.btn.btn-submit.butn {
    background-color: #000;
    color: var(--color-yellow);
    padding: 8px 26px;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 33px;
}
p.gray.text-center {
    font-family: var(--font-family-ss);
    font-size: 18px;
}
.company_circle .row {
    align-items: center;
}


.circle {
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
}

.company_circle {
    width: 80%;
    margin: 0 auto;
}

.company_circle figcaption {
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    font-size: 18px;
    line-height: 20px;
}

.company_circle figcaption span {
    font-size: 15px;
    display: block;
    color: #5e5e5e;
    font-weight: 400;
}
h3.family-company-title {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin: 30px 0;
    border-bottom: 8px groove #ffcc11;
}
.gallery {
    margin-top: 30px;
}

.gallery-wrap {
    margin-bottom: 35px;
}

.gallery-wrap img {
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.mm-menu {
    --mm-color-border: rgba(0, 0, 0, 0.1);
    --mm-color-button: rgba(0, 0, 0, 0.3);
    --mm-color-text: rgba(0, 0, 0, 0.75);
    --mm-color-text-dimmed: #000;
    --mm-color-background: var(--color-yellow);
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
    --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
    --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
li.nav-item.active.mm-listitem a.nav-link {
    background-color: #000;
    color: var(--color-yellow);
    text-transform: uppercase;
    font-weight: 600;
}
a.nav-link.mm-listitem__text {
    color: #000;
    text-transform: uppercase;
}
div.mm-navbars_top a.mm-navbar__title {
    font-size: 19px;
    font-weight: 900;
    color: #000;
}
.vacancy .career-box {
    margin-bottom: 30px;
}