/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. 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 and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & 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 WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.1.5.1686242464
Updated: 2023-06-08 16:41:04

*/
.wbd_heroslider .elementor-column{
	height:calc(100vh - 108px);
/* 	height:calc(100vh - 97px); */
}
.wbd_heroslider .elementor-background-overlay{
	z-index:12
}
.wbd_heroslider .elementor-column > .elementor-widget-wrap{
	height:100%;
		    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
} 
#content{
	padding-top:108px
}
.site-header{
	background:rgba(20,20,20,0.5) !important;
}

.site-header .menu-item a{
	color:#01A79D !important
}
.site-header .menu-item.current_page_item a,
.site-header .menu-item.active a,
.site-header .menu-item a:hover {
	color:#cb4154 !important;
}

.site-header a:focus,
.site-header a:active,
.site-header a:hover{
	outline:0;
	border:0;
	box-shadow:none;
}
.flipbox  .eael-elements-flip-box-front-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(20,20,20,0.3);
    z-index: 10;
}
.wbd_logoslider > .elementor-widget-wrap{
	pointer-events:none
}
.wbd_logoslider > .elementor-widget-wrap .slick-list{
	margin:-20px
}
.wbd_logoslider > .elementor-widget-wrap .slick-slide{
	margin:20px
}
.contactForm input[type="submit"]{
	background-color: transparent;
    color: #FFF;
	border:1px solid #01A79D;
    border-radius: 7px;
}
.sec_about_reason,
.wbd_home_about{
	    background: url(https://laliga.co.in/wp-content/uploads/2023/06/5588665-scaled.jpg),rgb(20,20,20);
    background-blend-mode: soft-light;
}
.wbd_heroslider .slick-next,
.wbd_heroslider .slick-prev{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.4);
    padding: 0;
    width: 40px;
    height: 40px;
    padding: 10px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index: 11;
	color: #01A79D;
}
.wbd_heroslider .slick-next{
	right: 0;
	border-radius: 10px 0 0 10px;
}
.wbd_home_product_slider .swiper-slide a{
	width: fit-content;
    display: inline-block;
}
.wbd_heroslider .slick-prev{
	left: 0;
	border-radius: 0 10px 10px 0;
}
.wbd_home_product_slider .swiper-wrapper{
	 -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}
