/**
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
*/



/** Header / footer Fixes 
	============================================== **/

#tek-headerlogo{
	max-width: 100px;
	margin: auto
}

#tek-headerlogo .cls-1{
	fill: #fff !important;
}

#scrollheader{
	display: none;
}

#scrollheader.fixed{
	display: block;
}

.svglogo a img{
	width: auto !important;
	height: 40px !important;
}

.socials{
	float: none;
	width: auto !important;
}

.headerHide{
	display: none;
}

.thebackground{
	background: #05101A !important;
}

body:not(.home) #tek-headerlogo{
	display: block !important
}


/** Main Nenu style
	============================================== **/

#menu-1-2298295{
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
}

#menuOffCanvas{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #172A3A;
	z-index: 333;
	height: 100vh;
	padding: 100px 0;
	text-align: center;
	transform:scale(0);
}


#menuOffCanvas .elementor-widget-container{
	text-align: center;
	margin: auto;
	width: 100%;
	display: block;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translatey(-50%)
}

#menuOffCanvas ul{
	columns: 2;
	display: block;
	width: 600px;
	margin: auto;
	position: relative;
	padding-left: 50px
}

#menuOffCanvas .menu-item{
	width: 100%;
	display: block;
	float: left;
	text-align: left;
}
#menuOffCanvas .menu-item{
	border-right: 2px solid #fff
}
#menuOffCanvas .menu-item.secondary{
	border-right: 0px solid #fff
}
	
#menuOffCanvas li a{
	display: inline-block;
	text-align: right;
	text-decoration: none !important;
	text-transform: uppercase;
	line-height: 1em;
}
#menuOffCanvas li.secondary a{
	line-height: .85em;
}

.show{
	display: block;
}

/*
#menuOffCanvas .elementor-widget-wrap{
	max-width: 600px;
	margin: auto;
}

#menuOffCanvas li a{
	display: inline-block;
	text-align: right;
	text-decoration: none !important;
	text-transform: uppercase;
}
#menuOffCanvas li:nth-of-type(2n) a{
		text-align: left
}
#menuOffCanvas li:last-of-type a{
	text-align: center;
	display: block;
	margin-top: 50px
}

#menuOffCanvas .menu-item{
	width: calc( 50% - 20px);
	display: inline-block;	
}
*/

/*
.elementor-element-4b67146,
.elementor-element-b6daca9{
	position: relative;
	display: inline-block !important;
	
}
*/


.show{
	display: Block !important
}


/** Hamburger Nenu button Style animation 
	============================================== **/


.tekburgerContainer{
	width: auto !important;
	margin-right: 20px;
}


.tekBurger {
  width: 50px;
  height: 30px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer !important;
  position: relative;
  z-index: 999
}

.tekBurger span {
  display: block;
  position: absolute;
  width: 100%;
  opacity: 1;
  height: 40px;  
  border: solid 2px #fff;
  border-color: #fff transparent transparent transparent;
  border-radius: 50%/5px 5px 0 0;	
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


.tekBurger span.extraBar{ top: 0px; }
.tekBurger span:nth-child(1) { top: 0px; }
.tekBurger span:nth-child(2) { top: 50%; }
.tekBurger span:nth-child(3) { top: 100%; }

.tekBurger span:nth-child(4){
	top: -15px;
	opacity: .4;
}
.tekBurger span:nth-child(5){
	top: -30px;
	opacity: .15;
}

.tekBurger.menuOpen span:nth-child(1) {
	top: -150px;
	transition-delay: .5s;
}
.tekBurger.menuOpen span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 0 ;
	top: 50%;
	left: -25%;
	transition-delay: .7s;
}
.tekBurger.menuOpen span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-radius: 0 ;
	top: 50%;
	left: 25%;
	transition-delay: .7s;
}
.tekBurger.menuOpen span:nth-child(4) {
	top: -150px;
	transition-delay: .3s;
	opacity: .5;
}
.tekBurger.menuOpen span:nth-child(5) {
	top: -150px;
	transition-delay: .1s;
	opacity: .75;

}


/** Fancy button animation 
	============================================== **/


@keyframes TransitioningBackground {
	0% {
		background-position: 1% 0%;
	}
	50% {
		background-position: 99% 100%;
	}
	100% {
		background-position: 1% 0%;
	}
} 


#menuOffCanvas li.tek-btn a,
.tek-btn .elementor-button{
	font-size: 1rem;
	font-weight: 600;
	color: #fff !important;
	text-align: center;
	position: relative;
	overflow: hidden; 
	border: 3px solid #fff; 
	display: inline-block;
	background: rgb(2,0,36);
	background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(5,16,26,1) 20%, rgba(22,83,112,1) 61%, rgba(5,16,26,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(5,16,26,1) 20%, rgba(22,83,112,1) 61%, rgba(5,16,26,1) 100%);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(5,16,26,1) 20%, rgba(22,83,112,1) 61%, rgba(5,16,26,1) 100%);
	background-size: 400% 400%;
	animation: TransitioningBackground 8s ease infinite;
	transition: all 1s linear;
	box-shadow: 0 3px 20px 0px rgba(0,233,245,.0);
}

.tek-btn.header-btn a{
	padding: 10px 20px !important;
	margin-bottom: 0;
	text-decoration: none;
}
.tek-btn a{
	text-decoration: none;
}


#menuOffCanvas li.tek-btn a:before,
.tek-btn .elementor-button::before {
	content: "";
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	width: 60px;
	height: 100%;
	top: 0;
	filter: blur(30px);
	transform: translateX(-100px) skewX(-15deg);
}

