html, body{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-size: 12px;
}

body{
  font-family: 'Lato', sans-serif;
  color: #888888;
  background-color: #0C2340;  
  letter-spacing: 0.05em;
}

*, *:before, *:after{
  box-sizing: border-box;
}

input:focus,
label:focus,
select:focus,

textarea:focus,
button:focus {
    outline: none;
}

a, img{
    border:none;
    outline:none;
}

a{
  text-decoration: none;
 color: #00b5e2; 
}

a:hover{
  color: #0c2340;
}
a:focus{
  color: #0c2340;
}

h1, h2{
  font-size: 2.5rem;
  margin-top: 0px;
  padding-top: 30px;
  color: #0C2340;
  font-weight: lighter;
}

h1{
  color: #ffffff;
}

h2{
  font-size: 3rem;
  font-weight: lighter;
}

h3{
  font-size: 1.8rem;
  font-weight: lighter;
}

h4{
  font-size: 1.4rem;
  font-weight: lighter;
  margin-top: 10px;
}

p{
  font-size: 1.3rem;
  line-height: 1.4em;
}

ul{
  font-size: 1.3rem;
}

li{
  padding-bottom: 5px;
}

.darkgrey{
  color: #666666;
}

.lightgrey{
  color: #888888;
}

.darkblue{
  color: #0C2340;
}

.thin{
  font-weight: 300;
}

.bold{
  font-weight: bold;
}

.clear, .clear10, .clear40{
  clear: both;
  height: 20px;
}

.clear10{
  height: 10px;
}

.clear40{
  height: 40px;
}

h1.heading{
  font-size: 3.5rem;
  font-weight: lighter;
}

h2.subheading, h2.insidesubheading{
  font-size: 1.5rem;
  color: #ffffff;
  padding-top: 0px;
}

h2.insidesubheading{
  color: #0C2340;
}


p.subheading, p.insidesubheading{
  font-weight: lighter;
  font-size: 1.5rem;
  color: #ffffff;
  padding-top: 0px;
}

p.insidesubheading{
  color: #0C2340;
}

.containerleft h2{
  font-size: 1.5rem;
  padding-top: 0px;
}


figure.image{
  margin: 0;
}

figure.image img{
  max-width: 100%;
}

figcaption{
  font-weight: bold;
  font-size: 1.2rem;
}

.desktophide{
  display: none;
}

 /****** COOKIE CHECK *********/ 


.cookiecontainer{
  width: 100%; 
  height: auto;
  overflow: auto; 
  background-color: #0C2340;
  color:#ffffff;
  padding-bottom: 2px;
}

.cookieinner{
  max-width:1440px; 
  padding-left: 1%;
  padding-right: 1%;
  width: auto;
  margin: 0 auto;
  padding-bottom: 20px;
}

.cookietext{
 float: left;
 width: 90%;
 padding-right: 5%;
}

.cookiebut{
  float:left;
  position: relative;
  width: 10%;
}

.cookiebutton{
  float: right;
  width: 139px;
  height: 40px;
  margin-top: 20px;
  text-align: center;
  background-color: transparent;
  color: #ffffff;
  background-color: #00b5e2;  
  border: 1px solid #00b5e2;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 1.2rem;  
  font-weight: bold;
  text-decoration: none; 
  -webkit-appearance: none;  
}

.cookiebutton:hover, .cookiebutton:focus{
  background-color: #0083a4;
  border: 1px solid #0083a4;  
  color: #ffffff;  
  cursor: pointer;
}



/**************** COOKIE POPUP ********************************/


.privacypolicies-com---nb-interstitial{
    width: 968px !important;
    position: fixed !important;
    margin: 0 auto !important;
    margin-top: 17% !important;
    top: unset !important;
    border-radius: 20px;
}

.privacypolicies-com---pc-dialog{
    margin-top: 2% !important;
  }

.cc-nb-content-container{
  display: flex !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flexbox !important;
  display: -o-flex !important;
  -ms-flex-pack: justify !important;
  -ms-flex-pack: center !important; 
}

