/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2024 | 10:10:27 */
:root{
--white: #fff!important;
--black: #000!important;
--yellow: #FDB731!important;
}
.white-txt{
color: var(--white)!important;
}
.project-images .wide{
flex:2;
}
.project-images .tall{
flex:1;
}
.bottom-less{
margin-bottom:16px!important;
}
.bold-txt{
font-weight:700!important;
}
@media screen and (min-width: 1025px){
/*  .header-sec .elementor-container {
    position: absolute;
    padding: 0 10px;
    width: 100%;
}  */
/* #container{
max-height: 800px;	
overflow: auto;	
} */
/* .feature-sec{
max-height: 900px;
overflow: auto;
} */
.map-sec .gm-style .gm-style-iw-c button{
top:5px!important;
right:5px!important;
}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.number-sec .elementor-counter-title br {
display: block!important;
}
.line {
width: 80px!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.overlayinn {
padding:120px 20px!important;		
}
.second-col .overlayinn {
padding:90px 20px!important;		
}
.image-1:before{
left:20px!important;	
}
	
.site-logo img.attachment-full.size-full {
    width: 200px !important;
}
.first-col:not(:last-child){
padding-bottom:10px!important;
}
.main-col{
padding-right:10px!important;
}
.third-col{
padding-left:10px!important;
}
}
@media screen and (max-width: 767px){
#container{
flex-direction:column;		
}
.site-logo img.attachment-full.size-full, .site-foot-logo img.attachment-full.size-full {
    width: 150px !important;
}
	
.main-col{
padding-right:0!important;	
}
.third-col{
padding-left:0!important;		
}
.first-col:last-child{
padding-bottom:20px!important;
}
.map-sec .gm-style .gm-style-iw-c{
overflow:hidden;		
}
.map-sec .gm-style .gm-style-iw-c .gm-ui-hover-effect span{
margin: 15px 15px 8px 0px!important;
}
.map-sec .gm-style-iw-d p{
font-size: 14px!important;
line-height: 19px!important;
margin-bottom:5px!important;
}
.map-sec .gm-style-iw-d a {
font-size: 12px!important;
line-height: 16px!important;
outline:none;
}
.map-sec .gm-style-iw-d img{
height:10px;		
}
.map-sec .gm-style .gm-style-iw-c{
padding: 10px!important;
min-width: 204px!important;
min-height: 56px!important;	
}
.landmark-sec br{
display:none;		
}
.unique-col .elementor-widget-wrap{
align-content: flex-start!important;
align-items: center;
padding: 52px 30px 10px 30px;
}
.second-col .overlayinn{
padding:85px 50px!important;		
}
.image-1:before{
left:20px!important;	
}
.video-col-new{
min-height: 550px;
}
figure{
 height:640px!important;
}
}
@media screen and (min-width:768px) and (max-width: 900px){
  .video-col-new{
  min-height: 700px;
}
figure{
 height:700px!important;
}
}
@media only screen and (min-width: 768px){
.map-sec .gm-style .gm-style-iw-c, #map .gm-style-iw{
padding:30px!important;
min-width: 424px!important;
min-height: 159px!important;	
}
.map-sec .ae-map-infowindow, #map .gm-style-iw{
min-width: 424px!important;
/* min-height: 159px!important;*/
min-height: 170px!important;
}
.ae-map-infowindow::after {
clip-path: none!important;
    content: '';
    height: 54px!important;
    left: 210px!important;
	transform:none!important;
    position: absolute;
    top: 159px!important;
    width: 25px!important;
	border-width:none!important;
	box-shadow:none!important;
    background: url(/wp-content/uploads/2022/08/Map-line.svg)no-repeat!important;
}
.gm-style .gm-style-iw-tc::after{
clip-path: none!important;
    content: '';
    height: 51px!important;
    left: 0px!important;
	transform:none!important;
    position: absolute;
    top: 0px!important;
    width: 25px!important;
	border-width:none!important;
	box-shadow:none!important;
    background: url(/wp-content/uploads/2022/08/Map-line.svg)no-repeat!important;
}
}
@media only screen and (min-width: 360px) and (max-width: 767px){
.number-sec .elementor-counter-title br{
display:block!important;	
}
.number-main-sec .elementor-container{
flex-wrap:nowrap!important;		
}
.number-line{
width:72px!important;	
}
}
.landmark-sec{
font-weight:400!important;
}
.landmark-sec strong, .project-list span, .post-list span{
font-weight:700!important;
}
.realize-sec{
font-weight:700;
}
.footer-para{
font-size:16px!important;
line-height:24px!important;
}
.footer-para a{
color:#FDB731!important;
}
.featured-project-main{
display:flex;
}
.featured-col:not(:last-child), .featured-col-middle{
margin-right: 10px;
}
.featured-col{
width:25%!important;
position:relative;
}
.featured-col-middle{
width:50%;
position:relative;
}
/* .featured-col img, .featured-col-middle img{
padding-bottom:10px;
} */
.featured-col .image-1:hover, .featured-col-middle .project-1:hover{
background:#0B6CFF; 
opacity: 0.85; 
background: rgba(11, 109, 255, 0.85); 
z-index: 2!important;
content: "";
 width: 100%;
/* height: 100%; */
position: absolute;
left: 0;
}
.project-1:hover h3, .project-1:hover a{
opacity:1;
transform: translateY(0);
}
.elementor-sticky--effects{
background:#1e1e1e;
}
.featured-col .image-1{
background-image: url('https://www.skywindowtech.com/wp-content/uploads/2022/08/Project-5.png');
background-size: cover;
background-position:center;
min-height:756px;
width:100%;
}
.featured-col-middle .project-1{
/* background-image: url('https://www.skywindowtech.com/wp-content/uploads/2022/08/Project-1.png'); */
background-size: cover;
background-repeat:no-repeat;
background-position:center;
min-height:444px;
width:100%; 
} 
.featured-col-middle .project-1:not(:last-child), .featured-col .project-1:not(:last-child){
margin-bottom:10px;
}
/* .featured-col .image-1{
background-image: url('https://www.skywindowtech.com/wp-content/uploads/2022/08/Project-3.png');
background-size: cover;
background-repeat:no-repeat;
background-position:center;
} */
.project-1{
display:flex;
flex-direction:column;
justify-content:center;
padding:120px 20px;
}
.project-1 h3, .project-1 a{
opacity:0;
}
.project-1 a{
color:#FDB731!important;
}
.project-list{
list-style:none;
padding-left:0px!important;
color: #FFFFFF;
font-family: "Open Sans", Sans-serif!important;
font-size: 18px;
font-weight: 400;
line-height: 27px;
}
.popup-para{
font-size: 18px!important;
font-weight: 400!important;
line-height: 27px!important;
color: var(--white)!important;
}
.project-item{
display:flex;
}
.project-item img{
margin-right:10px;
margin-top:20px;
}

