/* sub menu */
.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}
.mainmenu li:hover .sub-menu{ display:block; }
.mainmenu .sub-menu li{}
.mainmenu .sub-menu li a { background: none repeat scroll 0 0 #004ea1 !important;  display: block;  padding: 10px 15px;  text-align: left;  text-decoration: none;  transition: all 1s ease-in-out 0s; color:#fff !important; padding:15px !important;}
.mainmenu .sub-menu li a:hover { background:#000 !important; border-left:5px solid #000; padding-left:25px; }
.mainmenu .sub-menu li a:hover:before{ background:none !important;}
.mainmenu .sub-menu li a:hover:after{ background:none !important;}
.icon-holder .bx-controls-direction { display: none;}
.icon-holder .bx-wrapper .bx-pager { padding-bottom: 20px;}
.icon-holder .bx-wrapper {  padding: 30px 0; }
.animation{ visibility:hidden;}

/* header */

header{}
header .top-strip{}
header .header-top{ background:#fff; position:absolute; top:0; position:fixed; z-index:1000; width:100%; border-top:3px solid #004ea1;}
header .header-top .logo{ padding-top:20px;}

header .header-top .mainmenu{}
header .header-top .mainmenu .navbar-nav li a{ color:#3c3c3c; font-size:14px; text-transform:uppercase; font-family:'Roboto'; padding:30px 16px;}
header .header-top .mainmenu .navbar-nav li a:hover::before { background: rgba(0, 0, 0, 0) url("img/others/menu-before.png") no-repeat scroll 0 0;  content: "";  display: inline-block;  height: 22px;  width: 30px;  position: absolute;  top: 0;  left: 0px;}
header .header-top .mainmenu .navbar-nav li a:hover::after { background: rgba(0, 0, 0, 0) url("img/others/menu-after.png") no-repeat scroll 0 0;  content: "";  display: inline-block;  height: 22px;  width: 30px;  position: absolute;  bottom: 0;  right: 0px;}
header .header-top .mainmenu .navbar-nav li.active::before { background: rgba(0, 0, 0, 0) url("img/others/menu-before.png") no-repeat scroll 0 0;  content: "";  display: inline-block;  height: 22px;  width: 30px;  position: absolute;  top: 0;  left: 0px;}
header .header-top .mainmenu .navbar-nav li.active::after { background: rgba(0, 0, 0, 0) url("img/others/menu-after.png") no-repeat scroll 0 0;  content: "";  display: inline-block;  height: 22px;  width: 30px;  position: absolute;  bottom: 0;  right: 0px;}

header .header-bottom .carousel-content-panel { margin: 0 auto;  position: absolute;  text-align: center;  top: 40%;  width: 1170px; }
header .header-bottom .carousel-content-panel h3 { color: #fff;  font-family: "Roboto";  font-size: 64px;  font-weight: 400;  text-shadow: 2px 2px 6px #000;}
header .header-bottom .carousel-content-panel h3 span{ font-weight:600; color:#1971ce;}
header .header-bottom .carousel-content-panel h5{ color: #fff;  font-family: "Roboto";  font-size: 28px;  font-weight: 300; text-transform:uppercase;}
header .header-bottom .carousel-content-panel a { background: rgba(0, 0, 0, 0) url("img/others/banner-btn-overlay.png") repeat scroll 0 0;  border: 1px solid #fff;  color: #fff;  font-family: "Roboto";  font-size: 17px;  text-transform: uppercase; margin-top: 15px;}

header .header-bottom .carousel-nav-prev{ background:url(img/others/banner-nav-1.png) no-repeat; width:20px; height:48px; display:inline-block; text-indent:-9999px; position:absolute; top:45%; left:5%;}
header .header-bottom .carousel-nav-next{ background:url(img/others/banner-nav-2.png) no-repeat; width:20px; height:48px; display:inline-block; text-indent:-9999px; position:absolute; top:45%; right:5%;}

.bred-crumb { background: rgba(0, 0, 0, 0) url("img/others/bred.png") repeat scroll 0 0;  padding: 10px 0;  position: absolute; width: 100%; bottom: 0;}
.bred-crumb ul{ margin:0;}
.bred-crumb ul li a{  color:#fff; font-size:14px; font-family:"Open Sans"; text-transform:uppercase;}
.bred-crumb ul li a:hover{ color:#217bda;}

header .header-bottom .banner-list { width: 560px;  margin: 0 auto;}
header .header-bottom .banner-list ul li { background: rgba(0, 0, 0, 0) url("img/icons/banner-list-arrow.png") no-repeat scroll 0 10px;  padding: 5px 25px;}
header .header-bottom .banner-list ul li a{ border:none; background:none; text-decoration:none;}

/* holder */
.holder{}
.holder .head h2{ color:#4c4c4c; font-size:36px; font-family:"Oswald"; text-transform:uppercase;}
.holder .head h2 span{ color:#004ea1;}
.holder .head p{ color:#828282; font-size:14px; font-family:"Open Sans"; line-height:1.8;}
.holder .dark h2{ color:#fff; font-size:36px; font-family:"Oswald"; text-transform:uppercase;}
.holder .dark p{ color:#bfbfbf; font-size:14px; font-family:"Open Sans"; line-height:1.8;}
.holder p{ color:#707070; font-size:14px; font-family:"Open Sans"; line-height:1.8;}

.holder .icon-holder { padding-bottom: 20px;}
.holder .icon-holder .icon{ border:1px solid #ccc; padding:15px;}
.holder .icon-holder .icon .img-thumb { border: 3px solid #6a6a6a;  border-radius: 70px; display: inline-block;}
.holder .icon-holder .icon .img-thumb img { background: #6a6a6a none repeat scroll 0 0;  border-radius: 70px;  display: inline-block;  margin: 2px;  padding: 25px 20px;}
.holder .icon-holder .icon.border{ border-bottom:3px solid #6a6a6a;}
.holder .icon-holder .icon:hover .img-thumb{ border:3px solid #004ea1;}
.holder .icon-holder .icon:hover .img-thumb img { background:#004ea1;}
.holder .icon-holder .icon:hover .btn-1{ background:url(img/others/icon-btn-strip-2.png) repeat-x;}
.holder .icon-holder .icon:hover{ border-bottom:3px solid #0051a3;}
.holder .icon-holder .icon h4{ color:#5b5a5a; font-family:"Roboto"; text-transform:uppercase; font-size:16px; padding-top:10px;}
.holder .icon-holder .icon p{ color:#5e5f5f; font-size:13px; font-family:"Roboto"; line-height:1.8; font-style:italic; padding-top:10px;}
.holder .icon-holder .icon .btn-1{ background:url(img/others/icon-btn-strip-1.png) repeat-x; color:#fff; font-size:14px; font-family:"Roboto"; text-transform:uppercase;  margin-bottom:15px;}

.holder .who-we-are{ background:url(img/thumbnails/who.png) no-repeat fixed 0 0; background-size:100%; padding:2% 0; margin-top:15px;}
.holder .who-we-are .monitor { padding-top: 8%;}
.holder .who-we-are .who-content { padding-top: 12%;}
.holder .who-we-are .who-content h6{ color:#fff; font-size:19px;  font-family:"Open Sans"; line-height:1.4;}
.holder .who-we-are .who-content p{  color:#fff; font-size:13px;  font-family:"Open Sans"; padding-top:10px;}
.holder .who-we-are .who-content .btn-read{ background:url(img/others/icon-btn-strip-2.png) repeat-x; color:#fff; font-size:14px; font-family:"Open Sans"; text-transform:uppercase; padding:8px 35px; margin-top:25px; border:1px solid #0d72be;}

.holder .expertise-holder{ padding:2% 0; }
.holder .expertise-holder .box { padding: 20px 0;}
.holder .expertise-holder .box .box-thumb{ border: 3px solid #6a6a6a;  border-radius: 70px; display: inline-block;}
.holder .expertise-holder .box .box-thumb img { background: #6a6a6a none repeat scroll 0 0;  border-radius: 70px;  display: inline-block;  margin: 2px; padding: 32px 20px;}
.holder .expertise-holder .box .box-thumb:hover{ border:3px solid #004ea1;}
.holder .expertise-holder .box .box-thumb:hover img { background:#004ea1;}
.holder .expertise-holder .box .line{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:20px;}
.holder .expertise-holder .box .line h4{ color:#5b5a5a; font-size:16px; font-family:"Open Sans"; font-weight:600; text-transform:uppercase;}

.holder .career-holder{ background:url(img/thumbnails/career.png) no-repeat fixed 0 0; background-size: 100%; padding:2% 0;} 

.holder .opportunity { padding: 2% 0;}
.holder .opportunity h3{ color:#fff; font-size:24px; font-family:"Open Sans"; font-weight:600; }
.holder .opportunity h4{ color:#fff; font-size:18px; font-family:"Open Sans"; font-weight:400; }
.holder .opportunity ul li { background: rgba(0, 0, 0, 0) url("img/icons/benifit-li.png") no-repeat scroll 0 15px;  padding: 10px 31px;}
.holder .opportunity ul li a{ color:#fff; font-size:14px; font-family:"Open Sans";  text-decoration:none;}
.holder .opportunity p{ color:#fff; font-size:13px; font-family:"Open Sans"; line-height:1.8;}
.holder .opportunity .opening{ border-left:1px solid #373738; padding-left:15px;}

.holder .contact-holder{ padding:2% 0;}
.holder .contact-holder .contact-new{ padding-top:20px;}
.holder .contact-holder .contact-new i{ color:#2b6dae; font-size:35px; padding-top:10px;}
.holder .contact-holder .contact-new p{ color:#7f7f7f; font-size:15px;  font-family:"Open Sans";}
.holder .contact-holder .contact-new h4{ color:#7f7f7f; font-size:23px;  font-family:"Open Sans";}
.holder .contact-holder .contact-new h4 a{ color:#7f7f7f; font-size:23px;  font-family:"Open Sans";}
.holder .contact-holder .contact-form{ padding-top:15px;}
.holder .contact-holder .contact-form a{ background:url(img/others/contact-btn-strip.png) repeat-x; font-size:16px; color:#fff; font-family:"Open Sans"; text-transform:uppercase; width:100%;}

.holder .map-holder{ background:#004ea1;} 
.holder .map-holder .foot-logo{ padding-top:35px;}
.holder .map-holder .share{ padding:25px 0;}
.holder .map-holder .share ul li{ padding:5px ;}
.holder .map-holder .share ul li a{ color:#fff; font-size:18px;}
.holder .map-holder .copy p{ color:#cdcdcd; font-size:13px; font-family:"Open Sans";}
.holder .map-holder .copy p span{ color:#4893d8; font-weight:800;}
.holder .map-holder .copy strong{ font-size:15px; font-family:"Open Sans"; color:#fff;}
.holder .map-holder h4{ color:#fff; font-size:20px; font-family:"Oswald";}
.holder .map-holder ul li{ padding:5px 0px;}
.holder .map-holder ul li a{  color:#adbed1; font-size:14px;  font-family:"Open Sans"; text-decoration:none;}
/* footer */

footer { background: #000 none repeat scroll 0 0;  padding: 2% 0 1%;}
footer h4{  }
footer ul li{ padding:4px 0;}
footer ul li a{ color:#cdcdcd; font-size:13px; font-family:"Open Sans"; text-decoration:none;}
footer ul li a:hover{ color:#fff;}
footer p{ color:#fff; font-family:"Open Sans";}


.double-box-holder{ padding-bottom:25px;}
.lighter{ background:#f4f4f4;}
.tic p { background: rgba(0, 0, 0, 0) url("img/icons/tic.png") no-repeat scroll 0 5px;  padding-left: 35px;}
.benifit{}
.benifit h4{ color:#004ea1; font-size:27px; font-family:"Oswald";}
.benifit .arrow-new{}
.benifit .arrow-new ul li { background: rgba(0, 0, 0, 0) url("img/icons/benifit-arrow.png") no-repeat scroll 0 11px;  padding: 8px 25px;}
.benifit .arrow-new ul li a{ color:#434343; font-size:15px; font-family:"Open Sans";}
.benifit .btn-1{ background:url(img/others/btn-1.png) repeat-x; color:#fff; font-family:"Open Sans"; font-weight:bold; text-transform:uppercase;}
.benifit .btn-2{ background:url(img/others/btn-2.png) repeat-x; color:#fff; font-family:"Open Sans"; font-weight:bold; text-transform:uppercase;}
.benifit a{ color:#9b9b9b; font-size: 15px; font-family:"Open Sans"; text-transform:uppercase;}

.blog-holder{ padding:20px 0;}
.blog-head{ border-bottom: 3px solid #004ea1;}
.blog-head h3 { color: #fff;  font-family: "Open Sans";  font-size: 15px;  font-weight: 700;  margin: 0;  text-transform: uppercase; padding: 10px;}
.blog-head .blog-in { background: #004ea1 none repeat scroll 0 0;  display: inline-block;  margin-left: 10px;  padding: 0 25px;  transform: skewX(-30deg);}
.blog-head .blog-in .blog-text{ transform:skewX(30deg);}
.blog-box h4 { color: #004ea1;  font-family: "Open Sans";  font-size: 19px;  font-weight: 700;  line-height: 1.3;}
.blog-box .blog-list ul li a { color: #818181;  font-family: "Open Sans";  font-size: 13px;  font-style: italic; font-weight: 700; text-decoration:none;}
.blog-box .blog-list ul li a i{ padding:0 10px;}
.blog-holder .btn-sub{ background:#004ea1 none repeat scroll 0 0; color:#fff; font-size:18px; width:100%; font-weight: 600; text-transform:uppercase; font-family: "Open Sans";}
.pop-box h5{ color:#1f1f1f; font-size:15px; font-family: "Open Sans"; margin:0; line-height:1.5;}

.holder .about-box h4{  color: #004ea1; font-family: "Open Sans"; font-size: 19px; font-weight: 700; line-height: 1.3;  text-transform:uppercase;}

@media (max-width: 1365px) {
	header .header-top .mainmenu .navbar-nav li a { font-size: 12px;  padding: 24px 12px;}
	header .header-bottom .carousel-content-panel { width: 920px;}
	.icon-holder .bx-wrapper { width: 857px;}
	.holder .who-we-are { background: rgba(0, 0, 0, 0) url("img/thumbnails/who.png") no-repeat fixed 0 0 / cover ;  margin-top: 15px; padding: 2% 0;}
	.holder .career-holder { background: rgba(0, 0, 0, 0) url("img/thumbnails/career.png") no-repeat fixed 0 0 / 100% auto;  padding: 2% 0; background-size: cover;}
	.holder .contact-holder .cont-box h4 a { font-size: 20px;}
}

@media (max-width: 1023px) {
	header .header-bottom .carousel-content-panel { margin: 0 auto;  position: absolute;  text-align: center;  top: 20%;  width: 700px;}
	header .header-top .mainmenu .navbar-nav li a { font-size: 10px;  padding: 24px 7px;}
	header .header-top .mainmenu .navbar-nav li a:hover::before{ background:none !important;}
	header .header-top .mainmenu .navbar-nav li a:hover::after{ background:none !important;}
	.bx-wrapper { width: 567px;}
	.holder .expertise-holder .box .line h4 {  font-size: 11px;}
	.holder .expertise-holder .box .box-thumb img {  padding: 28px 14px;}
	.holder .contact-holder .cont-box h4 a {  font-size: 15px;}
	.icon-holder .bx-wrapper { width: 572px;}
	
}

@media (max-width: 767px) {
	header .header-top .mainmenu .navbar-nav li a { padding: 15px 19px; font-size:14px;}
	.holder .who-we-are { background: rgba(0, 0, 0, 0) url("img/thumbnails/who.png") no-repeat fixed 0 0 / cover ;  margin-top: 15px; padding: 2% 0;}
	.holder .career-holder { background: rgba(0, 0, 0, 0) url("img/thumbnails/career.png") no-repeat fixed 0 0 / 100% auto;  padding: 2% 0; background-size: cover;}
	.holder .opportunity{ text-align:center;}
	.holder .contact-holder .cont-box h4 a { font-size: 20px;}
	.holder .expertise-holder .box .box-thumb { margin-top: 15px;}
	header .header-top .logo { padding-top: 5px;}
	header .header-top .mainmenu .navbar-nav li a:hover::before{ background:none !important;}
	header .header-top .mainmenu .navbar-nav li a:hover::after{ background:none !important;}
	header .header-top .mainmenu .navbar-nav li.active::before { background:none !important;}
	header .header-top .mainmenu .navbar-nav li.active::after { background:none !important;}
}

@media (max-width: 640px) {
	.icon-holder .bx-wrapper { width: 570px;}
}
@media (max-width: 568px) {
	.icon-holder .bx-wrapper { width: auto;}
	.icon-holder .bx-wrapper { width: 280px;}
}

/*Application Styling*/ 
.bottom-border{border-bottom:1px solid gray;}
.no-padding{padding : 0;}
.header-text{position: absolute; top: 40%; right: auto; width: 100%; color: #fff;}
.header-text h3 { color: #fff;  font-family: "Roboto";  font-size: 64px;  font-weight: 400;  text-shadow: 2px 2px 6px #000;}
.header-text h3 span{ font-weight:600; color:#1971ce;}
.header-text h5{ color: #fff;  font-family: "Roboto";  font-size: 28px;  font-weight: 300; text-transform:uppercase;}
.header-text a { background: rgba(0, 0, 0, 0) url("img/others/banner-btn-overlay.png") repeat scroll 0 0;  border: 1px solid #fff;  color: #fff;  font-family: "Roboto";  font-size: 17px;  text-transform: uppercase; margin-top: 15px;}
.header-text a:hover{text-decoration: none; color:white;}
.top-padding { padding-top: 20px; }
.right-padding { padding-right : 0; }
.left-padding { padding-left : 0; }
.label-text { color:#828282; font-size:14px; font-family:"Open Sans"; }

.fileUpload { position: relative; overflow: hidden; background-color: #FFF; height: 34px; width: 100%; text-align: center;}
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); height: 100%; text-align: center; }
.custom-span{ font-family: Arial; font-weight: bold;font-size: 100px; color: #FE57A1}
#uploadFile{border: none; width: 200px;}
.custom-para{font-family: arial;font-weight: bold;font-size: 24px; color:#585858;}