@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
*{padding:0;margin:0;box-sizing:border-box;}
html{font-size:10px;font-family:'Montserrat',sans-serif;scroll-behavior:smooth;}
a{text-decoration:none;}
.container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;}
img{height:100%;width:100%;object-fit:cover;}
p{color:black;font-size:1.4rem;margin-top:5px;line-height:2.5rem;font-weight:300;letter-spacing:.05rem;}
.section-title{font-size:4rem;font-weight:300;color:black;margin-bottom:10px;text-transform:uppercase;letter-spacing:.2rem;text-align:center;}
.section-title span{color:crimson;}
.cta{display:inline-block;padding:10px30px;color:white;background-color:transparent;border:2px solid crimson;font-size:2rem;text-transform:uppercase;letter-spacing:.1rem;margin-top:30px;transition:.3s ease;transition-property:background-color,color;}
.cta:hover{color:white;background-color:crimson;}
.brand h1{font-size:3rem;text-transform:uppercase;color:white;}
.brand h1 span{color:crimson;}
#header{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:auto;}
#header .header{min-height:8vh;background-color:rgba(31,30,30,0.24);transition:.3s ease background-color;}
#header .nav-bar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;max-width:1300px;padding:0 10px;}
#header .nav-list ul{list-style:none;position:absolute;background-color:rgb(31,30,30);width:100vw;height:100vh;left:100%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;overflow-x:hidden;transition:.5s ease left;}
#header .nav-list ul.active{left:0%;}
#header .nav-list ul a{font-size:2.5rem;font-weight:500;letter-spacing:.2rem;text-decoration:none;color:white;text-transform:uppercase;padding:20px;display:block;}
#header .nav-list ul a::after{content:attr(data-after);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);color:rgba(240,248,255,0.021);font-size:13rem;letter-spacing:50px;z-index:-1;transition:.3s ease letter-spacing;}
#header .nav-list ul li:hover a::after{transform:translate(-50%,-50%)scale(1);letter-spacing:initial;}
#header .nav-list ul li:hover a{color:crimson;}
#header .hamburger{height:60px;width:60px;display:inline-block;border:3px solid white;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;transform:scale(.8);margin-right:20px;}
#header .hamburger:after{position:absolute;content:'';height:100%;width:100%;border-radius:50%;border:3px solid white;animation:hamburger_puls 1s ease infinite;}
#header .hamburger .bar{height:2px;width:30px;position:relative;background-color:white;z-index:-1;}
#header .hamburger .bar::after,#header .hamburger .bar::before{content:'';position:absolute;height:100%;width:100%;left:0;background-color:white;transition:.3s ease;transition-property:top,bottom;}
#header .hamburger .bar::after{top:8px;}
#header .hamburger .bar::before{bottom:8px;}
#header .hamburger.active .bar::before{bottom:0;}
#header .hamburger.active .bar::after{top:0;}
#home{background-image:url(./img/bg.JPG);background-size:cover;background-position:top center;position:relative;z-index: 1;}
#home::after{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background-color:black;opacity:.7;z-index:-1;}
#home .home{max-width:1200px;margin: 0 auto;padding: 0 50px;justify-content: flex-start;}
#home h1{display:block;width:fit-content;font-size:4rem;position:relative;color:transparent;animation:text_reveal .5s ease forwards;animation-delay:1s;}
#home h1:nth-child(1){animation-delay:1s;}
#home h1:nth-child(2){animation-delay:2s;}
#home h1:nth-child(3){animation:text_reveal_name .5s ease forwards;animation-delay:3s;}
#home h1 span{position:absolute;top:0;left:0;height:100%;width:0;background-color:crimson;animation:text_reveal_box 1s ease;animation-delay:.5s;}
#home h1:nth-child(1)span{animation-delay:.5s;}
#home h1:nth-child(2)span{animation-delay:1.5s;}
#home h1:nth-child(3)span{animation-delay:2.5s;}
#operation .operation{flex-direction:column;text-align:center;max-width:1500px;margin:0 auto;padding:100px 0;}
#operation .operation-top{max-width:500px;margin:0 auto;}
#operation .operation-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:50px;}
#operation .operation-item{flex-basis:80%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:30px;border-radius:10px;background-image:url(./img/img-1.png);background-size:cover;margin:10px 5%;position:relative;z-index:1;overflow:hidden;}
#operation .operation-item::after{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background-image:linear-gradient(60deg,#29323c 0%,#485563 100%);opacity:.9;z-index:-1;}
#operation .operation-bottom .icon{height:80px;width:80px;margin-bottom:20px;}
#operation .operation-item h2{font-size:2rem;color:white;margin-bottom:10px;text-transform:uppercase;}
#operation .operation-item p{color:white;text-align:left;}
#about .about{flex-direction:column-reverse;text-align:center;max-width:1200px;margin:0 auto;padding:100px 20px;}
#about .col-left{width:250px;height:360px;}
#about .col-right{width:100%;}
#about .col-right h2{font-size:1.8rem;font-weight:500;letter-spacing:.2rem;margin-bottom:10px;}
#about .col-right p{margin-bottom:20px;}
#about .col-right .cta{color:black;margin-bottom:50px;padding:10px 20px;font-size:2rem;}
#about .col-left .about-img{height:100%;width:100%;position:relative;border:10px solid white;}
#about .col-left .about-img::after{content:'';position:absolute;left:-33px;top:19px;height:98%;width:98%;border:7px solid crimson;z-index:-1;}
#gallery .gallery {flex-direction: column;max-width: 1200px;margin: 0 auto;padding: 100px 0}
#gallery .gallery-header h1 {margin-bottom: 50px}
#gallery .all-gallery {display:flex;align-items:center;justify-content:center;flex-direction:column}
#gallery .gallery-item{display:flex;align-items:center;justify-content:center;flex-direction:column;width:80%;margin:20px auto;overflow:hidden;border-radius:10px}
#gallery .gallery-info {padding:30px;flex-basis:50%;height:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background-image: linear-gradient(60deg,#29323c 0%,#485563 100%);color:white}
#gallery .gallery-info h1{font-size:4rem;font-weight:500}
#gallery .gallery-info h2{font-size:1.8rem;font-weight:500;margin-top: 10px}
#gallery .gallery-info p{color:white;}
#gallery .gallery-img{flex-basis:50%;height:300px;overflow:hidden;position:relative}
#gallery .gallery-img:after{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background-image:linear-gradient(60deg,#29323c 0%,#485563 100%);opacity:0.7}
#gallery .gallery-img img{transition:0.3s ease transform;}
#gallery .gallery-item:hover .gallery-img img{transform:scale(1.1);}
#contact .contact{flex-direction:column;max-width:1200px;margin:0 auto;}
#contact .contact-items{width:400px;}
#contact .contact-item{width:80%;padding:20px;text-align:center;border-radius:10px;padding:30px;margin:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0px 0px 18px 0 #0000002c;transition:.3s ease box-shadow;}
#contact .contact-item:hover{box-shadow:0px 0px 5px 0 #0000002c;}
#contact .icon{width:70px;margin:0 auto;margin-bottom:10px;}
#contact .contact-info h1{font-size:2.5rem;font-weight:500;margin-bottom:5px;}
#contact .contact-info h2{font-size:1.3rem;line-height:2rem;font-weight:500;}
#footer{background-image:linear-gradient(60deg,#29323c 0%,#485563 100%);}
#footer .footer{min-height:200px;flex-direction:column;padding-top:50px;padding-bottom:10px;}
#footer h2{color:white;font-weight:500;font-size:1.8rem;letter-spacing:.1rem;margin-top:10px;margin-bottom:10px;}
#footer .social-icon{display:flex;margin-bottom:30px;}
#footer .social-item{height:50px;width:50px;margin:0 5px;}
#footer .social-item img{filter:grayscale(1);transition:.3s ease filter;}
#footer .social-item:hover img{filter:grayscale(0);}
#footer p{color:white;font-size: 1.3rem;}
@keyframes hamburger_puls{0%{opacity:1;transform:scale(1);}100%{opacity:0;transform:scale(1.4);}}
@keyframes text_reveal_box{50%{width:100%;left:0;}100%{width:0;left:100%;}}
@keyframes text_reveal{100%{color:white;}}
@keyframes text_reveal_name{100%{color:crimson;font-weight:500;}}
@media only screen and (min-width:768px){.cta{font-size:2.5rem;padding:20px 60px;}h1.section-title{font-size:6rem;}#home h1{font-size:7rem;}#operation .operation-bottom .operation-item{flex-basis:45%;margin:2.5%;}#about .about{flex-direction:row;}#about .col-left{width:600px;height:400px;padding-left:60px;}#about .about .col-left .about-img::after{left:-45px;top:34px;height:98%;width:98%;border:10px solid crimson;}#about .col-right{text-align:left;padding:30px;}#about .col-right h1{text-align:left;}#gallery .gallery-item{flex-direction:row}#gallery .gallery-item:nth-child(even){flex-direction:row-reverse}#gallery .gallery-item{height:400px;margin:0;width:100%;border-radius:0}#gallery .all-gallery .gallery-info{height:100%;}#gallery .all-gallery .gallery-img{height:100%;}#contact .contact{flex-direction:column;padding:100px 0;align-items:center;justify-content:center;min-width:20vh;}#contact .contact-items{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;margin:0;}#contact .contact-item{width:30%;margin:0;flex-direction:row;}#contact .contact-item .icon{height:100px;width:100px;}#contact .contact-item .icon img{object-fit:contain;}#contact .contact-item .contact-info{width:100%;text-align:left;padding-left:20px;}}
@media only screen and (min-width:1200px){#header .hamburger{display: none;}#header .nav-list ul{position:initial;display:block;height:auto;width:fit-content;background-color:transparent;}#header .nav-list ul li{display:inline-block;}#header .nav-list ul li a{font-size:1.8rem;}#header .nav-list ul a:after{display:none;}#operation .operation-bottom .operation-item{flex-basis:22%;margin:1.5%;}}