@font-face {
    font-family: 'futura_ltregular';
    src: url('fonts/futuralt-webfont.eot');
    src: url('fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futuralt-webfont.woff') format('woff'),
         url('fonts/futuralt-webfont.ttf') format('truetype'),
         url('fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'Lato', sans-serif; margin:0px 0px; background: rgb(120, 179, 221);  }

.keyHome{ width:15%; position:relative; float:right; margin-top:1%; margin-right:10%; z-index:9999; }
.keyHome img{ max-width:100%; height:auto; display:block; }

.key{ width:20%; position:absolute; float:right; bottom:2%; right:2%; display:block; z-index:999999; background:none; }
.key img{ max-width:100%; height:auto; display:block; }

#content{
	width: 100%;
	height: 900%;    
	position: absolute;
	top:0px; left:0px;
	margin: 0% 0% 0% 0% !important;
	display: block;
	z-index: 9999999;
	background:rgb(21,70,113);
	color: #fff;
}

h1.main{ position:relative; width:60%; display:block; left:20%; white-space:nowrap; padding:0em 0.5em; background:rgba(7, 32, 68, 0.4); color:#fff; height:2em; line-height:2em; margin:15% 0em 0em 0em; text-transform:uppercase; font-size:1.4em; border-radius: 0.3em 0.3em 0em 0em;  font-family: 'futura_ltregular', sans-serif; text-align:center;  float:none; clear:both; letter-spacing:0.2em; }

h1.titleBig{ width:70%; display:block; padding:0em 0.5em; background:rgba(7, 32, 68, 0.4); color:#fff; height:2em; line-height:2em; margin:15% 0em 0em 15%; text-transform:uppercase; font-size:1.4em; border-radius: 0.3em 0.3em 0em 0em;  font-family: 'futura_ltregular', sans-serif; text-align:center;  float:none; clear:both; letter-spacing:0.2em;
 }

h4 span{ font-size:1em; font-family: 'Lato', sans-serif; letter-spacing:0.4em; display:block; font-size:0.76em; margin:0px; color:#081531; }
h4.disclaimer{ margin:1% auto 10% auto; padding:0px; color:#fff; display:block; text-align:center; letter-spacing:0.44em; line-height:0.6em; font-size:1.6em; font-family: 'Lato', sans-serif;  }

.pageBg{ position:fixed; width:100%; top:0px; left:0px; height:auto; }

.outerWrapper{ width:100%; position:relative; top:0px; left:0px;   }
.section01{ position:relative; width:100%; overflow:hidden; }

.topNavActive{ width:100%; width:100%; position:fixed; top:0px; left:0px; margin:0px auto 0px 0%; background:rgba(77,140,171,0.8); display:inline-block;  clear:both; transition:all 1s ease-in;   }

.topNav{ width:100%; position:fixed; top:0px; left:0px; margin:0px auto 0px 0%; transition:all 1s ease-in;  display:inline-block;  clear:both; z-index:9999999;  }
.topNav ul { position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; float:left; left:50%; }
.topNav ul li{ position:relative; margin:0px 0px 0px 0%; float:left; right:50%; line-height:2.4em; transition:all 0.32s; z-index:9999999;   }


.topNav ul li:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); 
	-ms-transform: scale(1.2);  }

.topNav ul li a{ display:block; line-height:3em; color:rgb(7, 20, 49); padding:0px 15px; text-transform:uppercase; font-family: 'Lato', sans-serif; text-decoration:none; letter-spacing:0.2em;  }

.topNav ul li a.colorWhite{ color:#fff;}
.topNav ul li a.colourExta{ color:rgb(30, 130, 122);}

.topNav ul li a.menuColor{ color:rgb(58, 203, 189); }
.topImgWrapper{ position:absolute; top:0px; left:0px; width:100%; overflow:hidden; z-index:-9999;  }
.topImgWrapper img{top:0px; left:0px; min-width:100%; height:auto; display:block; border-bottom:0px solid #000; }



.bottomImgWrapper{ position:relative; width:100%; margin-top:0%; overflow:hidden; border-top:0px solid #fff; clear:both; float:none;  }
.bottomImgWrapper img{min-width:100%; height:auto; display:block; z-index:0; }

.bottomBtn{ position:relative; width:30%; float:left; left:35%; display:inline-block; z-index:9999; float:left; text-align:center; }

.bottomBtn ul{ position:relative; margin:0px; padding:0px; list-style:none; float:none; left:0%;}
.bottomBtn ul li.fBtn{position:relative; margin:0px 0% 0px 0%; padding:0px; list-style:none; float:left; left:0%;}

.bottomBtn ul li{position:relative; margin:0px 0% 0px 0%; padding:0px; list-style:none; float:right; right:0%;}
.bottomBtn a{ position:relative; padding:0em 1em; text-decoration:none; color:#fff; background:none; border: 1px solid #fff; line-height:2.4em; float:left; text-transform:uppercase; letter-spacing:0.2em; font-size:1.2em; font-family: 'futura_ltregular', sans-serif; }
.bottomBtn a:hover{ text-decoration:none; color:#fff; background:rgb(2, 52, 23); }

.bottomBtn a.red:hover{ background:rgb(153,0,0);}
.logo{width:12%; position:relative; margin:5em 0em 0em 13%; text-align:center; display:block;}
.logo img{ max-width:100%; height:auto; }

.logoRest{width:12%; position:relative; margin:5em auto; text-align:center; display:block;}
.logoRest img{ max-width:100%; height:auto; }

.logo2{width:12%; position:relative; margin:2% auto 0em auto; text-align:center; display:block;}
.logo2 img{ max-width:100%; height:auto; display:block; }

.compass{ width:30%; position:relative; margin:0px auto; text-align:center; background:none; }
.compass img{ max-width:100%; height:auto;  }

.topwr1{ width:40%; position:relative; margin:1.5% 0px; color:#122343; }
.topwr1 p{ font-family: 'Lato', sans-serif; margin:0px auto; color:#394854; width:80%; text-transform:uppercase; text-align:left; line-height:1.8em; font-size:1em;  }

.navWr{ position:relative; width:100%;  margin:35% auto; z-index:9999; text-align:center; clear:both; overflow:visible;   }
.navWr ul{ position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; float:left; left:50%;}
.navWr ul li{ position:relative; float:left; right:50%; width:23%; margin:0% 0% 1.4% 1.4%; padding:0px 0px; }
.navWr ul li img{ max-width:100%; height:auto; display:block; }

.map{ position:relative; width:80%; margin:30% auto 0% auto; z-index:99999; }
.map img{ max-width:100%; height:auto; display:block; }

.bottomWr{ width:60%; position:absolute; top:65%; left:20%; text-align:left; color:#fff; z-index:99999; text-transform:uppercase;  }
.bottomWr p{ line-height:1.8em; color:#fff; font-family: 'Lato', sans-serif; width:80%; margin:0px auto; font-size:1em;    }

/******* style for firm page *******************/
.arrow{width:3%; position:relative; margin:0px auto; text-align:center;}
.arrow img{ max-width:100%; height:auto; display:block; }

.title{ position:relative; width:30%; display:block; left:35%; white-space:nowrap; padding:0em 0.5em; background:rgba(7, 32, 68, 0.4); color:#fff; height:2em; line-height:2em; margin:5em 0% -0% 0%; text-transform:uppercase; font-size:1.4em; border-radius: 0.3em 0.3em 0em 0em; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; text-align:center;  float:left; clear:both;   }

.titlePresence01, .titlePresence02{ position:relative; width:30%; display:block; left:35%; white-space:nowrap; padding:0em 0.5em; background:rgba(7, 32, 68, 0.4); color:#fff; height:2em; line-height:2em; margin:5em 0em -0em 0em; text-transform:uppercase; font-size:1.4em; border-radius: 0.3em 0.3em 0em 0em; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; text-align:center;  float:left; clear:both;   }

.titleExtraWidth{ width:50%; background:rgba(7, 32, 68, 0.4); font-size:1.4em; line-height:2.4em; height:3em; padding:0em 0em 0em 0em; color:#fff; border-radius: 0.3em 0.3em 0em 0em; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; text-align:center; margin:2em 0em 0em 25%; ;    }


.titleIcon{ width:12%; position:relative; margin:1em auto 0em auto; text-align:center; display:block; padding:0px 0px; margin-bottom:0px; }
.titleIcon img{ max-width:100%; height:auto; display:block; margin-top:0em; margin-bottom:0em; }

.firmDiv{ width:80%; position:relative; margin:0px auto; clear:both; background:rgba(7, 32, 68, 0.4); padding:0em 0em 5% 0em; border-radius:0.35em; padding-top:2em; display:block; font-family: 'Averia Sans Libre', cursive; color:#fff; z-index:0;  }


.firmDivMain{ width:80%; position:relative; margin:0px auto; clear:both; background:rgba(7, 32, 68, 0.4); padding:0em 0em 5% 0em; border-radius:0.35em; padding-top:2em; display:block; font-family: 'Averia Sans Libre', cursive; color:#fff;  }

.firmDivMain p{ margin:6em auto; height:auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }

.firmDivNews{ width:80%; position:relative; margin:0px auto; clear:both; background:rgba(7, 32, 68, 0.4); padding:0em 0em 5% 0em; border-radius:0.35em; padding-top:2em; display:block; font-family: 'Averia Sans Libre', cursive; color:#fff;  }


firmDivNews p{ margin:0em auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }

.firmDivNews p{ margin:0em auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }

.firmDivNews span{ text-align:center; position:relative; width:50%; margin:3% auto 0% auto; display:block; z-index:9999; }

.firmDivNews span h2{ font-size:0.86em; line-height:2.4em; text-align:center; width:60%; margin:1em auto; display:block; border:1px solid rgb(162, 220, 236); text-transform:uppercase; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; color:#fff; cursor:pointer;   }






.firmDiv p{ margin:0em auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }


.firmDivRest{ width:80%; position:relative; float:left; clear:both; left:10%; background:rgba(7, 32, 68, 0.4); padding:0em 0em 5% 0em; border-radius:0.35em; padding-top:2em; display:none; font-family: 'Averia Sans Libre', cursive; color:#fff; margin:1em 0em 0em 0em; }

.firmDivRest p{ margin:0em auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }

.firmDivRest p{ margin:0em auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }

.firmDivRest span{ text-align:center; position:relative; width:50%; margin:3% auto 0% auto; display:block; z-index:9999; }

.firmDivRest span h2{ font-size:0.86em; line-height:2.4em; text-align:center; width:60%; margin:1em auto; display:block; border:1px solid rgb(162, 220, 236); text-transform:uppercase; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; color:#fff; cursor:pointer;   }

.firmDivRest span img{ max-width:100%; margin:0px auto;}

h1.reachout{ font-size:1.4em; color:#fff; text-transform:uppercase; letter-spacing:0.2em; text-align:center; margin:8% 0% 0% 0%; padding:0px; }

.innerDiv{ width:90%; position:relative; margin:0px auto; display:none; color:#394854;    }
.innerDiv p{ margin:0.6em 0em 0em 0em; padding:0px 0px 0px 0px; width:100%; color:#fff;    }
.innerDiv p img{ max-width:100%; height:auto; display:block; text-align:center; margin:0px auto;}

.firmDivInner{ position:relative; margin:2em auto; width:100%; display:block; margin:15% 0% 5% 0%; font-family: 'Averia Sans Libre', cursive; color:#394854; }
/*
.firmDiv h1{ position:absolute; width:20%; display:block; top:-1.6em;  left:40%; padding:0px 0px; text-align:center; background:#fff; height:1.6em; line-height:1.6em; padding:0em; margin:0em; text-transform:uppercase; font-size:1.6em; border-radius: 0.3em 0.3em 0em 0em;   }
*/
.firmDiv span{ text-align:center; position:relative; width:50%; margin:3% auto 5% auto; display:block; font-size:1.2em; }
.imgWrTop{ width:50%; position:relative; margin:0px auto; text-align:center; }
.imgWrTop img{ min-width:100%; height:auto; display:block; }
.imgWr{ width:35%; position:relative; margin:0px auto; text-align:center;  }
.imgWr img{ min-width:100%; height:auto; display:block; text-align:center; }

.imgWrBig{ width:60%; position:relative; margin:2% auto 0% auto; text-align:center;  }
.imgWrBig img{ min-width:100%; height:auto; display:block; text-align:center; margin-bottom:5%; }

.imgWrBig2{ width:40%; position:relative; margin:2% auto 0% auto; text-align:center;  }
.imgWrBig2 img{ max-width:100%; height:auto; display:block; text-align:center; margin-bottom:5%; }

.firmDiv span h2{ font-size:0.86em; line-height:2.4em; text-align:center; width:60%; margin:0.2em auto; display:block; border:1px solid rgb(162, 220, 236); text-transform:uppercase; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; color:#fff;    }

.firmDiv ul{ position:relative; margin:0px 0px; padding:0px 0px; list-style:none;   }
.firmDiv ul li{ width:90%; position:relative; clear:both; background:rgba(255,255,255,0.2); text-transform:uppercase; text-indent:0em; margin:1.8em auto; font-size:1em; padding:0.6em 0em 0.6em 0.8em; color:#394854; font-family: 'Averia Sans Libre', cursive; color:#fff; border-radius:0.2em;    }


.firmDivRest ul{ position:relative; margin:0px 0px; padding:0px 0px; list-style:none;   }
.firmDivRest ul li{ width:90%; position:relative; clear:both; background:rgba(255,255,255,0.2); text-transform:uppercase; text-indent:0em; margin:1.8em auto; font-size:1em; padding:0.6em 0em 0.6em 0.8em; color:#394854; font-family: 'Averia Sans Libre', cursive; color:#fff; border-radius:0.2em;    }


.firmDiv h2{font-size:0.86em; line-height:2.4em; text-align:center; width:20%; margin:1em auto; display:block; border:1px solid rgb(162, 220, 236); text-transform:uppercase; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif; }

.firmDiv h2.titleBig{font-size:0.86em; line-height:2.4em; text-align:center; width:60%; margin:1em auto; display:block; border:1px solid rgb(162, 220, 236); text-transform:uppercase; letter-spacing:0.2em; font-family: 'futura_ltregular', sans-serif;  }
/********* style for presence page ***************/

.presenceImgWr{ width:90%; position:relative; margin:2em auto; text-align:center; }
.presenceImgWr img{ max-width:100%; height:auto; display:block; text-align:center; }


.presenceImgWr2{ width:70%; position:relative; margin:2em auto; text-align:center; }


.presenceImgWr2 img{ min-width:100%; height:auto; display:block; text-align:center; margin:0% 0% 0% 8%; }

.button-01{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:31.4%; left:23.8%; z-index:99999;}
.button-02{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:24.6%; left:42.4%; z-index:99999;}
.button-03{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:25.4%; left:45.6%; z-index:99999;}
.button-04{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:28%; left:42.8%; z-index:99999;}
.button-05{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:31%; left:41.8%; z-index:99999;}
.button-06{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:31%; left:48%; z-index:99999;}
.button-07{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:37.6%; left:54.4%; z-index:99999;}
.button-08{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:42%; left:61%; z-index:99999;}
.button-09{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:45.4%; left:66.2%; z-index:99999;}
.button-10{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:31.7%; left:68.3%; z-index:99999;}
.button-11{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:30.6%; left:74.4%; z-index:99999;}

.button-12{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:36.9%; left:67.9%; z-index:99999;}
.button-13{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:56.4%; left:75.5%; z-index:99999;}


.button-01 span, .button-02 span, .button-03 span, .button-04 span, .button-05 span, .button-06 span, .button-07 span, .button-08 span, .button-09 span, .button-10 span, .button-11 span, .button-12 span, .button-13 span
{ width:100%; height:100%; position:relative; display:block; border-radius:150%;  animation:test 2s infinite; position:absolute; margin:0px 0px 0px 0px; border:2px solid rgb(162, 220, 236); border-radius:150%;  animation:test 2s infinite; overflow:hidden; cursor:pointer;}

.button-01 .txt1, .txt2, .txt3, .txt4, .txt5, .txt6, .txt7, .txt8, .txt9, .txt10, .txt10, .txt11, .txt12, .txt13  { position:absolute; left:105%; bottom:3em; display:none; background:rgb(162, 220, 236); border:1px solid #000; border-radius:0.2em; color:#000; padding:0em 0.64em; text-transform:uppercase;}


/*** domestic presence *************/
.button-21{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:23.2%; left:39.65%; z-index:99999;}
.button-22{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:38%; left:24.2%; z-index:99999;}
.button-23{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:41%; left:29.8%; z-index:99999;}
.button-24{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:48.4%; left:30.8%; z-index:99999;}
.button-25{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:55.6%; left:32.6%; z-index:99999;}
.button-26{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:61%; left:34.9%; z-index:99999;}
.button-27{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:60%; left:39.6%; z-index:99999;}
.button-28{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:66.4%; left:36.7%; z-index:99999;}
.button-29{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:64.7%; left:39.6%; z-index:99999;}
.button-30{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:66.7%; left:43.5%; z-index:99999;}
.button-31{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:71.6%; left:41.2%; z-index:99999;}
.button-32{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:59%; left:45%; z-index:99999;}
.button-33{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:47.8%; left:53.2%; z-index:99999;}
.button-34{ width:1%; height:1.2%; display:block; background:none; position:absolute; top:37.4%; left:61.6%; z-index:99999;}

.button-21 span, .button-22 span, .button-23 span, .button-24 span, .button-25 span, .button-26 span, .button-27 span, .button-28 span, .button-29 span, .button-30 span, .button-31 span, .button-32 span, .button-33 span, .button-34 span
{ width:100%; height:100%; position:relative; display:block; border-radius:150%;  animation:test 2s infinite; position:absolute; margin:0px 0px 0px 0px; border:2px solid rgb(162, 220, 236); border-radius:150%;  animation:test 2s infinite; overflow:hidden; cursor:pointer;}




.button-21 .txt21, .txt22, .txt23, .txt24, .txt25, .txt26, .txt27, .txt28, .txt29, .txt30, .txt31, .txt32, .txt33, .txt34   { position:absolute; left:125%; bottom:3em; display:none; background:rgb(162, 220, 236); border:1px solid #000; border-radius:0.2em; color:#000; padding:0em 0.64em; text-transform:uppercase;}}



.address{ width:60%; position:relative; margin:0px auto; background:rgb(162, 220, 236); color:#000; padding:1em; text-transform:uppercase; }


@keyframes test02{
	0%{ transform:scale(1) ; }	
	50%{ transform:scale(1) ; }	
	75%{ transform:scale(0.5) ; }	
	100%{ transform:scale(1) ; }	
}

/******* artcles page styles ********************/

.articlesTable{ position:relative; width:90%; margin:0px auto; background:#555; display:block; float:none; height:auto; }

.articlesTable .articleColumn{ width:32%; text-transform:none; position:relative; float:left !important; background:rgba(162, 220, 236, 0.4); margin:0% 2% 0% 0%; padding-bottom:5%; font-size:1em; line-height:3.2em; height:40em; 
     }

.articlesTable .articleColumn:last-child{ margin:0% 0% 0% 0%; }

.articleColumn h2{ margin:1em auto 2em auto; padding:0em 0px 0px 0px; text-align:center; text-transform:uppercase; font-size:1em; color:#fff; width:100%;}

.articleColumn p{ margin:0em auto; line-height:1.8em; padding:0px; text-align:left; width:90%;  }

/**** csr page view button style ****************/

a.viewBtn{ height:135px; display:inline-block; text-align:center; font-size:1.2em; font-weight:normal; letter-spacing:0.24em; background: url(../images/bullet.png) 50% 30px no-repeat; padding-bottom:14px;  text-decoration:none; margin-bottom:5%; cursor:pointer; color:#000;
transform:scale(1); transition:all 0.4s;
}

a.viewBtn:hover{ transform:scale(1.2); transition:all 0.4s;}


/********* careers page styles *************/

.formWr{ width:60%; position:relative; margin:0px auto; display:inline-block;  float:none;  left:20%; z-index:999; }
.formWr span.inptTxt{ width10%; position:relative; float:left;  text-align:left; background:none; margin:0px 0px; padding:0px 0px; line-height:1.8em; text-transform:uppercase; }
.formWr input[type="text"]{ position:relative; width:50%; float:left; background:rgb(162, 220, 236); line-height:2em; border:none; text-indent:1em;}
.formWr textarea{ height:8em; width:50%; background:rgb(162, 220, 236); float:left; border:none; resize:none; text-indent:1em; }
.formWr input[type="submit"]{ position:relative; float:right; background:rgb(162, 220, 236); color:#000; text-align:center; border:none; line-height:2.4em; padding:0em 0.64em; }

.mapText{position:absolute; top:80%; width:80%; left:5%; text-align:center; text-transform:uppercase;  }

.ContactDivOuter{ width:80%; position:relative; margin:0px; float:left; left:10%; background:rgba(7, 32, 68, 0.4); border-radius:0.35em; padding-top:2em; display:block; font-family: 'Averia Sans Libre', cursive; color:#fff; z-index:0;  }

.contactDiv{ width:80%; position:relative; margin:0% auto; background:none;   }
.contactDiv span.inptTxt{ float:left; width:20%; line-height:2.6em; margin:0% 0% 0% 0%;  height:2.6em; text-transform:uppercase; text-align:right; position:relative; margin-bottom:3%; }
.contactDiv input[type="text"]{ width:75%; float:right; position:relative; color:#000; line-height:2.6em; background:rgb(162, 220, 236); border:none; margin-bottom:3%; text-indent:1em;  }

.contactDiv input[type="text"]:focus{ width:75%; float:right; position:relative; color:#000; line-height:2.6em; background:rgb(162, 220, 236); border:none; margin-bottom:3%; text-indent:1em;  }


.contactDiv textarea{ width:75%; float:right; position:relative; color:#000; background:rgb(162, 220, 236); height:12em; resize:none; margin-bottom:3%;   }

.contactDiv input[type="submit"]{ position:relative; float:right; background:rgba(162, 220, 236,0.5); color:#000; text-align:center; border:none; line-height:2.4em; padding:0em 1.64em; clear:both; margin-bottom:3%; }

@media only screen and (min-width:240px) and (max-width:399px){
	body{ margin-bottom:15%; }
	.logo{width:32%; position:relative; margin:3em 0em 0em 5%; text-align:center; display:block;}
	.logo img{ max-width:100%; height:auto; }	
		
	.navWr{ display:none;}
	.logoRest{width:32%; position:relative; margin:0em auto; text-align:center; display:block;  border-radius:0.6em; }
	.logoRest img{ max-width:100%; height:auto; }
	
	.logo2{width:32%; position:relative; margin:2em auto 0em auto; text-align:center; display:block;}
	.logo2 img{ max-width:100%; height:auto; }
	.titleIcon{ width:32%; margin:1em auto 0em auto; }
	
	h1.main { font-size:0.6em; width:60%; left:20%; float:none; font-size:80%; letter-spacing:0em; }	
	
	h1.titleBig{ font-size:80%;}
	.topwr1{position:relative; margin:26% 0px; color:#fff; width:90%; left:5%; }
	.topwr1 p{color:#fff; font-size:65%; line-height:1.2em; width:100%;   }
	.firmDivMain p{ text-align:left; margin:2em auto; padding:0.6em;}

	.firmDiv{ width:100%;}
	.firmDiv p{text-align:left; }
	.title{  width:50%; left:25%; font-size:1em; float:left; clear:both; border-radius: 0.3em 0.3em 0em 0em;  margin:5em 0em -0em 0em;  }

	.titlePresence01{ width:60%; left:20%; font-size:1em;   }
	.titlePresence02{ width:80%; left:10%; font-size:1em;   }
	
	.titleExtraWidth{ width:80%; font-size:1em; margin:2em 0em 0em 10%;    }
	.firmDiv h2.titleBig{ width:80%;}
	.firmDivRest span h2{ font-size:0.66em; line-height:2.4em; text-align:center; width:90%; margin:1em auto; }
	
	.map{ position:relative; width:80%; margin:20% auto 0% auto; z-index:99999; color:#f00;  }
	.map img{ min-width:100%; height:auto; display:block;  }
	
	h1.reachout{ font-size:1.4em; color:#fff; text-transform:uppercase; letter-spacing:0.2em; text-align:center; margin:18% 0% 0% 0%; padding:0px; }	
	
	.imgWrTop{ width:80%; position:relative; margin:0px auto; text-align:center; }
	.imgWrTop img{ min-width:100%; height:auto; display:block; }
	.imgWr{ width:55%; position:relative; margin:0px auto; text-align:center;  }
	.imgWr img{ min-width:100%; height:auto; display:block; text-align:center; }
	
	.formWr span.inptTxt{ float:nnone; clear:both; width:100%; text-align:center; }
	.formWr input[type="text"]{ width:100%; float:none; clear:both; }
	.formWr textarea{ width:100%; float;none; clear:both; }
	.formWr input[type="submit"]{ position:relative; float:none; clear:both; display:block;  margin:0px auto; }
	
	h4.disclaimer{ letter-spacing:0em; font-size:1.2em; }
	h4.disclamer span{ letter-spacing:0em; font-size:1.2em;  }	
	
	.bottomImgWrapper{ width:100%; position:relative; margin:0% 0% 0% 0%; padding:0px 0px; z-index:0; clear:both; } 
	.bottomImgWrapper img{ max-width:100%; height:auto; display:block; }

	.bottomWr{ width:90%; left:5%; top:45%; }
	.bottomWr p{ color:#fff; font-size:65%; line-height:1.2em; margin-bottom:10%; width:100%;  }
	
	.bottomBtn{ position:relative; width:50%; left:25%; float:none; margin:0px auto;  display:inline-block; z-index:9999; float:none; text-align:center; }
	.bottomBtn ul{ position:relative; margin:0px; padding:0px; list-style:none; float:none; text-align:center; width:100%;  }
	.bottomBtn ul li.fBtn{position:relative; margin:0px auto 0em auto;   padding:0px; list-style:none; float:none; clear:both;  }

.bottomBtn ul li{position:relative; margin:0px auto 5em auto;   padding:0px; list-style:none; float:none; clear:both; }

.bottomBtn a{ position:relative; width:100%; padding:0em 1em; text-decoration:none; color:#fff; background:none; border: 1px solid #fff; line-height:2.4em; float:left; margin-bottom:1em; text-transform:uppercase; letter-spacing:0.2em; font-size:1.2em; font-family: 'futura_ltregular', sans-serif; }
	
	.topNav{ display:none;}
	.firmDiv span{ text-align:center; position:relative; width:70%; margin:3% auto; display:block; font-size:1.2em; }
	.firmDiv span h2{  white-space:pre-line; font-size:60%; width:100%;  }
	.firmDiv ul li{ font-size:80%;}	
	.firmDivRest span img{ max-width:45%; height:auto; display:block;  }
	.firmDivNews{ margin-bottom:15%;}
	.firmDivNews span h2{  white-space:pre-line; font-size:60%; width:100%;  }
	
	.firmDiv h2{ width: 80%;}
	
	.articlesTable .articleColumn{ width:100%; float:none; clear:both; height:auto; margin-bottom:3%; }	
	.articlesTable .articleColumn h2{ width:90%; font-size:100%;}
	
	.button-21 span, .button-22 span, .button-23 span, .button-24 span, .button-25 span, .button-26 span, .button-27 span, .button-28 span, .button-29 span, .button-30 span, .button-31 span, .button-32 span, .button-33 span, .button-34 span
{ display:none; }

.key{ width:50%; position:absolute; bottom:5%; right:25%; display:block; z-index:9999; background:none;}

.formarea input[type="submit"]{ position:relative; margin:5% 0px; margin-left:-10%;  }



.contactDiv span.inptTxt{ float:none; clear:both; width:100%; line-height:1.6em; margin:0% auto;  height:2.6em; text-transform:uppercase; text-align:center; position:relative; margin-bottom:0%; white-space:nowrap;  }

.contactDiv input[type="text"]{ width:100%; float:none; clear:both; position:relative; color:#000; line-height:2.6em; background:rgb(162, 220, 236); border:none; margin: 0% auto 6% auto; text-indent:1em;  }

.contactDiv input[type="text"]:focus{ width:75%; float:none; position:relative; color:#000; line-height:2.6em; background:rgb(162, 220, 236); border:none; margin-bottom:3%; text-indent:1em;  }

.contactDiv textarea{ width:100%; float:none; clear:both;  position:relative; color:#000; background:rgb(162, 220, 236); height:12em; resize:none; margin-bottom:3%; }

.contactDiv input[type="submit"]{ position:relative; float:none; left:25%; width:50%; clear:both; margin:0px auto; background:rgba(162, 220, 236,0.5); color:#000; text-align:center; border:none; line-height:2.4em; padding:0em 0em; margin-bottom:3%; }

.keyHome{ width:50%; position:relative; float:right; margin-top:1%; margin-right:25%; z-index:9999; }

}
	

@media only screen and (min-width:400px) and (max-width:900px){
	.topNav{ display:none;}

	.logo{width:20%; position:relative; margin:5% 0em 0em 5%; text-align:center; display:block;} 
	.logo img{ max-width:100%; height:auto; display:block; }

	.logoRest{width:18%; position:relative; margin:5em auto; text-align:center; display:block;  border-radius:0.6em;}
.logoRest img{ max-width:100%; height:auto; }

.logo2{width:18%; position:relative; margin:2em auto; text-align:center; display:block;}
.logo2 img{ max-width:100%; height:auto; }

.titleIcon{ width:18%; margin:1em auto 0em auto; } 
.titleIcon img{ min-width:100%; height:auto; display:block;}






	h1.main { font-size:0.6em; width:60%; left:20%; float:none; font-size:1em; letter-spacing:0.1em; }	
	h1.titleBig{ font-size:90%;}
	
	.bottomBtn{ position:relative; width:auto; float:none; margin:0px auto;  display:inline-block; z-index:9999;  text-align:center; }
	.bottomBtn ul{ position:relative; margin:0px; padding:0px; list-style:none; float:none; text-align:center; width:100%;  }
	.bottomBtn ul li.fBtn{position:relative; margin:0px auto 0em auto;   padding:0px; list-style:none; float:none; clear:both;  }

.bottomBtn ul li{position:relative; margin:0px auto 5em auto;   padding:0px; list-style:none; float:none; clear:both; }

.bottomBtn a{ position:relative; width:100%; padding:0em 1em; text-decoration:none; color:#fff; background:none; border: 1px solid #fff; line-height:2.4em; float:left; text-transform:uppercase; margin-bottom:1em; letter-spacing:0.2em; font-size:1.2em; font-family: 'futura_ltregular', sans-serif; }
	
	.titleIcon{ width:12%; position:relative; margin:1em auto 0em auto; text-align:center; display:block; padding:0px 0px; margin-bottom:0px;  }
.titleIcon img{ min-width:100%; height:auto; display:block; margin-top:0em; margin-bottom:0em; }

.firmDiv{ width:80%; position:relative; float:left; clear:both; left:0%; background:rgba(7, 32, 68, 0.4); padding:0em 0em 5% 0em; border-radius:0.35em; padding-top:2em; display:block; font-family: 'Averia Sans Libre', cursive; color:#fff; }

.firmDiv p{ margin:0em auto; padding:0.6em; text-align:justify; width:90%; color:#fff;    }

	
	
	.firmDivRest span img{ max-width:15%; height:auto; display:block;  }
	.firmDiv span h2{  white-space:pre-line; font-size:80%; width:80%; }
	.firmDivNews{ width:100%; }
	.firmDivNews span{ width:100%; }
	.firmDivNews span h2{ white-space:pre-line; font-size:30%; width:80%; margin:2em auto;}
	.compass{ width:70%;}

	.firmDivNews span h2{  white-space:pre-line; font-size:80%; width:80%;  }

.navWr{ position:relative; width:80%;  margin:10% auto; z-index:9999; text-align:center; clear:both; overflow:visible;   }
.navWr ul{ position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; float:left; left:50%;}
.navWr ul li{ position:relative; float:left; right:50%; width:23%; margin:0% 0% 1.4% 0%; padding:0px 0px; }

	.articlesTable .articleColumn{ width:100%; float:none; clear:both; height:auto; margin-bottom:3%; }		
	.title{  width:30%; left:35%; float:left; margin:5em 0em -0em 0em; clear:both; border-radius: 0.3em 0.3em 0em 0em;  }
	.articlesTable .articleColumn h2{ width:90%; font-size:100%;}
	.titlePresence01{  width:35%; left:32.5%; float:left; margin:35% 0em -0em 0em; clear:both; border-radius: 0.3em 0.3em 0em 0em;  }
	
	.titlePresence02 {  width:45%; left:27.5%; float:left; margin:35% 0em -0em 0em; clear:both; border-radius: 0.3em 0.3em 0em 0em;  }



	.firmDivRest span{ width:100%; margin:3% auto 0% auto; }	
	.firmDiv p{text-align:left; }
	
/*	.topwr1{position:relative; margin:46% 0px; color:#fff; width:60%; left:20%; }
	.topwr1 p{color:#fff; font-size:85%; line-height:1.6em;   }
*/	
.topwr1 p{ font-family: 'Lato', sans-serif; margin:0px auto; color:#394854; width:80%; text-transform:uppercase; text-align:left; line-height:1.8em; font-size:85%;  }

	.bottomWr p{ color:#fff; font-size:85%; line-height:1.8em;  }
	.bottomImgWrapper{ width:100%; position:relative; margin:0% 0% 0% 0%; padding:0px 0px; z-index:0; clear:both; }
	
		
	.formWr span.inptTxt{ float:nnone; clear:both; width:100%; text-align:center; }
	.formWr input[type="text"]{ width:100%; float:none; clear:both; }
	.formWr textarea{ width:100%; float;none; clear:both; }
	.formWr input[type="submit"]{ position:relative; float:none; clear:both; display:block;  margin:0px auto; }
	
	.firmDiv{ width:100%;}
			
	.titleExtraWidth{ width:80%; left:0%; margin:2em 0em 0em 10%; font-size:1em; }	

	.firmDiv h2{font-size:0.6em; width:60%; }
	.firmDiv ul li{ font-size:90%;}	

	.firmDivMain p{ margin:2em auto; text-align:left;}
	.mapText{position:relative; margin:80% auto; left:0%; text-align:center; font-size:0.86em; float:none; clear:both;   }
	
	.bottomImgWrapper img{ max-width:100%;}

	.keyHome{ width:40%; position:relative; float:right; margin-top:1%; margin-right:30%; z-index:9999; }

	
}

@media only screen and (min-width:901px) and (max-width:1360px){
	.topNav ul li a{ display:block; line-height:3em; color:rgb(7, 20, 49); padding:0px 0.8em; text-transform:uppercase; font-family: 'Lato', sans-serif; text-decoration:none; letter-spacing:0em;  }
}