/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.hfe-nav-menu #menu-item-600 {display:none;}
.bbpress #menu-item-600 {display:block !important;}
#join_now{display:none;}
@media only screen and (max-width: 767px) {
	.post-type-archive-forum #join_now{display:block;}
}
@import url('https://fonts.googleapis.com/css2?family=Quantico:wght@700&display=swap');
.col-group {
    display: flex;
}
.col-50 {
    width: 50%;
    margin-right: 20px;
}
.wpcf7-text, .wpcf7-textarea {
    background-color: #ffffff !important;
    border: 2px solid #ededed !important;
    border-radius: 10px !important;
}
.bbp-body .type-forum:first-child {
    background-color: #fcf6e3!important;
}
 .bbpress div#primary, .bbpress #content {
    margin-top: 80px !important;
}
.bbpress .ast-article-single {
    background-color: #ffffff !important;
   padding-bottom: 50px !important;
}
.bbp-body .type-forum {
    border: 2px solid #ecc042 !important;
    margin: 20px 0 !important;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 15px !important;
}
#bbpress-forums ul.bbp-forums {
    border: 0px;
}
div#bbpress-forums {
    max-width: 900px;
    margin: 0 auto;
}
#bbpress-forums li.bbp-footer {
    background-color: transparent;
    border: 0;
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    padding: 9px !important;
}
#bbpress-forums div.bbp-search-form {
    margin-bottom: 20px;
}
#bbpress-forums div.bbp-search-form {
    margin-bottom: 20px;
}
.ast-separate-container .ast-article-post,{
    padding: 50px;
}
a.bbp-forum-title, li.bbp-forum-topic-count,li.bbp-forum-reply-count,li.bbp-forum-freshness,
a.bbp-breadcrumb-home, .bbp-breadcrumb-sep, .bbp-breadcrumb-root, .bbp-breadcrumb-current{
    font-size: 15px;
    font-weight: 600;
} 
#bbpress-forums fieldset.bbp-form select {
    min-height: 28px;
    height: 28px;
    padding: 0px 10px;
}
div.bbp-template-notice li, div.bbp-template-notice p {
    font-size: 16px;
}
.bbp-pagination {
    font-size: 14px;
}
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content,.bbp-reply-author {
    font-size: 16px;
}
.forums.bbp-replies{
    border: 2px solid #ecc042 !important;
    border-radius: 10px;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd, li.bbp-body {
    background-color: #fcf6e3;
}
#bbpress-forums li.bbp-header {
    background: #ecc042;
}
#bbpress-forums a, #bbpress-forums a:hover {
    margin-right: 5px;
    margin-left: 5px;
	font-size: 15px;
	color:#181818;
}
#bbpress-forums img.avatar {
    border-radius: 50%;
}
h1.page-title.ast-archive-title {
    margin-top: 40px;
}
a.bbp-forum-title {
    font-size: 20px !important;
    color: #181818;
    font-weight: 700;
}
.bbp-forum-content {
    font-size: 15px !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd, li.bbp-body {
    background-color: #fcf6e3 !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.even, li.bbp-body {
    background-color: #ffffff !important;
}
.bbp-search-form, .bbp-breadcrumb {
    margin-top: 50px;
}
h1.entry-title {
    margin-top: 40px;
    padding: 20px;
}
.entry-meta {
    padding: 0 20px;
}
/*** slider css ** */

    .swiper#homeSlider {
      width: 100%;
      height: 100%;
    }

    #homeSlider .swiper-slide {
      text-align: center;
      font-size: 86px;
      color: #ffffff;
      display: flex !important;
      justify-content: center;
      align-items: center;
      font-weight:800;
      text-transform: uppercase;
	  font-family: 'Quantico';
	  scroll-snap-align: center;
      word-spacing: -10px;
    }
    #homeSlider .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
 .swiper-pagination-bullets .swiper-pagination-bullet {
    margin :0;
    margin-right: 20px;
}
 .swiper-pagination-bullet {
    position: relative;
    width: 156px;
    height: auto;
    text-align: left;
    border-radius: 0;
    margin-right: 20px;
    background-color: transparent;
   
}
.swiper-pagination-bullet-active {
    background-color: transparent;
    opacity: 1;
}


@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 200px;
    width: 10px;
    border-radius: 0;
    margin: 0 !important;
    padding: 0;
}

span.swiper-pagination-bullet {
    width: 10px;
    border-radius: 0;
    margin: 0 !important;
    height: 50px;
    padding: 0;
    color:#ffffff;
}

