/* FRONTEND CSS
*********************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow:auto;
font-family: 'Roboto', sans-serif;
font-size:100%;
scroll-behavior: smooth;
}

body {

background-image:url(../images/background-image.png);
background-repeat:repeat-y;
margin:0;

}
@font-face {
	font-family: 'Conv_PeignotLTStd-Bold';
	src: url('../fonts/PeignotLTStd-Bold.eot');
	src: local('☺'), url('../fonts/PeignotLTStd-Bold.woff') format('woff'), url('../fonts/PeignotLTStd-Bold.ttf') format('truetype'), url('../fonts/PeignotLTStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body.mceContentBody {
background-color: #ffffff!important;
background-image: none;
}

::-webkit-scrollbar {
  width: 22px;
  height: 22px;
}
::-webkit-scrollbar-button {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-thumb {
  background: #2e4295;
  border: 5px double #2b3c85;
  border-radius: 49px;
}
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #000000;
  border: 0px none #ffffff;
  border-radius: 23px;
}
::-webkit-scrollbar-track:hover {
  background: #2e4295;
}
::-webkit-scrollbar-track:active {
  background: #2b3c85;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
h1, h2, h3, #yoo-zoo h1, .zoo-item-list p.title {}
h1, #yoo-zoo h1, .zoo-item-list p.title {font-size:180%;text-transform:uppercase;font-weight:700;font-family:'Conv_PeignotLTStd-Bold',Sans-Serif;color:#000000;}
h1::first-letter, .about h2::first-letter {color:#2E4295}
h2 {font-size:140%;font-family:'Conv_PeignotLTStd-Bold',Sans-Serif;text-transform:uppercase;}
h3 {font-size:120%;font-family:'Conv_PeignotLTStd-Bold',Sans-Serif;text-transform:uppercase;}
p {letter-spacing:0.5px;color:#414042;line-height:138%;display:block;}
.topmenu {-webkit-box-shadow: 0px 11px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 11px 10px -4px rgba(0,0,0,0.75);
box-shadow: 0px 11px 10px -4px rgba(0,0,0,0.75);min-height:114px;background-repeat:repeat-x;background-position:bottom;}
.boxme {color:#666; display:inline-block;padding-right:25px;min-height:15px;}
.camera_caption_title,.camera_caption_desc {display:inline-block;}
/* END OF CORE COMPONENTS */
.aboutus strong {color:#2E4295;}
#mod-custom116 {text-align:center;background-color:#000000;color:#ffffff;padding:10px 20px 10px 20px;border-left:10px solid #2E4295;font-size:95%;margin-right:25px;;line-height:100%;margin-top:16px;}
#mod-custom116 a {text-decoration:none;color:#ffffff;font-weight:700;}

#moduletablemenutext {vertical-align:top;letter-spacing:1px;}
#userForm {margin-top:50px;}
#yoo-zoo .details h2.subtitle {font-size:130%;font-weight:700;color:#414042;line-height:0px;}
.panelwrapper {padding-bottom:50px;min-height:700px;clear:both;}
.content_pane a:link {color:#2E4295;font-weight:700}
.content_pane a:visited {color:#2E4295}
.content_pane a:hover {color:#666666;}
.content_pane ul {margin-left:25px;padding:0}
div#maximenuck94 ul.maximenuck li.maximenuck.level1 { vertical-align: top; }

.homeimage {display:block;float:none;}
.home .topcontent2, .home .topcontent4,.expansion {background-color:#000000;background-image:url(../images/background-image-blk.png);background-repeat:repeat-y;margin-top:25px;background-position:0% 0%;padding-top:50px;padding-bottom:50px;}
.home .topcontent2 p, .home .topcontent4 p {color:#D1D3D4;}

.zoo-item-list div.media-right {margin:4px 0 0 4%!important}

/* COFFERDAM */

.uk-tab>li {background-color:#000000;color:#fff;}
.uk-active a{color:#000;text-decoration:none!important;}
.uk-tab>li>a {color:#ffffff!important;}
.uk-tab>li>a:hover {color:#fff!important;background-color:#2E2E2E!important;text-decoration:none;}
.uk-tab>li.uk-active>a {color:#ffffff!important;background-color:#2E4295!important}
.uk-tab>li.uk-active>a:hover {color:#ffffff!important}

.contact-us #yoo-zoo h1.pos-title, .cofferdams-installations #yoo-zoo h1.pos-title {} /* height was 61 */
.home .moduletablecoffer h1, .home .moduletablecoffer h1::first-letter {color:#D1D3D4}
/* END */

/* SERVICES */
strong {color:#2E4295}




/* BLUE BUTTON */
.bluebtntxt {
color:#fff;text-decoration:none;font-size: 60%;
}
.bluebtntxt2 {
color:#000!important;font-weight:400!important;text-decoration:none;font-size: 60%
}
.bluebtntxt2:hover {text-decoration:none!important;}

.bluebtn {
	-moz-box-shadow: 0px 0px 0px 1px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 1px #9fb4f2;
	box-shadow: 0px 0px 0px 1px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4258b8), color-stop(1, #2E4295));
	background:-moz-linear-gradient(top, #4258b8 5%, #2E4295 100%);
	background:-webkit-linear-gradient(top, #4258b8 5%, #2E4295 100%);
	background:-o-linear-gradient(top, #4258b8 5%, #2E4295 100%);
	background:-ms-linear-gradient(top, #4258b8 5%, #2E4295 100%);
	background:linear-gradient(to bottom, #4258b8 5%, #2E4295 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4258b8', endColorstr='#2E4295',GradientType=0);
	background-color:#4258b8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-size:16px;
font-weight:400!important;
	padding:8px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
margin:0 2px;
}
.bluebtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2E4295), color-stop(1, #4258b8));
	background:-moz-linear-gradient(top, #2E4295 5%, #4258b8 100%);
	background:-webkit-linear-gradient(top, #2E4295 5%, #4258b8 100%);
	background:-o-linear-gradient(top, #2E4295 5%, #4258b8 100%);
	background:-ms-linear-gradient(top, #2E4295 5%, #4258b8 100%);
	background:linear-gradient(to bottom, #2E4295 5%, #4258b8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E4295', endColorstr='#4258b8',GradientType=0);
	background-color:#2E4295;
text-decoration:none!important;
}
.bluebtn:active {
	position:relative;
	top:1px;
}
/* End Border */

/* CONTACT PAGE */

.contactblock {display:inline-block;padding-right:25px!important;vertical-align:top}
.contact-us #yoo-zoo .item .element-textarea *:last-child {margin-bottom:0!important}
.contact-us .yoo-zoo fieldset {background-color:#E2E2E2!important}
body .uk-form-danger {background:none!important;}


/* END */

div.element-text {display:inline-block;padding-right:50px;}
div.element-text h3 {font-weight:bold}
#mod-custom115 {text-align:center;padding:0 25px;margin-top:20px;}
#mod-custom115 img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    box-sizing:revert!important;
}



.topcontent2, .topcontent3, .topcontent4, .topcontent5, .content_pane, .bottomcontent1, .bottomcontent2 {display:block;padding:1px 6%;}


.bottomcontent1 {display:block;background-color:#2E4295;background-image:url(../images/background-image-blk.png);background-repeat:repeat-y;overflow:auto;color:white;}
.bottomcontent1 p {color:white;}
.home div.description {margin:0!important;}

.projects .description a {color:#2E4295;font-weight:700}
.projects #yoo-zoo .items div.media-right {float:none!important;display:block!important;margin:0!important}
.moduletable_slider {margin-top:0px}

.employform #userForm fieldset {background-color:#E2E2E2}
.uk-button-primary {padding:10px 14px!important;color:#fff!important;text-transform:uppercase!important;font-weight:700!important;letter-spacing:1px;text-shadow:1px 1px 0px #66666!important;background-color:#2E4295!important}

/* ADVERTISEMENT */
.moduletable_advertisements {margin-top:25px;clear:both;}
.moduletable_advertisements img {width:100%;height:auto}

/* FOOTER */

.moduletable_footer {display:none;vertical-align:top;margin-top:25px;padding:0 14px;font-size:80%;}
.moduletable_footer p {color:#fff;font-size:94%;padding-right:0!important;}
.moduletable_footer:last-child {border-right:0;padding-right:0;}
.moduletable_footer:first-child {padding-left:0;}
.moduletable_footer img {
    max-width: 100%;
    height: auto;
    width: auto\9!important; /* ie8 */
}
.moduletable_footer h2 {margin:14px 0 0 0;color:#fff;font-size:180%;text-transform:uppercase;text-align:center;}
.moduletable_footer .nav {margin:0;list-style:none;padding:1em 0 0 0}
.moduletable_footer li {padding-bottom:14px;}
.moduletable_footer li a:link {text-decoration:none;font-size:110%;color:#fff;}
.moduletable_footer li a:visited {color:#fff;}
.moduletable_footer li a:hover {color:#E2E2E2}
.moduletable_footer li.item-158 {display:none!important;}
/* END FOOTER */

/* LOGIN */ 
.login form {width:30%;margin:50px auto;background-color:#F0F0F0;}
.login fieldset {border-radius:7px;padding:25px;}
.login ul.nav {text-align:center;}
.login .nav li {list-style:none;}
.item-icon {font-size:130%;display:block;clear:both;margin-top:25px;padding-top:1px;color:#53CE27!important;text-shadow:1px 1px 0px #666666;letter-spacing:1px!important;line-height:102%;}

.flexbox { display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 10px;}
.projectpage h2::first-letter {color:#2E4295}
.projectpage strong {letter-spacing: 1px;font-size:110%;}
.projects {
    display:grid;
    grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 10px;}
        .projectsitem img {width:100%;height:225px;}
.employees {
    display:grid;
    grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 10px;}
.bookmark {background-color:black;color:white!important;padding:10px 20px;text-decoration:none;border-radius:14px;margin:0 2px;border:1px solid darkgray;width:92%;display:block;}  
.bookmark:hover {background-color:#2E4295;}
.footerbox:first-child {margin-left:0;}
.footerbox {display:block;padding-right:0px;vertical-align:top;margin-top:20px;border-right: 0px;margin-left:0px;padding-left:15%;}


.footerbox:last-child {margin-right:0;border-right:none;}
.footerbox p {font-size:80%;}

.footerbox a {color:white;text-decoration:none;}
.footerheader {color: #fff;
  font-size: 180%;font-family:'Conv_PeignotLTStd-Bold',Sans-Serif;text-transform:uppercase;}

/* Developer Link */
.moduletable_developer {font-size:15px;color:#666666;line-height:24px;display:block;}
.moduletable_developer a {text-decoration:none;color:#666666;}
.moduletable_developer a:hover {color:darkorange}

/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */
.zoo-gallery-wall.margin > * {text-align:center;width: 100%}

/* Ultra Small */
.black {background-color:black;color:white;}
.expansion {margin-left: -5%;
    margin-right: -5%;
    padding-left: 4%;
    padding-right: 4%;width:101%;overflow:auto;}
    .expansion h1 {color:white;}
    .expansion h1::first-letter {color:white}
    .expansion p {color:white;}
    .expansion .bluebtntxt:link {color:white;}

@media (min-width: 499px) {
h1, h2, h3, #yoo-zoo h1, .zoo-item-list p.title, {text-align: left;}
.bluebtntxt, .bluebtntxt2 {font-size:100%}
.zoo-gallery-wall.margin > * {text-align:left;width: auto}
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .moduletable_slider {margin-top:0px}
   #mod-custom115 {float:left;padding-top:20px; padding-left:40px;width:29.99999%;text-align:left;margin-top:0;}
    #moduletablemenutext {float:right;width:61.99999%}
#mod-custom116 {float:right;margin-left: 7%}
.contact-us .yoo-zoo fieldset {background-image:url(../images/employee2.jpg);background-repeat:no-repeat;background-position:100% 0%;background-size:contain;}
.homeimage {float:right;}
.moduletable_footer {display:block;padding:0 25px;text-align:center;margin-top:50px;overflow:auto;border-right:0;border-bottom:1px solid #666;}
.moduletable_footer:last {border-bottom:0;}
.employform #userForm fieldset {background-image:url(../images/Employee.jpg);background-repeat:no-repeat;background-position:100% 0%;background-size:contain;}
.topcontent2, .topcontent3, .topcontent4, .topcontent5, .content_pane, .bottomcontent1, .bottomcontent2 {display:block;padding:0 4%;}

.moduletable_managers .zoo-item-list p.title, .moduletable_supers .zoo-item-list p.title {font-size:100%;color:#2E4295}
.moduletable_managers p, .moduletable_supers p {font-size:80%;margin:0;}
.moduletable_managers .element-textarea, {border-radius:4px;border:1px solid #BFBFBF; background-color:#e2e2e2;padding:8px;min-height:86px;margin-top:0} 
.moduletable_managers>.zoo-item-list>li, .moduletable_supers>.zoo-item-list>li {display:inline-block; width:22%;padding-right:25px;padding-bottom:25px;border:0;margin:0;}
.moduletable_supers {margin-top:25px}
.about-us .zoo-item-list {border:0!important;margin:0!important}



}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .expansion {}
.moduletable_footer h2 {text-align:left;}
.moduletable_slider {margin-top:0px}
.bookmark {width:auto;display:inline-block;}
#mod-custom116 {margin-top:0;}
.topcontent2, .topcontent3, .topcontent4, .topcontent5, .content_pane, .bottomcontent1, .bottomcontent2 {display:block;padding:0 4%;}
.moduletable_logo {}
#moduletablemenutext {}
.cofferdams-installations p {padding-right:25px}
.cofferdams-installations .uk-h2 {font-size:180%;margin-top:25px!important;margin-bottom:25px;line-height:100%}
.moduletable_footer {display:inline-block;padding:0 1%;border-right:0;border-bottom:0;text-align:left;}
.moduletable_footer p {font-size:80%}
.footerbox {display:inline-block;padding-left:0;padding-right:50px;vertical-align:top;margin-top:50px;border-right: 3px solid #2B3C85;margin-left:50px;}
.flexbox { display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 5px;}
.projects {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 70px;
        grid-row-gap: 16px;}
.employees {
    display:grid;
    grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 16px;} 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {.moduletable_slider {margin-top:0px}
.moduletable_footer {font-size:97%;padding:0 2%;border-right:3px solid #2B3C85;text-align:left;}
#moduletablemenutext {}

}
@media (min-width: 1337px) {
.moduletable_footer {padding:0 4%}
}
@media (min-width: 1440px) {
.moduletable_footer {padding:0 5%}
}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}