body { background-color: transparent; }


  #closelink {
    background-image: url(img/icons.png);
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
    display: block;
    background-color: antiquewhite;
    z-index: 9999999999999999999999999999999999!important;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 9999;
    background-position: 15px 12px;
}

.datess {
    text-align: center;
}

.centerright {
    text-align: center;
    padding: 42px;
}
.nextproject h5 {
    margin-top: 35px!important;
}

 .nextproject2.elementor-widget.elementor-widget-text-editor.animated.fadeInUp {
    padding-top: 26px;
    padding-bottom: 11px;
}


.bluenolnk {
    color: #58b6e5!important;
    font-weight: 500;
    pointer-events: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item a:link {
    color: #fff!important;
}

 a.mega-menu-link {
    color: #f1f2f2!important;
}

#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-27 > a:link {
    color: #54bcea!important;
}


#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-2526 > a:link {
    color: #54bcea!important;
}


#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-27 > a:visited {
    color: #54bcea!important;
}


#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-2526 > a:visited {
    color: #54bcea!important;
}


#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-27 > a:hover {
    color: #fff!important;
}


#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-2526 > a:hover {
    color: #fff!important;
}




#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-3590 > a:link {
    color: #54bcea!important;
}


#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-3590 > a:visited {
    color: #54bcea!important;
}



#mega-menu-wrap-primary #mega-menu-primary >  li#mega-menu-item-3590 > a:hover {
    color: #fff!important;
}






/* mewnu overwrite */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: rgb(31 33 32 / 90%) !important;
    padding-left:0px!important;
    padding-right:0px!important;
}

#menulinks a:link {
    color: #ffffff!important;
    border-bottom: 1px solid #54bcea!important;
    margin-top: 0px!important;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding-bottom: 25px;
}

div#menulinks a:hover {
	 color: #ffffff!important;
    background-color: #54bcea!important;
}



#menulinks > a:nth-child(1) {
        padding-top: 15px;
        border-top: 1px solid #54bcea!important;

}
#menulinks > a {
        margin-top: 0px!important;
        

}
#menulinks > a:nth-child(2) {
    padding-top: 15px;
}
#menulinks > a {
    padding-top: 15px!important;
}

@media all and (min-width:800px) {

#menulinks > br {height: 10px;display: none;}
}
/* mewnu overwrite */


.inside-site-info { display: none; }

h1.entry-title { display: none; }

.main-title { display: none; }

.grid-container { max-width: 100%; }

.main-navigation, .main-navigation ul ul { background-color: transparent; }

.titley { text-transform: uppercase; }

.titley2 { text-transform: uppercase; }

