@font-face{font-family:"PakReg";src:url("/sitedocs/fonts/pakenham_rg-webfont.eot");src:url("/sitedocs/fonts/pakenham_rg-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/pakenham_rg-webfont.woff") format("woff"),url("/sitedocs/fonts/pakenham_rg-webfont.ttf") format("truetype"),url("/sitedocs/fonts/pakenham_rg-webfont.svg#PakenhamRegular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"PakExp";src:url("/sitedocs/fonts/pakenham_xp_rg-webfont.eot");src:url("/sitedocs/fonts/pakenham_xp_rg-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/pakenham_xp_rg-webfont.woff") format("woff"),url("/sitedocs/fonts/pakenham_xp_rg-webfont.ttf") format("truetype"),url("/sitedocs/fonts/pakenham_xp_rg-webfont.svg#PakenhamExpanded") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"PakSb";src:url("/sitedocs/fonts/pakenham_sb-webfont.eot");src:url("/sitedocs/fonts/pakenham_sb-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/pakenham_sb-webfont.woff") format("woff"),url("/sitedocs/fonts/pakenham_sb-webfont.ttf") format("truetype"),url("/sitedocs/fonts/pakenham_sb-webfont.svg#PakenhamSemiBold") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PTSansCaptionBold';src:url("/sitedocs/fonts/PTC75F-webfont.eot");src:url("/sitedocs/fonts/PTC75F-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/PTC75F-webfont.woff") format("woff"),url("/sitedocs/fonts/PTC75F-webfont.ttf") format("truetype"),url("/sitedocs/fonts/PTC75F-webfont.svg#PTSansCaptionBold") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PTSansCaptionRegular';src:url("/sitedocs/fonts/PTC55F-webfont.eot");src:url("/sitedocs/fonts/PTC55F-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/PTC55F-webfont.woff") format("woff"),url("/sitedocs/fonts/PTC55F-webfont.ttf") format("truetype"),url("/sitedocs/fonts/PTC55F-webfont.svg#PTSansCaptionRegular") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PTSansBoldItalic';src:url("/sitedocs/fonts/PTS76F-webfont.eot");src:url("/sitedocs/fonts/PTS76F-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/PTS76F-webfont.woff") format("woff"),url("/sitedocs/fonts/PTS76F-webfont.ttf") format("truetype"),url("/sitedocs/fonts/PTS76F-webfont.svg#PTSansBoldItalic") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PTSansBold';src:url("/sitedocs/fonts/PTS75F-webfont.eot");src:url("/sitedocs/fonts/PTS75F-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/PTS75F-webfont.woff") format("woff"),url("/sitedocs/fonts/PTS75F-webfont.ttf") format("truetype"),url("/sitedocs/fonts/PTS75F-webfont.svg#PTSansBold") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PTSansItalic';src:url("/sitedocs/fonts/PTS56F-webfont.eot");src:url("/sitedocs/fonts/PTS56F-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/PTS56F-webfont.woff") format("woff"),url("/sitedocs/fonts/PTS56F-webfont.ttf") format("truetype"),url("/sitedocs/fonts/PTS56F-webfont.svg#PTSansItalic") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:'PTSansRegular';src:url("/sitedocs/fonts/PTS55F-webfont.eot");src:url("/sitedocs/fonts/PTS55F-webfont.eot?#iefix") format("embedded-opentype"),url("/sitedocs/fonts/PTS55F-webfont.woff") format("woff"),url("/sitedocs/fonts/PTS55F-webfont.ttf") format("truetype"),url("/sitedocs/fonts/PTS55F-webfont.svg#PTSansRegular") format("svg");font-weight:normal;font-style:normal}

@font-face{font-family:'MuseoSans';font-weight:300;font-style:normal;src:url('/sitedocs/fonts/museo_light.eot');src:url('/sitedocs/fonts/museo_light.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_light.woff') format("woff"),url('/sitedocs/fonts/museo_light.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:300;font-style:italic;src:url('/sitedocs/fonts/museo_light_italic.eot');src:url('/sitedocs/fonts/museo_light_italic.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_light_italic.woff') format("woff"),url('/sitedocs/fonts/museo_light_italic.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:500;font-style:normal;src:url('/sitedocs/fonts/museo_regular.eot');src:url('/sitedocs/fonts/museo_regular.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_regular.woff') format("woff"),url('/sitedocs/fonts/museo_regular.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:500;font-style:italic;src:url('/sitedocs/fonts/museo_regular_italic.eot');src:url('/sitedocs/fonts/museo_regular_italic.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_regular_italic.woff') format("woff"),url('/sitedocs/fonts/museo_regular_italic.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:700;font-style:normal;src:url('/sitedocs/fonts/museo_bold.eot');src:url('/sitedocs/fonts/museo_bold.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_bold.woff') format("woff"),url('/sitedocs/fonts/museo_bold.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:700;font-style:italic;src:url('/sitedocs/fonts/museo_bold_italic.eot');src:url('/sitedocs/fonts/museo_bold_italic.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_bold_italic.woff') format("woff"),url('/sitedocs/fonts/museo_bold_italic.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:900;font-style:normal;src:url('/sitedocs/fonts/museo_heavy.eot');src:url('/sitedocs/fonts/museo_heavy.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_heavy.woff') format("woff"),url('/sitedocs/fonts/museo_heavy.ttf') format("truetype")}
@font-face{font-family:'MuseoSans';font-weight:900;font-style:italic;src:url('/sitedocs/fonts/museo_heavy_italic.eot');src:url('/sitedocs/fonts/museo_heavy_italic.eot?#iefix') format("embedded-opentype"),url('/sitedocs/fonts/museo_heavy_italic.woff') format("woff"),url('/sitedocs/fonts/museo_heavy_italic.ttf') format("truetype")}
@font-face{font-family:'ModernPictogramsPro';src:url('/wp-content/themes/superstar/release/fonts/modern_pictograms/modernpictogramspro_234.eot');src:url('/wp-content/themes/superstar/release/fonts/modern_pictograms/modernpictogramspro_234.eot?#iefix') format("embedded-opentype"),url('/wp-content/themes/superstar/release/fonts/modern_pictograms/modernpictogramspro_234.woff') format("woff"),url('/wp-content/themes/superstar/release/fonts/modern_pictograms/modernpictogramspro_234.ttf') format("truetype");font-weight:normal;font-style:normal;}


/* Resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}


* { margin:0; padding:0; }
html { margin:0; padding:0; height:101%;  }
body {color:#000; /*#606159;*/ background:#FFF; font:13px/1.231 'Roboto', sans-serif, Arial, Verdana, Times New Roman, Times, serif;*font-size:small;*font:x-small; -webkit-font-smoothing: antialiased }
select,input,button,textarea,button{font:99% 'Roboto', sans-serif, Arial, Verdana, Times New Roman, Times, serif;}
.notify { color:rgb(200,0,0) }
p { margin:0; margin-bottom:1em; padding:0; border:0; color:rgb(120,120,120); line-height:22px;   }
a{transition:all .2s ease-in-out 0s; }
a:link, a:active, a:visited { color:rgb(0,0,0); text-decoration:none; }
a:hover {color:rgb(90,90,90); text-decoration:none;}
h1,h2,h3,h4,h5{font-family:'Trade Gothic W01 Light', sans-serif, Arial, Verdana;font-weight:300;}
img { border:0; margin:0; padding:0; }
hr { clear:both; background-color:rgb(220,220,220); height:1px; margin:0; padding:0; border:0; }
i { font-style:italic;}

/* Primary Navigation For Web Site */
#smoothmenu1 { text-align:left; }
.ddsmoothmenu { margin:0; padding:0; font-family: 'HelveticaNeueW01-47LtCn_692686', sans-serif; text-transform:uppercase; font-size:12px; font-weight:bold; width:100%; letter-spacing:0px; z-index:1500; }
.ddsmoothmenu ul {z-index:120; margin:0; padding:0; list-style-type:none; }

.link { display:none; position:relative; margin-top:0px; text-align:center; color:rgb(95,95,95); font-size:83%; text-indent:20px; }
.link a { color:rgb(95,95,95);}





/*Top level list items*/
.ddsmoothmenu ul li{position:relative; display:inline; float:left;  }

/*Top level menu link items style*/
.ddsmoothmenu ul li a {margin:0; padding:0; padding: 0; display:block; color: rgb(100,100,100); border:0; text-decoration:none; text-align:center; line-height:29px; padding-bottom:7px; background-color:rgb(255,255,255); background-image: url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/bg-nav.png'); background-repeat:no-repeat; background-position:top right; font-size: 15px; margin-right: 10px; letter-spacing: .025rem; padding-right: 20px; margin-right: 49px; border-bottom:solid 5px rgb(255,255,255); font-family: 'HelveticaNeueW01-67MdCn_692710'; font-weight: normal; }
* html .ddsmoothmenu ul li a{ display: inline-block;} /*IE6 hack to get sub menu links to behave correctly*/
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { }
.ddsmoothmenu ul li a:hover {margin:0; padding:0; padding: 0; display:block; color: rgb(0,61,81); border:0; text-decoration:none; text-align:center; line-height:29px; padding-bottom:7px; background-color:rgb(255,255,255); background-image: url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/bg-nav-on.png'); background-repeat:no-repeat; background-position:top right; font-size: 15px; margin-right: 10px; letter-spacing: .025rem; padding-right: 20px; margin-right: 49px; border-bottom:solid 5px rgb(0,161,96); }
.ddsmoothmenu ul li a.selected {margin:0; padding:0; padding: 0; display:block; color: rgb(0,61,81); border:0; text-decoration:none; text-align:center; line-height:29px; padding-bottom:7px; background-color:rgb(255,255,255); background-image: url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/bg-nav-on.png'); background-repeat:no-repeat; background-position:top right; font-size: 15px; margin-right: 10px; letter-spacing: .025rem; padding-right: 20px; margin-right: 49px; border-bottom:solid 5px rgb(0,161,96); }
.ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.active:link, .ddsmoothmenu ul li a.active:visited, .ddsmoothmenu ul li a.active:active, .ddsmoothmenu ul li a.active:hover { margin:0; padding:0; padding: 0; display:block; color: rgb(0,61,88); border:0; text-decoration:none; text-align:center; line-height:29px; padding-bottom:7px; background-color:rgb(255,255,255); background-image: url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/bg-nav.png'); background-repeat:no-repeat; background-position:top right; font-size: 15px; margin-right: 10px; letter-spacing: .025rem; padding-right: 20px; margin-right: 49px; border-bottom:solid 5px rgb(0,161,96); }
.ddsmoothmenu ul li.first a.active { }
.ddsmoothmenu ul li.last a { }
.ddsmoothmenu ul li.last a:hover { }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left:0; top:0; display:none; visibility:hidden; padding:0; margin:0; margin-left:0px; background:none; width:auto; margin-left:-30px; } 
.ddsmoothmenu ul li ul li { display: list-item; float: none; padding:0; margin:0; margin-bottom:-1px; letter-spacing:0; width:100%; border:solid 0px rgb(190,190,190); min-width:150px; background: rgba(255,255,255,1); padding-left: 20px; padding-right: 20px; } 
.ddsmoothmenu ul li ul li.first { display: list-item; float: none; padding:0; margin:0; margin-bottom:-1px; letter-spacing:0; width:100%; border:solid 0px rgb(190,190,190); min-width:150px; background: rgba(255,255,255,1); padding-top: 15px; padding-left: 20px; padding-right: 20px; } 
.ddsmoothmenu ul li ul li.last { display: list-item; float: none; padding:0; margin:0; margin-bottom:-1px; letter-spacing:0; width:100%; border:solid 0px rgb(190,190,190); min-width:150px; background: rgba(255,255,255,1); padding-bottom: 15px; padding-left: 20px; padding-right: 20px;} 

.ddsmoothmenu ul li ul li a { font-size: 12px; white-space: nowrap; width: 100%; padding: 0; margin: 0; text-align: left; padding-left: 20px; padding-right: 20px; color: rgb(93,103,111); background: none; line-height: 26px; background: rgba(255,255,255,1); font-family: 'Trade Gothic W01 Light'; border: 0; text-transform:none; text-indent:10px; }
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited { font-size: 12px; white-space: nowrap; width: 100%; padding: 0; margin: 0; text-align: left; color: rgb(93,103,111); background: none; line-height: 26px; background: rgba(255,255,255,1); font-family: 'Trade Gothic W01 Light'; border: 0; text-transform:none; text-indent:10px;}
.ddsmoothmenu ul li ul li a.selected { font-size:12px; white-space: nowrap; width:100%; padding:0; margin:0; text-align:left; color: rgb(0,61,88); background:none; line-height:26px; background: rgba(255,255,255,1); font-family: 'Trade Gothic W01 Light'; border:0;  text-transform:none; text-indent:10px;}
.ddsmoothmenu ul li ul li a:hover { font-size:13px; white-space: nowrap; width:100%; padding:0; margin:0; text-align:left; color:rgb(0,61,88); background:none; line-height:26px; background: rgba(235,235,235,1); font-family: 'Trade Gothic W01 Light'; border:0; text-transform:none; text-indent:10px;  }
.ddsmoothmenu ul li ul li a.active, .ddsmoothmenu ul li ul li a.active:link, .ddsmoothmenu ul li ul li a.active:visited, .ddsmoothmenu ul li ul li a.active:active, .ddsmoothmenu ul li ul li a.active:hover  { font-size:12px; white-space: nowrap; width:100%; padding:0; margin:0; text-align:left; color:rgb(0,61,88); background:none; line-height:26px; background: rgba(255,255,255,1); font-family: 'Trade Gothic W01 Light'; border:0; text-transform:none; text-indent:10px;}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{margin-left:0px;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{position:absolute; top:12px; right:7px;}
.rightarrowclass{position:absolute; top:6px; right:5px;}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver; margin:0; padding:0;}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.8;}


div.doc { position: absolute; width: 100%; height: 100%; text-align: center; background: rgb(240,240,240); }

div.scfull { position: relative; top: 0px; left: 0;  width: 100%; height: 100%; margin: 0 auto; padding: 0; text-align: center;/* margin-bottom:-91px;*/}

/* Slideshow */ 
#slideshow { border-bottom: solid 0px rgb(90,90,90); background-color:rgb(255,255,255);}
div.slideshow { position:relative; top:0; left:0; margin:0; padding:0; border:0; width:100%; height:100%; overflow:hidden; visibility:hidden; }
div.slideshow ul { position:relative; top:0; left:0; margin:0; padding:0; border:0; display:block; }
div.slideshow ul li { position:relative; top:0; left:0; margin:0; padding:0; border:0; list-style-type:none; }
div.slideshow ul li img { position:relative; top:0; left:0; margin:0; padding:0; border:0; vertical-align:top; }
div.slideshow ul li div { position:absolute; top:12%; margin:0 auto; padding:0; border:0; vertical-align:top; text-align:center; max-width:30%; min-width:550px; background-color: rgba(120, 120, 120, 0.6); padding: 50px; /* border-radius: 0 40px 40px 0;*/ }
/*div.slideshow ul li div h1 { position:relative; margin:0; padding:0; border:0; letter-spacing:-3px; vertical-align:top; color:#FFF; font-family:'Serifa W01_45 Light788315', sans-serif; font-size:98px; line-height:78px; margin-bottom:25px; text-shadow: 2px 2px 0px rgb(0,0,0); } */
div.slideshow ul li div h1 { position:relative; margin:0; padding:0; border:0; letter-spacing:-1px; vertical-align:top; color:rgb(240,240,240); font-family: 'Veneer W01 Regular', sans-serif; font-size:58px;line-height:72px; margin-bottom:20px; /* text-shadow: 2px 2px 0px rgb(0,0,0); text-shadow:2px 2px 0 #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;*/  /* text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */ }
div.slideshow ul li div sup { position:relative; font-size:50%; vertical-align:text-top; top:-15px;  }
/* div.slideshow ul li div p { clear:both; position:relative; margin:0 auto; padding:5px 10px 5px 10px; border:0; vertical-align:top; background-color:rgb(255,255,255); line-height:30px; color:rgb(255,255,255); font-size:17px; font-weight:normal; vertical-align:middle; opacity:0.9;  border-radius:10px; max-width:1100px; background-color:rgb(26,66,124);  border-radius:10px;} */
/* div.slideshow ul li a {  clear:both; left:0; top:20px; position:relative; margin:0; padding:5px 10px 5px 10px; border:0; background-color:rgb(0,0,0); color:rgb(255,255,255); text-decoration:none; line-height:28px; font-size:18px; vertical-align:middle; border-radius:10px; opacity:0.8; text-transform:lowercase;}*/
div.slideshow ul li a { font-size: 21px; font-family: 'Veneer W01 Regular'; border-radius: 3px; border: solid 0px rgb(244,121,32); background-color: rgb(0,0,0); color: rgb(255,255,255); text-decoration: none; padding: 7px; padding-left: 14px; padding-right: 12px; text-transform: uppercase; line-height: 24px; }
div.slideshow ul li a:hover {  background-color:rgb(255,255,255); color:rgb(0,0,0); }
div.slideshow ul li div p  { clear:both; position:relative; border:0; color:rgb(255,255,255); /* font-family: 'Serifa W01_45 Light788315'; */ clear:both; margin:0 auto; padding-top:0px; padding-bottom:35px; width:100%; font-weight:600; font-size:21px; max-width:100%; line-height:30px; max-width:1100px; text-align:center;  }

div.slideshow-nav { position:absolute; top:10px; z-index:100; width:100%; text-align:center; display:none; }
div.slideshow-nav ul { list-style-type:none; width:100%; text-align:center; display:table;  }
div.slideshow-nav ul li { text-align:center; display:inline; cursor:pointer; }
div.slideshow-nav ul li img { margin:0; padding:0; vertical-align:middle; line-height:22px; margin-right:6px; width:16px; }
div.slideshow-nav ul li.prev { /*position:absolute; left:30px; */ opacity: 0.6; }
div.slideshow-nav ul li.next { /*position:absolute; right:30px;*/  opacity: 0.6; }
div.slideshow-nav ul li.prev img { width:24px; height:40px; }
div.slideshow-nav ul li.next img { width:24px; height:40px; }
div.slideshow-nav ul li.slide_dot { width:16px; height:17px;}


div.weare { position:fixed; top:0; left:0; margin:auto; padding:0; border:0; width:100%; height:100%; z-index:10000;  background:rgba(0,0,0,.6); text-align:center; vertical-align:middle; padding-top:16%; cursor:pointer; z-index:100000; }
div.change { position:absolute; top:45px; left:54.25%; margin:auto; padding:0; border:0; z-index:10000; text-align:center; vertical-align:middle; display:block; height:0; overflow:hidden; opacity:0; cursor:pointer; z-index:10000;  width:355px;}
div.change img {  width:100%; text-align:left; vertical-align:top; cursor:pointer; }
div.changeform { position: absolute; z-index: 10000000000000; top: 100px; text-align: left; padding: 45px 32px; font-size: 15px; font-family: 'Trade Gothic W01 Light', sans serif; font-weight: 300;}
div.changeform p { line-height: 16px; } 
div.changeform p.myloc { margin-bottom: 20px; line-height: 16px; }
div.changeform h4 { font-size: 13px; color: rgb(0,161,96); font-family: 'Trade Gothic W01 Light', sans serif; font-weight: 300; padding-bottom: 0; letter-spacing: 0; line-height: 25px; text-align: left; text-transform: uppercase; }
div.changeform h5 { border: solid 4px rgb(240,240,240); line-height: 36px; padding-left: 8px; font-size: 20px; color: rgb(210,210,210); }
div.changeform h6 {background: rgb(0,161,96); line-height: 36px; font-size: 15px; color: rgb(255,255,255); width: auto; margin-top: 20px; font-family: Georgia; font-weight: 300; text-align: center; max-width: 120px; width: 120px; font-style: italic; letter-spacing: .025rem; } 
div.changeform div.locations { display:none; opacity:0; position: absolute; top: 40px; color: rgb(210,210,210); border: solid 4px rgb(240,240,240); width: 291px; padding: 12px 15px; box-sizing: border-box; background: rgb(255,255,255); line-height: 22px; }
div.changeform div.locations ul.location-list li { color: rgb(210,210,210); }
div.changeform div.locations ul.location-list li:hover { color: rgb(120,120,120); }

/* Standard Header */
div.top { position:fixed; top:0; left:0; margin:0; padding:0; border:0; width:100%; height:100px; z-index:1000000000;  text-align:center; }
div.top div.mid { position:relative; top:0; left:0; margin:0 auto; padding:0; border:0; width:96%; height:100%; z-index:100; max-width:1260px; padding-left:50px; padding-right:50px; background:rgba(255,255,255,1); border-bottom: solid 0px rgb(200,200,200); box-sizing:border-box; } 
div.top div.mid div.fleft { position:relative; float:left; vertical-align:top; width:20%; text-align:right; margin:0; padding:0; border:0; padding-top:10px; }
div.top div.mid div.fleft div.ham { display:none; }
div.top div.mid div.fleft img.rlogo { margin: 0; padding: 0; border: 0; width: 100%; max-width: 130px; padding-top: 13px; float: left; padding-left:25px; } 
div.top div.mid div.fleftmicro { position:relative; float:left; vertical-align:top; width:20%; text-align:right; margin:0; padding:0; border:0; padding-top:10px; }
div.top div.mid div.fleftmicro img.rlogomicro { margin: 0; padding: 0; border: 0; width: 100%; max-width: 300px; padding-top: 8px; float: left; padding-left:0px; } 
div.top div.mid div.fright { position:relative; float:left; vertical-align:top; width:80%; text-align:right; margin:0; padding:0; border:0; padding-top:19px; margin-bottom:12px; }
div.top div.mid div.frightmicro { position: relative; float: right; vertical-align: top; width: 10%; text-align: right; margin: 0; padding: 0; border: 0; padding-top: 0; margin-bottom: 0; margin-right: -50px; height: 100px; background: rgb(0,61,88); }
div.top div.mid div.frightmicro div.hammicro { display:block; position: relative; margin: 0; padding: 30%; }
div.top div.mid div.frightmicro div.hammicro img { margin: 0; padding: 0; cursor: pointer; }
div.top div.mid div.frightmicro div.hammicro i.fa { font-size: 40px; color: #fff; margin: 0; padding: 0; cursor: pointer; }
div.top div.mid div.menu  {display:none;}

div.top div.mid div.fmid { position: relative;float: right;margin: 0;padding: 0;border: 0;padding-top: 50px;padding-right: 30px;color: #fff }
div.top div.mid div.fmid a { color:#fff }

/* Standard Primary Navigation */
div.topnav {  position:relative; top:0px; left:0; margin:0; padding:0; border:0; z-index:1200; text-align:left; vertical-align:top; width:90%; float:left;  text-align:right; }
div.topnav span { display:none; } 
div.topnav ul {  margin:0; padding:0; text-align:right; }  
div.topnav ul li {       display:inline; margin:0; padding:0; width:15%; white-space:nowrap; margin-right:2%; }
div.topnav ul li.last {  display:inline; margin:0; padding:0; width:15%; white-space:nowrap; margin-right:2%; }
div.topnav ul li a {  margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(120,120,120); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 1px rgb(225,225,225); line-height:24px; font-weight:300;}
div.topnav ul li a.on { margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(255,255,255); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 1px rgb(225,225,225); line-height:24px; font-weight:300;}
div.topnav ul li a.active {margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(145,192,231); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 1px rgb(225,225,225); line-height:24px; font-weight:300;}
div.topnav ul li.last a {  margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(120,120,120); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 0px rgb(225,225,225); line-height:24px; font-weight:300;}
div.topnav ul li.last a.on {  margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(255,255,255); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 0px rgb(225,225,225); line-height:24px; font-weight:300;}
div.topnav ul li a:hover { margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(145,192,231); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 1px rgb(0,0,0); line-height:24px; font-weight:300;}
div.topnav ul li.last a:hover { margin:0; padding:0; padding: 0px 20px 0px 0px; display:inline-block; color: rgb(145,192,231); border:0; text-decoration:none; text-align:center; line-height:35px; white-space:nowrap; font-size:15px; text-transform:uppercase; text-transform:none; border-radius:0px; border-right: solid 0px rgb(0,0,0); line-height:24px; font-weight:300;}


/* Standard Primary Navigation
div.topnav { position:relative; top:0px; left:0; margin:0; padding:0; margin-left:auto; margin-right:auto; border:0; width:100%; min-width:940px; z-index:1200; text-align:center;  }
div.menu { display:none; position: absolute; top:15px; right:10px; } 
div.topnav ul { position:relative; margin:0; padding:0; text-align:center; width:100%;  background-image: url('/sitedocs/imagegallery/nav-bg22.jpg'); background-repeat:repeat; background-position:top right; display:block; border-top:0px solid rgb(210,210,210);}  
div.topnav ul li { display:inline; margin:0; padding:0; min-width:134px; white-space:nowrap;  }
div.topnav ul li a {margin:0; padding:0; padding: 0px 20px 0px 14px; display:inline-block; color: rgb(0,0,0); border:0; text-decoration:none; text-align:center; line-height:38px;  background-image: url('/sitedocs/imagegallery/space2.png');  background-repeat:no-repeat; background-position: center right;  white-space:nowrap; font-size:17px; }
div.topnav ul li.last { -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; border-bottom:solid 0px rgb(0,0,0);}
div.topnav ul li.last a {margin:0; padding:0; padding: 0px 20px 0px 14px; display:inline-block; color: rgb(0,0,0); border:0; text-decoration:none; text-align:center; line-height:38px; background-image: url('/sitedocs/imagegallery/nav-bg2.2jpg'); background-repeat:repeat-x; background-position:top right; white-space:nowrap; font-size:17px;}
div.topnav ul li a:hover { color: rgb(0,0,0); }
div.topnav ul li ul { display:none; z-index:1000; position:absolute; top:38px; background-image: none; margin:0; padding:0; width:auto;  list-style-type:none; list-style-image: url('/sitedocs/imagegallery/blank.gif'); text-align:left; }  
div.topnav ul li ul li { position:relative; display:block; text-align:left; margin:0; padding:0; padding: 0px 8px; background:rgba(0,0,0,.7); background-image: url('/sitedocs/images/common/bg-submenu33.png'); background-repeat:repeat; background-position:top right; border-right:solid 0px rgb(0,0,0); border-left:solid 0px rgb(0,0,0);  }
div.topnav ul li ul li.last a, div.topnav ul li ul li a { font-size:14px; width:100%; line-height:25px; text-align:left; padding: 0px; background-image:none; color:rgb(255,255,255);}
div.topnav ul li ul li.last a:hover, div.topnav ul li ul li a:hover { font-size:14px; width:100%; line-height:25px; text-align:left; padding: 0px; background-image:none; color:rgb(120,120,120);}
div.topnav ul li.last ul li a { background-image:none; text-align:left; padding:0; margin:0; font-size:14px; width:100%; line-height:25px; border-bottom:solid 0px rgb(0,0,0);}
div.topnav ul li.firstlast { -webkit-border-radius: 0px 0px 12px 12px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; border-bottom:solid 0px rgb(0,0,0);}
div.topnav ul li ul li ul li.first { -webkit-border-radius: 12px 12px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px; border-top:solid 0px rgb(0,0,0);}
div.topnav ul li ul li ul { display:none; z-index:1000; position:absolute; top:0px; background-image: none; margin:0; padding:0; width:auto; margin-left:-6px; }  
div.topnav ul li ul li ul li { position:relative; display:block; text-align:left; }
div.topnav ul li ul li.last ul li.firstlast {  -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border-bottom:solid 0px rgb(0,0,0);}



/* Standard Sub Navigation */
ul.subnav { margin:0; padding:0; width:100%; border: 0; /* padding-top:52px; */ padding-bottom:35px; font-family: Garamound, Trebuchet MS, New Roman; font-size:13px; }
ul.subnav li { margin:0; padding:0; border:0; list-style-type:none; background: url('https://walshgroup.blob.core.windows.net/sitedocs/imagegallery/link.png'); background-position: top left; background-repeat:no-repeat; padding-left:20px; color:rgb(0,40,80);  }
ul.subnav li a, ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:active { display: block; margin:0; padding:0; border:0; color:rgb(90,90,90); text-transform:uppercase; letter-spacing:0px; text-decoration:none; margin-top:10px; font-size:100%; border-bottom: dashed 0px rgb(150,150,150);  }
ul.subnav li a:hover { color:rgb(180,180,180); }

ul.subnav li ul li a, ul.subnav li ul li a:link, ul.subnav li ul li a:visited, ul.subnav li ul li a:active { border:0; }
ul.subnav li ul li a:hover, ul.subnav li ul li a.active { color: rgb(180,180,180); }
ul.subnav li ul li.first a, ul.subnav li ul li.first a:link, ul.subnav li ul li.first a:visited, ul.subnav li ul li.first a:active { margin-top:10px; }
ul.subnav li ul li.first a:hover, ul.subnav li ul li.first a.active { color: rgb(180,180,180); }
ul.subnav li ul li.last a, ul.subnav li ul li.last a:link, ul.subnav li ul li.last a:visited, ul.subnav li ul li.last a:active { }
ul.subnav li ul li.last a:hover, ul.subnav li ul li.last a.active {color: rgb(180,180,180); }
ul.subnav li ul li.firstlast a, ul.subnav li ul li.firstlast a:link, ul.subnav li ul li.firstlast a:visited, ul.subnav li ul li.firstlast a:active { }
ul.subnav li ul li.firstlast a:hover, ul.subnav li ul li.firstlast a.active { color: rgb(180,180,180); }

/* Top Images */
div.topimage { position:relative; width:100%; height: 300px; background-size: cover; border-bottom: solid 1px rgb(200,200,200); }
div.topimage h2 { position:absolute; bottom:60px; width:48%; background-color:rgba(48,96,147,.90); color: #fff; padding: 1%; text-align: left; font-size: 1.5rem; font-weight: 200; line-height: 60px; vertical-align: text-bottom; text-align:center; }

/* Standard Social Navigation */
div.media { float: left; width: 10%; }
ul.social { margin:0; padding:0; text-align:right; width:auto; white-space: nowrap; }  
ul.social li { display:inline-block; margin:0; padding:0; white-space:nowrap; margin-right:3px; }
ul.social li .fa { background-color: rgb(240,240,240); border-radius: 30px; padding: 7px; width: 12px; height: 12px; color: rgb(210,210,210); }
ul.social li .fa:hover { background-color: rgb(145,192,231); border-radius: 30px; padding: 7px; width: 12px; height: 12px; color: rgb(255,255,255); }


/* BreadCrumb CSS */
ul.breadcrumb { margin: 0; padding: 0; font-size: 11px; list-style-type: none; line-height: 1.4em; padding-bottom: 10px; text-align: left; top: 0; margin-left: 20%; border-bottom: solid 1px rgb(220,220,220); position: relative; width: 74%; padding-right:3%; margin-bottom:40px; }
ul.breadcrumb li { position: relative; display: inline; margin: 0; padding: 0; border: 0; padding-right: 18px; color: rgb(195,195,195); text-transform: none; letter-spacing: 0px; text-decoration: none; vertical-align: top; background: url('https://walshgroup.blob.core.windows.net/sitedocs/imagegallery/link.png'); background-position:right top; background-repeat: no-repeat; text-indent:0; margin-right:6px; list-style-type: none; padding-bottom:15px; font-family: 'Trade Gothic W01 Light', sans-serif; }
ul.breadcrumb li a, ul.breadcrumb li a:active, ul.breadcrumb li a:link, ul.breadcrumb li a:visited { margin: 0; padding: 0; border: 0; color: rgb(0,0,0); text-transform: uppercase; text-decoration: none; font-weight: 300;}
ul.breadcrumb li a:hover {  margin: 0; padding: 0; border: 0;  color: rgb(0,161,96); text-transform: uppercase; text-decoration: none; font-weight: 300; }
ul.breadcrumb li.last { background:none; }
ul.breadcrumb li.last a {  margin: 0; padding: 0; border: 0; color: rgb(0,161,96); text-transform: none; text-decoration: none; }

div.hundo { position: relative; top: 0;  width: 100%; text-align: center; padding: 0; margin: 0 auto; background-color: rgb(255,255,255); border: 0; height: 100%; overflow:hidden; } 
div.hundo div.full { position:relative; width:100%; text-align:center; padding:0; margin:0; height:100%; } 

div.hundo div.full div.black { position:relative; width:100%; text-align:center; padding:0; margin:0; height:100%;  background-color: rgba(0,0,0,.4); z-index:500;  } 
div.hundo div.full div.titles { position: absolute; line-height: 1; max-width: 1200px; overflow: hidden; vertical-align: middle; width: 100%; left: 50%; bottom: 3%; transform: translate(-50%,-40%); cursor: pointer; padding-left: 50px; z-index: 100; }
div.hundo div.full div.titles div.section { position:relative; float:left; width:20%; margin-right:5%; border-top: solid 2px rgb(255,255,255); padding-top:32px; }
div.hundo div.full div.titles div.section.on { position:relative; float:left; width:20%; margin-right:5%; border-top: solid 4px rgb(0,161,96); padding-top:30px; }
div.hundo div.full div.titles h2 { position: relative; width: 100%; text-align: left; font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size: 22px; line-height: 20px; margin: 0 auto; font-weight: 300; color: #fff; } 
div.hundo div.full div.titles h4 { position: relative; width: 100%; text-align: left; font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 10px; font-weight: 300; color: #565a5c; font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; color: #fff; margin-top:10px } 
div.hundo div.full div.titles div.owl-buttons { display:none; }

div.fifty { position:relative; width:30%; text-align:center; padding:0; margin:0 auto; border:0; box-sizing:border-box; display: inline-block; vertical-align: top; margin-bottom: 50px;} 
div.padfiftybottom { padding-bottom:50px; }



/* Standard Middle */
div.content { position:relative; top:110px; width:100%; text-align:center; padding:0; margin:0 auto; background-color:rgb(255,255,255); border:0;} 
div.content.bg-240 { background-color:rgb(240,240,240); }
div.content.bg-240dk { background-color:rgb(93,103,112); }
div.content.bg-240dk.subtract { margin-top: -200px; }
div.content.bg-255 { background-color:rgb(255,255,255); }
div.content div.full { position:relative; width:100%; text-align:center; padding:0; margin:0; } 
div.content div.mid { position:relative; width:96%; text-align:center; padding:0; margin:0 auto; max-width:1260px; padding-left:50px; padding-right:50px; padding-top:50px; padding-bottom:50px;box-sizing: border-box;} 
div.content div.mid.nopad { padding:0; }
div.content div.mid.bg-255 { background-color:rgb(255,255,255); }
div.content div.mid.bg-061 { background-color:rgb(0,61,88); }
div.content div.mid.blocks { padding: 100px; padding-left: 0; padding-right: 0; }
div.content div.mid h1 { position:relative; width:100%; text-align:center; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0 auto; margin-bottom:10px; font-weight:300; color: rgb(0,61,88); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h1.blue { position:relative; width:100%; text-align:center; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0 auto; margin-bottom:10px; font-weight:300; color: rgb(0,61,88); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h1.blue.micro { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:46px; line-height:56px; margin: 0; margin-bottom:10px; font-weight:600; color: rgb(0,61,88); padding-bottom:10px; box-sizing: border-box; max-width:600px; } 
div.content div.mid h1.green { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0 auto; margin-bottom:10px; font-weight:300; color: rgb(0,161,96); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h1.greencenter { position:relative; width:90%; text-align:center; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0 auto; margin-bottom:10px; font-weight:300; color: rgb(0,161,96); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h1.greencentermicroleft { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0 auto; margin-bottom:10px; font-weight:300; color: rgb(0,161,96); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h1.whitecenter { position:relative; width:90%; text-align:center; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0 auto; margin-bottom:10px; font-weight:300; color: rgb(255,255,255); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h1.greennews { position:relative; width:60%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:36px; line-height:46px; margin: 0; margin-bottom:25px; margin-left:20%; font-weight:300; color: rgb(0,161,96); padding-bottom:10px; box-sizing: border-box; } 
div.content div.mid h3 { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:32px; line-height:40px; margin-bottom:10px; font-weight:300; color: #565a5c; box-sizing: border-box; } 
div.content div.mid h3.green {text-transform: none; font-family: "Trade Gothic W01 Light"; color: rgb(0,61,88); text-align: left; font-size: 12px; padding: 0; margin: 0 auto; width: 100%; line-height: 22px; margin-bottom: 10px; font-weight:600; box-sizing: border-box; } 
div.content div.mid h3.greennews {text-transform: uppercase; font-family: "Trade Gothic W01 Light"; color: rgb(0,61,88); text-align: left; font-size: 12px; padding: 0; margin: 0; margin-left:20%; width: 63%; line-height: 22px; margin-bottom: 10px; font-weight:600; box-sizing: border-box; letter-spacing: .02rem;} 
div.content div.mid h3.media { position: relative; width: 96%; text-align: center; font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-size: 32px; line-height: 40px; margin-bottom: 10px; font-weight: 300; color: #565a5c; box-sizing: border-box; padding-right: 8%; }
div.content div.mid h4 { position:relative; width:100%; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:13px; line-height:16px; margin-bottom:0px; font-weight:300; color: rgb(0,161,96); text-transform:uppercase; padding-bottom:0px; box-sizing: border-box; } 
div.content div.mid h4.lightgreen { position:relative; width:100%; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:13px; line-height:16px; margin-bottom:0px; font-weight:300; color: rgb(176,231,199); text-transform:uppercase; padding-bottom:0px; box-sizing: border-box; } 
div.content div.mid p.full { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:21px; line-height:28px; margin-bottom:20px; font-weight:300; color: #565a5c; max-width:100%; box-sizing: border-box; } 
div.content div.mid p.seventy { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:21px; line-height:28px; margin-bottom:20px; font-weight:300; color: #565a5c; max-width:70%; box-sizing: border-box; } 
div.content div.mid p.home {position: relative; width: 100%; text-align: center; font-family: 'HelveticaNeueW01-47LtCn_692686', sans-serif; font-size: 25px; line-height: 35px; margin: 0 auto; font-weight: 300; color: #565a5c; max-width: 78%; box-sizing: border-box; }
div.content div.mid p.eighty {position: relative; width: 100%; text-align: center; font-family: 'HelveticaNeueW01-47LtCn_692686', sans-serif; font-size: 25px; line-height: 35px; margin: 0 auto; font-weight: 300; color: #565a5c; max-width: 78%; box-sizing: border-box; }
div.content div.mid p.sixtyeighty {position: relative; width: 60%; text-align: center; font-family: 'HelveticaNeueW01-47LtCn_692686', sans-serif; font-size: 25px; line-height: 35px; margin: 0 auto; font-weight: 300; color: #565a5c; max-width: 78%; box-sizing: border-box; }
div.content div.mid p.ninety {position: relative; width: 100%; text-align: center; font-family: 'HelveticaNeueW01-47LtCn_692686', sans-serif; font-size: 25px; line-height: 35px; margin: 0 auto; font-weight: 300; color: #565a5c; max-width: 90%; box-sizing: border-box; }
div.content div.mid p.desc  {text-transform: none; font-family: "Trade Gothic W01 Light"; color: rgb(120,120,120); text-align: left; font-size: 15px; padding: 0; margin: 0; margin-left: 20%; width:63%; line-height: 22px; margin-bottom: 20px; padding-top:30px;}
div.content div.mid p.descleft  {text-transform: none; font-family: "Trade Gothic W01 Light"; color: rgb(120,120,120); text-align: left; float: left; font-size: 15px; padding: 0; margin: 0; margin-left: 20%; width:48%; line-height: 22px; margin-bottom: 20px; padding-top:30px;}
div.content div.mid p.descright  { text-align: left; padding: 0; margin: 0; margin-left: 5%; width: 14%; line-height: 22px; padding-top: 30px; float: left; font-size: 18px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-47LtCn_692686', sans serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform: none; z-index: 103; }
div.content div.mid p.descrightnum  { text-align: left; padding: 0; margin: 0; margin-left: 5%; width: 14%; line-height: 22px; padding-top: 30px; float: left; font-size: 80px; color: rgb(0,161,96); font-family: 'HelveticaNeueW01-77BdCn_692722'; font-weight: normal; padding-bottom: 5px; letter-spacing: .03rem; text-transform: none; z-index: 103; }
div.content div.mid p.descleftwhite  {text-transform: none; font-family: "Trade Gothic W01 Light"; color: rgb(255,255,255); text-align: left; float: left; font-size: 15px; padding: 0; margin: 0; margin-left: 20%; width:48%; line-height: 22px; margin-bottom: 20px; padding-top:30px;}
div.content div.mid p.descrightwhite  { text-align: left; padding: 0; margin: 0; margin-left: 5%; width: 14%; line-height: 22px; padding-top: 30px; float: left; font-size: 18px; color: rgb(176,231,199); font-family: 'HelveticaNeueW01-47LtCn_692686', sans serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform: none; z-index: 103; }
div.content div.mid p.descrightwhitenum  { text-align: left; padding: 0; margin: 0; margin-left: 5%; width: 14%; line-height: 22px; padding-top: 30px; float: left; font-size: 80px; color: rgb(255,255,255); font-family: 'HelveticaNeueW01-77BdCn_692722'; font-weight: normal; padding-bottom: 5px; letter-spacing: .03rem; text-transform: none; z-index: 103; }
div.content div.mid p.descrightbar  { text-align: left; padding: 0; margin: 0; margin-left: 5%; width: 5%; line-height: 2px; margin-top: 50px; float: left; background-color: rgb(0,161,96); letter-spacing: .03rem; text-transform: none; z-index: 103; margin-right: 9%; }
div.content div.mid p.sixtywhite {position: relative; width:60%; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 40px; margin: 0 auto; font-weight: 300; color: rgb(255,255,255); line-height:22px; }
div.content div.mid p.sixtygray {position: relative; width: 60%; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 40px; margin: 0 auto; font-weight: 300; color: rgb(120,120,120); line-height:22px; }
div.content div.mid p.thirtyfivewhite {position: relative; width: 420px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; margin: 0 auto; font-weight: 300; color: rgb(255,255,255); max-width: 75%; margin-bottom:0px; }
div.content div.mid p.thirtyfivegray {position: relative; width: 420px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 40px; margin: 0 auto; font-weight: 300; color: rgb(120,120,120); max-width: 75%; line-height:22px; margin-bottom:0px; }
div.content div.mid p.fortyfivegray {position: relative; width: 420px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 40px; margin: 0 auto; font-weight: 300; color: rgb(120,120,120); max-width: 75%; line-height:22px; margin-bottom:0px; }
div.content div.mid p.fortyfivegray.micro { margin-bottom:40px; }
div.content div.mid p.fortyfivedarkgray {position: relative; width: 420px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 40px; margin: 0 auto; font-weight: 300; color: rgb(255,255,255); max-width: 85%; line-height:22px; margin-bottom:0px; }
div.content div.mid div.greencat { position: absolute;z-index: 1000;background: #00a160;bottom: 0;margin-top: -50px;padding: 10px 30px;font-family: 'Trade Gothic W01 Light' , sans-serif;font-size: 15px;line-height: 20px;margin: 0 auto;font-weight: 600;color: rgb(255,255,255); }
div.content div.mid.microproject { padding: 50px 30px 0px 30px; }    
div.content div.mid.microproject.notoppad { }

div.content div.mid div.buffer { max-width:1260px;padding-left:50px;padding-right:50px;margin: 0 auto;box-sizing:border-box; }
div.content div.mid div.buffer h3 { text-align: left; font-size: 24px; max-width: 60%; margin: 0 auto; line-height: 32px; margin-bottom: 20px; color: rgb(0,61,88); }
div.content div.mid div.buffer h3.center { text-align: center; font-size: 24px; max-width: 60%; margin: 0 auto; line-height: 32px; margin-bottom: 20px; color: rgb(0,61,88); }
div.content div.mid div.buffer h4 { text-align: left; margin-bottom: 20px;  margin: 0 auto; margin-bottom: 20px;}
div.content div.mid div.buffer h4.lightgreen.tabmobile { text-align: left; padding: 0; width: 60%; margin: 0 auto; clear: both; padding-top: 30px; }
div.content div.mid div.buffer h4.green.tabmobile { text-align: left; padding: 0; width: 60%; margin: 0 auto; clear: both; padding-bottom: 20px; }
div.content div.mid div.buffer h4.green.tabmobile2 { text-align: center; padding: 0; width: 60%; margin: 0 auto; clear: both; padding-bottom: 20px; }
div.content div.mid div.buffer.nopad { padding:0; }
div.content div.mid div.buffer.nopad h4 { text-align:left;  }
div.content div.mid div.buffer.nopad h4.mb20 { text-align:left; margin-bottom: 20px; }

.desktop { display:block; }
.mobile { display:none; }

/* Standard Left */
div.content div.mid div.left { position:relative; width:64%; text-align:center; padding:0; margin:0; padding-right:4%; } 
div.content div.mid div.left h1 { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:38px; line-height:46px; margin-bottom:10px; font-weight:300; color: rgb(48,96,147); padding-bottom:10px } 
div.content div.mid div.left h3 { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:32px; line-height:40px; margin-bottom:10px; font-weight:300; color: #565a5c; } 
div.content div.mid div.left p { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:21px; line-height:28px; margin-bottom:20px; font-weight:300; color: #565a5c; max-width:100%; } 
div.content div.mid div.left p.seventy { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:21px; line-height:28px; margin-bottom:20px; font-weight:300; color: #565a5c; max-width:70%; } 


/* Standard Right */
div.content div.mid div.right { position:relative; width:24%; text-align:left; padding:0; margin:0; padding-left:4%; padding-right:4%; background-color: rgb(240,240,240);} 
div.content div.mid div.right h1 { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:38px; line-height:46px; margin-bottom:10px; font-weight:300; color: rgb(48,96,147); padding-bottom:10px } 
div.content div.mid div.right h3  { position: relative; width: 100%; text-align: left; font-family: 'TradeGothicW01-BoldCn20_675334', sans-serif; font-size: 28px; line-height: 36px; margin-bottom: 0px; font-weight: 300; color: #565a5c; margin-top: 20px; text-transform:uppercase;  }
div.content div.mid div.right h4  { position: relative; font-family: 'Trade Gothic W01 Light', sans-serif, Arial, Verdana; font-weight: 300; font-size: 15px; margin-bottom: 20px; }
div.content div.mid div.right p.full { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:21px; line-height:28px; margin-bottom:20px; font-weight:300; color: #565a5c; max-width:100%; } 
div.content div.mid div.right p.seventy { position:relative; width:100%; text-align:left; font-family:'HelveticaNeueW01-57Cn', sans-serif; font-size:21px; line-height:28px; margin-bottom:20px; font-weight:300; color: #565a5c; max-width:70%; } 

/* Standard Left */
div.content div.mid div.twentyfive { position: relative; width: 16%; padding: 0; margin: 0; padding-right: 4%; float: left; text-align: left; box-sizing: border-box; }
div.content div.mid div.twentyfive h4 { line-height: 1.8em; color: rgb(0,161,96); text-transform: uppercase; vertical-align: top; padding-bottom:12px; font-size:13px; font-weight:300; }
div.content div.mid div.twentyfive ul li a { line-height: 1.8em; font-size:13px; font-weight:300; }

/* Standard Right */
div.content div.mid div.seventyfive { position: relative; width: 84%; text-align: left; padding: 0; margin: 0; padding-left: 4%; padding-right: 4%; float: left; border-left: dashed 1px rgb(210,210,210); box-sizing: border-box; } 


/* Projects Left */
div.content div.mid div.vshow { position:static; width:100%; text-align:center; padding:0; margin:0 auto; margin-bottom: 10px; z-index:1; max-width: 1260px; padding-top: 20px;} 
div.content div.mid div.show { position:static; width:100%; text-align:center; padding:0; margin:0; margin-bottom: 10px; z-index:1; padding-left:50px; padding-right:0px; max-width: 1260px; box-sizing: border-box; } 
div.content div.mid div.show div.item {  padding:0; margin:0;padding-bottom: 30px; } 
div.content div.mid div.show .owl-carousel .owl-item  div.item {  padding:0; margin:0; } 
div.content div.mid div.show img { position:relative; width:100%; text-align:center; padding:0; margin:0; } 
div.content div.mid div.details { position: relative; width: 100%; text-align: center; padding: 0; margin: 0; z-index:100; margin-bottom: 0px;} 
div.content div.mid div.details div.dl { position: relative; width: 24%; text-align: left; padding: 0; margin: 0; float: left; background: #fff;  margin-top: -130px; padding: 3%; } 
div.content div.mid div.details div.dl.micro { position: relative; width: 16%; text-align: left; padding: 20px 0; margin: 0; float: left; background: #fff;  margin-top: 0px; } 
div.content div.mid div.details div.dl h1 { font-family: 'HelveticaNeueW01-57Cn'; text-align: left; font-size: 28px; width: 80%; padding: 0; margin: 0; line-height: 32px; margin-bottom: 20px; } 
div.content div.mid div.details div.dl div.dtitle { text-transform: uppercase; font-family: "Trade Gothic W01 Light"; text-align: left; font-size: 12px; width: 100%; padding: 0; margin: 0; line-height: 20px; font-weight: bold; letter-spacing: .02rem;} 
div.content div.mid div.details div.dl div.dvalue { text-transform: none; font-family: "Trade Gothic W01 Light"; color: rgb(120,120,120); text-align: left; font-size: 15px; width: 100%; padding: 0; margin: 0; line-height: 20px; margin-bottom: 10px; } 
div.content div.mid div.details div.dm { position: relative; width: 44%; text-align: center; padding: 0; margin: 0; float: left; padding-left: 5%; padding-right: 5%; margin-bottom:20px; padding-top: 20px; min-height: 250px;} 
div.content div.mid div.details div.dm.micro { position: relative; width: 58%; text-align: center; padding: 0; margin: 0; float: left; padding-left: 5%; padding-right: 5%; margin-bottom:20px; padding-top: 20px; min-height: 250px;} 
div.content div.mid div.details div.dm p { text-transform: none; font-family: "Trade Gothic W01 Light"; color: rgb(120,120,120); text-align: left; font-size: 15px; width: 100%; padding: 0; margin: 0; line-height: 22px; margin-bottom: 20px; } 
div.content div.mid div.details div.dm p b { color: rgb(0,0,0); font-size: 13px; } 
div.content div.mid div.details div.dr { position: relative; width: 12%; text-align: center; padding: 0; margin: 0; float: left; padding-right: 4%; margin-bottom:20px; padding-top: 20px;} 
div.content div.mid div.details div.dr div.bar { text-align: left; margin: 0; margin-bottom: 10px;}  
div.content div.mid div.details div.dr div.dtitle { font-family: HelveticaNeueW01-47LtCn_692686; color: rgb(0,61,88); font-size: 50px; font-weight: 300; letter-spacing: 0; text-align: left; line-height: 40px; padding-bottom:10px; } 
div.content div.mid div.details div.dr div.dvalue { font-family: HelveticaNeueW01-47LtCn_692686; color: rgb(0,61,88); font-size: 16px; font-weight: 300; letter-spacing: 0; text-align: left; line-height: 22px; } 
div.content div.mid div.projectsnav { height: 100px; position: relative; top: 0px; z-index:10000; }
div.content div.mid div.projectsnav.micro { height: 100px; position: relative; top: 0px; z-index:10000; padding: 40px 220px; }
div.content div.mid div.projectsnav div.prev { float: left; text-align: center; padding: 20px; }
div.content div.mid div.projectsnav div.prev a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(200,200,200); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.projectsnav div.prev a .fa { background: rgb(230,230,230); padding: 12px 22px; font-size: 30px; color: rgb(180,180,180); margin-right: 10px; top: 3px; position: relative; }
div.content div.mid div.projectsnav div.prev:hover a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(120,120,120); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.projectsnav div.prev:hover a .fa { background: #fff; padding: 12px 22px; font-size: 30px; color: rgb(100,100,100); margin-right: 10px; top: 3px; position: relative; }
div.content div.mid div.projectsnav div.next { float: right; text-align: center; padding: 20px; }
div.content div.mid div.projectsnav div.next a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(200,200,200); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.projectsnav div.next a .fa { background: rgb(230,230,230); padding: 12px 22px; font-size: 30px; color: rgb(180,180,180); margin-left: 10px; top: 3px; position: relative; }
div.content div.mid div.projectsnav div.next:hover a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(120,120,120); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.projectsnav div.next:hover a .fa { background: #fff; padding: 12px 22px; font-size: 30px; color: rgb(100,100,100); margin-left: 10px; top: 3px; position: relative; }

div.content div.mid div.medianav { height: 100px; position: relative; top: 30px; z-index:10000; margin-left: 20%; width:63%; }
div.content div.mid div.medianav div.prev { float: left; text-align: center; padding: 20px; padding-left:0px; }
div.content div.mid div.medianav div.prev a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(200,200,200); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.medianav div.prev a .fa { background: rgb(230,230,230); padding: 12px 22px; font-size: 30px; color: rgb(180,180,180); margin-right: 10px; top: 3px; position: relative; }
div.content div.mid div.medianav div.prev:hover a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(120,120,120); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.medianav div.prev:hover a .fa { background: #fff; padding: 12px 22px; font-size: 30px; color: rgb(100,100,100); margin-right: 10px; top: 3px; position: relative; }
div.content div.mid div.medianav div.next { float: right; text-align: center; padding: 20px; padding-right:0px; }
div.content div.mid div.medianav div.next a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(200,200,200); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.medianav div.next a .fa { background: rgb(230,230,230); padding: 12px 22px; font-size: 30px; color: rgb(180,180,180); margin-left: 10px; top: 3px; position: relative; }
div.content div.mid div.medianav div.next:hover a { font-family: 'HelveticaNeueW01-57Cn'; color: rgb(120,120,120); font-size: 20px; font-weight: 300; vertical-align: middle; position: relative; }
div.content div.mid div.medianav div.next:hover a .fa { background: #fff; padding: 12px 22px; font-size: 30px; color: rgb(100,100,100); margin-left: 10px; top: 3px; position: relative; }



div.ban { top: 35px; position: relative; clear: both; }
div.ban h4 { position: relative; width: 100%; text-align: center; clear:both; font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-size: 24px; line-height: 52px; margin: 0 auto; margin-bottom: 0px; font-weight: 300; color: rgb(100,100,100); padding-bottom: 10px; }


/* Banner Right 2 */
ul.bannerstyle2 { margin:0; padding:0; padding-top:10px; border:0; width:100%; } 
ul.bannerstyle2 li { margin:0; padding:0; border:0; vertical-align:top; list-style-type:none; padding-bottom:5px; width:100%;  }
ul.bannerstyle2 li div.title { position:relative; margin:0; padding:0; border:0; text-transform:none;  }
ul.bannerstyle2 li div.title h2 { position:relative; color:rgb(200,35,40); margin-bottom:5px; letter-spacing:0px; font-weight:bold; text-transform:uppercase; display:none; }
ul.bannerstyle2 li div.title p { position:relative; border:0; margin:0; padding:0; padding-bottom:20px; line-height:1.2em; color:rgb(90,90,90); display:none;}
ul.bannerstyle2 li div.title img { position:relative;  border: 0; margin:0; padding:0; padding-bottom:20px; width:100%; }

/* List Style 2 */
div.mleft {width: 26%; float:left; padding-bottom:15px; margin-bottom: 4%; margin-top: 4%; padding-right: 4%; }
div.mleft img {width: 175px; float:left; padding-bottom:15px; overflow:hidden;} 
div.mleft a { font-weight:bold; font-size:87%; text-transform:uppercase; color:rgb(0,0,0); }

div.mright {width: 100%; float: left; margin: 0; padding: 0; padding-bottom: 15px; border-bottom: solid 4px rgb(240,240,240); margin-bottom: 40px; box-sizing: border-box; }
div.mright:last-child { width: 100%; float: left; margin: 0; padding: 0; padding-bottom: 15px; border-bottom: solid 0px rgb(240,240,240); margin-bottom: 20px; box-sizing: border-box; }
div.mright p { padding: 0; margin: 0; clear: both; margin-bottom: 10px; }
div.mright a { float: left; line-height: 1.8em; color: rgb(0,161,96); text-transform: uppercase; vertical-align: top; font-size: 13px; font-weight:300; }
div.mright a.title { font-weight: 300; font-size: 20px; text-transform: none; color: rgb(120,120,120); margin-top: 0px; float: left; clear: both; font-family: 'HelveticaNeueW01-67MdCn_692710'; }
div.mright a.title:hover { font-weight: 300; font-size: 20px; text-transform: none; color: rgb(0,0,0); margin-top: 0px; float: left; clear: both; font-family: 'HelveticaNeueW01-67MdCn_692710'; }
div.mright ul { margin-left:0px; padding-top:5px; padding-bottom:0px; width:450px; } 
div.mright ul li { list-style-position:outside; margin-left:40px; padding-bottom:5px; font-family: Arial, Verdana, Times New Roman, Times, serif; line-height:1.6em; width: 420px; font-size:100%;} 


.pgwrap2 { width:100%; padding-left:0px; padding-right:0px; float:left; }

.pgleft2 { float:left; width:40px; padding-top:0; margin:0; }
.pgleft2 img { width:40px; }
.pgleft2 img.moreinfo { width:16px; padding-top:6px; padding-left:4px; }
.pgleft2 a, .pgleft2 a:active, .pgleft2 a:link, .pgleft2 a:visited { text-decoration:none; padding:0; margin:0; font-size:87%; }

.pgright2 { float:left;width:200px; padding-top:5px; padding-bottom:20px; padding-left:15px; }
.pgright2 p { width:190px; font-size:93%; height:55px; overflow:hidden; margin:0;padding:0;}
.pgright2 b { font-weight:bold; font-size:100%;clear:both; color:rgb(100,100,100); }
.pgright2 a, .pgright2 a:active, .pgright2 a:link, .pgright2 a:visited { text-decoration:none; padding:0; margin:0;font-size:87%; color:rgb(30,100,160); text-transform:uppercase; }



/* Standard Footer */
div.ft { position:relative; top:110px; width:100%; text-align:center; padding-bottom:30px; margin:0 auto; background-color:rgb(0,61,88); border:0;} 
div.ft div.mid { position:relative; width:96%; text-align:center; padding-bottom:10px; margin:0 auto; max-width:1200px; padding-left:2%; padding-right:2%; padding-top: 50px; padding-bottom: 0;} 
div.ft div.mid div.ftlocations { width: 50%; float:left; margin:0; padding:0; padding-left:5%; padding-right: 10%; position: relative; }
div.ft div.mid div.location { width: 33%; text-align:left; color: #fff; float: left; }
div.ft div.mid div.location img { padding-bottom: 20px; }
div.ft div.mid div.location p { color: #fff; font-family: 'Trade Gothic W01 Light'; font-size: 14px; }
div.ft div.mid div.location span { font-size:11px; font-weight:700; font-family: 'TradeGothicNextW01-Bold_693229', sans-serif, Arial, Verdana; }
div.ft div.mid div.location img { padding-bottom: 20px; }
div.ft div.mid div.location h4 { font-family:'TradeGothicNextW01-Bold_693229', sans-serif, Arial, Verdana;font-weight:300; padding-bottom:5px; }
div.ft div.mid div.ftlinks { width: 30%; float:left; margin:0; padding:0; padding-right:5%; }
div.ft div.mid div.ftlinks ul { margin:0; padding:0; }
div.ft div.mid div.ftlinks li { text-align: left; color: #fff; width: 100%; border-bottom: solid 1px rgb(200,200,200); cursor:pointer; padding:5px; }
div.ft div.mid div.ftlinks li:hover { text-align: left; color: #fff; width: 100%; border-bottom: solid 1px rgb(200,200,200); cursor:pointer; background-color:rgb(0,42,65);padding:5px;}
div.ft div.mid div.ftlinks li a { color: #fff; font-family: 'Trade Gothic W01 Light'; font-size: 15px; line-height: 22px; }
div.ft div.mid div.ftlinks li a:hover { color: rgb(230,230,230); }
div.ft div.mid div.ftcopyright { clear:both;text-align: left; padding-left: 5%; padding-top: 7%;color: #fff; }
div.ft div.mid div.ftcopyright p { color:#fff; font-family: 'Trade Gothic W01 Light'; }
div.ft div.mid div.location p a { font-size: 16px; color: rgb(176,231,199); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform: uppercase; line-height: 40px; margin-left: 0; } 
div.ft div.mid div.location p a:hover { font-size: 16px; color: rgb(210,210,210); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform: uppercase; line-height: 40px; margin-left: 0; } 

/* Three Column Blue List*/
div.content div.mid ul.threecol { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 104%; padding-top: 50px; padding-bottom: 50px; }
div.content div.mid ul.threecol.micro { margin: 0 14.5%; }
div.content div.mid ul.threecol li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 29%; vertical-align: top; float:left; box-sizing: border-box; padding-top: 0px; margin-right: 4%;  }
div.content div.mid ul.threecol li h4 { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:10px; font-weight:300; color: rgb(176,231,199); letter-spacing: .02rem; }
div.content div.mid ul.threecol li p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:15px; line-height:22px; padding-bottom:20px; font-weight:300; color: rgb(255,255,255); }
div.content div.mid ul.threecol li h4.green { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:10px; font-weight:300; color: rgb(0,161,96); letter-spacing: .02rem; }
div.content div.mid ul.threecol li p.gray { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:15px; line-height:22px; padding-bottom:20px; font-weight:300; color: rgb(120,120,120); }
div.content div.mid ul.threecol li h4.green.micro { text-align:center; }
div.content div.mid ul.threecol li p.gray.micro { text-align:center; }

/* Three Column Blue List*/
div.content div.mid ul.threecol2 { position: relative; margin: 0 auto; padding: 0; border: 0; text-align: left; width: 64%; padding-top: 50px; padding-bottom: 50px; box-sizing: border-box; }
div.content div.mid ul.threecol2 li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 29%; vertical-align: top; float:left; box-sizing: border-box; padding-top: 0px; margin-right: 4%; padding-left: 3%;}
div.content div.mid ul.threecol2 li h4 { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:10px; font-weight:300; color: rgb(176,231,199); letter-spacing: .02rem; }
div.content div.mid ul.threecol2 li p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:15px; line-height:22px; padding-bottom:20px; font-weight:300; color: rgb(255,255,255); }
div.content div.mid ul.threecol2 li h4.green { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:10px; font-weight:300; color: rgb(0,161,96); letter-spacing: .02rem; }
div.content div.mid ul.threecol2 li p.gray { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:15px; line-height:22px; padding-bottom:20px; font-weight:300; color: rgb(120,120,120); }


/* Three Column White List*/ 
div.content div.mid div.careerpad { background: rgb(255,255,255); padding: 60px 120px; box-sizing:border-box; clear:both; text-align: left; margin-bottom:60px;}
div.content div.mid div.careerpad h4 { position: relative; width: 100%; text-align: left; font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-size: 14px; line-height: 12px; margin-bottom: 10px; font-weight: 600; color: rgb(0,161,96); text-transform: uppercase; padding-bottom: 10px; letter-spacing: 1px; }
div.content div.mid div.careerpad p { position: relative; margin: 0; padding: 0; border: 0; vertical-align: top; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 22px; padding-bottom: 20px; font-weight: 300; color: rgb(120,120,120); }
div.content div.mid div.careerpad a.reg { font-family: Georgia; color: rgb(90,90,90); border: solid 1px rgb(0,0,0); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; margin: 0 10px 0 0; }
div.content div.mid div.careerpad a.reg:hover { font-family: Georgia; color: rgb(120,120,120); border: solid 1px rgb(220,220,220); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; background: rgba(220,220,220,.4); margin: 0 10px 0 0; }
div.content div.mid ul.threecolgreentop { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 104%; }
div.content div.mid ul.threecolgreentop li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 29.3333%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 0px; margin-right: 4%; border-top: solid 4px rgb(176,231,199); padding-top: 10px; margin-bottom: 30px; }
div.content div.mid ul.threecolgreentop li h4 { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:0px; font-weight:300; color: rgb(90,90,90); letter-spacing: .02rem; }
div.content div.mid ul.threecolgreentop li p { position: relative; margin: 0; padding: 0; border: 0; vertical-align: top; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 22px; padding-bottom: 20px; font-weight: 300; color: rgb(120,120,120); }

div.content div.mid ul.twocolgreentop { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 104%; }
div.content div.mid ul.twocolgreentop li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 46%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 0px; margin-right: 4%; padding-top: 10px; margin-bottom: 10px; }
div.content div.mid ul.twocolgreentop li h4 { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:10px; font-weight:300; color: rgb(90,90,90); letter-spacing: .02rem; }
div.content div.mid ul.twocolgreentop li p { position: relative; margin: 0; padding: 0; border: 0; vertical-align: top; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 22px; padding-bottom: 20px; font-weight: 300; color: rgb(120,120,120); padding-top:15px; border-top: solid 4px rgb(176,231,199); }

div.content div.mid ul.twocolsixty { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 64%; }
div.content div.mid ul.twocolsixty li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 46%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 0px; margin-right: 4%; padding-top: 10px; margin-bottom: 10px; }
div.content div.mid ul.twocolsixty li p { position: relative; margin: 0; padding: 0; border: 0; vertical-align: top; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 22px; padding-bottom: 20px; font-weight: 300; color: rgb(255,255,255); padding-top:15px; border-top: solid 0px rgb(176,231,199); }

div.content div.mid ul.bluelist { position: relative; margin: 0 auto; padding: 0; border: 0; text-align: center; width: 100%; box-sizing:border-box; padding-top: 10px; list-style-type: none;}
div.content div.mid ul.bluelist li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 96%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 5px; margin-right: 4%; margin-left:10px; margin-bottom: 0px; vertical-align: top; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 14px; line-height: 16px; font-weight: 300; color: rgb(255,255,255); list-style-position: outside; }
div.content div.mid ul.bluelist > li { text-indent: -10px;}
div.content div.mid ul.bluelist > li:before { content: "- "; text-indent: -10px; }

/* Four Column List*/
div.content div.mid ul.fourcol { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 104%; padding-top: 50px; }
div.content div.mid ul.fourcol li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 21%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 20px;  margin-right:4%; }
div.content div.mid ul.fourcol li img { margin: 0; padding: 0; border: 0; width: 60%; vertical-align: top; text-align:center; padding-bottom:10px; margin-left:-10px; }
div.content div.mid ul.fourcol li h4 { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:22px; padding-bottom:10px; font-weight: 300; color: rgb(0,161,96); letter-spacing: .02rem; }
div.content div.mid ul.fourcol li p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:15px; line-height:22px; padding-bottom:20px; font-weight:300; color: rgb(120,120,120); }

/* Five Column List*/
div.content div.mid ul.fivecol { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 104%; padding-top: 30px; }
div.content div.mid ul.fivecol li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 16%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 20px;  margin-right:4%; }
div.content div.mid ul.fivecol li img { margin: 0; padding: 0; border: 0; width: 60%; vertical-align: top; text-align:center; padding-bottom:10px; margin-left:-10px; }
div.content div.mid ul.fivecol li h4 { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size:15px; line-height:18px; padding-bottom:10px; font-weight: 300; color: rgb(0,161,96); letter-spacing: .02rem; }
div.content div.mid ul.fivecol li p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:15px; line-height:18px; padding-bottom:20px; font-weight:300; color: rgb(120,120,120); }

/* Dash List*/
div.content div.mid ul.dash { list-style-type: none; }
div.content div.mid ul.dash li { text-indent: -9px; width:100%; padding-top: 0; color: rgb(120,120,120); padding-bottom: 5px; font-size: 15px; line-height: 18px; font-family: 'Trade Gothic W01 Light', sans-serif;  }
div.content div.mid ul.dash li:before { content: "-"; text-indent: -5px; padding-right: 5px;}

/* Banners Bottom */
div.content div.mid ul.features { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 102%; margin-left: -2%; }
div.content div.mid ul.features hr {clear: both; background-color: rgb(220,220,220); height: 1px; margin: 0; padding: 0; border: 0; margin-left: 2%; margin-right: 2%; margin-bottom: 2%; }
div.content div.mid ul.features li { margin: 0; padding: 0; border: 0; list-style-type: none; min-height: 290px; border-right: solid 1px rgb(220,220,220); width: 33%; vertical-align: top; padding-right: 2%; padding-left: 2%; margin-bottom: 2%; margin-right: -1px; float: left; box-sizing: border-box; }
div.content div.mid ul.features li div.pic { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; }
div.content div.mid ul.features li div.pic img { position:relative; top:0; left:0; margin:0; padding:0; border:0; vertical-align: top; width: 100%; padding-bottom: 10px; }
div.content div.mid ul.features li div.copy { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; }
div.content div.mid ul.features li div.copy a.title { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left;  font-family:'TradeGothicW01-BoldCn20_675334', sans-serif; font-size:16px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; text-transform:uppercase; }
div.content div.mid ul.features li div.copy a.more { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:16px; margin-bottom:20px; font-weight:300; color: rgb(145,192,231);}
div.content div.mid ul.features li div.copy p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; }

/* Practice Areas */
div.content div.mid ul.practiceareas { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 102%; margin-left: -2%; }
div.content div.mid ul.practiceareas hr {clear: both; background-color: rgb(220,220,220); height: 1px; margin: 0; padding: 0; border: 0; margin-left: 2%; margin-right: 2%; margin-bottom: 2%; }
div.content div.mid ul.practiceareas li { margin: 0; padding: 0; border: 0; list-style-type: none; min-height: 290px; border-right: solid 1px rgb(220,220,220); width: 25%; vertical-align: top; padding-right: 2%; padding-left: 2%; margin-bottom: 2%; margin-right: -1px; float: left; box-sizing: border-box; }
div.content div.mid ul.practiceareas li div.pic { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; }
div.content div.mid ul.practiceareas li div.pic img { position:relative; top:0; left:0; margin:0; padding:0; border:0; vertical-align: top; width: 25%; padding-bottom: 10px; }
div.content div.mid ul.practiceareas li div.copy { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; }
div.content div.mid ul.practiceareas li div.copy a.title { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left;  font-family:'TradeGothicW01-BoldCn20_675334', sans-serif; font-size:16px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; }
div.content div.mid ul.practiceareas li div.copy a.more { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:16px; margin-bottom:20px; font-weight:300; color: rgb(145,192,231);}
div.content div.mid ul.practiceareas li div.copy p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; }

/* News */
div.content div.mid div.right ul.news { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 102%; margin-left: -2%; }
div.content div.mid div.right ul.news hr {clear: both; background-color: rgb(220,220,220); height: 1px; margin: 0; padding: 0; border: 0; margin-left: 2%; margin-right: 2%; margin-bottom: 2%; }
div.content div.mid div.right ul.news li { margin: 0; padding: 0; border: 0; list-style-type: none; border-top: solid 1px rgb(220,220,220); width: 100%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 20px; }
div.content div.mid div.right ul.news li div.pic { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; }
div.content div.mid div.right ul.news li div.pic img { position:relative; top:0; left:0; margin:0; padding:0; border:0; vertical-align: top; width: 25%; padding-bottom: 10px; }
div.content div.mid div.right ul.news li div.copy { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; }
div.content div.mid div.right ul.news li div.copy a.title { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left;  font-family:'TradeGothicW01-BoldCn20_675334', sans-serif; font-size:16px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; color: rgb(145,192,231); }
div.content div.mid div.right ul.news li div.copy a.more { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:12px; line-height:16px; margin-bottom:20px; font-weight:600; color: rgb(145,192,231); text-transform:uppercase;}
div.content div.mid div.right ul.news li div.copy p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; }

/* Practice Areas */
div.content div.mid div.practiceareas { position: relative; margin: 0; padding: 0; border: 0; text-align: left; width: 100%; padding-top:10px; margin-left:-1%; }
div.content div.mid div.practiceareas div.item { margin: 0; padding: 0; border: 0; list-style-type: none; min-height: 290px; border-right: solid 1px rgb(220,220,220); width: 100%; vertical-align: top; margin-bottom: 2%; float: left; box-sizing: border-box; background-color:#fff; }
div.content div.mid div.practiceareas div.item div.pic { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; padding-right: 5%; padding-left: 5%;}
div.content div.mid div.practiceareas div.item div.pic img { position:relative; top:0; left:0; margin:0; padding:0; border:0; vertical-align: top; width: 25%; padding-bottom: 10px; }
div.content div.mid div.practiceareas div.item div.copy { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; padding-right: 5%; padding-left: 5%; }
div.content div.mid div.practiceareas div.item div.copy a.title { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left;  font-family:'TradeGothicW01-BoldCn20_675334', sans-serif; font-size:16px; line-height:20px; padding-bottom:20px; font-weight:300; color: #565a5c; }
div.content div.mid div.practiceareas div.item div.copy a.more { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:16px; margin-bottom:20px; font-weight:300; color: rgb(145,192,231);}
div.content div.mid div.practiceareas div.item div.copy p { position:relative; margin:0; padding:0; border:0; vertical-align:top; text-align:left; font-family:'Trade Gothic W01 Light', sans-serif; font-size:14px; line-height:16px; padding-bottom:20px; font-weight:300; color: #565a5c; }

div.content div.mid div.practiceareas div.item.bdr { border-right: solid 0px rgb(220,220,220); }


/* Owl Carousel */
.owl-carousel .item div.tags { position: absolute; line-height: 1; max-width: 1200px; overflow: hidden; vertical-align: middle; width: 100%; left: 50%; top: 42%; transform: translate(-50%,-40%); cursor:pointer; padding-left:50px;  z-index:1000; display:block; opacity:0; margin-left:30px; }
.owl-carousel .item div.tag-left { color: #fff; padding: 0; text-align: left; font-size: 2rem; font-weight: 200; line-height: 40px; width: 96%; vertical-align: text-bottom; float:left; min-height: 400px; }
.owl-carousel .item div.tag-left h2 { font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size: 115px; line-height: 115px; text-transform: none; margin: 0; padding: 0; letter-spacing: -.05rem; }
.owl-carousel .item div.tag-left h2.micro { font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; font-size: 75px; line-height: 75px; text-transform: none; margin: 0; padding: 0; letter-spacing: -.05rem; }
.owl-carousel .item div.tag-left h4 { font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; color: #fff; font-size: 40px; margin-bottom: 40px;  letter-spacing:.05rem }
.owl-carousel .item div.tag-left p { font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; color: #fff; font-size: 15px; letter-spacing: .03rem; }
.owl-carousel .item div.tag-left a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 50px; font-size: 17px;  line-height: 40px; font-style: italic;}
.owl-carousel .item div.tag-left a:hover { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 50px; font-size: 17px;  line-height: 40px; background-color:rgba(0,0,0,.5); font-style: italic;}


.owl-carousel .item div.tag-right { background: rgba(48,96,147,.90); color: #fff; padding: 2.2% 1%; text-align: left; font-size: 1.5rem; font-weight: 200; width: 48%; line-height: 40px; vertical-align: text-bottom;  float:left; }
.owl-carousel .item div.tag-right h2 { color: #fff; padding: 2.2% 1%; text-align: left; font-size: 1.5rem; font-weight: 200; line-height: 40px; vertical-align: text-bottom; float:left }
.owl-carousel .item div.tag-right a.view { color: #fff; float: left; line-height: 40px; padding: 2.2% 1%;}
.owl-carousel .item div.tag-right a.view.on { color: rgb(240,240,240); float: left; line-height: 40px; padding: 2.2% 6%;}
.owl-carousel .item div.tag-right a.view i { color: #fff; margin-right:15px; line-height: 40px; font-size:40px; }
.owl-carousel .item div.tag-right a.view.on i { color: #ccc; margin-right:15px; line-height: 40px; font-size:40px;}

.owl-carousel .item { height: auto; background: rgb(80,103,139); padding: 0; height:100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:1; }
.owl-carousel .item h4 { color: #FFF; font-weight: 400; margin-top: 0rem; }


.owl-theme .owl-dots .owl-dot { display: block; padding-bottom: 10px; }

#owl-demo .item img { display: block; width: 100%; height: auto; }

.owl-theme .owl-controls { margin-top:-45%; position: absolute; right: 20px; /* position: relative; */ }
.owl-theme .owl-controls .item-link { position: relative; display: block; width: 40px; height: 40px; margin: 0 2px; border-bottom: 4px solid #fff; outline: none; }
.owl-theme .owl-controls .item-link:focus { -webkit-box-shadow: 0 0 0px #cc4895; -moz-box-shadow: 0 0 0px #cc4895; box-shadow: 0 0 0px #cc4895; outline: none; }
.owl-theme .owl-controls .active .item-link {  border-bottom: 4px solid #ccc; }

.owl-theme .owl-dots .owl-dot span {  display: none; }

.owl-theme .prev-owl,
.owl-theme .next-owl { position: absolute; top: 5px; display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #c0c0c0; outline: none; }
.owl-theme .prev-owl:focus,
.owl-theme .next-owl:focus { -webkit-box-shadow: 0 0 8px #cc4895; -moz-box-shadow: 0 0 8px #cc4895; box-shadow: 0 0 8px #cc4895; }
.owl-theme .prev-owl { left: 24px; }
.owl-theme .next-owl { right: 24px; }


.topinputfield { width: 95%; margin: 0; padding: 0; border: solid 1px rgb(210,210,210); line-height: 34px; height: 34px; text-indent: 10px; border-radius: 4px; margin-bottom: 10px; font-size: 12px; font-weight: 600; color: rgb(180,180,180); font-family: 'Trade Gothic W01 Light', sans-serif, Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; }
.topcheckbox { margin:0;padding:0; font-size:10px; height:16px;  }
.tl { clear:both; float:left; margin:0; padding:0; line-height:28px; vertical-align:top; width:190px; }
.tr {float:left; margin:0; padding:0; line-height:28px; vertical-align:top;width:230px;}
.fq {float:left; margin:0; padding:0; padding-bottom:5px;}


p.f-message { margin-top:40px; color: rgb(225,0,0); font-size:108%; padding-left:10px;}
div.f-firstname { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; width:100%; padding-bottom:20px; }
div.f-lastname {margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; width:100%; padding-bottom:20px;}
div.f-email { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; width:100%; padding-bottom:20px;}
div.f-phone { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; width:100%; padding-bottom:20px;}
div.f-image img { position:relative; top:0; left:0; margin:0; padding:0; border:0; /* padding-left:3%; */ width:400px; margin-left:0px; height:40px; margin-top: -5px; }
div.f-zipcode { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; display:none;}
div.f-company { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; display:none;}
div.f-comments { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; display:none;}
div.f-options { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:left; z-index:1000; width:100%; padding-bottom:20px; }
div.f-newsletter { margin:0; padding:0; line-height:32px; vertical-align:top; float:left; z-index:1000; width:100%; padding-bottom:20px; cursor:pointer; }
div.f-newsletter span.topcheckbox { display: inline-block; width: 80%; color: rgb(120,120,120); line-height: 18px; margin: 0; padding: 0; font-size: 12px; padding-left: 18%; text-transform: uppercase; height: 40px; background: url(/sitedocs/imagegallery/check-off.png); background-repeat: no-repeat;}
div.f-newsletter.on span.topcheckbox { display: inline-block; width: 80%; color: rgb(120,120,120); line-height: 18px; margin: 0; padding: 0; font-size: 12px; padding-left: 18%; text-transform: uppercase; height: 40px; background: url(/sitedocs/imagegallery/check-on.png); background-repeat: no-repeat;}
div.f-newsletter input { display: none; }
div.f-submit { margin:0; padding:0; line-height:32px; vertical-align:top; height:30px; float:right; z-index:1000; padding-right:10%; }
div.f-submit input.imagebutton { cursor: pointer; padding: 0px 10px 0px 10px; margin: 0; border: solid 0px rgb(200,200,200); border-radius: 7px; color: rgb(255,255,255); font-weight: normal; height: 28px; vertical-align: middle; background-color: rgb(145,192,231);  font-size: 12px; font-weight: 600; font-family: 'Trade Gothic W01 Light', sans-serif, Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; padding-right:10%; }
div.f-submit input.imagebutton:hover { cursor: pointer; padding: 0px 10px 0px 10px; margin: 0; border: solid 0px rgb(200,200,200); border-radius: 7px; color: rgb(255,255,255); font-weight: normal; height: 28px; vertical-align: middle; background-color: rgb(220,220,220);  font-size: 12px; font-weight: 600; font-family: 'Trade Gothic W01 Light', sans-serif, Arial, Verdana; letter-spacing: 1px; text-transform: uppercase; padding-right:10%; }

div.career { width: 100%; margin:0; padding:0; float: left; position: relative; cursor:pointer; }
div.career:hover { transition:all .2s ease-in-out 0s; }
div.career div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; opacity:0; z-index:150;transition:all .5s ease-in-out 0s;  }
div.career:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; opacity:0; z-index:150; transition:all .5s ease-in-out 0s;  }
div.career div.learn {  position: absolute; top: 50%; text-transform: uppercase; display: block; z-index: 151; transition: all .2s ease-in-out 0s; text-align: center; width: 100%; }
div.career:hover div.learn { position: absolute; top: 50%; text-transform: uppercase; display: block; z-index: 151; transition: all .2s ease-in-out 0s; text-align: center; width: 100%; transition:all .5s ease-in-out 0s; }
div.career div.learn a { font-family: Georgia; color: #fff; padding-top: 10px; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px; text-transform: none; opacity: 1; font-style: italic; }
div.career:hover div.learn a { font-family: Georgia; color: #fff; padding-top: 10px; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px; text-transform: none; opacity: 1; font-style: italic; transition:all .5s ease-in-out 0s; background-color:rgba(0,0,0,.5);}

div.sq { width:100%; margin:0;padding:0}
div.sq div.square { width: 31%; margin:0; padding:0; margin-right: 3.5%; float: left; position: relative; cursor:pointer; }
div.sq div.square:hover { width: 31%; margin:0; padding:0; margin-right: 3.5%; float: left; position: relative; transition:all .2s ease-in-out 0s; }
div.sq div.square div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:none; z-index:150; transition:all .2s ease-in-out 0s; }
div.sq div.square:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.sq div.square:hover div.learn { position: absolute; padding: 50px; bottom: 58px; padding-bottom: 0; text-transform: uppercase; transition: all .2s ease-in-out 0s; border-bottom: solid 1px #fff; left: 50px; padding-left: 0; padding-right: 0; width: auto; z-index:200; }
div.sq div.square:hover div.learn a { font-family: 'TradeGothicNextW01-Bold_693229'; font-size: 13px; color: #fff; letter-spacing: 1px; line-height:25px; }

div.sq div.square img { width:100%; z-index:100; }
div.sq div.square div.contents { position: absolute; padding: 50px; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 25px; z-index:200; transition:all .2s ease-in-out 0s;}
div.sq div.square div.contents h3 { font-size: 18px; color: rgb(176,231,199); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform:uppercase; line-height:40px; margin-left:0; }
/*
div.sq div.square div.contents h3.green { color: rgb(157,209,206); }
div.sq div.square div.contents h3.safety { color: rgb(0,84,61); }
div.sq div.square div.contents h3.community { color: rgb(197,206,32); }
*/
div.sq div.square div.contents h4 { font-family: 'HelveticaNeueW01-67MdCn_692710'; color: #fff; font-size: 24px; line-height: 40px; text-transform:none; margin-bottom: 0px; }
div.sq div.square div.contents p { font-family: 'Trade Gothic W01 Light'; font-size: 15px; color: #fff; letter-spacing: 0; max-width: 90%; }
div.sq div.square div.learn { position: absolute; padding: 50px; bottom: 58px; padding-bottom: 0; text-transform: uppercase; transition: all .2s ease-in-out 0s; border-bottom: solid 0px #fff; left: 50px; padding-left: 0; padding-right: 0; width: auto;  z-index:200; }
div.sq div.square div.learn a { font-family: 'TradeGothicNextW01-Bold_693229'; font-size: 13px; color: #fff; letter-spacing: 1px; line-height:26px; }
div.bar { width: 100%; height: 4px; text-align: center; background: rgb(220,220,220); max-width: 60px; margin: 0 auto; padding: 0; margin-bottom: 20px; }
div.bargreen { width: 63%; height: 4px; text-align: center; background: rgb(220,220,220); max-width: 60px; margin: 0; margin-left:20%; padding: 0; margin-bottom: 10px; }
div.barlightgreen { width: 100%; height: 4px; text-align: center; background: rgb(176,231,199); max-width: 60px; margin: 0 auto; padding: 0; margin-bottom: 20px; }
div.barwhite { width: 100%; height: 4px; text-align: center; background: rgb(255,255,255); max-width: 60px; margin: 0 auto; padding: 0; margin-bottom: 20px; }
div.bargray { width: 100%; height: 4px; text-align: center; background: rgb(220,220,220); max-width: 60px; margin: 0 auto; padding: 0; margin-bottom: 20px; }
div.bardot { width: 96%; height: 4px; text-align: center; max-width: 30px; margin: 0; padding: 0; margin-bottom: 30px; border-bottom: dotted 2px rgb(93,103,111); background:none; margin-left: 44%; }

div.category { position: relative; top: 110px; width: 100%; text-align: center; padding: 0;  margin: 0 auto; background-color: rgb(255,255,255); border: 0; background: rgb(240,240,240); margin-top:0px; margin-bottom:50px; }
div.category div.mid { position: relative; width: 96%; text-align: center; padding: 0; margin: 0 auto; padding-left: 50px; padding-right: 50px; padding-bottom: 30px; padding-top: 50px; background: #fff; max-width: 1260px; box-sizing: border-box; }

div.sq2 { width:102%; margin:0 auto; padding:0}
div.sq2 div.square { width: 31.33333%; margin: 0; padding: 0; margin-right: 2%; margin-bottom: 1.5%; float: left; position: relative; cursor:pointer;  }
div.sq2 div.square.green { width: 31.33333%; margin: 0; padding: 0; margin-right: 2%; margin-bottom: 1.5%; float: left; position: relative; cursor:initial;  }
div.sq2 div.square img { width:100%; }
div.sq2 div.square div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; /* display: none; */ left: 0; top: 0; transition:all .9s ease-in-out 0s } 
div.sq2 div.square:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.6); z-index: 500; /* display: none; */ left: 0; top: 0; } 
div.sq2 div.square div.contents { position: absolute; padding: 50px; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 35px; z-index: 499; }
div.sq2 div.square div.contents h3 { font-size: 28px; color: rgb(0,0,0); font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 200; padding-bottom: 5px; }
div.sq2 div.square div.contents h3.page { font-size: 36px; color: #fff; font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 200; padding-bottom: 25px; line-height: 40px; }
div.sq2 div.square div.contents h3.category { font-size: 34px; color: #fff; font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 300; padding-bottom: 5px; }
div.sq2 div.square div.contents h3.green { color: rgb(157,209,206); }
div.sq2 div.square div.contents h3.safety { color: rgb(0,84,61); }
div.sq2 div.square div.contents h3.community { color: rgb(197,206,32); }
div.sq2 div.square div.contents h4 { font-family: 'HelveticaNeueW01-67MdCn_692710'; color: #fff; font-size: 24px; line-height: 40px; }
div.sq2 div.square div.contents p { font-family: 'HelveticaNeueW01-47LtCn_692686'; font-size: 1.3rem; color: #fff; letter-spacing: 0; max-width: 92%; font-weight: 300; line-height:27px; }
div.sq2 div.square div.contents p.cat { font-family: 'Trade Gothic W01 Light'; font-size: 15px; color: #fff; letter-spacing: 0; max-width: 90%; display: none; }
div.sq2 div.square div.learn { position: absolute; padding-top: 10px; top: 42.5%; padding-bottom: 30px; text-transform: uppercase; z-index: 1000; text-align: center; width: 100%; }
div.sq2 div.square div.learn a {  font-family: Georgia; color: #fff; padding-top:10px; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px; text-transform: none; opacity:0; font-style:italic; }
div.sq2 div.square:hover div.learn a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 40px; font-size: 17px;  line-height: 40px; background-color:rgba(0,0,0,.5);  transition:all .2s ease-in-out 0s; opacity:1; font-style:italic;}
div.bar2 { width: 100%; height: 4px; text-align: left; background: rgb(176,231,199); max-width: 60px; margin: 0; padding: 0; margin-bottom: 24px; }

div.sq3 { width:102%; margin:0 auto; padding:0}
div.sq3 div.square { width: 31.333333%; margin: 0; padding: 0; margin-right: 2%; margin-bottom: 10px; float: left; position: relative; cursor:pointer; vertical-align:top; display:inline-block; overflow: hidden; }
div.sq3 div.square img { width:100%; position: relative; }
div.sq3 div.square div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 80%; background-color: rgba(0,0,0,.1); z-index: 500; left: 0; top: 0; transition: all .9s ease-in-out 0s; } 
div.sq3 div.square:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 80%; background-color: rgba(0,0,0,.6); z-index: 500; left: 0; top: 0; transition: all .9s ease-in-out 0s; }
div.sq3 div.square div.contents { position: relative; padding: 0; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 10px; padding-bottom: 5px; z-index: 1000; background: #fff; margin: 0; }
div.sq3 div.square div.contents h3 { font-size: 15px; color: rgb(93,103,111); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 300; padding-bottom: 5px; text-align: center; text-transform: uppercase; width: 90%; margin: 0 auto; line-height: initial; letter-spacing: .02rem;}
div.sq3 div.square:hover div.contents h3 { font-size: 15px; color: rgb(0,161,96); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 300; padding-bottom: 5px; text-align: center; text-transform: uppercase; width: 90%; margin: 0 auto; }
div.sq3 div.square div.contents p { font-family: 'HelveticaNeueW01-47LtCn_692686'; font-size: 21px; color: #fff; letter-spacing: 0; max-width: 70%; font-weight: 300; }
div.sq3 div.square div.contents p.cat { font-family: 'Trade Gothic W01 Light'; font-size: 15px; color: #fff; letter-spacing: 0; max-width: 90%; display: none; }
div.sq3 div.square div.contents div.bar { width: 100%; height: 4px; text-align: center; max-width: 30px; margin: 0 auto; padding: 0; margin-bottom: 10px; border-bottom: dotted 2px rgb(93,103,111); background:none; }
div.sq3 div.square div.learn { position: absolute; top: 32%; z-index: 1000; text-align: center; width: 100%; }
div.sq3 div.square div.learn a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px;  background-color:rgba(0,0,0,0); opacity: 0; transition:all .2s ease-in-out 0s; text-transform: none; font-style:italic;}
div.sq3 div.square:hover div.learn a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px; background-color:rgba(0,0,0,.5); opacity:1; transition:all .2s ease-in-out 0s; text-transform: none; font-style:italic;}


div.sq4 { width:100%; margin:0; padding:0; max-width:1260px; text-align: center; margin: 0 auto;}
div.sq4 div.square { width: 31%; margin:0; padding:0; margin-right: 3.5%; float: left; position: relative;  }
div.sq4 div.square:hover { width: 31%; margin:0; padding:0; margin-right: 3.5%; float: left; position: relative; transition:all .2s ease-in-out 0s; }
div.sq4 div.square img { width:30%; z-index:100; }
div.sq4 div.square div.contents { position: relative; padding: 20px; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 25px; z-index:200; transition:all .2s ease-in-out 0s;}
div.sq4 div.square div.contents h3 { font-size: 26px; color: rgb(176,231,199); font-family: 'HelveticaNeueW01-57Cn', sans serif; padding-bottom: 5px; letter-spacing: 0; text-transform:none; color: rgb(93,103,111); text-align:center; }
div.sq4 div.square div.contents p { font-family: 'Trade Gothic W01 Light'; font-size: 15px; color: #fff; letter-spacing: 0; max-width: 100%; color: rgb(93,103,111); text-align:center;}
div.view { padding-top: 30px; padding-bottom: 50px; clear: both; }
div.view a { font-family: Georgia; color: rgb(90,90,90); border: solid 1px rgb(0,0,0); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; margin: 0 10px; }
div.view a:hover { font-family: Georgia; color: rgb(120,120,120); border: solid 1px rgb(220,220,220); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; background: rgba(220,220,220,.4); margin: 0 10px; }

div.sq5 { width:102%; margin:0 auto; padding:0}
div.sq5 div.square { width: 31.333333%; margin: 0; padding: 0; margin-right: 2%; margin-bottom: 10px; float: left; position: relative; cursor:pointer; vertical-align:top; display:inline-block; overflow: hidden; }
div.sq5 div.square img { width:100%; position: relative; }
div.sq5 div.square div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 75%; background-color: rgba(0,0,0,.1); z-index: 500; left: 0; top: 0; transition: all .9s ease-in-out 0s; } 
div.sq5 div.square:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 75%; background-color: rgba(0,0,0,.6); z-index: 500; left: 0; top: 0; transition: all .9s ease-in-out 0s; }
div.sq5 div.square div.contents { position: relative; padding: 0; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 15px; padding-bottom: 5px; z-index: 1000; background: #fff; margin: 0; }
div.sq5 div.square div.contents h3 { font-size: 15px; color: rgb(93,103,111); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 300; padding-bottom: 5px; text-align: center; text-transform: uppercase; width: 90%; margin: 0 auto; line-height: initial; letter-spacing: .02rem;}
div.sq5 div.square:hover div.contents h3 { font-size: 15px; color: rgb(0,161,96); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 300; padding-bottom: 5px; text-align: center; text-transform: uppercase; width: 90%; margin: 0 auto; }
div.sq5 div.square div.contents p { font-family: 'HelveticaNeueW01-47LtCn_692686'; font-size: 21px; color: #fff; letter-spacing: 0; max-width: 70%; font-weight: 300; }
div.sq5 div.square div.contents p.cat { font-family: 'Trade Gothic W01 Light'; font-size: 15px; color: #fff; letter-spacing: 0; max-width: 90%; display: none; }
div.sq5 div.square div.contents div.bar { width: 100%; height: 4px; text-align: center; max-width: 30px; margin: 0 auto; padding: 0; margin-bottom: 10px; border-bottom: dotted 2px rgb(93,103,111); background:none; }
div.sq5 div.square div.learn { position: absolute; top: 32%; z-index: 1000; text-align: center; width: 100%; }
div.sq5 div.square div.learn a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px;  background-color:rgba(0,0,0,0); opacity: 0; transition:all .2s ease-in-out 0s; text-transform: none; font-style:italic;}
div.sq5 div.square:hover div.learn a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px; background-color:rgba(0,0,0,.5); opacity:1; transition:all .2s ease-in-out 0s; text-transform: none; font-style:italic;}

div.sq6 { width:102%; margin:0 auto; padding:0}
div.sq6 div.square { width: 31.33333%; margin: 0; padding: 0; margin-right: 2%; margin-bottom: 1.5%; float: left; position: relative; cursor:pointer;  }
div.sq6 div.square.green { width: 31.33333%; margin: 0; padding: 0; margin-right: 2%; margin-bottom: 1.5%; float: left; position: relative; cursor:initial;  }
div.sq6 div.square img { width:100%; }
div.sq6 div.square div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; /* display: none; */ left: 0; top: 0; transition:all .9s ease-in-out 0s } 
div.sq6 div.square:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.6); z-index: 500; /* display: none; */ left: 0; top: 0; } 
div.sq6 div.square div.contents { position: absolute; padding: 50px; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 35px; z-index: 499; }
div.sq6 div.square div.contents h3 { font-size: 28px; color: rgb(0,0,0); font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 200; padding-bottom: 5px; }
div.sq6 div.square div.contents h3.page { font-size: 36px; color: #fff; font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 200; padding-bottom: 25px; line-height: 40px; }
div.sq6 div.square div.contents h3.category { font-size: 34px; color: #fff; font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 300; padding-bottom: 5px; }
div.sq6 div.square div.contents h3.green { color: rgb(157,209,206); }
div.sq6 div.square div.contents h3.safety { color: rgb(0,84,61); }
div.sq6 div.square div.contents h3.community { color: rgb(197,206,32); }
div.sq6 div.square div.contents h4 { font-family: 'HelveticaNeueW01-67MdCn_692710'; color: #fff; font-size: 24px; line-height: 40px; }
div.sq6 div.square div.contents p { font-family: 'HelveticaNeueW01-47LtCn_692686'; font-size: 1.3rem; color: #fff; letter-spacing: 0; max-width: 92%; font-weight: 300; line-height:27px; }
div.sq6 div.square div.contents p.cat { font-family: 'Trade Gothic W01 Light'; font-size: 15px; color: #fff; letter-spacing: 0; max-width: 90%; display: none; }
div.sq6 div.square div.learn { position: absolute; padding-top: 10px; top: 42.5%; padding-bottom: 30px; text-transform: uppercase; z-index: 1000; text-align: center; width: 100%; }
div.sq6 div.square div.learn a {  font-family: Georgia; color: #fff; padding-top:10px; border: solid 2px #fff; padding: 7px 40px; font-size: 17px; line-height: 40px; text-transform: none; opacity:0; font-style:italic; }
div.sq6 div.square:hover div.learn a { font-family: Georgia; color: #fff; border: solid 2px #fff; padding: 7px 40px; font-size: 17px;  line-height: 40px; background-color:rgba(0,0,0,.5);  transition:all .2s ease-in-out 0s; opacity:1; font-style:italic;}
div.bar6 { width: 100%; height: 4px; text-align: left; background: rgb(176,231,199); max-width: 60px; margin: 0; padding: 0; margin-bottom: 24px; }


div.process { width:90%; margin:0; padding:0; max-width:100%; text-align: center; margin: 0 auto;}
div.process div.circle { width: 27.5%; margin:0; padding:0; float: left; position: relative; line-height: 100%; vertical-align: middle; margin-left: -4%; margin-right: -4%; transition:all .5s ease-in-out 0s;cursor:pointer;}
div.process div.circle:hover  { width: 27.5%; margin:0; padding:0; float: left; position: relative; line-height: 100%; vertical-align: middle; margin-left: -4%; margin-right: -4%; transition:all .5s ease-in-out 0s;}
div.process div.circle img.bg-blue { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; opacity:1;}
div.process div.circle img.bg-blue-on { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; opacity:0; display:none;}
div.process div.circle img.bg-trans-blue { width:100%; z-index:101; position: absolute; left: 0; top: 0; opacity:0;  transition:all .5s ease-in-out 0s;}
div.process div.circle:hover img.bg-blue { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; display:none;}
div.process div.circle:hover img.bg-blue-on { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; opacity:1; display:block;}
div.process div.circle:hover img.bg-trans-blue { width:100%; z-index:101; position: absolute; left: 0; top: 0; opacity:1; }
div.process div.circle div.num { font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; color: rgb(0,61,88); font-size: 140px; font-weight:600; line-height: 100px; width:100%; height:auto; margin:auto; text-align:center; vertical-align:middle; z-index: 102; position: absolute; top: 0; left: 0; margin-top: 39%;  transition:all .2s ease-in-out 0s;  opacity:1;}
div.process div.circle div.title { font-size: 35px; color: rgb(255,255,255); font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform:none; z-index: 103; position: absolute; top: 50%; margin: auto; text-align: center; width: 100%;  transition:all .2s ease-in-out 0s;  opacity:1;}
div.process div.circle:hover div.num { opacity:0; transition:all .2s ease-in-out 0s; }
div.process div.circle:hover div.title { opacity:0; transition:all .2s ease-in-out 0s; }
div.process div.circle div.copy {  position: absolute; padding: 20px; top: 10px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; color: #fff; padding-top: 25px; z-index: 104; transition: all .2s ease-in-out 0s; margin-top: 30%; font-size: 15px; width: 70%; padding-left: 15%; line-height: 22px; opacity:0;  transition:all .5s ease-in-out 0s;}
div.process div.circle:hover div.copy {  position: absolute; padding: 20px; top: 10px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; color: #fff; padding-top: 25px; z-index: 104; transition: all .2s ease-in-out 0s; margin-top: 30%; font-size: 15px; width: 70%; padding-left: 15%; line-height: 22px; opacity:1; transition:all .5s ease-in-out 0s;}
div.process div.circle div.copy a { text-decoration: none; text-transform: uppercase; color:rgb(255,255,255); font-family: 'TradeGothicNextW01-Bold_693229'; font-size: 12px; display:none;}

div.mission { width:90%; margin:0; padding:0; max-width:1260px; text-align: center; margin: 0 auto;}
div.content div.mid div.mission ul.twocolsixty { position: relative; margin: 0 auto; padding: 0; border: 0; text-align: left; width: 64%; }
div.content div.mid div.mission ul.twocolsixty li { margin: 0; padding: 0; border: 0; list-style-type: none; width: 46%; vertical-align: top; float: left; box-sizing: border-box; padding-top: 0px; margin-right: 4%; padding-top: 10px; margin-bottom: 10px; }
div.content div.mid div.mission ul.twocolsixty li h4 { font-weight: 600; text-align: center; }
div.content div.mid div.mission ul.twocolsixty li p { position: relative; margin: 0; padding: 0; border: 0; vertical-align: top; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 22px; padding-bottom: 20px; font-weight: 300; color: rgb(255,255,255); padding-top:15px; border-top: solid 0px rgb(176,231,199); }

div.corevalues { width:90%; margin:0; padding:0; max-width:100%; text-align: center; margin: 0 auto;}
div.corevalues div.circle { width: 32.5%; margin:0; padding:0; float: left; position: relative; line-height: 100%; vertical-align: middle; margin-left: -4%; margin-right: -4%; margin-top: -4%; transition:all .5s ease-in-out 0s;cursor:pointer;}
div.corevalues div.circle:hover  { width: 32.5%; margin:0; padding:0; float: left; position: relative; line-height: 100%; vertical-align: middle; margin-left: -4%; margin-right: -4%; margin-top: -4%; transition:all .5s ease-in-out 0s;}
div.corevalues div.circle img.bg-blue { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; opacity:1;}
div.corevalues div.circle img.bg-blue-on { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; opacity:0; display:none;}
div.corevalues div.circle img.bg-trans-blue { width:100%; z-index:101; position: absolute; left: 0; top: 0; opacity:0;  transition:all .5s ease-in-out 0s;}
div.corevalues div.circle:hover img.bg-blue { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; display:none;}
div.corevalues div.circle:hover img.bg-blue-on { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; opacity:1; display:block;}
div.corevalues div.circle:hover img.bg-trans-blue { width:100%; z-index:101; position: absolute; left: 0; top: 0; opacity:1; }
div.corevalues div.circle div.num { font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; color: rgb(0,61,88); font-size: 140px; font-weight:600; line-height: 100px; width:100%; height:auto; margin:auto; text-align:center; vertical-align:middle; z-index: 102; position: absolute; top: 0; left: 0; margin-top: 39%;  transition:all .2s ease-in-out 0s;  opacity:1;}
div.corevalues div.circle div.title { font-size: 22px; color: rgb(255,255,255); font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform:none; z-index: 103; position: absolute; top: 48%; margin: auto; text-align: center; width: 100%;  transition:all .2s ease-in-out 0s; opacity:1; padding-left: 25%; padding-right: 25%; box-sizing: border-box; line-height: 30px; }
div.corevalues div.circle:hover div.num { opacity:0; transition:all .2s ease-in-out 0s; }
div.corevalues div.circle:hover div.title { opacity:0; transition:all .2s ease-in-out 0s; }
div.corevalues div.circle div.copy {  position: absolute; padding: 20px; top: 10px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; color: #fff; padding-top: 25px; z-index: 104; transition: all .2s ease-in-out 0s; margin-top: 30%; font-size: 15px; width: 70%; padding-left: 15%; line-height: 22px; opacity:0;  transition:all .5s ease-in-out 0s;}
div.corevalues div.circle:hover div.copy {  position: absolute; padding: 20px; top: 10px; text-align: center; font-family: 'Trade Gothic W01 Light', sans-serif; color: #fff; padding-top: 25px; z-index: 104; transition: all .2s ease-in-out 0s; margin-top: 30%; font-size: 15px; width: 70%; padding-left: 15%; line-height: 22px; opacity:1; transition:all .5s ease-in-out 0s;}
div.corevalues div.circle div.copy a { text-decoration: none; text-transform: uppercase; color:rgb(255,255,255); font-family: 'TradeGothicNextW01-Bold_693229'; font-size: 12px; display:none;}


div.rankings { width:100%; margin:0; padding:0; max-width:100%; text-align: center; margin: 0 auto; padding-bottom: 50px;}
div.rankings div.ranking { width: 23.5%; margin:0; padding:0; float: left; position: relative; line-height: 100%; vertical-align: middle; margin-left: -2%; margin-right: -2%; transition:all .5s ease-in-out 0s; margin-bottom: -50px; cursor:pointer; }
div.rankings div.ranking:hover  { width: 23.5%; margin:0; padding:0; float: left; position: relative; line-height: 100%; vertical-align: middle; margin-left: -2%; margin-right: -2%; transition:all .5s ease-in-out 0s; margin-bottom: -50px; cursor:pointer;}
div.rankings div.ranking img.bg-white { width:100%; z-index:100; position: relative; left: 0; top: 0; transition:all .5s ease-in-out 0s; cursor:pointer;}
div.rankings div.ranking img.bg-trans-white { width:100%; z-index:101; position: absolute; left: 0; top: 0; opacity:0;  transition:all .5s ease-in-out 0s;}
div.rankings div.ranking:hover img.bg-trans-white { width:100%; z-index:101; position: absolute; left: 0; top: 0; opacity:1; }
div.rankings div.ranking div.num { font-family: 'HelveticaNeueW01-77BdCn_692722'; color: rgb(0,161,96); font-size: 80px; line-height: 30px; width:100%; height:auto; margin:auto; text-align:center; vertical-align:middle; z-index: 102; position: absolute; top: 0; left: 0; margin-top: 30%;  transition:all .2s ease-in-out 0s;  opacity:1; font-weight:normal; letter-spacing: -3px; }
div.rankings div.ranking div.num sup { font-family: 'HelveticaNeueW01-77BdCn_692722'; color: rgb(0,161,96); font-size: 32px; transition:all .2s ease-in-out 0s;  opacity:1; vertical-align: super; text-transform:uppercase; padding-left: 3px; letter-spacing:0; font-weight:normal; }
div.rankings div.ranking div.title { font-size: 18px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-47LtCn_692686', sans serif; font-weight: 200; padding-bottom: 5px; letter-spacing: .03rem; text-transform:none; z-index: 103; position: absolute; top: 60%; margin: auto; text-align: center; width: 70%;  transition:all .2s ease-in-out 0s; opacity:1; padding-left:15%; line-height:22px; }
div.rankings div.ranking:hover div.num { opacity:1; transition:all .2s ease-in-out 0s; }
div.rankings div.ranking:hover div.title { opacity:1; transition:all .2s ease-in-out 0s; }

div.bids { width:86%; margin:0 auto; padding:0; text-align: left; }
div.bids div.hr { width: 100%; margin: 0; padding: 0; border-bottom: solid 2px rgb(240,240,240); min-height: 30px; line-height: 20px; vertical-align: middle; font-size: 14px; color: rgb(0,161,96); font-weight: 600; display: table; letter-spacing: .025rem; font-family: 'HelveticaNeueW01-57Cn', sans-serif; }
div.bids div.hr div.hlocation { width:15%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.bids div.hr div.hproject { width:47.5%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.bids div.hr div.hbiddate { width:12.5%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.bids div.hr div.hvalue { width:12.5%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.bids div.hr div.hconnect { width:12.5%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.bids div.br { width: 100%; margin: auto; padding: 0; clear: both; border-bottom: solid 2px rgb(240,240,240); min-height: 50px; line-height: 22px; vertical-align: middle; font-size: 15px; color: rgb(120,120,120); display: table; font-family: "Trade Gothic W01 Light"; cursor:pointer; transition:all .3s ease-in-out 0s; }
div.bids div.br:hover { width: 100%; margin: auto; padding: 0; clear: both; border-bottom: solid 2px rgb(240,240,240); min-height: 50px; line-height: 22px; vertical-align: middle; font-size: 15px; color: rgb(120,120,120); display: table; font-family: "Trade Gothic W01 Light"; background:rgb(240,240,240); transition:all .3s ease-in-out 0s;}
div.bids div.br span { line-height:normal; vertical-align:middle;}
div.bids div.br div.blocation { width:15%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.bids div.br div.bproject { width:47.5%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.bids div.br div.bbiddate { width:12.5%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.bids div.br div.bvalue { width:12.5%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.bids div.br div.bconnect { width:12.5%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.bids div.br:hover div.bconnect, div.bids div.br div.bconnect:hover { width:12.5%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; color:rgb(0,161,96); font-family:'TradeGothicNextW01-Bold_693229'; }

div.college { width:86%; margin:0 auto; padding:0; text-align: left; }
div.college div.hr { width: 100%; margin: 0; padding: 0; border-bottom: solid 2px rgb(240,240,240); min-height: 30px; line-height: 20px; vertical-align: middle; font-size: 14px; color: rgb(0,161,96); font-weight: 600; display: table; letter-spacing: .025rem; font-family: 'HelveticaNeueW01-57Cn', sans-serif; }
div.college div.hr div.hschool { width:40%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.college div.hr div.hdate { width:15%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.college div.hr div.htime { width:18%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; display:none; }
div.college div.hr div.hevent { width:45%; margin:0; padding:0; display:inline-block; padding-right:15px; box-sizing:border-box; }
div.college div.br { width: 100%; margin: auto; padding: 0; clear: both; border-bottom: solid 2px rgb(240,240,240); min-height: 50px; line-height: 22px; vertical-align: middle; font-size: 15px; color: rgb(120,120,120); display: table; font-family: "Trade Gothic W01 Light"; /* cursor:pointer; */ transition:all .3s ease-in-out 0s; }
/* div.college div.br:hover { width: 100%; margin: auto; padding: 0; clear: both; border-bottom: solid 2px rgb(240,240,240); min-height: 50px; line-height: 22px; vertical-align: middle; font-size: 15px; color: rgb(120,120,120); display: table; font-family: "Trade Gothic W01 Light"; background:rgb(240,240,240); transition:all .3s ease-in-out 0s;} */
div.college div.br span { line-height:normal; vertical-align:middle; margin:0; padding:0; }
div.college div.br div.bschool { width:40%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.college div.br div.bdate { width:15%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
div.college div.br div.btime { width:18%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; display:none; }
div.college div.br div.bevent { width:45%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; }
/* div.college div.br:hover div.bevent { width:35%; margin:0; padding:0; display: table-cell; vertical-align: middle; padding-right:15px; box-sizing:border-box; color:rgb(0,161,96); font-family:'TradeGothicNextW01-Bold_693229'; } */

ul.bidopps { width:102%; padding-bottom:50px;}
ul.bidopps li { width:48%; margin:0; padding:0; text-align: left; display:inline-block; margin-right: 2%; box-sizing: border-box; }
ul.bidopps li img { width:100%; }

div.mloc { width:103%; margin:0 auto; padding:0; max-width:1200px; margin-right:-3%; clear:both; }
div.mloc div.loc { width: 30.33333%; margin: 0; padding: 0; margin-right: 3%; margin-bottom: 1.5%; float: left; position: relative; cursor: default; border-top: solid 4px rgb(220,220,220); min-height: 280px; transition:all .3s ease-in-out 0s; }
div.mloc div.loc:hover { width: 30.33333%; margin: 0; padding: 0; margin-right: 3%; margin-bottom: 1.5%; float: left; position: relative; cursor: default; border-top: solid 4px rgb(120,120,120); min-height: 280px; transition:all .3s ease-in-out 0s; }
div.mloc div.wgc:hover { background-image:url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/walsh-group-corporate-office.jpg'); background-size:cover; background-position: 50% 50%;} 
div.mloc div.awc:hover { background-image:url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/archer-western-corporate-office.jpg'); background-size:cover; background-position: 50% 50%;} 
div.mloc div.wcc:hover { background-image:url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/walsh-canada-corporate-office.jpg'); background-size:cover; background-position: 50% 50%;} 

div.mloc div.loc img { width:100%; opacity:1; transition:all 1s ease-in-out 0s; }
div.mloc div.loc:hover img { width:100%; opacity:1; transition:all 1s ease-in-out 0s; color: rgb(255,255,255);}
div.mloc div.loc:hover div.contents h3.title { opacity:1; transition:all .4s ease-in-out 0s; color: rgb(255,255,255); padding-left:20px;}
div.mloc div.loc:hover div.contents p.address { opacity:1; transition:all .4s ease-in-out 0s; color: rgb(255,255,255); padding-left:20px; display:none;}
div.mloc div.loc:hover div.maps { position: absolute; bottom: 0; padding:20px; transition:all .4s ease-in-out 0s;}
div.mloc div.loc:hover div.maps a { color: rgb(255,255,255); }
div.mloc div.loc:hover div.maps a:hover { color: rgb(120,120,120);  }

span.phonemobile a {color: rgb(120,120,120); }

div.mloc div.loc div.contents { position: absolute; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 25px; z-index: 1000; width: 100%; }
div.mloc div.loc div.contents h3.title { font-size: 22px; color: rgb(80,80,80); font-family: 'HelveticaNeueW01-67MdCn_692710'; font-weight: 200; padding-bottom: 5px;  transition:all .4s ease-in-out 0s; opacity:1}
div.mloc div.loc div.contents p.address { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1}
div.mloc div.loc div.contents p.address span.phonemobile { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; display:none; font-weight:normal;}
div.mloc div.loc div.contents p.address span.phone { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; font-weight:normal;}
div.mloc div.loc:hover div.contents p.address span.phonemobile { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(255,255,255); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; display:none; font-weight:normal;}
div.mloc div.loc:hover div.contents p.address span.phone { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(255,255,255); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; font-weight:normal;}

div.mloc div.loc div.contents p.address span { font-size: 11px; font-weight: 700; font-family: 'TradeGothicNextW01-Bold_693229', sans-serif, Arial, Verdana; }
div.mloc div.loc div.maps { position: absolute; bottom: 0;  transition:all .4s ease-in-out 0s;}
div.mloc div.loc div.maps a { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(0,61,88); text-transform: uppercase; }
div.mloc div.loc div.maps a:hover { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(120,120,120); text-transform: uppercase; }

div.aloc { width:103%; margin:0 auto; padding:0; max-width:1200px; clear:both; padding-top:70px; }
div.aloc div.loc { width: 17%; margin: 0; padding: 0; margin-right: 3%; margin-bottom: 1.5%; float: left; position: relative; cursor: pointer; border-top: solid 4px rgb(240,240,240); min-height: 250px; }
div.aloc div.loc:hover { width: 17%; margin: 0; padding: 0; margin-right: 3%; margin-bottom: 1.5%; float: left; position: relative; cursor: pointer; border-top: solid 4px rgb(0,161,96); min-height: 250px; }
div.aloc div.loc img { width:100%; }
div.aloc div.loc div.contents { position: absolute; top: 10px; text-align: left; font-family: 'Trade Gothic W01 Light'; color: #fff; padding-top: 10px; z-index: 1000; width: 100%; }
div.aloc div.loc div.contents h3.title { font-size: 13px; color: rgb(0,161,96); font-family: 'Trade Gothic W01 Light'; font-weight: 200; padding-bottom: 5px; }
div.aloc div.loc div.contents p.address { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px; }
div.aloc div.loc div.contents p.address span { font-size: 11px; font-weight: 700; font-family: 'TradeGothicNextW01-Bold_693229', sans-serif, Arial, Verdana; }
div.aloc div.loc div.maps { position: absolute; bottom: 20px; }
div.aloc div.loc div.maps a { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(0,61,88); text-transform: uppercase; }
div.aloc div.loc div.maps a:hover { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(120,120,120); text-transform: uppercase; }
div.aloc div.loc:hover div.maps a { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(120,120,120); text-transform: uppercase;  text-decoration:underline; }

div.aloc div.loc div.contents p.address span.phonemobile { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; display:none; font-weight:normal;}
div.aloc div.loc div.contents p.address span.phone { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; font-weight:normal;}
div.aloc div.loc:hover div.contents p.address span.phonemobile { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; display:none; font-weight:normal;}
div.aloc div.loc:hover div.contents p.address span.phone { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px;  transition:all .4s ease-in-out 0s; opacity:1; font-weight:normal;}


div.msloc { width:103%; margin:0 auto; padding:0; max-width:1200px; clear:both; display:none; }
div.msloc div.loc { width: 17%; margin: 0; padding: 0; margin-right: 3%; margin-bottom: 1.5%; float: left; position: relative; cursor: default; border-top: solid 4px rgb(240,240,240); min-height: 150px; }
div.msloc div.loc:hover { width: 17%; margin: 0; padding: 0; margin-right: 3%; margin-bottom: 1.5%; float: left; position: relative; cursor: default; border-top: solid 4px rgb(0,161,96); min-height: 150px; }
div.msloc div.loc img { width:100%; }
div.msloc div.loc div.contents { position: absolute; top: 10px; text-align: left; font-family: 'Trade Gothic W01 Light'; color: #fff; padding-top: 10px; z-index: 1000; width: 100%; }
div.msloc div.loc div.contents h3.title { font-size: 13px; color: rgb(0,161,96); font-family: 'Trade Gothic W01 Light'; font-weight: 200; padding-bottom: 5px; }
div.msloc div.loc div.contents p.address { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px; }
div.msloc div.loc div.contents p.address span { font-size: 11px; font-weight: 700; font-family: 'TradeGothicNextW01-Bold_693229', sans-serif, Arial, Verdana; }
div.msloc div.loc div.contents p.address span.phonemobile { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px; display:none; font-weight:normal;}
div.msloc div.loc div.contents p.address span.phone { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px; font-weight:normal;}
div.msloc div.loc:hover div.contents p.address span.phonemobile { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px; display:none; font-weight:normal;}
div.msloc div.loc:hover div.contents p.address span.phone {  font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; padding-top: 10px; line-height: 18px; font-weight:normal;}

div.msloc div.loc div.maps { position: absolute; bottom: 20px; }
div.msloc div.loc div.maps a { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(0,61,88); text-transform: uppercase; }
div.msloc div.loc div.maps a:hover { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(120,120,120); text-transform: uppercase; }
div.msloc div.loc:hover div.maps a { font-size: 13px; font-family: 'TradeGothicNextW01-Bold_693229'; font-weight: 300; color: rgb(120,120,120); text-transform: uppercase;  text-decoration:underline; }

div.contacts { width:100%; text-align:left; clear:both; padding-bottom:50px; }
div.contacts h4 { text-align:left; float:left; width:auto; font-size: 16px; font-family: 'HelveticaNeueW01-57Cn'; font-weight: 300; color: rgb(120,120,120); text-transform: none; cursor:pointer; margin-right:8px;}
div.contacts h4.active { text-align:left; float:left; width:auto; font-size: 16px; font-family: 'HelveticaNeueW01-57Cn'; font-weight: 300; color: rgb(0,61,88);  text-transform: none; cursor:pointer; margin-right:8px;}
div.contacts h4:hover {  text-align:left; float:left; width:auto; font-size: 16px; font-family: 'HelveticaNeueW01-57Cn'; font-weight: 300; color: rgb(0,161,96); text-transform: none; cursor:pointer; margin-right:8px; }
div.contacts span { text-align:left; float:left; width:auto; font-size: 16px; font-family: 'HelveticaNeueW01-57Cn'; font-weight: 300; color: rgb(120,120,120); text-transform: none; margin-right:8px;}


div.map-hovers div.office { display:none; position:absolute; width:176px; height:82px; background-image:url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/blue-note.png'); background-position:left top; background-repeat:no-repeat; }
div.map-hovers div.officeg { display:none; position:absolute; width:176px; height:82px; background-image:url('https://walshwebsiteassets.blob.core.windows.net/sitedocs/imagegallery/green-note.png'); background-position:left top; background-repeat:no-repeat; }
div.map-hovers div.office h3, div.map-hovers div.officeg h3 { font-family: 'Trade Gothic W01 Light'; color: #fff; padding-left: 35px; padding-top: 5px; padding-right: 5px; text-align: left; font-size: 10px; font-weight: 600; white-space: normal; width: auto; line-height: 16px; text-transform:uppercase; }
div.map-hovers div.office p, div.map-hovers div.officeg p { font-family: 'Trade Gothic W01 Light'; color: #fff; padding-left: 35px; padding-top: 5px; padding-right: 5px; text-align: left; font-size: 10px; position: absolute; bottom: 5px; }

div.featuredleft { width:32%; margin:0; padding:0; float:left;} 
div.featuredleft div.greensquare { width: 95%; margin: 0; padding: 0; margin-right: 5%; float: left; position: relative; cursor: pointer; margin-bottom: 20px; transition:all .2s ease-in-out 0s; }
div.featuredleft div.greensquare:hover { width: 95%; margin: 0; padding: 0; margin-right: 5%; float: left; position: relative; cursor: pointer; margin-bottom: 20px; transition:all .2s ease-in-out 0s; }
div.featuredleft div.greensquare div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:none; z-index:150; transition:all .2s ease-in-out 0s; }
div.featuredleft div.greensquare:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.featuredleft div.greensquare:hover div.learn { position: absolute; padding: 50px; bottom: 58px; padding-bottom: 0; text-transform: uppercase; transition: all .2s ease-in-out 0s; border-bottom: solid 1px #fff; left: 50px; padding-left: 0; padding-right: 0; width: auto; z-index:200; }
div.featuredleft div.greensquare:hover div.learn a { font-family: 'TradeGothicNextW01-Bold_693229'; font-size: 13px; color: #fff; letter-spacing: 1px; line-height:25px; }
div.featuredleft div.greensquare img { width:100%; z-index:100; }
div.featuredleft div.greensquare div.contents { position: absolute; padding: 50px; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 30px; z-index:200; transition:all .2s ease-in-out 0s;}
div.featuredleft div.greensquare div.contents h3 { font-size: 22px; color: #fff; font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 10px; letter-spacing: .03rem;  line-height:25px;}
div.featuredleft div.greensquare div.contents h4 { font-family: 'Trade Gothic W01 Light'; color: rgb(255,255,255); font-size: 12px; line-height: 40px; text-transform: uppercase; padding-bottom: 10px; font-weight: bold; letter-spacing:.02rem; }
div.featuredleft div.greensquare div.contents h4 span { font-family: 'Trade Gothic W01 Light'; color: rgb(176,231,199); font-size: 12px; line-height: 0px; text-transform: uppercase; padding-bottom: 10px; font-weight: bold; letter-spacing:.02rem; }
div.featuredleft div.greensquare div.contents p { font-family: 'Trade Gothic W01 Light'; font-size: 14px; color: rgb(255,255,255); letter-spacing: 0; max-width: 90%; max-height: 85px; overflow: hidden; }


div.featuredright { width:68%; margin:0; padding:0; float:left;}
div.featuredright:hover div.bluesquare div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.featuredright div.bluevideo { width: 50%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; }
div.featuredright div.bluevideo:hover { width: 50%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; transition:all .2s ease-in-out 0s; }
div.featuredright div.bluevideo img { width:100%; margin:0; padding:0; border:0 }
div.featuredright div.bluevideo div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; z-index:150; transition:all .2s ease-in-out 0s; }
div.featuredright div.bluevideo div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,.5); color: rgb(255,255,255); margin-top: 110px; transition:all .2s ease-in-out 0s}
div.featuredright div.bluevideo:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.featuredright div.bluevideo:hover div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,1); color: rgb(255,255,255); margin-top: 110px;  transition:all .2s ease-in-out 0s}
div.featuredright div.bluesquare { width: 50%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; transition:all .2s ease-in-out 0s; }
div.featuredright div.bluesquare:hover { width: 50%; margin:0; padding:0; float: left; position: relative; margin-bottom: 20px;  transition:all .2s ease-in-out 0s;}
div.featuredright div.bluesquare div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:none; z-index:150; transition:all .2s ease-in-out 0s; }
div.featuredright div.bluesquare:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.4); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.featuredright div.bluesquare:hover div.learn { position: absolute; padding: 50px; bottom: 58px; padding-bottom: 0; text-transform: uppercase; transition: all .2s ease-in-out 0s; border-bottom: solid 1px #fff; left: 50px; padding-left: 0; padding-right: 0; width: auto; z-index:200; }
div.featuredright div.bluesquare:hover div.learn a { font-family: 'TradeGothicNextW01-Bold_693229'; font-size: 13px; color: #fff; letter-spacing: 1px; line-height:25px; }
div.featuredright div.bluesquare img { width:100%; z-index:100; }
div.featuredright div.bluesquare div.contents { position: absolute; padding: 50px; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 30px; z-index:200; transition:all .2s ease-in-out 0s;}
div.featuredright div.bluesquare div.contents h3 { font-size: 22px; color: #fff; font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 10px; letter-spacing: .03rem; line-height: 25px;}
div.featuredright div.bluesquare div.contents h4 { font-family: 'Trade Gothic W01 Light'; color: #fff; font-size: 12px; line-height: 40px; padding-bottom: 10px; font-weight: bold; letter-spacing:.02rem; }
div.featuredright div.bluesquare div.contents h4 span { font-family: 'Trade Gothic W01 Light'; color: rgb(176,231,199); font-size: 12px; line-height: 0px; padding-bottom: 10px; font-weight: bold;letter-spacing:.02rem; }
div.featuredright div.bluesquare div.contents p { font-family: 'Trade Gothic W01 Light'; font-size: 14px; color: #fff; letter-spacing: 0; max-width: 90%; }


div.libraryleft { width: 30%; margin: 0; padding: 0; margin-right:2%; float: left; margin-top:30px; border-right: dotted 2px rgb(180,180,180); box-sizing: border-box; clear:both; }
div.libraryleft h3 { position: relative; width: 96%; text-align: center; font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-size: 28px; line-height: 28px; margin: 0; margin-bottom: 0px; font-weight: 300; color: rgb(0,161,96); padding-bottom: 10px;}
div.libraryleft div.bar { width: 96%; height: 4px; text-align: center; max-width: 30px; margin: 0; padding: 0; margin-bottom: 30px; border-bottom: dotted 2px rgb(93,103,111); background:none; margin-left: 40%; }
div.libraryleft div.mediasquare { width: 90%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; margin-left: 0; border-bottom: solid 5px rgb(245,245,245); padding-bottom: 20px; }
div.libraryleft div.mediasquare:hover { width: 90%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; margin-left: 0; border-bottom: solid 5px rgb(245,245,245); padding-bottom: 20px; transition:all .2s ease-in-out 0s; }
div.libraryleft div.mediasquare:hover div.contents h3 { font-size: 20px; color: rgb(0,0,0); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; margin-bottom:10px;}
div.libraryleft div.mediasquare div.contents { position: relative; padding: 0; top: 0px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 0; z-index: 200; transition: all .2s ease-in-out 0s;}
div.libraryleft div.mediasquare div.contents h3 { font-size: 20px; color: rgb(120,120,120); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; margin:0; padding:0; margin-bottom:10px;}
div.libraryleft div.mediasquare div.contents h4 { font-family: 'Trade Gothic W01 Light'; color: rgb(0,161,96); font-size: 12px; line-height: 20px; text-transform: uppercase; padding-bottom: 10px; letter-spacing:.02rem; }
div.libraryleft div.mediasquare div.contents p { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; max-width: 95%; }
div.libraryleft div.viewall { clear: both; width: 100%; margin: 0; padding: 0; text-align: left; padding-top: 40px; }
div.libraryleft div.viewall:hover { clear: both; width: 100%; margin: 0; padding: 0; text-align: left; padding-top: 40px; }
div.libraryleft div.viewall a.viewall { font-family: Georgia; color: rgb(220,220,220); border: solid 2px rgb(220,220,220); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; }
div.libraryleft div.viewall:hover a.viewall { font-family: Georgia; color: rgb(120,120,120); border: solid 2px rgb(220,220,220); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; background: rgba(220,220,220,.4); }

div.libraryright { width: 70%; margin: 0; padding: 0; float: left; margin-top:30px; margin-right: -2%;}
div.libraryright h3 { position: relative; width: 96%; text-align: center; font-family: 'HelveticaNeueW01-57Cn', sans-serif; font-size: 28px; line-height: 28px; margin: 0 auto; margin-bottom: 0px; font-weight: 300; color: rgb(0,161,96); padding-bottom: 10px; margin-left:4%;}
div.libraryright div.bar { width: 96%; height: 4px; text-align: center; max-width: 30px; margin: 0 auto; padding: 0; margin-bottom: 30px; border-bottom: dotted 2px rgb(93,103,111); background:none; margin-left: 47%; }
div.libraryright div.mediasquare { width: 47%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; margin-right: 3%; }
div.libraryright div.mediasquare:hover { width: 47%; margin:0; padding:0; float: left; position: relative; cursor:pointer; margin-bottom: 20px; margin-right: 3%;  transition:all .2s ease-in-out 0s; }
div.libraryright div.mediasquare div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:none; z-index:150; transition:all .2s ease-in-out 0s; }
div.libraryright div.mediasquare:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.libraryright div.mediasquare:hover div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,.5); color: rgb(255,255,255); margin-top: 60px;}
div.libraryright div.mediasquare img { width:100%; z-index:100; }
div.libraryright div.mediasquare div.contents { position: relative; padding: 0; top: 10px; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; padding-top: 5px; z-index: 200; transition: all .2s ease-in-out 0s;}
div.libraryright div.mediasquare div.contents h3 { font-size: 20px; color: rgb(120,120,120); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; margin:0; padding:0; margin-bottom:5px; }
div.libraryright div.mediasquare:hover div.contents h3 { font-size: 20px; color: rgb(0,0,0); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; margin:0; padding:0; margin-bottom:5px; }
div.libraryright div.mediasquare div.contents p { font-family: 'Trade Gothic W01 Light'; font-size: 13px; color: rgb(120,120,120); letter-spacing: 0; max-width: 95%;}


div.videowrap { width: 100%; margin: 0 auto; padding: 0; max-width:1260px; overflow:hidden; }
div.videos { width: 104%; margin: 0 auto; padding: 0; margin-top:0px; box-sizing: border-box; clear:both; }
div.videos div.mediasquare { width: 46%; margin: 0; padding: 0; float: left; position: relative; cursor: pointer; margin-bottom: 20px; margin-right: 4%; min-height: 330px; display: inline-block; box-sizing: border-box; }
div.videos div.mediasquare.micro {margin-bottom: 40px; }
div.videos div.mediasquare div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s; }
div.videos div.mediasquare div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,.5); color: rgb(255,255,255); margin-top: 27%;  transition:all .2s ease-in-out 0s;}
div.videos div.mediasquare:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.videos div.mediasquare:hover div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,1); color: rgb(255,255,255); margin-top: 27%;}
div.videos div.mediasquare img { width:100%; z-index:100;border: solid 1px rgb(220,220,220); box-sizing:border-box; }
div.videos div.mediasquare div.contents { position: relative; padding: 0; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; z-index: 200; transition: all .2s ease-in-out 0s; }
div.videos div.mediasquare div.contents h3 { font-size: 16px; color: rgb(0,161,96); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: center; text-transform: uppercase;}
div.videos div.viewall { clear: both; margin: 0 auto; padding: 0; text-align: center; padding-top: 40px; display: inline-block; padding-bottom: 50px; width:100%; }
div.videos div.viewall:hover { clear: both;  margin: 0 auto; padding: 0; text-align: center; padding-top: 40px; display: inline-block; padding-bottom: 50px; width:100%; }
div.videos div.viewall a.viewall { font-family: Georgia; color: rgb(90,90,90); border: solid 1px rgb(120,120,120); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; margin: 0 10px; }
div.videos div.viewall:hover a.viewall { font-family: Georgia; color: rgb(120,120,120); border: solid 1px rgb(220,220,220); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; background: rgba(220,220,220,.4); margin: 0 10px; }

div.videos div.mediasquare:hover div.black.micro { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.videos div.mediasquare:hover div.black.micro:hover { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,.7); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.videos div.mediasquare div.black.micro div.specs { position: relative;margin: 0;padding: 40px;text-align: left;color: #fff; display:none; }
div.videos div.mediasquare div.black.micro:hover div.specs { position: relative;margin: 0;padding: 40px;text-align: left;color: #fff; display:block; }
div.videos div.mediasquare div.black.micro div.specs h2 { text-transform: uppercase; margin-bottom: 20px; color: #fff; font-weight: 600; }
div.videos div.mediasquare div.black.micro div.specs h3 { color: #fff; }
div.videos div.mediasquare div.black.micro div.specs p { color: #fff; width: 70%; font-size: 15px; font-weight: 300; line-height: 22px; font-family: 'Trade Gothic W01 Light', sans-serif; }
div.videos div.mediasquare div.black.micro .fa.micro { font-size: 22px; position: absolute; right: 0; bottom: 0; padding: 20px; background: rgba(0, 161, 96,.5); color: rgb(255,255,255); margin-top: 27%; transition: all .2s ease-in-out 0s; }


div.videos div.mediasquare2 { width: 60%; margin: 0 auto; padding: 0; position: relative; cursor: pointer; box-sizing: border-box; }
div.videos div.mediasquare2 div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s; }
div.videos div.mediasquare2 div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,.5); color: rgb(255,255,255); margin-top: 22%;  transition:all .2s ease-in-out 0s;}
div.videos div.mediasquare2:hover div.black { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0; height: 100%; background-color: rgba(0,0,0,0); z-index: 500; top: 0; left: 0; display:block; z-index:150; transition:all .2s ease-in-out 0s;  }
div.videos div.mediasquare2:hover div.black .fa {font-size: 22px; padding: 30px; background: rgba(0,161,96,1); color: rgb(255,255,255); margin-top: 22%;}
div.videos div.mediasquare2 img { width:100%; z-index:100; }
div.videos div.mediasquare2 div.contents { position: relative; padding: 0; text-align: left; font-family: 'HelveticaNeueW01-55Roma'; color: #fff; z-index: 200; transition: all .2s ease-in-out 0s; }
div.videos div.mediasquare2 div.contents h3 { font-size: 16px; color: rgb(0,161,96); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: center; text-transform: uppercase;}

div.content.bg-240dk div.viewall { clear: both; margin: 0 auto; padding: 0; text-align: center; padding-top: 40px; display: inline-block; padding-bottom: 50px; width:100%; }
div.content.bg-240dk div.viewall:hover { clear: both;  margin: 0 auto; padding: 0; text-align: center; padding-top: 40px; display: inline-block; padding-bottom: 50px; width:100%; }
div.content.bg-240dk div.viewall a.viewall { font-family: Georgia; color: rgb(255,255,255); border: solid 1px rgb(255,255,255); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; margin: 0 10px; }
div.content.bg-240dk div.viewall:hover a.viewall { font-family: Georgia; color: rgb(120,120,120); border: solid 1px rgb(220,220,220); padding: 7px 40px; font-size: 17px; line-height: 40px; font-style: italic; background: rgba(220,220,220,.4); margin: 0 10px; }

div.mainnav { position: fixed;z-index: 100000000000000;color: #fff;right: -100%;top: 0;width: 13.5%;background: #003d58;padding: 40px 140px 40px 40px;min-height: 100%; }
div.mainnav div.closer { text-align: right;font-size: 30px; cursor:pointer;}
div.menu h2 { font-size: 18px;color: rgb(255,255,255);font-family: 'HelveticaNeueW01-67MdCn_692710' , sans serif;font-weight: 200;letter-spacing: .03rem;text-transform: none;line-height: 20px;margin-top: 20px; margin-bottom:10px }
div.menu h2:first-child {margin-top:60px;}
div.menu h2:last-child {border:0;}
div.menu h2.active { font-size: 18px;color: rgb(176,231,199);font-family: 'HelveticaNeueW01-67MdCn_692710' , sans serif;font-weight: 200;letter-spacing: .03rem;text-transform: none;line-height: 20px;margin-top: 30px; }
div.menu h2 a { color:#fff; }
div.menu h2 a:hover { color:rgb(174,231,199); }
div.menu p { color: #fff; }

div.menu ul { position: relative; padding: 0;margin: 0; }
div.menu ul li { padding: 5px 0; font-family: 'Trade Gothic W01 Light' , sans-serif; font-size: 15px; line-height: 22px; margin: 0 auto; font-weight: 300; color: rgb(255, 255, 255); max-width: 100%; border-bottom: solid 1px #fff; background: transparent; box-sizing: border-box;  transition: all .2s ease-in-out 0s; cursor:pointer; }
div.menu ul li:hover { padding: 5px 0; font-family: 'Trade Gothic W01 Light' , sans-serif; font-size: 15px; line-height: 22px; margin: 0 auto; font-weight: 300; color: rgb(255, 255, 255); max-width: 100%; border-bottom: solid 1px #fff; background: rgb(0,46,66); box-sizing: border-box; padding-left: 5px; transition: all .2s ease-in-out 0s; cursor:pointer; }
div.menu ul li a { color:#fff; }
div.menu ul.frt { padding-top: 20px; }
div.menu ul.frt li { display: inline-block; padding-right: 5px; border:0;}
div.menu ul.frt li a { color: #fff; }

div.bargray.micronav { text-align: left;margin: 0;margin-bottom: 20px;margin-top: 30px; background: rgb(0,46,66); }
div.bargray.microleft { text-align: left;margin: 0;margin-bottom: 20px;margin-top: 30px; background: rgb(220,220,220); }


div.executives { width: 103%; margin: 0 auto; padding: 0; margin-top:0px; box-sizing: border-box; clear:both; }
div.executives div.executive { width: 100%; margin: 0; padding: 0; float: left; position: relative; cursor: pointer; margin-bottom: 0px; display: inline-block; box-sizing: border-box; border-bottom: solid 4px rgb(255,255,255); padding-top: 25px; padding-bottom: 25px; }
div.executives div.executive div.execleft { float:left; width:30%; box-sizing:border-box; margin:0; padding:0px; }
div.executives div.executive div.execright { float:left; width:70%; box-sizing:border-box; margin:0; padding: 0 30px; }
div.executives div.executive div.execleft img { width:100%; z-index:100; }
div.executives div.executive div.execright p { position: relative; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; line-height: 40px; margin: 0 auto; font-weight: 300; color: rgb(120,120,120); line-height: 22px; margin-bottom: 0px; }
div.executives div.executive div.execright h3 { font-size: 16px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; text-transform: uppercase; margin:0px 0px 10px 0px; }
div.executives div.executive div.execright h3 b { font-size: 16px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; text-transform: uppercase; margin:0px 0px 10px 0px; }

div.careersmicro { width: 103%; margin: 0 auto; padding: 0; margin-top:0px; box-sizing: border-box; clear:both; }
div.careersmicro div.career { width: 62%; margin: 0; padding: 0; float: right; position: relative; cursor: pointer; margin-bottom: 0px; display: inline-block; box-sizing: border-box; border-bottom: solid 4px rgb(255,255,255); }
div.careersmicro div.career.micro { width: 52%; margin: 0; padding: 0; float: left; position: relative; cursor: pointer; margin-bottom: 0px; display: inline-block; box-sizing: border-box; border-bottom: solid 4px rgb(255,255,255); }
div.careersmicro div.career div.careeritem { float: right; width: 100%; top: 0; box-sizing: border-box; margin: 0; padding: 30px 0px; border-top: solid 3px rgb(220,220,220); position: relative; }
div.careersmicro div.career div.careeritem img { width:100%; z-index:100; }
div.careersmicro div.career div.careeritem p { position: relative; text-align: left; font-family: 'Trade Gothic W01 Light', sans-serif; font-size: 15px; margin: 0 auto; font-weight: 300; color: rgb(120,120,120); line-height: 22px; margin-bottom: 0px; }
div.careersmicro div.career div.careeritem h3 { font-size: 16px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-57Cn', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; text-transform: uppercase; margin: 0px 0px 10px 0px; }
div.careersmicro div.career div.careeritem h3 b { font-size: 22px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: left; text-transform: none; margin: 0px 0px 10px 0px; }
div.careersmicro div.career p a { font-size: 16px; color: rgb(0,161,96); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: center; text-transform: uppercase; background: url(/sitedocs/imagegallery/whitearrow.png); background-position: right; background-repeat: no-repeat; padding-right: 120px;}
div.careersmicro div.career p a:hover { font-size: 16px; color: rgb(0,61,88); font-family: 'HelveticaNeueW01-67MdCn_692710', sans serif; font-weight: 200; padding-bottom: 0; letter-spacing: .03rem; line-height: 25px; text-align: center; text-transform: uppercase; background: url(/sitedocs/imagegallery/greenarrow.png); background-position: right; background-repeat: no-repeat; padding-right: 120px;}
div.careersmicro p.career {position: relative;text-align: left;font-family:'Trade Gothic W01 Light',sans-serif;font-size: 15px;line-height: 40px;margin: 0 auto;font-weight: 300;color: rgb(120,120,120);line-height: 22px;margin-bottom: 0px;float: left;width: 32%;padding: 15px 0;top: 0; }

div.content div.mid div.micropic {  }
div.content div.mid div.micropic img.fifty { width: 47.5%; padding-right:2.5%; padding-top: 40px; display: inline-block; float: left; }

div.ftop { height: 40px; background: rgb(240,240,240); width: 74%; float: left; margin-right: 3%; text-align: right; padding-right: 3%;}
div.ftop ul.frt { width: 100%; height: 40px; }
div.ftop ul.frt li { display: inline-block; line-height: 40px; height: 40px; }
div.ftop ul.frt li.br { display: inline-block; line-height: 40px; height: 40px; border-right: solid 1px rgb(255,255,255); }
div.ftop ul.frt li.cl { display: inline-block; line-height: 40px; height: 40px; border-right: solid 1px rgb(255,255,255); padding-left: 15px; margin-right:10px; font-family: 'Trade Gothic W01 Light', sans serif; font-size: 14px; color: rgb(93,103,111); letter-spacing: 0; padding-right: 15px; cursor:pointer; }
div.ftop ul.frt li a, div.ftop ul.frt li.br a { font-family: 'Trade Gothic W01 Light'; font-size: 14px; color: rgb(93,103,111); letter-spacing: 0; padding-right: 20px; }
div.ftop ul.frt li.cl a { font-family: 'Trade Gothic W01 Light', sans serif; font-size: 14px; color: rgb(93,103,111); letter-spacing: 0; padding-right: 20px; }
div.ftop ul.frt li a.icon { font-size: 15px; color: rgb(0,61,88); letter-spacing: 0; padding-right: 0px; }
div.ftop ul.frt li a .fa { margin:0; padding:0; font-size: 15px; letter-spacing: 0; padding-right: 5px;  }
div.ftop ul.frt li.cl img { width:16px; clear: none; vertical-align: middle; }
div.ftop ul.frt li a:hover { color: rgb(0,61,88); }
div.ftop ul.frt li a.icon:hover { color: rgb(0,161,96); }


div.padme { padding-top:40px; }

div.category.otherprojects { width:100%; top: 45px; margin-bottom:5px; }

span.adjust { float: right; margin-right: -10px; padding: 0; display: block; background: none; color: #333; border-radius: 12px; -webkit-border-radius: 12px;-moz-border-radius: 12px; width: 40px; text-align: center; text-decoration: none; cursor: pointer; padding-bottom: 20px; padding-right: 2px; padding-left: 20px; }

div#videof a div.black .fa  { font-size: 22px; padding: 30px; background: rgba(0,161,96,.5); color: rgb(255,255,255); margin-top: 23%; margin-left: -5%; transition: all .2s ease-in-out 0s; position: absolute; z-index: 1000000; } 
div#videof a div.black:hover .fa  { font-size: 22px; padding: 30px; background: rgba(0,161,96,.9); color: rgb(255,255,255); margin-top: 23%; margin-left: -5%; transition: all .2s ease-in-out 0s; position: absolute; z-index: 1000000; } 

div.view div.span { display: inline-block; }

div.emailsignup { position: fixed; top: 0; z-index: 1000000000000000000000000000; background: rgba(245,245,245,1); height: 230px; width: 100%; text-align: center; margin: 0 auto; display:none; }
div.emailsignup h1 { position: relative; width: 100%; text-align: center; font-family: 'Veneer W01 Regular', sans-serif;font-size: 34px;line-height: 56px;margin-bottom: 0px;font-weight: 300;color: rgb(0, 162, 97);padding-bottom: 0px;text-transform: uppercase;letter-spacing: 1px;box-sizing: border-box;margin-top: 30px; }
div.emailsignup h2 { color: rgb(80,80,80);font-weight: 600;padding: 0;box-sizing: border-box;font-family: 'Open Sans' , sans-serif;position: relative;text-align: center;font-size: 20px;line-height: 30px;margin-bottom: 20px;font-weight: 300;padding-bottom: 0px;text-transform: uppercase;letter-spacing: 1px; }
div.emailsignup input[type=button] { padding: 6px 15px; }
div.emailsignup i { float: right; font-size: 30px; margin: 10px 20px; color: rgb(220,220,220); cursor:pointer; }
div.emailsignup i:hover { float: right; font-size: 30px; margin: 10px 20px; color: rgb(120,120,120); cursor:pointer; }

.button { background-color: rgba(0, 162, 97,.9);  background-repeat: no-repeat; background-position: right; color: #fff; text-decoration: none; vertical-align: middle; text-transform: uppercase; letter-spacing: 0px; font-family: 'Open Sans', sans-serif; border-radius: 6px; padding: 12px 25px; font-size: 14px; font-weight: 700; border: solid 1px rgba(0, 162, 97,.9);  transition:all .2s ease-in-out 0s; cursor:pointer;}
.button:hover { background-color: rgba(0, 162, 97,.9); background-repeat: no-repeat; background-position: right; color: #fff; text-decoration: none; vertical-align: middle; text-transform: uppercase; letter-spacing: 0px; font-family: 'Open Sans', sans-serif; border-radius: 6px; padding: 12px 25px;  font-size: 14px; font-weight: 700; border: solid 1px rgba(255,255,255,.9);  transition:all .2s ease-in-out 0s;}
.button:focus { border:0; outline: none; }


@media only screen and (min-width: 40.063em)
{ 
    .owl-carousel .item h4 { font-size: 1.4375rem; line-height: 1.4; }
}

@media only screen and (min-width: 1260px) and (max-width: 1420px) {
    div.buffer { max-width:none;}
    div.buffer h4 { padding-left:50px; }

    div.sq div.square div.contents p { font-size:14px; line-height:20px; max-width:100%; }
    div.sq div.square div.learn { bottom: 28px; }
    div.sq div.square:hover div.learn { bottom: 28px; }

    div.featuredleft div.greensquare div.contents h3 { font-size: 20px; line-height:23px; }
    div.featuredleft div.greensquare div.contents p { }
   
    div.featuredright div.bluesquare div.contents h3 { font-size: 20px; line-height:23px; }
    div.featuredright div.bluesquare div.contents p { }

    div.libraryleft div.mediasquare div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryleft div.mediasquare:hover div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryright div.mediasquare div.contents h3 { font-size: 18px; line-height:22px; } 
    div.libraryright div.mediasquare:hover div.contents h3 { font-size: 18px; line-height:22px; }

    div.process div.circle div.num { font-size:120px; }
    div.process div.circle:hover div.num { font-size:120px; }
    div.process div.circle div.copy { font-size:13px; line-height:20px; }
    div.process div.circle:hover div.copy { font-size:13px; line-height:20px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1259px) 
{

    div.ftop ul.frt li.cl { font-size: 13px; }
    div.ftop ul.frt li a, div.ftop ul.frt li.br a { font-size: 13px; }
    div.ftop ul.frt li.cl a { font-size: 13px; }

    div.process div.circle div.num { font-size:100px; }
    div.process div.circle:hover div.num { font-size:100px; }
    div.process div.circle div.copy { font-size:13px; line-height:20px; }
    div.process div.circle:hover div.copy { font-size:13px; line-height:20px;}

    div.featuredleft div.greensquare div.contents { padding: 20px 30px 20px 30px; }
    div.featuredleft div.greensquare div.contents h3 { padding-bottom: 0; font-size: 20px; line-height:23px }
    div.featuredleft div.greensquare div.contents p { font-size: 13px; line-height: 18px; }

    div.featuredright div.bluesquare div.contents { padding: 20px 30px 20px 30px; }
    div.featuredright div.bluesquare div.contents h3 { padding-bottom: 0; font-size: 20px; line-height:23px; }
    div.featuredright div.bluesquare div.contents p { font-size: 13px; line-height: 18px; }   

    div.libraryleft div.mediasquare div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryleft div.mediasquare:hover div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryright div.mediasquare div.contents h3 { font-size: 18px; line-height:22px; } 
    div.libraryright div.mediasquare:hover div.contents h3 { font-size: 18px; line-height:22px; }

    div.featuredright div.bluevideo div.black .fa { margin-top: 100px;}
    div.featuredright div.bluevideo:hover div.black .fa { margin-top: 100px; }

    div.content div.mid h3.media { padding-right:4%; }
    div.content div.mid div.buffer { max-width:none; }
    div.content div.mid div.buffer.nopad h4 { padding-left:50px }
    div.content div.mid div.buffer.nopad h4.nopad { padding-left:0px }
    div.sq2 div.square div.contents h3.page { font-size:28px; } 
    div.sq2 div.square div.contents h3.category { font-size:28px; } 

    /* div.content div.mid div.buffer h4 { padding:0; margin:0; } */
    div.content div.mid div.buffer h4.lightgreen.tabmobile { text-align: left; padding: 0; margin: 0 auto; clear: both; padding-top: 30px; }
    div.content div.mid div.buffer h4.lightgreen.tabmobile2 { text-align: center; padding: 0; margin: 0 auto; clear: both; padding-top: 30px; }

    .ddsmoothmenu ul li a { font-size:14px; margin-right:24px;  }
    .ddsmoothmenu ul li a:hover { font-size:14px; margin-right:24px; }
    .ddsmoothmenu ul li a.selected { font-size:14px; margin-right:24px; }
    .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.active:link, .ddsmoothmenu ul li a.active:visited, .ddsmoothmenu ul li a.active:active, .ddsmoothmenu ul li a.active:hover { font-size:14px; margin-right:24px; }
    
    div.sq div.square div.contents p { font-size:14px; line-height:20px; max-width:100%; }
    div.sq div.square div.learn { bottom: 28px; }
    div.sq div.square:hover div.learn { bottom: 28px; }

    
    div.sq2 div.square div.contents p { font-size:14px; line-height:20px; } 
    div.sq6 div.square div.contents p { display:none; } 

    div.videos div.mediasquare2 { width:80%; }

}

@media only screen and (min-width: 1024px) and (max-width: 1100px) 
{
    div.featuredleft div.greensquare div.contents p { display:none; }
    div.featuredright div.bluesquare div.contents p { display:none; } 

    div.featuredright div.bluevideo div.black .fa { margin-top: 80px;}
    div.featuredright div.bluevideo:hover div.black .fa { margin-top: 80px; }
}



@media only screen and (min-width: 960px) and (max-width: 1024px) 
{
   
    div.content div.mid p.home { font-size: 23px; line-height: 32px; }

    div.ftop ul.frt li.cl { font-size: 13px; }
    div.ftop ul.frt li a, div.ftop ul.frt li.br a { font-size: 13px; }
    div.ftop ul.frt li.cl a { font-size: 13px; }

    div.fifty { width:49.5%; }     

    div.process div.circle div.num { font-size:100px; }
    div.process div.circle:hover div.num { font-size:100px; }
    div.process div.circle div.copy { font-size:13px; line-height:18px; }
    div.process div.circle:hover div.copy { font-size:13px; line-height:18px;}
    div.process div.circle div.title { font-size:25px; }

    div.aloc div.loc { width: 22%; }
    div.aloc div.loc:hover { width: 22%; }

    div.featuredleft div.greensquare div.contents { padding: 30px; }
    div.featuredleft div.greensquare div.contents h3 { font-size: 18px; line-height: 22px; }
    div.featuredleft div.greensquare div.contents p { display:none; }

    div.featuredright div.bluesquare div.contents { padding: 30px; }
    div.featuredright div.bluesquare div.contents h3 { font-size: 18px; line-height: 22px; }
    div.featuredright div.bluesquare div.contents p { display:none; }    

    div.featuredright div.bluevideo div.black .fa { font-size:15px; padding:20px; margin-top:30% }
    div.featuredright div.bluevideo:hover div.black .fa { font-size:15px; padding:20px; margin-top:30% }

    div.libraryleft div.mediasquare div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryleft div.mediasquare:hover div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryright div.mediasquare div.contents h3 { font-size: 18px; line-height:22px; } 
    div.libraryright div.mediasquare:hover div.contents h3 { font-size: 18px; line-height:22px; }
    div.libraryleft div.mediasquare div.contents p { line-height:18px; }

    div.libraryright div.mediasquare div.contents p { line-height:18px; }

    div.content div.mid div.buffer h3.center {  width:100%; max-width: 100%; text-align:center;}

    div.content div.mid h3.media { padding-right:4%; }
    div.content div.mid p.sixtygray { width: 100%; margin-left:0; font-size: 14px; line-height:20px; }
    div.content div.mid p.sixtywhite { width: 100%; margin-left:0; font-size: 14px; line-height:20px; }
    div.content div.mid p.descleft { margin-left: 0; width:70%; font-size: 14px; line-height:20px; }
    div.content div.mid p.descleftwhite { margin-left: 0; width: 70%; }
    div.content div.mid ul.fivecol li h4 { font-size: 10px; line-height: 13px; }
    div.content div.mid ul.dash li { font-size: 9px; line-height: 10px; }
    div.content div.mid h3.greennews { margin-left: 5%; width: 90%;}
    div.content div.mid h1.greennews { margin-left: 5%; width: 90%;}
    div.bargreen { margin-left: 5%; width: 90%;}
    div.content div.mid p.desc { margin-left: 5%; width: 90%;}
    div.content div.mid div.medianav { margin-left: 5%; width: 90%; }

    ul.breadcrumb { margin-left: 5%; width: 88%; }

    div.content div.mid ul.threecol { padding-top: 30px; }
    div.content div.mid ul.threecol li { }
    div.content div.mid ul.threecol li p.gray { font-size:13px; line-height: 20px; }
    div.content div.mid ul.threecol li p { font-size: 13px; line-height: 20px; }
    div.content div.mid ul.threecol li h4.green { font-size:13px; line-height:18px; }
    div.content div.mid ul.threecol li h4 { font-size:13px; line-height:18px; }

    div.content div.mid ul.threecolgreentop li h4 { font-size:13px; line-height:18px; }

    div.content div.mid ul.threecol2 { padding-top: 30px; width:100%; }
    div.content div.mid ul.threecol2 li { padding:0; }
    div.content div.mid ul.threecol2 li p.gray { font-size:13px; line-height: 20px; }
    div.content div.mid ul.threecol2 li p { font-size: 13px; line-height: 20px; }
    div.content div.mid ul.threecol2 li h4.green { font-size:13px; line-height:18px; }
    div.content div.mid ul.threecol2 li h4 { font-size:13px; line-height:18px; }
    
    div.content div.mid ul.fourcol li { width:46%; }
    div.content div.mid ul.fourcol li p { font-size:14px; }

    div.content div.mid div.buffer { max-width:none; }
    div.content div.mid div.buffer.nopad h4 { padding-left:50px }
    div.content div.mid div.buffer.nopad h4.nopad { padding-left:0px }
    div.content div.mid div.buffer h4.lightgreen.tabmobile { text-align: left; padding: 0; width: 100%; margin: 0 auto; clear: both; padding-top: 30px; }
    div.content div.mid div.buffer h4.green.tabmobile { text-align: left; padding: 0; width: 100%; margin: 0 auto; clear: both; padding-bottom: 20px; }
    div.content div.mid div.buffer h4.green.tabmobile2 { text-align: center; padding: 0; width: 100%; margin: 0 auto; clear: both; padding-bottom: 20px; }

    .owl-carousel .item div.tags { max-width:75%;}
    .owl-carousel .item div.tag-left h2 { font-size: 75px; font-weight: 200; line-height: 75px;}
    .owl-carousel .item div.tag-right { font-size: 1.0rem; font-weight: 200; line-height: 25px;}
    .owl-carousel .item div.tag-left h4 { font-size:25px; }

    .ddsmoothmenu ul li a { font-size:13px; margin-right:18px;  }
    .ddsmoothmenu ul li a:hover { font-size:13px; margin-right:18px; }
    .ddsmoothmenu ul li a.selected { font-size:13px; margin-right:18px; }
    .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.active:link, .ddsmoothmenu ul li a.active:visited, .ddsmoothmenu ul li a.active:active, .ddsmoothmenu ul li a.active:hover { font-size:13px; margin-right:18px; }
    
    div.top div.mid div.fleft img.rlogo { padding-left:0;}
   
    div.college div.hr , div.college div.br, div.college div.br:hover { font-size:13px; }

    div.content div.mid div.careerpad { padding:60px;}
    div.bids { width:100%; }
    div.bids div.hr, div.bids div.br { font-size:13px; }

    .owl-carousel .item div.tags {top:52%;}

    div.rankings div.ranking div.title { font-size: 16px; line-height: 22px; }
    div.rankings div.ranking div.num { font-size: 60px; }
    div.rankings div.ranking div.num sup { font-size: 25px; }

    div.sq4 div.square div.contents { padding: 20px 0px; }
    div.sq4 div.square div.contents h3 { font-size: 22px; }
    div.sq4 div.square div.contents p { font-size: 13px; line-height: 18px; }
    div.sq4 div.square img { width:40%;}

    div.content div.mid h1.blue { font-size:30px; line-height:36px;  }
    div.content div.mid h1.greencenter { font-size:30px; line-height:36px;  }
    div.content div.mid p.eighty {font-size: 20px; line-height: 30px; }
    div.content div.mid p.sixtyeighty {font-size: 20px; line-height: 30px; }

    div.sq div.square div.contents h3 { line-height:20px; font-size:16px; }
    div.sq div.square div.contents h4 { font-size:20px;  }
    div.sq div.square div.contents p { font-size:13px; line-height:17px; max-width:100%; }
    div.sq div.square div.learn { bottom: 28px; left:50px; }
    div.sq div.square:hover div.learn { bottom: 28px; left:50px; }

    div.sq2 div.square div.contents { padding: 20px; }
    div.sq2 div.square div.contents h3.page { font-size: 26px;line-height: 28px; }
    div.sq2 div.square div.contents h3.category { font-size:26px; }    
    div.sq2 div.square div.contents p { font-size:14px; line-height:20px; }

    div.sq3 div.square div.contents h3, div.sq3 div.square:hover div.contents h3 { font-size:14px;}   
    div.sq3 div.square div.learn { top:29%;}
    div.sq3 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    div.sq3 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
        
    div.sq5 div.square div.contents h3, div.sq5 div.square:hover div.contents h3 { font-size:14px;}

    div.sq6 div.square div.contents { padding: 20px; }
    div.sq6 div.square div.contents h3.page, div.sq6 div.square:hover div.contents h3.page { font-size: 26px;line-height: 28px; }
    div.sq6 div.square div.contents p { display:none; } 
    div.sq6 div.square div.contents h3.category { font-size:26px; }        
    div.sq6 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    div.sq6 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }

    div.view a, div.view:hover a  { padding: 7px 30px; font-size: 13px;}

    div.videos div.mediasquare { min-height:initial;}
    div.videos div.viewall a.viewall, div.videos div.viewall:hover a.viewall { padding: 7px 30px; font-size: 13px;}
    div.videos div.mediasquare div.black .fa { padding: 20px; margin-top: 30%; }
    div.videos div.mediasquare:hover div.black .fa { padding: 20px; margin-top: 30%; }
    div.videos div.mediasquare div.contents h3 { line-height:21px; font-size:14px; }
    div.videos div.mediasquare2 { width:100%; }

    div.ft div.mid div.ftlocations { width:50%; }
    div.ft div.mid div.ftlinks { width:25%; padding-left:5%; }
    div.ft div.mid div.location img { width:60%; max-width: 83px;}
    div.ft div.mid div.location h4 { font-size: 11px; }
    div.ft div.mid div.location p { font-size: 11px; line-height: 18px; }
    div.ft div.mid div.ftlinks li a  {font-size: 12px; line-height: 18px;}
    div.ft div.mid div.ftcopyright p { font-size: 11px; }



}

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
    div.content div.mid p.home { font-size: 23px; line-height: 32px; }

    div.fifty { width:49.5%; } 
 
    div.aloc div.loc { width: 22%; }
    div.aloc div.loc:hover { width: 22%; }
        
    div.featuredleft div.greensquare div.contents { padding: 10px 20px; top: 0;}
    div.featuredleft div.greensquare div.contents h3 { font-size: 16px; line-height: 19px; }
    div.featuredleft div.greensquare div.contents h4 { font-size: 10px; padding-bottom: 0; }
    div.featuredleft div.greensquare div.contents h4 span { font-size: 10px; padding-bottom: 0; }
    div.featuredleft div.greensquare div.contents p { display:none; }

    div.featuredright div.bluesquare div.contents { padding: 10px 20px; top: 0;}
    div.featuredright div.bluesquare div.contents h3 { font-size: 16px; line-height: 19px; }
    div.featuredright div.bluesquare div.contents h4 { font-size: 10px; padding-bottom: 0; }
    div.featuredright div.bluesquare div.contents h4 span { font-size: 10px; padding-bottom: 0; }
    div.featuredright div.bluesquare div.contents p { display:none; }    

    div.featuredright div.bluevideo div.black .fa { font-size:15px; padding:20px; margin-top:30% }
    div.featuredright div.bluevideo:hover div.black .fa { font-size:15px; padding:20px; margin-top:30% }

    div.libraryleft div.mediasquare div.contents h3 { font-size: 16px; line-height:19px; }
    div.libraryleft div.mediasquare:hover div.contents h3 { font-size: 16px; line-height:19px; }
    div.libraryleft div.mediasquare div.contents h4 { font-size: 10px; }
    div.libraryleft div.mediasquare div.contents p { line-height:18px; }

    div.libraryright div.mediasquare div.contents h3 { font-size: 16px; line-height:19px; } 
    div.libraryright div.mediasquare:hover div.contents h3 { font-size: 16px; line-height:19px; }
    div.libraryright div.mediasquare:hover div.black .fa { font-size: 18px; padding: 20px; margin-top: 38px; }
    div.libraryright div.mediasquare div.contents p { line-height:18px; }
    
    div.content div.mid h3.media { padding-right:0; }
    div.content div.mid p.sixtygray { width: 100%; margin-left:0; font-size: 14px; line-height:20px; }
    div.content div.mid p.sixtywhite { width: 100%; margin-left:0; font-size: 14px; line-height:20px; }
    div.content div.mid p.descleft { margin-left: 0; width:70%; font-size: 14px; line-height:20px; }
    div.content div.mid p.descleftwhite { margin-left: 0; width: 70%; font-size: 14px; line-height:20px; }
    div.content div.mid ul.fivecol li h4 { font-size: 10px; line-height: 13px; }
    div.content div.mid ul.dash li { font-size: 9px; line-height: 10px; }
    div.content div.mid h3.greennews { margin-left: 5%; width: 90%;}
    div.content div.mid h1.greennews { margin-left: 5%; width: 90%;}
    div.bargreen { margin-left: 5%; width: 90%;}
    div.content div.mid p.desc { margin-left: 5%; width: 90%;}
    div.content div.mid div.medianav { margin-left: 5%; width: 90%; }

    ul.breadcrumb { margin-left: 5%; width: 88%; }
    
    div.content div.mid ul.threecol { padding-top: 30px; }
    div.content div.mid ul.threecol li { width:46%; }
    div.content div.mid ul.threecol li p.gray { font-size: 13px; line-height: 20px; }
    div.content div.mid ul.threecol li p { font-size: 13px; line-height: 20px; }
    div.content div.mid ul.threecol li h4.green { font-size:13px; line-height:18px; }
    div.content div.mid ul.threecol li h4 { font-size:13px; line-height:18px; }

    div.content div.mid ul.threecolgreentop li h4 { font-size:13px; line-height:18px; }

    div.content div.mid ul.threecol2 { padding-top: 30px; width: 100%; }
    div.content div.mid ul.threecol2 li { padding:0; }
    div.content div.mid ul.threecol2 li p.gray { font-size: 13px; line-height: 20px; }
    div.content div.mid ul.threecol2 li p { font-size: 13px; line-height: 20px; }
    div.content div.mid ul.threecol2 li h4.green { font-size:13px; line-height:18px; }
    div.content div.mid ul.threecol2 li h4 { font-size:13px; line-height:18px; }

    div.content div.mid ul.fourcol li { width:46%; }
    div.content div.mid ul.fourcol li p { font-size:14px; }

    div.content div.mid div.buffer { max-width:none; }
    div.content div.mid div.buffer.nopad h4 { padding-left:50px }
    div.content div.mid div.buffer.nopad h4.nopad { padding-left:0px }
    div.content div.mid div.buffer h4.lightgreen.tabmobile { text-align: left; padding: 0; width: 100%; margin: 0 auto; clear: both; padding-top: 30px; }    
    div.content div.mid div.buffer h4.green.tabmobile { text-align: left; padding: 0; width: 100%; margin: 0 auto; clear: both; padding-bottom: 20px; }
    div.content div.mid div.buffer h4.green.tabmobile2 { text-align: center; padding: 0; width: 100%; margin: 0 auto; clear: both; padding-bottom: 20px; }

    .owl-carousel .item div.tags { max-width:75%;}
    .owl-carousel .item div.tag-left h2 { font-size: 75px; font-weight: 200; line-height: 75px;}
    .owl-carousel .item div.tag-right { font-size: 1.0rem; font-weight: 200; line-height: 25px;}
    .owl-carousel .item div.tag-left h4 { font-size:25px; }

    .ddsmoothmenu ul li a { font-size: 12px; margin-right: 8px; letter-spacing: 0; padding-right: 15px; }
    .ddsmoothmenu ul li a:hover { font-size: 12px; margin-right: 8px; letter-spacing: 0; padding-right: 15px; }
    .ddsmoothmenu ul li a.selected { font-size: 12px; margin-right: 8px; letter-spacing: 0; padding-right: 15px; }
    .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.active:link, .ddsmoothmenu ul li a.active:visited, .ddsmoothmenu ul li a.active:active, .ddsmoothmenu ul li a.active:hover { font-size: 12px; margin-right: 8px; letter-spacing: 0; padding-right: 15px; }
    
    div.top div.mid div.fleft img.rlogo { padding-left:0; margin-left:-20px; width:90%;}
    div.ftop ul.frt li a, div.ftop ul.frt li.br a { font-size:10px; padding-right:5px; white-space:nowrap; }
    div.ftop ul.frt li.cl, div.ftop ul.frt li.cl a { font-size:10px; padding-right:5px; white-space:nowrap; }
    div.ftop ul.frt li a .fa { font-size: 12px; }
    div.ftop ul.frt li.br, div.ftop ul.frt li.cl { padding-right:7px; }

    div.college div.hr , div.college div.br { font-size:12px; }
    div.content div.mid div.careerpad { padding:60px;}
    div.bids { width:100%; }
    div.bids div.hr, div.bids div.br { font-size:12px; }

    .owl-carousel .item div.tags {top:52%;}

    /* Home Page */
    div.sq div.square div.contents { padding: 25px; top:0;  }
    div.sq div.square div.contents h3 { line-height:20px; padding-top:0; }
    div.sq div.square div.contents h4 { font-size:16px; line-height: 20px; }
    div.sq div.square div.contents p { font-size:11px; line-height:14px; max-width:100%; }
    div.sq div.square div.learn { bottom: 28px; left:20px; }
    div.sq div.square:hover div.learn { bottom: 28px; left:20px; }

    div.process div.circle div.copy { font-size:11px; line-height:14px; }
    div.process div.circle:hover div.copy { font-size:11px; line-height:14px; }
    div.process div.circle div.title { font-size:22px; }
    div.process div.circle div.num {margin-top: 20%; font-size: 80px; }

    div.rankings div.ranking div.title { font-size: 11px; line-height: 16px; }
    div.rankings div.ranking div.num { font-size: 50px; }
    div.rankings div.ranking div.num sup { font-size: 22px; }



    div.sq4 div.square div.contents { padding: 20px 0px; }
    div.sq4 div.square div.contents h3 { font-size: 22px; }
    div.sq4 div.square div.contents p { font-size: 13px; line-height: 18px; }
    div.sq4 div.square img { width:50%;}

    div.content div.mid div.buffer h3.center { width:100%; max-width: 100%; text-align:center;}
    div.content div.mid h1.blue { font-size:30px; line-height:36px;  }
    div.content div.mid h1.greencenter { font-size:30px; line-height:36px;  }
    div.content div.mid p.eighty {font-size: 20px; line-height: 30px; }
    div.content div.mid p.sixtyeighty {font-size: 20px; line-height: 30px; }

    div.bar2 { margin-bottom:14px; }
    div.ban h4 { font-size: 21px; }

    div.sq2 div.square div.contents { padding: 20px; }
    div.sq2 div.square div.contents h3.page { font-size: 20px;line-height: 24px; padding-bottom:10px }
    div.sq2 div.square div.contents h3.category { font-size:20px; }
    div.sq2 div.square div.contents p { font-size:13px; line-height:18px; }
    div.sq2 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px;  }
    div.sq2 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    
    div.sq3 div.square div.contents h3, div.sq3 div.square:hover div.contents h3 { font-size:13px;} 
    div.sq3 div.square div.learn { top:21%;}
    div.sq3 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    div.sq3 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }

    div.sq5 div.square div.contents h3, div.sq5 div.square:hover div.contents h3 { font-size:13px;} 
    div.sq5 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    div.sq5 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px;  }

    div.sq6 div.square { width: 31.333%; }
    div.sq6 div.square div.contents { padding:20px; }
    div.sq6 div.square div.contents h3.page { font-size: 20px;line-height: 24px; }
    div.sq6 div.square div.contents h3.category { font-size:20px; }
    div.sq6 div.square div.contents p { display:none; }
    
    div.sq6 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    div.sq6 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }


    div.view a, div.view:hover a  { padding: 7px 30px; font-size: 13px;}

    div.videos div.mediasquare { min-height:initial;}  
    div.videos div.mediasquare div.black .fa { padding: 20px; margin-top: 30%; }
    div.videos div.mediasquare:hover div.black .fa { padding: 20px; margin-top: 30%; }
    div.videos div.mediasquare div.contents h3 { line-height:21px; font-size:14px; }    
    div.videos div.mediasquare2 { width:100%; }
    div.videos div.viewall a.viewall, div.videos div.viewall:hover a.viewall { padding: 7px 30px; font-size: 13px;}

    div.ft div.mid div.ftlocations { width:60%; }
    div.ft div.mid div.ftlinks { width:20%; }
    div.ft div.mid div.location img { width:60%; max-width: 83px;}
    div.ft div.mid div.location h4 { font-size: 11px; }
    div.ft div.mid div.location p { font-size: 11px; line-height: 18px; }
    div.ft div.mid div.ftlinks li a  {font-size: 12px; line-height: 18px;}
    div.ft div.mid div.ftcopyright p { font-size: 11px; }


}


@media only screen and (min-width: 140px) and (max-width: 767px) 
{
    .nomobile { display:none; }

    div.fifty { width:100%;  display:none; }     

    div.mission { width:100%; }
    div.content div.mid div.mission ul.twocolsixty { width: 100%; }
    div.content div.mid div.mission ul.twocolsixty li { width: 100%; margin-right: 0%; }
    div.content div.mid div.mission ul.twocolsixty li h4 { margin-bottom:0; }

    div.content div.mid div.twentyfive { width:100%; padding-left:4%; }
    div.content div.mid div.twentyfive ul li { float: left; margin-right: 10px; }
    div.content div.mid div.seventyfive { border:0; padding-top:20px; width:100%; }

    span.phonemobile a { color: rgb(120,120,120); font-size: 11px; line-height: 16px; }
    div.mloc div.loc div.contents p.address span.phonemobile a { color: rgb(120,120,120); font-size: 13px; line-height: 18px; }
    div.msloc div.loc div.contents p.address span.phonemobile { display:inline-block;}
    div.msloc div.loc:hover div.contents p.address span.phonemobile { display:inline-block;}
    div.msloc div.loc div.contents p.address span.phone { display:none; }
    div.msloc div.loc:hover div.contents p.address span.phone { display:none; }

    div.mloc div.loc { width: 100%; margin:0; }
    div.mloc div.loc:hover { width: 100%; margin:0; }
    div.mloc div.loc div.contents h3.title { text-align:left; margin:0; }
    div.mloc div.loc div.maps {bottom:20px; }
    div.mloc div.loc div.contents p.address span.phonemobile {  display:inline-block;}    
    div.mloc div.loc:hover div.contents p.address span.phonemobile {  display:inline-block;}
    div.mloc div.loc div.contents p.address span.phone { display:none;}
    div.mloc div.loc:hover div.contents p.address span.phone { display:none;}

    div.aloc { padding-top:30px; }
    div.aloc div.loc { width: 47%; min-height:280px; }
    div.aloc div.loc:hover { width: 47%; min-height:280px; }
    div.aloc div.loc div.contents h3.title { font-size: 11px; line-height:16px; text-align: left; margin: 0; }
    div.aloc div.loc div.contents p.address { font-size: 11px; line-height:16px;}
    div.aloc div.loc div.contents p.address span.phonemobile { display:inline-block;}
    div.aloc div.loc:hover div.contents p.address span.phonemobile { display:inline-block;}
    div.aloc div.loc div.contents p.address span.phone { display:none; }
    div.aloc div.loc:hover div.contents p.address span.phone { display:none; }


    div.mloc div.wgc:hover { background:none; } 
    div.mloc div.awc:hover { background:none; } 
    div.mloc div.wcc:hover { background:none; } 

    div.mloc div.loc img { width:100%; opacity:1; transition:all 1s ease-in-out 0s; }
    div.mloc div.loc:hover img { width:100%; opacity:0; color: rgb(80,80,80);}
    div.mloc div.loc:hover div.contents h3.title { opacity:1; color: rgb(80,80,80); padding-left:0px;}
    div.mloc div.loc:hover div.contents p.address { opacity:1; color: rgb(80,80,80); padding-left:0px;}
    div.mloc div.loc:hover div.maps { position: absolute; bottom: 0; padding:20px 0px; transition:all .4s ease-in-out 0s;}
    div.mloc div.loc:hover div.maps a {  color: rgb(80,80,80); }
    div.mloc div.loc:hover div.maps a:hover { color: rgb(120,120,120); }


    div.featuredleft { width:105%; float:none; }
    div.featuredleft div.greensquare { float:none; overflow: hidden; }
    div.featuredleft div.greensquare:hover { float:none; overflow: hidden; }
    div.featuredleft div.greensquare div.contents { padding: 20px; padding-top:0px; }
    div.featuredleft div.greensquare div.contents h3 { font-size:14px; line-height:20px; }
    div.featuredleft div.greensquare div.contents p { display:none; }

    div.featuredright { width: 100%; }
    div.featuredright div.bluesquare div.contents { padding: 20px; padding-top:0px; }
    div.featuredright div.bluesquare div.contents h3 { font-size:12px; line-height:14px; }
    div.featuredright div.bluesquare div.contents h4 { font-size:12px; line-height:14px; line-height: 30px;}
    div.featuredright div.bluesquare div.contents p { display:none; }
    div.featuredright div.bluevideo div.black .fa { font-size:12px; padding:15px; margin-top:30% }
    div.featuredright div.bluevideo:hover div.black .fa { font-size:12px; padding:15px; margin-top:30% }

    div.content div.mid p.descrightwhite { display:none; }
    div.content div.mid p.descrightwhitenum { display:none; }
    div.content div.mid p.descrightbar { display:none; }
    div.content div.mid div.careerpad  { padding: 40px 30px; } 

    div.content div.mid div.careerpad a.reg { font-size: 12px; padding: 7px 20px; margin-right: 50px; white-space:nowrap; }
    div.content div.mid div.careerpad a.reg:hover { font-size: 12px; padding: 7px 20px;margin-right: 50px; white-space:nowrap; }

    div.content div.mid h3.media { padding-right:0; text-align: left; }
    div.content div.mid p.sixtygray { width: 100%; margin-left:0; font-size: 13px; line-height: 20px; }
    div.content div.mid p.sixtywhite { width: 100%; margin-left:0; font-size: 13px; line-height: 20px; }
    div.content div.mid p.descleft { margin-left: 0; width:100%; font-size: 13px; line-height: 20px; padding:0; }
    div.content div.mid p.descleftwhite { margin-left: 0; width: 100%; font-size: 13px; line-height: 20px; }
    div.content div.mid ul.fivecol li h4 { font-size: 10px; line-height: 13px; }
    div.content div.mid ul.dash li { font-size: 9px; line-height: 10px; }
    div.content div.mid h1.green { margin-left: 5%; width: 90%; font-size: 20px; line-height: 26px; margin-bottom: 0; padding-bottom:0; }
    div.content div.mid h3.green { margin-left: 5%; width: 90%; }
    div.content div.mid h3.greennews { margin-left: 5%; width: 90%; }
    div.content div.mid h1.greennews { margin-left: 5%; width: 90%; font-size: 20px; line-height: 26px; margin-bottom: 10px;}
    div.bargreen { margin-left: 5%; width: 90%; margin-bottom: 0; }
    div.content div.mid p.desc { margin-left: 5%; width: 90%; font-size: 13px; line-height: 20px; padding-top: 20px; }

    div.content div.mid div.vshow {box-sizing: border-box; padding-left: 5%; padding-right: 5%; }

    div.content div.mid div.medianav { margin-left: 5%; width: 90%;top: 20px;  margin-bottom: -50px; }
    div.content div.mid div.medianav div.prev { padding:0; }
    div.content div.mid div.medianav div.prev a, div.content div.mid div.medianav div.prev:hover a { font-size: 16px; }
    div.content div.mid div.medianav div.prev a .fa { padding: 12px 12px; font-size: 18px; }
    div.content div.mid div.medianav div.prev:hover a .fa { padding: 12px 12px; font-size: 18px; }
    div.content div.mid div.medianav div.next { padding:0; }
    div.content div.mid div.medianav div.next a, div.content div.mid div.medianav div.next:hover a { font-size: 16px; }
    div.content div.mid div.medianav div.next a .fa { padding: 12px 12px; font-size: 18px; }
    div.content div.mid div.medianav div.next:hover a .fa { padding: 12px 12px; font-size: 18px; }  

    ul.breadcrumb { margin-left: 5%; width: 88%; }

    div.content div.mid ul.threecol { padding-top: 30px; }
    div.content div.mid ul.threecol li { font-size:13px; width: 100%; margin-right: 0; }
    div.content div.mid ul.threecol li h4 { font-size:14px; }
    div.content div.mid ul.threecol li p.gray { font-size:13px; }
    div.content div.mid ul.threecol li p { font-size: 13px; line-height: 20px; }

    div.content div.mid ul.threecolgreentop { width:100%; }
    div.content div.mid ul.threecolgreentop li { width:100%; margin-right:0; }
    div.content div.mid ul.threecolgreentop li h4 { font-size:13px; line-height:18px; }
    
    div.content div.mid ul.threecol2 { padding-top: 30px; width:100%; }
    div.content div.mid ul.threecol2 li { font-size:13px; width: 100%; margin-right: 0; padding:0; }
    div.content div.mid ul.threecol2 li h4 { font-size:14px; }
    div.content div.mid ul.threecol2 li p.gray { font-size:13px; }
    div.content div.mid ul.threecol2 li p { font-size: 13px; line-height: 20px; }


    div.content div.mid ul.twocolgreentop { width:100%; }
    div.content div.mid ul.twocolgreentop li { width:100%; margin-right:0; }

    div.content div.mid p.descright { display:none; }
    div.content div.mid p.descrightnum  { display:none; }

    div.content div.mid div.buffer { padding-left:30px; padding-right:30px; }
    div.content div.mid div.buffer h3 { font-size: 16px; line-height: 25px; }
    div.content div.mid div.buffer h3.center { font-size: 16px; line-height: 25px; width:100%; max-width: 100%; text-align:center;}
    div.content div.mid div.buffer.nopad h4 { text-align:center; }

    div.content div.mid ul.fourcol { width: 100%; padding-top: 30px; }
    div.content div.mid ul.fourcol li {  width: 100%; margin-right:0; }
    div.content div.mid ul.fourcol li h4 { font-size: 14px; line-height: 16px;}
    div.content div.mid ul.fourcol li p { font-size: 13px; line-height: 20px; }
  
       /* Our Company */
    div.content { top:60px; }
    div.content div.mid.microproject { padding: 30px 20px; }
    div.content div.mid h1.blue { font-size: 28px; line-height: 36px; margin-bottom:0; }
    div.content div.mid h1.blue.micro { font-size: 28px; line-height: 36px; margin-bottom:0; padding: 0 3%; }
    div.content div.mid p.eighty { font-size: 16px; line-height: 25px; }
    div.content div.mid p.sixtyeighty { font-size: 16px; line-height: 25px; }

    div.content div.mid div.details div.dl { width: 94%; margin: 0; padding: 3%; }
    div.content div.mid div.details div.dl.micro { width: 94%; margin: 0; padding: 3%; }
    div.content div.mid div.details div.dl h1 { font-size: 20px; line-height: 26px; width: 100%; }
    div.content div.mid div.details div.dm { float: right; width: 94%; padding-left: 3%; padding-right: 3%; }
    div.content div.mid div.details div.dm.micro { float: right; width: 94%; padding-left: 3%; padding-right: 3%; padding-top:0; margin-bottom: 0;}
    div.content div.mid div.details div.dr { float: left; width: 94%; padding-left: 3%; padding-right: 3%; padding-top: 0; display: none; }
    
    div.content div.mid div.projectsnav div.prev a .fa { padding: 12px 12px; font-size: 22px; }
    div.content div.mid div.projectsnav div.prev:hover a .fa { padding: 12px 12px; font-size: 22px; }
    div.content div.mid div.projectsnav div.next a .fa { padding: 12px 12px; font-size: 22px; }
    div.content div.mid div.projectsnav div.next:hover a .fa { padding: 12px 12px; font-size: 22px; }
    div.content div.mid div.projectsnav.micro { padding: 40px 0px; }

    div.content div.mid div.micropic { padding: 20px; }

    div.content div.mid ul.fivecol { width:100%; }
    div.content div.mid ul.fivecol li { width: 100%; margin-right:0; padding-top:0px; list-style-type: disc; margin-left: 10px; color: rgb(200,200,200); }
    div.content div.mid ul.fivecol li img { width: 40%; padding-bottom:10px; display:none; }
    div.content div.mid ul.dash { display:none; }
    div.content div.mid ul.fivecol li h4 { font-size:10px; letter-spacing: 0; font-family: 'Trade Gothic W01 Light', sans-serif; }
    div.content div.mid ul.dash li { font-size: 11px; line-height: 16px; }
 
    ul.bidopps { width:100%; padding-bottom:15px;}
    ul.bidopps li { width:100%; margin-right: 0; margin-bottom:20px; }
   
    .desktop { display:none; }
    .mobile { display:block; }

    /* Top Bar */
    div.weare {display:none;}
    div.top { height:55px; }
    div.ftop { display:none; }
    div.mainnav { width: 100%; box-sizing: border-box; padding: 30px; }
    div.top div.mid div.fleft { width:100%; padding-top:10px; }
    div.top div.mid div.fleft div.ham { display:block }
    div.top div.mid div.fright { display:none; }
    div.top div.mid { width:100%; padding:0;}
    div.top div.mid div.fleft img.rlogo { height: 35px; padding: 0; padding-left: 20px; max-width: none; width: initial; }
    div.top div.mid div.fleftmicro { width: 50%; padding-top: 5px; }
    div.top div.mid div.fleftmicro img.rlogomicro { margin: 0; padding: 0; border: 0; width: 100%; max-width: 180px; padding-top: 0; float: left; padding-left: 10px; } 
    div.top div.mid div.frightmicro { height: 55px; margin: 0; width: 15%; }
    div.top div.mid div.frightmicro div.hammicro { display: block; position: relative; margin: 0; padding: 17% 10%; }
    div.top div.mid div.fmid { position: relative; float: right; margin: 0; padding: 0; border: 0; padding-top: 20px; padding-right: 20px; color: #fff; }
    div.top div.mid div.fmid a { font-size: 11px; }
    div.top div.mid div.fmid a:hover { font-size: 11px; }

    div.top div.mid div.menu { display:none; width: 100%; position: absolute; top: 55px; }
    div.top div.mid div.menu ul.mobile { display:block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; z-index: 1200; }
    div.top div.mid div.menu ul.mobile li { width:100%; margin: 0; padding: 0; }
    div.top div.mid div.menu ul.mobile li a { width: 100%; font-size: 13px; padding: 8px 7px; border: 0; border-bottom: solid 1px rgb(240,240,240); margin: 0; display: inline-block; color: rgb(255,255,255); text-decoration: none; text-align: left; line-height: 20px; white-space: normal; background-color: rgb(0,161,96); text-transform: uppercase; vertical-align: middle; font-weight: 300; min-height: 20px; font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; padding-left:20px; letter-spacing: .025rem; }
    div.top div.mid div.menu ul.mobile li a:hover { background-color: rgb(0, 124, 74); }
    div.top div.mid div.menu ul.mobile li.socialmedia { width:100%; margin: 0; padding: 0; background-color: rgb(0,161,96); border-bottom: solid 1px rgb(240,240,240); text-align: left;}
    div.top div.mid div.menu ul.mobile li.socialmedia a { width: auto; font-size: 16px; padding: 8px 7px; border: 0; margin: 0; display: inline-block; color: rgb(255,255,255); text-decoration: none; text-align: left; line-height: 20px; white-space: normal; background-color: rgb(0,161,96); text-transform: uppercase; vertical-align: middle; font-weight: 300; min-height: 20px; font-family: 'HelveticaNeueW01-67MdCn_692710', sans-serif; padding-left:20px; letter-spacing: .025rem; }
    div.top div.mid div.menu ul.mobile li.socialmedia a:hover { background-color: rgb(0, 124, 74); }

    div.padme { padding-top:0px; }
    div.category { top:70px; }
    div.category div.mid { padding:20px; }

    div.content div.mid div.show { padding-left: 0; margin-bottom:0; }
    div.content div.mid div.show div.item { padding-bottom: 0; }

    ul.breadcrumb { font-size: 11px; margin:0; padding:0; width: 94%; padding-right: 3%; padding-left: 3%; padding-bottom:5px; text-align:center; margin-bottom:10px; }
    ul.breadcrumb li {display:inline-block; padding-bottom:0; text-align: center; }
    ul.breadcrumb li a, ul.breadcrumb li a:active, ul.breadcrumb li a:link, ul.breadcrumb li a:visited { font-size: 10px; text-transform: none; }
    ul.breadcrumb li.last { margin-right: 0; padding-right: 9px; }

    div.category.otherprojects { width:100%; top: -15px; margin-bottom:-95px; }
   
    div.college div.hr , div.college div.br, div.college div.br:hover { font-size:11px; }

    div.ban { top: -15px; position: relative; clear: both; }
    div.ban h4 { font-size: 21px; }

    div.process div.circle, div.process div.circle:hover, div.process div.circle:active  { width: 108%; margin: -18%; margin-left:-4%; margin-right:-4%; }
    div.process div.circle:hover div.copy { margin-top:15%; }

    div.rankings div.ranking, div.rankings div.ranking:hover { width: 50%; margin-bottom:-15px; } 
    div.rankings div.ranking div.title, div.rankings div.ranking:hover div.title { font-size: 14px; line-height: 18px; top:58%;  }
    div.rankings div.ranking div.num { font-size:60px; line-height: inherit; }
    div.rankings div.ranking div.num sup { font-size:26px; }
    
    div.videos {padding-top: 10px; text-align: left; padding-left: 0; margin-top:0; }
    div.videos div.mediasquare2 { width:100%; }
    div.videos div.mediasquare2 div.black .fa { font-size:20px; padding:15px; }
    div.videos div.mediasquare2:hover div.black .fa { font-size:20px; padding:15px; }
    

    div.videos div.mediasquare { min-height:unset; width: 96%; padding: 10px; }
    div.videos div.mediasquare div.black .fa, div.videos div.mediasquare:hover div.black .fa  { padding:10px; font-size:14px; margin-top:35%; }
    div.videos div.mediasquare div.contents h3 { line-height:21px; font-size:12px; }    
    div.videos div.viewall, div.videos div.viewall:hover {padding-top:15px; }
    div.videos div.viewall a.viewall, div.videos div.viewall:hover a.viewall { padding: 7px 15px; font-size: 10px; }

    div.view div.span { clear:both; width:100%; }
    div.view a, div.view:hover a { padding: 7px 20px; font-size:11px; clear:both; }

    /* Home Page */
    div.hundo div.full div.titles { display:none; }
    .owl-carousel .item div.tags { top:47%; max-width:85%; }
    .owl-carousel .item div.tag-left { min-height:initial; width:80%;}
    .owl-carousel .item div.tag-left h2 { width:95%; font-size: 30px; font-weight: 200; line-height: 35px;}
    .owl-carousel .item div.tag-left h2.micro { width:95%; font-size: 30px; font-weight: 200; line-height: 35px;}
    .owl-carousel .item div.tag-left h4 { font-size:15px; line-height:22px;}
    .owl-carousel .item div.tag-left p { font-size:11px; line-height:15px; padding-bottom:10px;}
    .owl-carousel .item div.tag-left a { padding: 7px 20px; font-size:11px;}
    .owl-carousel .item div.tag-left a:hover { padding: 7px 20px; font-size:11px; }

    div.content.micro, div.ft.micro { padding-left:30px; padding-right:30px; box-sizing:border-box; }
    div.content div.mid h1.greencentermicroleft { width: 100%; margin-bottom: 0; padding-bottom: 0px; }
    div.careersmicro div.career { width: 100%; }
    div.careersmicro div.career div.careeritem { width: 100%; padding: 30px 0px; }
    div.videos div.mediasquare.micro { margin-bottom: 0px; }
    div.videos div.mediasquare div.black.micro .fa.micro { right: 11px; bottom: 11px; padding: 15px; }
    div.videos div.mediasquare div.black.micro div.specs h2 { margin-bottom: 5px; }
    div.videos div.mediasquare div.black.micro div.specs h3 { font-size: 22px; }
    div.videos div.mediasquare div.black.micro div.specs p { font-size: 13px; line-height: 18px; width: 90%; }
    div.careersmicro p.career { box-sizing:border-box; width:100%; }

    div.content div.mid { padding: 0;padding-top: 20px; padding-bottom: 20px; }    
    div.content div.mid.blocks { padding: 20px; padding-bottom:0; padding-left: 0; padding-right: 0; }
    div.content div.mid h1 { font-size:28px; line-height:36px; }
    div.content div.mid p.home { font-size: 15px; line-height: 25px; }

    /* Footer */
    div.ft div.mid { padding-top:20px; }
    div.ft div.mid div.ftlocations { width: 100%; float: left; margin: 0; padding: 0; position: relative; }
    div.ft div.mid div.location { width: 33.333%; text-align: left; color: #fff; float: left; box-sizing: border-box; padding-right: 1%; }
    div.ft div.mid div.location h4 { font-size: 8px; }
    div.ft div.mid div.location p { font-size: 8px; line-height: 12px; }
    div.ft div.mid div.ftlinks { display:none; }
    div.ft div.mid div.ftcopyright { padding-left:0; }
    div.ft div.mid div.ftcopyright p { font-size: 9px; line-height: 14px; }
   
    div.sq div.square { width: 100%; margin:0; margin-bottom: 20px; box-sizing:border-box;}
    div.sq div.square:hover { width: 100%; margin:0; margin-bottom: 20px; box-sizing:border-box;}
    div.sq div.square div.contents p { font-size: 12px; line-height: 18px;}
    div.sq div.square div.learn { bottom: 28px; }
    div.sq div.square:hover div.learn { bottom: 28px; }

    div.sq2 div.square { width: 98%; }
    div.sq2 div.square.green { width: 98%; }
    div.sq2 div.square.green div.contents p { font-size:13px; line-height:18px; }
    div.sq2 div.square div.contents { padding:30px; }
    div.sq2 div.square div.contents h3.page { font-size:26px; line-height:30px; }
    div.sq2 div.square div.contents h3.category { font-size:26px; line-height:30px; }
    div.sq2 div.square div.learn a {padding: 7px 22px; font-size:10px; line-height: 24px; }
    div.sq2 div.square:hover div.learn a {padding: 7px 22px; font-size:10px; line-height: 24px; }

    div.sq3 div.square { width:100%; margin:0; }
    div.sq3 div.square div.learn { top:37%; }
    div.sq3 div.square:hover div.learn { top:37%; }
    div.sq3 div.square div.learn a {padding: 7px 22px; font-size:10px; line-height: 24px; }
    div.sq3 div.square:hover div.learn a {padding: 7px 22px; font-size:10px; line-height: 24px; }
    div.sq3 div.square div.contents h3 { font-size:12px; margin-bottom:5px; line-height:16px; }
    div.sq3 div.square:hover div.contents h3 { font-size:12px;  margin-bottom:5px; line-height:16px;}

    div.sq4 div.square, div.sq4 div.square:hover { width: 100%; margin:0; box-sizing: border-box; }   
    div.sq4 div.square div.contents { padding-bottom:50px; }
    div.sq4 div.square div.contents p { font-size: 13px; line-height: 18px; }
    div.sq4 div.square img { width:25%; margin-bottom:-5%; }

    div.sq5 div.square { width:98%; }
    div.sq5 div.square div.learn { top:35%; }
    div.sq5 div.square:hover div.learn { top:35%;; }
    div.sq5 div.square div.learn a {padding: 7px 22px; font-size:10px; line-height: 24px; }
    div.sq5 div.square:hover div.learn a {padding: 7px 22px; font-size:10px; line-height: 24px; }
    div.sq5 div.square div.contents h3 { font-size:12px; }
    div.sq5 div.square:hover div.contents h3 { font-size:12px; }

    div.sq6 div.square { width: 98%; }
    div.sq6 div.square div.contents { padding:30px; }
    div.sq6 div.square div.contents h3.page { font-size:26px; line-height:30px; }
    div.sq6 div.square div.contents h3.category { font-size:26px; line-height:30px; }
    div.sq6 div.square div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }
    div.sq6 div.square:hover div.learn a {padding: 5px 18px; font-size:13px; line-height: 20px; }


    div.content div.mid p.full { font-size:19px; line-height:25px;}
    div.content div.mid p.seventy { max-width:100%; font-size:17px; line-height:20px; }
    div.content div.mid div.practiceareas div.item { min-height:220px; }

    
    div.ft div.mid div.location img {  max-width: 60px; width:60px;}
    div.ft div.mid div.fleft { width:100%; text-align:center; }
    div.ft div.mid div.fright { display:none; }
   
    div.process div.circle div.copy { font-size: 13px; line-height: 18px; margin-top:30%; }
    div.process div.circle:hover div.copy {  font-size: 13px; line-height: 18px; margin-top:30%; }

    div.topnav { width:77%; }
    div.topnav span { cursor:pointer; position:relative; display:block; top:-10px; right:-30px; margin:0; padding:0; margin-bottom:-80px; border:0; float:right; z-index:1200; text-align:right; color:rgba(0, 0, 0, 0); background-image: url('/sitedocs/imagegallery/menu.png'); background-repeat:no-repeat; background-position:top right; line-height:65px; font-size:12px; padding-right:5px; }
    div.topnav ul { display:none; margin-left:auto; margin-right:auto; text-align:center; width:152%; z-index:1200; background-color: rgba(0,0,0,.8); position:absolute; top:35px; border-radius: 0px;  padding-top: 10px;  padding-bottom: 10px; margin-left:-26%;}  
    div.topnav ul li { margin:0; padding:0; display:block; background:none; width:100%;}
    div.topnav ul li a { margin:0; padding:0; padding: 0px 8px 0px 4px; width:100%; border:0; border-radius:0; background:none; font-size:14px; font-weight:400; color:rgb(255,255,255); }
    div.topnav ul li a.active { margin:0; padding:0; padding: 0px 8px 0px 4px; width:100%; border:0; border-radius:0; background:none; font-size:14px; font-weight:400; color: rgb(145,192,231); }
    div.topnav ul li.last a { margin:0; padding:0; padding: 0px 8px 0px 4px; width:100%; border:0; border-radius:0; background:none; font-size:14px; font-weight:400;  color:rgb(255,255,255);}
    div.topnav ul li a:hover { margin:0; padding:0; padding: 0px 8px 0px 4px; width:100%; border:0; border-radius:0; background:none; font-size:14px; font-weight:400; color: rgb(200,200,200);}
    div.topnav ul li.last { margin:0; padding:0; display:block; background:none; width:100%; }


    
    div.libraryleft { width: 100%; margin: 0; padding: 0; margin-top:30px; border:0; }
    div.libraryleft div.viewall, div.libraryleft div.viewall:hover { padding-top: 10px; }
    div.libraryleft div.viewall a.viewall, div.libraryleft div.viewall:hover a.viewall { padding: 7px 20px; font-size: 13px; }

    div.libraryleft div.bar { width: 100%; text-align: left; margin: 0; padding: 0; margin-bottom:20px; }
    div.libraryleft div.mediasquare { width: 100%; padding:0; margin-right:0%; clear:both; }
    div.libraryleft div.mediasquare:hover { width: 100%; padding:0; margin-right:0%; clear:both; }
    div.libraryleft div.mediasquare div.contents h3 {font-size:14px;}
    div.libraryleft div.mediasquare:hover div.contents h3 {font-size:14px;}
    div.libraryleft div.mediasquare div.contents p { display:none;  }

    div.libraryright { width: 103%; margin: 0; padding: 0; float: left; margin-top:30px; }
    div.libraryright h3 { width: 100%; text-align: left; margin-left:0; }
    div.libraryright div.bar { width: 100%; text-align: left; margin: 0; padding: 0; margin-bottom: 20px; }
    div.libraryright div.mediasquare { width:47%; margin:0; padding:0; margin-right: 3%; margin-bottom:20px;  }
    div.libraryright div.mediasquare:hover { width: 47%; margin:0; padding:0; margin-right: 3%; margin-bottom:20px;   }
    div.libraryright div.mediasquare div.contents p { display:none; }
    div.libraryright div.mediasquare div.contents h3 { font-size:13px; line-height:18px; }
    div.libraryright div.mediasquare:hover div.contents h3{  font-size:13px; line-height:18px; }
    div.libraryright div.mediasquare:hover div.black .fa { font-size: 12px; padding: 15px; margin-top:18%;}
    
    div.pad10 { padding-left:10px; padding-right:10px; }

    div.content div.mid h3 { font-size: 26px; }

    div.bids div.hr { font-size: 11px; line-height: 20px; }
    div.bids div.hr div.hlocation { width:30%;  }
    div.bids div.hr div.hproject { display:none; }
    div.bids div.hr div.hbiddate { width:25%; }
    div.bids div.hr div.hvalue { width:12.5%; min-width: 67px; }
    div.bids div.hr div.hconnect { width:12.5%; }
    div.bids div.br { font-size: 10px; line-height: 20px; }
    div.bids div.br:hover { font-size: 10px; line-height: 20px; }
    div.bids div.br span { line-height:normal; vertical-align:middle;}
    div.bids div.br div.blocation { width:30%; }
    div.bids div.br div.bproject { display:none; }
    div.bids div.br div.bbiddate { width:25%; }
    div.bids div.br div.bvalue { width:12.5%; min-width: 67px; }
    div.bids div.br div.bconnect { width:12.5%;  }
    div.bids div.br:hover div.bconnect, div.bids div.br div.bconnect:hover { width:12.5%; }

    div.content.bg-240.mbot {margin-bottom:-50px;}
    div.content.bg-240dk.subtract { margin-top: 0px; }
    div.content div.mid div.buffer h4.green.tabmobile2 { width:100%;}
    div.careersmicro { width:100%; }
    div.careersmicro div.career.micro { width:100%; }
    div.content div.mid p.fortyfivegray.micro { margin-bottom:0px; }
    div.content div.mid ul.threecol.micro { margin:0; }
    div.content div.mid div.micropic img.fifty { padding-top: 0px; }    
    div.content div.mid.microproject.notoppad { padding: 0 20px; }

    div.sq3 div.square div.contents div.bar { display: none; } 

    div.msloc div.loc, div.msloc div.loc:hover { width:47%; min-height:170px;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    div.sq div.square { width: 33%; margin:0; margin-bottom:2%; box-sizing:border-box; padding-left:.5%; padding-right:.5%; }
    div.sq div.square:hover { width: 33%; margin:0; margin-bottom:2%; box-sizing:border-box;  padding-left:.5%; padding-right:.5%; }
    div.sq div.square div.contents { padding:20px; }
    div.sq div.square div.contents h3 { font-size: 16px; line-height:30px; }
    div.sq div.square div.contents h4 { font-size: 16px; line-height:20px; }
    div.sq div.square div.contents p { display:none; }
    div.sq div.square div.learn { bottom: 28px; left:20px; }
    div.sq div.square:hover div.learn { bottom: 28px; left:20px; }  
    
    div.sq2 div.square { width: 48%; }
    div.sq2 div.square.green { width: 48%; }
    div.sq2 div.square div.contents h3.page { font-size:23px; } 
    div.sq2 div.square div.contents h3.category { font-size:23px; } 

    div.libraryleft { width: 103%; margin: 0; padding: 0; border:0;  }
    div.libraryleft div.bar { width: 100%; text-align: left; margin: 0; padding: 0; margin-bottom:20px; }
    div.libraryleft div.mediasquare { width: 47%; padding:0; margin-right:3%; }
    div.libraryleft div.mediasquare:hover { width: 47%; padding:0; margin-right:3%; }
  
    div.libraryright { width: 103%; margin: 0; padding: 0; float: left; margin-top:30px; }
    div.libraryright h3 { width: 100%; text-align: center; margin-left:0; }
    div.libraryright div.bar { width: 100%; text-align: left; margin: 0 ; padding: 0; margin-bottom: 20px; }
    div.libraryright div.mediasquare { width: 30.333%; margin:0; padding:0; margin-right: 3%; margin-bottom: 20px;}
    div.libraryright div.mediasquare:hover { width: 30.333%; margin:0; padding:0; margin-right: 3%; margin-bottom: 20px; }
  
}

@media only screen and (min-width: 480px) and (max-width: 580px) {
    div.sq2 div.square.green div.contents p { font-size:12px; line-height:14px;}
    div.bar2 { margin-bottom:14px; }
}