.cc-nb-text-container{
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: -o-flex !important;  
    flex-direction: row !important;
    -webkit-flex-direction: row !important;
    -moz-flex-direction: row !important;
    -o-flex-direction: row !important;   
    -ms-flex-direction: row !important; 
    justify-content: flex-start !important; 
    -webkit-justify-content: flex-start !important;    
    -ms-flex-pack: start !important; 
    width: 70% !important;
}

.cc-nb-buttons-container{
    display: flex !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: -ms-flexbox !important;
    display: -o-flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    -webkit-flex-direction: row !important;
    -webkit-justify-content: flex-end !important;
    -webkit-align-items: center !important;
    -ms-flex-direction: row !important;
    -ms-flex-align: center !important;
    margin-top: -25px !important;  
}

@media only screen and (max-width: 1100px)
 {
.privacypolicies-com---nb-interstitial{
    width: 87% !important;
    margin-top: 20% !important;
  }
}


/******************* NAV *******************/

.navbar {
    position: fixed; 
    top: 0; 
    width: 100%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 1px 5px #b6b6b6;   
    z-index: 2; 
}

.navcontent{
  max-width: 1440px;
  padding-right: 1%;
  padding-left: 1%;  
  margin: 0 auto;
  height: 80px;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  -ms-flex-pack: justify;
  -ms-flex-pack: center;  
  padding-bottom: 0;
  align-items: center; 
}
.menuicon {
    display: none;
  }


 .hide, #skiplinks span{
    z-index: 1;
    position: absolute;
    top: -999em;
    left: -999em;
  }

#skiplinks {
  position: relative;
  float: left;
}
#skiplinks ul, #skiplinks li {
  display: inline;
  margin: 0px;
  padding: 0px;
}

#skiplinks a {
  display: block;
  position: absolute;
  width: 180px;
  font-size:1.1rem;
  color: #00b5e2;
  text-transform: uppercase;
  text-decoration: none;
  outline-style: none;
  top: -999em;  
}

#skiplinks a:focus  {
  top: -30px;
  left: 235px
}

#skiplinks a:hover {
  text-decoration: underline;
} 

.hideMenu { 
  display: none;
 }

#logo {
  position: relative; 
  z-index: 9999;
  display: inline-block;
  font-size: 22px;
  padding-top: 5px;
  margin-top: 0;    
}

#logo svg{
 fill:#00b5e2;
}

#logo svg:hover{
  fill: #0C2340;
}

#logo:focus > svg{
  fill: #0C2340;
}

.nav-links,
#logo {
  text-decoration: none;
  color: #00b5e2;
}

.nav-links{
 padding-bottom: 5px;
margin-left: 30px;
cursor: pointer;
text-transform: uppercase;
z-index: 9999;
position: relative;
white-space: nowrap;
}

.nav-links:hover, .nav-links:focus{
    color: #0C2340;
    border-bottom: 2px solid #0C2340;
}

.nav-links:focus{
  color: #0C2340;
  border-bottom: 2px solid #0C2340; 
}

.nav-links:hover > .svg-downarrow{
  fill: #0C2340;
}

.nav-links:focus > .svg-downarrow{
  fill: #0c2340;
}

#main-nav {
    display: flex !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;  
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;   
    -ms-flex-direction: row; 
    justify-content: flex-end; 
    -webkit-justify-content: flex-end;    
    -ms-flex-pack: end; 
    width: 69%;
    list-style-type: none;
    padding-left: 10px;
    margin-top: 0px;
    padding-top: 40px;
    height: 80px;
    z-index: 9998;
}

#main-nav li {
  text-align: center;
  margin: 0;
  font-size: 1.1rem;  
  cursor: pointer;
  font-weight: bold;
}

#logo:hover, .nav-links:hover {
  color: #0C2340;
}

.dnone, .menubox, .mobile-menu{
 display: none;
}
#checkTest:focus{
  background-color: skyblue;
}
.menubox{
  display: none;
  cursor: default;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 40px;
  background-color: #ffffff;
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    min-height: 520px;
    padding-top: 100px;
}