.zindex h1 { font-family: 'Source Sans 3', sans-serif; margin-bottom: 0px; color: #4fb3e4; font-size: 54px; margin-top: 30px; font-weight: 300; }

.zindex h3 { font-family: 'Source Sans 3', sans-serif; margin-bottom: 10px; color: #444; font-size: 32px; font-weight: 300; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-family: 'Source Sans 3', sans-serif; margin-bottom: 10px; }

#mega-menu-item-27 > a { font-weight: 800!important; color: #4fb3e4!important; text-transform: lowercase!important; font-size: 18px!important; padding-left: 30px!important; }

#mega-menu-item-2526 > a { font-weight: 800!important; color: #4fb3e4!important; text-transform: lowercase!important; font-size: 18px!important; padding-left: 30px!important; }

#mega-menu-item-3590 > a  { font-weight: 800!important; color: #4fb3e4!important; text-transform: lowercase!important; font-size: 18px!important; padding-left: 30px!important; }

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { display: none; }

#menulinks { text-align: center; }

#menulinks a:link { border-bottom: 1px solid #fff; padding: 0px; margin: -9px 0px 0px 0px; line-height: normal; padding-bottom: 15px; color: #444; font-family: 'Source Sans 3', sans-serif; text-transform: uppercase; font-size: 18px; }

#menulinks a:hover { color: #4fb3e4!important; }

#menulinks a:visited{  color:#fff!important; border-bottom: 1px solid #53a8d6!important;}

#menulinks a:hover {
    color: #53a8d6!important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 17px; }

#padpadpad { padding-top: 19px; }

div#Logistics {
    width: 100%!important;
    margin-top: -84px;
}
#mega-menu-item-21 > ul { left: -60px!important; }

#mega-menu-item-22 > ul { left: -16px!important; }

#mega-menu-item-26 > ul { left: -60px!important; }

.minusup { margin-top: -134px; }
html {  scroll-behavior: smooth;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 76px; }

#trianglemain { width: 608px; height: 947px; background-image: url(/wp-content/uploads/2023/11/triangles2.png); background-position: left top; position: absolute; z-index: 99; margin-top: -2px; background-size: contain; background-repeat: no-repeat; }

#whitecheatdiv { width: 100%; height: 190px; background-color: #fff; z-index: 100; position: absolute; margin-top: -15px; }

.zindex { position: relative; z-index: 999; margin-top: -10px; }

#button1 { width: 22%; float: left; margin-left: 2%; margin-right: 3%; }

#button2 { width: 22%; float: left; margin-right: 3%; }

#button3 { width: 22%; float: left; margin-right: 3%; }

#button4 { width: 22%; float: left; }

#picture1 { width: 100%; height: 340px; background-color: #000; background-image: url(/wp-content/uploads/2023/11/project_management.jpg); background-size: cover; background-repeat: no-repeat; }

#picture2 { width: 100%; height: 340px; background-color: #000; background-image: url(/wp-content/uploads/2023/11/concepts.jpg); background-size: cover; background-repeat: no-repeat; }

#picture3 { width: 100%; height: 340px; background-color: #000; background-image: url(/wp-content/uploads/2023/11/installation.jpg); background-size: cover; background-repeat: no-repeat; }

#picture4 { width: 100%; height: 340px; background-color: #000; background-image: url(/wp-content/uploads/2023/11/truck.jpg); background-size: cover; background-repeat: no-repeat; }

#text1 { padding: 30px; background-color: #647784; width: 100%; clear: both; text-align: center; color: #fff; }

#text2 { padding: 30px; background-color: #2a4054; width: 100%; clear: both; text-align: center; color: #fff; }

#text3 { padding: 30px; background-color: #4a69aa; width: 100%; clear: both; text-align: center; color: #fff; }

#text4 { padding: 30px; background-color: #102f64; width: 100%; clear: both; text-align: center; color: #fff; }

.buttons h3 { color: #fff; font-family: 'Source Sans 3', sans-serif; font-size: 30px; }

.buttons { color: #fff; font-family: 'Source Sans 3', sans-serif; font-size: 16px; }

#findoutmore { width: 70%; border: 1px solid #fff; margin: 0 auto; font-size: 20px; margin-top: 20px; margin-bottom: 10px; background-image: url(/wp-content/uploads/2023/11/arroww.png); background-position: right center; background-repeat: no-repeat; padding: 8px; background-size: 22px auto; }

.buttons a:link { color: #fff; }

.buttons a:hover { color: #fff; opacity: 0.8; }

.buttons a:visited { color: #fff; }

.ourwork { font-size: 44px; font-family: 'Source Sans 3', sans-serif; font-weight: 300; display: block; width: 240px; height: 240px; background-image: url(/wp-content/uploads/2023/11/diamond.png); background-position: center; background-repeat: no-repeat; margin: 0 auto; background-size: cover; color: #fff; padding-top: 85px; left: 7px; margin-top: -129px; position: relative; z-index: 999; opacity: 0.9; }

.ourwork2 { font-size: 44px; font-family: 'Source Sans 3', sans-serif; font-weight: 300; display: block; width: 240px; height: 240px; background-image: url(/wp-content/uploads/2023/11/diamond.png); background-position: center; background-repeat: no-repeat; margin: 0 auto; background-size: cover; color: #fff; padding-top: 85px; margin-top: -10px; position: relative; z-index: 999; opacity: 0.9; }

.ourwork3 { font-size: 44px; font-family: 'Source Sans 3', sans-serif; font-weight: 300; display: block; width: 240px; height: 240px; background-image: url(/wp-content/uploads/2023/11/diamonds2.png); background-position: center; background-repeat: no-repeat; margin: 0 auto; background-size: cover; color: #fff; padding-top: 15px; margin-top: 14px; position: relative; z-index: 999; opacity: 1; }

.bottompaddy { padding-bottom: 120px; }

div.eael-grid-post-excerpt { display: none; }

div.eael-entry-footer { display: none; }

::-webkit-scrollbar {
    width: 11px;
    height: 0;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #58b6e5;
}
::-webkit-scrollbar-thumb:hover {
    background: #51a9d5;
}

h2.eael-entry-title { text-align: center; border: 1px solid #fff; margin: -281px auto 0 auto; position: relative; z-index: 999; padding: 9px; width: 240px; font-size: 18px; letter-spacing: 0.1em; }

.eael-post-grid-container .eael-post-grid .eael-grid-post { padding: 0px; }

.minusup7 { margin-top: -134px; }

.galleryfull { display: block; background-color: #58b6e5; width: 230px; padding: 8px; color: #fff; font-size: 20px; margin: -58px auto 0 auto; z-index: 999; position: relative; }

.galleryfull a:link { color: #fff; }  .galleryfull a:hover { color: #fff; }  .galleryfull a:visited { color: #fff; }

.anotherminus { margin-top: -130px; }

.nextproject h4 { color: #fff; font-size: 38px; font-family: 'Source Sans 3', sans-serif; font-weight: 400; line-height: 44px; margin-bottom: 28px; }

.nextproject2 h4 { color: #fff; font-size: 38px; font-family: 'Source Sans 3', sans-serif; font-weight: 400; margin-bottom: -17px!important; }

.nextproject h5 { color: #4fb3e4; font-size: 37px; font-family: 'Source Sans 3', sans-serif; font-weight: 400; line-height: 43px; }

.nextproject h5 a:link { color: #4fb3e4; text-decoration: none; }

.nextproject h5 a:hover { color: #fff; text-decoration: none; }

.nextproject h5 a:visited { color: #4fb3e4; text-decoration: none; }

.movebandup { /*margin-top: -130px;*/ }

#footerwrap { width: 100%; background-color: #23272a; padding: 70px 70px 70px 70px; height: 490px; color: #fff; text-transform: uppercase; font-size: 13px; line-height: 27px; }

#footercontainer { width: 100%; }

.thisone li { line-height: 25px!important;  margin-top: 18px; margin-bottom: 18px; padding-bottom: 18px; }

.thisone2 li { line-height: 25px!important;  margin-top: 18px; margin-bottom: 18px; padding-bottom: 18px; }

.thisone2 { font-size: 24px; letter-spacing: 0.1em; }

.datess { color: #fff; font-size: 18px; }

.datess a:link { color: #4fb3e4; }

.datess a:hover { color: #fff; }

.datess a:visited { color: #4fb3e4; }

.teamstyle22 h2 { font-size: 28px; margin: 2px 0 3px 0; }


#footercontainer a:link { color: #fff; text-decoration: none; }

#footercontainer a:hover { color: #4fb3e4;  text-decoration: none; }

#footercontainer a:visited { color: #fff;  text-decoration: none; }
body {overflow-x: hidden!important;}
html {overflow-x: hidden!important;}
#fcol1 { width: 25%; float: left; background-image: url(/wp-content/uploads/2023/11/01ex.jpg); background-position: -4px top; background-size: 171px auto; background-repeat: no-repeat; padding-top: 95px; padding-left: 2px; }

#fcol2 { width: 25%; float: left; background-image: url(/wp-content/uploads/2023/12/ESSA.jpg); background-position: left 101px; background-size: 232px auto; background-repeat: no-repeat; height: 200px; padding-top: 40px; }

#fcol3 { width: 20%; float: left; text-transform: none; padding-top: 40px; }

#fcol4 { width: 20%; float: left; text-transform: none; padding-top: 40px; }

#fcol5 { width: 10%; float: left; text-transform: none; padding-top: 40px; }

#footercontainer h6 { color: #4fb3e4; text-transform: none; font-size: 18px; }

#facebook { width: 30px; height: 30px; background-image: url(/wp-content/uploads/2023/11/fb.png); background-position: center; background-repeat: no-repeat; background-size: 25px 25px; }

#twitter { width: 30px; height: 27px; background-image: url(/wp-content/uploads/2023/11/x.png); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; margin: 5px 0px; }

#linkedin { width: 30px; height: 30px; background-image: url(/wp-content/uploads/2023/11/in.png); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; margin-bottom: 2px;  }

#insta { width: 30px; height: 30px; background-image: url(/wp-content/uploads/2023/12/nsta.webp); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; margin-bottom: 5px;  }


.teamstyle h2 { font-size: 30px; margin: 0px; padding: 0px; font-weight: 300; padding-bottom: 7px; margin-top: -10px; }

.teamstyle h3 { font-size: 24px; margin: 0px; padding: 0px; font-weight: 300; padding-bottom: 15px; }

.teamstyle { padding-left: 40px; line-height: 29px; }

.imgg a:hover { opacity: 0.9; }

.imgg { font-size: 22px; font-family: 'Source Sans 3'!important, sans-serif; font-weight: 200!important; }

.imgg a:link { color: #444; }

.imgg a:hover { color: #4fb3e4; }

.imgg a:visited { color: #444; }

.zindex ol, ul { margin: 0px 20px 55px 20px; list-style: none; }

.zindex li { line-height: 60px; border-bottom: 1px solid #ddd; font-weight: 600; }

.envirotxt { display: block; background-color: #fff; padding: 60px 80px 60px 80px; width: 900px; margin: 0 auto; opacity: 0.95 }

.enviropad { padding: 90px 0px; }

.envirotxt h3 { font-size: 40px; font-weight: 300; color: #4fb3e4; }

.upplease { margin-top: 0px; }

.galleryhover a:hover { opacity: 0.9; }

.buttonheader { display: block; width: 100%; background-color: #303236; padding: 14px 0px 14px 0px; margin: 0px; color: #4fb3e4;  text-transform: uppercase; font-size: 28px; font-weight: 300; }

.buttonheader p { margin: 0px; padding: 0px; }

.closegap { margin-top: -20px; }

.minusup34 { margin-top: 3px; }

.separate-containers .featured-image { display: none; }

.galleryhov a:hover { opacity: 0.9; }

.site-main .gallery { margin-bottom: 5px; }

.envirotxt a:link { color: #4fb3e4; }

.envirotxt a:hover { color: #7a7a7a; }

.envirotxt a:visited { color: #7a7a7a; }




#navblock {
    width: 100%;
    height: 113px;
    margin-top: 0px;
    position: fixed;
    z-index: 9998;
    opacity: 0.9;
    background-color: #03A9F4;
    top: -200px;
	background-image: url(/wp-content/uploads/2023/11/stickybg.jpg);
	background-position: left top;
}

.inside-header {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { margin-top: 43px; }


#mmenu { display: none; }


@media only screen and (max-width: 1835px) {
	
	#trianglemain { width: 571px; }
	
}


@media only screen and (max-width: 1765px) {
	
	#trianglemain { width: 551px; }
	h2.eael-entry-title { margin: -246px auto 0 auto; }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0px 0px 0px 22px; }


	
}


@media only screen and (max-width: 1730px) {
	
	#trianglemain { width: 537px; }
	
	.logos123 { padding-left: 30px; padding-right: 30px; }
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0px 0px 0px 22px; }
	
}


@media only screen and (max-width: 1705px) {
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 15px; padding: 0px 0px 0px 23px; }
	
	#menulinks a:link { font-size: 15px; }
	
	
}


@media only screen and (max-width: 1532px) {
	
	#trianglemain { width: 468px; }
	h2.eael-entry-title { margin: -216px auto 0 auto; }
	
}



@media only screen and (max-width: 1500px) {
	
	#trianglemain { width: 458px; }
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 13px; padding: 0px 0px 0px 13px; }
	
	#menulinks a:link { font-size: 13px; }
	
	#findoutmore { font-size: 15px; }
	
	#fcol2 { background-size: 182px auto; }


}



@media only screen and (max-width: 1350px) {

	#trianglemain { width: 406px; }
	#mega-menu-item-27 > a { padding-left: 18px!important; }
	h2.eael-entry-title { margin: -196px auto 0 auto; }

}



@media only screen and (max-width: 1245px) {

	#trianglemain { width: 370px; }
	
	#findoutmore { font-size: 12px; }
	
	.zindex li { line-height: 25px;  margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; }
	
	#fcol2 { background-size: 152px auto; }

	
}


@media only screen and (max-width: 1210px) {

	#trianglemain { width: 359px; }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { letter-spacing: 0px; }
	h2.eael-entry-title { margin: -166px auto 0 auto; width: 188px; }
	#footerwrap { font-size: 12px; }
	.datess { font-size: 14px; }
	

	
}


@media only screen and (max-width: 1070px) {

	#trianglemain { width: 363px; margin-top: 48px; }
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { letter-spacing: 0px; }
	
	#mmenu { display: block; position: fixed; z-index: 9999; width: 100%; }
	
	.nav-float-right #site-navigation  { display: none; }
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 18px; }
	
	#mega-menu-item-27 > a { display: none!important; }
	
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { padding-bottom: 20px; }
	
	#navblock { display: none; }
	
	#menulinks a:link { font-size: 17px; text-decoration: none; line-height: 40px; border: 0px; }
	
	#menulinks a:hover { font-size: 17px; text-decoration: none; line-height: 40px; border: 0px; }

	#menulinks a:visited { font-size: 17px; text-decoration: none; line-height: 40px; border: 0px; }
		
	#findoutmore { font-size: 12px; background-image: none; }
	
	.buttons h3 { color: #fff!important; font-size: 26px!important; }
	
	#picture1 { height: 200px; }
	
	#picture2 { height: 200px; }
	
	#picture3 { height: 200px; }
	
	#picture4 { height: 200px; }
	
	.zindex h1 { font-size: 45px; }
	
	.zindex h3 { font-size: 22px; }
	
	#text1 { padding: 20px; font-size: 15px; }
	
	#text2 { padding: 20px; font-size: 15px; }
	
	#text3 { padding: 20px; font-size: 15px; }
	
	#text4 { padding: 20px; font-size: 15px; }
	
	#footercontainer h6 { font-size: 14px; }
	
	.minusup { margin-top: 0px; }
	
	.inside-header { z-index: 9; }
	
	.teamstyle { padding-left: 0px; text-align: center; }
	
	.teamstyle h2 { margin-top: 10px; }
	
	#menulinks > a {
    display: block;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#menulinks > br {
    display: none;
}


#swipebox-close {
    top: 0;
    right: 0;
    position: absolute;
    z-index: 99999999!important;
    transform: scale(1.5)!important;
    background-position: 15px 12px;
    top: 39px;
}


}


/* phone utilty */
a.mobile-call{
    position: fixed;
    z-index: 999999999999999999;
    font-size: 19px;
    padding-top: 12px;
    padding-left: 5%;
}


/* unvisited link */
a.mobile-call:link {
  color: #4aa7d4;
  text-decoration: none;
  font-family: 'Source Sans 3';
  font-weight: 700;
}

/* visited link */
a.mobile-call:visited {
  color: #4aa7d4;
}

/* mouse over link */
a.mobile-call:hover {
  color: white;
}

@media all and (min-width:900px) {

  .mob_only {display:none}
}
/* phone utilty */


@media only screen and (max-width: 800px) {
	
	#trianglemain { width: 270px; margin-top: 48px; }
	
	#button1 { width: 50%; float: none; margin-left: auto; margin-right: auto; }

	#button2 { width: 50%; float: none; margin-left: auto; margin-right: auto; }

	#button3 { width: 50%; float: none; margin-left: auto; margin-right: auto; }

	#button4 { width: 50%; float: none; margin-left: auto; margin-right: auto; }

	.buttons h3 { color: #fff!important; font-size: 34px!important; }
	
	#text1 { margin-bottom: 30px; }
	
	#text2 { margin-bottom: 30px; }
	
	#text3 { margin-bottom: 30px; }
	
	#text4 { margin-bottom: 30px; }
	
	#picture1 { height: 330px; }
	
	#picture2 { height: 330px; }
	
	#picture3 { height: 330px; }
	
	#picture4 { height: 330px; }
	
	#fcol1 { width: 100%; text-align: center; background-position: center top;  }
	
	#fcol2 { width: 100%; text-align: center; background-position: center 101px;  }
	
	#fcol3 { width: 100%; text-align: center; }

	#fcol4 { width: 100%; text-align: center; }
	
	#fcol5 { width: 100%; text-align: center; }

	#footerwrap { height: 1382px; }
	
	#facebook { margin: 0 auto 5px auto; }
	#twitter { margin: 0 auto 5px auto; }
	#linkedin { margin: 0 auto 5px auto; }
	#insta { margin: 0 auto 5px auto; }
	#fcol2 { height: 135px;}
	
	
	.nextproject h4 { font-size: 28px; line-height: 30px; padding-bottom: 44px; }
	
	.nextproject h5 { font-size: 22px; line-height: 24px; }

	.nextproject2 h4 { font-size: 28px; }
	
	.datess { font-size: 12px; }


	
}

@media all and (max-width:760px) {

div h2.eael-entry-title {
    margin: -220px auto 0 auto!important;
    
}
	
	
	
	.nextproject h4 { font-size: 34px; line-height: 34px; padding-bottom: 0px; margin-top: -60px; }
	
	.nextproject h5 { font-size: 24px; line-height: 24px; }

	.nextproject2 h4 { font-size: 38px; margin-top: 90px; }
	
	.datess { font-size: 18px; }
	



}

@media only screen and (max-width: 500px) {
	
	#trianglemain { width: 220px; margin-top: 48px; }
	
	.zindex h1 { font-family: 'Source Sans 3', sans-serif; margin-bottom: 0px; color: #4fb3e4; font-size: 28px; margin-top: 30px; padding-left: 50px!important; padding-right: 50px!important; }

	.zindex h3 { font-family: 'Source Sans 3', sans-serif; margin-bottom: 10px; color: #444; font-size: 18px; font-weight: 300; }
	
	#button1 { width: 90%; float: none; margin-left: auto; margin-right: auto; }

	#button2 { width: 90%; float: none; margin-left: auto; margin-right: auto; }

	#button3 { width: 90%; float: none; margin-left: auto; margin-right: auto; }

	#button4 { width: 90%; float: none; margin-left: auto; margin-right: auto; }

	.buttons h3 { color: #fff!important; font-size: 34px!important; }
	
	#text1 { margin-bottom: 30px; }
	
	#text2 { margin-bottom: 30px; }
	
	#text3 { margin-bottom: 30px; }
	
	#text4 { margin-bottom: 30px; }
	
	#picture1 { height: 330px; }
	
	#picture2 { height: 330px; }
	
	#picture3 { height: 330px; }
	
	#picture4 { height: 330px; }
	
	.nextproject2 { padding-top: 133px!important; }
			
	.zindex li { line-height: 25px;  margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; }
	
	.envirotxt h3 { font-size: 35px; font-weight: 300; color: #4fb3e4; }
	
	.envirotxt { display: block; background-color: #fff; padding: 30px 30px 30px 30px; width: 900px; opacity: 0.95 }
	
	.enviropad { padding: 50px 50px; }
	
	#linkslinks a:link { width: 100%!important; }

	
}





/*grid hack */
  a.eael-grid-post-link {
    display: block!important;
}

.eael-entry-wrapper {
    /* display: none; */
    background-color: white;
    visibility: visible;
    padding: 1px!important;
}

header.eael-entry-header {
    display: block!important;
}

h2.eael-entry-title {
    display: block!important;
}

.eael-grid-post-holder {
    border: 0px solid rgba(0,0,0,.1);
    margin-top: -3px;
}
/*grid hack */


/*slider light box */

 @media all and (min-width: 1400px) {
#swipebox-arrows {
    width: 103%!important;
    max-width: 85%!important;
}
div#swipebox-arrows {
    display: block!important;
    position: relative!important;
    top: -443px!important;
}

 #swipebox-prev.disabled, #swipebox-next.disabled {
    opacity: 20 !important;
}



    div#swipebox-bottom-bar {
    background-color: #0000 !important;
}

    
    }





/*slider light box */



/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {


  div#mega-menu-wrap-primary {
    position: relative;
    top: -19px;
}


  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding-left:10px!important;
  }

}

/* ----------- iPad Pro ----------- */

/* UNITRON */
@media (max-width: 782px){
	
	.forminator-file-upload {
		flex-direction: column !important;
	}
}

.forminator-dropdown--default {
	border-color: #17A8E3 !important;
    background-color: #E6E6E6 !important;
}