@charset UTF-8;
/* CSS Document */

.container-fluid, .container-fluid .pageSection {margin-top:-20px;}

html,body {width:100%;height: auto; margin:0; padding:0;overflow-x: hidden;}
body { font-family: 'Open Sans', sans-serif; position: relative; font-size:16px;line-height:24px; color:#6f6f6f;}


h1,h2,h3,h4,h5, p,ul, ol  {color:#333;}
h1 {font-size: 2.5em;font-weight:600;margin:0 0 15px 0;letter-spacing:1.5px;color:#0033a0; width:100%;}
h2 {font-size:2em;line-height:1.2em;font-weight:600;text-transform:none;}
h3 {font-size:1.25em;font-weight:600;letter-spacing:1.5px;}
h4 {font-size:1em;margin-top:0;}
p   {font-size:1em;line-height:1.4em;margin-bottom:15px;;font-weight:400;}
a   { color: #0033a0;}

/*Global  Northern Ireland Styles*/
h1.pageHeading {font-size:1.5em;margin-bottom:5%;}
h2.pageIntro {font-size:1.5em;line-height:1.2em;font-weight:600;text-transform:none;}
h2.sectionTitle, .interior h2  {text-align:center;color:#333;margin:0;font-size:2em;font-weight:600;padding-bottom:10px;}	
.interior h2.textLeft  {text-align:left;color:#333;margin:0;font-size:2em;font-weight:600;padding-bottom:20px;}	
h3.blueIntro {font-size:1em;font-weight:600;letter-spacing:1.5px;color:#0033a0;text-transform:none;}
p.blueIntro {font-size:1em;font-weight:600;letter-spacing:1.5px;color:#0033a0;}
p.sectionIntro {text-align:center;color:#333;margin:0 0 40px 0;font-size:1.2em;font-weight:400;padding:0 25%;}	
blockquote {color:#333;}
.blueTitle {text-transform:uppercase;font-size:1.2em;color:#0033a0;font-weight:600;margin-top:40px;}

@media only screen and (max-width: 767px) {
	h2.sectionTitle, .interior h2  {font-size:1.5em;}
	p.sectionIntro {padding:0 10%;}
	h3.blueIntro{font-size:.9em;}}
	
a,
a:active,
a:focus,
a:visited,
a:hover{ outline:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover{text-decoration:underline;}

.body {width:100%;margin:0;padding:0;}
#bodyRow {width:100%}
.col-xs-12 {padding:0}
#bodyRow .ls-row .containter {width:100%;padding:0;}
#bodyContainer{width:100%;margin:40px 0 0 0;padding:0;}
.container {padding-left:0;padding-right:0;}
section {width:100%}
.niContent {max-width:1200px;margin:0 auto;}
@media only screen and (max-width: 1024px) {
	.niContent {padding:0 15px 0 15px;}}


/*Section Colors*/
.gryBkground {background-color:#f5f5f5;padding:60px 0 60px 0;}
.blueBkground {background-color:#0033a0;padding:60px 0 60px 0;}
.blueBkground h2 {color:#fff;margin-bottom:40px;}
.whtBkground {background-color:#fff;padding:40px 0 40px 0;}

/*Buttons*/
.btn-primary {background-color:#0033a0;border-color:#0033a0;border-radius:15px;padding:5px 30px;}
.btn-primary:hover {color:#fff;text-decoration:underline;background-color:#001e60;}

.btn-primary-rev {color:#0033a0 !important;text-decoration:underline;background-color:#fff;border-radius:15px;padding:5px 30px;border:2px solid #0033a0 !important;}
.btn-primary-rev:hover {background-color:#0033a0;border-color:#0033a0;color:#fff !important;text-decoration:underline;background-color:#001e60;}

.btn-primary-wh  {background-color:#fff;color:#0033a0 !important;text-decoration:underline;border-radius:20px;padding:5px 30px;} 
.btn-primary-wh:hover,  .btn-primary-wh:active{background-color:#0033a0;color:#fff !important;border-radius:20px;padding:5px 30px;border:2px solid #fff !important;}

/*General Styles*/
.row {margin:0;padding:0}
.interior {width:100%;max-width:1200px;margin:0 auto;/*padding:40px 0;*/}
@media screen and (max-width: 1024px){
    .row {margin:0;padding:0 15px;}
    .interior {padding:0 15px;}}

.newsInterior {width:100%;max-width:1200px;margin:80px auto 40px auto;}
@media screen  and  (max-width: 1024px){
    .newsInterior {padding:0 15px;margin:90px auto 40px auto;}}
.newsImg {max-width:600px;margin:0 auto 15px;;display:block;}
@media screen  and  (max-width: 768px){
        .newsImg {max-width:100%;}}


.caret-right{border-color: transparent transparent transparent #ffffff;border-width:6px;border-style:solid;content: "";display:inline-block;}
.clear {clear:both;}
.disclaimer {font-size:.9em;margin-top:40px;line-height:1.5em;}
.noPadLR {padding-left:0;padding-right:0;}
.visuallyhidden { border: 0;  clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;white-space: nowrap; width: 1px;}
.marTop10 {margin-top:10px;}
.marBot10 {margin-bottom:10px;}
.marBot25 {margin-bottom:25px;}
.padBot25 {padding-bottom:25px;}
.padBot50 {padding-bottom:50px;}

/*hide content on desktop or mobile with a 992px breakpoint*/
.showDesktop {display:block;}
.showMobile {display:none;}
@media only screen and (max-width: 992px) {
   .showDesktop {display:none;}
   .showMobile {display:block;}}

/*hide content on desktop or mobile with a 767px breakpoint*/
.sDesktop {display:block;}
.sMobile {display:none;}
@media only screen and (max-width: 767px) {
   .sDesktop {display:none;}
   .sMobile {display:block;}}


/*Skip link*/	
  .skip {position:absolute; top: -1000px; left: -1000px; height:1px;width:1px;text-align:left;overflow:hidden;}	
  a.skip:active,
  a.skip:focus,
  a.skip:hover {left:0; top:0; width: auto; height:auto;overflow:visible;}
	
/*Top Navigation*/
.navbar {min-height:70px;}
.navbar-default {background-color:#095de3;border-color:#095de3;}	
.navbar-brand {padding:10px 15px;}
.navbar-brand>img {display: block;width: 150px;margin:14px 0 10px 50px;}

@media (max-width: 450px){
    .navbar-brand>img {margin:10px 0 10px 5px;}}

@media (min-width: 1200px) {
    .container {width: 1200px;}}

@media (min-width: 1200px){
    .navbar-nav {float: right;margin: -12px 0 0 0;}}

/*@media screen and (min-width: 993px) and  (max-width: 1199px){	
    .navbar-nav {margin:20px 0 0 5%;}}*/

@media screen and (min-width: 768px) and  (max-width: 992px){	
    .navbar-nav {margin-left:5%;margin-top:20px;}}

@media (min-width: 1024px){
    nav.navbar ul.nav > li > a {padding: 40px 20px 10px 20px;font-weight: 600;}}

.navbar-default .navbar-nav>li>a {color: #fff;}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, 
nav.navbar ul.nav li.dropdown.on > a, 
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover, 
nav.navbar ul.nav li.active > a, 
nav.navbar li.dropdown ul.dropdown-menu > li a:hover {color: #fff;}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {color:#fff; background-color: #095de3;}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {color: #fff !important;background-color: #095de3;}

@media (min-width: 768px) {
    nav.navbar li.dropdown ul.dropdown-menu { /*margin-top:25px;*/border-top: #fff solid 2px; background-color:#0033a0;}}

.navbar-nav>li>.dropdown-menu {border-top-left-radius: 0;border-top-right-radius: 0;}

.dropdown-menu {baskground-color:#0033a0; color:#fff;}
.dropdown-menu > li > a {padding: 5px 10px; font-size: 1.1em; color: #fff;}

@media screen and (min-width: 767px){
     .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{ display: block;}
     .dropdown-toggle{ margin-bottom: 2px;}
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}}

@media screen and (min-width: 1200px){
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -55px; margin-top:-13px}}

@media screen and (min-width: 991px) and (min-width: 2100px){
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -55px; margin-top:-13px}
	.navbar-nav {margin:-10px 0 0 80px;}}

.navIcon {width:26px;float:left;display:block;}
.navImg {width:20px;}
.navIcon:first-child {margin-left:-28px;}
.singleImg {max-width:800px;margin:25px auto 50px;}
.socialDropdown {width:170px;}	
@media screen and (min-width: 993px) and  (max-width: 1199px){	
    .container {max-width:1199px;margin:0 auto;}
    nav.navbar ul.nav > li > a {padding: 40px 10px 40px 10px;font-size:1em;}}

.btn  {border: 2px solid transparent;}
.btn-join, .btn-join-mob {color:#0033a0 !important;background-color:#fff;border-color:#fff;margin-top:30px;border-radius:8px;}
.btn-join:hover, .btn-join-mob:hover  {color:#fff !important;background-color:#0033a0;border-color:#fff;}


.btn-join {width: }
.btn-join-mob {display:none;}
@media screen and (max-width: 990px){
	.btn-join{display:none;}}
@media screen and (min-width: 991px) and (min-width: 2100px){
	.btn-join  {margin:-100px  0 0 180px;display:inline-block; width:100px; clear:both;}}	
@media screen and (min-width: 768px) and  (max-width: 990px){	
    .container {width:760px;position:relative;}
    .btn-join-mob {margin:-37px 0 0 620px; display:inline-block; width:100px; clear:both;}}
@media screen and (min-width: 540px) and  (max-width: 767px){	
    .btn-join-mob {margin:-97px 0 0 295px;display:inline-block;width:100px;clear:both;}}
@media screen and (min-width: 451px) and  (max-width: 539px){	
    .btn-join-mob {margin:-97px 0 0 280px;display:inline-block;width:100px;clear:both;}}
@media screen and (min-width: 376px) and  (max-width: 450px){	
    .btn-join-mob {margin:-97px 0 0 210px;display:inline-block;width:100px;clear:both;}}
@media screen and (min-width: 321px) and  (max-width: 375px){	
    .btn-join-mob {margin:-97px 0 0 185px;display:inline-block;width:100px;clear:both;}}
@media screen and  (max-width: 320px){	
    .btn-join-mob {display:none;}}

@media screen and (max-width: 767px){
    .container > .navbar-header {border-color: #fff; padding-left:15px;padding-right:15px;height:75px;}
    .navbar-fixed-top .navbar-collapse {max-height: 640px;}
    .navbar-default .navbar-toggle {border-color:#fff;margin-top:21px; background-color: #0033a0;}
    .navbar-default .navbar-toggle:hover { background-color: #0033a0;}	
    .navbar-default .navbar-toggle:visited { background-color: #0033a0;}	
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .nav{padding-left:15px;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;background-color: #095de3;}
    .navbar-default .navbar-nav>li>a {border-bottom: 2px solid #fff;color:#fff;}
    .navbar-default .navbar-nav>.open>a {border-bottom: 2px solid #fff;}
    .caret {float:right;margin-right:15px;margin-top:15px;}
    .btn-join {margin:15px;}
    .socialDropdown {width:100%;}	
    .navIcon:first-child {margin-left:-20px;}	
    .navIcon {width:30px;margin-right:10px;}
    .navIcon:last-child {width:30px;margin-right:auto;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff;background-color: transparent;}}

@media (max-device-width: 480px) and (orientation: landscape) {
     .navbar-fixed-top .navbar-collapse {max-height: 400px;}}

/*Transparent header - scroll to color: */	
.navbar-default {border-color:transparent;}
.navbar-default .navbar-nav>.active>a {background:transparent;}
.bg-dark {transition:100ms ease;background:transparent !important;}
.bg-dark.scrolled {background:#095de3 !important;}
@media screen and (max-width: 767px){
	.navbar-nav {margin:0 -15px;}
	nav.navbar ul.nav li.active > a {background-color:#095de3}
	.navbar-nav .open .dropdown-menu {background-color:#095de3}
	.navbar-default .navbar-nav > li > a {background-color:#095de3}
	.navbar-default .navbar-nav > li > a:hover {background-color:#095de3}}
/*End Top Navigation*/

/*Beginning Banner styles*/
.heroBanner {height:485px;}
.homeBanner {height:485px;background: url("/resources/AllstateNI/images/banners/home-v4.jpg"); background-size:cover;background-position:center;}
.accountancyBanner {background:url("/resources/AllstateNI/images/banners/accountancy-and-finance.jpg"); background-size:cover;background-position:center;}
.aiMlBanner {background:url("/resources/AllstateNI/images/banners/artificial-intelligence.jpg"); background-size:cover;background-position:center; }
.allstateLifeBanner {background: url("/resources/AllstateNI/images/banners/allstate-life.jpg"); background-size:cover; background-position:center; }
.apprenticeshipsBanner {background:url("/resources/AllstateNI/images/banners/apprenticeships.jpg"); background-size:cover; background-position:center;}
.belfastBanner {background: url("/resources/AllstateNI/images/banners/belfast.jpg"); background-size:cover;background-position:center;}
.benefitsBanner {background: url("/resources/AllstateNI/images/banners/benefits.jpg"); background-size:cover;background-position:center;}
.blogBanner {background: url("/resources/AllstateNI/images/banners/blog.jpg"); background-size:cover; background-position:center;}
.careersBanner {background: url("/resources/AllstateNI/images/banners/careers-v2.jpg"); background-size:cover; background-position:center;}
.connectBanner {background: url("/resources/AllstateNI/images/banners/connect.jpg"); background-size:cover; background-position:center;}
.cultureBanner {background: url("/resources/AllstateNI/images/banners/culture.jpg"); background-size:cover; background-position:center; }
.csrBanner {background: url("/resources/AllstateNI/images/banners/csr.jpg"); background-size:cover;background-position:center;  }
.cybersecurityBanner {background: url("/resources/AllstateNI/images/banners/cybersecurity.jpg"); background-size:cover; background-position:center; }
.d3Banner {background:url("/resources/AllstateNI/images/banners/d3.jpg"); background-size:cover;background-position:center;}
.dataBanner {background:url("/resources/AllstateNI/images/banners/data.jpg"); background-size:cover;background-position:center;}
.digitalOperatingBanner {background:url("/resources/AllstateNI/images/banners/digital-operating-model.jpg"); background-size:cover;background-position:center;}                                               
.directorBanner {background:url("/resources/AllstateNI/images/banners/our-partnerships.jpg"); background-size:cover;background-position:center;}
.diversityBanner {background:url("/resources/AllstateNI/images/banners/diversity.jpg"); background-size:cover;background-position:center;}
.experiencedBanner {background:url("/resources/AllstateNI/images/banners/experienced.jpg"); background-size:cover;background-position:center;}
.eventsBanner {background:url("/resources/AllstateNI/images/banners/events.jpg"); background-size:cover;background-position:center;}
.flexibleWorkingBanner  {background:url("/resources/AllstateNI/images/banners/flexible-working.jpg"); background-size:cover;background-position:center;}
.getToKnowUsBanner {background: url("/resources/AllstateNI/images/banners/get-to-know-us.jpg"); background-size:cover;background-position:center; }
.graduatesBanner {background: url("/resources/AllstateNI/images/banners/graduates.jpg"); background-size:cover;background-position:center;}
.internshipBanner {background: url("/resources/AllstateNI/images/banners/internship-opportunities.jpg"); background-size:cover;background-position:center; }
.legalBanner {background: url("/resources/AllstateNI/images/banners/legal-services.jpg"); background-size:cover; background-position:center;}
.newsroomBanner {background: url("/resources/AllstateNI/images/banners/newsroom.jpg"); background-size:cover; background-position:center;}
.northwestBanner {background: url("/resources/AllstateNI/images/banners/northwest.jpg"); background-size:cover; background-position:center;}
.ourTeamsBanner {background:url("/resources/AllstateNI/images/banners/our-teams.jpg"); background-size:cover;background-position:center; }
.partnershipBanner {background: url("/resources/AllstateNI/images/banners/our-partnerships.jpg"); background-size:cover; background-position:center; }
.pathwaysInBanner {background: url("/resources/AllstateNI/images/banners/pathways-in.jpg"); background-size:cover; background-position:center; }
.placementBanner {background:url("/resources/AllstateNI/images/banners/placement-opportunities.jpg"); background-size:cover;background-position:center; }
.pressBanner {height:485px;background: url("/resources/AllstateNI/images/banners/press-release.jpg"); background-size:cover;background-position:center; }
.relocateBanner {background:url("/resources/AllstateNI/images/banners/relocate.jpg"); background-size:cover;background-position:center; }
.returnersBanner {background:url("/resources/AllstateNI/images/banners/returners.jpg"); background-size:cover;background-position:center; }
.serviceDeskBanner {background:url("/resources/AllstateNI/images/banners/service-desk.jpg"); background-size:cover;background-position:center;}
.supportFunctionsBanner {background:url("/resources/AllstateNI/images/banners/support-functions.jpg"); background-size:cover;background-position:center; }
.technologyBanner {background:url("/resources/AllstateNI/images/banners/technology-v2.jpg"); background-size:cover;background-position:center;}
.volunteerBanner {background:url("/resources/AllstateNI/images/banners/volunteer.jpg"); background-size:cover;background-position:center;}
.whyChooseUsBanner {background:url("/resources/AllstateNI/images/banners/why-choose-us.jpg"); background-size:cover;background-position:center;}

.heroBanner .heroCTA {width:100%;padding:150px 11% 0 11%;}
.heroBanner .welcome {color:#fff;font-size:1.5em;font-weight:600;padding:0;}
.heroBanner .welcomeSite {color:#fff;font-size:4em;font-weight:600;line-height:1em;line-spaccing:2px;margin:2% 0;}
.heroBanner .welcomeMessage {color:#fff;font-size:1.5em;font-weight:600;border-left:5px solid #fff;padding: 0  0 0 3%;width:55%;line-height:1.3em;}

.heroBanner .heroFullCTA {width:100%;max-width:1200px;margin:0 auto;text-align:center;}
.heroBanner .heroFullCTA .bannerHeading {padding:200px 0 0 0;font-size:4em;line-height:1.1em;}
.heroBanner .heroFullCTA h1 {text-align:center;color:#fff;font-size:4em;font-weight:600;line-height:1em;line-spaccing:2px;width:100%;}
.heroBanner .heroFullCTA p {text-align:center;color:#fff;font-size:1.5em;font-weight:600;line-height:1.3em;padding:0 5%;}

@media screen and  (min-width: 768px) and (max-width: 992px){
	.heroBanner {height:390px;}
    .heroBanner .heroCTA {width:75%;padding:195px 10% 0 10%;}
	.heroBanner .welcome  {font-size:1.3em;}
    .heroBanner .welcomeSite {font-size:1.3em;width:65%;}
	.heroBanner .welcomeMessage {font-size:1.3em;width:65%;}
    .heroBanner .heroFullCTA {width:95%;padding:40px 15px 15px 15px;}
	.heroBanner .heroFullCTA .bannerHeading {padding:200px 0 15px 0;font-size:3em;line-height:1.5em;}
    .heroBanner .heroFullCTA p {font-size:1.3em;}}

@media screen and (max-width: 767px){
   .heroBanner {height:390px;}
   .heroBanner .heroCTA {width:90%;padding:130px 5% 5% 5%;}
   .heroBanner .welcome {font-size:1.1em;}
   .heroBanner .welcomeSite {font-size:2.5em;}
   .heroBanner .welcomeMessage {width:95%;font-size:1.1em;}
   .heroBanner .heroFullCTA {width:100%;padding:60px 15px 30px 15px;height:auto;}
   .heroBanner .heroFullCTA p {font-size:1.1em;}}

@media screen and (max-width: 767px){
	.heroBanner .heroFullCTA .bannerHeading {padding:85px 0 0 0;font-size:2.2em;line-height:1.1em;}}

/*End Banner styles*/

/* Breadcrumb */
ol.breadcrumb {margin:10px auto 10px auto;background-color:#fff;max-width:1200px;font-size:16px;}

/***Home Page***/
/*Home Intro*/
.introLeft {padding-right:25%;}
.introLeft .blueTitle1 {color:#0033a0;font-size:1.4em;}
.introLeft h2 {text-align:left;font-size:1.5em;padding-bottom:20px;}
@media screen and (min-width: 768px) and  (max-width: 1200px) {
	.niIntro {padding:0 15px;}
    .introLeft {padding-right:25%;}}
@media screen and (max-width: 767px){
	.niIntro {padding:0;}
    .introLeft {padding-right:5%;}}

/*Home News Section*/
.newsTile {position:relative;padding-left:0;padding-right:0;margin-bottom: 160px;}
.newsTile1, .newsTile2, .newsTile3, .newsTile4, {background-repeat:no-repeat:}
.articleBox {background-color:#fff; position:absolute;top:85%; left:5%; padding:25px; width:90%;height:250px;text-align:center;}
.articleBox h3 {color:#333;text-transform:none;margin:0 0 15px 0;}
.articleBox .btn-primary {position:absolute;bottom:25px;left:25%;}
@media screen and (min-width: 993px) and  (max-width: 1024px){
	.articleBox {height:245px;}
	.articleBox h3 {font-size:1.1em;}
    .articleBox .btn-primary {left:17%;}}
@media screen and (min-width: 768px) and  (max-width: 992px){
	.articleBox {height:190px;width:}
	.articleBox h3 {font-size:1.1em;}
    .articleBox .btn-primary {left:27%;}}
@media screen and (min-width: 350px) and  (max-width: 767px){
    .newsTile {margin: 15px 0 160px;}
    .newsTile:last-child {margin: 15px 0 120px;}
    .articleBox{margin-bottom:30px;height:auto;}
	.articleBox h3 {margin-bottom:20px;}
	.articleBox .btn-primary {position:unset;}}
@media screen and (max-width: 767px){
    .newsTile {margin: 15px 0 200px;}
    .newsTile:last-child {margin: 15px 0 120px;}
    .articleBox{margin-bottom:30px;height:auto;}
	.articleBox h3 {margin-bottom:20px;}
	.articleBox .btn-primary {position:unset;}}


/*Home Career Section*/
.careerCTA {max-width:1200px;margin:0 auto;text-align:center;}
.careerCTA h2 {color: #fff;font-size:2.1em;margin:7% 0 0 0;}
.careerCTA h3 {text-align: center;color: #fff;font-size:1.6em;font-weight:600;text-transform: none;}
.careerCTA p {text-align: center;color: #fff;font-size:1.2em;font-weight: 600;}
.careerCTA .btnContainer {width:161px; margin:0 0 0 120px;}
.careerCTA a.btn-join {font-size:2em;border-radius:20px;}
.careerCTA a.btn-join:hover  {color:#fff !important;background-color:#0033a0;}	
@media screen and (min-width: 993px) and  (max-width: 1024px){
	.careerCTA h2 {font-size:2em;padding:0 4%;}}
@media screen and (min-width: 768px) and  (max-width: 992px) {
    .careerCTA h2 {font-size:2em;margin:12% 0 0 3%;;text-align: center;padding:0 0 0 15px;}
	.careerCTA  {padding:0 15px;}
    .careerCTA .btnContainer {margin:100px auto 0 70px;}
    .careerCTA a.btn-join{margin-left:-1px;width:121px}}
@media screen and (max-width: 767px){
    .blueBkground  {padding:60px 0;}
    .careerCTA h2 {text-align:center;margin:0;}
    .careerCTA .btnContainer {margin:0 auto 20px;}
    .careerCTA a.btn-join{margin-left:-1px;}}

/*Home Why Work for Us Section  -  Numbers counting up */
.whyWork {text-align:center;}
.counting-sec {padding:0;width:100%; background:linear-gradient(90deg; #0033a0, #fff);}
.inner-width {max-width:1200px;margin:auto;}
.col {text-align:center;color:#fff;text-transform:uppercase;}
.col p  {font-size:1.1em;color:#0033a0;font-weight:600;}
.num {font-size:4em;margin:0 10px;color:#333;font-weight:600;margin-bottom:30px;}
@media screen and (min-width: 768px) and  (max-width: 992px){	
    .col p  {font-size:1em;}
    .num {font-size:3em;}}
@media screen and (max-width: 767px){
     .inner-width {margin: 0 auto;}
    .col p  {padding-bottom:40px;}}

/*Home  Why Northern Ireland Section*/
.whyNI {max-width:1200px;margin:0 auto;text-align:center;}
.whTile {background-color:#fff; width:350px;margin:40px auto 0;padding:30px 60px;position:relative;height:370px;}
.whyNIicons {width:85px;margin:0 auto;display:block;width:85px;}
.whyNI h2 {text-align:center;margin:10px 0 20px 0;}
.whyNI p {text-align:center;margin-bottom:25px;font-size:1.1em;fline-height: 1.5em;}
.whTile .btn-primary {position:absolute;bottom:25px;left:86px;}

@media screen and (min-width: 993px) and  (max-width: 1024px){
    .whTile {background-color:#fff; width:300px;padding:30px;height:340px;}
	.whyNI h2 {font-size:1.5em;}
	.whTile .btn-primary  {bottom:25px;left:22%;}}
@media screen and (min-width: 768px) and  (max-width: 992px){
    .whTile {background-color:#fff; width:290px;padding:30px 10px;height:370px;}
	.whTile .btn-primary  {bottom:25px;left:21%;}}
@media screen and (max-width: 767px){
    .whTile {background-color:#fff; width:300px;padding:30px;height:auto;margin-bottom:30px;}
	.whyNI h2 {font-size:1.5em;}
	.whTile .btn-primary   {position:unset}}

/*Home Allstate Life Section*/
.lifeTile {float:left;position:relative;cursor:pointer;}
.lifeBox { background-color:rgba(0,0,0,0.6);opacity:0; /*margin-top:-25px; */width:100%; height:100%; position:absolute;top:0;left:0;}
.lifeBox h3 {color:#fff;font-size:2.5em;text-transform:none;font-weight:600;text-align:center;margin:50% 0 0 0;}

/*Home Testimony Carouse; */	
.carImgHolder {width:150px;margin:0 auto;}
.imgTestimony {border-radius:50%;}
.quoteContainer {padding:0 25% 0 0}.niQuote {color:#fff;font-weight:500;letter-spacing:1px;line-height:1.5em;}
.niName {color:#fff;font-weight:600;text-transform: uppercase;letter-spacing:1px;line-height:1.5em;margin-bottom:5px;}
.niTitle  {color:#fff;font-weight:500;text-transform:normal;letter-spacing:1px;line-height:1.5em;}	
@media screen and  (min-width: 451px) and (max-width: 767px){
	.quoteContainer {padding:5% 15% 0 15%;}}	
@media screen and (max-width: 450px){
	.quoteContainer {padding:5% 15% 0 15%;}}	
/* End of the Home page */

/*Accordian styles*/
.panel-default>.panel-heading {color:#0033a0 !important;background-color:#fff;border-bottom:4px solid #0033a0; }
.panel-title {position: relative;text-align:left !important;color:#0033a0 !important;} 
.panel-title:after {content: "\f107";color: #0033a0;top:  2px;left: 100px;position: absolute; font-family: "FontAwesome"}
.panel-title[aria-expanded="true"]::after {content: "\f106";}
.panel-body {padding:40px 25px;height:auto !important;}
.press {margin:0;padding:0;}
.pressTile2 {max-width:500px;margin:0 auto 40px; position:relative;height:530px;background-color:#f5f5f5;}	
.pressTile2 .pressDate {position:absolute; top:190px;left:10px;display:block; width:120px;background-color:#fff;padding:5px 10px;}
.pressTile {max-width:345px;height:530px;margin:0 auto 40px; position:relative;background-color:#f5f5f5;}	
.pressTile .pressDate {position:absolute; top:120px;left:10px;display:block; width:120px;background-color:#fff;padding:5px 10px;}
.pressInfo {padding: 4% 5% 6% 5%;}
.pressInfo h3 {font-size:1.4em;text-transform:none;margin-top:0;} 
.pressInfo p {line-height:1.5em;}
.pressInfo a {position:absolute; bottom:25px;}
@media screen and (min-width: 993px) and  (max-width: 1024px){
    .pressTile2{max-width:450px;height:530px;}
    .pressTile2 .pressDate {position:absolute; top:165px;}
    .pressTile {max-width:500px;height:530px;}
    .pressTile .pressDate {position:absolute; top:120px;}}
@media screen and (min-width: 769px) and  (max-width: 992px){
    .pressTile2{max-width:350px;height:530px;}
    .pressTile2 .pressDate {position:absolute; top:120px;}
    .pressTile{max-width:500px;height:530px;}
    .pressTile .pressDate {position:absolute; top:100px;}}
@media screen and  (max-width: 768px){
    .pressTile2{max-width:450px;height:auto;}
    .pressTile2 .pressDate {position:absolute; top:165px;}
    .pressTile2.pressInfo a {position:unset;}
    .pressTile  {max-width:450px;height:auto;}
    .pressTile .pressDate {position:absolute; top:100px;}
    .pressTile2 .pressInfo a {position:unset;}
    .pressTile .pressInfo a {position:unset;}}
@media screen and (min-width: 321px) and  (max-width: 275px){
    .pressTile2 .pressDate {position:absolute; top:90px;}
    .pressTile .pressDate {position:absolute; top:100px;}}
@media screen and (max-width: 320px){
    .pressTile2 .pressDate {position:absolute; top:70px;}
    .pressTile .pressDate {position:absolute; top:75px;}}

 /*Accountancy Financial  icons and Reimburse section*/
.threeAcross {margin:40px 0;}
.leftBox {padding:0 30px 20px 0; border-right: 1px solid #0033a0;}
.blueHeading {color:#0033a0; font-size:1em;text-transform: uppercase;font-weight:600;}
.pDetail {color:#333;font-weight:400;text-transform:none}
.bluePercent {font-size:4.5em;color:#0033a0;display:inline-block;font-weight:900;letter-spacing: 8px;margin-left:-25%}
.iconReimburse {width:90px; margin: -100px 0 20px 220px}
.centerBox {padding:0 30px 30px 30px;border-right: 1px solid #0033a0;}
.iconApprove {width:90px;padding-top:15px;}
.iconCharter {width:240px;margin:-85px 0 0 110px}
.rightBox {padding:0 0 20px 30px;}
.rightBox .topBox {border-bottom:1px solid #0033a0;}
.rightBox .bottomBox {padding:15px 0;}
.iconMentor {width:90px;padding:0 20px 0 0;float:left;}
.iconFlexibility {width:90px;padding:0 20px 0 0;float:left;}
@media screen and  (min-width: 768px) and (max-width: 1200px){
    .leftBox {padding:0 15px 20px 15px;}
    .bluePercent {font-size:3em;letter-spacing;1px;margin-left:-30%;}
    .blueHeading {font-size:1em;padding-bottom:15px;}
    .iconReimburse {width:70px; margin: -80px 0 20px 62%}
    .centerBox {padding:0 30px 30px 15px;}
    .iconApprove {width:58px;margin-top:20px;margin-left:0;}
    .iconCharter {width:155px;margin:-55px 0 0 65px}
    .rightBox {padding:0 15px 0 15px;}
    .iconMentor {width:70px;padding:0 20px 0 0;float:left;}
    .iconFlexibility {width:70px;padding:0 20px 0 0;float:left;}}
@media screen and (max-width: 767px){
    .leftBox {padding:0 0 20px 0;border-right:none; border-bottom: 1px solid #0033a0;border-top: 1px solid #0033a0;}
    .centerBox {padding:0 0 20px 0;border-right:none; border-bottom: 1px solid #0033a0;}
    .blueHeading {font-size:1em;padding-top:20px;padding-bottom:15px;}
    .bluePercent {font-size:3.2em;letter-spacing;1px;margin-left:-30%;}
	.iconReimburse {width:80px; margin: -80px 0 20px 60%}
    .iconApprove {width:65px;margin-top:20px;}
    .iconCharter {width:170px;margin:-60px 0 0 80px}
    .centerBox {padding:0 0 30px 0;}
    .rightBox {padding:0;}
    .iconApprove {width:58px;margin-top:0;}
    .rightBox .bottomBox {padding:0 0 15px 0;border-bottom:solid 1px #0033a0;}
    .iconMentor {width:90px;padding:20px 20px 0 0;float:left;}
    .iconFlexibility {width:90px;padding:20px 20px 0 0;float:left;}}

/*ani-statements PDF */
.ani-statements {width:100%;max-width:1200px;margin:0 auto;}

/*Benefits Page*/
.benefits {margin:45px 0;}
.benefitTile {padding:5px 20px 5px 0; margin-bottom:25px; text-align:center;}
.benefitIcon {width:55px;margin:0 auto 15px auto;}
    .imgCaption {margin: 0 2% 4% 2%}
@media only screen and (max-width: 767px) {
    .benefits {text-align:Center}
    .benefitIcon {width:55px;margin:0 auto 15px auto;}}

/*Blog page*/
.blog {margin:0;padding:0;}
.blogTile {max-width:325px;margin:0 auto 40px; }	
.blogInfo {background-color:#f5f5f5;padding: 4% 5% 6% 5%;position:relative;height:325px;}
.blogInfo h3 {font-size:1.1em;text-transform:none;}
.blogInfo .blogDate {margin-bottom:10px;padding-bottom:0;}
.blogInfo p {padding-bottom:15px;}
.blogInfo .btn-primary {position:absolute;bottom:25px;left:25px;}

@media screen and (min-width: 768px) and  (max-width: 992px){
  .blogTile {max-width:245px;}	
  .blogInfo {max-width:245px ;height:375px;}
  .blogInfo .btn-primary {bottom:25px;left:15px;}}

@media screen and (max-width: 767px){
  .blogInfo {height:auto;}
  .blogInfo .btn-primary {position:unset;}}

/*Blog Articles*/
.blogTitle {color:#333; font-size:1.75em;}
h2.blogH2 {font-size:1.4em; text-align:left;}
.blogList {margin-bottom:25px;}
.blogList li {margin-bottom:10px;}

/*Careers page*/
.padLR18 {padding:0 18%;text-align: center;}
.careers {text-align:center;}
.careerTile { width:100%;max-width:400px;height:400px;margin:40px auto 40px auto;padding:8%;background-color:#fff;}
.careerTile h3 {text-transform:none;font-weight:600;font-size:1.5em;}
.careerTile p {line-height:1.5em;padding-bottom: 40px;}
@media screen and  (min-width: 769px) and (max-width: 992px){
    .careerTile { width:100%;max-width:325px;height:400px;}}
@media screen and (max-width: 768px){
    .padLR18 {padding:0 10%;text-align: center;}
    .careerTile { height:auto;}}

/*CSR page*/
.csr-content {width: 100%;max-width: 320px;height: 375px;margin: 0 auto 0 auto;background-color: #fff; text-align: center; padding: 25px;}
	.csr-content img {width:90%;margin-bottom:20px;}
@media screen and (max-width: 768px){
	.csr-content {height: 390px;}}

/*Carousels*/
/*Three Items Across Carousel*/
#threeVisible, #threeIconAcross {width: 100%;}
#threeVisible .owl-carousel .owl-stage-outer, 
#threeIconAcross .owl-carousel .owl-stage-outer {max-width: 1200px;  margin: 0  auto 40px;}
#threeVisible .owl-carousel .owl-item, 
#threeIconAcross .owl-carousel .owl-item { margin-bottom: 20px;}
/*Three Items Across Carousel - 3 rows*/
#nineVisible {width:100%; max-width: 1200px;  margin: 0  auto 0 auto;}
#nineVisible.owl-carousel .owl-stage-outer {max-width: 1200px;  margin: 0  auto 0;}
#nineVisible.owl-carousel .owl-item { margin-bottom: 20px;}
/*Diversity*/
#diversityVisible {width:100%; max-width: 1200px;  margin: 60px auto 100px auto;}
#diversityVisible.owl-carousel .owl-stage-outer {max-width: 1200px;  margin: 0  auto 0;}

@media only screen and (min-width: 1025px) {
	#threeVisible .owl-carousel .owl-stage, 
	#threeIconAcross .owl-carousel .owl-stage {max-width: 1100px; margin: 0 auto} 
	#threeVisible .owl-carousel .owl-item, 	
	#threeIconAcross .owl-carousel .owl-item { width: 31.5% !important;}
    #nineVisible.owl-carousel .owl-stage {max-width: 1100px; margin: 0 auto} 
	#nineVisible.owl-carousel .owl-item { width: 31.5% !important;}}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
	#nineVisible.owl-carousel .owl-item { width: 30.5% !important;}}

@media screen and (max-width: 992px){
    #nineVisible {width:100%; max-width: 1200px;  margin: 0  auto 60px auto;}}
	
@media screen and (max-width: 767px){
	#threeVisible {padding-bottom: 40px;}
	#threeIconAcross {padding-bottom: 40px;}
	#nineVisible {padding-bottom: 40px;}}

.cyber-content {height:500px;margin-bottom:60px;}

.diversity {margin:40px 0;}
.diversityTile {padding-right:10%;margin-bottom:20%;}
.diversity img {width:25%;}

/*Carousel*/
/*Carousel with icon in blue box on top*/
.area-content  {width:100%;max-width:325px;height:434px;margin:0 auto;background-color:#fff;text-align:center;}
.area-content .blueTop {background-color:#0033a0;padding:8%;}
.area-content .blueTop .imgIcon {width:85px !important;margin:0 auto;}
.area-content .imgIcon {width:85px !important;margin:0 auto;}
/*Image across the top of box */
.area-content .imgTop {padding:0;}
.area-content .whtBottom {background-color:#fff;padding 10% 10% 20% 10%;}
.area-content h3 {font-size:1.3em;font-weight: 600;line-height: 1.38em;text-transform: none; text-align: center;color: #333333;}
.area-content p {padding:0 35px;text-align: center;font-weight:400;line-height:1.75em;}
/*white box with icon on top*/
.cyber-content  {width:100%;max-width:325px;height:440px;margin:0 auto 0 auto;;background-color:#fff; text-align:center; padding:10px; position:relative;}
.cyber-content h3 {font-size:1.3em;font-weight: 600;line-height: 1.38em;text-transform: none; text-align: center;color: #333333;}
.cyber-content p {padding:0 7%;text-align: center;font-weight:400;line-height:1.5em;}
.cyber-content .btn-primary {position:absolute;bottom:25px;left:25%;}
@media screen and  (min-width: 768px) and (max-width: 1024px){
	.cyber-content {height:440px;margin-bottom:60px;}}
@media screen and  (min-width: 400px) and (max-width: 768px){
	.cyber-content {height:450px;margin-bottom:60px;}}
@media screen and  (min-width: 333px)  and (max-width: 399px){
	.cyber-content {height:460px;margin-bottom:60px;}}
@media screen and (max-width: 332px){
	.cyber-content {height:530px;margin-bottom:60px;}
	.cyber-content .btn-primary {left:18%;}}

/*Connect section*/
.building {padding: 0 10% 10% 0}	
.map {width:80%;}
.resp-container  {position:relative;overflow:hidden;padding-top:56.25%;}
.resp-iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%;border: 0;}
.address h3 {text-transform:none;}
.address p {font-size:1.1em;font-weight:600;}
@media screen and (max-width: 767px){	
	.resp-container  {margin-bottom:25px;}
	.building {padding: 0;margin-bottom:20px;}	
	.map {width:100%;margin-bottom:20px;}
	.address {margin-bottom:40px;}}

/*Culture*/
.culture-content {width: 100%;max-width: 320px;height: 370px;margin: 0 auto 0 auto;background-color: #fff; text-align: center; padding: 25px;position:relative;}
.culture-content img {width:90%;margin-bottom:20px;}
.culture-content a {position:absolute;bottom:25px;left:25%}
@media screen and (max-width: 768px){
	.culture-content {height: 390px;}
	.culture-content a {position:absolute;bottom:25px;left:23%}}

/*Cyber Award  Section*/
.cyberAwards {text-align:center;}
.awardTile {padding:15px;height:290px;}
.cyberAwards img {width:auto;}
.cyberAwards p {font-size:.9em;}
.cyberAwards.awardDet {font-size:.8em;}	
@media screen and  (min-width: 769px) and (max-width: 992px){
		.awardTile {height:175px;;margin-bottom:25px;}}
@media screen  and  (min-width: 333px) and (max-width: 768px){
		.awardTile {height:295px;;margin-bottom:15px;padding:5px;}}
@media screen and (max-width: 332px){
		.awardTile {height:305px;;margin-bottom:15px;padding:5px;}}

/*CyberSafety for Kids section */
.cyberSafety {background-color:#0033a0;padding: 0 15px;text-align:center;}
.cyberSafety img {width:100%;max-width:798px;margin:0 auto 40px;}

/*D3 Intro*/
.d3Intro {text-align:left;}	
.d3Intro h2 {text-align:left;font-size:2em;}	
.d3Intro h3 {text-align:left;text-transform: none;font-size:1.5em;padding:0 0 20px 0;margin:0;}	
.d3Intro p {text-align:left;padding:2% 10% 0 10%}		
@media only screen and (max-width: 767px) {
	.d3Intro h2, .d3Intro h3 {text-align:center;} 
	.d3Intro p {text-align:center;padding:0;}}

/*Difference found on CSR page*/
.difference {margin: 40px 0;}
.difContent {width:310px;}
.difNum {color:#000;font-size:4.5em;font-weight:600;margin:0;padding:0}
.difFactBl {color:#0033a0;font-size:1.2em;text-transform: uppercase;font-weight:600;width:310px;margin:0;padding:0}
.difFactBk {color:#000;font-size:1em;text-transform: uppercase;font-weight:600;width:310px;margin:0;padding:0}
.iconCSR {display:inline-block;width:18%}
@media only screen and (max-width: 993px) {
    .difContent {width:310px;margin:20px auto;}
    .difContent:first-child {margin-left:15px;}}

/*Email icon*/
.emailIcon {width:70px;display:inline-block;float:left;margin:0 20px 20px 0}
.emailText {display:inline-block;padding:10px 0 8px 0;margin-bottom:0}

/* Employee - on benefits page  */
.employeeImg {width:80%;margin: 25px 10% 40px 10%;}
@media screen and (min-width: 768px) and  (max-width: 992px){	
	.employeeImg {width:90%;margin: 25px 5% 40px 5%;}}
@media only screen and (max-width: 767px) {
    .employeeImg {width:96%;margin: 25px 2% 40px 2%;}}

/* Event  page */
.event {margin:0;padding:0;}
.eventTile {max-width:345px;height:550px;margin:0 auto 40px; position:relative;background-color:#f5f5f5;}	
.pastTile {max-width:345px;height:430px;margin:0 auto 40px; position:relative;background-color:#f5f5f5;}	
.eventDate {position:absolute; top:30%;left:10px;display:block; width:100px;background-color:#fff;padding:5px 10px;font-size:.8em;}
.eventInfo {padding: 4% 5% 6% 5%;}
.eventInfo h2 {font-size:1.2em;text-transform:none;margin-top:0;text-align: left;} 
.eventInfo p {line-height:1.3em;}
.eventInfo .btn-primary {position:absolute; bottom:25px; left:15px;}
@media screen and (min-width: 768px) and  (max-width: 1024px) {
	.eventTile {max-width:255px;height:610px;}
	.pastTile {max-width:255px;height:440px;}
	.eventDate {top:20%;}}

/*Experienced Section */
.experienced .exImg {padding:65px 15px 0 25px ;}
.experienced .iconExperienced {width:50px;}
.experienced .exBox {padding:45px 45px 0 45px;}
.experienced h3 {color:#0033a0;text-transform:none;font-size:1.3em;}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.experienced .exBox {padding:45px 0 0 45px;}}

/*Finance Section*/
.finance h2, .finance .sectionIntro, .finance h3, .finance p {color:#fff;text-align: center;}

/*Three Grid  Boxes*/
.threeGrid, .threeGrid3 {display:flex; flex-direction:row;justify-content:space-between;}
.gridBox {margin:auto;width:31%;text-align:center;padding:3%;background-color:#0033a0;box-sizing: border-box;height:325px;margin-bottom:25px;}
.gridBox h3 {color:#fff;}
.gridBox p {color:#fff;padding-bottom:10%}
.gridBox img {width:20%;margin:0 auto;}
@media screen and (max-width: 767px){
    .threeGrid, .threeGrid3 {display:block;}
    .gridBox {width:80%;height:auto:}}

/*Two Grid  Boxes*/
.twoGrid {display:flex; flex-direction:row;justify-content:space-between;margin-bottom:25px}
.grid1Box, .grid2Box, .grid3Box, .grid4Box {margin:auto;width:45%;text-align:center;padding:3%;background-color:#e9e9e9;box-sizing: border-box;height:498px;margin-bottom:25px;padding:8% 5%}
.grid1Box h2, .grid2Box h2, .grid3Box h2, .grid4Box h2 {color:#333;}
.grid1Box p, .grid2Box p, .grid3Box p, .grid4Box p {color:#333;padding-bottom:20px;line-height:1.5em;}
.grid1Box img, .grid2Box img, .grid3Box img, .grid4Box img {width:20%;margin:0 auto;}	
@media screen and (min-width: 768px) and (max-width: 1024px){
    .grid1Box, .grid2Box, .grid3Box, .grid4Box {width:45%;height:348px;padding:4%;}}
@media screen and (max-width: 767px){
    .twoGrid {flex-wrap:wrap;margin-bottom:0}
    .grid1Box, .grid4Box  {display:block;width:100%;height:auto;}
	.grid2Box, .grid3Box {display:block;height:300px;width:100%}
	.grid3Box {order:2}
	.grid4Box {order:1}}

/*Grid Boxes background images*/
/*  Background images on Allstate connect page*/
.connectBkgd1 {background-image: url("/resources/AllstateNI/images/connect/connect-1.jpg");background-size:cover;background-position:center;}
.connectBkgd2 {background-image: url("/resources/AllstateNI/images/connect/catalyst.png");background-size:cover;background-position:center;}
/*  Background images on Allstate Life page*/
.lifeBkgd1 {background-image: url("/resources/AllstateNI/images/life/life-1.jpg");background-size:cover;background-position:center;}
.lifeBkgd2 {background-image: url("/resources/AllstateNI/images/life/life-2.jpg");background-size:cover;background-position:center;}
.lifeBkgd3 {background-image: url("/resources/AllstateNI/images/life/life-3.jpg");background-size:cover;background-position:center;}
.lifeBkgd4 {background-image: url("/resources/AllstateNI/images/life/life-4.jpg");background-size:cover;background-position:center;}
/*  Background images on newsroom page*/
.newsroomBkgd1 {background-image: url("/resources/AllstateNI/images/news/newsroom-01-v2.jpg");background-size:cover;background-position:center;}
.newsroomBkgd2 {background-image: url("/resources/AllstateNI/images/news/newsroom-02-v2.jpg");background-size:cover;background-position:center;}
.newsroomBkgd3 {background-image: url("/resources/AllstateNI/images/news/newsroom-03-v2.jpg");background-size:cover;background-position:center;}
/*  Background images on Why Choose Us page*/
.chooseBkgd1 {background-image: url("/resources/AllstateNI/images/careers/choose-us-1.jpg");background-size:cover;background-position:center;}
.chooseBkgd2 {background-image: url("/resources/AllstateNI/images/careers/choose-us-2.jpg");background-size:cover;background-position:center;}
.chooseBkgd3 {background-image: url("/resources/AllstateNI/images/careers/choose-us-3.jpg");background-size:cover;background-position:center;}
.chooseBkgd4 {background-image: url("/resources/AllstateNI/images/life/life-6.jpg");background-size:cover;background-position:center;}

	
/*Icon Boxes*/
/*Gray Icon Boxes*/
.iconBoxGr {text-align:center; padding:0 20px;height:340px;}	
.iconBoxGr .imgIcon {width:auto !important;margin:0 auto 4% auto;}
.iconBoxGr h3 {color:#333;margin-bottom:20px;text-transform:none;font-size:1.2em}
.iconBoxGr p {color:#333;}
/*White Icon Boxes*/	
.iconBoxWh {width:100%;max-width:325px;height:340px; margin:0 auto;text-align:center;padding:0 8% 20px 8%;}	
.iconBoxWh .imgIcon {width:auto !important;margin:0 auto 4% auto;}
.iconBoxWh h3 {color:#fff;margin-bottom:20px;text-transform:none;font-size:1.2em}
.iconBoxWh p {color:#fff;}		
@media screen and (max-width: 767px){
	.iconBoxGr {max-width:300px;margin:0 auto;padding:0 20px;height:340px;}
	.iconBoxWh  {max-width:300px;margin:0 auto;padding:0 20px;height:340px;}}

/*Image on left and content on right*/
.imageHolder {padding:0 5% 60px 0;}	
.imageContent {padding-left:5%;}	
.imageContent h2 {text-align:left;margin-bottom:25px;padding-right:10%}	
.imageContent h2.pageIntro {font-size:1.5em;text-align:left;margin-bottom:10px;padding-right:10%}	
.imageContent p {padding-right:5%;line-height:1.5em;}
@media screen and  (min-width: 768px) and (max-width: 992px){
    .imageSection {margin-bottom:40px;}
    .imageHolder {padding:0 4%  60px 15px;}
   .imageContent h2 {font-size:2em;}}
@media screen and (max-width: 767px){
    .imageSection {margin-bottom:60px;}
    .imageHolder {padding:0 0 40px 0;}
    .imageContent {padding:0;}
    .imageContent p {padding-bottom:0;}}

/*images - large diagrams*/
.degreeCourses {width:80%;margin:0 10%;padding-top:25px;}
.valuesDiagram {width:70%;margin:0 15%;}

/*intern tile*/
.internTile {height:100px}
.internIcon img {width:80%;padding: 0 0 0 25%;}	
.internContent p {padding:0 20% 0 10%;}
.internBorder {border-right:#0033a0 solid 1px;margin-left:-1px}	
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .internTile {height:160px}}
@media only screen and (max-width: 767px) {
    .internTile {height:auto;margin-bottom:10%}
    .internIcon img {width:80%;padding: 0 0 0 10%;}	
    .internContent p {padding:0 10% 15% 10%;}
    .internBorder {border-right:none;border-bottom:#0033a0 solid 1px;margin-left:0;}}

/*Join Section */
.join {text-align:center;}
.join h2 {color:#fff;padding-bottom:30px;}	

/*logo section on Accountancy and Finance page*/
.logoCharter  {width:30%;  float:right;margin:2% 10%  0 0;}
.logoAcca {width:13%; float:left; margin-left:10%;}
@media screen and  (min-width: 768px) and (max-width: 1200px){
    .logoCharter  {width:50%;margin-top:5%;}
    .logoAcca {width:22%; margin-left:15%;}}
@media only screen and (max-width: 767px) {
    .logoCharter  {width:66%;margin-top:5%;}
    .logoAcca {width:38%; margin-left:15%;}}

/*OurTeam Section*/
.ourTeam .whTile1 {background-color:#fff; width:360px;margin:30px auto 0;padding:7% 5%;height:420px;text-align:center;position:relative;}
.ourTeam  h2 {text-align:center;margin:20px 0 20px 0;font-size:1.2em}
.ourTeam  p {text-align:center;margin-bottom:25px;font-size:1em;font-weight:400;line-height: 1.7em;}
.ourTeam .btn-primary {position:absolute;bottom:30px;left:25%;}
@media screen and (min-width: 993px) and  (max-width: 1200px){
    .ourTeam .whTile1  {width:300px;height:440px;}
    .ourTeam .btn-primary {left:21%;}}
@media screen and (min-width: 768px) and  (max-width: 992px){
    .ourTeam .whTile1  {width:240px;height:465px;}
    .ourTeam .btn-primary {left:14%;}}
@media screen and (max-width: 767px){
    .ourTeam .whTile1   {width:300px;height:auto;margin-bottom:30px;position:unset;}
    .ourTeam .btn-primary {position:unset;}}

/*Pathways In page*/
.pathways .whBox {background-color:#fff; width:300px;margin:30px auto 0;padding:7% 5%;height: 300px;text-align:center;position:relative;}
.pathways .whBox .imgIcon {width:25%}
.pathways  h2 {text-align:center;margin:5px 0 5px 0;font-size:1.2em}
.pathways  p {text-align:center;margin-bottom:25px;font-size:1em;font-weight:400;line-height: 1.7em;}
.pathways .whBox .btn-primary {position:absolute;bottom:30px;left:23%;}
@media screen and (min-width: 768px) and  (max-width: 992px){
    .pathways .whBox  {width:200px;height:330px;}
    .pathways .whBox .btn-primary {position:absolute;bottom:30px;left:8%;}}
@media screen and (max-width: 767px){
    .pathways .whBox  {width:320px;height:auto;margin-bottom:30px;}
	.pathways .whBox .btn-primary {position:unset;}}

/*Project Sections*/
/*image on the left side and content on the right side*/
.project1 {max-width:1200px;margin:30px auto 30px auto;display:flex;justify-content: space-between;}
.project1 .imgFlexBox {flex-basis:25%;}		
.project1 .contentFlexBox {background-color:#0033a0;flex-basis:72%;box-sizing:border-box;padding:2% 7%;}
/*content on the left side and image on the right side*/
.project2 {max-width:1200px;margin:30px auto;display:flex;justify-content: space-between;}	
.project2 .imgFlexBox {flex-basis:25%;order:2;}		
.project2 .contentFlexBox {background-color:#0033a0;flex-basis:72%;box-sizing:border-box;padding:2% 7%;order:1;}
/*Team description of the left and image on the right */		
.project3 {max-width:1200px;margin:30px auto;display:flex;justify-content: space-between;}	
.project3 .imgFlexBox {flex-basis:25%;order:2;}		
.project3 .contentFlexBox {background-color:#0033a0;flex-basis:72%;box-sizing:border-box;padding:2%;order:1;}
/* Image of the left, and team description of the right */		
.project4 {max-width:1200px;margin:30px auto 30px auto;display:flex;justify-content: space-between;}
.project4 .imgFlexBox {flex-basis:25%;}		
.project4 .contentFlexBox {background-color:#0033a0;flex-basis:72%;box-sizing:border-box;padding:2%;}
/*Team description - large image of left and small content  on the right */		
.project5 {max-width:1200px;margin:30px auto 30px auto;display:flex;justify-content: space-between;}
.project5 .imgFlexBox {flex-basis:72%;}		
.project5 .contentFlexBox {background-color:#0033a0;flex-basis:25%;box-sizing:border-box;padding:6% 3%;}
.project5 .contentFlexBox p {margin:auto;}
/*Team description - large image of right and small content  on the left */		
.project6 {max-width:1200px;margin:30px auto;display:flex;justify-content: space-between;}	
.project6 .imgFlexBox {flex-basis:72%;order:2;}		
.project6 .contentFlexBox {background-color:#0033a0;flex-basis:25%;box-sizing:border-box; padding:2.5%;order:1;}
/*Blue box  with content on left and icon on right*/
.blueFlexBox {max-width:1200px;margin:30px auto 30px auto;display:flex}
.iconFlexBox {background-color:#0033a0;flex-basis:20%;;box-sizing:border-box;padding:3% 5%;order:2;}		
.blueContentFlexBox {background-color:#0033a0;flex-basis:80%;box-sizing:border-box;padding:3% 8% 3% 5%;order:1}


/*content*/	
.teamMember {color:#fff;margin-bottom:1%;font-weight:600;}
.team {color:#fff;margin-bottom:5%}
.memberQuotes {color:#fff;line-height:2em;}
.project3 h2, .project4 h2 {color:#fff;font-size:1.5em;text-align:left;padding-bottom:2%;}	
.project3 p, .project4 p, .project5 p, .project6 p  {color:#fff;font-size:1em;text-align:left;font-weight:400;}	
.project5 p, .project6 p  {margin:auto;}	
.blueContentFlexBox h3 {color:#fff;text-align:left;text-transform: none;}
.blueContentFlexBox p {color:#fff;text-align:left;font-weight:600;}
	
@media screen and  (min-width: 769px) and (max-width: 1059px){
	.project1 .imgFlexBox {flex-basis:30%;}		
	.project1 .contentFlexBox {background-color:#0033a0;flex-basis:65%;box-sizing:border-box;padding:3% 7%;}
	.project2 .imgFlexBox {flex-basis:30%;}		
	.project2 .contentFlexBox {background-color:#0033a0;flex-basis:65%;box-sizing:border-box;padding:2% 7%;}
	.project3 .imgFlexBox {flex-basis:30%;}		
	.project3 .contentFlexBox {background-color:#0033a0;flex-basis:65%;box-sizing:border-box;padding:2%;}
	.project4 .imgFlexBox {flex-basis:30%;}		
	.project4 .contentFlexBox {background-color:#0033a0;flex-basis:65%;box-sizing:border-box;padding:2%;}
	.project5 .imgFlexBox {flex-basis:55%;}		
	.project5 .contentFlexBox {background-color:#0033a0;flex-basis:42%;box-sizing:border-box;padding:2%;}
	.project6 .imgFlexBox {flex-basis:55%;}		
	.project6 .contentFlexBox {background-color:#0033a0;flex-basis:42%;box-sizing:border-box;padding:2%;}
	.project3 h2, .project4 h2 {font-size:1.3em;}	
    .project3 p, .project4 p {font-size:.95em;}}

@media screen and (max-width: 768px){
	.projectBorBottom {padding-bottom:8%;border-bottom:solid 1px #0033a0;}
	.project1 {flex-wrap:wrap;justify-content:center}
	.project1 .imgFlexBox {flex-basis:90%;}		
	.project1 .contentFlexBox {background-color:#0033a0;flex-basis:90%;box-sizing:border-box;padding:6%;}
	.project2 {flex-wrap:wrap;justify-content:center;padding-bottom:8%; }
	.project2 .imgFlexBox {flex-basis:90%;order:1}		
	.project2 .contentFlexBox {background-color:#0033a0;flex-basis:90%;box-sizing:border-box;padding:6%;order:2}
	.project3 {flex-wrap:wrap;justify-content:center;padding-bottom:8%; }
	.project3 .imgFlexBox {flex-basis:90%;order:1}		
	.project3 .contentFlexBox {background-color:#0033a0;flex-basis:90%;box-sizing:border-box;padding:6%;order:2}
	.project4 {flex-wrap:wrap;justify-content:center}
	.project4 .imgFlexBox {flex-basis:90%;}		
	.project4 .contentFlexBox {background-color:#0033a0;flex-basis:90%;box-sizing:border-box;padding:6%;}
	.project5 {flex-wrap:wrap;justify-content:center;padding-bottom:8%; }
	.project5 .imgFlexBox {flex-basis:90%;order:1}		
	.project5 .contentFlexBox {background-color:#0033a0;flex-basis:90%;box-sizing:border-box;padding:6%;order:2}
	.project6 {flex-wrap:wrap;justify-content:center}
	.project6 .imgFlexBox {flex-basis:90%;order:1;}		
	.project6 .contentFlexBox {background-color:#0033a0;flex-basis:90%;box-sizing:border-box;padding:6%;}
	.blueFlexBox {flex-wrap:wrap;justify-content:center}
	.iconFlexBox {flex-basis:90%;;box-sizing:border-box;padding:3% 7%;order:1;}		
    .blueContentFlexBox {flex-basis:90%;box-sizing:border-box;padding:3% 7%;order:2}}

/*Project Stories*/
.marTop {margin-top:100px;}
.aniGroup {font-size:1.1em;text-transform: uppercase;padding:0;margin:-10px 0 40px 0;font-weight:600;}
.profileImg {width:400px;float:right;height:400px;margin:-170px 0 40px 40px;display:block;}
@media only screen and (max-width: 1024px) {
    .profileImg {margin:0 0 40px 40px;}}
@media only screen and (max-width: 767px) {
    .marTop {margin-top:50px;}
    .profileImg {float:left;height:auto;margin:0 0 20px 0;width:100%}}

/*sitemap*/
.sitemap {text-align:left;}
.sitemap h1 {text-align:center;font-size:1.5em;margin:80px 0 40px 0;}
.sitemap h2 {font-size:1.1em;text-align:left;padding-bottom:10px;}
.sitemap ul {font-size:.9em;list-style-type: none;margin-bottom:35px}
.sitemap li {flist-style-type: none;margin-left:-40px}
.sitemap ul ul {flist-style-type: none;margin-left:-25px}

/*Statement - PDF 's Links'*/
.statement {text-align:left;}
.statement  h1 {text-align:left;color:#0033a0;margin-top:40px;}
.statement h2 {text-align:left;font-size:1.5em;margin:20px 0 10px;}
.statement p {text-align:left;font-size:1em;margin-bottom:10px;}
.statement li {margin-bottom:10px;}
.ani-statements {background-color:#f8f8f8;border:#ccc 1px solid;border-radius:10px;padding:20px;width:100%;max-width:1200px;margin:0 auto 40px auto;}
.ani-statements ul {margin-left:-35px;}
.ani-statements ul ul {margin-left:-30px;}


/*Begin Tabbed Content*/
/*Icons in tabbed  headings */
.icon {display:inline-block;background-size:cover;}
.icon-application{background-image:url("/resources/AllstateNI/images/icons/application-white-01.svg");width:70px;height:60px;}
.icon-application:active,
.icon-application:visited,
.icon-application:focus {background-image:url("/resources/AllstateNI/images/icons/application-blue-01.svg");width:70px;height:60px;}
.icon-assessment{background-image:url("/resources/AllstateNI/images/icons/assessment-white-01.svg");width:70px;height:60px;}
.icon-assessment:active,
.icon-assessment:visited,
.icon-assessment:focus {background-image:url("/resources/AllstateNI/images/icons/assessment-blue-01.svg");width:70px;height:60px;}
.icon-criteria{background-image:url("/resources/AllstateNI/images/icons/criteria-white-01.svg");width:80px;height:60px;}
.icon-criteria:active,
.icon-criteria:hover,
.icon-criteria:focus {background-image:url("/resources/AllstateNI/images/icons/criteria-blue-01.svg");width:80px;height:60px;}
.icon-financial{background-image:url("/resources/AllstateNI/images/icons/financial-technology-wh-01.svg");width:80px;height:60px;}
.icon-financial:active,
.icon-financial:hover,
.icon-financial:focus {background-image:url("/resources/AllstateNI/images/icons/financial-technology-blue-01.svg");width:80px;height:60px;}
.icon-interview{background-image:url("/resources/AllstateNI/images/icons/interview-white-01.svg");width:80px;height:60px;}
.icon-interview:active,
.icon--interview:hover,
.icon--interview:focus {background-image:url("/resources/AllstateNI/images/icons/interview-blue-01.svg");width:80px;height:60px;}
.icon-ongoing-support{background-image:url("/resources/AllstateNI/images/icons/ongoing-support-white-01.svg");width:65px;height:60px;}
.icon-ongoing-support:active,
.icon-ongoing-support:hover,
.icon-ongoing-support:focus {background-image:url("/resources/AllstateNI/images/icons/ongoing-support-blue-01.svg");width:65px;height:60px;}
.icon-process {background-image:url("/resources/AllstateNI/images/icons/the-program-white-01.svg");width:68px;height:60px;}
.icon-process:active,
.icon-process:hover,
.icon-process:focus {background-image:url("/resources/AllstateNI/images/icons/process-blue-01.svg");width:68px;height:60px;}
.icon-single-application{background-image:url("/resources/AllstateNI/images/icons/single-application-wh-01.svg");width:70px;height:60px;}
.icon-single-application:active,
.icon-single-application:visited,
.icon-single-application:focus {background-image:url("/resources/AllstateNI/images/icons/single-application-blue-01.svg");width:70px;height:60px;}

@media only screen and (max-width: 768px) {	
	.icon-application{width:45px;height:40px;}
	.icon-application:active, .icon-application:visited, .icon-application:focus {width:45px;height:40px;}
	.icon-assessment{width:45px;height:40px;}
	.icon-assessment:active, .icon-assessment:visited, .icon-assessment:focus {width:45px;height:40px;}
	.icon-criteria{width:50px;height:40px;}
	.icon-criteria:active, .icon-criteria:hover, .icon-criteria:focus {width:50px;height:40px;}
	.icon-financial{width:50px;height:40px;}
	.icon-financial:active, .icon-financial:hover, .icon-financial:focus {width:50px;height:40px;}
	.icon-interview {width:50px;height:40px;}
	.icon-interview:active, .icon-interview:hover, .icon-interview:focus {width:50px;height:40px;}
	.icon-process {width:48px;height:40px;}
	.icon-process:active, .icon-process:hover,.icon-process:focus {width:48px;height:40px;}
	.icon-ongoing-support{width:45px;height:40px;}
	.icon-ongoing-support:active, .icon-ongoing-support:hover,.icon-ongoing-support:focus {width:45px;height:40px;}
	.icon-single-application{width:45px;height:40px;}
	.icon-single-application:active, .icon-single-application:visited, .icon-single-application:focus {width:45px;height:40px;}}

/*To make sure icon shows in active state */
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-application {background-image:url("/resources/AllstateNI/images/icons/application-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-assessment {background-image:url("/resources/AllstateNI/images/icons/assessment-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-criteria {background-image:url("/resources/AllstateNI/images/icons/criteria-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-financial {background-image:url("/resources/AllstateNI/images/icons/financial-technology-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-interview {background-image:url("/resources/AllstateNI/images/icons/interview-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-ongoing-support {background-image:url("/resources/AllstateNI/images/icons/ongoing-support-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-process {background-image:url("/resources/AllstateNI/images/icons/the-program-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a span.icon.icon-single-application {background-image:url("/resources/AllstateNI/images/icons/single-application-blue-01.svg")}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a > p {color:#000;font-weight:600;}
			
/*** Tabbed panels***/
.panel-primary {border-color: #0033a0;}
.panel-primary>.panel-heading {color: #fff;background-color: #0033a0;border-color: #0033a0;}
.panel.with-nav-tabs .panel-heading{padding: 5px 5px 0 5px;}
.panel.with-nav-tabs .nav-tabs{border-bottom: none;}
.nav-tabs > li {width:17%;text-align:center;margin:0 4% -1px;}	
.nav>li>a>img {max-width: none;width: 40%;margin: 0 auto;}
.with-nav-tabs.panel-primary .nav-tabs > li > a>p,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #fff;font-weight:600;}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {color: #fff;background-color: #3071a9;border-color: transparent;}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a>p,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {color: #000;background-color: #fff;border-color: #0033a0;border-bottom-color: transparent;}

/*Tabbed Content on the Returners page */
.panel-body {padding:5%;height:350px}
.panel-body h2 {color:#333;text-align:left;font-size:1.25em;padding-bottom:25px;margin-bottom:0;}
.blueNumber {color:#0033a0;font-size:3.5em;font-weight:600;margin:-15px 0 0 0;padding:0}
.blueYear {color:#0033a0;font-size:1.5em;font-weight:600;margin:-20px 0 0 0;padding:0;}
.blueBorder {border-right:#0033a0 solid 1px;margin-left:-1px}	
.blueBorder1 {border-bottom:#0033a0 solid 1px;margin-left:-1x;}
.blueHorizontal {border-bottom:#0033a0 solid 1px;width:80%;margin:0 auto;}
.iconImg {width:auto}
.blue {color:#0033a0;font-weight:600;}
.criteria1 {padding:5% 15% 17% 15%}
.criteria2 {padding:5% 12% 5% 12%}
.criteria2 img {width:32%;display:inline-block;}
.criteria3 {padding:5% 12% 10% 12%}
.criteria3 img {width:35%;padding: 0 0 6% 38%;}
.criteria4 {padding:5%5% 2% 12%}
.applicationProcess {margin:3% 0}
.application, .ongoing {padding:5% 12% 0 25%}
.applicationIcon {margin:0 0 0 50%}
.ongoingSupport {padding:5%}
.ongoingIcon {margin:10% 0 0 15%}
@media only screen and (min-width: 769px) and (max-width: 1025px) {	
	.criteria1 {padding:5% 15% 10%% 15%}
	.criteria2 {padding:5% 12% 5% 12%}
	.criteria3 {padding:5% 12% 10% 12%}
	.criteria4 {padding:5%5% 2% 12%}}
@media only screen and (max-width: 768px) {	
	.nav-tabs>li>a {padding:0;}
	.panel.with-nav-tabs .nav-tabs {border-bottom: none;margin: 0 0 -2px -21px;}
	.nav-tabs > li {width:25%;text-align:center;margin:0 ;}
	.nav-tabs>li>a {padding:5px}
	.nav-tabs>li>a>p {display:none;}
	.panel-body {height:auto}
	.blueBorder {border-right:none;border-bottom:#0033a0 solid 1px;margin-left:0;}
	.blueHorizontal {border-bottom:#0033a0 solid 1px;width:100%;}
	.criteria1 {padding:5% 15% 5% 15%}
	.criteria2 {padding:5% 12% 5% 12%}
	.criteria3 {padding:5% 12% 5% 12%}
	.criteria4 {padding:5%5% 2% 12%}
	.applicationIcon {width:25%;margin:5% 37% 3%; }
	.applicationProcess {margin:10% 0}
	.application, .ongoing  {padding:0 20% 5% 20%;}
	.ongoingIcon {margin:40% 0 0 0;}}
/*End of Tabbed Content*/

/*Team Member Profiles - Get to know us page*/
.niTeamMember {background-color:#fff;width:86%;margin:0 auto;padding:3%;text-align:center;position:relative;height:640px;}
.niTeamMember h3 {color:#333;text-transform:none;font-size:1.5em}
.niTeamMember .btn-primary {position:absolute;bottom:30px;left:25%;}
@media screen and (min-width: 993px) and (max-width: 1024px){
	.niTeamMember {height:620px;}	
	.niTeamMember .btn-primary {left:20%;}}
@media screen and (min-width: 768px) and (max-width: 992px){
	.niTeamMember {height:620px;}	
	.niTeamMember .btn-primary {left:8%;}}
@media screen and (max-width: 767px){
	.niTeamMember {margin-bottom:40px;position:unset;height:auto;}
	.niTeamMember .btn-primary {position:unset;margin-bottom:30px;}}

/*Technology  Page*/
.technologyImg {width:100%;max-width:1000px;margin:0 auto;}

/*ThreeAcross Icon and content  - Blue Background - Graduates*/
.imgIcon {width:auto;margin:0 auto;}
.threeAcross {text-align: center;margin:40px 0;}
.threeAcross .leftSide, .threeAcross .middleSide, .threeAcross .rightSide {padding:20px 25%;}
.threeAcross .leftSide h3, .threeAcross .middleSide h3, .threeAcross .rightSide h3 {color:#fff;font-size:1.3em;text-transform: none;padding-bottom:15px;}
.threeAcross .leftSide p, .threeAcross .middleSide p, .threeAcross .rightSide p {color:#fff;font-size:1.1em;margin-bottom:25px;}
@media screen and  (min-width: 768px) and (max-width: 992px){
	.threeAcross .leftSide,  .threeAcross .middleSide, .threeAcross .rightSide {padding:20px 15% 0 15%;}}
@media screen and (max-width: 767px){
	.threeAcross .leftSide {padding:0 0 60px 0;}
	.threeAcross .middleSide {padding:0 0 60px 0;}
	.threeAcross .rightSide {padding:0}}

/*Two Sides - content on one side and imagae on the other side*/
.twoSides .niLeft {padding:0 6% 0 0;}
.twoSides .niRight {padding:0 0 0 6%;}
.twoSides .blueIntro  {font-size:1.5em;}
.twoSides .niLeft h2, .twoSides .niRight h2 {text-align:left;}
@media only screen and (max-width: 767px) {
	.twoSides .niLeft {padding:0}
	.twoSides .niRight {padding:0;}
	.twoSides .niLeft img, .twoSides .niRight img {margin-bottom:25px;}}	

/*Two Across Icon and content  - Acountancty and Financial*/
.imgIcon {width:auto;margin:0 auto;}
.twoAcross {text-align: center;margin:40px 0;}
.leftSide, .rightSide {padding:20px 20%;}
.leftSide h3, .rightSide h3 {color:#333;font-size:1.3em;text-transform: none;}
.leftSide p, .rightSide p {color:#333;font-size:1.1em;margin-bottom:25px;}
@media screen and  (min-width: 768px) and (max-width: 992px){
	.leftSide, .rightSide {padding:20px 15% 0 15%;}}
@media screen and (max-width: 767px){
	.leftSide {padding:0 0 60px 0;}
	.rightSide {padding:0}}

/*Video on left and content on right*/
.videoHolder {padding:0 5% 60px 0;}	
.videoContent {padding-left:5%;}	
.videoContent h2 {text-align:left;margin-bottom:25px;padding-right:10%}	
.videoContent p {padding-right:5%;}
@media screen and  (min-width: 768px) and (max-width: 992px){
    .videoSection {margin-bottom:40px;}
    .videoHolder {padding:0 4%  60px 15px;}
   .videoContent h2 {font-size:2em;}}
@media screen and (max-width: 767px){
    .videoSection {margin-bottom:60px;}
    .videoHolder {padding:0 0 40px 0;}
    .videoContent {padding:0;}
    .videoContent p {padding-right:0;}}

.videoBox {width:50%;margin:0 auto;}
@media screen and (max-width: 767px){
	.videoBox {width:100%;margin:0 auto;}}

.singleVideo {width:100%;max-width:800px;margin:0 auto;}	

/*Videos on career's placement-opportunites */
#w1604809027631 {width:100%; max-width:1200px; margin: 0 auto;}
.carousel-video-holder {padding:0 !important; margin:20px;}
.carousel-video-holder .embed-responsive-16by9 {padding-bottom:54.15% !important}

/*Vision and Mission setion on AI & ML page*/
.imgIconAI {width:60%;margin:0 auto 4% auto;}
.sectionIntroAI {padding:0 19%;}
@media screen and (max-width: 767px){
	 .imgIconAI {width:90%;margin:0 auto 4% auto;}
	 .sectionIntroAI {padding:20px 0 0 0;}}


/*Footer*/
.niFooter {background-color:#333;padding:60px 0 40px 0;}
.niFooter h2 {color:#fff;font-size:1em;}
.niFooter p {color:#fff;font-size:1em;text-align:center;margin-bottom:10px;padding-left:5%;padding-right:5%;}
.niFooter p.upperSp {margin-top:40px;border-top:solid 1px #fff;padding-top:20px;}
.niFooter a {color:#fff;font-size:1em;font-weight:400;}
.niFooter a:hover {color:#fff;font-size:1em;text-decoration:underline;font-weight:600;}
.niFooter a:visited {color:#efefef;font-size:1em;}
.niFooter ul {list-style-type: none;margin-left:-40px;margin-top:18px;}
.firstCol {width:175px;margin:30px auto;}
.secondCol  {padding-left:30px;}
.btn  {border: 2px solid transparent;}
.btn-connect {color:#fff !important;;background-color:#333;border-color:#fff;margin:15px 0 40px;border-radius:20px;width:130px;padding:8px}
.btn-connect:hover  {color:#333 !important;background-color:#fff;}
.footerSocialIcons {width:30px;float:left;display:block;margin-right:8px;}
.bottomFooter {background-color:#e9e9e9;padding:20px 0;text-align:center;}
.bottomFooter p{margin-bottom:10px;}
@media screen and (max-width: 767px){
    .niFooter .secondCol, .niFooter .thirdCol, .niFooter .fourthCol {text-align:center;padding:0;}
	.niFooter .btn {margin:0;}
    .social {width:200px;margin:50px auto;}
    .bottomFooter {padding:20px;}}