@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);  }
#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; font-size:0.76em; 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%; background:none; 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 15%; 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:2em 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;    }

/******* 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 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;   }

.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:4% 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;  }
*/

.firmDiv{ position:relative; width:80%;  float:left; margin:0px 0% 0% 10%;  background:rgba(7, 32, 68, 0.4); text-align:center; display:block; font-family: 'Averia Sans Libre', cursive; color:#fff;  }
.firmDiv img{ position:relative; margin:0% 0% 0% 15%; max-width:100%;  top:0px; height:auto; display:block; z-index:9999; }



.firmDiv .buttonsWr{ width:100%;  display:block; position:absolute; float:left; left:0px; top:10%; z-index:99999; background:none;}

.firmDiv .buttonsWr img{ max-width:100%; height:auto; display:block; }

.firmDiv .buttonsWr .button-21{ width:2%; height:2.2%; display:block;  position:absolute; top:16.2%; left:43.9%; z-index:9999999;   }
.firmDiv .buttonsWr .button-22{ width:2%; height:2.2%; display:block;  position:absolute; margin:23% 0% 0% 66%; 
z-index:9999999;   }



/* .firmDiv .buttonsWr .button-22{ width:2%; height:2.2%; position:relative; margin:23% 0% 0% 66%;  z-index:9999999;  } */

.firmDiv .buttonsWr .button-23{ width:2%; height:2.2%; position:relative; margin:23.4% 0% 0% 28.6%;  }
.firmDiv .buttonsWr .button-24{ width:2%; height:2.2%; position:relative; margin:26.6% 0% 0% 34.2%; }
.firmDiv .buttonsWr .button-25{ width:2%; height:2.2%; position:relative; margin:33.4% 0% 0% 35%;  }
.firmDiv .buttonsWr .button-26{ width:2%; height:2.2%; position:relative; margin:-0.5% 0% 0% 57.6%;  }
.firmDiv .buttonsWr .button-27{ width:2%; height:2.2%; position:relative; margin:41% 0% 0% 36.8%; display:block;  }
.firmDiv .buttonsWr .button-28{ width:2%; height:2.2%; position:relative; margin:44.2% 0% 0% 49.2%;  }
.firmDiv .buttonsWr .button-29{ width:2%; height:2.2%; position:relative; margin:45.2% 0% 0% 43.8%;  }
.firmDiv .buttonsWr .button-30{ width:2%; height:2.2%; position:relative; margin:46.4% 0% 0% 39.2%;  }
.firmDiv .buttonsWr .button-31{ width:2%; height:2.2%; position:relative; margin:49.6% 0% 0% 43.8%;  }
.firmDiv .buttonsWr .button-32{ width:2%; height:2.2%; position:relative; margin:51.6% 0% 0% 41%;  }
.firmDiv .buttonsWr .button-33{ width:2%; height:2.2%; position:relative; margin:50% 0% 0% 47.8%;  }

.firmDiv .buttonsWr .button-34{ width:2%; height:2.2%; position:relative; margin:56.5% 0% 0% 45.4%;  }

.firmDiv .buttonsWr .button-21 span img, 
.firmDiv .buttonsWr .button-22 span img,
.firmDiv .buttonsWr .button-23 span img,
.firmDiv .buttonsWr .button-24 span img,
.firmDiv .buttonsWr .button-25 span img,
.firmDiv .buttonsWr .button-26 span img,
.firmDiv .buttonsWr .button-27 span img,
.firmDiv .buttonsWr .button-28 span img,
.firmDiv .buttonsWr .button-29 span img,
.firmDiv .buttonsWr .button-30 span img,
.firmDiv .buttonsWr .button-31 span img,
.firmDiv .buttonsWr .button-32 span img,
.firmDiv .buttonsWr .button-33 span img,
.firmDiv .buttonsWr .button-34 span img
{ max-width:100%; height:auto; display:block; position:absolute; top:0px; left:0px; opacity:0.2; cursor:pointer; }

.firmDiv .buttonsWr .button-21 span img:hover, 
.firmDiv .buttonsWr .button-22 span img:hover,
.firmDiv .buttonsWr .button-23 span img:hover,
.firmDiv .buttonsWr .button-24 span img:hover,
.firmDiv .buttonsWr .button-25 span img:hover,
.firmDiv .buttonsWr .button-26 span img:hover,
.firmDiv .buttonsWr .button-27 span img:hover,
.firmDiv .buttonsWr .button-28 span img:hover,
.firmDiv .buttonsWr .button-29 span img:hover,
.firmDiv .buttonsWr .button-30 span img:hover,
.firmDiv .buttonsWr .button-31 span img:hover,
.firmDiv .buttonsWr .button-32 span img:hover,
.firmDiv .buttonsWr .button-33 span img:hover,
.firmDiv .buttonsWr .button-34 span img:hover
{ opacity:1;}

.presenceimgWr{ width:70%; position:relative; margin:0px auto;  background:none; text-align:center; overflow:visible;  }
.presenceimgWr img{ max-width:100%; height:auto; display:block;  }

.presenceimgWr p{ text-align:center; text-transform:uppercase; position:absolute; top:90%; left:0px; width:100%;}

.presenceimgWr2{ width:100%; position:relative; margin:0px auto;  background:none; text-align:center; overflow:visible;  }
.presenceimgWr2 img{ min-width:100%; height:auto; display:block;  }

.presenceimgWr2 p{ text-align:center; text-transform:uppercase; position:absolute; bottom:0%; left:5%; width:70%;}



.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;}