.dropdowncontent{
  max-width: 1300px;
  margin: 0 auto;
  padding-left: 2%;
  padding-right: 2%;
  text-align: left;
  position: relative;
}

.dropdowncontent .heading, .dropdowncontent .newsheading{
  color: #00b5e2;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.dropdowncontent .newsheading{
  font-size: 1.6rem;
  margin-top: 14px;
  margin-bottom: 25px;
}


.subtext{
  color: #777777;
  font-size: 1.1rem;
  margin-top: 2px;
  margin-bottom: 40px;
  margin: 0px; 
}

a.droplink{
  text-decoration: none;
  color: #00b5e2;
  display: block;
  margin-bottom: 40px;
}

a.droplink:hover > .heading, a.droplink:focus > .heading, a.droplink:hover > .newsheading, a.droplink:focus > .newsheading{
  color: #0C2340;
}

.dropdowncontent .svg-social{
  fill: #777777;
}

/*#navbar-toggle svg:hover, #navbar-toggle svg:focus  {
 fill: #ffffff;
}*/

.navbar:hover, .navbar:focus{
  background-color: #ffffff !important;
  transition: 0.3s;
}

.firstli{
  margin-left: 5px;
}

.col3{
  margin-top: 4px;
}

.drop-image{
  width: 100%;
  height: 150px;
  margin-top: 20px;
}

.social-link{
  color: #00b5e2;
  font-size: 1.2rem; 
  margin-bottom: 0px;
}

a.droplink:hover > p.social-link, a.droplink:focus > p.social-link{
  color: #0C2340;
}

a.socialhover:hover > .social-icon .linkedin, a.socialhover:focus > .social-icon .linkedin{
  fill: #0077B5;
}

a.socialhover:hover > .social-icon .facebook, a.socialhover:focus > .social-icon .facebook{
  fill: #4267b2;  
}

a.socialhover:hover > .social-icon .twitter, a.socialhover:focus > .social-icon .twitter{
  fill: #1da1f2;
}

a.socialhover:hover > .social-icon .instagram, a.socialhover:focus > .social-icon .instagram{
  fill: #a431c1;
}

a.socialhover:hover > .whitehov, a.socialhover:focus > .whitehov{
  background-color: #ffffff;
}


  .buttoncontainer{
    display: flex !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;  
    flex-direction: row;
    justify-content: flex-end;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-direction: row;    
    -ms-flex-align: center;         
    z-index: 9999;
    position: relative;    
}

.roundedbutton {
    width: 142px;
    margin: 0 auto;
    }

.roundedbutton{
  display: block;
  width: 139px;
  height: 40px;
  text-align: center;
  background-color: transparent;
  color: #00b5e2;
  border: 1px solid #00b5e2;
  border-radius: 30px;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 1.1rem;  
  font-weight: bold;
  text-decoration: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.roundedbutton:after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}


.roundedbutton:hover, .roundedbutton:focus{
  background-color: #0C2340;
  border: 1px solid #0C2340;
  color: #ffffff;
  cursor: pointer;
}

.vert-fix, .vert-fix-nopad{
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
}

.vert-fix-nopad{
  padding-right: 0px;
 }

.platform, .news{
  background-color: #00b5e2;
  color: #ffffff;
  -webkit-appearance: none;    
}

.platform:hover, .platform:focus, .news:hover, .news:focus{
  background-color: #0C2340;
  border: 1px solid #0C2340;  
  color: #ffffff;
}

.platform:hover > .svg-padlock, .platform:focus > .svg-padlock{
    fill: #ffffff;
}

.news{
 margin: 0 auto;
}
.dropdown1{
  display: hidden;
}

/*#main-nav li:hover > div.dropdown1, #main-nav li:focus > div.dropdown1, #main-nav li:active > div.dropdown1 { display: block;}*/
/*.firstli:focus-within ~ div.dropdown1, div.dropdown1:focus-within {
  display: block;
}*/

/*#main-nav-li1:focus-within > div.dropdown1{
  display: block;
}*/