.map-sec .gm-style .gm-style-iw-c button:focus{
outline:none!important;
}
.map-sec .gm-style-iw-d{
overflow:auto!important;
}
.map-sec .gm-style-iw-d p{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height:42px;
text-align:center;
}
.map-sec .gm-style-iw-d a{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height:29px;
color: #FDB731;
}
.map-sec .gm-style-iw-d div{
text-align:center;
}
.map-sec .gm-style .gm-style-iw-tc{
top:-58px!important;
}
.map-sec .gm-style .gm-style-iw-tc::after{
 clip-path: none!important; 
content: '';
height: 72px;
left: 10px;
position: absolute;
top: -1px;
width: 25px;
background: url(/wp-content/uploads/2022/08/Map-line.svg)no-repeat;
}
.map-sec .gm-ui-hover-effect>span {
 background-color: #fff!important;
}
.overlayone{
  display: inline-block;
  position: relative;
}
.overlayinn {
/*   background-color: rgb(11 109 255 / 37%); */
  background: rgba(20,79,162,.6);
  height: 100%;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  padding: 120px 50px;
  transition: opacity .5s;
  display:flex;
  justify-content:center;
  flex-direction:column;
  z-index: 2;
}
.overlayinn h2, .overlayinn h3{
transform: translateY(100%);
transition: all .3s ease-in-out;
}
/*.overlayinn a{
color:#FDB731!important;
}*/
.overlayinn:hover h2, .overlayinn:hover h3{
transform: translateY(0);
}
.overlayinn:hover {
  opacity: 1;
  transition: opacity .5s;
}
#container{
display:flex;
/* max-height:967px;
overflow-y:scroll; */
z-index:2;
}
/* .feature-sec .elementor-container:after{
    content: "";
    width: 100%;
    height: 40%;
    position: fixed;
     background: linear-gradient(360deg, rgba(2,0,36,1) 16%, rgba(0,212,255,0) 64%); 
	background: linear-gradient(360deg, #000000 16.89%, rgba(0, 0, 0, 0) 67.48%);
	bottom:0;
	overflow:hidden; 	
    top:60%;
} */
.post-container:after, .post-container:before {
    content: "";
    width: 100%;
    height: 10%;
    position: absolute;
    background: linear-gradient(360deg, rgba(2,0,36,1) 16%, rgba(0,212,255,0) 64%);
	bottom:0;
}
.image-col:after, .image-col:before{
    content: "";
    width: 100%;
    height: 10%;
    position: absolute;
    background: linear-gradient(360deg, rgba(2,0,36,1) 16%, rgba(0,212,255,0) 64%);
	bottom:0;
}
/* .main-col, .third-col{
width:30%;
}
.second-col{
width:40%;
} */
.first-col:not(:last-child){
padding-bottom:20px;
}
.main-col{
padding-right:20px;
}
.third-col{
padding-left:20px;
}
.social-para{
margin-bottom:0px!important;
}
.number-line{
margin-left:0!important;
}

