@charset "utf-8";
/* CSS Document */
html { font-size:16px; background-color:#000; scroll-behavior:smooth; }

body { max-width:1920px; margin:0 auto; font-family:"Anton", sans-serif; font-weight:500; font-style:normal; }
.full-width { width:100%; }
.row { margin:0; }
.no-pad { padding:0; }
.no-pad-left { padding-left:0; }
.no-pad-right { padding-right:1.5rem; }
.add-bottom { margin-bottom:2.5rem; }

/* GENERAL SETTINGS */
h1, h2, h3, h4, h5, h6 { font-family:"Anton", sans-serif; font-weight:500; text-transform:uppercase; }
h1 	{  }
h2	 {  }
h3	 {  }
h4	 {  }
h5	 {  }
h6	 {  }
p { font-size:1.5rem; line-height:160%rem; font-weight:500; margin:0 0 2.75rem 0; }
ol, ul { margin:2rem 0 3rem; }
li { margin:0 0 0.625rem 0.9375rem; }
strong, bold { font-weight:800; }
a 	 	{  }
a:hover {  }
a:visited {  }
img { border:none; max-width:100%; height:auto; }
.anchortag { display:block; content:" "; margin-top:0; height:0; visibility:hidden; pointer-events:none; }

.AGBarWrapper ul { margin:0; }
.AGBarMenu ul li.dropdown { margin:0; font-size:1rem; line-height:normal; }

/* ANIMATIONS */
.aos-init[data-aos][data-aos].aos-animate { transform:initial; }

/*  BUTTONS */
a.btn-lg, a.btn-lg:visited    { padding:1.25rem 1.5rem; font-size:1rem; border:0.0625rem #000 solid; border-radius:4rem; }
a.btn-lg:hover, a.btn-lg:active      { padding:1.25rem 1.5rem; font-size:1rem; border:0.0625rem #000 solid; border-radius:4rem; background:#849558; transition:color 0.25s ease-in-out; }

/* NAVIGATION */
.navbar { padding:1.5rem 0; background-color:#fff; border-bottom:.0625rem solid #000; }
.navbar-brand { width:7rem; margin-left:8%; }
.topmenu { margin-right:10%; }
.navbar-toggler, .navbar-brand a { color:#000; }
.navbar-toggler     { margin-right:3rem; }
ul.navbar-nav     { margin:0; }
.nav-link 	{ margin:0; font-style:normal; font-size:1rem; font-weight:500; text-transform:uppercase; padding-right:2rem; }
a.nav-link, a.nav-link:visited { color:#000; text-decoration:none; }
a.nav-link:hover, a.nav-link:active { color:#698827; text-decoration:none; transition:color 0.25s ease-in-out; }
li.nav-item { margin:0 1rem 0 0; line-height:1.5rem; }
.navbar .menu-icon     { margin: -0.75rem 0 0 0.125rem; }
li.nav-item a.btn     { margin-left:2rem; }

/* HOME */
.Home .hero     { height:44vw; background: url("../img/Home/Hero-bg.jpg") no-repeat; background-size:cover; background-position:center bottom; overflow-y:hidden; position:relative; }
.Home .hero .left-col     { width:35%; text-align:right; }
.Home .hero .center-col     { width:30%; text-align:right; }
.Home .hero .right-col     { width:35%; text-align:right; }
.Home .hero h1     { margin:0; font-size:7.5rem; line-height:90%; }
.Home .hero h2     { margin:1.5rem 0; font-family:"Mona Sans", sans-serif; font-size:7.5rem; font-weight:700; font-style:italic; line-height:90%; }
.Home .hero p     { margin:1.5rem 0 0; font-size:1.25rem; line-height:150%; text-transform:uppercase; }
.Home .left-image-01    { max-width:10.875rem; margin:30% 2rem 0 75%; display:block; }
.Home .left-image-02    { max-width:10rem; margin:3rem 1rem 0 70%; display:block; }
.Home .right-image    { max-width:16.125rem; display:block; margin:45% 0 0 15%; }
.Home .logo-bug     { width:100%; z-index:10; }
.Home .logo-bug .circle-text      { margin-top:-10rem; }
.Home .counters    { margin-top:-0.375rem; padding:3.125rem; background:#000; }
.Home .counters    { display:flex; align-items:center; justify-content:space-between; }
.Home .counters .counter     { display:flex; align-items:center; justify-content:flex-start; }
.Home .counters .counter .icon     { width:5rem; height:5rem; padding:1.25rem 1.25rem 1.25rem 1.375rem; text-align:center; border-color:transparent; border-radius:6rem; background:#829554; }
.Home .counters .counter img     {  width:5rem;}
.Home .counters .counter .text     { margin-left:1rem; }
.Home .counters .counter .text h1     { margin:0; font-size:2.25rem; color:#fff; }
.Home .counters .counter .text h2     { margin:0; font-size:1rem; color:#fff; }
.Home .testimonies     { padding:3rem; }
.Home .testimonies h1     { width:100%; margin:0 0 2.5rem; font-size:3.75rem; }
.Home .testimonies .testimonies-list     { padding:0 10%; }
.Home .testimonies .testimonies-list .item     { width:25%; padding:0 0.0625rem; display:flex; position:relative; }
.Home .testimonies .testimonies-list .item .text-box     { height:100%; padding:1.875rem 1.875rem 1.25rem; color:#fff; position:absolute; bottom:0; display:flex; flex-wrap:wrap; align-items:flex-end; }
.Home .testimonies .testimonies-list .item .text-box::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); }
.Home .testimonies .testimonies-list .item .text-box .text     { z-index:10; }
.Home .testimonies .testimonies-list .item .text-box .text h1     { margin:0 0 0.625rem; font-size:1.625rem; }
.Home .testimonies .testimonies-list .item .text-box .text p     { margin:0; font-size:1rem; font-weight:400; line-height:125%; }
.Home .about     { padding:3rem 0; }
.Home .about .about-list     { padding:0; }
.Home .about .about-list .item     { width:50%; display:flex; position:relative; }
.Home .about .about-list .item .text-box     { height:100%; padding:0 10rem 6rem; color:#fff; position:absolute; bottom:0; display:flex; flex-wrap:wrap; align-items:flex-end; }
.Home .about .about-list .item .text-box h1     { margin:0 0 0.625rem; font-size:2.25rem; }
.Home .about .about-list .item .text-box p     { margin:0; font-size:1rem; font-weight:400; line-height:125%; }
.Home .events     { margin:10rem 7%; display:flex; align-items:center; justify-content:flex-start; }
.Home .events .left-col     { width:45%; }
.Home .events .right-col     { width:55%; }
.Home .events .left-col .image     { height:20vw; background:url("../img/Home/Events.jpg"); background-position:center; overflow-y:hidden; }
.Home .events .right-col     { padding-left:10%; }
.Home .events .right-col h1     { font-size:3.75rem; text-transform:none; }
.Home .events .right-col h2     { font-size:1rem; color:#50681d; }
.Home .events .events-list     { margin-top:2.5rem; }
.Home .events .events-list .item     { border-bottom:0.0625rem solid #000; }
.Home .events .events-list .item a     { padding:1.875rem 0; font-size:1.25rem; text-decoration:none; color:#000; display:inline-flex; transform:translateX(0); }
.Home .events .events-list .item a::after { content:"\f061"; font-family:"Font Awesome 6 Free"; font-weight:900; margin-left:1rem; vertical-align:middle; transform:translateX(0); }
.Home .events .events-list .item a:hover     { transform:translateX(2rem); transition:transform 0.75s ease-in-out; color:#50681d; }
.Home .events .events-list .item a:hover::after { transform:translateX(2rem); transition:transform 0.75s ease-in-out; }
.Home .team     { padding:10rem 2rem; background:#000; color:#fff; text-align:center; }
.Home .team h1     { margin:0 10%; font-size:2.875rem; text-decoration:none; }
.Home .team .team-list     { margin-top:5rem; padding:3rem; }
.Home .team .team-list .item     { width:25%; padding:0 1.875rem; color:#fff; }
.Home .team .team-list .item h1     { margin:1.875rem 0 0.5rem; font-size:1.25rem; }
.Home .team .team-list .item h2     { font-size:1rem; color:#b0b0b0; }
.Home .connect, .Home .connect-box     { height:44vw; }
.Home .connect     { z-index:1; }
.Home .connect .left-col-01    { width:50%; padding:15% 0 0 20%; }
.Home .connect .right-col-01    { width:50%; padding:15% 0 0 15%; }
.Home .connect .left-col-02    { width:50%; padding:15% 0 0 25%; }
.Home .connect .right-col-02    { width:50%; padding:15% 0 0 10%; }
.Home .connect-box     { margin-top:-25%; padding:0 3rem; z-index:10; }
.Home .connect-box h1     { margin:0; font-size:7.5rem; line-height:90%; }
.Home .connect-box h2     { margin:1.5rem 0; font-family:"Mona Sans", sans-serif; font-size:7.5rem; font-weight:700; font-style:italic; line-height:90%; }
.Home .connect-box p     { margin:1.5rem 0 0; font-size:1.25rem; line-height:150%; text-transform:uppercase; }
.Home .connect-box .btn-center     { margin-top:3.75rem; }

/* FOOTER */
.footer { padding:10rem 7% 2rem; background-color:#000; color:#fff; }
.footer a, .footer a:visited     { color:#fff; text-decoration:none; }
.footer a:hover, .footer a:active     { color:#698827; text-decoration:none; transition:color 0.25s ease-in-out; }
.footer .upper     { padding-bottom:3rem; border-bottom:0.0625rem #545454 solid; }
.footer .upper .left-col, .footer .upper .right-col, .footer .copyright .left-col, .footer .copyright .right-col     { width:50%; }
.footer .upper .right-col, .footer .copyright .right-col     { display:flex; justify-content:flex-end; }
.footer .upper .right-col a, .footer .copyright .right-col a     { margin-left:3rem; }
.footer .upper .right-col a i     { margin-right:0.5rem; border:0.0625rem solid #fff; border-radius:6rem; }
.footer .upper .right-col i.fa-facebook-f     { padding:0.625rem 0.875rem; }
.footer .upper .right-col i.fa-instagram     { padding:0.75rem; }
.footer .lower     { margin-bottom:1.875rem; padding:0; border-bottom:0.0625rem #545454 solid; }
.footer .lower .left-col     { width:55%; padding:3rem 3rem 3rem 0; }
.footer .lower .left-col h1     { font-size:2.875rem; }
.footer .lower .right-col     { width:45%; padding:10rem 0 10rem 10rem; border-left:0.0625rem #545454 solid; }
.footer .lower .right-col h1     { font-size:1.625rem; }
.footer .lower .right-col .item     { margin-top:1.875rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; }
.footer .lower .right-col .item .icon     { padding-right:1rem; }
.footer .lower .right-col .item .icon img     { width:1.5rem; fill:#fff; }
.footer .lower .right-col .item .details     { padding-left:1.875rem; border-left:0.0625rem #545454 solid; }
.footer .lower .right-col .item .details h1     { margin:0; font-size:1.125rem; }
.footer .lower .right-col .item .details h2     { margin:0.5rem 0 0; font-size:1rem; opacity:.7; }
.footer .copyright     { padding-bottom:3rem; }
.footer .copyright p { font-size:1rem; }

/* MEDIA QUERY SETTINGS */

@media (max-width: 1600px) {
    .Home .hero     { height:50vw; }
    .Home .connect, .Home .connect-box     { height:50vw; }
    .Home .connect .left-col-01    { padding:5% 0 0 15%; }
    .Home .connect .right-col-01    { padding:5% 0 0 15%; }
    .Home .connect .left-col-02    { padding:25% 0 0 20%; }
    .Home .connect .right-col-02    { padding:25% 0 0 20%; }
    .Home .connect-box     { margin-top:-35%; }
}

@media (max-width: 1320px) {
    .Home .hero     { height:65vw; }
    .Home .left-image-01    { margin:30% 2rem 0 60%; }
    .Home .left-image-02    { margin:3rem 1rem 0 55%; }
    .Home .right-image    { max-width:14rem; margin:95% 0 0 10%; }
    .Home .testimonies .testimonies-list     { padding:0; }
    .Home .events .right-col h1     { font-size:2.5rem; }
    .Home .about .about-list .item .text-box     { padding:0 1rem 3rem 3rem; }
    .Home .events     { margin:4rem 3rem; }
    .Home .team     { padding:3rem; }
    .Home .team .team-list     { margin-top:0; padding:2rem 0; }
    .Home .connect, .Home .connect-box     { height:65vw; }
    .Home .connect .left-col-02    { padding:25% 0 0 10%; }
    .Home .connect-box     { margin-top:-55%; }
}

@media (max-width: 1140px) {
    .Home .hero     { height:80vw; }
    .Home .hero .left-col     { width:25%; }
    .Home .hero .center-col     { width:50%; }
    .Home .hero .right-col     { width:25%; }
    .Home .left-image-01    { margin-top:55%; }
    .Home .left-image-02    { margin:10rem 1rem 0 55%; }
    .Home .right-image    { margin:55% 2rem 0 0; }
    .Home .testimonies .testimonies-list     { flex-wrap:wrap; justify-content:center; }
    .Home .testimonies .testimonies-list .item     { padding:0 0.125rem; margin:0.125rem 0; width:35%; }
    .Home .events .right-col    { padding-left:3rem; }
    .Home .events .left-col .image     { height:30vw; }
    .Home .team .team-list .item     { width:50%; padding:1.875rem 1.875rem; color:#fff; }
    .Home .connect, .Home .connect-box     { height:70vw; }
    .Home .connect-box h1, .Home .connect-box h2     { font-size:6rem; }
    .footer     { padding:4rem 3rem 2rem; }
    .footer .lower .right-col     { padding:4rem 0 4rem 4rem; }
}

@media (max-width: 991px) {
    .topmenu { margin-right:0; }
    .nav-link     { padding-right:0; }
    li.nav-item { margin:0 0 1rem 0; }
    .Home .hero     { height:75vw; }
    .Home .hero h1, .Home .hero h2     { font-size:5.5rem; }
    .Home .hero p     { font-size:1rem; }
    .Home .hero .left-col     { width:20%; }
    .Home .hero .center-col     { width:60%; }
    .Home .hero .right-col     { width:20%; }
    .Home .left-image-01    { margin-top:30%; max-width:8rem;  }
    .Home .left-image-02    { margin:10rem 1rem 0 25%; max-width:8rem;  }
    .Home .right-image    { margin:20% 2rem 0 0; max-width:8rem;  }
    .Home .counters     { padding:2rem 3rem 1rem; }
    .Home .counters .counter     { width:40%; margin-bottom:1rem; }
    .Home .testimonies h1     { margin-bottom:1.5rem; font-size:3rem; }
    .Home .testimonies .testimonies-list .item     { padding:0 0.5rem; margin:0.5rem 0; width:50%; }
    .Home .about .about-list .item .text-box h1     { font-size:2rem; }
    .Home .events .left-col .image     { height:45vw; }
    .Home .connect .left-col-01, .Home .connect .right-col-01, .Home .connect .left-col-02, .Home .connect .right-col-02    { display:none;}
    .Home .connect, .Home .connect-box     { margin:0; padding:0; height:fit-content; background:#fff; }
    .Home .connect-box    { padding:3rem 2rem; }
    .Home .connect-box h1, .Home .connect-box h2     { font-size:3.75rem; }
    .Home .connect-box p     { font-size:1rem; }
    .footer .lower .left-col, .footer .lower .right-col     { width:100%; border:none; }
    .footer .copyright     { padding-bottom:0; }

}

@media (max-width: 720px) {
    .Home .hero .left-col, .Home .hero .right-col     { width:0; }
    .Home .hero .center-col     { width:100%; }
    .Home .left-image-01, .Home .left-image-02, .Home .right-image    { display:none; }
    .Home .hero h1, .Home .hero h2     { font-size:3.75rem; }
    .Home .hero h2     { margin:0.5rem 0; }
    .Home .hero p     { margin:0.75rem 0; }
    .Home .counters .counter     { width:100%; margin-bottom:1.5rem; margin-left:25%; }
    .Home .testimonies h1, .Home .team h1     { font-size:1.875rem; }
    .Home .testimonies .testimonies-list .item     { padding:0; margin:0 0 1rem; width:100%; }
    .Home .about     { padding:0; }
    .Home .about .about-list     { flex-wrap:wrap; }
    .Home .about .about-list .item     { width:100%; }
    .Home .events     { margin:2rem 1.5rem; flex-wrap:wrap; }
    .Home .events .events-list     { margin-top:1rem; }
    .Home .events .left-col, .Home .events .right-col     { width:100%; }
    .Home .events .right-col     { margin:2rem 0; padding:0; }
    .Home .team .team-list .item     { width:100%; padding:1.875rem  0; }  
}

@media (max-width: 540px) {
    .Home .hero     { height:100vw; }
    .Home .hero h1, .Home .hero h2     { font-size:2.75rem; }
    .Home .counters .counter     { margin-left:10%; }
    .Home .testimonies     { padding:2rem 1.5rem; }
    .Home .about .about-list .item .text-box     { padding:0 1.25rem 1.25rem; }
    .Home .events .right-col h1     { font-size:1.875rem; }
    .Home .events .events-list .item a     { margin-left:0; }
    .Home .events .events-list .item a:hover     {  }
    .Home .events .events-list .item a:hover::after { transform:translateX(0.5rem); }
    .Home .team     { padding:2rem 1.5rem; }
    .Home .team .team-list    { padding:0; }
    .Home .connect-box     { padding:2rem 1.5rem; }
    .Home .connect-box h1, .Home .connect-box h2     { font-size:2.75rem; }
    .footer     { padding:2rem 1.5rem; }
    .footer .upper .left-col, .footer .upper .right-col, .footer .copyright .left-col, .footer .copyright .right-col     { width:100%; }
    .footer .upper .right-col    { margin-top:2rem; flex-wrap:wrap; justify-content:flex-start; }
    .footer .upper .right-col a, .footer .copyright .right-col a     { margin:0 1.5rem 0 0; }
    .footer .lower .left-col h1     { font-size:1.5rem; }
    .footer .lower .right-col     { padding:1.5rem 0; }
    .footer .copyright .right-col  { justify-content:flex-start; }  
}