/*#menuLable1:focus ~ div.dropdown1{
  display: block;
}/*

/*#menutog1:notchecked ~ div.dropdown1{
  display: hidden;
}
*/
#label12{
  display: none;
}

#menutog1:checked ~ div.dropdown1, #menutog2:checked ~ div.dropdown2, #menutog22, #menutog3:checked ~ div.dropdown3{
  display: block;
}


/*#menutog1:checked ~ #label12{
  display:  block;
}*/

/*#menutog1:checked ~ .nav-links{
  display: none;
}*/



#menutog1:checked ~ .nav-links, #menutog2:checked ~ .nav-links, #menutog3:checked ~ .nav-links{
  color: #0C2340;
}


.mobile-menu:checked ~ .menubox{
  display: block;
}

#menutog1:checked ~ .nav-links svg, #menutog2:checked ~ .nav-links svg, #menutog3:checked ~ .nav-links svg{
  fill: #0C2340;
  transform: rotate(180deg);
}

#menutog1:checked ~ .nav-links, #menutog2:checked ~ .nav-links, #menutog3:checked ~ .nav-links{
  border-bottom: 2px solid #0C2340;
}


/*************SVG**************/


.svg-social{
    width: 22px;
    height: 22px;
    fill: #666666;
    margin-top: -2px;
}

.svg-padlock, .svg-calendar{
  fill: #ffffff; 
  width: 12px; 
  height: 16px;
  margin-left: 5px;
  vertical-align: middle;  
}

.svg-calendar{
  width: 16px;
  height: 18px;
}

.svg-downarrow{
  fill: #00b5e2;
  margin-left: 3px;
}

.svg-rightarrow{
  fill: #00b5e2;
  height: 12px;
  width: 14px;
  vertical-align: middle;
}


/*********** MAIN AREA  *********/


.mainarea{
  width: 100%;
  height: auto;
  overflow: auto;
  background-color: #ffffff; 
}

.contentcontainer, .insidecontentcontainer{
  max-width: 1440px;
  margin: 0 auto;
}

.insidecontentcontainer{
  max-width: 1024px;
}

.content{
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}

.contentcontainer{
  max-width: 1440px;
  margin: 0 auto;
  height: auto;
}

.bannerimg, .bannerimgXL{
  width: 100%;
  height: 700px;
  z-index: 1; 
  position: relative;
}

.bannerimgXL{
 height: 985px !important;
}

.bannercontent{
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 300px;
  height: 600px;
}

/******** TEXT SLIDER **********/

.slidercontainer{
  max-width: 1440px;
  margin: 0 auto;
}

.slider{
  position:relative;
  top: 300px;
  height: 550px;
}

.sliderlink h2, .sliderlink h3{
  color: #ffffff;
  font-size: 3.5rem; 
  font-weight: lighter;
}

.sliderlink p{
  color: #ffffff;
}

.sliderlink:hover h1, .sliderlink:focus h1, .sliderlink:hover h2, .sliderlink:focus h2, 
.sliderlink:hover h3, .sliderlink:focus h3, .sliderlink:hover p, .sliderlink:focus p{
  color: #00b5e2;
}

@media only screen 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)
and (-webkit-min-device-pixel-ratio: 2) { 
.slider{
  top: 150px;
}}

@media only screen 
  and (min-width: 1025px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
.slider{
  top: 300px;
}}

.slider h1{
  font-size: 3.5rem;
}

.slider p{
  font-size: 1.8rem;
}

/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    width: 46%;
    margin: 0;
    margin-left: 200px;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}


