*{outline:none;}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html,
body{
padding:0;
margin:0;
height:100%;
width:100%;
min-height:100%; 
font-family:"aptos-narrow", sans-serif;
font-weight: 400;
font-style: normal;
}
body {
color: #2D2E2E;
font-size: 17px;
line-height:26px;
letter-spacing: 0.3px
}
a {
color: #2D2E2E; text-decoration: underline; text-underline-offset: 4px;  transition: 0.4s
}
a:visited  {
color:#2D2E2E;
}
a:hover {
text-decoration: none; color:#359CD3
}
a img ,img{
border: none;
}	
a:focus, a:hover, a:active {
outline: none;
}
a.more-link{display:none;}
img,fieldset{border:none;}
img{max-width: 100%;}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
select {
-webkit-appearance: none;
}
input {
-webkit-appearance: none;
}
hr{height: 1px; background-color: #F2ECDE; border: none; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 25px;} h1,h2,h3,h4,h5{
padding-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 12px;
margin: 0;
font-family:"aptos-narrow", sans-serif;
font-weight: 600;
font-style: normal;
}
h1{font-size:70px; line-height:60px; text-transform: uppercase; padding-bottom: 15px; letter-spacing: -1px }
h2{font-size: 38px; line-height:38px; text-transform: uppercase; color: #2B4793; letter-spacing: -1px  }
h2 strong{color: #2D2E2E;   font-weight: 600;  }
h3{font-size: 32px; line-height:32px; text-transform: uppercase; color: #2B4793; letter-spacing: -0.5px}
h3 a{text-decoration: none!important}
h4{font-size: 29px; line-height:29px; color: #2D2E2E; letter-spacing: -0.5px     }
p{
padding: 0;
margin: 0px; padding-bottom:10px; 
} 
li{
padding: 0;
margin-top: 0;
margin-right: 0;
margin-left: 0; padding-bottom: 8px
}
ul,ol{padding: 0px; margin: 0px; margin-left: 18px; margin-bottom: 25px}
ul.widget{
list-style:none;
padding:0;
margin:0;
}
b,strong{
font-weight:600; 
}
blockquote{
padding:0px; margin: 0px
}
blockquote p{font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: -0.7px; } .wrap{	 
max-width: 1350px;     margin: 0 auto; padding-left: 25px; padding-right:25px
}
.wrap:after{display: table; clear:both; content:'';}
#wrapper{
background:none;
padding:0;
margin:0;
width:100%;
box-shadow:none;
}
#mainbody{ max-width:100%; margin-left: auto; margin-right: auto; background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/background-swoosh.png); background-position: right bottom; background-size: 80%; background-repeat: no-repeat} #header{width: 100%;
max-width: 100%;
display: block; background-color: #ffffff; 
}
#header .wrap {
max-width: 1350px;
}
#centredlogo{
float: left; text-align: left; padding-top: 20px; width: 20%
}
#centredlogo a{display: block}
#centredlogo img{  height: auto; width: 150px; }
.scrolled{ }
#header-right{float: left;  width: 20%; text-align: right; padding-top: 20px}
#header-right li{list-style: none;padding-bottom: 0px }
#header-right p{padding-bottom: 0px; }
#header-right a{text-decoration: none; margin-left: 5px; margin-right: 5px}
#header-alert{ background: linear-gradient(135deg, #2B4D97, #2B9ED7);}
#header-alert-inner{padding-top: 15px;padding-bottom: 12px; text-align: center}
#header-alert-inner p{    font-family: "aptos-narrow", sans-serif;
font-weight: 600;     font-size: 28px;
line-height: 28px; color: #ffffff; padding-bottom: 0px}
#header-alert-inner li{list-style: none}
#header-alert-inner a{color: #ffffff; text-decoration: none}
#header-alert-inner a:hover{color: #2D2E2E} #main-nav{
margin: 0 auto; display:block; float:left;  text-align: center;   width: 60%;     margin-bottom: -1px!important;
}
#main-nav ul{
list-style:none;
padding:0;
margin:0;   font-size: 0;
}
#main-nav ul li{
display:inline-block;
margin-left: 0px; margin-right: 0px; padding-bottom: 0px
}
#main-nav ul li a{
font-size: 15px;
padding: 0px; padding-left: 16px; font-weight: 600; padding-right:16px; display: block; text-decoration:none; color: #2D2E2E; text-transform: uppercase; padding-top: 30px; padding-bottom: 30px
}
#main-nav ul li a:hover{
color: #ffffff; background-color: #2B4D97 	  
}
#main-nav ul li.current-menu-item a{
color: #ffffff; background-color: #2B4D97 	  
}
#main-nav ul li.current-menu-item a{
color: #ffffff; background-color: #2B4D97 	  
}
#main-nav ul li.current_page_parent a{
color: #ffffff; background-color: #2B4D97 	  
}
#main-nav ul li.current_page_parent a{
color: #ffffff; background-color: #2B4D97 	  
} #main-nav li ul{position: absolute;width: 280px;
z-index: 9999;
background-color: #2B4D97; 	 
visibility: hidden;
opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 12px; padding-bottom:12px;}
#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li a{
font-size: 15px;
padding-top: 0px;
padding-right: 18px;
padding-left: 18px;
padding-bottom: 0px;
margin: 0px;
border: none!important;
color: #ffffff; line-height: 30px
}
#main-nav li ul li a:hover {
border-radius: 0!important;
color: #D6DCE3;
border: none!important;
}
#main-nav ul li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}
#main-nav ul li.current-menu-item li a{color: #ffffff; border: none!important;}
#main-nav ul li.current-menu-item li a:hover{color: #D6DCE3!important; border: none!important;}
#main-nav ul li.current_page_parent li a{
color: #ffffff
}
#main-nav ul li.current_page_parent li a:hover{
color: #D6DCE3
} #banner{
position: relative;
width: 100%; height: auto; 
}
#banner img{
width: 100%; height: auto; min-width: 100%
}
#homepage-banner{position:relative; }
#banner-home{position:relative; }
#banner-home img{width:100%; display:block;}
.flexslider .slides > li{}
#banner-home .flex-control-nav{display :none}
.flex-direction-nav{display:none;}
.flex-control-nav {
display: none!important
}
.show-mob,.close-mob{display:none;}
#new-sub-banner {
height: 70vh; position: relative; z-index: 9;  min-height: 500px;  max-height: 650px
}
#new-sub-banner .wrap{
width: 100%; position: relative; height: 70vh;  min-height: 500px;  max-height: 650px
}
#banner-overlay {
bottom: 80px; left: 25px; right: 40%; text-align: left; z-index: 9999; position: absolute
}
#banner-overlay h1 {
color: #ffffff; font-size: 70px; line-height: 60px
}
#banner-overlay p {
padding-bottom: 22px; max-width: 600px
}
.single-courses #banner-overlay {
right: 40%;
} #footer-accreditations{background-color: #ffffff; border-top-color: #D0E6F0; border-top-width: 1px; border-top-style: solid; padding-top: 50px; padding-bottom: 50px}
#footer-accreditations li{list-style: none; padding-bottom: 0px}
#footer-accreditations img{width: 100%; height: auto}
#footer-wrap{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/footer-background.jpg); background-repeat: no-repeat; background-size: cover}
#footer-one{}
#footer-one-inner{padding-top: 90px; padding-bottom: 20px;}
#footer-one p{ font-size: 14px; letter-spacing: 0px; padding-bottom: 0px;color: #ffffff }
#footer-one a{ color: #ffffff; font-size: 14px; text-decoration: none }
#footer-one a:hover{text-decoration: none; color: #DDD8E1 }
#footer-one li{list-style: none; color: #ffffff; padding-bottom: 0px}
#footer-two{}
#footer-two-inner{padding-top: 20px; padding-bottom: 90px; border-top-color: #D0E6F0; border-top-width: 1px; border-top-style: solid}
#footer-two p{ font-size: 13px; letter-spacing: 0px; padding-bottom: 0px;color: #ffffff }
#footer-two a{ color: #ffffff; font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: 500  }
#footer-two a:hover{text-decoration: none; color: #DDD8E1 }
#footer-two li{list-style: none; color: #ffffff; padding-bottom: 0px}
#footer-logo{float: left; }
#footer-logo img{width: 180px; height: auto}
#footer-cta{float: right;}
#footer-copyright{float: left;}
#footer-navigation{float: right}
#footer-navigation li{display: inline-block; margin-left: 26px} .wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email],  .wpcf7-form-control-wrap input[type=tel] {
box-sizing: border-box;
border-radius: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
max-width: 100%;
color: #000000;
font-size: 17px;
line-height: 46px;
font-family:"aptos-narrow", sans-serif;
border: none;
padding-top: 4px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 4px;
background-color: #ffffff;
width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
border-radius: 5px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 20px;
min-width: 100%;
color: #000000;
font-size: 15px;
line-height: 22px;
margin-top: 0px; line-height: 46px;  height: 70px;  font-family:"aptos-narrow", sans-serif; border: none;    padding-top: 4px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 4px; height: 100px; background-color: #ffffff;   width: 100%; box-sizing: border-box;
} 
.wpcf7-form input[type=submit] {
background-color: #2B4793;
color: #ffffff;
padding-top: 12px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 15px;
text-decoration: none;
font-size: 15px; display: inline-block; border-radius: 10px; text-transform: uppercase; font-weight: 600;    min-width: 100%; border:none;  font-family:"aptos-narrow", sans-serif;;
font-weight: 700;
}
.wpcf7-list-item{margin-left: 0px!important}
.wpcf7-form input[type=checkbox] {
border: 1px solid #ffffff; width: 15px; height: 15px;    -webkit-appearance: auto;
}
.wpcf7-form {
margin-top: 20px
}
.wpcf7-form p {
font-size: 12px; line-height: 21px
}
input::placeholder, textarea::placeholder {
color: #000000
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #ffffff;
color: #ffffff;
}  .fade-in-up,
.fade-in-down,
.fade-in-up-left,
.fade-in-up-right,
.fade-in-right {
opacity: 0;
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform;
}  .fade-in-up {
transform: translateY(50px);
}
.fade-in-up.visible {
opacity: 1;
transform: translateY(0);
} .fade-in-down {
transform: translateY(-60px);
}
.fade-in-down.visible {
opacity: 1;
transform: translateY(0);
} .fade-in-up-left {
transform: translate(60px, 60px); }
.fade-in-up-left.visible {
opacity: 1;
transform: translate(0, 0);
} .fade-in-up-right {
transform: translate(-60px, 60px); }
.fade-in-up-right.visible {
opacity: 1;
transform: translate(0, 0);
} .fade-in-right {
transform: translateX(-60px); }
.fade-in-right.visible {
opacity: 1;
transform: translateX(0);
} #simplecarousel-carousel{margin-top: 18px}
.simplecarousel-item{background-color: #ffffff; border-radius: 15px; }
.simplecarousel-inner{overflow: hidden;     position: relative;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;}
.simplecarousel-inner-left{width: 50%; float: left}
.simplecarousel-inner-left img{border-radius: 15px 0px 0px 15px; width: 100%; height: auto}
.simplecarousel-inner-right{width: 50%; float: left}
.simplecarousel-inner-right-inner{
padding-top: 45px;
padding-right: 65px;
padding-left: 45px;
padding-bottom: 45px;
background-color: #ffffff;
border-radius: 0px 15px 15px 0px
}
p.simplecarousel-second-title {text-transform: uppercase; color: #359CD3}
.simplecarousel-inner-right-inner p{    font-size: 17px;
line-height: 26px; padding-bottom: 10px }
.simplecarousel-inner-right-inner h4{ padding-bottom: 5px }
.simplecarousel-inner-right-inner h4 a{ text-decoration: none; color: #2D2E2E}
.simplecarousel-inner-right-inner h4 a:hover{ color: #359CD3}
.simplecarousel-inner-right-inner .bluebutton{margin-top: 25px}
#simplecarousel-carousel .slick-prev:before, #simplecarousel-carousel .slick-next:before {
font-family: FontAwesome;
color: #ffffff;
font-size: 40px; opacity: 1;
}
#simplecarousel-carousel .slick-prev:hover:before,
#simplecarousel-carousel .slick-next:hover:before {
color: #359CD3
}
#simplecarousel-carousel .slick-prev:before {
content: "\f190";
}
#simplecarousel-carousel .slick-next:before  {
content: "\f18e";
}
#simplecarousel-carousel .slick-prev {
left:-55px
}
#simplecarousel-carousel .slick-next {
right:-40px
} #multicarousel-carousel{overflow: visible; margin-left: -12px; margin-right: -12px}
.multicarousel-item{background-color: #ffffff; border-radius: 15px; box-shadow: 0px 0px 15px 0px rgba(221, 221, 221, 0.5);     margin: 0 20px 0px 20px;}
.page-id-447 .multicarousel-item{box-shadow: none}
.slick-track {
padding-bottom:20px}
@media (max-width: 768px) {
.multicarousel-item {
flex: 0 1 calc(50% - 20px); }
}
@media (max-width: 480px) {
.multicarousel-item {
flex: 0 1 100%; }
}
.multicarousel-inner{position: relative;}
.multicarousel-inner img{border-radius: 15px 15px 0px 0px; width: 100%; height: auto}
.multicarousel-inner-text{
padding-top: 40px;
padding-right: 35px;
padding-left: 35px;
padding-bottom: 35px;
background-color: #ffffff;
border-radius: 0px 0px 15px 15px
}
p.multicarousel-second-title {text-transform: uppercase; color: #359CD3}
.multicarousel-inner-text p{    font-size: 17px;
line-height: 26px; padding-bottom: 10px }
.multicarousel-inner-text h4{ padding-bottom: 5px }
.multicarousel-inner-text h4 a{ text-decoration: none; color: #2D2E2E}
.multicarousel-inner-text h4 a:hover{ color: #359CD3}
.multicarousel-inner-text .bluebutton{margin-top: 25px}
#multicarousel-carousel .slick-prev:before, #multicarousel-carousel .slick-next:before {
font-family: FontAwesome;
color: #2B4793;
font-size: 40px; opacity: 1;
}
.page-id-447 #multicarousel-carousel .slick-prev:before, .page-id-447 #multicarousel-carousel .slick-next:before {
color: #ffffff!important;
}
.page-id-447 #multicarousel-carousel .slick-prev:hover:before,
.page-id-447 #multicarousel-carousel .slick-next:hover:before {
color: #359CD3!important
}
#multicarousel-carousel .slick-prev:hover:before,
#multicarousel-carousel .slick-next:hover:before {
color: #359CD3
}
#multicarousel-carousel .slick-prev:before {
content: "\f190";
}
#multicarousel-carousel .slick-next:before  {
content: "\f18e";
}
#multicarousel-carousel .slick-prev {
left:-55px
}
#multicarousel-carousel .slick-next {
right:-40px
} #course-details-left{width: 62%; float: left}
#course-details-right{width: 33%; float: right}
#course-details-right h3{text-transform: none}
#course-cta{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/home-carousel-background.jpg); background-size: cover; background-position: center center; padding-top:120px; padding-bottom: 120px}
#course-cta a{margin-right: 15px}
#course-cta h2{padding-bottom: 20px}
#course-footer-carousel h2{padding-bottom: 30px}
#course-details-left ul{margin-left: 45px; margin-bottom: 20px; margin-top: 20px} #blog-content{margin-top: 100px; margin-bottom: 100px}
.post-details{max-width: 850px}
.post-details h2{padding-top: 40px}
.post-details h3{padding-top: 40px}
.post-details img{background-color: #ffffff; padding-top: 20px !important;
padding-right: 20px !important;
padding-left: 20px !important;
padding-bottom: 20px !important;
box-shadow: 0px 0px 15px 0px rgba(221, 221, 221, 0.5);
margin-top: 25px; margin-bottom: 25px; border-radius: 15px; height: auto}
.single #header{border-bottom-color: #DDD8E1; border-bottom-width: 1px; border-bottom-style: solid} .blog-grid{    display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
margin-top: 15px;
gap: 20px; }
.blog-grid .blog-item {
background-color: #ffffff;
border-radius: 15px;
box-shadow: 0px 0px 15px 0px rgba(221, 221, 221, 0.5);
margin: 10px; flex: 0 1 calc(33.333% - 35px); display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.blog-grid .blog-item {
flex: 0 1 calc(50% - 20px); }
}
@media (max-width: 480px) {
.blog-grid .blog-item {
flex: 0 1 100%; }
}
.blog-item-inner{position: relative;}
.blog-item-inner img{border-radius: 15px 15px 0px 0px; width: 100%; height: auto}
.blog-item-inner-text{
padding-top: 40px;
padding-right: 35px;
padding-left: 35px;
padding-bottom: 35px;
background-color: #ffffff;
border-radius: 0px 0px 15px 15px
}
p.blog-item-second-title {text-transform: uppercase; color: #359CD3}
.blog-item-inner-text p{    font-size: 17px;
line-height: 26px; padding-bottom: 10px }
.blog-item-inner-text h4{ padding-bottom: 5px }
.blog-item-inner-text h4 a{ text-decoration: none; color: #2D2E2E}
.blog-item-inner-text h4 a:hover{ color: #359CD3}
.blog-item-inner-text .bluebutton{margin-top: 25px}  .brochureModal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6); overflow-y: auto;
} .brochureModal .modal-content {
background: linear-gradient(135deg, #2B4D97, #2B9ED7);
margin: 10% auto;
padding: 30px 20px;
border-radius: 15px;
max-width: 500px;
width: 90%;
position: relative;
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
animation: fadeIn 0.3s ease-in-out;
} .brochureModal .closeModal {
position: absolute;
top: 12px;
right: 18px;
font-size: 28px;
font-weight: bold;
color: #333;
cursor: pointer;
transition: color 0.2s;
}
.brochureModal .closeModal:hover {
color: #000;
} .brochureModal form {
display: flex;
flex-direction: column;
gap: 15px;
}
.brochureModal label {
font-weight: 600;
}
.brochureModal input[type="email"] {
padding: 10px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 16px;
}
.brochureModal input[type="submit"] {
padding: 12px;
background-color: #0073e6;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.2s ease;
}
.brochureModal input[type="submit"]:hover {
background-color: #005bb5;
} @keyframes fadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
.brochureModal h3 {
color: #2D2E2E!important;
}
.brochureModal p {
color:#2D2E2E!important;
} .paddingtoplarge{padding-top:180px}
.paddingbottomlarge{padding-bottom: 165px}
.paddingtop{padding-top:80px}
.paddingbottom{padding-bottom: 65px}
.paddingtopsmall{padding-top: 30px}
.paddingbottomsmall{padding-bottom: 20px}
.nobottommargin{margin-bottom: 0px!important}
.whitetext p, .whitetext a, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li{color: #ffffff!important}
.darktext p, .darktext a, .darktext h1, .darktext h2, .darktext h3, .darktext h4, .darktext li{color: #2D2E2E!important}
.whitebackground{background-color: #ffffff}
.darkbluebackground{background-color: #2B4793}
.gradientbackground{  background: linear-gradient(135deg, #2B4D97, #2B9ED7);}
.swooshbackground{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/background-swoosh.png); background-position: left bottom; background-size: cover}
.underline{border-bottom-color: #2B4793; border-bottom-width: 4px; border-bottom-style: solid}
.box{
padding-top: 40px!important;
padding-right: 40px!important;
padding-left: 40px!important;
padding-bottom: 30px!important;
position: relative;
box-shadow: 0px 0px 15px 0px rgba(221, 221, 221, 0.5);
}
.largebox{
padding-top: 55px!important;
padding-right: 55px!important;
padding-left: 55px!important;
padding-bottom: 40px!important;
position: relative;
}
.iconbox{
padding-top: 130px!important;
padding-right: 25%!important;
padding-left: 40px!important;
padding-bottom: 30px!important;
position: relative;
box-shadow: 0px 0px 15px 0px rgba(221, 221, 221, 0.5);
}
.iconbox h2 {
font-size: 85px;
line-height: 75px;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
letter-spacing: -2px;
}
.roundedcorners{border-radius: 15px}
.roundedcornersleft{
border-radius: 15px 0px 0px 15px
}
.roundedcornersright{
border-radius: 0px 15px 15px 0px
}
.roundedcornersleft img{
border-radius: 15px 0px 0px 15px
}
.bluebutton a, a.bluebutton{
background-color: #359CD3;
color: #ffffff;
padding-top: 8px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 8px;
text-decoration: none;
font-size: 14px; display: inline-block; border-radius: 10px; text-transform: uppercase; font-weight: 600
}
.bluebutton a:hover, a.bluebutton:hover{
background-color: #2B4D97;
}
.darkbluebutton a, a.darkbluebutton{
background-color: #2B4793;
color: #ffffff;
padding-top: 8px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 8px;
text-decoration: none;
font-size: 14px; display: inline-block; border-radius: 10px; text-transform: uppercase; font-weight: 600
}
.darkbluebutton a:hover, a.darkbluebutton:hover{
background-color: #ffffff; color: #2B4793
}
.greybutton a, a.greybutton{
background-color: #DDD8E1;
color: #2D2E2E;
padding-top: 8px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 8px;
text-decoration: none;
font-size: 14px; display: inline-block; border-radius: 10px; text-transform: uppercase; font-weight: 600
}
.greybutton a:hover, a.greybutton:hover{
background-color: #2B4D97; 	color: #ffffff;
}
.whitebutton a, a.whitebutton{
background-color: #ffffff;
color: #2D2E2E!important;
padding-top: 8px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 8px;
text-decoration: none;
font-size: 14px; display: inline-block; border-radius: 10px; text-transform: uppercase; font-weight: 600
}
.whitebutton a:hover, a.whitebutton:hover{
background-color: #2B4D97; 	color: #ffffff!important;
}
.flexrow {
position: relative;
z-index: 9;
display: flex;
}
.mobile-nav{display:none}
.mobile-only{display:none!important}
.desktop-only{}
.cky-title{display: none!important}
.cky-notice-des a{color:#ffffff}
.cky-notice-des p{padding-bottom: 5px}
.topborder{ border-top-color: #D0E6F0; border-top-width: 1px; border-top-style: solid}
.stat strong{font-size:85px; line-height:75px; text-transform: uppercase; color: #2B4D97;     font-weight: 600; letter-spacing: -2px; margin-top: 25px; display: block; margin-bottom: 5px} .flexrow {
display: flex;
flex-wrap: wrap;
} .flexrow > .wpb_column {
display: flex;
flex-direction: column;
} .flexrow .vc_column-inner {
flex: 1;
display: flex;
flex-direction: column;
} .flexrow .wpb_wrapper {
flex: 1;
display: flex;
flex-direction: column;
} .flexrow .wpb_text_column {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between; min-height: 100px
}
.hat-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/hat.png); background-position: top right; background-repeat: no-repeat; background-size: 65px; content: "";
display: inline-block; position: absolute; top:30px; right:30px; width: 65px; height: 65px}
.star-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/star.png); background-position: top right; background-repeat: no-repeat; background-size: 65px; content: "";
display: inline-block; position: absolute; top:30px; right:30px; width: 65px; height: 65px}
.brain-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/brain.png); background-position: top right; background-repeat: no-repeat; background-size: 65px; content: "";
display: inline-block; position: absolute; top:30px; right:30px; width: 65px; height: 65px}
.hands-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/hands.png); background-position: top right; background-repeat: no-repeat; background-size: 65px; content: "";
display: inline-block; position: absolute; top:30px; right:30px; width: 65px; height: 65px}
.cash-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/cash.png); background-position: top right; background-repeat: no-repeat; background-size: 65px; content: "";
display: inline-block; position: absolute; top:30px; right:30px; width: 65px; height: 65px}
.skills-gap-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/skills-gap.png); background-position: top right; background-repeat: no-repeat; background-size: 75px; content: "";
display: inline-block; position: absolute; top:20px; right:20px; width: 65px; height: 75px}
.talent-retention-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/talent-retention.png); background-position: top right; background-repeat: no-repeat; background-size: 75px; content: "";
display: inline-block; position: absolute; top:20px; right:20px; width: 65px; height: 75px}
.increased-productivity-icon::before{background-image: url(//otma.ac.uk/wp-content/themes/OTMA/images/increased-productivity.png); background-position: top right; background-repeat: no-repeat; background-size: 75px; content: "";
display: inline-block; position: absolute; top:20px; right:20px; width: 65px; height: 75px}
.pum-theme-688 .pum-title, .pum-theme-lightbox .pum-title {display: none}
.pum-theme-688 .pum-container, .pum-theme-lightbox .pum-container {border-radius: 12px!important; border: none!important}
.pum-theme-688 .pum-container, .pum-theme-lightbox .pum-container img{border-radius: 12px!important;}