@font-face {
    font-family: 'cera';
    src: url('fonts/CeraBasic-Black.woff2') format('woff2'),
        url('fonts/CeraBasic-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'cera';
    src: url('fonts/CeraBasic-Regular.woff2') format('woff2'),
        url('fonts/CeraBasic-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cera';
    src: url('fonts/CeraBasic-Bold.woff2') format('woff2'),
        url('fonts/CeraBasic-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('StageGrotesk-Bold.eot');
    src: url('StageGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('StageGrotesk-Bold.woff2') format('woff2'),
        url('StageGrotesk-Bold.woff') format('woff'),
        url('StageGrotesk-Bold.svg#StageGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('StageGrotesk-BlackItalic.eot');
    src: url('StageGrotesk-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('StageGrotesk-BlackItalic.woff2') format('woff2'),
        url('StageGrotesk-BlackItalic.woff') format('woff'),
        url('StageGrotesk-BlackItalic.svg#StageGrotesk-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-Black.eot');
    src: url('fonts/StageGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-Black.woff2') format('woff2'),
        url('fonts/StageGrotesk-Black.woff') format('woff'),
        url('fonts/StageGrotesk-Black.svg#StageGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-ExtraBoldItalic.eot');
    src: url('fonts/StageGrotesk-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/StageGrotesk-ExtraBoldItalic.woff') format('woff'),
        url('fonts/StageGrotesk-ExtraBoldItalic.svg#StageGrotesk-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-BoldItalic.eot');
    src: url('fonts/StageGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-BoldItalic.woff2') format('woff2'),
        url('fonts/StageGrotesk-BoldItalic.woff') format('woff'),
        url('fonts/StageGrotesk-BoldItalic.svg#StageGrotesk-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-ExtraBold.eot');
    src: url('fonts/StageGrotesk-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-ExtraBold.woff2') format('woff2'),
        url('fonts/StageGrotesk-ExtraBold.woff') format('woff'),
        url('fonts/StageGrotesk-ExtraBold.svg#StageGrotesk-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-Italic.eot');
    src: url('fonts/StageGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-Italic.woff2') format('woff2'),
        url('fonts/StageGrotesk-Italic.woff') format('woff'),
        url('fonts/StageGrotesk-Italic.svg#StageGrotesk-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/fonts/StageGrotesk-MediumItalic.eot');
    src: url('fonts/fonts/StageGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/fonts/StageGrotesk-MediumItalic.woff2') format('woff2'),
        url('fonts/fonts/StageGrotesk-MediumItalic.woff') format('woff'),
        url('fonts/fonts/StageGrotesk-MediumItalic.svg#StageGrotesk-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-LightItalic.eot');
    src: url('fonts/StageGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-LightItalic.woff2') format('woff2'),
        url('fonts/StageGrotesk-LightItalic.woff') format('woff'),
        url('fonts/StageGrotesk-LightItalic.svg#StageGrotesk-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-Regular.eot');
    src: url('fonts/StageGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-Regular.woff2') format('woff2'),
        url('fonts/StageGrotesk-Regular.woff') format('woff'),
        url('fonts/StageGrotesk-Regular.svg#StageGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-Medium.eot');
    src: url('fonts/StageGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-Medium.woff2') format('woff2'),
        url('fonts/StageGrotesk-Medium.woff') format('woff'),
        url('fonts/StageGrotesk-Medium.svg#StageGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-Light.eot');
    src: url('fonts/StageGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-Light.woff2') format('woff2'),
        url('fonts/StageGrotesk-Light.woff') format('woff'),
        url('fonts/StageGrotesk-Light.svg#StageGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-ThinItalic.eot');
    src: url('fonts/StageGrotesk-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-ThinItalic.woff2') format('woff2'),
        url('fonts/StageGrotesk-ThinItalic.woff') format('woff'),
        url('fonts/StageGrotesk-ThinItalic.svg#StageGrotesk-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Stage Grotesk';
    src: url('fonts/StageGrotesk-Thin.eot');
    src: url('fonts/StageGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/StageGrotesk-Thin.woff2') format('woff2'),
        url('fonts/StageGrotesk-Thin.woff') format('woff'),
        url('fonts/StageGrotesk-Thin.svg#StageGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

h6,h5,h4,h3,h2,h1{ font-family: 'Stage Grotesk'; }

#Top_bar{ background: #fff !important; }
#Top_bar .menu>li>a, #Top_bar #menu ul li.submenu .menu-toggle{ color: #464c4c; }
#Top_bar .menu>li>a:hover{ color: #e30427; }
.menu-main li a{ font-family: "Stage Grotesk"; }
#Footer .widgets_wrapper{ background: #464c4c; }
#Footer h4{ color:#fff; }
#Footer .textwidget{ color:#fff; }
#Footer .footer_copy{ background-color: #a99969; color: #fff; font-size: 11px; }
#Footer .footer_copy .one{ margin-bottom: 15px;padding-top: 15px; }
.pl-6{padding-left: 6%; }
.pr-6{padding-right: 6%; }
.m-2{ margin: 2%; }
.pjust{ text-align: justify; }
.progress_bars .bars_list li{ color: #912020; margin-bottom: 10px; font-weight: 600;}
.progress_bars .bars_list li span{ padding-right: 2%; font-weight: 400; color: blue; }
.mvv li{ color:#293e72;}
#Subheader .title{ font-family: 'Stage Grotesk'; }
/*
Social media
*/
.social strong{ font-family: Roboto; color:#505050; margin-bottom: 1%; display: block; }
.social{ margin-top: 11%; }
.no-padding{ padding: 0; }
.social-flex{ display: flex; justify-content: left; align-items: center; }
.social-flex img{ width: 24%; padding: 2% 2% 0 0; }
.social-flex p{ color: #505050; font-family: Roboto; font-weight: 400; font-size: 16px; width: 52%; padding-left: 2% }
.social-indicats{display: flex; position: absolute;left: 26%;bottom: 0 !important; }
.social-indicats a{ border: 2px solid #fdc741; }
.cf { position:relative; height:25px; width:25px; margin:0 auto; }
.cf img { position:absolute; left:0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
     transition: opacity 1s ease-in-out;
     /*box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.67);*/
     width:100%;
}
.cf img.top:hover {opacity:0; }
.footer-social{display: flex; flex-direction: row; align-items: center;justify-content: center;width: 156px; margin-top: -20%; }
.foote-1{justify-content: center; display: flex; flex-direction: column; align-items: flex-start; }
.footer-social a{ margin: 2px 2%;  }
/*
Mangagement section
*/
.mg-main{ width:100%; display: flex; justify-content: center; }
.mg-item{ width:33.3%; height: auto;  display: flex; }
.mg-img{ width: 135px; }
.mg-test{ width:50%; background: #464c4c; display: flex; flex-direction: column; justify-content: center; padding-left: 5%; }
.mg-test h3{
    color: #fff;
    margin: 0;
    font-weight: 500;
    border-bottom: 3px solid #a99969;
    width: fit-content;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size:20px;
 }
.mg-test span{ color: #c8c8c8; }
.mg-main-spacing{ margin: 0 0 3% 0; }
.mg-wrap{ display: flex; flex-wrap: wrap; }
.mg-wrap .mg-item{ flex: 0 0 50%; }
.mt-2{ margin: 2% 0; }
/*
* Contact Form
*/
.form-main{ display: flex; flex-wrap: wrap; padding-top: 3%; }
.form-items{ flex: 0 0 31.333333%; margin-right: 2% !important; }
a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"]{ background-color: #ff0e0e; }
.onoffswitch{ padding-top: 6px;}
#Side_slide{ background-color:#e30427; border-color:#e30427;}

/*
popup
*/

.popup-wrap {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  background: rgba(0, 0, 0, 0.85);
}

.popup-box {
  width: 600px;
  padding: 21px;
  transform: translate(-50%, -50%) scale(0.5);
  position: absolute;
  top: 30%;
  left: 50%;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  background: #fff;
  text-align: center;
}
.popup-box{ text-align: left; }
.popup-box img{float: left;  margin: 2%;}
.popup-box h2 { color: #1a1a1a; padding-bottom: 2%; border-bottom: 2px solid #e30427; }
.popup-box h3 {
  color: #888;
}
.popup-box .close-btn {
  width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 1000px;
    background: #d75f70;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    line-height: 190%;
    font-family: 'Poppins';
    text-align: center;
}
.popup-box .close-btn:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.transform-in, .transform-out {
  display: block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.transform-in {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.transform-out {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
}
.pop{ cursor: pointer; }
.popup-wrap{ z-index:10; }
/*
OWL slider
*/
.static { position: static; }

.cover {background-size: cover; background-position: center; background-repeat: no-repeat; }
.owl-carousel .owl-slide { position: relative; height: auto; background-color: transparent; }
.owl-carousel .owl-slide-animated { transform: translateX(20px); opacity: 0; visibility: hidden; transition: all 0.05s; }
.owl-carousel .owl-slide-animated.is-transitioned {transform: none; opacity: 1; visibility: visible; transition: all 0.5s; }
.owl-carousel .owl-slide-title.is-transitioned { transition-delay: 0.2s; }
.owl-carousel .owl-slide-subtitle.is-transitioned { transition-delay: 0.35s; }
.owl-carousel .owl-slide-cta.is-transitioned { transition-delay: 0.5s; }
.owl-carousel .owl-dots, .owl-carousel .owl-nav { position: absolute; }
.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-nav [class*="owl-"]:focus { outline: none; }
.owl-carousel .owl-dots .owl-dot span { background: transparent;border: 1px solid var(--main-black-color);transition: all 0.2s ease; }
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span { background: var(--main-black-color); }
svg[Attributes Style]{ width:25px; height:25px;}
.owl-carousel .owl-nav {
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
  margin: 0;
}

.owl-carousel .owl-nav svg {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.owl-carousel .owl-nav button:hover svg {
  opacity: 1;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
  background: transparent;
}

section {
  display: none;
}
/*
.owl-carouselss .owl-stage-outer { }
.owl-carouselss .owl-theme .owl-dots .owl-dot{ background: transparent !important; padding:0 !important;}
.owl-carouselss .owl-nav{ display:none !important; }
*/

.owl-carouselss .owl-slide { position: relative; height: auto; background-color: transparent; }
.owl-carouselss .owl-slide-animated { transform: translateX(20px); opacity: 0; visibility: hidden; transition: all 0.05s; }
.owl-carouselss .owl-slide-animated.is-transitioned {transform: none; opacity: 1; visibility: visible; transition: all 0.5s; }
.owl-carouselss .owl-slide-title.is-transitioned { transition-delay: 0.2s; }
.owl-carouselss .owl-slide-subtitle.is-transitioned { transition-delay: 0.35s; }
.owl-carouselss .owl-slide-cta.is-transitioned { transition-delay: 0.5s; }

.owl-carouselss .owl-dots, .owl-carousel .owl-nav { position: absolute; }
.owl-carouselss .owl-dots .owl-dot,
.owl-carouselss .owl-nav [class*="owl-"]:focus { outline: none; }
.owl-carouselss .owl-dots .owl-dot span { background: transparent;border: 1px solid var(--main-black-color);transition: all 0.2s ease; }
.owl-carouselss .owl-dots .owl-dot:hover span,
.owl-carouselss .owl-dots .owl-dot.active span { background: ccc; }
.owl-carouselss .owl-stage{ display:flex !important;}
.owl-carouselss .owl-dots{ position: absolute;left: 50%; bottom: 0; background: #fff; display: none; }
.owl-carouselss button{ background-color: transparent; padding: 0; margin: 0; margin-bottom: 4%;}
.owl-carouselss .owl-nav{ position: absolute; top: 40%; width: 100%; }
.owl-carouselss .owl-prev{ position: absolute; left: 0; }
.owl-carouselss .owl-next{ position: absolute; right: 0; }
.owl-carouselss .owl-dot span{ background: #820505; }
.owl-carouselss .owl-nav button{ line-height: 11px; }
/*.rev_slider .caption, .rev_slider .tp-caption{ display:none !important; }*/
.modal-video-close-btn:before, .modal-video-close-btn:after{ height: 2px !important; top: 50% !important; background: #fff !important; opacity: 1 !important;}
.bnr-video{width: 100%;  margin-top: 6%; }

@media screen and (max-width: 575px) {
  .owl-carousel .owl-nav {
    top: 5%;
  }
  
  .owl-carousel .owl-nav svg {
    width: 24px;
    height: 24px;
  }
  .bnr-video{width: 100%;  margin-top: 21%; }
}
/* 
  end owlslider 
*/
@media only screen and (max-width: 767px){
    .mg-main-spacing{ flex-direction: column; align-items: center; }
    .mg-item{ width:90%; }
    .mg-wid{width:100% !important;}
    #Top_bar .top_bar_left { margin-top: 0px; background: #fff !important; padding: 9px 0; }
    .mobile-header-mini #Top_bar a.responsive-menu-toggle{ margin-top: -6px; }
    .tp-mask-wrap{ display:none !important; }
    .section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns{ padding-left:0 !important; }
    h2{ padding-top: 6%; }
    .pl-6{ padding-left: 0;}
    .quick_fact{ text-align: center !important; }
}