.slick-slide
{
    display: none;
    float: left;
    padding: 20px;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 25%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{

    font-size: 40px;
    line-height: 1;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 25px;
}
[dir='rtl'] .slick-prev
{
    right: 25px;
    left: auto;
}
.slick-prev:before
{
    content: '‹';
}
[dir='rtl'] .slick-prev:before
{
    content: '›';
}

.slick-next
{
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
    content: '›';
}
[dir='rtl'] .slick-next:before
{
    content: '‹';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 100px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
   
    font-size: 4.5rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #00b5e2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #ffffff;
}

/************* TEXT SLIDER END ******************/



/*.textslider{
  position:relative;
  margin:0 auto;
  top:0px;
  left:0px;
  width: 750px;
  height:800px;
  overflow:hidden;
  visibility:hidden;
}
.textslidercontent{
  cursor:default;
  position:relative;
  top:240px;
  width: 450px;
  left:150px;
  height:800px;
  overflow:hidden;
  margin:0 auto;
}

.jssorb032{
 top: 650px;
}*/

#whitebox{
  min-height: 450px;
  max-height: 800px;
}

.whitebox, .greybox{
  width: 100%;
  height: auto;
  overflow: auto;  
}

.whitebox, .greybox{
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.whitebox{
  background-color: #ffffff;
  color: #0C2340; 
}

.greybox{
  background-color:  #eff0f1;
  color: #0C2340;
  min-height: 250px;
}

.contentimage{
  width: 100%; 
  height: auto; 
  min-height: 380px;
}

.smallimage{
  min-height: 150px;
  margin: 0 auto;
}

@media only screen 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)
and (-webkit-min-device-pixel-ratio: 2) { 
.largercontentimage{
  min-height: 470px;
}
.largestcontentimage{
  min-height: 570px;
}}

@media only screen 
  and (min-width: 1025px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
.largercontentimage{
   min-height: 470px;
}

.largestcontentimage{
  min-height: 570px;
  }}

.newsimage{
  width: 200px;
  height: 160px;
  float: left;
  margin-right: 30px;
  /*margin-top: 22px;*/
  margin-bottom: 40px;
}

.contenttext{
  padding-left: 30px; 
  padding-top: 35px;
  padding-bottom: 0px;
  padding-right: 120px;
  text-align: left;
}

.medtopmarg{
  margin-top: 3%;
}

.topmarg{
  margin-top: 12%;
}

.left{
  padding-left: 15%;
  padding-right: 10%;
}

.featurelink{
  text-decoration: none;
  color: #0C2340;
}

.featurelink:hover, .featurelink:focus{
  color: #00b5e2;
}

/*.featurelink:hover > p .svg-rightarrow{
  fill: #0C2340;
} */ 


.container1, .container2, .container3, .container4, .container5, .container6, .container7, .containerleft, .containerright{
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

.container1{
  width: 98%;
}

.container2{
  width: 48%;
}

.container3{
  width: 31.33%;
}

.container4{
  width: 23%;
}

.containerleft{
 width: 63%;
}

.containerright{
  width: 30%;
  margin-left: 4%;
}

.containerright h3{
  padding-left: 9px;
  margin-top: 38px;
}

.leftmar{
  margin-left: 10%;
}

.removetoppad{
  padding-top: 0px;
  margin-top: 0px;
}

.margbottom{
  margin-bottom: 20px;
}

.centrepara{
width: 50%;
padding-top: 10px;  
margin: 0 auto;
text-align: center;
}

.centrepara h2{
  text-align: center;
}

.twopara{
  text-align: left;
  height: 400px;
}

.twopara h2{
  text-align: left;
}

.one{
  padding-right: 10px;
}

.two {
  padding-left: 10px;
}

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

#videocontainer{
  width: 60%; 
  height: 60%; 
  float: none; 
  margin: 0 auto;
}

.latestnewslink{
  color: #0C2340;
}

.latestnewslink:focus > .newsbox{
  background-color: #eff0f1;
}

.newsbox, .imgnewsbox{
  border: 1px solid #d8d8d8;
  padding: 20px;
  text-align: left;
  min-height: 330px;
}

.imgnewsbox{
  border: 0;
  padding-left: 0px;
  padding-right: 0px;
}

.boximg{
  width: 100%;
  height: 200px;
  z-index: 1; 
  position: relative;  
}

.newsbox:hover, .newsbox:focus{
  background-color: #eff0f1;
  cursor: pointer;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;  
}


.insidetitle{
  color: #ffffff;
  cursor:default;
  position:relative;
  top:220px;
  width: 500px;
  overflow:hidden;
  padding-left: 1%;
}

