/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
 */ 
 
 .site-logo-img img {
	 /*display: block;*/
}

.text-red {
	color: #F53838;
}

.text-blue {
	color: #8ED2EF;
}

.text-white {
	color: #FFFFFF;
}

body #content .blur {
    backdrop-filter: blur(5px);
}

body #content #s1 {
	overflow: hidden !important;
}

body #content .s1-i1 {
    position: absolute;
    max-width: 70%;
}

@media (max-width: 1023px) {
	body #content .s1-i1 {
		max-width: 200%;
	}
}

body #content .s1-c2 {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
}

body #content .s1-i2 {
	float: right;
}

body #content .simpleParallax {
    overflow: visible !important;
}

body #content .s2-c1 {
	overflow: hidden;
}

@media (min-width: 1024px) {
	body #content .s2-c1 {
		animation: theme 20s linear infinite;
		
		&:after,
		&:before {
			content: '';
			display: block;
			position: fixed;
			z-index: -1;
			top: 0;
			width: 100vw;  // IE/Edge
			height: 100vh; // fallback
			width: 100vmax;
			height: 100vmax;
			background: rgba(0,0,0,0.06);
			background: #ffffff40;
			animation: background 60s linear infinite;
		}

		&:after {
			left: 15vw;
			width: 70vw;  // IE/Edge
			height: 80vh; // fallback
	   }

		&:before {
			right: 15vw;
			width: 80vw;  // IE/Edge
			height: 70vh; // fallback
			animation-delay: -30s;
			animation-direction: reverse;
		}
	}
}

@keyframes theme {
    0% {
        background: #e5e5e5D6;
    }
    
    16% {
        background: #ffffffD6;
    }
    
    33% {
        background: #e5e5e5D6;
    }
    
    50% {
        background: #ffffffD6;
    }
    
    66% {
        background: #e5e5e5D6;
    }    
    
    83% {
        background: #ffffffD6;
    }

    100% {
        background: #e5e5e5D6;
    }
}

@keyframes background {
    0% {
        transform: rotate(0deg);
    }
    
    100% {
        transform: rotate(360deg);
    }
}

body #content .s3-c1 {
    min-height: 100%;
    height: 100%;
}
body #content .s3-c1 canvas {
	min-height: 100%;
	height: 100%;
	opacity: 0.2;
}
@media (min-width: 1024px) {
	body #content .s4-c1 {
		animation: s4-c1 2s linear 0s infinite normal backwards;
	}
}
@keyframes s4-c1 {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
	}

	10% {
		animation-timing-function: ease-in;
		transform: scale(1.03);
	}

	17% {
		animation-timing-function: ease-out;
		transform: scale(1.01);
	}

	33% {
		animation-timing-function: ease-in;
		transform: scale(1.03);
	}

	45% {
		animation-timing-function: ease-out;
		transform: scale(1);
	}
}

.s4-c1 div {
    display: block;
    width: fit-content;
    margin: 0 auto !important;
}

.pum-container .pum-title {
    margin-bottom: .25em;
}
.pum-container .pum-content>:first-child {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 10%;
}
.pum-container .pum-content .wpcf7 form>p {
    
}
.pum-container .pum-content .wpcf7 input.wpcf7-form-control:not([type=submit]), 
.pum-container .pum-content .wpcf7 textarea.wpcf7-form-control {
    padding: 25px 30px;
    border-radius: 30px;
}
.pum-container .pum-content .wpcf7 .wpcf7-spinner {
    position: absolute;
    /* z-index: 10000000; */
    /* opacity: 1; */
    /* visibility: visible; */
    right: -3px;
    margin-top: 16px;
    background-color: #ffffff80;
}
.pum-container .pum-content input[type="submit"] {
    margin: 0 auto;
    padding: 15px 60px;
    background: #62C3EB;
    border: 0;
    color: #ffffff;
	width: 100%;
}
.pum-container .pum-content .wpcf7 input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.pum-container .pum-content .wpcf7 input[type=checkbox]+.wpcf7-list-item-label::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #62C3EB;
    border-radius: 30px;
    margin: 0 15px -30px -55px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2398a1ab' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    transition: margin 0s;
    -webkit-transition: margin 0s;
    -moz-transition: margin 0s;
    -o-transition: margin 0s;
}
.pum-container .pum-content .wpcf7 input[type=checkbox] + .wpcf7-list-item-label {
    display: block;
    user-select: none;
    font-size: 0.85em;
    line-height: 1.4em;
    padding: 0 0 0 55px;
    cursor: pointer;
    color: #888;
}
.pum-container .pum-content .wpcf7 input[type=checkbox]:checked+.wpcf7-list-item-label::before {
    border-color: #62c5ea;
    background-color: #62c5ea;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
body .pum-theme-479 .pum-container,
body .pum-theme-lightbox .pum-container {
    padding: 40px 40px 20px;
}
.pum-container .pum-content .wpcf7 .wpcf7-not-valid-tip {
    color: #DC2626;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    right: 25px;
    margin-top: -35px;
    position: absolute;
}

#popmake-488 {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.pum-container .success-wrapper {
    width: 100%;
    text-align: center;
    padding: 25% 0;
}
.pum-container .success-wrapper .success-msg {
    font-size: 2.5em;
}
.pum-container .success-wrapper span {
    display: block;
    font-size: 1em;
}
.pum-container .success-icon {
    display: inline-block;
    width: 6em;
    height: 6em;
    font-size: 20px !important;
    border-radius: 50%;
    border: 10px solid #12c300;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    transform-origin: center;
    animation: showSuccess 180ms ease-in-out;
    transform: scale(1);
    margin-bottom: 1em;
}
.pum-container .success-icon__tip,
.pum-container .success-icon__long {
    display: block;
    position: absolute;
    height: 10px;
    background-color: #12c300;
    border-radius: 10px;
}
.pum-container .success-icon__tip {
	width: 2em;
	top: 2.85em;
	left: 0.7em;
    transform: rotate(45deg);
    animation: tipInPlace 300ms ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 150ms;
    visibility: hidden;
}
.pum-container .success-icon__long {
	width: 3em;
	top: 2.5em;
	left: 1.6em;
    transform: rotate(-45deg);
    animation: longInPlace 140ms ease-in-out;
    animation-fill-mode: forwards;
    visibility: hidden;
    animation-delay: 300ms;
}
@keyframes showSuccess {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
@keyframes tipInPlace {
    from {
        width: 0em;
        top: 0em;
        left: -1.6em;
    }
    to {
        width: 2em;
        top: 2.85em;
        left: 0.7em;
        visibility: visible;
    }
}
@keyframes longInPlace {
    from {
        width: 0em;
        top: 3.2em;
        left: 2.2em;
    }
    to {
        width: 3em;
        top: 2.5em;
        left: 1.6em;
        visibility: visible;
    }
}

#ast-desktop-header #menu-language-switcher {
    display: none;
}
#ast-desktop-header #menu-language-switcher li a {
    border: 1px solid #888;
    border-radius: 25px;
    padding: 4px 15px;
    margin-left: 10px;
}