.line{
width:146px; 
height:3px;
margin-bottom:10px;
margin-left:5px;
background:#FDB731;
cursor:pointer;
animation: 2s ease-out 0s 1 width;
transition: width 1s ease;
}
@keyframes width{
0%{
/* transform: translateX(-100%);		 */
width:6px;
}
100%{
/* transform: translateX(0);	 */
width:146px;
}
}
#container::-webkit-scrollbar, #main-sec::-webkit-scrollbar { 
    display: none;  
}
.number-sec .elementor-counter-number-prefix, .number-sec .elementor-counter-title br{
display:none;
}
.number-sec .elementor-counter-title{
text-align:left!important;
}
.map-sec .gm-style .gm-style-iw-c{
background:#1e1e1e!important;
border-radius:0px!important;
/* padding-right: 20px!important;
padding-bottom: 20px!important; */
top: -59px!important;
}
.post-head{
font-weight: 700!important;
font-size: 48px!important;
line-height: 57px!important;
}
.post-para{
max-width:473px;
}
.post-list{
list-style:none;
padding-left:0px!important;
color: #FFFFFF;
font-family: "Open Sans", Sans-serif!important;
font-size: 18px;
font-weight: 400;
line-height: 27px;
}
.post-container img:not(:last-child){
padding-bottom:20px;
}
.post-container{
max-width:683px;
}
.img-block{
display:flex;
max-width:687px;
}
.img-left{
padding-right:10px;
}
.img-right{
padding-left:10px;
padding-bottom:20px;
}
.txt-center{
text-align:center;
}
/* .popup-para{
max-width:381px;
} */
.pic{
	opacity: 0;
}
.one {
	animation-delay: none;
}
.two {
	animation-delay: 200ms;
}
.three {
	animation-delay: 400ms;
}
.four {
	animation-delay: 600ms;
}
.five {
	animation-delay: 800ms;
}
.six {
	animation-delay: 1000ms;
}
.fadein {
	animation-name: fadein;
	animation-fill-mode: both;
	animation-duration: 350ms;
	animation-timing-function: ease-in-out;
}