.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%; }
*/
/*** domestic presence *************/

/*
.button-01{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:31.4%; left:23.8%; z-index:99999;}
*/
.firmDiv .buttonsWr .button-01{ width:2%; height:2.2%; display:block;  position:absolute; top:23.4%; left:41%; 
z-index:9999999;   }

.firmDiv .buttonsWr .button-02{ width:2%; height:2.2%; display:block;  position:relative; margin:9.2% 0% 0% 44.6%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-03{ width:2%; height:2.2%; display:block;  position:relative; margin:11.4% 0% 0% 41.4%; 
z-index:9999999;   }

.firmDiv .buttonsWr .button-04{ width:2%; height:2.2%; display:block;  position:relative; margin:14% 0% 0% 40.4%; 
z-index:9999999;   }

.firmDiv .buttonsWr .button-05{ width:2%; height:2.2%; display:block;  position:relative; margin:14.6% 0% 0% 20.4%; 
z-index:9999999;   }

.firmDiv .buttonsWr .button-06{ width:2%; height:2.2%; display:block;  position:relative; margin:-0.4% 0% 0% 47.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-07{ width:2%; height:2.2%; display:block;  position:relative; margin:-0.6% 0% 0% 76.5%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-08{ width:2%; height:2.2%; display:block;  position:relative; margin:15.4% 0% 0% 69.6%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-09{ width:2%; height:2.2%; display:block;  position:relative; margin:19.6% 0% 0% 69.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-10{ width:2%; height:2.2%; display:block;  position:relative; margin:20.6% 0% 0% 54.2%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-11{ width:2%; height:2.2%; display:block;  position:relative; margin:24.5% 0% 0% 61.6%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-12{ width:2%; height:2.2%; display:block;  position:relative; margin:27.4% 0% 0% 67.4%; 
z-index:9999999;   }

.firmDiv .buttonsWr .button-13{ width:2%; height:2.2%; display:block;  position:relative; margin:37% 0% 0% 77.8%; 
z-index:9999999;   }

/*
.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;}
*/

.firmDiv .buttonsWr .button-01 span img,
.firmDiv .buttonsWr .button-02 span img,
.firmDiv .buttonsWr .button-03 span img,
.firmDiv .buttonsWr .button-04 span img,
.firmDiv .buttonsWr .button-05 span img,
.firmDiv .buttonsWr .button-06 span img,
.firmDiv .buttonsWr .button-07 span img,
.firmDiv .buttonsWr .button-08 span img,
.firmDiv .buttonsWr .button-09 span img,
.firmDiv .buttonsWr .button-10 span img,
.firmDiv .buttonsWr .button-11 span img,
.firmDiv .buttonsWr .button-12 span img,
.firmDiv .buttonsWr .button-13 span img
{ min-width:100%; height:auto; display:block; position:absolute; top:0px; left:0px; opacity:0.2; cursor:pointer; }

.firmDiv .buttonsWr .button-01 span img:hover, 
.firmDiv .buttonsWr .button-02 span img:hover, 
.firmDiv .buttonsWr .button-03 span img:hover,
.firmDiv .buttonsWr .button-04 span img:hover,
.firmDiv .buttonsWr .button-05 span img:hover,
.firmDiv .buttonsWr .button-06 span img:hover,
.firmDiv .buttonsWr .button-07 span img:hover,
.firmDiv .buttonsWr .button-08 span img:hover,
.firmDiv .buttonsWr .button-09 span img:hover,
.firmDiv .buttonsWr .button-10 span img:hover,
.firmDiv .buttonsWr .button-11 span img:hover,
.firmDiv .buttonsWr .button-12 span img:hover,
.firmDiv .buttonsWr .button-13 span img:hover
{ opacity:1;}



.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;}








.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 test{
	0%{ transform:scale(1) ; }	
	50%{ transform:scale(1.2) ; }		
	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:100%; width:100%; left:0%; text-align:center; text-transform:uppercase;  }

@media only screen and (min-width:240px) and (max-width:399px){
	body{ margin-bottom:15%; }
	.logo{width:22%; position:relative; margin:5em 0em 0em 15%; text-align:center; display:block;}
	.logo img{ max-width:100%; height:auto; }	
	
	.logoRest{width:32%; position:relative; margin:1em 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; text-align:center; display:block;}
.logo2 img{ max-width:100%; height:auto; }

	.navWr{ display:none;}
	
	h1.titleBig{ font-size:80%;}
	.topwr1{position:relative; margin:36% 0px; color:#fff; width:80%; left:10%; }
	.topwr1 p{color:#000; font-size:85%; line-height:1.6em;   }
	
/*	.firmDiv{ width:100%;}      */
	.firmDiv p{text-align:left; }
	.title{  width:50%; left:25%; font-size:1em; float:left; margin:35% 0em -0em 0em; clear:both; border-radius: 0.3em 0.3em 0em 0em;  }
	.titlePresence01{ width:60%; left:20%; font-size:1em; letter-spacing:0em;  }
	.titlePresence02{ width:80%; left:10%; font-size:1em; letter-spacing:0em;  }
	
	.titleExtraWidth{ width:80%; font-size:1em; margin:2em 0em 0em 10%;    }
	.firmDiv h2.titleBig{ width:80%;}
	
	.titleIcon{ width:22%;}
	.map{ position:relative; width:80%; margin:-15% auto 0% auto; z-index:99999; color:#f00;  }
	.map img{ min-width:100%; height:auto; display:block;  }
	
	
	.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; }	

	.presenceimgWr{ width:100%; position:relative; margin:0px auto;  background:none; text-align:center; overflow:visible;  }
	.presenceimgWr p{ text-align:center; text-transform:uppercase; position:absolute;  font-size:50%; left:0px; width:100%; }
	
	.presenceimgWr2 p{ text-align:center; text-transform:uppercase; position:absolute;  font-size:50%; left:0px; width:100%; }

	.bottomImgWrapper{ width:100%; position:relative; margin:0% 0% 0% 0%; padding:0px 0px; z-index:0; clear:both; }
	.bottomWr p{ color:#fff; font-size:0.5em; line-height:1.6em; margin-bottom:15%; width:100%;  }
	
	.topNav{ display:none;}
	.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; }

	
}

@media only screen and (min-width:400px) and (max-width:900px){
	.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:-14% 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;   }
	
	.topNav{ display:none;}
/*	.presenceimgWr{ width:100%; position:relative; margin:0px auto;  background:none; text-align:center; overflow:visible;  }  */
	.presenceimgWr p{ text-align:center; text-transform:uppercase; position:absolute;  font-size:70%; left:0px; width:100%; }
	
	.presenceimgWr2 p{ text-align:center; text-transform:uppercase; position:absolute;  font-size:70%; left:0px; width:100%; }
	
	.logo{width:16%; position:relative; margin:12% 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; background:rgba(255,255,255,0.5); 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%;} 
.titleIcon img{ max-width:100%; height:auto; display:block;}




	
	h1.main { font-size:0.6em; width:60%; left:20%; float:none; font-size:0.6em; letter-spacing:0.1em; }	
	h1.titleBig{ font-size:90%;}
	
	
/*
.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:35% 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:0.7em;  }

	.bottomWr p{ color:#fff; font-size:0.7em; line-height:1.6em;  }
	.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%;}	
	h4.disclaimer{ letter-spacing:0em; font-size:1em; }
	h4.disclamer span{ letter-spacing:0em; }	
	.firmDivMain p{ margin:2em auto; text-align:left;}
	.mapText{position:absolute; margin:0% auto; right:0%; width:100%;  text-align:right; font-size:0.76em; float:none; clear:both; background:#000;   }

	.bottomImgWrapper img{ max-width:100%;}
	
}

@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;  }
}
/*
@media only screen and (min-width:901px) and (max-width:1360px){
	.topNav ul li a{ letter-spacing:0.02em; }
}
*/


@-moz-document url-prefix() {	

.firmDiv .buttonsWr .button-21{ width:2%; height:2.2%; display:block;  position:absolute; top:16.4%; left:43.9%; z-index:9999999;  }
.firmDiv .buttonsWr .button-22{ width:2%; height:2.2%; display:block; position:absolute; top:0%; left:0%; z-index:99999;}
.firmDiv .buttonsWr .button-23{ width:2%; height:2.2%; display:block; position:absolute; top:0%;  z-index:99999;}
.firmDiv .buttonsWr .button-24{ width:2%; height:2.2%; position:absolute; top:-0.2%; left:0%; }	
.firmDiv .buttonsWr .button-25{ width:2%; height:2.2%; position:absolute; top:0%; left:0%; }	
.firmDiv .buttonsWr .button-26{ width:2%; height:2.2%; position:absolute; top:59.2%; left:-0.2%; }	
.firmDiv .buttonsWr .button-27{ width:2%; height:2.2%; position:absolute; top:-1%; left:0%; display:block;  }	
.firmDiv .buttonsWr .button-28{ width:2%; height:2.2%; position:absolute; top:-1%; left:0%;  }
.firmDiv .buttonsWr .button-29{ width:2%; height:2.2%; position:absolute; top:-1%; left:0%;  }
.firmDiv .buttonsWr .button-30{ width:2%; height:2.2%; position:absolute; top:-1%; left:0%;}
.firmDiv .buttonsWr .button-31{ width:2%; height:2.2%; position:absolute; top:-1%; left:0.2%;  }
.firmDiv .buttonsWr .button-32{ width:2%; height:2.2%; position:absolute; top:-1.2%; left:0%;  }
.firmDiv .buttonsWr .button-33{ width:2%; height:2.2%; position:absolute; top:2%; left:0%;  }
.firmDiv .buttonsWr .button-34{ width:2%; height:2.2%; position:relative; margin:56% 0% 0% 45.4%;  }
}

/** internaitonal **********/
@-moz-document url-prefix() {	

.firmDiv .buttonsWr .button-01{ width:2%; height:2.2%; display:block; position:absolute; margin:8.6% 0% 0% 0%; z-index:9999999;  }
.firmDiv .buttonsWr .button-02{ width:2%; height:2.2%; display:block; position:absolute; margin:9.4% 0% 0% 44.5%; z-index:9999999;   }
.firmDiv .buttonsWr .button-03{ width:2%; height:2.2%; display:block;  position:absolute; margin:11.4% 0% 0% 41.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-04{ width:2%; height:2.2%; display:block;  position:absolute; margin:14% 0% 0% 40.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-05{ width:2%; height:2.2%; display:block;  position:absolute; margin:14.6% 0% 0% 20.2%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-06{ width:2%; height:2.2%; display:block;  position:absolute; margin:14.2% 0% 0% 47.2%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-07{ width:2%; height:2.2%; display:block;  position:absolute; margin:13.6% 0% 0% 76.6%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-08{ width:2%; height:2.2%; display:block;  position:absolute; margin:14.8% 0% 0% 69.6%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-09{ width:2%; height:2.2%; display:block;  position:absolute; margin:19.2% 0% 0% 69.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-10{ width:2%; height:2.2%; display:block;  position:absolute; margin:20% 0% 0% 54.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-11{ width:2%; height:2.2%; display:block;  position:absolute; margin:23.6% 0% 0% 61.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-12{ width:2%; height:2.2%; display:block;  position:absolute; margin:26.7% 0% 0% 67.4%; 
z-index:9999999;   }
.firmDiv .buttonsWr .button-13{ width:2%; height:2.2%; display:block;  position:absolute; margin:36.4% 0% 0% 77.8%; 
z-index:9999999;   }

}