.insidetitle h1{
  padding-top: 0px;
  font-size: 3.5rem;
  font-weight: lighter;
}

.insidetitle p{
  font-size: 1.5rem;
}

.insideheading{
  padding-left: 1%; 
  padding-right: 1%; 
  height: auto; 
  width: 100%;
}
  
.sharecontainer{
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  -ms-flex-pack: justify;
  -ms-flex-pack: center; 
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;   
  -ms-flex-direction: row; 
  justify-content: flex-end; 
  -webkit-justify-content: flex-end;    
  -ms-flex-pack: end;   
  }

 .shareicon{
   fill: #00b5e2; 
   width: 20px; 
   height:20px;
   margin-top: 14px; 
   margin-right: 20px;
 } 

 .sharelink:hover > .shareicon, .sharelink:focus > .shareicon{
 fill: #0C2340;
 }

.sidebarnewsitem, .newsitem{
  padding: 10px; 
  border-bottom:1px solid #efefef;
}

 .newsitem{ 
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 210px;#
 }

.sidebarnewslink, .newsitem h3{
  color: #00B5E2;
  text-decoration: none;
}

.newsitem a p{
  color: #29303e;
  text-decoration: none;
}
.sidebarnewslink:hover, .newsitem a:hover, .newsitem h3:hover, .newsitem a:focus div h3, .sidebarnewslink:focus, .newsitem a:focus {
 color: #0C2340;
  } 

  #newsdate {
  color: #888888;
}


/******* Lists ***********/

ul.normal{
  list-style-type: none;
  padding-bottom: 10px;
  padding-left: 0px;
}

li.pdf{

  background-image: url(../images/icons/pdf.png);
  background-size: 22px 22px;
  background-repeat: no-repeat;
  padding-bottom: 20px;
}

li.pdf a{
  padding-left: 30px;
}

li.bullet{
 list-style-type: circle;
 margin-left: 20px;
 padding-bottom: 20px;
}

/************ OVERWRITES **************/


.angelagregoryimg, .nigeldanzelmanimg{
  position: relative;
  z-index: 1;
  width: 50%; 
  height: 280px; 
  margin-left: 15%;
}

.dropdowncontent .container4{
    width:25%;
  }

.col2, .col3{
    margin-left: 10.5%;
 }

/******************* FOOTER *******************/

footer{
width: 100%;
background-color: #0C2340;
height: auto;
min-height: 450px;
}

#footerlogo{
  display: block;
  font-size: 22px;
  padding-top: 5px; 
  float: left;
  fill: #00b5e2;
}

#footerlogo svg:hover{
  fill: #ffffff;
 } 

.footer-contents{
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 20px;
  color: #ffffff;
  z-index: -1;
}

.footer-links{
  float: left;
  width: 100%;
}

.footer-contents a{
  padding-right: 5px;
  color: #00B5E2;
  text-decoration: none;
}

.footer-contents a:hover, .footer-contents a:focus {
  color: #007ec9;
  text-decoration: underline;
}

.phone-icon, .email-icon, .time-icon, .social-icon{
  display: block;
  float: left;
  width: 30px;
  height: 25px;
  margin-right: 10px;
  margin-top: 2px;
}

.footer-contents .social-icon svg{
  width: 18px; 
  height: 18px;
  fill:#00b5e2;
  margin-left:5px;
  margin-right: 17px;
  vertical-align: middle;
}

.line{
  height: 1px;
  border-top: 1px solid #9a9997;
  width: 99%; 
  margin-top: 20px;
}

/************* FORMS ******************/

.formcontainer{
  width: 63%;
  margin: 0 auto;
}

.formarea{
  background-color: #f8f8f8;
  padding: 20px;
  border-bottom: 1px solid #888888;
  width: 100%;
  margin-bottom: 60px;
}

.jargon{
  width: 98%;
}