@keyframes fadein {
	0% {
		opacity: 0;
		transform: translateY(50%);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* Gallery Section Styling Start */
@media screen and (min-width: 768px) and (max-width: 1024px){
.image-1:before{
width:30px!important;
height:30px!important;
padding-top: 8px!important;
}
}
/* .bg{
  position: sticky;
  top: 62%;
  background: linear-gradient(360deg, #000000 16.89%, rgba(0, 0, 0, 0) 67.48%);
  background-position: bottom center;
  height: 300px;
  bottom: 0px!important;
}
.inner-div {
    position: absolute;
    top: 40%;
    height: 100%;
    width: 100%;
} */
.bg{
  position: sticky;
  top: 0px;
/*   background: linear-gradient(360deg, #000000 16.89%, rgba(0, 0, 0, 0) 67.48%); */
	background: linear-gradient(360deg, #000000 3.89%, rgba(0, 0, 0, 0) 24.48%);
  background-position: bottom center;
  height: 75vh!important;
  bottom: 0px!important;
  z-index: 4;
}
.inner-div {
    position: absolute;
/*     top: 0%; */
	bottom:0%;
/*     height: 100%; */
    width: 100%;
	z-index:1;
}
/* .image-1{
background:url(/wp-content/uploads/2022/08/Project-3.png) no-repeat;
background-size:cover;
background-position:center;
} */
.image-1:before{
position: absolute;
/*     content: url(https://www.skywindowtech.com/wp-content/uploads/2022/11/plus-icon.svg); */
 	content: url(/wp-content/uploads/2022/11/plus-icon-svg-new.svg); 
    background-color: #144fa2;
    color: #fff;
    width: 40px;
    height: 40px;
    z-index: 4;
    bottom: 40px;
    left: 50px;
/* 	font-size:25px; */
	padding-top:6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out; 
}
 .image-1:hover:before {
    transform: rotate(-90deg);
} 
.image-1{
position:relative;
}
/* .image-1:after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%; 
transition: all .3s ease-in-out;
}
.image-1:hover:after{
background:rgba(11, 109, 255, 0.85);
} 
.image-1 h2{
position: relative;
    z-index: 1;
    transform: translateY(100%);
    opacity: 0;
	left:20px;
	bottom:50%;
    transition: all .3s ease-in-out;
/*     font-weight: 500;
    padding: 0 0 0.5em;
    margin-bottom: 1em;
    font-size: 1rem;
    display: inline-block;
    text-transform: uppercase; */
}
/* .image-1:hover h2 {
    transform: translateY(0);
    opacity: 1;
}
.image-1 i{
color:#fff!important;
} */ 
/* Gallery Section Styling End */
.page-id-1083 .arrow-sec{
display:none!important;
}
.arrow-sec .elementor-widget-wrap .elementor-sticky--effects{
background:transparent!important;
}

.header-sec{
z-index:6!important;
}

.pop-sec{
z-index: 3000001!important;
}
/**********Pop-up Styling***********/
 @media screen and (max-width: 767px){
#project-main .pp-row{
flex-direction:column;	
}
.pp-images-col, .pp-content-col{
width:100%!important;
}
.pp-content-col{
padding-left:0px!important;
padding: 20px 0px!important;
}
.map-sec .ae-map-infowindow{
min-width: 250px!important;
min-height: 59px!important;			
}
.ae-map-infowindow::after{
    clip-path: none!important;
    content: '';
    height: 54px!important;
    left: 123px!important;
    transform: none!important;
    position: absolute;
    top: 100%!important;
    width: 25px!important;
    border-width: 0!important;
    box-shadow: none;
	background: url(/wp-content/uploads/2022/08/Map-line.svg)no-repeat!important;
}
.overlayinn h2 a{
font-size:20px!important;
line-height:30px!important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1500px){
.pop-sec .dialog-message{
width: 1024px!important;
}
.pop-sec .dialog-message::-webkit-scrollbar { 
 display: none;  
}
/* .project-images .items{
height:350px!important;;	
} */
}
/*  .project-images{
display:flex;
 flex-wrap:wrap;
padding-left:0;
} */
.items{
display: flex;
}
.project-images .image{
margin: 2px;
display: flex;
/* align-items: center; */
justify-content: center;
/*width:50%;*/ 
}
.openpopup{
background-color: #144fa2;
    padding: 10px 10px;
    /* overflow: visible; */
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all .3s ease-in-out;
	z-index:2;
}
.tg-item:hover .openpopup{
transform: rotate(-90deg);
}
.tg-icon-add:before{
content: url(/wp-content/uploads/2022/11/plus-icon-svg-new.svg)!important;
}

/**********Pop-up Styling***********/
@media screen and (max-width: 767px){
.popmake-close{
padding:5px!important;	
font-size:20px!important;
}	
}
@media screen and (min-width: 768px){
.pp-content-col h2{	
font-size:32px!important;
line-height:43px!important;	
}
.popmake-close{
padding:10px!important;	
font-size:30px!important;
}
}
#pum-1790{
background-color: rgb(255 255 255 / 11%);
}
#popmake-1790{
background-color: var(--black);
padding:40px 20px;
}
#project-main .pp-row{
display: flex;
}
.pp-images-col{
width:60%;
}
.pp-content-col{
width:40%;
padding-left:40px;
}
.pp-content-col h2{
margin-bottom:20px;
}
.popmake-close{
background:none!important;
outline:none!important;
box-shadow:none!important;
text-shadow:none!important;
color: var(--yellow)!important;	
}
.project-loader{
        width: 48px;
        height: 48px;
        border-radius: 50%;
        position: relative;
        animation: rotate 1s linear infinite;
        color: var(--yellow)!important;
      }
      .project-loader::before , .project-loader::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0px;
        border-radius: 50%;
        border: 5px solid var(--white);
        animation: prixClipFix 2s linear infinite ;
      }
      .project-loader::after{
        transform: rotate3d(90, 90, 0, 180deg );
        border-color: var(--yellow);
      }

      @keyframes rotate {
        0%   {transform: rotate(0deg)}
        100%   {transform: rotate(360deg)}
      }

      @keyframes prixClipFix {
          0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
          50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
          75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
      }
