/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  :root {
    --font-1: "Raleway", sans-serif;
    --font-2: "Tenor Sans", sans-serif;
    --font-3: "Manrope", sans-serif;
    --font-4: "Poppins", sans-serif;
    --font-5: "Inter", sans-serif;
    --font-6: "Montserrat", sans-serif;

    --color1: #05213a;
    --color2: #0b2e51;
    --color3: #2980f5;
    --color4: #b38551;
    --color5: #f5f7f9;
    --color6: #575656;
    --color7: #f1f3f6;
    --color8: #e3e5e9;
    --color9: #a8b8c1;
    --color10: #d1af85;
    --color11: #fafafa;
    --color12: #1b1b1b;
    --color13: #dee4ee;
    --color14: #989da3;
    --color15: #939393;
    --color16: #041728;

    --a: #2980f5;
    --hover: #b38551;

    --darktitle: white;
    --darktext: white;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  section.element .wrap {
    padding: 30px 0;
  }
  section.element .nwrap {
    padding: 0;
  }
  section.custom-videos .wrap {
    padding: 40px 0 !important;
  }

  .element.no-br br {
    display: none;
  }

  header.menu-overlay {
    position: absolute;
  }
	
  [data-ctr="4"] .grid {
	grid-template-columns: repeat(3,1fr);
  }
}

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

@media only screen and (max-width: 767px) {
  [data-ctr="4"] .grid {
	grid-template-columns: repeat(2,1fr);
  }
	
  .custom-videos .dinfo {
	row-gap: 25px;
  }
	
  .custom-videos .video iframe {
	min-height: 370px;
  }
}

@media only screen and (max-width: 600px) {
  section.custom-videos .wrap {
    padding: 30px 0 !important;
  }
}