.inputtext, .sideinput, .select, .sideselect{
    padding: 6px 0px 6px 4px;
    width: 40%;
    height: 36px;
    margin: 3px 0px 0px 0px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    outline: none;
    resize: vertical;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.select, .sideselect{
    background: #ffffff url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWRvd25hcnJvdyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSI+PHBhdGggZD0iTTE0LDBIMEw3LDExWiIvPjwvc3ZnPg==) no-repeat right 10px top 13px;
    background-size: 10px 8px;
    padding-right: 20px;
}

.select::-ms-expand, .sideselect::-ms-expand  {
    display: none;
}

.inputtext:hover, .sideinput:hover, .select:hover, .sideselect:hover, .inputtext:focus, .sideinput:focus, .select:focus, .sideselect:focus{
  background-color: #efefef;
  }

.inputtext:hover, .sideinput:hover{
  cursor: text; 
}

.select:hover, .sideselect:hover{
  cursor: pointer; 
}

.sideinput, .sideselect{
  width: 100%;
  margin-bottom: 20px;
}

label.above{
    display:block;
    width: 100%;
    margin-right: 10%;
    font-size: 1.3em;
    padding-top: 5px;
    padding-bottom: 5px;
} 

label.side{
    float: left;
    width: 50%;
    margin-right: 10%;
    font-size: 1.3em;
    padding-top: 5px;
} 

input:invalid:not(:focus) { border:2px solid #d22630;}

/****** Education calc table ***********/

table{
  border: 0;
  border-spacing: 0;
  width: 100%;
}

th.topright, th.topleft{
  background-color: #00b5e2;
  color: #ffffff;
  text-align: left;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 1.6rem;
  padding: 20px;
}

tr.hrow1, tr.row1 {
  background-color: #ffffff;
  vertical-align: middle;
}

tr.hrow2, tr.row2 {
  background-color: #e2e2e2;
  vertical-align: middle;
}

td.one, td.oneb, td.two, td.twob  {
  font-size: 1.2em;
  height: 38px;
  padding-left: 8px;
  padding-right: 4px;
  padding: 15px;
  border-top: 1px solid #ffffff;
  text-align: left;
}

/************* IMAGES *****************/

.leonsearsimg{
  background: url(../images/leon-sears.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}

.alanblackburneimg{
  background: url(../images/alan-blackburne.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}

.davidkneeshawimg{
  background: url(../images/david-kneeshaw.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.graemeisonimg{
  background: url(../images/graeme-ison.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
}
.graemeisonlargeimg{
  background: url(../images/graeme-ison2.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
}
.sarahdunnageimg{
  background: url(../images/sarah-dunnage.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.sarahdunnagelargeimg{
  background: url(../images/sarah-dunnage-large.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
}
.cassimrasoolimg{
  background: url(../images/cassim-rasool.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
}
.cassimrasoollargeimg{
  background: url(../images/cassim-rasool-laptop.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
}
.jamesparsonsimg{
  background: url(../images/vicem.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */ 
}
.jonathangoganimg{
  background: url(../images/vic.jpg);
   background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */
}
.julietoatesimg{
  background: url(../images/juliet-oates.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.teresablairimg{
  background: url(../images/teresa-blair.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.patriciawaitimg{
  background: url(../images/vice.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */
}
.clairebagshawimg{
  background: url(../images/claire-bagshaw.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.richardfodenimg{
  background: url(../images/chairman.jpg);
   background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */
}
.vicefimg{
  background: url(../images/vicef.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */
}
.georgepowellimg{
  background: url(../images/cfo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */
}
.richardgerrardimg {
  background: url(../images/chairman.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; /* Ensures the entire image fits */
  height: 300px; /* Adjust height as needed */
  width: 100%; /* Ensures it remains responsive */
}

.angelagregoryimg{
  background: url(../images/Angela-Gregory.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.nigeldanzelmanimg{
  background: url(../images/Nigel-Danzelman.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.douglasimg{
  background: url(../images/douglas.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.douglasseaimg{
  background: url(../images/douglas-sea-terminal.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.ardanbannerimg{
  background: url(../images/ardanbgL.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover; 
}
.ardanbannerimgXL{
  background: url(../images/ardanbgXL.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover; 
}
.ardanbannerimgXL{
  background: url(../images/ardanbgXL.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover; 
}
.manlaptopbannerXL{
  background: url(../images/man-laptop-XL.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover; 
}
.ifglbannerimg{
  background: url(../images/ifgl-L.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover; 
}
.ifgllogoimg{
  background: url(../images/logos/ifgl.png);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover; 
}
.onlinetechefficiencyimg{
  background: url(../images/online-technology-efficiency.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: cover; 
}
.calcimg{
  background: url(../images/calcL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
 }
 .developerimg{
  background: url(../images/developerL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
 }
.discussionimg{
  background: url(../images/discussionL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
 }
.libraryimg{
  background: url(../images/libraryL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.manlaptopimg{
  background: url(../images/man-laptopL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.meetingimg{
  background: url(../images/meetingL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;    
}
.milnerimg{
  background: url(../images/milnerL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.planimg{
  background: url(../images/planL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.readingimg{
  background: url(../images/readingL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.surfingimg{
  background: url(../images/surfingL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.umbrellaimg{
  background: url(../images/umbrellaL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
 .womantabletimg{
  background: url(../images/woman-tabletL.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover;  
}
 .coupleshakinghandimg{
  background: url(../images/couple-shaking-handL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.awardclappingimg{
  background: url(../images/award-win-clappingL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
 .independentrecimg{
  background: url(../images/independent-recognition.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.technologyimg{
  background: url(../images/technology.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.manxgovimg{
  background: url(../images/manx-government.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.ifglimg{
  background: url(../images/ifgl.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.couplelaptopimg{
  background: url(../images/couple-on-laptop.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.businessmanlondonimg{
  background: url(../images/businessman-london.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.tabletfinancesimg{
  background: url(../images/tablet-finances.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.laptopfinancesimg{
  background: url(../images/laptop-finances.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;  
}
.manonphoneimg{
  background: url(../images/man-on-phone.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.manphonepcimg{
  background: url(../images/man-phone-pcL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.tablecoffeegraphimg{
  background: url(../images/table-coffee-graphs.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.securityboatimg{
  background: url(../images/security-boat.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.dubaiskylineimg{
  background: url(../images/dubai-skyline.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.iomflagimg{
  background: url(../images/iom-flag.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.currencymarketimg{
  background: url(../images/currency-markets.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.investmentsofficeimg{
  background: url(../images/investments-office.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.bestintplat17img{
  background: url(../images/ii-best-international-platform-2017.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.bestintplat18img{
  background: url(../images/ii-best-international-platform-2018.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.bestintplat20img{
  background: url(../images/ii-best-international-platform-2020.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.bestintplat21img{
  background: url(../images/ii-best-international-platform-2021.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.bestintplat22img{
  background: url(../images/ii-best-international-platform-2022.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.ardanwinsawardimg{
  background: url(../images/ardan-wins-award.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.ardanawardlogoimg{
  background: url(../images/best-international-platform.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.boardroomimg{
  background: url(../images/boardroomL.jpg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover;   
}
.newsstandimg{
  background: url(../images/newsL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.graduationimg{
  background: url(../images/graduationL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.retirementimg{
  background: url(../images/retirementL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.womanlaptopimg{
  background: url(../images/woman-laptop.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.womanwithifaimg{
  background: url(../images/woman-with-ifa.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.womanonphoneimg{
  background: url(../images/woman-on-phone.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.onlinetechchargesimg{
  background: url(../images/online-technology-charges.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.ardanlogosmimg{
  background: url(../images/ardan-logo-sm.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.womanreadingblogimg{
  background: url(/images/woman-reading-blogXL.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.queenelizabethimg{
  background: url(../images/queen_elizabeth.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.currencies{
  background: url(../images/currencies.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.pairatlaptop{
  background: url(../images/pair-at-laptop.jpeg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.mantradingimg{
  background: url(../images/man-trading.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}
.twohappypeople{
  background: url(../images/beneficiary.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;   
}