html{overflow-x:hidden;scroll-behavior:smooth;}
body{background:#fff;font-family:'Ancizar Sans', sans-serif;margin:0;padding:0;overflow:hidden}
h1, h2, h3, h4, h5, h6, span, p, a, li{font-family:'Ancizar Sans', sans-serif}
h1, h2, h3, h4, h5, h6{margin:0;padding:0}
body a, body p{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both}
.container{max-width:1300px}
.topnav{margin:auto;width:95%;position:absolute;z-index:999;top:25px;left:0;right:0;}
.navbar{background:#fff;border-radius:4px;padding:0px 25px;}
.navbar-brand img{width:160px}
.navbar-dark .navbar-nav .nav-link{color:#333;font-size:0.9em;font-weight:400;text-transform:uppercase;padding:0 25px}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#ffc600;}
.navbar-dark .navbar-nav .nav-link.act{color:#ffc600}
.navbar-dark .navbar-nav .nav-item{position:relative;padding:27px 0;}
.navbar-dark .navbar-nav .nav-link::after{content:'';position:absolute;left:0;right:0;bottom:20px;margin:auto;width:27px;height:3px;color:#ffc600;background:#ffc600;transform:translateY(5px);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;opacity:0;}
.navbar-dark .navbar-nav .nav-link:hover::after{transform:translateY(0);opacity:1;color:#ffc600}
.navbar-dark .navbar-nav .nav-link.act::after{content:'';position:absolute;left:0;right:0;bottom:20px;margin:auto;width:27px;height:3px;color:#ffc600 !important;background:#ffc600;transform:translateY(0px);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;opacity:1;}
.nav-auto{margin-left:auto !important;}
.dropdown-menu{background:#ffc600;border-radius:0;left:0;}
.dropdown-menu li a{color:#fff;font-weight:400;font-size:0.9em;text-decoration:none;}
.dropdown-item:focus, .dropdown-item:hover{color:#fff;background:#0b1960;}
.dropdown:hover >.dropdown-menu{display:block;margin-top:0px;}
.logo{display:none;}

.nav-add{padding:25px 15px;display:none}
.nav-add a{color:#fff;font-size:1em;text-decoration:none}
.nav-add .fa{width:25px;height:25px;background:#fff;color:#333;border-radius:4px;text-align:center;line-height:1.5;margin-right:5px}

.social{text-align:right;}
.social li{display:inline-block;margin-left:20px}
.social li a{color:#333;text-decoration:none;font-size:1em}
.social li a:hover{color:#ffc600;}

.header{max-height:750px;overflow:hidden;position:relative;padding:0}
.top-heading{top:300px;position:absolute;width:75%;z-index:99;left:0;right:0;margin:auto;}
.top-heading h1{color:#fff;font-size:4.5em;font-weight:800;margin-bottom:10px;line-height:1;text-align:center}
.top-heading span{color:#ffc600;}
.top-heading p{color:#fff;font-size:1.8em;font-weight:300;line-height:1.3;text-align:center}
.header-img{padding-top:50px}
.header-img img{width:650px}
.video-container{position:absolute;width:100%;top:0;left:0;right:0}
.header img{width:100%;}

.about{padding:50px 0 0}
.about h2{color:#333;font-size:2em;font-weight:600;margin-bottom:25px;line-height:1;text-align:center;text-transform:uppercase}
.about p{color:#333;font-size:1.2em;font-weight:300;line-height:1.5;margin-bottom:35px}
.about img{border-radius:10px}
.mt-50{margin-top:50px}

.services{padding:50px 0 0}
.services h3{color:#333;font-size:2em;font-weight:600;margin-bottom:25px;line-height:1;text-align:center;text-transform:uppercase}
.services p{color:#333;font-size:1.2em;font-weight:300;line-height:1.3;text-align:center}
.services-box{margin-bottom:30px;}
.services-box h4{color:#333;font-size:1.3em;font-weight:600;line-height:1;text-align:center; margin-top:15px}
.services-box img{border-radius:10px}

.gallery{padding:50px 0 0}
.articles{padding-top:0;}
.articles__container{margin:0 auto;padding-left:15px;padding-right:15px;}
.articles__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.articles__title{font-size:25px;margin-bottom:25px;}
.articles__filter{margin-bottom:20px;}
.articles .filter-articles{display:flex;align-items:center;flex-wrap:wrap;column-gap:5px;row-gap:4px;}
.articles .filter-articles__item{padding:0 8px;font-size:0.9em;line-height:2;font-weight:bold;color:#333;background:#ffc600;border:0;border-radius:5px;transition-duration:0.3s;cursor:pointer}
.articles .filter-articles__item.active{font-weight:bold;color:#fff;background:#333;}
.articles .filter-articles__item:not(.active):hover{color:#495057;transition-duration:0.3s;}
.articles__list{margin:0 auto;transition-duration:0.3s;}
.articles__item{width:400px;}
.articles__item:not(:last-child){margin-bottom:20px;}
.article__image{display:block;margin-bottom:4px;padding-bottom:70%;position:relative;border-radius:10px;overflow:hidden;  transition-duration:0.3s;}
.article__image:hover img{transform:scale(1.04);transition-duration:0.3s;}
.article__image img.init{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition-duration:0.3s;}
.article__body{display:grid;gap:15px;}
.article__date{font-size:12px;font-weight:300;line-height:1.6;}
.article__link-title{color:#212529;line-height:1.6;}
.article__link-title:hover{text-decoration:underline;}
.article__text{font-size:12px;font-weight:300;line-height:1.6;}
.videos{padding:15px 30px}
.video{border:1px solid#ccc;border-radius:10px;overflow:hidden;margin-bottom:30px}

.clients{padding:50px 0}
.clients h4{color:#333;font-size:2em;font-weight:600;margin-bottom:25px;line-height:1;text-align:center;text-transform:uppercase}
.clients .item{border:1px solid#ccc;border-radius:10px}
.owl-nav{display:none}

.form{background:#333;padding:50px 0}
.form h5{color:#fff;font-size:1.8em;font-weight:600;margin-bottom:25px;line-height:1.2;text-align:center;text-transform:capitalize}
.form h6{color:#fff;font-size:1.4em;font-weight:600;margin-bottom:25px;line-height:1;text-align:center;}
.form h5 a{text-decoration:none;color:#fff}

.form .form-control{height:55px;font-size:1em;background:transparent;color:#fff;border:1px solid #5c5b5b}
.form #textarea{width:100%;height:130px;padding:12px;font-size:1em;font-weight:400;line-height:1.5;color:#fff;background:transparent;background-clip:padding-box;border:1px solid #5c5b5b;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.submit{text-align:center;padding:12px 50px;font-weight:400;background:#ffc600;color:#fff;border:1px solid#0b1960;font-size:1em;border-radius:4px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.submit:hover{background:transparent;border:1px solid#ffc600;color:#ffc600;}

.line{border-top: 1px solid#5c5b5b;}

.copywrite{background:#000;padding:25px 0;}
.copywrite p{color:#fff;font-size:1em;font-weight:600;line-height:1.3;text-align:center;margin-bottom:0}

.top-scroll{display:none;position:fixed;bottom:50px;right:4%;z-index:1000;display:block;width:40px;height:40px;line-height:42px;font-size:16px;color:#fff;text-align:center;background:#48caed;border-radius:25px;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1;}
.top-scroll:hover{opacity:1;}

@media screen and (max-width:425px){
.articles__list{width:auto !important;}
}
@media screen and (max-width:425px){
.articles__item{width:100%;}
}

@media screen and (max-width:600px){
html{overflow-x:hidden;scroll-behavior:smooth;}
.nav-add{display:block}
.topnav{width:100%;top:10px;}
.navbar-collapse{background:#333;position:fixed;left:0px;width:260px;height:100%;top:0px;overflow-y:scroll}
.logo{background:#fff;display:block;padding:1px 15px;text-align:center;}
.logo .navbar-brand img{width:125px;display:block !important}
.navbar-brand img{width:125px}
.navbar{padding:0 10px;background:rgba(255,255,255,0.7);}
.navbar .navbar-toggler{padding:1px 5px;}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
.navbar-dark .navbar-nav .nav-link{color:#fff;padding:0 15px}
.navbar-dark .navbar-nav .nav-item{padding:10px 0;}
.navbar-dark .navbar-nav .nav-link.act::after, .navbar-dark .navbar-nav .nav-link:hover::after{bottom:5px;left:15px;right:100%}
.first-menu{border-bottom:1px solid#fff}
.social{text-align:left;margin-top:10px;}
.social ul{margin-left:-40px;}
.social li a{color:#ffc600;}
.nav-add .fa{background:#fec500;color:#fff;}
.header img{height:220px;}
.top-heading{top:80px;width:95%;}
.top-heading h1{font-size:1.5em;}
.top-heading p{font-size:0.9em;font-weight:500;}
.about h2{font-size:1.5em;}
.mt-50{margin-top:15px;}
.about p{font-size:1em;margin-bottom:15px;}
.services{padding:30px 0 0;}
.clients{padding:30px 0;}
.clients h4{font-size:1.5em;}
.services h3{font-size:1.5em;}
.gallery{padding:20px 0 0;}
.form{padding:30px 0}
.form h5{font-size:1.5em;}
.form .form-control{height:40px;}
}

@media screen and (max-width:767px){
.navbar-collapse.collapsing{transition:height 0s ease;transition:.1s ease;position:fixed}
.navbar-collapse{transform:translateX(-100%);transition:.1s ease;}
.navbar-collapse.show{transform:translateX(0%);transition:.1s ease;}
}