@media only screen and (max-width: 480px) {
  section.element .wrap {
    padding: 30px 0 !important;
  }

  header.element .f-icon svg {
    width: 32px;
    max-height: 32px;
  }

  .navbar-brand {
    width: 200px;
  }

  .element.dinfo-mt-38 .dinfo {
    margin-top: 0;
  }
	
  [data-ctr="4"] .grid {
	grid-template-columns: repeat(1,1fr);
  }
	
  .element .grid {
	row-gap: 35px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1200px) {
  footer .menu-links.dv {
    display: none;
  }

  footer .sel-menu .menu-links.mv {
    display: block;
    border-color: hsla(240, 9%, 40%, 0.3);
  }

  footer .footer-menu {
    padding-bottom: 38px;
    margin-bottom: 0;
    border-bottom: 0;
  }
}

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

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

@media only screen and (max-width: 767px) {
  footer .dcompany {
    flex-direction: column;
    row-gap: 30px;
  }
}

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

@media only screen and (max-width: 480px) {
  footer .navbar-brand {
    width: 300px;
  }
}

@media only screen and (max-width: 360px) {
  footer .navbar-brand {
    width: 240px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: QUOTE SLIDER 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1400px) {
  .quoteslider-01 .is-grid .owlprev {
    left: -15px;
  }

  .quoteslider-01 .is-grid .owlnext {
    right: -15px;
  }

  .quoteslider-01 .is-grid .owlbtn {
    background-color: var(--color13);
  }
}

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

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

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

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

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

/* #endregion */

/*------------------------------------------
    #MARK: HERO SLIDER 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  .heroslider-01 .wrap {
    min-height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .heroslider-01 .dinfo {
    flex-direction: column;
    align-items: start;
    row-gap: 30px;
  }
}

@media only screen and (max-width: 480px) {
  section.element.heroslider-01 .wrap {
    padding: 0 !important;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 02
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  .hero-02 .wrap {
    min-height: 600px !important;
  }

  .careers .hero-02 .wrap,
  .team .hero-02 .wrap {
    min-height: 400px !important;
  }

  .hero-02 .dinfo {
    margin-bottom: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 03
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  .hero-03 .wrap {
    min-height: 500px !important;
  }

  .hero-03 .dinfo {
    margin-bottom: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 04
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .hero-04 .wrap {
    min-height: 300px !important;
  }

  .hero-04 .dinfo {
    margin-bottom: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 05
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .hero-05 .wrap {
    align-items: end;
  }

  .hero-05 .dinfo {
    margin-top: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: CARD SLIDER 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  .cardslider-01 .owl-carousel {
    width: 100%;
    margin-left: 0;
  }

  .cardslider-01 .slider-nav-container {
    padding-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  .cardslider-01 .slider-nav-container {
    flex-direction: column;
    gap: 20px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 600px) {
  .cards-01 .grid {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS GRID 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .cardsg-01 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .cardsg-01 .grid {
    grid-template-columns: 1fr;
  }

  .cardsg-01 .div-link:last-child {
    grid-column: span 1;
  }

  .cardsg-01 .div-link {
    height: 350px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS GRID 02
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .cardsg-02 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .cardsg-02 .grid {
    grid-template-columns: 1fr;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW AVATAR 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .rowavatar-01 .row {
    flex-direction: column-reverse;
  }

  .rowavatar-01 .dinfo {
    max-width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW AVATAR 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 600px) {
  .logo-01 .awards {
    flex-direction: column;
  }

  .logo-01 .logos {
    justify-content: center;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA ICONS 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .rowmediai-01 .col-md-5,
  .rowmediai-01 .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .rowmediai-01 .items {
    max-width: 100%;
    margin-top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .rowmediai-01 .dmedia {
    min-height: auto;
    height: 350px;
  }

  .rowmedia-01.media-mnh-400 .cc:first-child .d-popmedia {
    min-height: auto;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .rowmedia-01 .cc:first-child .d-popmedia {
    min-height: auto;
    height: 350px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW ACCORDION 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .rowaccordion-01 .row {
    flex-direction: column-reverse;
  }

  .rowaccordion-01 .dinfo {
    max-width: 100%;
  }

  .rowaccordion-01 .col-md-3,
  .rowaccordion-01 .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA OVERLAP 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .rowmediao-01 .cc:first-child .d-popmedia {
	width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .rowmediao-01 .cc:first-child .d-popmedia {
    min-height: auto;
    height: 350px;
  }

  .rowmediao-01 .dinfo {
    margin-top: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: LOGOS 02
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
  .logo-02 .logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .logo-02 .logos {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 600px) {
  .logo-02 .logos {
    grid-template-columns: 1fr;
    place-items: center;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ICON 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .icon-01 .grid {
    grid-template-columns: 1fr;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ICON 03
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .icon-03 .grid {
    column-gap: 30px;
    row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .icon-03 .grid {
    grid-template-columns: 1fr;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO TEAM 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .heroteam-01 .wrap > img.overlay {
    left: 0;
  }
}

@media only screen and (max-width: 480px) {
  .heroteam-01 .wrap {
    min-height: 420px !important;
  }

  .heroteam-01 .dinfo {
    margin-bottom: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW BIO 02
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .rowbio-01 .items {
    margin: 30px 0;
  }
}

/*------------------------------------------
    #MARK: ROW BIO 02
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .rowbio-02 .col-md-4,
  .rowbio-02 .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .rowbio-02 .items {
    max-width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW POST 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .rowpost-01 .thumb-bg {
    height: 261px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: GLOSSARY 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  section.element.glossary-01 .wrap {
    padding: 0 !important;
  }

  .glossary-01 .glossary-search-form,
  .glossary-01 .glossary-search-form label {
    width: 100%;
  }

  .glossary-01 .glossary-search-form input {
    min-width: 0;
    width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: JS TABS ITEMS 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .js-tabsi-01 [data-design*="tab-1"] .nav {
    row-gap: 10px;
  }
	
  .js-tabsi-01 .item:not(:last-child) {
    margin-bottom: 30px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: SUBMENU 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 600px) {
  .submenu-01.sticky-top {
    top: 85px;
  }
	
  .admin-bar .submenu-01.sticky-top {
    top: 85px;
  }
}

@media only screen and (max-width: 480px) {
  .submenu-01.sticky-top {
    top: 76px;
  }
	
  .admin-bar .submenu-01.sticky-top {
    top: 76px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: FORM ROW CONTACT EMBED 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .frcontacte-01 .col-md-9,
  .frcontacte-01 .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: FORM NEWSLETTER 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .gfsub-01 .gform .gform_fields > div:first-child {
    min-width: auto;
  }

  .gfsub-01 .gform .gform_fields {
    flex-wrap: wrap;
  }
	
  .gfsub-01 .gform form {
    flex-direction: column;
	align-items: start;
	row-gap: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .gfsub-01 .gform label {
    margin-bottom: 15px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: GMAPS 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .gmaps-01 .grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 480px) {
  .gmaps-01 .grid > .item {
    grid-template-columns: 1fr;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: TEXT GRID 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .textgrid-01 .grid {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: SINGLE POST
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .single-post > .wrap {
    padding-bottom: 30px;
  }

  .single-post .thumb-bg {
    height: 257px;
  }

  .heateor_sss_sharing_container {
    margin-top: 40px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: SINGLE POST
------------------------------------------*/
/* #region */

@media only screen and (min-width: 1441px) {
  .fire-element.sbg-bpy-bottom > .overlay-bg {
    background-position-y: bottom;
  }
}

/* #endregion */