.v-home-projects__square.sq-hero {
    border: 0.25rem solid #ae0000;
    opacity: 1;
    visibility: visible;
    z-index: 3;
}
.v-home-projects__intro-chunk--square {
    height: 100%;
    left: 0;
    opacity: 1;
    top: 0;
    transform: scale(0);
    transform-origin: center;
    width: 100%;
    z-index: 2;
} 
.v-home-projects__slide {
    align-items: center;
    content-visibility: auto;
    display: flex;
    height: 100%;
    height: -webkit-fill-available;
    justify-content: center;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 150vw;
}
.v-home-projects__square {
    height: calc((62.5vw + (1.7 * 3.4690265487vw)) * .4777777778);
    width: calc((62.5vw + (1.7 * 3.4690265487vw)) * .4777777778);
}
.v-home-projects__square {
    background-position: 50%;
    background-size: cover;
    box-sizing: border-box;
    height: 47.7777777778vh;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
    width: 47.7777777778vh;
    z-index: 1;
	border-width:7px;
}
.transparent_bg{ background-color:transparent !important; }
.loading_container {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #000000;
}
.loading_content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1000;
}
.loading_container h2 {
  position: absolute;
  top: 50%;
  line-height: 100px;
  height: 100px;
  margin-top: -50px;
  font-size: 100px;
  width: 100%;
  text-align: center;
  color: transparent;
  animation: blurFadeInOut 1.5s ease-in backwards;
  text-transform: uppercase;
  font-weight:800;
  font-family: 'Quantico'
}
.loading_container h2.frame-1 {
  animation-delay: 1s;
}
.loading_container h2.frame-2 {
  animation-delay: 2.5s;
}
.loading_container h2.frame-3 {
  animation-delay: 4s;
}

@keyframes blurFadeInOut{
  0%{
    opacity: 0;
    text-shadow: 0px 0px 40px #fff;
    transform: scale(0.9);
  }
  20%,80%{
    opacity: 1;
    text-shadow: 0px 0px 1px #fff;
    transform: scale(1);
  }
  100%{
    opacity: 0;
    text-shadow: 0px 0px 50px #fff;
    transform: scale(0);
  }
}
@keyframes blurFadeIn{
  0%{
    opacity: 0;
    text-shadow: 0px 0px 40px #fff;
    transform: scale(1.3);
  }
  60%{
    opacity: 0.5;
    text-shadow: 0px 0px 10px #fff;
    transform: scale(1.1);
  }
  100%{
    opacity: 1;
    text-shadow: 0px 0px 1px #fff;
    transform: scale(1);
  }
}
@keyframes fadeInBack{
  0%{
    opacity: 0;
    transform: scale(0);
  }
  50%{
    opacity: 0.4;
    transform: scale(2);
  }
  100%{
    opacity: 0.2;
    transform: scale(5);
  }
}

::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 10px;
}
  
::-webkit-scrollbar-track {
background: #ffb400;
border:1px solid #ccc;
	opacity:0;
}
  
::-webkit-scrollbar-thumb {
background: #cc00ff;
border:1px solid #eee;
height:100px;
border-radius:5px;
	opacity:0;
}
  
::-webkit-scrollbar-thumb:hover {
   background: blue;
}
::-webkit-scrollbar {
     display: none; 
}
.sliderContainer {
  position: relative;
  height: 100vh;
  overflow: auto;
  scroll-snap-type: y mandatory;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  scroll-snap-align: center;
}
/** scroll **/

/** .loader {
            bottom: 0;
            left: 0;
            position: fixed;
            right: 0;
            top: 0;
            overflow: hidden;
            z-index: 101;
            transform: translateX(100vw);
            transition: transform 0ms .35s;
        } **/
        .loader__layer {
            background: #ae0000;
            height: 150vmax;
            margin: -75vmax 0 0 -75vmax;
            width: 150vmax;
            transform: scale(0) rotate(0deg) translateZ(0);
            transition: opacity 5s ease, transform 5s ease .1s;			
        }
         .expendarea {
            transform: scale(1) rotate(0deg) translateZ(0);
            transition: opacity 5s ease, transform 1s ease 3s;
        }

        .loader--active .loader__layer {
            transform: scale(1) rotate(0deg) translateZ(0);
            transition: transform 2s ease;
        }
        .loader--active .expendarea {
            transform: scale(0) rotate(0deg) translateZ(0);
            transition: transform 5s ease;
        }

        .loader__layer {
            left: 50%;
            position: absolute;
            top: 50%;
        }
        .expendarea,.Hide__expendarea {
            left: 39.2%;
            position: absolute;
            top: 27%;
        }
        .loader--active {
            transform: none;
            transition-delay: 0ms;
        }
        .loader_box_container
		{
			position: relative;
			width: 100%;
			height:100%;
		}
/** end scroll **/
@media only screen and (max-width: 1180px) {
#homeSlider .swiper-slide {
		line-height: 50px;
		font-size: 50px;
		word-spacing: 0px;
	}
}
@media only screen and (max-width: 900px) {
.expendarea, .Hide__expendarea {
    left: 15.2%;
    top: 26%;
}
}
@media only screen and (max-width: 767px) {
	#homeSlider .swiper-slide {
		line-height: 40px;
		font-size: 40px;
		}
	.v-home-projects__square {
		height: 30vh;
		width: 30vh;
	}
	.loading_container h2 {
        font-size: 50px;
	}
   .swiper#homeSlider , .loading_container {
       height: 80%;
   }
}

@media only screen and (max-width: 420px) {
	#homeSlider .swiper-slide {
		line-height: 25px;
		font-size: 25px;
	}
    .v-home-projects__square {
		height: 20vh;
		width: 20vh;
	}
    .expendarea, .Hide__expendarea {
      left: 32.2%;
      top: 37%;
    }
}