/*
.slick-prev:before.
.slick-next:before {
	color: #01A79D;
  	font-size: 30px;
}
.slick-prev:before {
  content: "<";
}

.slick-next:before {
  content: ">";
} */
.wbd_heroslider .slick-dots{
	display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    position: absolute;
    bottom: 19px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
	z-index:13;
	padding:0;
}
.wbd_heroslider .slick-dots li {
	list-style: none;
	
}
.footer-widget-area .widget-title {
    color: #01A79D !important;
}
.wbd_heroslider .slick-dots li.slick-active button{
	background : #01A79D;
}
.wbd_heroslider .slick-dots li button{
    padding: 0;
    width: 15px;
	background:#141414;
    height: 15px;
    list-style: none;
	border-radius:50%;
	border:2px solid #FFF;
    font-size: 0px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:hover,
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:active,
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus{
	border:none;
	outline:0;
	box-shadow:none
}
.contactForm label{
	color:#FFF;
	width:100%
}
.contactForm input:not(input[type="submit"]),
.contactForm textarea{
    color: #FFF;
	border:0;
    border-bottom: 2px solid #01A79D;
    background: transparent;
    border-radius: 7px;
}
.wbd_heroslider .elementor-widget-heading .elementor-heading-title{
	opacity:0;
	position:relative;
}
.wbd_heroslider .slick-slide .elementor-heading-title{
	top:100px;
	transition:0.5s all;
}
.wbd_heroslider .slick-active .elementor-widget-heading .elementor-heading-title{
	top:0;
	opacity:1
}
header.site-header{
	position:fixed;
	width:100%;
	background:rgba(20,20,20,0);
	transition:0.3s background;
}
.ast-primary-header-bar{
	background-color: #141414!important;
}
.ast-theme-transparent-header #masthead.active{
	background:rgba(20,20,20,1) !important;
}
.wbd_brochures{
	transform-origin:center;
	transform:scale(1);
	transition:0.5s transform
}
.wbd_brochures .wbd_link {
	position:unset;
}
.wbd_brochures:hover{
	transform:scale(1.03);
}
.wbd_link a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 10px;
}
.wbd_link a:hover,
.wbd_link a:focus,
.wbd_link a:active{
	border:0;
	outline:0;
	box-shadow:none;
}
.cus_products .swiper-wrapper{
	align-items:stretch !important;
}
.cus_products .swiper-slide{
	height:auto !important
}
.cus_products .swiper-slide-inner,
.cus_products .swiper-slide-inner img{
	height:100% !important
}
.cus_products .elementor-swiper-button-prev i,
.cus_products .elementor-swiper-button-next i{
	background: rgba(20,20,20,0.5);
    padding: 14px;
    border-radius: 50%;
}
#brochureForm .modal-content{
	background: #141414 ;
    color: #01A79D;
}
#brochureForm .modal-content input,
#brochureForm .modal-content textarea{
	background: transparent;
    border: 0;
    border-bottom: 1px solid #01A79D;
    width: 100%;
	color:#FFF;
}
#brochureForm .modal-content input[type="submit"]{
    border: 1px solid #01A79D;
}
#brochureForm .modal-content input[type="submit"]:hover{
    background:#01A79D;
}
#brochureForm .modal-header .close{
	padding: 0;
    height: auto;
    font-size: 37px;
    line-height: 1;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 0px;
}
#brochureForm .modal-title{
	color: #01A79D;
    margin: 0;
}
#brochureForm label{
	width:100%;
}
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{
	background:#141414;
}
.ahfb-svg-iconset svg{
	fill:#fff;
}
.ast-header-social-1-wrap .ast-social-color-type-custom svg{
fill:#01A79D;	
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{
	color:#01A79D;
	border: 0 !important;
    padding: 0 10px;
}
#ast-hf-mobile-menu{
	border:0 !important;
	
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle:hover,
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle:active,
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle:focus{
	border:0;
	outline:0;
	box-shadow:none
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle{
	padding: 5px;
    border-radius: 4px;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-fill{
	background:#01A79D;
}
.footer-widget-area[data-section="section-fb-html-2"]{
	margin-top: 0 !important
}
.footer-widget-area,
.footer-widget-area a{
	font-size: 20px;
    font-family: 'Vollkorn',serif;
    line-height: 27px;
	text-decoration:none;
	color:#FFF;
}
.footer-widget-area ul#menu-main-menu{
		padding:0 !important
	}
.siteLoader.active{
    display: block;
}
.siteLoader .loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
    transform: translate(-50%,-50%);
}
.siteLoader .vertical-centered-box img{
        max-width: 108px;
}
.siteLoader .loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    overflow: hidden;
    transform-origin: 60px 60px;
    -webkit-mask-image: -webkit-linear-gradient(top,#000000,rgba(0,0,0,0));
    animation: rotateCircle 1.2s infinite linear;
}
.siteLoader .loader-line-mask .loader-line {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
}
@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
   }
    100% {
        transform: rotate(360deg);
   }
}
.siteLoader .vertical-centered-box{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.siteLoader{
    position: fixed;
    z-index: 1111;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    background: #141414;
}
.calcWrapper{
    padding: 20px;
}
.calculator{
    /* max-width: 500px; */
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 20px;
}
.rightSide .inner-content{
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 20px;
}
.calculator input[type="number"]{
	padding: 5px 13px;
	border-radius: 5px;
    font-size: 15px;
    line-height: 25px;
    color: #141414;
}
.calculator input[type="number"]::placeholder{
    color: #141414;
	
}
.calculator .btn.btn-outline-info:focus,
.calculator .btn.btn-outline-info:active,
.calculator .btn.btn-outline-info:hover{
	background:#0dcaf0;
	outline:0;
	box-shadow:none;
	color:#141414;
	border:1px solid #0dcaf0;
}
.calculator input[type="radio"]:checked{
	    border-color: #0dcaf0;
    background-color: #0dcaf0;
    box-shadow: none;
}
.areaknown .calcTitle,
.rightSide .inner-content .resulttext{
    color:#fff;
    font-size: 20px;
    line-height: 25px;
}
.rightSide .inner-content .resulttext .inner{
    color: aqua;
    margin-left:15px
}
/* .calculator .nav-link{
    color:#FFF;
}
.calculator .nav-pills .nav-link.active,
.calculator .nav-pills .show>.nav-link{
    color:#141414;
    background: #fff;
    border-radius:50px
} */
.switch{
    margin-bottom: 30px;
}
.switch input{
    width:1px;
    height:1px;
    visibility: hidden;
    position:absolute;
	top:0;
	left:0;
}
.innerswitch{
    position: relative;
    padding:10px;
    background: #fff;
    border-radius: 56px;
    display: inline-block;
    cursor: pointer;
}
.innerswitch .innerswitchLabel{
    width:100px;
    font-size: 18px;
    line-height: 25px;
    display: inline-block;
    color:#141414;
    text-align: center;
    z-index: 11;
    position: relative;
    padding:10px 0;
    cursor: pointer;
}
.innerswitch .indicator{
    position: absolute;
    top:10px;
    left:10px;
    z-index: 1;
    width:calc(50% - 10px);
    height:calc(100% - 20px);
    background: #141414;
    border-radius: 50px;
    transition: 0.5s all;
    pointer-events: none;
}
#vitrifiedType:checked ~ .innerswitch .vitrifiedType ,
#wallType:checked ~ .innerswitch .wallType {
    color:#FFF;
}
#vitrifiedType:checked ~ .innerswitch .indicator{
    left:110px
}

