body { 
font-family: "proxima-nova";
font-size: 16px;
}

/* selection */
::-moz-selection {
background: #ff9100;
color: #fff;
text-shadow: none;
}
::selection {
background: #ff9100;
color: #fff;
text-shadow: none;
}


/* typography */
p {
margin: 0 0 10px 0; font-weight: 400; font-size: 16px; color: #a3a3a2;
}
p span {margin: 0 0 10px 0; font-weight: 400; font-size: 16px; color: #fff;}

.ocb_link a { float: right; color: #a3a3a2; font-size: 14px; margin: 5px 0; }
.ocb_link a:hover { color: #18ade4; }

.ocb_link a span { color: #55addc; font-weight: 600;} 

strong {margin: 0 0 10px 0; font-weight: 600; font-size: 16px; color: #fff;}

h1, h2, h3, h4, h5, h6 {
font-weight: 400; margin: 0 0 10px 0; color: #a3a3a2;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h2 span{ color: #fff; font-weight: 300; }


.red { font-size: 30px; color: #f28e22; font-weight: 600; }
.red a { font-size: 30px; color: #f28e22; font-weight: 600; text-decoration: none; }
.red a:hover { color: #18ade4 }

h3 {
font-size: 25px;
}
h4 {
font-size: 20px;
}
h4 span{ color: #fff; font-weight: 300; }
h5 {
font-size: 16px;
}
}
h6 {
font-size: 15px;
}

.blue-title { color: #18ade4;	}


ul, ol {
margin: 0 0 20px 0;
padding: 0 0 0 20px;
}
ul li, ol li {
margin: 0 0 10px 0;
}

a {
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
a:hover {
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
span {
  font-weight: 700;
  color: #18ade4;
}

.float-right {
float: right;
}

.push {
margin-top: 20px;	
}

/* header */
.a-header-wrapper {
padding-top: 20px;
background: #fff;	
}

.container {
position: relative;
}

.container-fluid {
padding-left: 0;	
padding-right: 0;
overflow-x:hidden;	
}

.background-image {
background: url(/img/bg.png) no-repeat left 90px; 
}
.background-image2 {
background: url(/img/bg.png) no-repeat left bottom; 
}

.a-header {
position: absolute;
top: 15px;
right: 0px;  
}

.a-header li {
list-style: none;
float: left;  
}

.a-header li p {
margin: 15px 0;
}

.a-ocb-logo {
background: url(/img/logo-ocb.jpg) no-repeat center;
background-size:131px 69px;
width:131px;
height:69px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 0 10px;
}
.a-uolh-logo {
/*background: url(/img/logo-uolh.jpg) no-repeat center;*/
background: url(/img/uhl-nhs.jpg) no-repeat center;
background-size:279px auto;
width:279px;
height:69px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 0 10px;
}

.a-wmhe-logo {
/*background: url(/img/logo-wmhe.jpg) no-repeat center;*/
background: url(/img/Health_Education_EnglandCOL.jpg) no-repeat center;
background-size:222px auto;
width:222px;
height:69px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 0 10px;
}

@media screen and (max-width: 991px) {
.a-ocb-logo {
background: url(/img/logo-ocb-sm.jpg) no-repeat center;
width:76px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 0 10px;
}
.a-uolh-logo {
background: url(/img/logo-uolh-sm.jpg) no-repeat center;
width:162px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 0 10px;
}

.a-wmhe-logo {
background: url(/img/logo-wmhe-sm.jpg) no-repeat center;
width:129px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 0 10px;
}
}


/* homepage */
.computer {
width: 100%;	
}

/* button */
.button {
padding: 10px;
margin: 10px 0;
border-radius: 5px;
width: 100%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.button-down-1 {
background: url(/img/lm_button.png) no-repeat center;
width: 43px;
height: 43px;
margin: 0 auto;
background-size: 43px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {

.button-down-1 {
background: url(/img/lm_button.png) no-repeat center;	
background-size: 43px;
}

}

.button-down-2 {
background: url(/img/ov-lm-button.gif) no-repeat center;
width: 43px;
height: 43px;
margin: 0 auto;
background-size: 43px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {

.button-down-2 {
background: url(/img/ov-lm-button.gif) no-repeat center;	
background-size: 43px;
}

}

.button-down-3 {
background: url(/img/lm_button.png) no-repeat center;
width: 43px;
height: 43px;
margin: 0 auto;
background-size: 43px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {

.button-down-3 {
background: url(/img/lm_button.png) no-repeat center;	
background-size: 43px;
}

}

.button-down-4 {
background: url(/img/te-lm-button.gif) no-repeat center;
width: 43px;
height: 43px;
margin: 0 auto;
background-size: 43px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {

.button-down-4 {
background: url(/img/te-lm-button.gif) no-repeat center;	
background-size: 43px;
}

}

.button-up {
background: url(/img/lm_button_up.png) no-repeat center;
width: 43px;
height: 43px;
margin: 0 auto;
background-size: 43px;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {

.button-down-up {
background: url(/img/lm_button.png) no-repeat center;	
background-size: 43px;
}

}

.button, .button-down-1, .button-down-2, .button-down-3, .button-down-4, .button-up, .casestudy img {
cursor: pointer;	
}

.button-ov{
background: #18ade4;	
}

.button-cs{
background: #f28e22;	
}

.button-cs-2{
background: #f28e22;	
}

.button-te{
background: #9fc969;	
}

.button-git{
background: #e51b38;	
}

.button-pdf{
background: #f28e22;
width: 250px;
margin: 10px auto 0 auto;
padding: 10px;
border-radius: 5px;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.button-pdf:hover {
background: #a3a3a2;
text-decoration: none;
}

.button-demo{
background: #f28e22;
width: 250px;
margin: 5px 0 20px 0;
padding: 10px;
border-radius: 5px;
text-decoration: none;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.button-demo:hover {
background: #a3a3a2;
text-decoration: none;
}

.button-demo h5{
color: #fff;
margin:0;	
}

.button-ov:hover,.button-cs:hover,.button-te:hover,.button-git:hover {
background: #a3a3a2;
}

.button h5 {
text-align: center;
margin: 0;
color: #fff;
}


.button-pdf h5 {
text-align: center;
margin: 0;
color: #fff;
}
	

.jump {
margin-top: 20px;
margin-bottom: 20px;	
}

.ui-effects-wrapper {
margin: 0 auto !important;
}



/* owl carousel */

#owl-demo .item img {
display: block;
width: 70%;
float: right;
}

#owl-demo .item h1 {
position: absolute;
width: 55%;
top: 30px;
}



@media screen and (max-width: 960px) {
#owl-demo .item h1 {
position: inherit;
width: 100%;
}
#owl-demo .item img {
display: block;
width: 100%;
float: right;
margin-top: -100px;
}
}

@media screen and (max-width: 767px) {
#owl-demo .item h1 {
font-size: 30px;
}
#owl-demo .item img {
display: block;
width: 100%;
float: right;
margin-top: -50px;
}
}



/* sections */
.main-wrapper{
width: 100%;
/*height: 100%;	
*/}
.main{
width: 100%;
/*max-height:  870px;
max-height:1500px;*/
padding: 0 0 50px 0;
}

@media screen and (max-width: 960px) {
.main{
width: 100%;
max-height:  870px;
padding: 50px 0 10px 0;
}
}

.main-wrapper h3 {
text-align: center;	
}

.overview{
width: 100%;
/*height:  100%;*/
background: #18ade4;
padding: 30px 0;
text-align: center;
}

.overview2{
width: 100%;
/*height:  100%;*/
background: #18ade4;
padding: 30px 0;
text-align: center;
}



.overview2.section-white{
width: 100%;
/*height:  100%;*/
background: #ffffff;
padding: 30px 0;
text-align: center;
}

.overview2.section-green{ 
width: 100%;
/*height:  100%;*/
background: #9FC969;
padding: 30px 0;
text-align: center;
}




.overview2 p,
.overview2 ul li { 
text-align: left;
color: #fff;
}

.overview2.section-white p,
.overview2.section-white ul li,
.overview2.section-white p span,
.overview2.section-white h2 span { 
text-align: left;
color: #A3A3A2;
}


.overview p,
.testimonial p,
.getintouch p{
padding: 0 100px;	
}

@media screen and (max-width: 964px) {
.overview p,
.testimonial p,
.getintouch p{
padding: 0;	
}
}

.overview li {
color: #fff;
text-align: left;	
}

.casestudy{
width: 100%;
padding: 30px 20px;
text-align: center;	
color: #fff;
}


.module-names{
margin-top: 20px;
float: left;
color: #f28e22;
}

.casestudy p, .casestudy h4 {
text-align: left;		
}

.cs-title{
float: left;
color: #f28e22;
}

.cs-sub-title{
color: #f28e22;
margin-top: 10px; 
}

.cs {
width: 100%;
margin-bottom: 20px;
border: 2px solid #18ade4;	
background: #f28e22;
position: relative;
border-radius: 4px;
}

.cs img{
width: 100%;

}

.cs:hover img{
opacity: 0.1;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;	
}

.cs p{
position: absolute;
top: 50%;
margin-top: -16px;
display: none;	
color: #fff;
padding: 10px;
text-align: center;
width: 100%;
}

.cs:hover p{
display: block;

}

.testimonial{
width: 100%;
/*height:  100%;
*/background: #9fc969;
padding: 30px 0;
text-align: center;
color: #fff;	
}


.speech-l {
float: left;
}

.speech-r {
float: right
}


.getintouch{
width: 100%;
padding: 30px 0;
text-align: center;
color: #fff;
}

.footer-line{
border-bottom: 5px solid #18ade4;		
}

.center {
width:370px;
margin:30px auto;
text-align:left;
}

.center2 {
width:515px;
margin:30px auto;
text-align:left;
color: #a3a3a2;
}


@media screen and (max-width: 767px) {
.center2 {
width:100%;
margin:30px auto;
text-align:left;
color: #a3a3a2;
}
}

/* Styling Pagination*/

@media(max-width:1200px){
	.owl-wrapper-outer{
	height:480px !important;
}
}

@media(max-width:960px){
	.owl-wrapper-outer{
	height:600px !important;
}
}


@media(max-width:767px){
	.owl-wrapper-outer{
	height:500px !important;
}
}


.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #18ade4;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.padding{
padding: 0 287px;
}

.op-wrapper{
padding: 0 125px;
margin: 30px;	
}

@media screen and (max-width: 1200px) {
.op-wrapper
{
	padding: 0;
}	
}

@media screen and (max-width: 767px) {
.op-wrapper
{
	margin: 0;
}	
}

.module-wrapper{
padding: 0 115px;	
}

@media screen and (max-width: 1200px) {
.module-wrapper
{
	padding: 0;
}	
}

@media screen and (max-width: 1200px) {
.padding
{
	padding: 0 240px;
}	
}

@media screen and (max-width: 767px) {
.padding
{
	padding: 0;
}	
}

.logo-footer {
margin: 10px 0;	
}

.thumbnail {
width: 39%;
margin: 0 auto;
}

@media screen and (max-width: 1200px) {
.thumbnail
{
width: 60%;
}	
}

@media screen and (max-width: 960px) {
.thumbnail
{
width: 80%;
}	
}

.ui-effects-wrapper {
height: 43px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;	
}

.cs-1, .cs-2, .cs-3 {
height: 400px;	
}

@media screen and (max-width: 960px) {
.cs-1, .cs-2, .cs-3 
{
height: 480px;
}	
}






.module-box{
	background:#18ADE4;
	padding:20px;
	margin-bottom:30px;
	color:#fff;

}
.module-box p{
	color:#fff;
}



.imgbordered{
	border-radius:6px;
	border:2px solid #fff;
}