#menuOffCanvas li.tek-btn a:after,
.tek-btn .elementor-button::after {
	content: "";
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.1);
	width: 30px;
	height: 100%;
	top: 0;
	filter: blur(5px);
	transform: translateX(-100px) skewX(-15deg);
}

 
#menuOffCanvas li.tek-btn a:hover,
.tek-btn .elementor-button:hover {
	background: rgba(22,83,112,1);
	cursor: pointer;
	box-shadow: 0 3px 20px 0px rgba(49,131,170,.8);
}  

#menuOffCanvas li.tek-btn a:hover:after,
#menuOffCanvas li.tek-btn a:hover:after,
.tek-btn .elementor-button:hover::before,
.tek-btn .elementor-button:hover::after {
	transform: translateX(300px) skewX(-15deg);
	transition: 1.8s;
} 


/** mobile carousel 
	============================================== **/


.home .elementor-image-carousel-caption{
	top: -50px;
	position: relative;
	background-color: rgba(5,16,26,.7);
	display: inline-block;
	padding: 5px 10px;
}



/** Table styles 
	============================================== **/


.housingTable thead th{
	background-color: transparent;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dotted #fff;
}
.housingTable .row-2 td{
	background-color: transparent !important;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.housingTable tbody .row-2:hover{
	background-color: transparent;
}
.housingTable tbody td{
	border-top: 0 solid transparent;
}
.housingTable .odd td{
	background-color: rgba(256, 256, 256,.1);
	color: #fff;
}
.housingTable .even td{
	background-color: transparent;
	color: #fff;
}
.housingTable .row-hover tr:hover td{
	background-color: rgba(256, 256, 256,.2);
}
.housingTable .column-1,
.housingTable .column-2,
.housingTable .column-3,
.housingTable .column-4,
.housingTable .column-5,
.housingTable .column-6,
.housingTable .column-7,
.housingTable .column-8,
.housingTable .column-9{
	text-align: center;
}


/** popup  animation s
	============================================== **/


#form-popup{
	display: table;
	position: fixed ;
	width: 100%;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	transform:scale(0);
	-webkit-transform:scale(0);
	z-index:9999999;
}

#form-popup .modal-background {
	display:table-cell;
	height: 100vh;
	background:rgba(5,15,25,1);
	text-align:center;
	vertical-align:middle;
}

#close{
	position: relative;
	z-index: 999999999;
}

#form-popup .modal-background .modal {
	display:inline-block;
	position:relative;
	top: -80px;
}

#menuOffCanvas.show,
#form-popup.show{
	transform:scaleY(.01) scaleX(0);
	-webkit-transform:scaleY(.01) scaleX(0);
	animation:unfoldIn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
	-webkit-animation:unfoldIn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

#menuOffCanvas.out,
#form-popup.out {
	transform:scale(1);
	-webkit-transform:scale(1);
	animation:unfoldOut 1s .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
	-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

#form-popup.out .modal-background .modal {
	animation: zoomOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
	-webkit-animation: zoomOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}
 

@keyframes unfoldIn {
  0% {
    transform:scaleY(.005) scaleX(0);
  }
  50% {
    transform:scaleY(.005) scaleX(1);
  }
  100% {
    transform:scaleY(1) scaleX(1);
  }
}

@keyframes unfoldOut {
  0% {
    transform:scaleY(1) scaleX(1);
  }
  50% {
    transform:scaleY(.005) scaleX(1);
  }
  100% {
    transform:scaleY(.005) scaleX(0);
  }
}

@keyframes zoomOut {
  0% {
    transform:scale(1);
  }
  100% {
    transform:scale(0);
  }
}



/** Gravity Form styles 
	============================================== **/


.elementor-widget-container h5{display: none}


.gfield_label{
	width: 100%;
	margin-top: 50px;
}
input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea{
	background:  rgba(5,15,25,1) !important;
	border: 1px solid transparent !important; 
	border-bottom: 1px solid #fff !important; 
	margin-bottom: 20px;
	color: #fff !important;
	line-height: 2em !important; 
	text-align: center;
	height: 50px !important;

}

.gform_next_button.button{
	margin: 0 20px !important;
	border: 2px solid #fff !important;
	background: rgba(43,113,119,.4) !important;
	color: #fff !important;
	transition: all .5s linear;
}
.gform_previous_button.button{
	opacity: .4;
	border: 2px solid #8bb8bc!important;
	color: #8bb8bc !important;
	background: rgba(43,113,119,.4) !important;
	transition: all .5s linear;
}
.gform_previous_button.button:hover,
.gform_next_button.button:hover{
	opacity: 1;
	border: 2px solid #fff !important;
	background: #2b7277 !important;
	color: #fff !important;
}
.gform_button.button{
	border: 2px solid #fff !important;
	background: rgba(43,113,119,1) !important;
	color: #fff !important;
	transition: all .5s linear;
}
.gform_button.button:hover{
	background: #59e1ea !important;
	color: #05151a !important;}

.gfield_consent_label{ margin-left: 20px}

.ginput_container_consent{ margin-top: 40px}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue{
	background-color: #0bb4bd !important;
	color: #000 !important;
}

input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea{
	height: 50px !important
}

.gf_progressbar_wrapper{
	display: block !important;
}


/* 	maps styles & controls	
	========================================= */

.imp-shape .imp-spot-fontawesome-icon{
	font-size: 20px !important;
	-webkit-text-stroke: 3px #fff; 
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.imp-ui-element.imp-ui-navigator-root,
.hideDot
{
	display: none;
}



@media only screen and (max-width: 760px) {
}