#project-popup{
display:flex;
justify-content:center;
flex-direction:column;
}
.overlayinn h2{
font-size: 36px!important;
line-height: 43px!important;
}
.two-image-col{
flex-direction:column;
}
/**********Pop-up Styling End***********/
.image-container{
display: flex;
align-content: space-between;
flex-flow:row wrap;
width:100%;
}

.image-container .image{
  flex:1 1 auto;
  width:50%;
  margin:0;
  padding:0;
}
.wall {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100vw;
margin: 0 auto;
}
.image{
/*width: 50%;*/
margin: 2px;
/*flex-grow: 1;*/
}

/*.grid > .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}*/
.images-sec{
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(172px, 2fr));
    grid-auto-rows: 344px;
    grid-gap: 2px;
	grid-auto-flow: dense;
}
.image img{
width:100%;
height:100%!important;
object-fit:cover;
}
/* }
.gallery__item--1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

.gallery__item--2 {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.gallery__item--3 {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
}

.gallery__item--4 {
    grid-column: 3 / span 1;
    grid-row: 1 / span 3;
} */
.image-sec .wide{
grid-column: span 2;
}
.image-sec .tall{
grid-row: span 2;
}
.ae-map-infowindow, #map .gm-style .gm-style-iw-t{
bottom:70px!important;
}
.ae-infowindow-close-btn{
background-color: transparent!important;
outline:none!important;
border:none!important;
color:#fff!important;
}
.ae-infowindow-close-btn img{
filter: invert(1);	
}
/****************404page Css***************/
.page-not-found{
    max-width: 1130px;
    margin: auto;
}
.page-not-found h1{
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 72px;
}
.page-not-found p {
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 20px;
}
.page-not-found a{
    color: #FFFFFF;
    font-family: "Open Sans", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}
.page-not-found li{
  margin-bottom: 15px !important;   
}

 

.page-not-found #error-btn{
font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #000000;
    background-color: #FDB731;
    padding: 6px 36px 6px 36px;
    border-radius: none !important;
}

 