.areaknown .form-check{
    display: inline-block;
    color:#fff;
    margin-right:20px
}
.areaknown{
    margin-bottom: 20px;
}
.areaknowyes,
.areaknowno{
    display: none;
}
.areaknown:has(#areaknownyes:checked) ~ .areaknowyes,
.areaknown:has(#areaknownno:checked) ~ .areaknowno{
    display: block;
}
.bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    visibility: hidden;
}
.areaknown:has(#areaknownyes:checked) ~ .bottom,
.areaknown:has(#areaknownno:checked) ~ .bottom{
    visibility: visible;
}
/* .areaknown:has(:not(input[type="radio"]:checked)) ~ .areaknowyes,
.areaknown:has(:not(input[type="radio"]:checked)) ~ .areaknowno{
    display: none;
} */
::-moz-selection { /* Code for Firefox */
  color: #FFF;
  background: #01A79D;
}

::selection {
  color: #FFF;
  background: #01A79D;
}
.cus_static_btn{
	    position: fixed;
    bottom: 20px;
    z-index: 111111;
    left: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	background:#25D366;
	border-radius:50%
}
.cus_static_btn svg{
	color:#141414;
	width:25px;
}
@media screen and (max-width:992px){
	.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{
		margin-top: 0px !important;
	}
}
@media screen and (max-width:768px){
	.wbd_brochures {
		margin-bottom:15px
	}
	.wbd_brochures .elementor-widget-wrap{
		height:300px;
	}
	.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row{
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
	
	.footer-widget-area,
	.footer-widget-area a{
		font-size: 17px;
		line-height: 22px;
	}
	.wbd_heroslider .slick-dots li button{
		width: 12px;
		height:12px
	}
	.wbd_heroslider .slick-dots{
		column-gap: 11px;
	}
	.calcWrapper .leftSide{
		margin-bottom:20px
	}
	.cus_static_btn{
		width: 30px;
    height: 30px;
	}
	.cus_static_btn svg{
		font-size: 20px;
	}
	.wbd_heroslider .slick-next, .wbd_heroslider .slick-prev{
		width:20px;
		height:30px;
padding:0;
	}
}