@charset "utf-8";
/* CSS Document */

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

.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%; height:auto; z-index:99999;  }

/*
.topNav{ width:100%; position:relative; margin:0px auto 0px 0%; background:rgba(77,140,171,0.5); display:inline-block;  clear:both;  }
*/
.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 05s;   }

.topNav{ width:100%; position:fixed; top:0px; left:0px; margin:0px auto 0px 0%; transition:all 0.5s;  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; }

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

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



.bottomImgWrapper{ position:relative; width:100%; overflow:hidden;  }
.bottomImgWrapper img{min-width:100%; height:auto; display:block; }



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

.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:0px 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;  }

.navWr{ position:relative; width:100%;  margin:35% auto 0% 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:relative; margin:10% auto 0% auto; 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;   }

.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:10%; 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{ 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; font-size:1em;    }

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

.firmDivRest span img{ max-width:80%; height:auto; display:block; text-align:center; margin:0px auto;  }

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



.innerDiv{ width:90%; position:relative; margin:1em auto; display:none;  color:#fff; z-index:999; padding-top:2em; }
.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 0% auto; display:block; }
.imgWrTop{ width:50%; position:relative; margin:0px auto; text-align:center; }
.imgWr{ width:30%; 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 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; z-index:9999999; }

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



/********* 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:34.5%; left:24.7%; z-index:99999;}
.button-02{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:27.6%; left:43.3%; z-index:99999;}
.button-03{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:28.4%; left:46.6%; z-index:99999;}
.button-04{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:31%; left:43.8%; z-index:99999;}
.button-05{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:34%; left:42.8%; z-index:99999;}
.button-06{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:34%; left:49%; z-index:99999;}
.button-07{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:41%; left:55.3%; z-index:99999;}
.button-08{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:45.6%; left:61.8%; z-index:99999;}
.button-09{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:49%; left:67%; z-index:99999;}
.button-10{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:34.8%; left:69.2%; z-index:99999;}
.button-11{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:33.6%; left:75.4%; z-index:99999;}
.button-12{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:40%; left:69%; z-index:99999;}
.button-12{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:40%; left:69%; z-index:99999;}
.button-13{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:60.2%; left:76.4%; 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: 0px solid rgb(162, 220, 236); border-radius:150%;  animation:test 2s infinite; overflow:hidden;}

.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.4%; display:block; background:none; position:absolute; top:24.6%; left:40.4%; z-index:99999;}
.button-22{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:41%; left:24.4%; z-index:99999;}
.button-23{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:44.4%; left:30.2%; z-index:99999;}
.button-24{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:52.4%; left:31.2%; z-index:99999;}
.button-25{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:60.4%; left:32.8%; z-index:99999;}
.button-26{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:66.4%; left:35.4%; z-index:99999;}
.button-27{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:65%; left:40.2%; z-index:99999;}
.button-28{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:72.4%; left:37.4%; z-index:99999;}
.button-28{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:72.4%; left:37.4%; z-index:99999;}
.button-29{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:70.4%; left:40.4%; z-index:99999;}
.button-30{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:72.4%; left:44.4%; z-index:99999;}
.button-31{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:77.4%; left:41.8%; z-index:99999;}
.button-32{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:64%; left:46%; z-index:99999;}
.button-33{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:52%; left:54.4%; z-index:99999;}
.button-34{ width:1%; height:1.4%; display:block; background:none; position:absolute; top:40.7%; left:63%; 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: 0px solid rgb(162, 220, 236); border-radius:150%;  animation:test 2s infinite; overflow:hidden;}

.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) ; }	
	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:rgb(162, 220, 236); 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 0em 2em 0em; padding:1em 0px 0px 0px; text-align:center; text-transform:uppercase; font-size:1.4em; }

.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%; }
.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;}
.formWr textarea{ height:8em; width:50%; background:rgb(162, 220, 236); float:left; border:none; resize:none; }
.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; }

@media only screen and (min-width:240px) and (max-width:399px){

.logo{width:32%; 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; }
.titleIcon{ width:32%;}
	
.topNav{ display:none;}

.firmDivRest span img{ max-width:15%; height:auto; display:block; }	
.firmDivRest p{ font-size:80%; }
.firmDivRest span h2{  white-space:pre-line; font-size:60%; width:60%; color:#fff; }
.title{ font-size:80%; width:70%; left:15%; }
.firmDiv span{ width:100%; margin:0% auto; }
.imgWr{ width:80%; } 
.firmDiv p{text-align:left; }
.firmDivRest span{ width:100%; margin:3% auto 0% auto; }	
.firmDivRest p{ font-size:80%; text-align:left; }
.topImgWrapper img{top:0px; left:0px; max-width:100%; height:auto; display:block; }
.topwr1{ width:100%; position:relative; margin:18% 0px; color:#fff; }
.topwr1 p{color:#fff; font-size:0.7em; line-height:1.6em;   }

}
@media only screen and (min-width:400px) and (max-width:900px){
	.topNav{ display:none;}
	.firmDivRest span img{ max-width:15%; height:auto; display:block; }
	.firmDivRest p{ font-size:100%; text-align:left; }
	
	.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;}

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

	.compass{ width:70%;}
	.navWr{ display:none; }
	.articlesTable .articleColumn{ width:100%; float:none; clear:both; height:auto; margin-bottom:3%; }		
	.title{ font-size:80%; width:70%; left:15%; }
	.firmDiv span{ width:60%; margin:0% auto; }
	.imgWr{ width:80%; } 
	.imgWrTop{ width:100%; }
	.imgWrTop img{ min-width:100%; height:auto; display:block; }	
	.firmDiv p{text-align:left; }
	
	.firmDivRest span{ width:100%; margin:3% auto 0% auto; }	

	.topImgWrapper img{top:0px; left:0px; max-width:100%; height:auto; display:block; }

	
	
	.topwr1{ width:100%; position:relative; margin:18% 0px; color:#fff; }
	.topwr1 p{color:#fff; font-size:0.7em; line-height:1.6em;   }
	
	.bottomWr{ width:100%; margin:10% auto; }
	.bottomWr p{ color:#fff; font-size:0.7em; line-height:1.6em;  }
/*	.bottomImgWrapper{ width:100%; position:relative; margin:50% 0% 0% 0%; padding:0px 0px; z-index:0; clear:both; } */
	.map{ margin:60% auto; }
	.firmDivRest p{ text-align:left; font-size: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;  }
}