@media screen and (max-width: 767px){
.page-not-found h1{
    font-size: 36px;
    line-height: 54px;
    font-weight: 300;
}
.page-not-found p ,.page-not-found a{
    font-size: 16px;
}
}
/***********Footer Sec***********/
.social-sec .elementor-icon i{
width:0!important;
}
.social-sec .elementor-icon i{
margin-right:10px!important;
}

#sky-sec{
height: 500px;
}
#map{
width:100%!important;
}
.city-form h2{
font-size:20px!important;
line-height: 30px!important;
margin-bottom:20px;
display:none;
}
.city-form form fieldset{
border:none;
padding:0!important;
}
.city-form form label{
display:none!important;
}
.city-form form select{
margin-bottom:20px;
border:none!important;
outline:none!important;
}
.city-form{
position:relative;
}
.city-form .Ontario, .city-form .Alberta{
background: #fff!important;
color:#000!important;
border:none!important;
outline:none!important;
}
.city-form .Ontario:hover, .city-form .Alberta:hover{
background: #f3f3f3!important;	
}
.city-form .Ontario {
position: absolute;
    z-index: 2;
    right: 5%;
    top: 10px;
	font-size:14px!important;
	width: 15%;
}
.city-form .Alberta {
position: absolute;
    z-index: 2;
    right: 22%;
    top: 10px;
	font-size:14px!important;
	width: 15%;
}
#map .gm-style-iw{
max-width:0!important;
max-height: 0!important;
background: #000!important;
border-radius: 0!important;
}
#map .gm-style .gm-style-iw-tc{
width: 5px!important;
}
#map .gm-style-iw-d a{
font-size: 19px;
font-weight: 400;
line-height: 29px;
color: #FDB731!important;
font-family: "Roboto", Sans-serif!important;
}
#map .gm-style-iw-d h4{
font-family: "Roboto", Sans-serif!important;
font-weight:400!important;
font-size: 28px!important;
line-height: 42px!important;
margin-bottom: 20px;
}
#map .gm-ui-hover-effect > span{
background: #0744a0!important;
}
#map .gm-ui-hover-effect{
opacity:1;
outline:none!important;
}
#map{
display:block!important;
}
/*---test map---*/
@media screen and (min-width:768px){
	#popmake-1790{
		transform: translate(50%, -50%)!important;
	}	
}
@media screen and (max-width:1200px) and (min-width:1025px){
	.city-form .Ontario{
		right:6%;
	}
}
@media screen and (max-width:1024px) and (min-width:768px){
	.city-form .Alberta{
		right: 24%;
	}
	.city-form .Ontario{
		right:8%;
	}
}
/* @media screen and (max-width:767px) and (min-width:460px){
	.city-form .Alberta{
		right: auto;
    	left: 207px;
		padding: 9.5px 20px;
		width: auto;
	}
	.city-form .Ontario{
		right: auto;
		left: 298px;
		padding: 9.5px 20px;
		width: auto;
	}
} */
@media screen and (max-width:459px){
	
	#map .gm-style-iw{
		 max-width: 290px !important;
	}
}
@media screen and (max-width:767px){
	.popmake-close{
		right:20px !important;	
	}
#map .gm-style-iw {
    padding: 25px!important;
   /*max-width: fit-content !important;*/
	max-height: fit-content !important;
}
	#map .gm-style-iw-d h4 {
    font-size: 18px!important;
		line-height: 20px!important;
    margin-bottom: 10px;
}
.gm-style .gm-style-iw-tc::after{
    clip-path: none!important;
    content: '';
    height: 54px!important;
    left: 0px!important;
    transform: none!important;
    position: absolute;
    top: 0%!important;
    width: 25px!important;
    border-width: 0!important;
    box-shadow: none;
	background: url(/wp-content/uploads/2022/08/Map-line.svg)no-repeat!important;
}
	#map .gm-style-iw-d a {
		font-size: 16px;
	}
	.city-form .Alberta, .city-form .Ontario{
		    right: auto;
		    padding: 15px 25px;
		width: auto;		
		top: auto;
    	bottom: 25px;		
	}
	.city-form .Alberta{
    left: calc(50% - 105px);
	}
	.city-form .Ontario{
    left: 51%;
	}
	#popmake-1790{
/* 		top: 0!important;
   
    margin-top: auto!important;
    margin-bottom: auto!important;   
    height: fit-content!important; */
		top: 10px !important;
	}
		
	
}
.city-form #map .gmnoprint{
		display:none;
	}
.video-col-new {
    background: #000000!important;
}

.pp-desc a{
color: #FFFFFF;
font-family: "Open Sans", Sans-serif!important;
font-size: 18px;
font-weight: 400;
line-height: 27px
}
.sticky-header{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    left: 0;
	background:#1e1e1e!important;
}
.elementor-sticky--effects{
background: transparent!important;
}
/***********Footer CSS Start***********/
@media screen and (max-width:1024px) and (min-width:768px){
.foot-tab-col{
width: 50%!important;	
}
}
@media screen and (max-width:1024px) and (min-width:901px){
.logo-col, .company-col{
width: 37.5%!important;		
}
.office-col{
width: 25%!important;	
}	
}
@media screen and (max-width:900px) and (min-width:768px){
.logo-col, .company-col{
width: 40%!important;		
}
.office-col{
width: 20%!important;	
}
.footer-main-sec{
column-gap: 40px;	
}
}
@media screen and (min-width:1025px) {
.office-col .elementor-widget-wrap{
padding-left:105px!important;	
}	
}
@media screen and (max-width:767px){
.company-info-sec p, .head-office-sec p{
margin-bottom:10px!important;		
}
}
/***********Footer CSS End***********/

/*************Contact Form CSS Start**********/
@media screen and (max-width:767px) {
.contact-us-form input[type=text], .contact-us-form input[type=submit], .contact-us-form .gfield_label, .contact-us-form textarea{
font-size: 16px!important;
line-height: 27px!important;
}
.contact-us-form input[type=submit]{
padding: 8px 35px 8px 35px!important;	
}
}
.contact-us-form input[type=text], .contact-us-form textarea{
border: none!important;
outline: none!important;
border-radius: 5px;
font-family: "Open Sans", Sans-serif!important;
font-size: 18px;
line-height: 27px;
}
.contact-us-form textarea{
height:130px!important;
}
.contact-us-form input[type=submit]{
font-family: "Open Sans", Sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 22px;
fill: #000000!important;
color: #000000!important;
background-color: #FDB731!important;
border:none!important;
outline: none!important;
padding: 12px 40px 12px 40px;
border-radius: 5px;
}
.contact-us-form .gform_footer{
padding-top: 20px!important;
}
.contact-us-form .validation_message{
background: none!important;
border: none!important;
margin:0!important;
padding:0!important;
color:var(--white)!important;
}
.contact-us-form .gfield_label{
color:var(--white)!important;
font-size: 18px!important;
font-weight: 700;
line-height: 22px!important;
}
.gform_validation_errors{
display:none;
}
.contact-us-form_wrapper{
max-width: 600px;
}
.contact-para{
margin-bottom:0px!important;
}
#contact-form h2{
margin-bottom: 10px;
}
.contact-para a:hover, #contact-form a:hover{
color: var(--yellow)!important;
text-decoration: underline;
}
.site-logo{
margin-top: 0!important;
}
.captcha-field .gfield_label{
display:none!important;
}
.grecaptcha-badge {
visibility: hidden;
}
@media screen and (min-width:768px) {
.about-image-sec img{
min-height:665px;
height:100%!important;
object-fit: cover;
object-position: left;
}
.policy-content h3{
font-size:28px!important;
line-height:38px!important;
}
.policy-head{
font-size: 48px!important;
line-height: 57px!important;		
}
}
/***********AODA Page CSS Start**************/
@media screen and (max-width:767px){
.policy-content h3{
font-size:22px!important;
line-height:32px!important;
}
}
.training-list{
padding-left:20px;
margin-bottom:20px;
}
.training-list li{
margin-bottom:5px;
}
.training-para{
margin-bottom:10px!important;
}
.policy-content h3{
margin-bottom: 10px!important;
}
/***********AODA Page CSS End***************/
.sky-archive-sec article img{
height:100%!important;
}