/*  THIS COPY BELOW ENSURES THAT ALL THE FONTS ARE SOURCE SANS PRO,BUT DOES NOT STRIP OUT THE FONT AWESOME ICONS*/

*:not(i):not(.fa){
  font-family: 'Source Sans Pro', sans-serif;
}

::selection {
  background: #ededed; /* WebKit/Blink Browsers */
  color: #c01634;
}
::-moz-selection {
  background: #ededed; /* Gecko Browsers */
  color: #c01634;
}
a:hover{
  text-decoration:none !important;
  color: #c01634;
}
p a, a {
  color: #c01634;
}


body{
  font-family: 'Source Sans Pro', sans-serif;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing: antialiased;
}

.uppercase{
  text-transform: uppercase;
}

h1{
  text-align: center;
  font-weight: 400;
}
@media (max-width:466px) {
  h1{
    font-size: 27px;
  }
}
.h1-left{
  text-align: left;
  font-weight: 400;
}
h2{
  font-size: 27px;
  text-align: center;
  font-weight: 400;
  margin-top:10px;
}
.h2-white{
  color: #ffffff;
}
.news-h2{
  text-align: left !important;
}
@media (max-width:466px) {
  h2{
    font-size: 25px;
  }
}
.h2-head{
  font-size: 32px;
  text-align: center;
  font-weight: 400;
}
@media (max-width:466px) {
  .h2-head{
    font-size: 25px;
  }
}
.h2-left{
  text-align: left;
  font-size: 27px;
}
.h3-bold{
  font-weight: bold;
}
.h3-red{
  color: #c01634;
  text-align: center;
}
.h3-navy-blue{
  color: #222f37;
  text-align: center;
}
.h3-center{
  text-align: center !important;
}

@media (max-width:1200px) {
  h3{
    font-size: 18px;
  }
}
h4{

}
h5{
  line-height: 1.4;
  font-size: 17px;
}
h6{

}
.h2-bold{
  font-weight: bold;
}
.h4-tight{
  line-height: 1.1 !important;
  font-size: 21px;
}

.align-left{
  text-align: left !important;
}

.w-h2{
  color: #ffffff;
}

.pull-quote-biog{
  font-size: 23px;
  font-weight: 600;
  color: #c01634;
  margin-bottom: 13px;
  hanging-punctuation:first;
}
.pull-quote-biog-underline{
  width:50px;
  background-color: #c01634;
  height: 4px;
  margin: 20px 0px;
}
/*  font sizes  */
.f-s-12{
  font-size: 12px;
}
.f-s-14{
  font-size: 14px;
}
.f-s-16{
  font-size: 16px;
}
.f-s-18{
  font-size: 18px;
}
.f-s-20{
  font-size: 20px;
}
.f-s-22{
  font-size: 22px;
}
.f-s-26{
  font-size: 26px;
}
.f-s-28{
  font-size: 28px;
}
.f-s-32{
  font-size: 32px;
}
.f-s-35{
  font-size: 35px;
}
.f-s-40{
  font-size: 40px;
}
.f-s-60{
  font-size: 60px;
}
.f-w-400{
  font-weight: 400;
}
.f-w-600{
  font-weight:600;
}


/*  padding classes     */
.p-t-5{
  padding-top: 5px !important;
}
.p-t-10{
  padding-top: 10px !important;
}
.p-t-20{
  padding-top: 20px !important;
}
.p-t-30{
  padding-top: 30px !important;
}
.p-t-40{
  padding-top: 40px !important;
}
.p-t-60{
  padding-top: 60px !important;
}
.p-t-70{
  padding-top: 70px !important;
}
.p-t-80{
  padding-top: 80px !important;
}
.p-t-100{
  padding-top: 100px !important;
}
.p-r-10{
  padding-right:10px !important;
}
.p-r-20{
  padding-right:20px !important;
}
.p-r-30{
  padding-right:30px !important;
}
.p-r-40{
  padding-right:40px !important;
}
.p-r-50{
  padding-right:50px !important;
}
.p-l-10{
  padding-left:10px !important;
}
.p-l-20{
  padding-left:20px !important;
}
.p-l-30{
  padding-left: 30px !important;
}
.p-l-40{
  padding-left: 40px !important;
}
.p-l-50{
  padding-left: 50px !important;
}
.p-b-20{
  padding-bottom: 20px !important;
}
.p-b-30{
  padding-bottom: 30px !important;
}
.p-b-40{
  padding-bottom: 40px !important;
}
.p-b-60{
  padding-bottom: 60px !important;
}
.p-b-80{
  padding-bottom: 80px !important;
}

.p-b-100{
  padding-bottom: 100px !important;
}
.p-b-120{
  padding-bottom: 120px !important;
}

/*  margin classes  */
.m-b-10{
  margin-bottom:10px !important;
}
.m-b-20{
  margin-bottom:20px !important;
}
.m-b-30{
  margin-bottom:30px !important;
}
.m-b-40{
  margin-bottom: 40px !important;
}
.m-b-60{
  margin-bottom:60px !important;
}
.m-b-80{
  margin-bottom:80px !important;
}
.m-b-100{
  margin-bottom:100px !important;
}
.m-b-120{
  margin-bottom:120px !important;
}
.m-t-10{
  margin-top:10px !important;
}
.m-t-20{
  margin-top:20px !important;
}
.m-t-30{
  margin-top:30px !important;
}
.m-t-40{
  margin-top:40px !important;
}
.m-t-60{
  margin-top:60px !important;
}
.m-t-80{
  margin-top:80px !important;
}
.m-t-100{
  margin-top:100px !important;
}
.m-t-200{
  margin-top:200px !important;
}
.m-t-250{
  margin-top:250px !important;
}
.m-l-10{
  margin-left:10px !important;
}
.m-l-20{
  margin-left:20px !important;
}
.m-l-30{
  margin-left:30px !important;
}
.m-r-10{
  margin-right:10px !important;
}
.m-r-20{
  margin-right:20px !important;
}
.m-r-30{
  margin-right:30px !important;
}
.m-r-40{
  margin-right:40px !important;
}

/* Margin and padding for tablet/mobile */
@media (max-width:900px) {
.m-b-40{
  margin-bottom: 10px !important;
  }
.m-b-60{
  margin-bottom: 10px !important;
  }
.m-t-40{
  margin-top: 10px !important;
  }
.p-b-40{
  padding-bottom:10px !important;
  }
.p-b-60 {
    padding-bottom: 20px !important;
  }
/* Columns for tablet/mobile */
  /*.col-lg-12{
    padding: 10px 5px !important;
  }*/
}

p {
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #222f37;
}
@media (max-width:466px) {
  p{
    font-size: 14px;
  }
}
.text-center p{
  text-align: center;
}

/* Animation */

@keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0)
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0)
  }

  to {
    transform: translate3d(0,0,0);
    opacity: 1
  }
}
.bold-text{
  font-weight: 700;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
  opacity: 0
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

/*
OTHER REGIONAL LINKS IN HEADER
*/
.other-region-links{
  margin-right: 5%;
  float: right;
  padding: 10px 20px;
  margin-top:-105px;
}
.other-region-links p{
  font-size: 15px;
}

@media (max-width:991px) {
  .other-region-links{
    display:none;
  }
}

/* Login and Searchbar in header */
#login-signup{
  z-index: 1;
  float: right;
  padding:10px 20px;
  color: #222f37 !important;
}
#login-signup a:hover{
  color:#c01634;
  font-weight: 500;
}

#searchbar{
  z-index: 1;
  float: right;
}
@media (max-width:660px) {
  #searchbar  {
    float:none !important;
  }

  #searchbar input {
    width:80%;
    height:40px;
    font-size:13px;
    outline:none;
    padding:10px;
    border:none;
    background:#ededed;
  }

  #btn {
    background:#C01634;
    width:20% !important;
    float: right !important;
    height:40px;
    padding:10px;
    color:white;
    text-align:center;
    font-size: 20px;
    line-height: 10px;
  }
}

#searchbar input{
  float:left
}

input {
  width:260px;
  height:40px;
  font-size:13px;
  outline:none;
  padding:10px;
  border-radius: 5px;
  border: 1px solid #b0b0b0;
  background:#d3d3d3;
}
.currency-selector { padding: 0px; margin-left: 10px; margin-top:0px; background: #ededed; min-height: 40px; text-align: left; font-size: 16px; max-width: 130px; position: relative; }
.currency-selector li { padding: 8px 10px 5px; z-index: 2; cursor: pointer; }
.currency-selector li { float: left; display: none; background: #ededed; }
.currency-selector li:hover, .currency-selector li.selected:not { background: #09f; color:#fff; }
.currency-selector li:hover a { color:#fff; }
.currency-selector { cursor: pointer; }
.currency-selector:after { content:'\f0d7'; position: absolute; top:10px; right:10px; font-family: fontAwesome; }
.currency-selector i{
  color:#c01634;
}

#btn {
  background:#C01634;
  width:50px;
  height:40px;
  padding:10px;
  color:white;
  text-align:center;
  font-size: 20px;
  line-height: 10px;
}
#searchbar #btn:hover {
  background: linear-gradient(#c01634, #232f38);
}
/* END OF SEARCHBAR IN HEADER */

/*
Shopping cart and avatar styling in header
*/
.shopping-cart{
  width: 100%;
  float: right;
}
.shopping-cart a{
  padding: 10px !important;
}
.shopping-cart i{
  font-size: 20px;
}
.shopping-cart span{
  font-size:20px;
  color:#ffffff;
}

.avatar{
  display: inline-block;
  max-width:20px !important;
  max-height:20px !important;
  border-radius: 50px;
}
.avatar img:hover{
  opacity: 0.5;
  border: 1px solid #eaeaea;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  transition: all 0.5s;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}
@media (max-width:1013px) {
  .shopping-cart a{
    padding:23px 10px 0 0 !important;
  }
}
@media (max-width:991px) {
  .avatar, .shopping-cart{
    float:none;
  }
  .shopping-cart a{
    padding:5px 0 !important;
  }
}
/*
End of shopping cart and avatar styling in header
*/

.quotations{
  font-size: 24px;
}
.centered-p p{
  text-align: center;
}
.centered-p:hover{
  text-decoration: none;
}
.text-left h2{
  text-align: left !important;
}
.text-left {
  text-align: left !important;
}

.left-p p{
  text-align: left !important;
}
.left-p ul li{
  text-align: left !important;
  list-style-position: inside;
}
.left-bullets{
  text-align: left !important;
}
.centered-p {
  text-align: center;
}
.centered-p-no-padding{
  padding-top: 10px !important;
}

.ow-uppercase{
  text-transform: uppercase;
}

.centered-content{
  text-align: center;
  margin: 0 auto;
  height: auto;
  padding-bottom: 40px;
}

.centered-content p{
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
}
.centered-image img{
  text-align: center!important;
  margin: 0 auto !important;
}


.centered-image{
  text-align: center!important;
  margin: 0 auto !important;
}

.centered-row{
  margin: 0 auto;
  float:none;
  display: inline-block;
}

.row {
  margin: 0 auto;
}

.testimonial-image{
  max-width: 100px;
  height: 100px;
  border: 2px solid #ededed;
  border-radius: 50px;
}

.testimonials-white{
  color: #ffffff;
  text-align: center;
  padding:130px 100px 0px 100px;
  line-height: 1.5;
  font-size: 35px;
}
@media (max-width:400px) {
  .testimonials-white {
    padding: 50px 5px 0 5px;
  }
  .fill-testimonial {
    padding-bottom: 60px !important;
  }
}

.class-a-standard img{
  text-align: center;
  margin:0 auto;
  max-height: 300px;
}

.class-a-standard p{
  text-align: left;
}
.inline-images ul li{
  list-style: none; display: inline;
  padding:20px;

}
.inline-images ul li img{
  /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
  /*filter: gray;*/ /* IE5+ */
  /*-webkit-filter: grayscale(1);*/ /* Webkit Nightlies & Chrome Canary */
  /*-webkit-transition: all .3s ease-in-out;*/
  width:100%;
}

.inline-images ul li img:hover{
  filter: none;
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.01);
}

.btn-transparent {
  display: inline-block;
  background: transparent;
  border-radius: 40px;
  text-transform: uppercase;
  width: auto;
  border: 1px solid #fff;
  transition: all 0.5s;
  padding: 15px 20px;
  margin-bottom: 10px;
  color: #fff;
}
.btn-transparent:hover {
  color: #fff;
  text-decoration: none;
}
.btn-transparent.orange:hover {
  background-color: #f4b357;
}
.btn-transparent.red:hover {
  background-color: #d15d72;
}
.btn-transparent.purple:hover {
  background-color: #ac638e;
}
/* end of Button three*/

/*  red buttons     */
.btn-outline-red {
  border-radius: 40px;
  background-color: transparent;
  border: 3px solid #c01634;
  color: #c01634;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 18px;
}
.btn-outline-red:hover,
.btn-outline-red:focus,
.btn-outline-red:active {
  background-color: #c01634;
  color: #ffffff;
}
.btn-outline-red-left {
  border-radius: 40px;
  background-color: transparent;
  border: 3px solid #c01634;
  color: #c01634;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  background-color: #c01634;
  color: #ffffff !important;
  /* font-size: 18px; */
}
.btn-outline-red-left:hover,
.btn-outline-red-left:focus,
.btn-outline-red-left:active {
  background-color: #c01634;
  color: #ffffff;
}
/* red buttons*/

/* Login button id */
#userLoginBtn {
  border-radius:20px;
  background-color: #c01634;
  color:#ffffff;
  border: none;
  max-width:270px;
  Width: 100%;
}

/*  red buttons small - (this is for the regional modal pop ups)     */
.btn-outline-red-small {
  border-radius: 40px;
  background-color: transparent;
  border: 3px solid #c01634;
  color: #c01634;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:20px;
  font-size: 15px;
}
.btn-outline-red-small:hover,
.btn-outline-red-small:focus,
.btn-outline-red-small:active {
  background-color: #c01634;
  color: #ffffff;
}
.btn-outline-red-small-left {
  border-radius: 40px;
  background-color: transparent;
  border: 3px solid #c01634;
  color: #c01634;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 18px;
}
.btn-outline-red-small-left:hover,
.btn-outline-red-small-left:focus,
.btn-outline-red-small-left:active {
  background-color: #c01634;
  color: #ffffff;
}

.modal-body fieldset{
  text-align:left;
  padding:10px 30px 10px 0;
}
@media (max-width: 4800px) {
.modal-body fieldset{
  padding:5px 5px 20px 5px;
}
}
#loginPopupModalLabel{
      padding:5px;
      margin:5px; 
    }
.modal-footer{
  text-align:left;
}
.modal-body fieldset input{
  width:100% !important;
}


/*
@media (max-width: 660px) {
.modal-footer {
padding: 10px 0 0 0;
text-align: left;
}
}*/

/* red buttons red buttons small - (this is for the regional modal pop ups)*/

/* red buttons red buttons extra small - (this is before the regional modal pop ups)*/
.btn-outline-red-xs {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #c01634;
  color: #c01634;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:30px;
  font-size: 13px;
}
.btn-outline-red-xs:hover,
.btn-outline-red-xs:focus,
.btn-outline-red-xs:active {
  background-color: #c01634;
  color: #ffffff;
}
.btn-outline-red-xs-left {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #c01634;
  color: #c01634;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 18px;
}
.btn-outline-red-xs-left:hover,
.btn-outline-red-xs-left:focus,
.btn-outline-red-xs-left:active {
  background-color: #c01634;
  color: #ffffff;
}
/* red buttons red buttons extra small - (this is before the regional modal pop ups)*/

/*  orange buttons     */
.btn-outline-orange {
  border-radius: 40px;
  background-color: transparent;
  border: 3px solid #f29400;
  color: #f29400;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 15px;
}
.btn-outline-orange:hover,
.btn-outline-orange:focus,
.btn-outline-orange:active {
  background-color: #f29400;
  color: #ffffff;
}
/* orange buttons*/

/*  light blue buttons     */
.btn-outline-blue {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #0d78c9;
  color: #0d78c9;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 15px;
}
.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active {
  background-color: #0d78c9;
  color: #ffffff;
}
/* light blue buttons*/

/*  navy blue buttons     */
.btn-outline-navy {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #232f38;
  color: #232f38;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 15px;
}
.btn-outline-navy:hover,
.btn-outline-navy:focus,
.btn-outline-navy:active {
  /* background-color: #232f38; */
  background-color: #c01634;
  border: 2px solid #c01634 !important;
  color: #ffffff;
}
/* navy blue buttons*/

/* Green buttons */
.btn-outline-navy-green {
  border-radius: 40px;
  background-color: transparent;
  border: 2px solid #128548;
  color: #128548;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:20px;
  margin-left:20px;
  font-size: 15px;
}
.btn-outline-navy-green:hover,
.btn-outline-navy-green:focus,
.btn-outline-navy-green:active {
  background-color: #128548;
  color: #ffffff;
}

/*  navy blue buttons     */
.btn-outline-navy-blue {
  border-radius: 40px;
  background-color: transparent;
  border: 2px solid #222f37;
  color: #222f37;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:20px;
  margin-left:20px;
  font-size: 15px;
}
.btn-outline-navy-blue:hover,
.btn-outline-navy-blue:focus,
.btn-outline-navy-blue:active {
  background-color: #222f37;
  color: #ffffff;
}

/* Buttons for mobile navigation */
@media (max-width: 660px) {
  .btn-outline-navy-blue, .btn-outline-navy-green {
    border-radius: 40px;
    background-color: transparent;
    border: 2px solid #222f37;
    color: #222f37;
    padding: 6px 20px;
    text-transform: none !important;
    transition: all 0.5s;
    margin-top:20px;
    margin-left:0 !important;
    font-size: 13px !important;
    width: 100% !important;
  }
}

.btn-outline-navy-blue-left {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #222f37;
  color: #222f37;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 18px;
}
.btn-outline-navy-blue-left:hover,
.btn-outline-navy-blue-left:focus,
.btn-outline-navy-blue-left:active {
  background-color: #222f37;
  color: #ffffff;
}
/* navy blue buttons*/

/*  purple buttons     */
.btn-outline-purple-2 {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #891c5e;
  color: #891c5e;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 18px;
}
.btn-outline-purple-2:hover,
.btn-outline-purple-2:focus,
.btn-outline-purple-2:active {
  background-color: #891c5e;
  color: #ffffff;
}
/* purple buttons*/

/*  white buttons     */
.btn-outline-white-2 {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-left: 0;
}
.btn-outline-white-2:hover,
.btn-outline-white-2:focus,
.btn-outline-white-2:active {
  background-color: #ffffff;
  color: #f29400;
}
/* white buttons*/

/* regional buttons*/
.regional-btn {
  border-radius: 40px;
  color: #3f3f3f;
  font-weight: bold;
  font-size: 13px !important;
  text-transform: uppercase;
  transition: all 0.5s;
  margin:10px 7px;
  font-size: 18px;
  display: inline-block;
  text-decoration: none;
}
.regional-btn:hover{
  text-decoration: none;
  color: #c01634;
}

.regional-btn::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #c01634;
  transition: width .3s;
  text-decoration: none;
}

.regional-btn.active::after,
.regional-btn:hover::after {
  width: 100%;
  text-decoration: none;
}
/* regional buttons*/

/*  location icons and location icons on responsive  */
.location-icons{
  display: inline-block;
  width: 5%;
  margin-right: 6px;
  vertical-align: top;
  padding-top: 25px;
  color: #c01634;
}

/*  end of location icons and location icons on responsive  */

.font-thin{
  font-weight: 200;
}

.cms-content li {
  list-style-type: inherit;
  list-style-position: outside;
}

ul li .list-inline{
  list-style: none; display: inline;
}
ul li a{
  text-decoration: none;
  color: #222f37;
}
ul li a:hover{
  text-decoration: none;
  color: #f29400;
}
ul li a:active{
  color: #f29400;
}
ul.list-inline-purple a:hover{
  color:#891c5e;
}
ul.list-inline li:after {
  content: " \00b7";
  color: #f29400;
  margin-left: 10px;
  font-weight: 700;
}
ul.list-inline-purple li:after {
  content: " \00b7";
  color: #891c5e;
  margin-left: 10px;
  font-weight: 700;
}
ul li:last-child:after { content: none; }

.three-column-bullet{
  list-style: none;
  padding:0;
}
.three-column-bullet ul{
  padding:0;
}
.three-column-bullet li{
  text-indent: -0.65em;
}

.dark-blue-back{
  background-color: #222f37;
  min-height: 400px;
  padding: 30px 0;
}
.white-back{
  background-color: #ffffff;
}
@media (max-width: 1303px) {
  .dark-blue-back{
    max-height: 100% !important;
  }
}
.grey-back{
  background-color: #ededed;
  padding: 40px 15px;
  text-align: center;
}
@media (max-width: 660px) {
.grey-back{
 Padding: 20px 15px;
}
.m-b-40{
Margin-bottom:10px !important;
}
}
.dark-grey-back{
  background-color: #d8d8d8;
  padding: 40px 15px;
  text-align: center;
}
.linkedin-back{
  background-color: #0077b5;
  padding: 60px 5px;
}
.linkedin-back span{
  color: #222f37;
  font-weight: bold;
  text-align: left;
  font-size: 20px;
}
.linkedin-back h4{
  color: #ffffff;
  font-size:40px;
  text-align: left;
  font-weight: 700;
}
.linkedin-btn-white {
  background-color: #ffffff;
  color: #0077b5;
  width: 100%;
  max-width: 385px;
  padding: 13px 30px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin:40px auto;
  text-align:center;
  font-size: 18px;
  border-radius:5px;
  white-space: normal; 
}
.linkedin-btn-white:hover{
  margin-top:35px;
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
@media (max-width: 1200px) {
  .linkedin-btn-white{
Margin-top:10px;
Font-size:inherit !important;
  }
.linkedin-btn-white:hover{
-webkit-transition: none;
  -o-transition:all none;
  transition:all none;
  margin-top:10px;
}
  .linkedin-back{
    margin:0 auto;
    text-align: center;
    padding:10px;
  }
  .linkedin-back span, .linkedin-back h4{
    text-align: center;
  }
  .linkedin-btn-white:hover,
  .linkedin-btn-white:focus,
  .linkedin-btn-white:active {
    background-color: #222f37;
    color: #ffffff;
  }
  .linkedin-back-individual{
    background-color: #0077b5;
    padding: 20px 5px;
    margin: 0 auto;
    text-align: center;
  }
  .linkedin-back-individual span{
    color: #222f37;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
  }
  .linkedin-back-individual h4{
    color: #ffffff;
    font-size:40px;
    text-align: center;
    font-weight: 700;
  }
  .linkedin-individual-btn-white {
    background-color: #ffffff;
    color: #0077b5;
    padding: 13px 30px;
    text-transform: uppercase;
    transition: all 0.5s;
    margin:10px auto;
    text-align:center;
    font-size: 18px;
    border-radius:0;
  }
  .linkedin-individual-btn-white:hover,
  .linkedin-individual-btn-white:focus,
  .linkedin-individual-btn-white:active {
    background-color: #222f37;
    color: #ffffff;
  }
}
.navy-back{
  background-color: #222f37;
  padding: 40px 15px;
  text-align: center;
}
.navy-back h2, .navy-back p{
  color: #ffffff;
}
.white-back{
  background-color: #ffffff;
  padding: 40px 0px;
  text-align: center;
}
.darker-grey-back{
  background-color: #e0e0e0;
  padding: 40px 0px;
  text-align: center;
}
.grey-back-no-padding{
  background-color: #ededed;
  text-align: center;
}
.grey-back-left{
  background-color: #ededed;
  padding: 40px 0px;
}
.grey-back-left-msat{
  background-color: #ededed;
  padding: 40px 0px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .grey-back-left-msat{
    margin-bottom: 0px !important;
  }
}

/*  full-width  */
.full-width{
  width:100%;
}

/*  OLIVER WIGHT BRAND COLOURS */
.ow-purple{
  color: #891c5e;
}
.ow-orange{
  color: #f29400;
}
.ow-yellow{
  color:#FBB900;
}
.ow-green{
  color: #128548;
}
.ow-red{
  color:#c01634;
}
.ow-light-blue{
  color: #0d78c9;
}
.ow-dark-blue{
  color: #222f37 !important;
}
.ow-dark-blue-background-stretched{
  background-color: #222f37;
  text-align: center;
  padding: 40px 0px;
}
.ow-dark-blue-background-bullet{
  background-color: #222f37;
  text-align: center;
  padding: 40px 0px;
}
.ow-dark-blue-background-bullet a{
  text-align: center;
}

.ow-dark-blue-background{
  background-color:#222f37;
}

.ow-white-background{
  background-color:#ffffff;
}
.ow-gray-background {
  background-color: #EDEDED;
}
.ow-white{
  color:#ffffff !important;
}
.white-text{
  color: #ffffff !important;
}
/*  END OF OLIVER WIGHT BRAND COLOURS */

#above-nav{
  background-color: #ffffff;
  padding:30px;
  /* height: 140px; */
  z-index:1002;
}

/*  LOGO IN THE HEADER SECTION */
#header-img img{
  width: 100%;
  max-width: 350px;
  text-align: left;
  margin-right:20px;
  padding: 0 0 20px 0;
}

#header-img a{
  text-decoration: none;
  color: #222f37;
}
#header-img h4{
  display: inline-block;
  font-size: 17px;
}
@media (max-width: 1200px) {
  #header-img img{
    margin:0 auto !important;
    display: block;
  }
}
@media (max-width: 1350px) {
  #header-img h4{
    display: inline-block;
    text-align: left;
    font-size: 13px;
  }

}
@media (max-width: 1200px) {
  #header-img h4{
    margin:0 auto !important;
    text-align: center !important;
    display: block;
    padding-bottom: 20px;
    margin-top:-10px !important;
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  #header-img h4{
    margin-bottom: 2px !important
  }
}

#header-img{
  background-color: #ffffff;
}
/*  END OF LOGO IN THE HEADER SECTION*/

#profile-avatar-header{
  display: inline-block;
}

/*  SHOPPING CART ICON WITH NUMBER STYLING*/

/* this is the container that holds the avatar icon, search bar, currency options and shopping cart info in the header */
#essentials-header{
  padding:10px 0 0 0;
}
@media (max-width: 1200px) {
  #essentials-header{
    margin:0 auto !important;
  }
}


/*------------------------------
| CAROUSEL
------------------------------*/
.carousel,
.item,
.active:not(.list-group-item) {
  height: 100%;
  position: relative;
}
.carousel-inner {
  width: 100%;
  height: 100%;
}
.carousel-control {
  font-size: 30px;
  line-height: 1.45;
  position: absolute;
  top: 90%;
  left: 15px;
  width: 50px;
  height: 50px;
  margin-top: -20px;
  text-align: center;
  opacity: 1;
  color: #ffffff !important;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  text-shadow: none;
}
@media screen and (min-width:768px) {
  .carousel-control {
    top: 50%;
  }
}
@media screen and (max-width:1246px) {
  /*.carousel-control {
    display: none;
  }*/
}
@media screen and (min-width:992px) {
  .carousel {
    margin-top: 0px;
  }
}
/* carousel control dark blue*/
.carousel-control-dark {
  font-size: 30px;
  line-height: 1.45;
  position: absolute;
  top: 90%;
  left: 15px;
  width: 50px;
  height: 50px;
  margin-top: -70px;
  text-align: center;
  opacity: 1;
  color: #222f37;
  border: 2px solid #222f37;
  border-radius: 50%;
  background-color: transparent;
  text-shadow: none;
}
@media screen and (min-width:768px) {
  .carousel-control-dark {
    top: 50%;
  }
}
@media screen and (max-width:1246px) {
  .carousel-control-dark {
    display: none;
  }
}
.carousel-control-dark.left {
  background-image: none;
}
.carousel-control-dark.right {
  right: 15px;
  left: auto;
  background-image: none;
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  right: 15px;
  left: auto;
  background-image: none;
}

@media (max-width: 660px) {
  .carousel-indicators li {
    background-color: #fff;
    height: 15px !important;
    width: 15px !important;
    border: none;
    margin: 0 5px !important;
    border-radius: 50%;
  }

  .carousel-indicators .active {
    background-color: #c01634;
    height: 15px !important;
    width: 15px !important;
    margin: 0 5px !important;
    border: none;

  }
}

.fill {
  position: relative;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.fill-mobile {
  position: relative;
  height:280px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.fill-large {
  position: relative;
  min-height: 1200px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.fill-tiny {
  height: 350px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 1200px) {
  .fill-tiny {
    height: 200px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
  }
}
.fill-small {
  height: 400px;
  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  background-size: cover;
  /*background-attachment: fixed;*/
}
@media screen and (max-width: 1199px) {
  .fill-small {
    height: 300px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    margin-top: -50px;
  }
}
.fill-smaller {
  height: 320px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
@media screen and (max-width: 991px) {
  .fill-smaller{
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
  }
}
.fill-testimonial {
  padding-bottom:100px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}

.parallax-container{
  height: 400px;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}

.full-width-image {
  height: 750px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 90px 0px 0px 0px;
}
.full-width-image-about {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 90px 0px 0px 0px;
}
@media screen and (max-width: 992px) {
  .full-width-image {
    background: none;
    padding-top: 10px;
    padding-bottom: 40px;
    height: 100% !important;
  }
}
@media screen and (max-width: 991px) {
  .mobile-business-excellence {
    width:100%;
    height: 500px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media screen and (max-width: 565px) {
  .mobile-business-excellence {
    width:100%;
    height: 300px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
#maturity-model{
  min-height: 400px;
  padding: 0 0 10px 0;
  background-color: #ffffff;
}
@media (max-width:1200px) {
  #maturity-model{
    background: none;
  }
}
.indent-list-alt li:before {
	font-family: 'FontAwesome';
	content: "\f002";
	color: #128548;
	position: absolute;
	margin: 5px 0 0 -25px;
}
.indent-list-help li:before {
	font-family: 'FontAwesome';
	content: "\f080";
	color: #c01634;
	position: absolute;
	margin: 5px 0 0 -25px;
}
.indent-list li:before {
	font-family: 'FontAwesome';
	content: "\f00c";
	color: #128548;
	position: absolute;
	margin: 5px 0 0 -25px;
}
.benefits-bullet i{
  color: #128548;
}
.benefits-bullet img {
	width: 280px;
	margin: 90px 0;
}
@media screen and (max-width: 1200px) {
  .benefits-bullet img{
    width:60px;
    padding:0;
    margin:0;
  }
}
.contact-parallax {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 992px) {
  .contact-parallax {
    max-height: 400px;
  }
}
.fill-quote {
  min-height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 20px 0px;
}
.fill-quote-full-width {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 100px 0px;
  text-align: center;
}
.fill-quote-full-width h2{
  font-size: 35px;
}
@media screen and (max-width: 700px) {
  .fill-quote-full-width h2{
    font-size: 18px;
    line-height: 1.2;
  }
  .fill-quote-full-width{
    padding:30px 10px;
  }
}
.fill-homepage {
  min-height: 453px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 40px 0px;
}
@media screen and (max-width: 992px) {
  .fill-testimonial h2{
    font-size: 22px;
  }
}
.fill-small-bottom {
  min-height: 400px;
  background-repeat: no-repeat;
  background-position:bottom;
  -webkit-background-size: cover;
  background-size: cover;
}
.fill-small-no-margin{
  height: 250px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.fill-small-no-margin-350{
  height: 350px;
}
.fill-small-no-margin-500{
  height: 500px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.fill-small-no-margin-600{
  height: 600px;
}
@media screen and (max-width:1260px) {
  .fill-small-no-margin-350 {
    position: relative;
    min-height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .fill-small-no-margin {
    position: relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
  }

}

@media screen and (max-width:656px) {
  .fill {
    position: relative;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

.purple-book-download{
  padding:80px 80px;
  min-height: 500px;
  text-align: center;
  color: #ffffff;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  margin-top: auto;
}
.purple-book-download h2{
  font-size: 60px;
}
.purple-book-download h4{
  font-size: 32px;
}

@media screen and (max-width:667px) {

  .purple-book-download{
    padding:80px 20px;
    min-height: 500px;
    text-align: center;
    color: #ffffff;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    margin-top: auto;
  }

  .purple-book-download h2{
    font-size: 30px;
  }
  .purple-book-download h4{
    font-size: 25px;
  }
}

.purple-book-download img{
  margin-top: -100px;
  width: 100%;
  max-width: 350px;
  max-height: 370px;
}

.people-images{
  max-width: 200px;
  text-align: left;
  float: left;
  padding: 30px 30px 10px 10px;
}


.slide-content {
  font-size: 25px;
  position: absolute;
  top: 60%;
  right: 0;
  left: 0;
  max-width: 550px;
  margin: 0 auto;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  transform: translateY(-60%);
  vertical-align: top;
  color: #fff;
  padding: 10px;
  
}
.slide-content .heading {
  font-size: 50px;
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.2;
}
/*  text attributes for when resized onto mobiles   */
@media screen and (max-width:656px) {
  .slide-content .heading
  {
    font-size: 35px;
    line-height: 1.3;
    text-align: center;
  }
  .slide-content p {
    margin-bottom: 20px;
    font-size:17px !important;
    text-align: center;
    /*display: none;*/
  }
  .slide-content .btn {
    text-align: center;
    margin: 0 auto;
  }
  .top-slider-button{
    display: none;
  }
}

.slide-content p {
  line-height: 1.4;
  margin-bottom: 20px;
  font-size: 20px;
}
@media screen and (min-width:1200px) {
  .slide-content {
    right: auto;
    left: auto;
  }
}
.carousel-indicators li {
  background-color: #fff;
  height: 25px;
  width: 25px;
  border: none;
  margin: 0 20px 0 0;
  border-radius: 50%;
}
.carousel-indicators .active {
  background-color: #c01634;
  height: 25px;
  width: 25px;
  margin: 0 20px 0 0;
  border: none;
}

/*------------------------------
| header titles
------------------------------*/
.header-title{
  text-align: center;
  padding-top: 180px;
  font-size: 60px;
  font-weight: bold;
}
@media screen and (max-width:656px) {
  .header-title {
    padding-top:170px;
  }
}


/*------------------------------
| twitter header
------------------------------*/
.twitter-header img{

}
.twitter-content img{
  background-color: red;
  float: left;
}

.rolling-twitter-section{
  margin-bottom: 20px;
  display: inline-block;
}
.rolling-twitter-section p{
  text-decoration: none;
  color: #222f37;
}
.rolling-twitter-section a{
  text-decoration: none;
  color: #222f37;
}
.rolling-twitter-section a:hover{
  text-decoration: none;
}

.rolling-twitter-section img{
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 0px;
  text-align: center;
  border: 1px solid #d3d3d3;
  border-radius: 20px;
  height: 70px;
}

.rolling-twitter-title{
  display: inline-block;
  padding-left: 10px;
  padding-right: 30px;
}

/*  -----------------------------
|   THE PROVEN PATH PARALLAX
-------------------------------- */
.proven-path{
  margin: 150px 0px;
}

.wide-container{
  padding: 0 50px;
}

/*------------------------------
| NEWS CONTENT SECTION
------------------------------*/
.global-news-section-americas{
  background: #891c5e;
  padding:10% 0;
  margin:10px auto;
  max-width:500px;
}
.global-news-section-ap{
  background: #f29400;
  padding:10% 0;
  margin:10px auto;
  max-width:500px;
}
.global-news-section-eame{
  background: #c01634;
  padding:10% 0;
  margin:10px auto;
  max-width:500px;
}
.global-news-section-americas h3, .global-news-section-ap h3, .global-news-section-eame h3{
  padding:5px 0 20px;
  font-size: 28px;
  color:#ffffff;
}
.global-news-section-americas i, .global-news-section-ap i, .global-news-section-eame i{
  padding:20px 0 0 0;
  font-size: 40px !important;
  color: #ffffff;
}
.global-news-section-americas:hover,
.global-news-section-ap:hover,
.global-news-section-eame:hover{
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
@media screen and (min-width: 480px) {
  .global-news-section-americas,
  .global-news-section-ap,
  .global-news-section-eame {
    max-height:200px;
    padding:10px 0;
  }
}

.news-container {
  display: inline-block;
  float: left;
  width: 100%;
  height: 100%;
  min-height: 340px;
  margin-bottom: 10px;
  background-color: #ffffff;
}
@media screen and (min-width: 480px) {
  .grid-item-wide .column-left {
    float: left;
    width: 50%;
    position: relative;
  }
  .grid-item-wide .column-right {
    float: right;
    width: 50%;
  }
}

.new-category-image {
  height:100%;
}

.news-container img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  transition: all 0.5s;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}

.news-container h4 {
  font-weight: 600;
  line-height: 1.5;
  margin-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}
.news-container p {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 17px;
  word-wrap: break-word;
}
.news-container-dark-blue {
  display: inline-block;
  float: left;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  background-color: #222f37;
}

.news-container-dark-blue img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  transition: all 0.5s;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}

.news-container-dark-blue h4 {
  font-weight: 600;
  line-height: 1.5;
  margin-top: 40px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}
.news-container-dark-blue p {
  padding-right: 20px;
  padding-left: 20px;
}
.news-category {
  font-size: 18px;
  text-align: center;
  padding:7px;
  color: #ffffff;
  margin-right: 30px;
  text-transform: uppercase;
  background-color: #f29400;
  width: 100px;
  right: 0;
  position: absolute;
  z-index: 1;
}
.news-category-red {
  font-size: 18px;
  text-align: center;
  padding:7px 15px;
  color: #ffffff;
  margin-right: 30px;
  text-transform: uppercase;
  background-color: #c01634;
  right: 0;
  position: absolute;
  z-index: 1;
}

.news-category-green {
  font-size: 18px;
  text-align: center;
  padding:7px 15px;
  color: #ffffff;
  margin-right: 30px;
  text-transform: uppercase;
  background-color: #128548;
  right: 0;
  position: absolute;
  z-index: 1;
}
.news-category-purple {
  font-size: 18px;
  text-align: center;
  padding:7px;
  color: #ffffff;
  margin-right: 30px;
  text-transform: uppercase;
  background-color: #891c5e;
  width: 85px;
  right: 0;
  position: absolute;
  z-index: 1;
}
.news-category-yellow {
  font-size: 18px;
  text-align: center;
  padding:7px;
  color: #ffffff;
  margin-right: 30px;
  text-transform: uppercase;
  background-color: #FBB900;
  width: 100px;
  right: 0;
  position: absolute;
  z-index: 1;
}
.news-category-light-blue {
  font-size: 18px;
  text-align: center;
  padding:7px;
  color: #ffffff;
  margin-right: 30px;
  text-transform: uppercase;
  background-color: #0d78c9;
  width: 120px;
  right: 0;
  position: absolute;
  z-index: 1;
}


/*  more button on the news */
.news-more {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right:10px;
  margin-top:20px;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #ffffff;
  background-color: #f29400;
  border-radius: 40px;
  width: 120px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}

.news-more:hover {
  background-color: #f4b357;
}

.news-more a{
  text-decoration: none;
  color: #ffffff;
}
.news-tags ul{
  padding:0;
  margin:20px 0;
}
.news-tags p{
  margin:0 !important;
  padding:10px;
}
.news-tags li{
  margin:0 10px 10px 0;
  background-color: #ededed;
  padding: 0 15px;
}
.news-tags ul, .news-tags li{
  display:inline-block;
}
/*  end of more button on the news  */

/* Region selector for news and insights page */
.news-region ul{
  padding:0;
  margin:20px 0;
}
.news-region p{
  margin:0 !important;
  color:#ffffff;
  padding:10px;
}
.news-region li{
  margin:0 10px 10px 0;
  background-color: #c01634;
  padding: 0 15px;
  text-decoration: none;
}
.news-region ul, .news-region li{
  display:inline-block;
}
.news-region ul li .fa{
  margin-left:20px;
}
li.not-selected{
  background-color: #828282;
}
/*  End of region selector for news and insights page */

/*
Global brochure red button
*/
.global-red-button {
  padding:12px 22px;
  color: #ffffff;
  margin-top:50px;
  background-color: #c01634;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.global-red-button:hover {
  background-color: #d15d72;
  color: #ffffff !important;
}
.global-red-button-sml:hover {
  background-color: #930e26;
  color: #ffffff !important;
}
.global-navy-button-sml:hover {
  background-color: #121a1e;
  color: #ffffff !important;
}
.global-red-button-sml:hover a, .global-navy-button-sml:hover a{
  text-decoration: none;
}
.global-red-button-sml {
  padding:12px 22px;
  color: #ffffff;
  margin:20px 5px;
  background-color: #c01634;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.global-navy-button-sml {
  padding:12px 22px;
  color: #ffffff;
  margin:20px 5px;
  background-color: #222f37;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
@media screen and (max-width: 769px) {
  .global-red-button-sml, .global-navy-button-sml {
    padding:10px 20px !important;
    font-size:14px !important;
    margin:10px;
  }
}

@media (max-width:468px) {
  .global-red-button {
    float:left !important;
    margin-top: 20px;
  }
}
.added-to-cart-button {
  padding:12px 22px;
  color: #ffffff;
  margin:15px 0px 15px 0px;
  background-color: #c01634;
  border-radius: 50px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
}
.added-to-cart-button:hover {
  color: #c01634;
  background-color: #ffffff;
  transition: all 0.5s;
}
.news-more-red {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right:10px;
  margin-top:20px;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #ffffff;
  background-color: #c01634;
  border-radius: 40px;
  width: 120px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.news-more-red:hover {
  background-color: #d15d72;
  color: #ffffff;
}

.news-more-red a{
  text-decoration: none;
  color: #ffffff;
}
.news-more-green {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right:10px;
  margin-top:20px;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #ffffff;
  background-color: #128548;
  border-radius: 40px;
  width: 120px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.news-more-green:hover {
  background-color: #4cba90;
}

.news-more-green a{
  text-decoration: none;
  color: #ffffff;
}

.news-more-purple {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right:10px;
  margin-top:20px;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #ffffff;
  background-color: #891c5e;
  border-radius: 40px;
  width: 120px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.news-more-purple:hover {
  background-color: #a92373;
}

.news-more-purple a{
  text-decoration: none;
  color: #ffffff;
}

.news-more-yellow {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right:10px;
  margin-top:20px;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #ffffff;
  background-color: #FBB900;
  border-radius: 40px;
  width: 120px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.news-more-yellow:hover {
  background-color: #f9ca48;
}

.news-more-light-blue a{
  text-decoration: none;
  color: #ffffff;
}
.news-more-light-blue {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right:10px;
  margin-top:20px;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #ffffff;
  background-color: #0d78c9;
  border-radius: 40px;
  width: 120px;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  transition: all 0.5s;
}
.news-more-light-blue:hover {
  background-color: #32bcf0;
}

.news-more-light-blue a{
  text-decoration: none;
  color: #ffffff;
}

.news-date2 {
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 20px;
}
.news-date2-center {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #c01634;
  text-decoration: none;
  margin-bottom: 40px;
  margin-top: 20px;
}
.news-date2-left {
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #c01634;
  text-decoration: none;
  margin-bottom: 40px;
}
.news-head{
  line-height:1.1 !important;
  text-align: left;
  font-size: 21px;
  padding-left: 20px;
  font-weight: bold;
  word-wrap: break-word;
}
.news-sub-head{
  line-height:1.1 !important;
  text-align: left;
  font-size: 18px;
  padding-left: 20px;
  font-weight: bold;
  word-wrap: break-word;
}
.news-content{
  line-height: 1.4;
  padding-left: 20px;
}
@media (max-width:466px) {
  .news-content {
    font-size: 14px !important;
  }
}
.blogImages img {
  width: 100%;
  margin-right: 20px;
}
.blogImages {
  margin-bottom: 200px;
}

.news-profile-1 img{
  width: 150px;
  height: 150px;
  padding: 5px;
  border: 0;
  box-shadow: none;
  display: inline-block;
  margin-top: -200px;
}
.news-profile-2 img{
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-top: 5px;
}
@media (max-width: 991px) {
  .news-profile-1 img {
    display: none;
  }
}

.news-profile-1{
  display: inline-block;
  margin-right: 20px;
}
.news-profile-2{
  display: inline-block;
  max-width: 549px;
}
.news-profile-2 p{
  font-size: 16px;
}
.small-p{
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

.news-profile-container{
  width: 100%;
  height: 100%;
}

/*------------------------------
|   END OF NEWS CONTENT SECTION
------------------------------*/

/*------------------------------
|   YOUTUBE VIDEOS
------------------------------*/

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}
.video-container-overall{
  max-width:1730px;
}
/*------------------------------
|   YOUTUBE VIDEO TEXT
------------------------------*/
.videos-page h3{
  line-height: 1.1;
  text-align: left;
  padding-left:40px;
}
@media (max-width: 660px) {
  .videos-page h3{
    padding: 0 !important;
    line-height: 1.3;
    text-align: left;
  }
  .videos-page h3{
    font-size: 18px;
  }
  .videos-page p{
    padding-bottom:0 !important;
  }
  .underlined-left-red-video{
    margin-left:0 !important;
  }
}
.videos-page{
  margin-bottom: 60px;
  text-align: left;
}
.videos-page p{
  padding: 0px 20px 30px 40px;
}
@media (max-width: 565px) {
  .videos-page h3 {
    margin-bottom: 30px;
  }
}
.video-icon-heading{
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  
}
.video-icon-heading img{
  margin:10px 0 10px 35px;
  width:70px;
  height:70px;
  align-self: center !important;
}
@media (max-width: 660px) {
  .video-icon-heading img{
    margin:5px 10px 5px 0;
    width:50px;
    height:50px;
  }
}
.video-icon-heading h3{
  padding-left:10px;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 400px;
  padding: 0 40px;
}
@media (max-width: 660px) {
  .video-container iframe,
  .video-container object,
  .video-container embed {
    padding: 0 !important;
  }
}
.mac-video-1 {
  width: 100%;
  height: 100%;
  max-width: 1034px;
  max-height: 543px;
  margin: 0 auto;
}
.mac-video-1 {
  position: relative;
  padding-bottom: 67.5%;
  height: 0;
}
.mac-video-2 iframe {
  box-sizing: border-box;
  background: url("/img/mac-screen/mac-screen-video.png") center center no-repeat;
  background-size: contain;
  padding: 11.9% 15.5% 14.8%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.two-column-quote p{
  padding: 0px 20px 10px 50px;
}
.two-column-quote h2{
  text-align: left;
  font-size: 30px;
  padding-top: 60px;
  padding-left: 50px;
  padding-right: 70px;
  line-height: 1.3;
  max-width: 750px;
  color:#c01634;
}

@media (max-width: 1303px) {
  .two-column-quote h2{
    padding:20px 70px;
    max-width: 1300px;
  }
  .two-column-quote p{
    padding: 0px 20px 10px 70px;
  }
}

@media (max-width: 585px) {
  .two-column-quote h2{
    padding:20px 10px;
    font-size: 20px;
  }
  .two-column-quote p{
    padding: 0px 20px 10px 10px;
  }
}

/*--------------------------
| CAROUSEL FADE ANIMATION
--------------------------*/
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/*  top nav */
.topnav {
  display: none;
  margin-top:0 !important;
}

/* STICKY NAV CONTENT*/
.nav {
  background-color: #ffffff;
  position: -webkit-sticky;
  padding-right:0
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}

@media screen and (min-width: 992px) {
  .slicknav_menu {
    display:none;
  }
  .slicknav_menu li{
    font-weight: bold !important;
  }

  .sticky-slicknav {
    position: fixed;
    background-color: #c01634;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
  }

  .topnav {
    text-align: center;
    z-index: 1000;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    background-color: #212121;
  }
  .topnav li {
    position: relative;
  }
  .topnav li a,
  .topnav li a:hover,
  .topnav li a:focus,
  .topnav li a:active {
    color: #fff;
  }
  .topnav ul {
    position: absolute;
    top: 47px;
    min-width:235px;
    left: 0;
    background-color: #F5F5F5;
    list-style: none;
    padding: 0;
    text-align: left;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
  }
  .topnav li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
  .topnav ul li a {
    color: #232F38;
  }
  .topnav ul li a:hover,
  .topnav ul li a:focus,
  .topnav ul li a:active {
    color: #c01634;
  }
  .topnav a {
    display: inline-block;
    color: #fff;
    padding: 20px 10px 10px 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .topnav a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*  NEAT UNDERLINE ANIMATION WHEN HOVERED OVER SECTION */
.topnav .cool-link {
  display: inline-block;
  color: #000;
  text-decoration: none;
}

.topnav .cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: #c01634;
  transition: width .3s;
  margin-top:23px;
}

.topnav .cool-link.active::after,
.topnav .cool-link:hover::after {
  width: 100%;
}
/*  END OF NEAT UNDERLINE ANIMATION WHEN HOVERED OVER SECTION */


/*  NEAT UNDERLINE ANIMATION WHEN HOVERED OVER SECTION */
.topnav-dark .cool-link {
  display: inline-block;
  color: #000;
  text-decoration: none;
}

.topnav-dark .cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  background: #c01634;
  transition: width .3s;
}

.topnav-dark .cool-link.active::after,
.topnav-dark .cool-link:hover::after {
  width: 100%;
}
/*  END OF NEAT UNDERLINE ANIMATION WHEN HOVERED OVER SECTION */


/*   EMAIL ADDRESS IN THE CONTACT.PHP PARRALAX */

.email-address-contact-bar a{
  text-decoration: none;
  font-size: 40px;
  color: #ffffff;
  text-align: center;
}
.email-address-contact-bar{
  text-decoration: none;
  font-size: 40px;
  color: #ffffff;
  text-align: center;
  margin: 170px 0;
}

@media screen and (max-width: 1180px) {
  .email-address-contact-bar{
    padding-top: 160px;
  }
}
@media screen and (max-width: 992px) {
  .email-address-contact-bar{
    padding-top: 0px;
  }
}
@media screen and (max-width: 422px) {
  .email-address-contact-bar a{
    font-size: 19px;
  }
}
.email-address-contact-bar a::after {
  content: '';
  display: block;
  width: 0;
  height: 4px;
  margin: 10px auto;
  background: #c01634;
  transition: width .3s;
}

.email-address-contact-bar.active a::after,
.email-address-contact-bar:hover a::after {
  width: 100px;
  text-align: center;
  margin: 10px auto;
}
/*  red footer strip with social media icons and web address    */
.red-footer-strip{
  background-color: #c01634;
  text-align: center;
  color: #ffffff;
  padding: 10px 0px;
  max-height: 300px;
}

/*  meet the team section */
.meet-the-team-profile{
  width:100%;
  max-width:150px;
  display: block;
  margin:0 auto;
}
.meet-the-team-profile:hover{
  filter: alpha(opacity=100); /* For IE8 and earlier */
  z-index: 0;
  transition: all 0.5s;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}
.meet-the-team-linkedin{
  width:auto;
  max-width:45px;
  display: inline-block;
  margin:-25px 0 0 0;
  z-index: 1;
}
.meet-the-team{
  text-align: center;
  margin-bottom:50px;
  Min-height:260px;
}
.meet-the-team-detail{
  -webkit-box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.30);
  border:2px solid #ededed;
  margin:40px 10px;
}
@media screen and (max-width: 1200px) {
  .meet-the-team-profile{
    width:140px;
  }
  .meet-the-team-profile a h2{
    font-size: 10px;
  }
}

/* Hover transition for the regional courses and workshop icons */
.regional-courses-workshops img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  transition: all 0.5s;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}

/* styling for the calendar table
.calendar table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}

.calendar td, th {
border: 3px solid #ededed;
text-align: center;
padding: 8px;
}
.calendar p {
text-align: left;
margin:0 !important;
}

.calendar tr:nth-child(even) {
background-color: #dddddd;
}

.calendar .country{
background-color: #232F38;
text-align: center;
color: #ffffff;
font-size: 20px;

}
.selected-course{
cursor: pointer;
}
end of styling for the calendar table */

/* syling for mobile calendar collapse accordian
.panel-country{
font-size: 20px !important;
margin:0;
}
.panel-country a{
text-decoration: none;
color: #232f38;
}
.panel-title{
font-weight: bold;
background-color: #232F38;
padding:20px 0;
color: #ffffff;
font-size: 18px;
}
.panel-body{
padding:20px 0;
border-bottom: 1px solid #eaeaea;
}
.panel-body h4{
font-size: 20px !important;
text-align: left;
}
@media screen and (max-width: 769px) {
.panel-body h4{
text-align: center;
}
}
/* end of syling for mobile calendar collapse accordian */

/* select your course and workshops dates and add to cart styling
.workshop-country{
text-align: center;
}
.workshop-country h3{
text-align: left;
font-weight: 600;
display: inline-block;
padding-left:10px;
}
@media screen and (max-width: 1590px) {
.workshop-country h3{
font-size: 18px;
}
}


.course-accordian a{
text-decoration: none;
color: #232f38;
font-weight: bold;
}

/*  buttons */
.btn-red {
  background-color:#c01634;
  color: #ffffff;
  font-size: 18px;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 20px;
  transition:all 0.45s ease-in-out;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
  background-color:#8c001e;
  color: #fff;
}

.btn-red-rounded {
  padding: 5px 20px;
  border-radius: 20px;
  font-size: 14px;
}
.btn-navy-blue {
  background-color:#222f37;
  color: #ffffff;
  font-size: 18px;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 30px;
  transition:all 0.45s ease-in-out;
}
.btn-navy-blue:hover,
.btn-navy-blue:focus,
.btn-navy-blue:active {
  background-color:#8c001e;
  color: #fff;
}
.btn-outline-white {
  border-radius: 40px;
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 6px 20px;
  text-transform: uppercase;
  transition: all 0.5s;
  margin-top:10px;
  font-size: 15px;
}
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active {
  background-color: #ffffff;
  color: #222f37;
}

/*  end of buttons */

#share-buttons img {
  width: 35px;
  padding: 5px;
  border: none;
  box-shadow: 0;
  display: inline;
}
#share-buttons img:hover {
  text-decoration: none;
}

/*  social media icons spinning code    */
/*=========================
Icons
================= */

/* footer social icons */
ul.social-network {
  list-style: none;
  display: inline-block;
  margin-left:0 !important;
  padding: 0;
}
ul.social-network li {
  display: inline-block;
  margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
  background-color: #F56505;
}
.social-network a.icoFacebook:hover {
  background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
  background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
  background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
  background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
  background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
  color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
  color:#44BCDD;
}

.social-circle li a {
  display:inline-block;
  position:relative;
  margin:0 auto 0 auto;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  text-align:center;
  width: 50px;
  height: 50px;
  font-size:20px;
}

/*  video in background element */
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.underlined-left-red-archives{
  width:50px;
  background-color: #ffffff;
  height: 4px;
  margin: 20px 0;
}

/*  red section OLIVER WIGHT FOOTER WEB ADDRESS */
.footer-h3 a{
  color: #ffffff;
  text-decoration: none;
  border: 0;
}

.footer-h3{
  padding-left: 40px;
  border: 0;
}
/*  end of red section OLIVER WIGHT FOOTER WEB ADDRESS  */

/*  navy blue footer*/
.footer-header{
  color: #fff;
  text-align: left;
}
/*  end of navy blue footer */

/*  logo in navy footer     */
.footer-image{
  padding-top: 70px;
  max-width: 400px;
  width: 100%;
  text-align: center !important;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .footer-image{
    padding-top: 0 !important;
  }
}
/*  end of logo in navy footer  */

/* red line underneath navy blue footer text    */
.underlined{
  width:30px;
  background-color: #c01634;
  height: 2px;
}
/* red line underneath navy blue footer text    */


/* underlined for headings  */
.underlined-center-orange-small{
  width:50px;
  background-color: #f29400;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}
.underlined-left-orange-small{
  width:50px;
  background-color: #f29400;
  height: 4px;
  text-align: left;
  margin-top: 20px;
}
.underlined-left-orange{
  width:50px;
  background-color: #f29400;
  height: 4px;
  text-align: left;
  margin-bottom: 30px;
  margin-top: 20px;
}
.underlined-left-red-video{
  width:50px;
  background-color: #c01634;
  height: 4px;
  margin-top: 20px;
  margin-left: 40px;
}
.underlined-center{
  width:50px;
  background-color: #f29400;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 660px) {
  .underlined-center {
    margin-bottom:5px;
  }
}
.underlined-center-red-sitemap{
  width:50px;
  background-color: #c01634;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
.underlined-center-tight{
  width:50px;
  background-color: #f29400;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 660px) {
.underlined-center-tight{
margin: 5px auto;
}
}

.underlined-center-white{
  width:50px;
  background-color: #ffffff;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 20px;
}
.underlined-center-red{
  width:50px;
  background-color: #c01634;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 20px;
}
.underlined-center-purple{
  width:50px;
  background-color: #891c5e;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 20px;
}
.underlined-center-dark-blue{
  width:50px;
  background-color: #222f37;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 20px;
}
.underlined-center-light-blue{
  width:50px;
  background-color: #0d78c9;
  height: 4px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 10px;
}
.latest-news-underlined-orange{
  width:50px;
  background-color: #f29400;
  height: 4px;
  text-align:left;
  margin-bottom: 30px;
  margin-top: 10px;
}
.latest-news-underlined-red{
  width:50px;
  background-color: #c01634;
  height: 4px;
  text-align:left;
  margin-bottom: 30px;
  margin-top: 10px;
}
.news-widget{
  margin-top: 20px;
  color: #222f37;
}
.news-widget a {
  color: #222f37;
}

.news-image {
  display: table;
  margin-bottom: 10px;
}
.news-image .img {
  display: table-cell;
  width: 40px;
  padding-top: 5px;
}
.news-image .img img {
  border-radius: 2px;
}
.news-image .text {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.news-image .text p {
  color: #222f37 !important;
  font-size: 16px !important;
}
.news-widget img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  transition: all 0.5s;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}
.white-hover:hover{
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  transition: all 0.7s;
  -webkit-transition:all 0.7s ease-in-out;
  -o-transition:all 0.7s ease-in-out;
  transition:all 0.7s ease-in-out;
}

/*------------------------------
| LATEST NEWS LEAD IMAGE
------------------------------*/
.lead-image-label{
  text-align: center;
  padding:10px 20px;
  color: #ffffff;
  margin-right: 60px;
  text-transform: uppercase;
  background-color: #f29400;
  right: 0;
  position: absolute;
  z-index: 1;
}
.lead-image-label-red{
  text-align: center;
  padding:10px 20px;
  color: #ffffff;
  margin-right: 60px;
  text-transform: uppercase;
  background-color: #c01634;
  right: 0;
  position: absolute;
  z-index: 1;
}
.lead-image-label-purple{
  text-align: center;
  padding:10px 20px;
  color: #ffffff;
  margin-right: 60px;
  text-transform: uppercase;
  background-color: #891c5e;
  right: 0;
  position: absolute;
  z-index: 1;
}
.lead-image-label-green{
  text-align: center;
  padding:10px 20px;
  color: #ffffff;
  margin-right: 60px;
  text-transform: uppercase;
  background-color: #128548;
  right: 0;
  position: absolute;
  z-index: 1;
}
.lead-image-label-yellow{
  text-align: center;
  padding:10px 20px;
  color: #ffffff;
  margin-right: 60px;
  text-transform: uppercase;
  background-color: #FBB900;
  right: 0;
  position: absolute;
  z-index: 1;
}

/*------------------------------
| STICKY SCROLL
------------------------------*/
.sticky-scroll{
  position: fixed;
}


/*------------------------------
| CLIENTS SECTION
------------------------------*/
.clients {
  width: 100%;
}

.client-slider {
  margin: 0 auto;
  text-align: center;
}
.client-slider li {
  list-style-type: none;
  display: inline-block;
}

.client-slider img {
  max-height: 170px;
  max-width: 80% !important;
  margin: 0 auto;
  /*padding-left: 60px;*/
}
/* make the clients slider black and white */
.clients img{
  /*-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  /*filter: grayscale(100%);*/
}

.bx-wrapper {
  width: 100%;
  margin: 0 auto;
  border: none;
  box-shadow: none;
}

/*------------------------------
| END OF CLIENTS SECTION
------------------------------*/

/*------------------------------
| UPCOMING EVENTS SECTION - NEW CSS
------------------------------*/
.carousel-inner ul li{
  list-style-type: none;
}
.upcoming-events-box{
  background-color: #ffffff;
  padding: 20px;
  margin-bottom: 10px;
}

.upcoming-events-date{
  background-color: #891c5e;
  padding: 15px 5px 5px 5px;
  width: 40%;
  text-align: center;
  display: inline-block;
}

.upcoming-events-date p{
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  font-size: 26px;
  line-height: 1;
}
.upcoming-events-heading{
  text-transform: uppercase;
  text-align: left;
  font-size: 21px;
  line-height: 1;
}
.upcoming-events-title{
  margin-top: 7px;
  display: inline-block;
  padding-left: 10px;
  vertical-align: top;
}
.upcoming-events-title p{
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.upcoming-events-box + .upcoming-events-heading{
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.full-upcoming-events-box{
  background-color: #ffffff;
  padding: 20px 0px 10px 20px;
  text-align: left;
}

/* .events-page-css:hover{
text-decoration: none;
-webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
} */

.events-page-css .ow-white-background {
  height:100%;
}
.organisers-event-logo{
  float:right;
  max-width:50px;
  max-height:50px;
}
.organisers-event-logo img {
  height:40px;
  width:40px;
  max-width:40px;
  max-height:40px;
  margin-top:-35px;
  margin-right:10px;
}

/* colour boxes that we are reverting to */
.full-upcoming-events-date-red{
  background: #c01634;
  min-width: 92px;
  max-width:108px;
  text-align: center;
  display: inline-block;
  padding:10px 5px 5px 10px;
  margin:0 10px 10px 0;
}
.full-upcoming-events-date-purple{
  background: #891c5e;
  min-width: 92px;
  text-align: center;
  display: inline-block;
  padding:10px 5px 5px 10px;
  margin:0 10px 10px 0;
}
.full-upcoming-events-date-orange{
  background: #f29400;
  min-width: 92px;
  text-align: center;
  display: inline-block;
  padding:10px 5px 5px 10px;
  margin:0 10px 10px 0;
}
.full-upcoming-events-date-red p, .full-upcoming-events-date-purple p, .full-upcoming-events-date-orange p{
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
}
.full-upcoming-events-heading{
  text-transform: uppercase;
  text-align: left;
  line-height: 1;
  /* min-height: 100px !important; */
  margin-bottom: 0 !important;
}
.full-upcoming-events-title{
  display: inline-block;
  vertical-align: top;
  hyphens: auto;
}
.full-upcoming-events-title p{
  text-transform: uppercase;
  line-height: 1.1;
  font-weight: bold;
  font-size: 16px;
  word-wrap: break-word;
  width: 90px;
}

.full-upcoming-events-box + .full-upcoming-events-heading{
  text-transform: uppercase;
  padding: 0 20px 5px 20px;
  min-height: 80px;
  text-align: left;
  line-height: 1.2;
  /* padding-bottom: 20px; */
}
.full-upcoming-events-heading{
  padding-right: 10px;
}

.full-events-btn-outline-purple {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #891c5e;
  padding: 10px;
  text-transform: uppercase;
  width: 130px;
  font-size: 18px;
  transition: all 0.5s;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #891c5e;
  float: left;
}

.full-events-btn-outline-purple:hover {
  background-color: #891c5e;
  color: #ffffff;
}

.btn-outline-purple {
  border-radius: 40px;
  background-color: transparent;
  border: 1px solid #891c5e;
  padding: 10px;
  text-transform: uppercase;
  width: 130px;
  font-size: 18px;
  transition: all 0.5s;
  margin-bottom: 20px;
  margin-left: 20px;
  color: #891c5e;
}

.btn-outline-purple:hover {
  background-color: #891c5e;
  color: #ffffff;
}

.view-more-events {
  border-radius: 40px;
  border: 1px solid #ffffff;
  padding: 17px;
  text-transform: uppercase;
  width: 220px;
  font-size: 18px;
  transition: all 0.5s;
  margin-top:20px;
  margin-bottom: 20px;
  color: #ffffff;
}
.view-more-events:hover {
  background-color: #891c5e;
  border: 1px solid #891c5e;
  color: #ffffff;
}
.view-more-events:visited {
  color: #ffffff;
}

/*------------------------------
|   END OF UPCOMING EVENTS SECTION - NEW CSS
------------------------------*/

/*------------------------------
|   LOCATION SECTIONS
------------------------------*/
.locations-section{
  padding-right: 50px;
  padding-left: 50px;
  text-align: center;
  padding-bottom: 50px;
}
.locations-section img{
  width: 100%;
  max-width: 300px;
}

/*  our services section   */
.our-services img{
  width: 90%;
  max-width: 300px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.our-services ul{
  list-style:none;
  padding: 0;
}
.our-services ul li a{
  font-size: 18px;
  text-align: center;
}
.lightbox-image {
  /** Default lightbox to hidden */
  display: none;

  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}

.lightbox-image img, .lightbox-image iframe {
  /** Pad the lightbox image */
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translate(-50%);
  transform: translateY(-50%) translate(-50%);
  border-radius:20px;
}

.lightbox-image:target {
  /** Remove default browser outline */
  outline: none;

  /** Unhide lightbox **/
  display: block;
}

/*RED*/
.hover-box-1 {
  background-color: #c01634;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  max-width: 350px;
  /* min-height: 305px; */
  height: 350px;
  border-bottom: 2px solid #232f38;
}

/*NAVY BLUE*/
.hover-box-2 {
  background-color: #222f37;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  max-width: 350px;
  /* min-height: 305px; */
  height:350px;
  border-bottom: 2px solid #232f38;
}

/*LIGHT BLUE*/
.hover-box-3 {
  background-color: #0d78c9;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  max-width: 350px;
  /* min-height: 305px; */
  height:350px;
  border-bottom: 2px solid #232f38;
}

/*PURPLE*/
.hover-box-4 {
  background-color: #891c5e;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  max-width: 350px;
  /* min-height: 305px; */
  height:350px;
  border-bottom: 2px solid #232f38;
}

/*ORANGE*/
.hover-box-5 {
  background-color: #f29400;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  max-width: 350px;
  /* min-height: 305px; */
  height:350px;
  border-bottom: 2px solid #232f38;
}

/*GREEN*/
.hover-box-6 {
  background-color: #128548;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  max-width: 350px;
  /* min-height: 305px; */
  height:350px;
  border-bottom: 2px solid #232f38;
}

/* WHITE */
.hover-box-7 {
  background-color: #ffffff;
  text-align: left;
  color: #222f37 !important;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  /* height:350px; */
}

.hover-box-1:hover, .hover-box-2:hover, .hover-box-3:hover, .hover-box-4:hover, .hover-box-5:hover, .hover-box-6:hover, .hover-box-7:hover{
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
/* Hover boxes for mobile */
@media (max-width: 660px) {
  .hover-box-1, .hover-box-2, .hover-box-3, .hover-box-4, .hover-box-5, .hover-box-6, .hover-box-7{
    height:100% !important;
  }
  .hover-box-1 img, .hover-box-2 img, .hover-box-3 img, .hover-box-4 img, .hover-box-5 img, .hover-box-6 img, .hover-box-7 img{
    height:70px !important;
    width:auto !important;
  }
}

/*CHEVRON IN BOX*/
.hover-box-1 p i, .hover-box-2 p i, .hover-box-3 p i, .hover-box-4 p i, .hover-box-5 p i, .hover-box-6 p i{
  color:#ffffff !important;
}
.hover-box-7 p i{
  color: #222f37;
}

.hover-box-1 p, .hover-box-2 p, .hover-box-3 p, .hover-box-4 p, .hover-box-5 p, .hover-box-6 p{
  color:#ffffff;
}
.hover-box-7 p{
  color: #222f37 !important;
}

.hover-box-1 h2, .hover-box-2 h2, .hover-box-3 h2, .hover-box-4 h2, .hover-box-5 h2, .hover-box-6 h2{
  padding-top:5px;
  text-align: left;
}
/* Hover box for mobile/tablet */
@media screen and (max-width: 991px){
/* .hover-box-1 h2, .hover-box-2 h2, .hover-box-3 h2, .hover-box-4 h2, .hover-box-5 h2, .hover-box-6 h2{
  text-align:center;
} */
}
.hover-box-7 h2{
  color:#222f37;
  padding-top:5px;
  text-align: left;
}
.hover-box-1 img, .hover-box-2 img, .hover-box-3 img, .hover-box-4 img, .hover-box-5 img, .hover-box-6 img{
  width:150px;
  height: 150px;
}
.hover-box-1, .hover-box-2, .hover-box-3, .hover-box-4, .hover-box-5, .hover-box-6, .hover-box-7{
  border-bottom: none !important;
  border-radius: 10px;
}
.hover-box-sml {
  background-color: #f5f5f5;
  text-align: center;
  color: #232f38;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  border-bottom: 2px solid #232f38;
}
.hover-box-sml:hover {
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
@media screen and (max-width: 546px) {
  .hover-box img{
    width:100px;
    padding-top:20px;
  }
  .hover-box{
    text-align: left;
    min-height:0;
    padding:5px 20px;
  }
  .hover-box h2{
    padding-top:0;
  }
  .hover-box-sml{
    text-align: left;
    min-height:0;
    padding:5px 20px;
  }
}
@media screen and (max-width: 992px){
  .hover-box-1, .hover-box-2, .hover-box-3, .hover-box-4, .hover-box-5, .hover-box-6{
    min-height:100% !important;
  }
}

/* about us quicklinks at bottom of page */
.hover-box-about-us-quicklinks {
  background-color: #c01634;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  border-bottom: 2px solid #232f38;
  display: inline-block;
  width: 100%;
  max-width: 450px;
}
@media (max-width: 660px) {
  .hover-box-about-us-quicklinks img{
    float:left;
    padding: 20px 10px 0 0 !important;
    width:50px;
    height:auto;
  }
.hover-box-about-us-quicklinks h2{
  Margin:24px !important;
}
}
.hover-box-about-us-quicklinks:hover {
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.hover-box-about-us-quicklinks h2 {
  text-align: left;
  margin:44px 0;
}
.hover-box-about-us-quicklinks img{
  float:left;
  padding-right:30px;
}
/* about us quicklinks at bottom of page */

.what-we-do-spotlight {
  background-color: #f29400;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding:20px;
  width: 100%;
  margin: 20px auto;
  max-width: 350px;
}

.spotlight-title-purple i, .spotlight-title-purple h3{
  display: inline-block;
}
.spotlight-title-purple i{
  font-size: 25px;
  background-color: #891c5e;
  padding: 12px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
}

.spotlight-title-red i, .spotlight-title-red h3{
  display: inline-block;
}
.spotlight-title-red i{
  font-size: 25px;
  background-color: #c01645;
  padding: 12px 15px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
}

.spotlight-title-green i, .spotlight-title-green h3{
  display: inline-block;
}
.spotlight-title-green i{
  font-size: 25px;
  background-color: #128548;
  padding: 14px 12px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
}

.spotlight-news{
  padding-bottom: 30px;
  margin-top: 205px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 25px;
  background-color: #f8f8f8;
  border-bottom: 3px solid #891c5e;
}
.spotlight-news a{
  color: #232f38;
}
.spotlight-news h4{
  line-height: 1.3;
}
.spotlight-news a:hover{
  color: #232f38;
  text-decoration:none;
}
@media screen and (max-width: 1199px) {
  .spotlight-news {
    margin-top:20px;padding-top: 40px;
  }
}

.spotlight-news-2{
  padding-bottom: 30px;
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 25px;
  background-color: #f8f8f8;
  border-bottom: 3px solid #c01634;
}
.spotlight-news-2 a{
  color: #232f38;
}
.spotlight-news-2 h4{
  line-height: 1.3;
}
.spotlight-news-2 a:hover{
  color: #232f38;
  text-decoration:none;
}
@media screen and (max-width: 1199px) {
  .spotlight-news-2 {
    margin-top:20px;padding-top: 40px;
  }
}

.spotlight-news-3{
  padding-bottom: 30px;
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 25px;
  background-color: #f8f8f8;
  border-bottom: 3px solid #128548;
}
.spotlight-news-3 a{
  color: #232f38;
}
.spotlight-news-3 h4{
  line-height: 1.3;
}
.spotlight-news-3 a:hover{
  color: #232f38;
  text-decoration:none;
}
@media screen and (max-width: 1199px) {
  .spotlight-news-3 {
    margin-top:20px;padding-top: 40px;
  }
}

/*  stats counter */
.counter {
  font-size:80px;
  text-align: center;
  width:200px;
  height:200px;
  vertical-align: middle;
  color: #f29400;
}
@media (max-width: 660px) {
  .counter{
    font-size:30px;
  }
}

.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}

.sub-counter{
  color: #ffffff;
  text-align: center;
}
/*  end of stats counter */

.hover-image { transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s; }

  .hover-image img:hover {
    margin-top: -16px;
    transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
  }

  .social-circle li i {
    margin:0;
    line-height:50px;
    text-align: center;
  }

  .social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
  }
  .social-circle i {
    color: #c01634;
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -o-transition: all 1.2s;
    -ms-transition: all 1.2s;
    transition: all 1.2s;
  }

  .social-circle a {
    background-color: #ffffff;
  }
  /*  end of social media icons spinning code */

  .whitepapers-section a{
    text-decoration: none;
    color: #222f37;
  }
  .whitepapers-section{
    height: auto;
  }
  .whitepapers-section h2{
    color: #fff;
  }
  .whitepapers-section a:hover{
    text-decoration: none;
    color: #c01634;
  }
  .whitepaper-slider p{
    text-align: center;
  }
  .whitepaper-slider a{
    text-decoration: none;
  }
  .whitepaper-slider img{
    width: 130px;
    -webkit-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    -moz-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
  }
  .whitepaper-detail, .book-detail{
    width: 400px;
    -webkit-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    -moz-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
  }
  .whitepaper-slider:hover{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    transition: all 0.3s;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
  }
  #whitepaper-pdf-size{
    padding:7px;
    text-align: center;
    background: #efefef;
    margin:20px 0;
    max-width: 120px;
    border-radius: 50px;
  }
  .whitepaper-americas-region{
    padding:20px;
    background: linear-gradient(#c01634, #232f38);
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
    margin-right:10px;
  }
  .whitepaper-americas-region p{
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }
  .whitepaper-row-region{
    padding:20px;
    background: #232f38;
    color: #ffffff;
    text-align: center;
    min-height: 230px;
    margin-right:10px;
  }
  .whitepaper-row-region p{
    color: #ffffff;
    text-align: center;
    font-size: 14px;
  }
  .no-link a{
    text-decoration: none;
    color: #222f37;
  }
  .no-link a:hover{
    text-decoration: none;
    color: #c01634;
  }

  .navy-footer{
    background-color: #232f38;
    padding: 40px 0;
    width: 100%;
  }

  .footer-address{
    display: inline-block;
    width: 90%;
  }
  .header-subscribe .footer-address {  width: calc(100% - 20px); }
  .footer-address a:hover{
    text-decoration: none;
  }
  .fa-linkedin{
    background-color: #9698a2;
    padding:6px;
    color: #ffffff;
    border-radius: 50px;
    margin-right: 6px;
  }

  .navy-footer p,
  .navy-footer a {
    color: #9698a2;
    font-size: 18px;
  }

  .designed-by-ronin{
    text-align: center;
    padding:20px 0px;
    background-color: #172026;
    color: #b2b2b2;
  }
  .designed-by-ronin h5{
    font-size: 15px !important;
  }
  .designed-by-ronin a{
    text-decoration: none;
    color: #b2b2b2;
  }

  .twitter-widget {
    margin-top: 20px;
  }
  .twitter-widget a {
    color: #fff;
  }

  .tweet {
    display: table;
    margin-bottom: 10px;
  }
  .tweet .img {
    display: table-cell;
    width: 40px;
    padding-top: 5px;
  }
  .tweet .img img {
    border-radius: 5px;
  }
  .tweet .text {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
  }
  .tweet .text p {
    color: #9698a2 !important;
    font-size: 14px !important;
  }

  .rounded-corner{
    border-radius: 15px;
    border: 1px solid #bdbdbd;
  }

  /*  sitemap styling     */
  .sitemap-styling{
    list-style-type: none;
    line-height: 1.4;
    padding-bottom:10px;
    padding-top: 30px;
    margin:0;
    text-align: center;
  }
  .sitemap-styling li{
    list-style: none; display: inline;
    padding-right: 5px;
  }

  .sitemap-styling a{
    text-decoration: none;
    color: #9698a2;
    font-size: 16px;
  }
  .sitemap-styling a:hover{
    text-decoration: none;
    color: #c01634;
  }
  .ow-contact{
    padding-top: 20px;
  }

  /*  ISOTOPE */
  .grid {
    width: 100%;
    margin-bottom: 50px;
    position: relative;
  }
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  .grid-item,
  .grid-sizer {
    width: 100%;
  }
  .grid-item {
    margin-top: 30px;
  }
  .gutter-sizer { width: 3%; }

  .grid-item-hidden {
    display: none;
  }
  .loadingScreen {
    position: absolute; height: 100%; width: 100%; top:0; left: 0; background: #EDEDED; z-index:9999;
  }

  @media screen and (min-width: 768px) {
    .grid-item,
    .grid-item-one-fourth,
    .grid-sizer {
      width: calc(50% - 15px);
    }
    .grid-item-wide {
      width: 100%;
    }
  }
  @media screen and (min-width: 992px) {
    .grid-item.grid-item-one-fourth,
    .grid-one-fourth .grid-sizer {
      width: 22.5%;
    }
    .grid-item,
    .grid-sizer {
      width: 30%;
    }
    .grid-item-wide {
      width: 63%;
    }
  }

  /*  MODAL POPUP  */

  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000000 !important; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  }

  .modal-backdrop{
    z-index:1 !important;
  }

  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    text-align: center;
    z-index: 2;
    margin: 50% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    border-radius: 0px !important;
    border-bottom: 5px solid #c01634 !important;
  }
    #hubspotPopupModal  .modal-content{  margin-top: 35% ; } 
  .modal-content .centered-content{
    padding-bottom:5px !important;
  }
  .modal-title{
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
  }
  .modal-header img{
    max-width: 200px;
    margin:20px;
    width: 100%;
    -webkit-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    -moz-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
  }

  /* Modal popups for mobile */
  @media (max-width: 660px) {
    .modal-title{
      text-align: left !important;
      font-size: 20px !important;
      margin-top: 40px;
    }
    .modal-header img{
      max-width: 200px;
      margin:20px 0 !important;
      width: 100%;
      -webkit-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
      -moz-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
      box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8);
    }
  }
  /* END OF MODAL POPUP */


  #return-to-top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index:10000;
  }
  #return-to-top span {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #return-to-top:hover {
    background: linear-gradient(#c01634, #232f38);
  }
  #return-to-top:hover i {
    color: #fff;
    top: 5px;
  }

  /* forms */
  section {
    width: 100%;
    margin:0 auto;
  }
  input{
    background: #ededed;
  }
  section .login-main {
    padding: 40px;
  }
  section .login-main form fieldset {
    margin: 0 0 20px 0;
  }
  section .login-main form fieldset label {
    display: block;
    letter-spacing: 2px;
    margin: 0 0 5px 0;
    text-transform: uppercase;
  }
  section .login-main form fieldset input{
    border: none;
    font-size: 1em;
    transition: all 0.3s ease-in-out;
    width: 100%;
    border-radius: 5px;
    margin:5px 0;
    border: 1px solid #b0b0b0;
  }
  .form-control{
    margin:5px 0 !important;
  }
  .same-as-billing-checkout{

  }
  section .login-main form fieldset input:focus,
  section .login-main form fieldset input:focus {
    border-bottom-color: #c01634;
    outline: none;
    font-size: 20px;
    padding-left: 10px;
  }
  section .login-main form fieldset input::-webkit-input-placeholder,
  section .login-main form fieldset input::-webkit-input-placeholder {
    color: #ababab;
  }
  section .login-main form fieldset input::-moz-placeholder,
  section .login-main form fieldset input:-moz-placeholder {
    color: #6d6d6d;
    padding-left: 10px;
    font-size: 20px;
  }
  section .login-main form fieldset input:-ms-input-placeholder,
  section .login-main form fieldset input:-ms-input-placeholder {
    color: #D6D6D6;
  }
  section .login-main form fieldset input:-moz-placeholder,
  section .login-main form fieldset input:-moz-placeholder {
    color: #D6D6D6;
  }
  section .login-main form input[type="submit"] {
    background: #c01634;
    border: none;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none;
    max-width: 500px;
    height:50px;
  }
  section .login-main form input[type="submit"]:focus, section .login-main form input[type="submit"]:hover {
    background: #232F38;
    box-shadow: 0px 2px 2px #D6D6D6;
    outline: none;
  }
  .login-signup-form{

  }
  /* left */
  #login-container-1{
    min-height:597px;
    max-width:600px;
    background-color: #c01634;
    color: #ffffff;
  }
  #login-container-1 a{
    color:#ffffff;
  }
  #login-container-1 input{
    background-color: #ffffff;
    color: #c01634;
  }
  #login-container-1:hover{
    max-width:600px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.3);
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.3);
    background-clip: padding-box;
    filter: alpha(opacity=97);
    transition: all 0.5s;
    -webkit-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
  }
  textarea{
    width:100%;
    border-radius:5px;
    background-color: #ededed;
    padding:10px;
    border: 1px solid #b0b0b0;
  }
  /* right */
  #login-container-2{
    min-height:597px;
    max-width:600px;
    background-color: #222f37;
    color: #ffffff;
  }
  #login-container-2 input{
    background-color: #ffffff;
    color: #222f37;
  }
  #login-container-2:hover{
    max-width:600px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.3);
    box-shadow: 0 6px 12px rgba(0,0,0,.3);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.3);
    background-clip: padding-box;
    filter: alpha(opacity=97);
    transition: all 0.5s;
    -webkit-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
  }


  @media screen and (max-width: 1199px) {
    #login-container-1, #login-container-2{
      min-height:auto !important;
      margin: 0 auto;
    }
    .login-main{
      padding:10px 0px !important;
    }
  }
  .login-form-questions{
    display:inline-block;
    width:100%;
    padding-top: 10px;
  }
  /* Primarily used for the Google translate dropdown */
  select {
    background-color: #EDEDED;
    padding:9px 10px;
    border: 0;
    font-size: 16px;
    color: #9d9d9d;
    margin-left: 10px;
  }
  @media (max-width: 660px) {
    select {
      background-color: #EDEDED;
      padding:9px 10px;
      border: 0;
      font-size: 16px;
      color: #9d9d9d;
      text-align:center !important;
      width:100%;
    }
  }
  /* forms */

  /* Promo section, for adverts */
  #promo-section img{
    width:100%;
    margin:20px 0;
  }

  /* Dashboard styling */
  /*  ow tab */
  div.ow-tab-container{
    z-index: 10;
    -moz-border-radius: 4px;
    margin-top: 20px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    filter: alpha(opacity=97);
    text-align: left;
  }
  div.ow-tab-container h1,
  div.ow-tab-container h2,
  div.ow-tab-container h3{
    text-align: left;
  }
  div.ow-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
  }
  div.ow-tab-menu div.list-group{
    margin-bottom: 0;
  }
  div.ow-tab-menu div.list-group .list-group-menus > a{
    margin-bottom: 0;
  }
  div.ow-tab-menu div.list-group .list-group-menus > a .glyphicon,
  div.ow-tab-menu div.list-group .list-group-menus > a .fa {
    color: #c01634;
  }
  div.ow-tab-menu div.list-group .list-group-menus > a:first-child{
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
  }
  div.ow-tab-menu div.list-group .list-group-menus > a:last-child{
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
  }
  /*div.ow-tab-menu div.list-group>a.active,
  div.ow-tab-menu div.list-group>a.active .glyphicon,
  div.ow-tab-menu div.list-group>a.active .fa,
  div.ow-tab-menu div.list-group>a.active p
  {
    background: #c01634;
    color: #ffffff;
  }*/

  div.ow-tab-menu div.list-group .list-group-menus > a.active{
    background: linear-gradient(#c01634, #232f38);
  }

  div.ow-tab-content{
    padding: 10px 5px 20px 5px !important;
  }
  div.ow-tab-content h2{
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 30px;
  }
  div.ow-tab-content h2 span{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 30px;
  }
  div.ow-tab-content h3{
    font-size: 20px;
  }
  div.ow-tab-content h5 span{
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
  }
  div.ow-tab-content.profile-pic img{
    display: inline-block;
    width:250px;
    border-radius:200px;
  }
  div.ow-tab div.ow-tab-content:not(.active){
    display: none;
  }
  .ow-tab-content .row{
    /*margin:10px;*/
    padding:20px 0;
    border-bottom: 1px solid #dadada;
  }

  .ow-tab-content .row .col-lg-2{
    padding:0 !important;
  }
  /*.ow-tab-content .row:hover{
    box-shadow: 0px 0px 11px -5px black;
    transition: all .3s ease;
    border-bottom: none;
  }*/
  .ow-tab-content .row strong{
    color:#c01634;
  }
  .dashboard-header{
    height:500px;
    width:100%;
    background-size: cover;
    background-position: center;
    margin:30px 0;
  }
  .dashboard-product-image {
    margin:0 auto;
    width:100%;
  }
  .order-section{
    padding:10px;
  }
  .order-details p{
    margin:0 0 0 0;
    font-size: 16px;
  }
  .order-section:hover{
    background-color: #ffffff;
    transition: all .8s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    border-radius: 10px;
  }
  .order-number{
    font-weight: bold;
    font-size:20px;
    color: #c01634;
  }
  .order-type{
    font-weight: bold;
    text-transform: uppercase;
    margin:10px 0 0 0;
    display: inline-block;
  }
  .invoice-btn {
    padding: 5px 15px;
    display: inline-block;
    margin: auto !important;
    font-weight: normal;
    font-size: 14px;
    border-radius: 20px
  } 
  
  .order-status-declined, .order-status-processing, .order-status-complete{
    padding:5px 15px;
    display: inline-block;
    margin:auto !important;
    color: #232f38;
    font-weight: normal;
    font-size: 14px;
    border-radius: 20px;
  }
  .order-status-declined{
    background-color:#e8aab5;
  }
  .order-status-processing{
    background-color:#e8d6aa;
  }
  .order-status-complete{
    background-color:#b5e8aa;
  }

  /* Table settings for my orders */
  table {
	width: 100% !important;
	border-collapse: collapse;
	margin:30px 20px 0 0;
	}

/* Zebra striping */
table:not(.table) tr:nth-of-type(odd) {
	background: #eee;
	}

th {
	background: #232f38;
	color: white;
	font-weight: bold;
	}

td, th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 18px;
  word-wrap: break-word;
	}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table {
	  	width: 100%;
	}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border: 1px solid #ccc; }
	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/* padding-left: 50%; */
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}
}
/* Form for search by postcode/address */
/* Styles are inline for the address/post code search */

  /* Avatar image styling */
  .avatar-wrapper {
    position: relative;
    height: 100px;
    width: 100px;
    margin:20px 0;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px black;
    transition: all .3s ease;
  }
  .avatar-wrapper:hover {
    transform: scale(1.05);
    cursor: pointer;
  }
  .avatar-wrapper:hover .profile-pic {
    opacity: .5;
  }
  .avatar-wrapper .profile-pic {
    height: 100%;
    width: 100%;
    transition: all .3s ease;
  }
  .avatar-wrapper .profile-pic:after {
    font-family: FontAwesome;
    content: "\f106";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 190px;
    background: #ecf0f1;
    color: #34495e;
    text-align: center;
  }
  .avatar-wrapper .upload-button {
    position: absolute;
    top: 60px;
    left: 20px;
    height: 100%;
    width: 100%;
  }
  .avatar-wrapper .upload-button .fa-angle-up {
    position: absolute;
    font-size: 50px;
    top: -35px;
    left: 13px;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
    color: #34495e;
  }
  .avatar-wrapper .upload-button:hover .fa-angle-up {
    opacity: .9;
  }

  .addresses-info strong{
    color: #c01634;
  }
  .addresses-info{
    margin-bottom: 30px;
  }
  #new-location p{
    text-align: center;
    font-weight: bold;
  }
  #new-location span{
    color: #c01634;
  }
  #new-location{
    border: 2px dashed #d3d3d3;
    padding: 60px 0;
    max-width: 260px;
  }

  .list-group-item p{
    font-size:14px;
  }
  .list-group-item h4{
    margin-right:10px;
  }

  /* Dashboard password */
  .dashboard-password input{
    background-color: #ffffff;
    margin:5px 10px;
    border-radius:7px;
    font-size: 20px;
  }
  /* Dashboard password */

  /* dashboard accordian */
  .transition, p, ul li i:before {
    transition: all 0.25s ease-in-out;
  }

  .no-select, h4 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
  }

  .ow-tab-content ul {
    list-style: none;
    perspective: 900px;
    padding: 0;
    margin: 0;
  }
  .ow-tab-content ul li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 10px;
    border-top: 1px solid #ffffff;
  }
  .ow-tab-content ul li:nth-of-type(1) {
    animation-delay: 0.5s;
  }
  .ow-tab-content ul li:nth-of-type(2) {
    animation-delay: 0.75s;
  }
  .ow-tab-content ul li:nth-of-type(3) {
    animation-delay: 1s;
  }
  .ow-tab-content ul li:nth-of-type(4) {
    animation-delay: 1.25s;
  }
  .ow-tab-content ul li:nth-of-type(5) {
    animation-delay: 1.5s;
  }
  .ow-tab-content ul li:nth-of-type(6) {
    animation-delay: 1.75s;
  }
  .ow-tab-content ul li:nth-of-type(7) {
    animation-delay: 2s;
  }
  .ow-tab-content ul li:last-of-type {
    padding-bottom: 0;
  }
  .ow-tab-content ul li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 16px;
    right: 0;
  }
  .ow-tab-content ul li i:before, .ow-tab-content ul li i:after {
    content: "";
    position: absolute;
    background-color: #c01634;
    width: 3px;
    height: 9px;
  }
  .ow-tab-content ul li i:before {
    transform: translate(-2px, 0) rotate(45deg);
  }
  .ow-tab-content ul li i:after {
    transform: translate(2px, 0) rotate(-45deg);
  }
  .ow-tab-content ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
  }
  .ow-tab-content ul li input[type=checkbox]:checked ~ p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%);
  }
  .ow-tab-content ul li input[type=checkbox]:checked ~ i:before {
    transform: translate(2px, 0) rotate(45deg);
  }
  .ow-tab-content ul li input[type=checkbox]:checked ~ i:after {
    transform: translate(-2px, 0) rotate(-45deg);
  }

  @keyframes flipdown {
    0% {
      opacity: 0;
      transform-origin: top center;
      transform: rotateX(-90deg);
    }
    5% {
      opacity: 1;
    }
    80% {
      transform: rotateX(8deg);
    }
    83% {
      transform: rotateX(6deg);
    }
    92% {
      transform: rotateX(-3deg);
    }
    100% {
      transform-origin: top center;
      transform: rotateX(0deg);
    }
  }
  /* End of accordian */


  /* Multiselect for courses and workshops */
  .multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  button.multiselect.dropdown-toggle.btn{
    margin-bottom: 5px !important;
    margin-left: 5px !important;
    font-size:18px !important;
    border-radius: 0 !important;
    font-weight:bold !important;
  }
  .btn-group.open .dropdown-toggle{
    background-color: #cccccc !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .multiselect-container {
    font-size:18px !important;
    min-width: 280px !important;
    white-space: normal !important;
  }
  .multiselect-container .input-group {
    margin: 5px
  }
  .multiselect-container>li {
    padding: 0
  }
  .multiselect-container>li>a.multiselect-all label {
    font-weight: bold
  }
  .multiselect-container>li>label.multiselect-group {
    margin: 0;
    padding: 3px 20px 3px 10px;
    height: 100%;
    font-weight: bold;
  }
  .multiselect-container li a label input{
    width:20px !important;
    margin-left: 0 !important;
  }
  .multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: normal
  }
  .multiselect-container>li>a>label.radio,
  .multiselect-container>li>a>label.checkbox {
    margin: 0;
  }
  .multiselect-container>li>a>label>input[type="checkbox"] {
    margin-bottom: 5px;
  }
  .btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
  }
  .checkbox input[type="checkbox"]{
    position: inherit !important;
    height: 20px !important;
    margin-right: 10px !important;
  }

  .radio, .checkbox{
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .bottom-pagination-button {
    clear: both;
    text-align: center;
    margin-top: 15px;
  }
  .bottom-pagination-button a {
    border: 1px solid #c01634;
    padding: 15px 30px;
    background: #c01634;
    color: #fff;
    border-radius:30px;
    display: inline-block;
  }
  .bottom-pagination-button #show-loader {
    margin-top: 20px;
    display:none;
  }
  .bottom-pagination-button #show-loader img {
    width: 30px;
    height: 30px;
  }

  @media all and (min-width:992px){
    #above-nav .other-region-links.centered-p {
      position: absolute;
      top:-25px;
      right:0;
      margin:0;
      padding:0;
    }
    #above-nav .other-region-links.centered-p .ow-red.m-r-20, #above-nav .other-region-links.centered-p .regional-btn {
      margin-right:0!important;
    }

  }


  /*  ***********************************************

  ADDITION & AMENDED CSS FOR ASIA PACIFIC WEBSITE

  ***************************************************/

  .people-images{
    padding: 20px !important;
  }

  .news-category-green, .news-category-light-blue, .news-category-red, .news-category, .news-category-purple {
    margin:12px !important;
    font-size: 12px !important;
    border-radius: 25px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    width:auto !important;
    padding: 7px 15px !important;
  }
  .btn-outline-red-left{
    border: 2px solid #c01634 !important;
  }
  .btn-outline-red{
    border: 2px solid #c01634 !important;
  }
  .btn-outline-navy{
    border: 2px solid #232f38 !important;
  }
  /* Rounder corners for the events cards */
  .ow-white-background{
    border-radius:10px !important;
  }
  .full-upcoming-events-box{
    background-color: #fff0 !important;
  }
  /*.call-to-action-footer{
    new section
  }*/
  .cta-footer{
    background-image: url("/ronin-upload/images/banners/background-images/Oliver-Wight-Call-to-action-footer.jpg");
    background-attachment: fixed;
    background-size: cover;
    padding:60px 0;
  }
  .cta-footer-left{
    background-color: #ffffff;
    padding:40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    min-height: 170px;
    max-height: 250px;
  }
  .cta-footer-left h2{
    text-align: left !important;
  }
  .cta-footer-left > .btn-outline-red{
    float:right !important;
  }
  .cta-footer-right{
    background-color: #ededed;
    color:#ffffff;
    padding:40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    min-height: 170px;
  }
  .cta-footer-right h2{
    text-align: left;
    color: #222f37;
    margin-top: 0 !important;
  }
  .our-locations{
    text-align: center;
    padding:20px 10px;
  }
  .full-upcoming-events-date-light-blue{
    background: #0d78c9;
    min-width: 92px;
    text-align: center;
    display: inline-block;
    padding:10px 5px 5px 10px;
    margin:0 10px 10px 0;
  }
  .full-upcoming-events-date-light-blue p{
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 22px;
    line-height: 1.4;
  }
  .full-upcoming-events-date-green{
    background: #128548;
    min-width: 92px;
    text-align: center;
    display: inline-block;
    padding:10px 5px 5px 10px;
    margin:0 10px 10px 0;
  }
  .full-upcoming-events-date-green p{
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 22px;
    line-height: 1.4;
  }
  .courses-and-workshops-detail p, .courses-and-workshops-detail h1, .courses-and-workshops-detail h3 {
    text-align: left !important;
  }
  .courses-and-workshops-detail .underlined-center{
    margin: 20px 0 50px 0 !important;
  }
  .courses-and-workshops-sidebar{
    background-color: #ededed;
    padding:10px 30px;
    text-align: left;
    margin-top:20px;
  }
  .course-detail-info{
    padding:6px 0;
    border-bottom: 1px solid #d7d7d7
  }
  .course-detail-info h4{
    font-weight: 700;
    margin-bottom: 0 !important;

  }
  .courses-and-workshops-detail-add-to-cart{
    background-color: #232f38;
    color:#ffffff;
    padding:15px 10px;
    text-align: center;
    font-size: 18px;
  }
  .courses-and-workshops-detail-add-to-cart:hover{
    background-color: #232f38;
    color:#ffffff;
    transition: all 0.5s;
    /*-webkit-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;*/
  }
#course-adding-button, #course-checkout-button{
  border-radius:30px;
  border:none;
  padding:5px 30px;
  color:#232f38;
  margin:0 auto;
}
  /* Terms and conditions for the events page */
  #terms-and-conditions, #terms-and-conditions a{
    padding:20px 0 10px 0;
    color:#232f38;
  }
  ol.breadcrumb{
    margin:0 !important;
    padding:15px 0 15px 15px !important;
  }
  .breadcrumb-item a{
    color:#232f38;
  }
  .our-clients-section{
    background-color: #232238;
    padding:40px 10px 60px 10px;
    color:#ffffff;
  }
  .our-clients-section p{
    color:#ffffff;
    font-size: 22px;
  }
  .our-clients-section h2{
    font-size:72px;
    font-weight: 700;
    padding-bottom:10px;
  }
  @media (max-width: 660px) {
    .our-clients-section h2{
      font-size:30px;
      font-weight: 700;
      padding-bottom:10px;
    }
    .our-clients-section p{
      font-size:18px;
    }
  }
  .our-clients-section-testimonials{
    background-color:#ffffff;
    padding:20px;
    margin:10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: auto;
    align-self: auto;
    
    min-width: calc(100% - 20px);
  }
  @media (max-width: 660px) {
    .our-clients-section-testimonials{
      display: block !important;
    }
  }
  .our-clients-section-testimonials p{
    color:#232238;
    font-size:16px;
  }
  .our-clients-section-testimonials img{
    padding:10px;
    height:110px !important;
    width:110px !important;
  }
  .image-flex{
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex: 0;
    flex-shrink: 0;
  }
  .courses-in-your-area-add-to-cart{
    background-color: #232f38;
    color:#ffffff;
    padding:10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
  }
  .courses-in-your-area-add-to-cart:hover{
    background-color: #c01634;
    color:#ffffff;
    transition: all 0.5s;
    -webkit-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
  }
  .more-information{
    text-align: left;
    margin-top:0 !important;
    padding-left: 20px !important;
    margin-top:-20px !important;
  }
  .white-papers-detail-download, .white-papers-detail-download a{
    background-color: #232f38;
    color:#ffffff;
    font-size: 18px;
    padding:10px;
    text-align: center;
    border-radius: 50px;
    margin:0 10px 0 0;
    max-width:250px;
  }
  @media screen and (max-width: 450px) {
    .book-button-section{
      width:100%;
      display: block !important;
    }
    .white-papers-detail-download, .white-papers-detail-download a{
      margin:10px 0 10px 0;
    }
  }
  .white-papers-detail-download:hover, .white-papers-detail-download a:hover{
    background-color: #c01634;
    color:#ffffff;
    transition: all 0.5s;
    -webkit-transition:all 0.45s ease-in-out;
    -o-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
  }
  .book-button-section{
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .resource-author h4{
    font-weight: 700;
  }
.resource-filter{
  Min-height: 134px;
}
@media screen and (max-width: 440px) {
.resource-filter{
min-height:125px;
}
}

  .resource-author img{
    border-radius: 50px;
    max-height: 50px !important;
    width: auto !important;
    margin-top:0;
  }
  .resource-author img:hover{
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
  }
  .resource-author{
    display: -webkit-inline-box !important;
  display: -moz-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .resource-author li{
    padding:5px !important;
  }
  ul.resource-author{
    list-style-type: none;
    padding:0 50px 5px 0 !important;
    margin-top:0 !important;
  }

  /* Slide in nav */
  .sidenav {
    width: 0;
    position: fixed;
    z-index: 1001;
    margin: auto 0;
    top: 30%;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.3s;
    padding-top: 60px;
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    border-radius: 10px 0 0 10px;
  }
  .sidenav-inner{
    padding:10px 20px 40px 20px;
  }
  .sidenav fieldset{
    margin: 15px 0;
    text-align: center;
  }
  .sidenav input{
    border-radius:40px;
    margin-left: 10px;
    padding:0 25px;
    width:350px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
    text-align: center;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .white-paper-foot-note{
    text-align: center;
  }
  a .white-paper-foot-note:hover{
    font-weight: bold !important;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
  @media screen and (max-width: 550px) {
    .hover-box-1 h2, .hover-box-2 h2, .hover-box-3 h2, .hover-box-4 h2, .hover-box-5 h2, .hover-box-6 h2 {
      padding-top:5px;
      text-align: center;
    }
    .hover-box-1 p, .hover-box-2 p, .hover-box-3 p, .hover-box-4 p, .hover-box-5 p, .hover-box-6 p {
      text-align: center;
    }
  }
  .book-info{
    padding:20px 0;
    color: #989898;
  }
  .book-price{
    color:#222f37;
    font-size:20px;
    font-weight: 600;
    margin-top:10px;
  }
  @media screen and (max-width: 450px) {
    .book-price{
      font-size:30px;
      margin-top:0;
    }
  }
  .book-price strike{
    color:#aaa;
  }
  .early-bird-discount{
    padding:8px 18px;
    margin-left:8px;
    border-radius: 20px;
    font-size: 12px;
    background-color:#128548;
    color:#ffffff;
  }
  .full-upcoming-events-date-green p, .full-upcoming-events-date-light-blue p{
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
  }
  .navy-footer{
    background-color:#172026 !important;
  }
  section .login-main {
    margin: 0 auto;
    text-align: center;
  }
  .main-book-price{
    display: inline-block;
    background-color: #128548;
    padding:7px 20px;
    border-radius: 30px;
    font-size: 17px;
    color:#ffffff;
  }
  .no-of-places-left h4{
    font-weight: 700;
    color: #c01634;
    background-color: #ffe2e2;
    padding: 10px 30px;
    margin:0;
  }
  .course-tag{
    background-color: #e7e7e7;
    font-size: 14px;
    border-radius: 20px;
    padding:3px 10px;
    margin-top: 12px;
    color:#919191;
    display: inherit;
    text-align: center;
    width: max-content;
  }
  .events-page-css .ow-white-background{
    min-height: 220px;
  }
  .footer-address a, .footer-address ul{
    text-align: left;
    font-size: 18px;
  }
  .footer-image{
    padding-top: 30px;
  }
  .social-media-icons{
    text-align: left;
    padding-top:20px;
    padding-left:20px;
    font-size: 18px;
  }
  .resources-to-help-you-improve {
    background-color: #222f37;
    color: #ffffff;
    padding:40px 20px 10px 20px;
    text-align: center;
    margin: 10px 0;
    border-radius: 10px;
    font-size: 18px;
    min-height: 200px;
    position: relative;
  }
  a .resources-to-help-you-improve:hover{
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.20);
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    background-color: #c01634;
    color: #ffffff;
  }
  .resources-to-help-you-improve img{
    max-width: 70px;
    text-align: left;
  }
  @media (max-width:400px) {
  .resources-to-help-you-improve {
    padding:20px;
    min-height: 80px;
    }
  }
  .other-services{
    background-color: #eaeaea;
  }
  /* .fill-small {
    height: 400px !important;
  } */
  #dLabel {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #232f38;
    border: solid 1px #cccccc;
    text-align: left;
    padding: 7.5px 15px;
    color: #ffffff;
    letter-spacing: 0.7px;
    margin-top: 5px;
  }

  .caret {
    float: right;
    margin-top: 9px;
    display: block;
  }

  .dropdown-menu {
    width: 240px;
    padding: 0;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .dropdown button:hover, .dropdown button:focus {
    border: none;
    outline: 0;
  }

  .dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
  }

  .dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
  }

  .dropdown-menu li {

    line-height: 1.5;
    letter-spacing: 0.7px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3;
  }
  .dropdown-menu li:hover {
    background-color: #ccc;
  }
  .sidebar-categories{
    font-size: 18px;
    background-color: #ededed;
    color: #232f38;
    text-align: left;
    color: #232f38;
    border-radius: 10px;
    /* padding:20px 0; */
    margin:10px 0;
  }
  .sidebar-categories:hover{
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
    -webkit-transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    transition:all 0.8s ease-in-out;
  }
  @media (max-width: 660px) {
    .sidebar-categories{
      margin-top: 40px;
    }
  }
  .sidebar-categories ul,li {
    list-style-type: none;
    list-style-position:inside;
    margin:0;
    padding:0;
    color: #232f38;
  }
  .sidebar-categories li{
    padding:10px 20px;
  }
  .sidebar-categories li:hover {
    font-weight: 600;
    background-color: #e6e6e6;
  }
  .sidebar-categories span {
    color: #c01634;
    margin-left: 6px;
    font-weight: 600;
    font-size: 15px;
  }
  .sidebar-categories h3 {
    text-align: left;
    color: #c01634;
    padding-left: 20px;
  }
  .sidebar-categories img {
    padding: 20px 0 0 20px;
  }
  .sidebar-categories-main {
    margin-top:150px;
  }
  @media (max-width: 991px) {
    .sidebar-categories-main{
      margin-top: 0 !important;
    }
  }
  .sidebar-categories .selected{
    font-weight:bold;
  }
  .sidebar-categories ul .selected li:after{
    /*! font-weight:bold; */
    content: '\f205';
    color: #c01634;
    padding-left:15px;
    font-family: fontawesome;
  }
  .sidebar-categories ul .not-selected li:after{
    /*! font-weight:bold; */
    content: '\f204';
    color: #b1b1b1;
    padding-left:15px;
    font-family: fontawesome;
  }
  .hover-box-other-services {
    background-color: #f5f5f5;
    text-align: center;
    color: #232f38;
    line-height: 1.7px;
    padding: 15px;
    margin: 20px auto;
    border-bottom: 2px solid #232f38;
  }
  .hover-box-other-services:hover {
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    background-color: #232f38;
    color: #ffffff;
  }
  .hover-box-other-services h2{
    font-size: 20px;
    text-align: left;
  }
  .tool-tip {
    /* position: relative; */
    margin: 0 .25em;
    transition: color .25s ease;
    text-decoration: none;
  }

  .tool-tip::before, .tool-tip::after {
    position: absolute;
    left: 50%;
    background: #232f38;
    border:1px solid #ffffff;
    opacity: 0;
    visibility: hidden;
    border-radius: 2px;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    width:290px;
  }
  .tool-tip::before {
    width: initial;
    /* min-width: 13em;
    bottom: calc(110% + -6.5em);
    transform: translateX(-50%); */
    color: hsl(0,0%,80%);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 1em;
    text-align: center;
    content: attr(data-tooltip);
    z-index: 100 !important;
    left: 3px;
    right: 3px;
    top: 25%;
    transform: translateY(-50%);
  }
  .tool-tip:hover::before, .tool-tip:hover::after {
    opacity: 1;
    visibility: visible;
  }
  .author-tool-tip {
    position: relative;
    margin: 0 .25em;
    transition: color .25s ease;
    text-decoration: none;
  }

  .author-tool-tip::before, .author-tool-tip::after {
    position: absolute;
    left: 50%;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    width:100%;
  }
  .author-tool-tip::before {
    min-width: 13em;
    
    bottom: calc(110% + .5em);
    transform: translateX(-50%);
    color:#232f38;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius:5px;
    padding: 10px;
    text-align: center;
    content: attr(data-tooltip);
    z-index: 100 !important;
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
  }
  .author-tool-tip:hover::before, .author-tool-tip:hover::after {
    opacity: 1;
    visibility: visible;
  }
  .tag-box{
    padding:10px 0;
  }
  @media screen and (max-width: 450px) {
    .tag-box{
      display:none;
    }
  }
  .tag-element{
    padding:5px 20px;
    border-radius: 30px;
    color: #8896de;
    background-color: #e7f4ff;
    display: inline-block;
    margin:5px;
    border:1px solid #ffffff;
  }
  .tag-element:hover{
    opacity: 0.8;
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    border:1px solid #ffffff;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
  }
  .workshop-pains ul {
    text-align: left;
    padding-left: 0;
    margin-top:5px;
  }
  .workshop-pains li{
    margin:5px 0;
  }
  .workshop-pains h3{
    font-weight: 600;
  }
  .workshop-pains i{
    color: #adebab;
    margin-right:10px;
  }
  .workshop-pains p{
    display: inline;
  }
  @media (max-width: 335px) {
    .workshop-pains ul, .workshop-pains h3{
      margin-top:0;
    }
    .workshop-pains div{
      margin-top:5px !important;
    }
  }

  /* Additional css to current class */
  #whitepaper-pdf-size {
    text-align: center;
    background: #efefef;
    margin-top:-60px !important;
    margin-left: 10px;
    background-color: #ffffff !important;
    position: relative !important;
    max-width: 120px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.50);
  }
  .resource-type {
    text-align: center;
    color:#979797;
    text-transform: uppercase;
    border-radius: 20px;
    margin:15px 0 0 0;
    font-weight: bold;
  }
  .respirce-type a:hover{
    text-decoration: none;
  }
  .events-section{
    background-color: #222f37;
    height:100%;
  }
  .single-event-card{
    background-color: #ededed;
    border-radius: 7px;
    margin: 10px;
  }
  a .single-event-card:hover{
    -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80);
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
  }
  .single-event-tag{
    padding:5px 15px;
    border-radius: 30px;
    color: #8896de;
    background-color: #e7f4ff;
    display: block;
    font-size: 13px;
    margin:15px 0;
  }
  .single-event-date{
    padding:10px;
    background-color: #222f37;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    font-size:25px;
    margin:10px 0;
  }
  .single-event-copy h4{
    font-weight: bold;
  }
  .single-event-copy p{
    font-size: 15px;
    line-height: 1.2;
  }
  .sidebar-first{
    padding-top:170px;
  }
  @media (max-width: 1199px) {
    .sidebar-first{
      padding-top:10px !important;
    }
  }
  .search-container-inner input{
    background-color: #ffffff;
    width:100%;
    margin-bottom: 20px;
    border-radius: 5px;
  }
  .widget-title{
    margin-top:10px;
  }
  .first-column {
    align-items: center;
    padding: 20px;
  }
  .first-column h2, .first-column p{
    color:#ffffff;
  }
  .second-column {
    background-color: #222f37;
    padding:20px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
  }
  /*  .checkout-step p {
  margin-top: 10px;
}

.checkout-row {
display: table-row;
}

.checkout {
display: table;
width: 100%;
position: relative;
}

.checkout-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

.checkout-row:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
z-order: 0;

}

.checkout-step {
display: table-cell;
text-align: center;
position: relative;
}*/

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.what-we-do-tag{
  padding:10px 30px;
  width: max-content;
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.10);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.10);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
h4.what-we-do-tag{
  background-color: #f4f4f4;
  color:#222f37;
  text-align: center;
  margin: 0 auto;
  border-radius: 20px;
}

.newsletter-signup { margin: 0 auto; }

.news-newsletter {
  padding: 20px 15px;
  background: #c01634;
  border-radius: 5px;
  margin-top:5px;
}
.news-newsletter .single {
  max-width: 650px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 2;
}
.news-newsletter .single h2 {
  font-size: 22px;
  color: white;
  text-align: left;
  margin-bottom: 20px;
}
.news-newsletter .single .form-control {
  height: 50px;
  background: rgba(255, 255, 255, 0.6);
  border-color: transparent;
  border-radius: 10px 0 0 10px;
}
.news-newsletter .single .form-control:focus {
  box-shadow: none;
  border-color: #232f38;
}
.news-newsletter .single .btn {
  min-height: 50px;
  border-radius: 0 10px 10px 0;
  background: #232f38;
  color: #fff;
}
.our-partners p{
  padding: 0px 20px 10px 60px;
}
.our-partners{
  padding:0;
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
}
.our-partners img{
  padding-bottom: 10px;
  max-width: 140px;
  height: auto;
}
.our-partners-text{
  min-height: 425px;
  text-align: center;
  padding:60px 10px 10px 10px;
}
.our-partners-img-section{
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  padding: 20px 0px;
  min-height: 425px;
}
@media (max-width: 1200px) {
  .our-partners p{
    padding: 0px 20px 10px 70px;
  }
  .our-partners-text{
    height: 100% !important;
  }
  .our-partners-img-section{
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 20px 0px;
    max-height: 200px;
  }
}
@media (max-width: 585px) {
  .our-partners p{
    padding: 0px 20px 10px 70px;
    padding:15px !important;
  }
  .our-partners-text{
    height: auto;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .our-partners-img-section{
   display: none;
 }
}
.footer-submit{
  padding:6px 10px;
  background-color: #c01634;
  color: #ffffff;
  border-radius: 0;
}
.footer-email{
  border-radius:0 !important;
  padding: 8px;
}








/* Css hover card */
.flip-card {background-color: transparent; width: auto; height: 420px; perspective: 1000px; border-radius:10px; display: inline; }
.flip-card h3{margin:10px 0; padding:20px; font-weight: 400; }
.flip-card-inner {position: relative; width: 100%; height: 550px; text-align: center; transition: transform 0.6s; -webkit-transition: 0.6s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden;  margin-bottom:40px; }
.flip-card:hover .flip-card-inner {transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.flip-card-back-1, .flip-card-back-2, .flip-card-back-3, .flip-card-back-4, .flip-card-front {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card-back-1 {background-color: #c01634; color: #ffffff; border-radius:10px; padding:30px 0; }
.flip-card-back-2 {background-color: #0d78c9; color: #ffffff; border-radius:10px; padding:30px 0; }
.flip-card-back-3 {background-color: #891c5e; color: #ffffff; border-radius:10px; padding:30px 0; }
.flip-card-back-4 {background-color: #128548; color: #ffffff; border-radius:10px; padding:30px 0; }
.flip-card-back-1 img, .flip-card-back-2 img, .flip-card-back-3 img, .flip-card-back-4 img{width:100px; height:auto; margin-top:40px; }
.flip-card-back-1 hr, .flip-card-back-2 hr, .flip-card-back-3 hr, .flip-card-back-4 hr{max-width: 60px; }
.flip-card-front { background-color: #ededed; color: #ffffff; border-radius:10px; padding:10px 25px;  transform: rotateY(180deg);  -webkit-transform: rotateY(180deg); }
.flip-card-front li{color: #232f38; list-style-type: square !important; list-style-position: outside; }

/* Page curl css for the flip cards */
.curl {
  width: 60px;
  height: 60px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient( 135deg, #fff 10%, #fff 25%, #fff 50%, #e5e5e5 50%, #bbb 56%, #c9c9c9 62%, #d8d8d8 80%, #fff 100% );
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  transition: all .5s ease;
}
/* End of page curl css for the flip cards */


/* Arrow sections */
.arrow-section-left{
  background:#ffffff;
  text-align:center;
  z-index: 2;
}
.arrow-section-left:after, .arrow-section-left:before{
  content:"";
  position:absolute;
  width:120px;
  height:50%;
  left:465px;
}
.arrow-section-left:after{
  bottom:0;
  background: linear-gradient(to left bottom, #ffffff 50%, transparent 50%);
}
.arrow-section-left:before{
  top:0;
  background: linear-gradient(to left top, #ffffff 50%, transparent 50%);
}
.arrow-section-right{
  background:#ffffff;
  text-align:center;
  z-index: 2;
}
.arrow-section-right:after, .arrow-section-right:before{
  content:"";
  position:absolute;
  width:120px;
  height:50%;
  left:0;
}
.arrow-section-right:after{
  bottom:0;
  background: linear-gradient(to right bottom, #ffffff 50%, transparent 50%);
}
.arrow-section-right:before{
  top:0;
  background: linear-gradient(to right top, #ffffff 50%, transparent 50%);
}
@media (max-width: 1200px) {
  .arrow-section-left:before, .arrow-section-left:after, .arrow-section-right:before, .arrow-section-right:after{
    display: none;
  }
  /* LinkedIn group button */
  .linkedin-cta{
    background-color: #ffffff;
    padding:30px;
  }
}
/* Executive education form */
.quiz-question {
  font-size: 28px;
  padding: 20px 0 5px;
  font-weight: 700;
  text-align: left;
}
.quiz-answer input{
  width:auto !important;
  height: auto !important;
}
.quiz-answer label{
  background-color: #eaeaea;
  border-radius: 20px;
  padding:7px 13px;
  margin:5px;
  font-size:15px;
}
.quiz-answer label:hover{
  background-color: #c01634;
  color:#ffffff;
  border-radius: 20px;
  padding:7px 13px;
  margin:5px;
  font-size:15px;
}
.quiz-answer label[type="checkbox"]:checked{
  background-color: #c01634;
  color:#ffffff;
  border-radius: 20px;
  padding:7px 13px;
  margin:5px;
  font-size:15px;
}
#result {
  font-size: 28px;
  font-weight: bold;
  color: #c01634;
}
.get-result .btn {
  font-size:20px;
  height:50px;
  border-radius: 30px;
  border:2px solid #eaeaea;
}

/*  Ecommerce & Global Checkout styling */
.product-image {
  float: left;
  width: 11%;
  text-indent: 0 !important;
}

.product-details {
  float: left;
  width: 53%;
  text-indent: 0 !important;
}

.product-price {
  float: left;
  width: 12%;
}

.product-quantity {
  float: left;
  width: 8%;
}

.product-tax {
  float: left;
  width: 8%;
}

.product-shipping{
  float: left;
  width: 8%;
}

.product-invoice{
  float: left;
  width: 7%;
  
}

div.product-invoice, div.product-shipping, div.product-tax, div.product-price {
  padding-top: 5px;
}

.product-removal {
  float: left;
  width: 6%;
}

.product-line-price {
  float: left;
  width: 10%;
  text-align: right;
}

/* This is used as the traditional .clearfix class */
.group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: '';
  display: table;
}

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.product .product-price:before, .product .product-line-price:before, .totals-value:before {
  /* content: 'AU$'; */
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}

/* Product entries */
.product {
  padding:30px 15px;
  border-bottom: 1px solid #eee;
  margin: 5px 0;
}
.product:hover{
  background-color: #ebf4fb;
  -webkit-transition:all 0.45s ease-in-out;
  -o-transition:all 0.45s ease-in-out;
  transition:all 0.45s ease-in-out;
}
.product .product-image {
  text-align: center;
}
.product .product-image img {
  width: 100px;
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.30);
  background-color: #ffffff;
  border-radius: 5px;
}
.product .product-details .product-title {
  margin-right: 20px;
  background-color: #eaeaea;
  font-size: 14px;
  border-radius: 20px;
  padding:3px 20px;
  margin: 0 0 5px 0;
  color:#888888;
  display: inherit;
  text-align: center;
  width: max-content;
}
.product .product-details .product-description {
  margin: 5px 20px 5px 0;
}
.product .product-quantity input {
  width: 55px;
  height: 30px;
  padding-top: 0; padding-bottom: 0;
}
.product .remove-product {
  border: 0;
  padding: 5px 15px;
  background-color: #172026;
  color: #ffffff;
  border-radius: 20px;
}
.product .remove-product:hover {
  background-color: #c01634;
  color:#ffffff;
  -webkit-transition:all 0.20s ease-in-out;
  -o-transition:all 0.20s ease-in-out;
  transition:all 0.20s ease-in-out;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin: 5px 0;
  font-size: 18px;
}
.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}
.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
}

.checkout {
  float: right;
  border: 1px solid #c01634;
  margin-top: 20px;
  padding: 5px 35px;
  background-color: #fff;
  color: #c01634;
  font-size: 22px;
  border-radius: 30px;
}

.amount-preview-section{
  clear: both;
}

.checkout:hover {
  background-color: #c01634;
  border: 1px solid #c01634;
  color: #ffffff;
  -webkit-transition:all 0.10s ease-in-out;
  -o-transition:all 0.10s ease-in-out;
  transition:all 0.10s ease-in-out;
}
.totals-item-total{
  border-top: 1px solid #eaeaeaea;
  padding:10px 0;
}
#cart-total{
  font-weight: 700;
  font-size: 20px;

}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .product-image {
    float: left;
    width: auto;
  }
  .product-image img {
    margin: 0 15px 10px 0px;
  }

  .product-details {
    float: none;
    margin-bottom: 10px;
    width: auto;
    display: block; overflow: hidden;
    margin-right: 0px;
  }

  .product-price {
    clear: both;
    width: 70px;
    font-size:14px;
  }

  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 20px;
  }

  .product-removal {
    width: auto;
  }

  .product-line-price {
    float: right;
    width: 70px;
    font-size:14px;
  }
  #cart-total{
    font-weight: 700;
    font-size: 18px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
  .product-removal {
    float: right;
  }

  .product-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .totals .totals-item label {
    width: 60%;
  }
  .totals .totals-item .totals-value {
    width: 40%;
  }
  #cart-total{
    font-weight: 700;
    font-size: 18px;
  }
}

/* Discount code section */
.discount-submit{
  padding:6px 10px;
  background-color: #c01634;
  color: #ffffff;
  border-radius: 5px;
}
.discount-email{
  border-radius:0 !important;
  padding: 8px;
}
.order-summary{
  margin-bottom:20px;
}
.checkout-summary-title{
  font-weight: 700;
}
.checkout-summary-item{
  font-size:17px;
}
.summary-price{
  float:right;
  font-weight: 700;
  padding-right:30px;
}
.summary-total-price{
  float:right;
  font-weight: 700;
  padding-right:30px;
  font-size: 25px;
}
@media screen and (max-width: 750px) {
  .summary-price, .summary-total-price {
    float: left;
  }
}
#order-id{
  color: #c01634;
  font-weight: 700;
}
#order-summary-checkout-lead{
  border:1px solid #eaeaea;
  border-radius: 10px;
  padding:10px;
}
#order-summary-checkout-lead h3{
  margin-bottom:10px;
  font-weight: 700;
  color: #c01634;
}
#order-summary-checkout-lead p{
  margin: 0 auto;
  text-align: left;
  padding:10px 0 0 0;
  font-size: 16px;
  line-height: 1;
  color: #aeaeae;
}
#order-summary-checkout-lead img{
  border-radius: 50px;
  width: 80px;
  height:80px;
}
.login-form-checkout{
  border-radius:10px;
  background-color: #f9f9f9;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.20);
}
.login-form-checkout:hover{
  background-color: #f9f9f9;
  -webkit-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}

/* Create new password for user section (on checkout) */
.new-user-section{
  padding:20px 40px;
}

/* ----
Multi filter CSS
---- */

/* ---- isotope ---- */

/* ui group */
.ui-group {
  display: inline-block;
  margin-right: 20px;
}

.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 20px;
  font-weight: 700;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}
.filter-select{
  background-color: #ffffff;
  font-size:18px;
  margin-top:10px;
}

/* Reset function */
.exec-education-reset{
  display: inline;
  padding:0 10px;
}
.exec-education-reset button{
  border: none;
  padding:15px 30px;
  text-decoration: none;
  background: #aeaeae;
  color: #ffffff;
  font-family: sans-serif;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.exec-education-reset button:hover{
  background: #172026;
  color: #ffffff;
  transition: all 0.75s ease 0s;
}
/* ----
End of multi filter CSS
---- */

/* Add to cart button animation */
.btn_wrapper {
  border-radius: 25px;
  display: inline-block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

/* BEGIN STATE */

button.btn-cart {
  border: none;
  background: #c01634;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
  padding: 8px 25px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
}

button.btn-cart:after {
  content: "";
  display: block;
  width: 50px;
  height: 200px;
  position: absolute;
  -ms-transform: rotateZ(30deg);
  -webkit-transform: rotateZ(30deg);
  transform: rotateZ(30deg);
  left: -60px;
  top: -100px;
  opacity: 0.1;
  background: #ffffff;
}

button.btn-cart:hover:after {
  width: 100%;
  opacity: 0;
  transition: all 0.75s ease 0s;
}

button.btn-cart .fa {
  margin-right: 10px;
  font-size: 24px;
  line-height: 30px;
  vertical-align: baseline;
}

button.btn-cart .fa.fa-arrow-down {
  color: #ff8100;
  font-size: 10px;
  position: absolute;
  left: 9px;
  top: -12px;
  transition: all 0.75s ease 0s;
}

button.btn-cart:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  width: 0%;
  opacity: 0.3;
  border-radius: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

button.btn-cart span {
  display: inline-block;
  position: relative;
  text-align: center;
  z-index: 1;
}

button.btn-cart:hover .fa.fa-arrow-down {
  top: -3px;
}

button.btn-cart:active:before {
  height: 350%;
  width: 90%;
  opacity: 0.0;
  transition: all 0.75s ease 0s;
}

.checkout-button,
.cart {
  box-sizing: border-box;
  display: none;
  border: none;
  width: 230px;
  float: left;
  overflow: hidden;
  position: relative;
  padding: 8px 10px;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  text-align:center;
}
a.cart:hover, a.checkout-button:hover{
  color:#ffffff;
}
.checkout-button {
  background: #c01634;
  border-radius: 0px 25px 25px 0px;
  font-size: 18px;
  padding:15px 10px 10px 15px;
}

.checkout-button .fa {
  float: right;
  margin-right: 10px;
  line-height: 30px;
  font-size: 20px;
}
.cart {
  background: #222f37;
  border-radius: 25px 0 0 25px;
  font-size:18px;
  padding:15px 10px 10px 15px;
}
.cart .fa {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 30px;
  font-size: 16px;
}

.cart:before,
.checkout-button:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  width: 0%;
  opacity: 0.3;
  border-radius: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* LOADING STATE */

button.btn-cart.loader {
  padding: 8px;
  text-align: center;
  width: 48px;
}

button.btn-cart.loader span span {
  display: none;
}

button.btn-cart.loader:before,
.spinner {
  display: none;
}

.loader .spinner {
  display: block;
  -webkit-animation: spinner cubic-bezier(0.6, 0.2, 0.4, 0.8) 1s infinite;
  animation: spinner cubic-bezier(0.6, 0.2, 0.4, 0.8) 1s infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  border-radius: 50px;
  box-sizing: border-box;
  border-top: 2px solid #00539C;
  border-bottom: 2px solid #00539C;
  border-left: 2px solid #00539C;
  border-right: 2px solid #ff8100;
}

button.btn-cart.loader .fa.fa-shopping-cart {
  margin-right: 2px;
}

button.btn-cart.loader .fa.fa-arrow-down {
  -webkit-animation: arrow cubic-bezier(0.7, 0.3, 0.6, 0.8) 1s infinite;
  animation: arrow cubic-bezier(0.7, 0.3, 0.6, 0.8) 1s infinite;
}


/* AFTER LOADING */

.bought button {
  display: none;
}

.bought .checkout-button,
.bought .cart {
  display: block;
}

.cart:active:before,
.checkout-button:active:before {
  height: 300%;
  width: 90%;
  opacity: 0.0;
  transition: all 0.75s ease 0s;
}

.cart:after,
.checkout-button:after {
  content: "";
  display: block;
  width: 50px;
  height: 200px;
  position: absolute;
  -ms-transform: rotateZ(30deg);
  -webkit-transform: rotateZ(30deg);
  transform: rotateZ(30deg);
  left: -60px;
  top: -100px;
  opacity: 0.1;
  background: #ffffff;
}

.checkout-button:after {
  -ms-transform: rotateZ(-30deg);
  -webkit-transform: rotateZ(-30deg);
  transform: rotateZ(-30deg);
  left: auto;
  right: -60px;
}

.cart:hover:after,
.checkout:hover:after {
  width: 100%;
  opacity: 0;
  transition: all 0.6s ease 0s;
}


/* ANIMATIONS */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes arrow {
  0% {
    top: -12px;
    opacity: 1;
  }
  80% {
    top: -3px;
    opacity: 1;
  }
  100% {
    top: -3px;
    opacity: 0;
  }
}

@keyframes arrow {
  0% {
    top: -12px;
    opacity: 1;
  }
  80% {
    top: -3px;
    opacity: 1;
  }
  100% {
    top: -3px;
    opacity: 0;
  }
}

/* — Map pins — */

.map-point-singapore {
  background-color: #eaeaea;
  border:1px solid #ffffff;
  padding: 5px 8px;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40);
  top:52%;
  left:68%;
}
.map-point-hong-kong {
  background-color: #eaeaea;
  border:1px solid #ffffff;
  padding: 5px 8px;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40);
  top:38%;
  left:76%;
}
.map-point-sydney {
  background-color: #eaeaea;
  border:1px solid #ffffff;
  padding: 5px 8px;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40);
  top:73%;
  left:86%;
}
.map-point-melbourne {
  background-color: #eaeaea;
  border:1px solid #ffffff;
  padding: 5px 8px;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40);
  top:83%;
  left:82%;
}
.map-point-chongqing {
  background-color: #eaeaea;
  border:1px solid #ffffff;
  padding: 5px 8px;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40);
  top:27%;
  left:71%;
}

/* Self assessment section */
.self-assessment-service-section {
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 20px 0px;
}
@media (max-width:400px) {
  .self-assessment-service-section {
  min-height: 150px;
    }
}
.self-assessment-container h3{
  text-align: left;
  font-weight: 700;
}
.self-assessment-col-1, .self-assessment-col-2, .self-assessment-col-3, .self-assessment-col-4 {
  padding:20px 20px 0 20px;
  min-height: 220px;
}
.self-assessment-col-1 p, .self-assessment-col-2 p, .self-assessment-col-3 p, .self-assessment-col-4 p {
  color: #ffffff;
}
@media (max-width:991px) {
  .self-assessment-col-1, .self-assessment-col-2, .self-assessment-col-3, .self-assessment-col-4{
    padding:20px 20px;
    min-height: 130px !important;
  }
}
.self-assessment-col-1:hover, .self-assessment-col-2:hover, .self-assessment-col-3:hover, .self-assessment-col-4:hover {
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.70);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.70);
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.70);
  -webkit-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  z-index:1;
}
.self-assessment-col-1{
  background-color: #c01634;
  color: #ffffff;
}
.self-assessment-col-2{
  background-color: #222f37;
  color: #ffffff;
}
.self-assessment-col-3{
  background-color: #0d78c9;
  color: #ffffff;
}
.self-assessment-col-4{
  background-color: #891c5e;
  color: #ffffff;
}
.self-assessment-btn-dark{
  background-color: #232f38; /* Navy */
  border: none;
  color: white;
  margin:10px 0 10px 20px;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.self-assessment-btn-light{
  background-color: #ffffff;
  border: none;
  color: #232f38;
  margin:10px 0 10px 20px;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

/*Sel assessment cta individual */
.self-assement-cta-individual{
  background-color: #c01634;
  padding:20px;
  margin:20px 40px;
  color: #ffffff;
  border-radius:10px;
}
.self-assement-cta-individual h2, .self-assement-cta-individual p{
  padding:0;
  color: #ffffff;
}
.self-assessment-btn-dark-individual{
  background-color: #c01634; /* OW Red */
  border: none;
  color: #ffffff;
  margin:20px 50px;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius:50px;display:block;
}
.self-assessment-btn-dark-alt-individual{
  background-color: #232f38; /* Navy */
  border: none;
  color: #ffffff;
  margin:20px 50px;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius:50px;
  border-radius:50px;display:block;
}
@media (max-width: 585px) {
  .self-assessment-btn-dark-individual, .self-assessment-btn-dark-alt-individual{
    margin: 5px;
    font-size: 14px;
    padding:10px 20px;
    margin:10px;
  }
}
/* Background colours for self assessment buttons */
.red-sa-back{
  background-color: #c01634;
  padding: 0 0 20px 0;
  margin-bottom:10px;
}
.navy-sa-back{
  background-color: #232f38;
  padding: 0 0 20px 0;
  margin-bottom:10px;
}
.light-blue-sa-back{
  background-color: #0d78c9;
  padding: 0 0 20px 0;
  margin-bottom:10px;
}
.purple-sa-back{
  background-color: #891c5e;
  padding: 0 0 20px 0;
  margin-bottom:10px;
}

/* Custom CSS added 17 Nov 2020 */
#showVideosLoader {
  width: 60%;
}

#showProfilesLoader {
  width: 60%;
}

#subscribe_msg {
  color: #FF0000;
}

.errorMessage, #errorMessage, .addErrorMessage {
  color: #FF0000;
}

.loginMessage {
  display: none;
  color: #FF0000
}

#discAppliedSuccess, #discAppliedError {
  display: none;
}

/* Custom CSS added 17 Nov 2020 --- Ended here */

/* End of background colours for self assessment buttons */


/*  ***********************************************

CSS CLASSES THAT HAVE BEEN REMOVED



***************************************************/


/* added by developer : 23rd Nov 2020 */
.invoice-tab{
  display: none;
}
/* added by developer: 23rd Nov 2020 --- end */


/*27112020 Start*/
.translation-links:after { z-index: 1; }
.translation-links .init { position: relative; z-index: 2; }

.hover-box-8 {background-color: #bad80a; text-align: center; color: #ffffff; line-height: 1.7px; padding: 20px; margin: 20px auto;border-radius: 10px; max-width: 350px; height: 350px; }
.hover-box-8 h2 {padding-top: 5px; text-align: left;}
.hover-box-8 p {color: #ffffff;}
.hover-box-8 p i {color: #ffffff !important;}
.self-assessment-btn-light { border-radius: 40px; outline: none;}
@media screen and (min-width: 992px) {
.slicknav_menu {display: none !important; }
}
/*27112020 End*/

/*04122020*/
.single-event-card .single-event-date { font-size: 21px; }
.hover-box-1, .hover-box-2, .hover-box-3, .hover-box-4, .hover-box-5, .hover-box-6, .hover-box-7, .hover-box-8  { max-width: inherit; height: calc(100% - 40px) !important; height: 392px !important; min-height: 1px !important; }
.hover-box-1, .hover-box-2, .hover-box-3, .hover-box-4, .hover-box-5, .hover-box-6, .hover-box-7, .hover-box-8  {
  height: auto !important;
  max-width: inherit;
  height: calc(100% - 40px) !important;
  min-height: 1px !important;
}
.flex-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox;display: flex; min-width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-row:before, .flex-row:after { display: block !important;}
.self-assessment-col-1, .self-assessment-col-2, .self-assessment-col-3, .self-assessment-col-4 {  height: calc(100% - 30px); padding-bottom: 90px; position: relative; margin-bottom: 30px; }
.self-assessment-btn-light { margin: 0px; }
.red-sa-back, .navy-sa-back, .light-blue-sa-back, .purple-sa-back{margin-bottom:0px; padding-bottom: 0px; position: absolute; bottom: 30px; left: 20px; right: 20px;  }
h3 {font-size: 21px;}
.row { margin-left: -15px; margin-right: -15px; }
.container {max-width: 100%; }
body > .row { margin: 0 auto; }
@media screen and (max-width:991px) {
  .nav.sticky {top: 56px;  position: relative; }
}

/*08122020*/
.slicknav_menu { z-index: 1002; }
section .login-main form fieldset select, section .login-main form fieldset textarea {border: none; font-size: 1em; transition: all 0.3s ease-in-out; width: 100%; border-radius: 5px; margin: 5px 0; border: 1px solid #b0b0b0; }
section .login-main form fieldset input, section .login-main form fieldset select, section .login-main form fieldset textarea {vertical-align: top;}
section .login-main form fieldset select { background: #fff; }
.dark-grey-back { padding-left: 15px; padding-right:15px; }
.cta-footer-left, .cta-footer-right { min-height: inherit; max-height: inherit; height: 100%; }
.align-items-center { align-items: center; }
.align-items-center.cta-footer-left h2 { -webkit-box: 1 0 0; -moz-box: 1 0 0; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0;}
.p-b-10 { padding-bottom: 10px !important; }
.topnav .cool-link::after { margin-top:8px; }
.topnav .cool-link ul { margin-top:18px; }
.video-container iframe, .video-container object, .video-container embed { padding:0px; }
.videos-page h3, .videos-page p { padding-left:0px; padding-right: 0px; }
.videos-page .underlined-left-red-video { margin-left: 0px; }
.sidebar-categories { margin-top: 0px; margin-bottom: 20px; }
.mac-video-2 iframe { background: url(../img/mac-screen-video.png) center center no-repeat;background-size: contain;}
.videos-page h3.webinar, .videos-page h3.podcast { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; min-width: 100%; align-items: center; }
.videos-page h3.webinar:before, .videos-page h3.podcast:before { float: left; margin-right: 10px; content: ""; width:70px; height: 70px;}
.videos-page h3.webinar:before { background: url(../img/webinars-icon.png) center center no-repeat;background-size: 100% auto;}
.videos-page h3.podcast:before { background: url(../img/podcast-icon.png) center center no-repeat;background-size: 100% auto;}
.videos-page h3.webinar span, .videos-page h3.podcast span { float: left;  width: calc(100% - 80px); }

/*09122020*/
/* .header-subscribe { flex: 1 0 0; } */
.nav #essentials-header {padding: 0px 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.footer-address {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: block; vertical-align: top; margin: 0 10px;}
.footer-address .form-control { margin: 0px !important; }
.nav #essentials-header .translation-links {margin-left: 0px;}
#above-nav .row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; }
.nav #essentials-header .trans-box { float: right; height: 40px; position: relative; min-width: 130px; z-index: 2; }
.nav #essentials-header .trans-box .translation-links { position: absolute; }


#currencies {
  -webkit-appearance: none;
  min-height:40px;
  margin-left: 0;
  padding: 0 24px 0 10px;
}

.currency-box{
    background: #ededed;
    min-height: 40px;
    text-align: left;
    font-size: 16px;
    /* max-width: 90px; */
    position: relative;
    margin-left: 10px;
}

.currency-box:after {
    content: '\f0d7';
    position: absolute;
    top: 10px;
    right: 10px;
    pointer-events: none;
    font-family: fontAwesome;
  }



@media screen and (min-width:992px) {
#header-img img { padding-bottom: 0px; }
}

@media screen and (max-width: 991px) {
#above-nav { padding: 20px; }
.nav #essentials-header { justify-content: center;}
.nav #essentials-header label[for="currencies"] { display: none; }
.nav #essentials-header #currencies { margin-left:0px; width: auto; }
}

@media screen and (max-width:479px) {
.nav #essentials-header #currencies { order: 1;  /*width: calc(50% - 5px);*/ margin-right: 5px; }
.nav #essentials-header .translation-links {  max-width: inherit; }
.nav #essentials-header .trans-box {margin-left: 5px; order: 2;  width: calc(50% - 5px);}
.nav #essentials-header .header-subscribe { order: 3; min-width: 100%; }
.nav #essentials-header .header-subscribe .footer-address {margin: 10px 0 0; width: 100%;}
}

/*10122020*/
.owl-carousel-outer { padding: 0px 75px; max-width:1500px; margin: 0 auto; }
.owl-carousel-outer .client-slider.owl-carousel .owl-stage { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto;  }
.owl-carousel-outer .client-slider.owl-carousel .owl-stage .item { height: 100%;  display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.owl-carousel .owl-nav {font-size: 30px; pointer-events: none; line-height: 1.45; position: absolute; top: 50%; left: -60px; right: -60px; text-shadow: none; transform: translateY(-50%); }
.owl-carousel .owl-nav * { outline: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {width: 50px; height: 50px; line-height: 1; text-align: center; opacity: 1; color: #222f37 !important; pointer-events: initial; border: 2px solid #222f37 !important; border-radius: 50%;}
.owl-carousel .owl-nav button.owl-prev {float: left; }
.owl-carousel .owl-nav button.owl-next {float: right; }
.owl-carousel .owl-stage-outer { padding-top: 30px; padding-bottom: 30px; }
.whitepaper-slider img {width: 130px !important;}
.client-slider.owl-carousel .item { /*border: 1px solid #ddd;*/ border-radius: 10px; }
.client-slider.owl-carousel .owl-item .active { height: auto; }

.navy-back .owl-carousel .owl-nav button.owl-next, .navy-back .owl-carousel .owl-nav button.owl-prev {color: #ffffff !important; border-color: #ffffff !important;}
@media screen and (max-width: 767px) {
 .sidenav {max-width: 85%; top: 0; bottom: 0; z-index: 9999; border-radius: 0px; }
 .sidenav .sidenav-inner h3 {text-align: center !important; }
 .sidenav .sidenav-inner fieldset label { display: none; }
 .sidenav .sidenav-inner input {max-width: 100%; margin:0px;}
 .sidenav a { padding:8px; }
}

/*11122020*/
.hover-box-8:hover, .hover-box-7-custom:hover, .hover-box-exec:hover {-webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80); -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80); box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.80); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }


.hover-box-exec { max-width: inherit;  height: calc(100% - 40px) !important; 
  /* height: 392px !important;  */
  min-height: 1px !important; }
.hover-box-exec {background-color: #46418c; text-align: center; color: #ffffff; line-height: 1.7px; padding: 20px; margin: 20px auto;border-radius: 10px; /*max-width: 350px;*/ height: 350px; }
.hover-box-exec h2 {padding-top: 5px; text-align: left;}
.hover-box-exec p {color: #ffffff;}
.hover-box-exec p i {color: #ffffff !important;}

.hover-box-7-custom {
  background-color: #199b22;
  text-align: center;
  color: #ffffff;
  line-height: 1.7px;
  padding: 20px;
  margin: 20px auto;
  border-radius: 10px;
  }
  .hover-box-7-custom h2 {
  padding-top: 5px;
  text-align: left;
  }
  .hover-box-7-custom p {
  color: #ffffff;
  }
  .hover-box-7-custom p i {
  color: #ffffff !important;
  }

.map-point-france {background-color: #eaeaea; border:1px solid #ffffff; padding: 3px 8px; position: absolute; border-radius: 5px; box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40); top:37%; left:37%; }
.map-point-deutschland {background-color: #eaeaea; border:1px solid #ffffff; padding: 3px 8px; position: absolute; border-radius: 5px; box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40); top:27%; left:49%; }
.map-point-uk {background-color: #eaeaea; border:1px solid #ffffff; padding: 3px 8px; position: absolute; border-radius: 5px; box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.40); top: 24%; left: 34%;}
#submit-container{margin: 20px ; }

/* Reponsive map queries */
@media (max-width:991px){
  .map-point-deutschland{
    top: 20%;
    left: 48%;
  }
  .map-point-uk{
  top:19%;
  left:27%;
  }
  .map-point-france{
  top:37%;
  left:31%;
  }
}

@media (max-width:991px) {
.my-account-dropdown-mobile {margin:0; background-color: #ffffff !important; padding:20px; width:100%; }
}


/*29122020*/
.lead-image-label {background-color: #0d78c9;}

/*30122020*/
.owl-carousel .owl-item .whitepaper-slider img { display: inline-block; }
.footer-address .input-group, .footer-address input.signup-button, .news-newsletter .input-group, .news-newsletter input.signup-button { width: 100%; }
.sideBar .news-newsletter { margin-bottom: 20px; }

.news-newsletter input.signup-button{
  white-space: normal;
  height:auto;
}

@media screen and (max-width: 991px) {
#above-nav .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.col-sm-12 { width: 100%; }
/* .headingSec { order: 1; } */
/* .sideBar { order: 2; }
.contentMain { order: 3; } */
 .my-account-dropdown-mobile {margin:0; background-color: #ffffff !important; padding:20px; width:100%; }
}


@media screen and (max-width: 660px) {
.hover-box-exec img, .hover-box-8 img, .hover-box-7-custom img {height:70px !important; width:auto !important; }
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-width: 2px; }
.table input { width: initial; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding-left: 15px; padding-right: 15px; }
.btn.btn-danger { min-width: 120px; border-radius: 30px !important;}
.table .product-line-price { float: none; width: auto; text-align: left; font-size: inherit; }
.navy-footer .footer-address { margin:0 auto 15px; }
.navy-footer .footer-address ul { padding:0px; margin:0; }
.navy-footer .social-media-icons { padding-left: 0px;}
.navy-footer .footer-image { padding-bottom: 30px; display: block; }

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
.table-data-column td:before {padding: 8px 15px;position: static; width: auto; white-space: nowrap; content: attr(data-column); color: #fff; font-weight: bold; background: #232f38; margin: -8px -15px 8px; min-width: 100%; display: block; }
.table-data-column thead { display: none; }
}

.cms-content *:not(i):not(.fa):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(font) { font-family: 'Source Sans Pro', sans-serif !important; font-size: 18px !important; }
.owl-carousel .owl-dots {text-align: center; margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.owl-carousel button.owl-dot {display: inline-block; -webkit-box: 1 0 0; -moz-box: 1 0 0; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; margin: 0 0 0 1px; }
.owl-carousel button.owl-dot span {width: 100%; height: 3px; display: block; border-radius: 3px; background: #6c6c6c; }
.owl-carousel button.owl-dot.active span {background: #c01634; }
.px-15 { padding-left: 15px; padding-right: 15px; }

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

.row:before, .row:after { clear: both; }
iframe { max-width: 100%; }
.indent-list, .ndent-list-alt, .indent-list-help { margin-top: 0px; }
.benefits-bullet h2 { margin-bottom: 30px !important; }
.row-flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
div.ow-tab-menu div.list-group { height: 100%; background: #fff; }
.list-group .menu-heading { padding: 10px 15px; cursor: pointer; background: #c01634; color: #fff; position: relative; display: block; }
.list-group .menu-heading:after { position: absolute; content: ""; color: #fff; width: 0px; height: 0px; border: 8px solid #fff; border-width: 10px 10px 0; border-color: #fff transparent transparent; top: 50%; right: 15px; transform: translateY(-50%); }
.list-group.open .menu-heading:after { border-width: 0px 10px 10px; border-color: transparent transparent #fff; }
.list-group .list-group-menus { display: none; }
.list-group.open .list-group-menus { display: block; }
.flex-1 div { -webkit-box: 1 0 0; -moz-box: 1 0 0; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0;  }
.text-center { text-align: center; }
div.ow-tab-menu div.list-group a.list-group-item.active  * { color: #fff !important; }

@media screen and (min-width: 992px) { 
.menu-heading {display: none !important;}
.list-group .list-group-menus { display: block !important; }
}


@media screen and (max-width: 1199px) {
.benefits-bullet .col-lg-3 { display: none; }
.benefits-bullet h2 { text-align: center !important;  }
}
@media screen and (max-width: 767px) {
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {width: 30px; height: 30px;}
.owl-carousel .owl-nav {font-size: 21px; left: -35px; right: -35px; line-height: 18px;}
.owl-carousel-outer {padding: 0px 40px; }
div.ow-tab-menu div.list-group a.list-group-item .col-xs-2 { width: 50px; }
}


/*Search results section */
.search-results-header {
  min-height:300px;
  width:100%;
  background-color: #ededed;
  margin:0;
  padding: 50px 20px;
  display: inline-block;
}
.search-results-section .dropdown-menu{
  z-index: 1;
  border-radius: 10px;
  margin-top:15px;
}
.search-results-section .dropdown-menu li:hover,
.search-results-section .dropdown-menu > li > a:hover{
  background-color: #fff;
}
.search-results-section .dropdown-menu > li > a{
  padding: 10px 5px 10px 0;
}
.search-results-section .dropdown-header{
  background-color:#212121;
  color:#ffffff;
}
.search-results-section .dropdown-header:hover{
  background-color:#212121 !important;
  color:#ffffff;
  cursor: default;
}
.search-results-section{
  margin: auto;
  width: 50%;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.search-results-section form{
  margin:0 20px;
}
.search-results-section form input {
  min-width: 400px;
  border-radius: 50px;
  padding-left: 20px;
}

.preview{
  position: relative;
  -webkit-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8) ;
  -moz-box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8) ;
  box-shadow: 0px 0px 14px -1px rgba(128,128,128,.8) ;
}

.preview span.category-pin{
    position: absolute;
    top: 0.6em ;
    right: 0.6em ;
    background-color: green;
    border-radius: 20px;
    color: white;
    line-height: 1.6;
    padding: 5px 15px ;
   

}
.parent-category-menu, .sub-category-menu{
  padding: 10px;
}
.parent-category-menu span, .sub-category-menu span{
  padding: 5px 15px;
  border: 1px solid #c01634;
  border-radius: 20px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.sub-category-menu span {
  padding: 5px 15px;
  border: 1px solid #172026 !important;
  border-radius: 20px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.parent-category-menu span.active, .sub-category-menu span.active{
  background-color: #c01634;
}

.sub-category-menu a {
  color: #172026 !important;
}

.parent-category-menu span a, .sub-category-menu span a{
  color: #c01634;
  
}

.parent-category-menu span.active a, .sub-category-menu span.active a{
  color: #fff;
  
}

#search-selector{
  min-width: 261px;
}
#search-selector span.search-btn-text{
  padding: 0 5px;
}

.result-section-individual {
  clear: both;
  padding: 15px ;
  border-bottom: 1px solid #cecece ;
}

@media screen and (max-width: 768px){
  .search-results-section form input {
    min-width: 100%;
    margin:20px auto;
  }
  
  .search-results-section {
    display: inline-block;
    width: 100%;
  }

  .search-results-section form {
    margin: auto;
  }

  #search-selector {
    width: 100%;
    text-align:left;
  }
  .search-results-section .dropdown-menu {
    width:100%;
  }

  .sub-category-menu span {
    margin-bottom:5px;
    display: inline-block;
  } 

  .parent-category-menu span {
    display: inline-block;
    margin-bottom: 5px !important;
  }

  #search-filter-list{
    z-index: 991;
  }

}



/* End of search page section */

/* pagination */
.pagination-box {
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0;
  margin: 0 auto;
}
.pagination-box a{
  font-size: 17px;
  font-weight: 300;
  margin: 0;
  display: inline-block;
  padding: 5px 10px;
  border-top: 1px solid #c01634;
  border-bottom: 1px solid #c01634;
  border-right: 1px solid #c01634;
  min-width: 55px;
  text-align: center;
}
.pagination-box a:first-child{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #c01634;
}

.pagination-box a:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-box a.disabled {
  color: #707070;
  border-color: #707070;
  
}
.pagination-box a:first-child.disabled{
  border-right: 0;
}
.pagination-box a:first-child.disabled + a{
  border-left: 1px solid #c01634;
}

.pagination-box a.active{
  font-weight: bolder;
}
.pagination-box a span{
  margin: 0;
}

/* pagination --end */



@media screen and (max-width: 479px) {
.btn_wrapper { width: 100%; }
.btn_wrapper button, .btn_wrapper .cart, .btn_wrapper .checkout-button { border-radius: 25px; width: 100%; margin-bottom: 5px; }
}

button,a,input[type="button"],input[type="submit"] { outline: 0px none; } 
.course-accordian h3 a {display: block; }
.course-accordian h3 a i { float: right; }

input[type="button"],input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#webinar-reg-btn{ max-width: 100%; line-height:1;}
.flip-card:hover .curl { display: none !important;}
#course-adding-button, #course-checkout-button { background: #efefef;}
.page-description p:empty { display: none;} 
.page-description center > div { position: relative; width: 100%; padding-top: 500px; overflow: hidden;}
.page-description center > div iframe { position: absolute; left: 0; top:0; width: 100%; height: 100%;}
#sameAddressCheck { margin-right: 15px;}
.new-user-section { padding-left: 0px !important; padding-right:  0px !important;clear: both;}

@media screen and (max-width: 1024px) {
  .modal-title { margin-top:0px;}
  .modal-content { width: 90%;}
  .modal-header, .modal-body {padding: 15px 0;}
  .modal-body fieldset { padding-bottom: 5px !important;}
  .modal-body fieldset:last-child { padding-bottom: 20px !important;} 
}

@media screen and (max-width: 991px) {
  .list-group.open .list-group-menus { display: flex; flex-wrap: wrap;}
  div.ow-tab-menu div.list-group .list-group-menus > a { flex: 1 0 50%; align-items: center; display: inline-flex; flex-wrap: wrap; justify-content: center;}
  div.ow-tab-menu div.list-group .list-group-menus > a * { width: 100%; text-align: center; margin:0 !important;}
}

@media screen and (max-width: 500px) {
  .page-description center > div {padding-top: 100%;}
}

@media screen and (max-width: 500px){
  .exec-education-reset button {
    margin-top:20px !important;
    }

  #webinar-reg-btn { margin-top: 20px ;}

  #searchbar  {
    width: 100%;
    margin: 0 !important;
  }
  .currency-box {
    max-width: auto;
    margin: 10px 0;
    min-width: 50%;
  }
}

#paymentDetails{
  padding: 5px;
}
/* select to styling */
.select2-container--default{
  height: 42px;
}

.select2-selection{
  height: 100% !important;
  text-align: left;
  padding-left: 10px;
}
.select2-selection__rendered{
  height: 100% !important;
  line-height: 2.9em !important;
}
.select2-selection__arrow{
  height: 100% !important;
  width: 30px !important;
}
/* select to styling  -- end*/

/* login popup */
.bottom-note a{
  padding: 2px;
}
.bottom-note a:hover{
  color: #BF2F38 ;
}
.bottom-note div{
  font-size: 0.7em;
  text-align: center;
}
/* login popup --end */

.small-font{
  font-size: 1em !important;
}
@media (max-width: 780px) {
  .linkedin-btn-white {
    margin-bottom: 10px ;
    }
}

/* cookie consent */
/* .cookie-consent-banner {
  position: fixed;
  z-index: 9999999;
  bottom: 40px;
  left: calc(50% - 547px);
  width: 90%; 
  max-width: 1170px;
  padding: 14px 14px 5px 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
} */

.cookie-consent-banner {
  position: fixed;
  z-index: 9999999;
  bottom: 10%;
  left: 30%;
  right: 30%;
  width: 40%;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #0d78c9;
  border-radius: 10px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
}

.accept-cookie {
  padding-top:20px;
  display: inline-block;
}

.accept-cookie button:hover {
  background-color: #0e350f;
  color: white;
}

.accept-cookie a {
  padding-top:10px;
  color:#ffffff;
  font-weight:800;
  text-decoration: underline;
}

.accept-cookie a:hover {
color:#ffffff;
}

.cookie-consent-banner p {
  text-align: center;
  font-size: 16px;
  margin:0 auto;
  color: #ffffff;
}
.cookie-consent-close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  line-height: 1;
  border-radius: 2px;
  /* item-align: top; */
  cursor: pointer;
}

.accept-cookie button{
  margin-left: 10px;
  background-color: #4caf50;
  color: white;
  padding: 5px 10px;
  border-radius: 3px;
}
.accept-cookie button:hover{
  background-color: #37813a;
  color: white;
}
/* @media only screen and (max-width: 1170px) {
  .cookie-consent-banner{
    left: 5%;
    right: 5%;
    max-width: 90%;
  }
} */
/* cookie consent end*/

/* removed item alert */
.removed-item-alert .removed-item-content{
  display: flex;
  justify-content: space-between;
}
.removed-item-alert .removed-item-content .removed-item-ok-btn{
  padding: 5px 10px;
  border-radius: 3px;
  background-color: #838383;
  color: white;
  margin-right: 10px;
}
/* removed item alert end */

#payment-types {
  width:500px;
  margin: 0 auto;
  text-align: center;
  padding: 30px;
}

.video-container.lock:hover::after,.video-container.lock.lockactive::after{
  content: '';
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../uploads/pad-lock-left.png');
}


.video-container.lock{
  padding-top: 0;
  padding-bottom: 64.25%;
}


/*31032021 S*/
.row-flex:before, .row-flex:after { display: none !important; } 
/*31032021 E*/

/* 230714 */
.whitepapers-section .ow-dark-blue{
  color: #fff!important;
}
.grey-back .whitepapers-section .ow-dark-blue{
  color: #222f37 !important;
}

@media screen and (min-width: 600px) {
  .whitepaper-carousel .owl-item,
  .books-carousel .owl-item
  {
    min-height: inherit!important;
    height: inherit;
  }
  .whitepaper-carousel .owl-stage,
  .books-carousel .owl-stage{
    display: flex!important;
  }
  .whitepaper-carousel .whitepaper-slider,
  .books-carousel .whitepaper-slider
  {
    height: 100%;
  }
  .whitepaper-carousel .whitepaper-slider > a,
  .books-carousel .whitepaper-slider > a
  {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .mobile-navbar {
      display: flex;
      height: 7rem;
      justify-content: space-between;
      margin-bottom: 0.5rem;
      padding-top: 0.5rem;
  }
  .mobile-navbar .nav-section {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%;
  }
  .mobile-navbar .nav-section .nav-item {
    padding: 0 1rem;
  }
  .mobile-navbar .nav-section .nav-item .logo {
    max-width: 200px;
    padding: 2rem 0;
    width: 100%;
  }
  .mobile-navbar .nav-section.nav-buttons {
    justify-content: flex-end;
    padding-right: 0;
  }

  .mobile-navbar .nav-section {
      align-items: center;
      display: flex;
      height: 100%;
      width: 100%;
  }
  .mobile-navbar .nav-section .nav-item {
    padding: 0 1rem;
  }
  .mobile-navbar .btn-navbar {
    background: inherit!important;
    color: #000;
    font-size: 2rem;
    padding: 0;
    outline: none;
  }
  .mobile-navbar .nav-section .nav-search-bar {
    background-color: #fff;
    height: 0;
    left: 0;
    margin-top: 2rem;
    overflow: hidden;
    padding: 0 2rem;
    position: absolute;
    transition: .3s linear;
    width: 100vw;
    z-index: 909999;
  }
  .mobile-navbar .btn-navbar {
    background: inherit!important;
    color: #000;
    font-size: 2rem;
    padding: 0;
  }
  .mobile-navbar .nav-section .nav-search-bar.show {
    border-top: 2px solid #d3d3d3;
    height: 50px;
  }

  .mobile-menu.show {
    transform: translateX(0);
  }
  .mobile-menu {
    background-color: #c21f36;
    height: 100vh;
    max-width: 400px;
    overflow-y: scroll;
    padding: 1rem 2rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100vw);
    transition: all .3s linear;
    width: 90vw;
    z-index: 9999999999;
  }
  .show {
      display: block!important;
  }
  .hide-on-mobile{
    display: none;
  }
  #searchbar input{
    float: initial;
  }
  .header-subscribe .footer-address {
    width: 100%;
    margin: 0;
  }  
  #mobile-menu-close{
    background: transparent;
    color: #fff;
    font-size: 25px;
    display: flex;
    position: relative;
    margin: 0 0 0 auto;
    outline: none;
  }
  .currency-box,
  .trans-box{
    width: calc(50% - 10px);
  }
  .menu-dropdown{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .trans-box .translation-links {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 0px;
  }
  .translation-links li:not(.init) {
    float: left;
    width: 130px;
    display: none;
    background: #ededed;
  }
  .mobile-nav{
    background-color: #fff;
    position: relative;
  }
  .navigation .slicknav_nav {
    padding-top: 26px;
    overflow-y: initial;
    max-height: 100%;
  }
  .navigation .slicknav_nav li span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }           
  .slicknav_nav a{
    display: inline-block;
  }
  .submenu,
  .slicknav_menu{
    display: none!important;
  }
  .cool-link.show .submenu{
    display: block!important;
  }
  .slicknav_nav a{
    font-size: 16px;
  }
  .mobile-menu-dropdown-trigger{
    margin-left: 0;
  }
  .mobile-menu-dropdown-trigger::before{
    font-size: 20px;
    color: #fff;
  }
  #searchbar #btn {
    background: #9b0721;
  }
  .currency-box {
    max-width: auto;
    margin: 10px 0;
    min-width: 50%;
  }
  .currency-box select {
    width: 100%!important;
    text-align: left!important;
  }
  select {
    background-color: #EDEDED;
    padding: 9px 10px;
    border: 0;
    font-size: 16px;
    color: #9d9d9d;
    text-align: center !important;
    width: 100%;
  }
  #essentials-header{
    width: 100%;
  }
  .nav-search-bar form{
    position: relative;
    padding: 0.25rem 0;
  }
  .nav-search-bar form input{
    width: 100%;
  }
  .nav-search-bar form #btn{
    position: absolute;
    right: 0;
  }
  .btn.btn-navbar{
    outline: none;
  }
  .slicknav_nav a:hover{
    background-color: transparent;
    color: #fff;
  }
  .slicknav_nav li.has-submenu.show span{
    border-radius: 6px;
    background: #ccc;
    color: #222;
  }
  .slicknav_nav li.has-submenu.show span > a,
  .slicknav_nav li.has-submenu.show span .mobile-menu-dropdown-trigger::before{  
    color: #222;
  }
}
@media screen and (max-width: 767px) {
  h4.what-we-do-tag{
    width: 80%;
  }
  .cookie-consent-banner{
    left: 10%;
    width: 80%;
  }
  .map-point-chongqing,
  .map-point-sydney{
    left: 0;
  }
  .map-point-melbourne{
    left: 60%
  }
  .our-locations{
    padding-bottom: 60px;
  }
  .full-upcoming-events-box + .full-upcoming-events-heading{
    min-height: auto;
  }
  .news-head{
    font-size: 18px;
  }
  .news-container h4{
    margin-top: 20px;
  }
  .news-more-green,
  .btn-outline-red{
    font-size: 16px;
  }
  .grey-back .grid{
    margin-bottom: 0;
  }
  .client-slider img{
    max-width: 100%!important;
  }
  .cta-footer{
    padding-top: 40px;
  }
  .cta-footer-right{
    padding: 20px;
  }
  .events-page-css .ow-white-background {
    min-height: 180px;
  } 
  .hover-box-about-us-quicklinks h2{
    margin: 0!important;
  }
  .hover-box-about-us-quicklinks img{
    padding: 0px 10px 0 0 !important;
  }
  .hover-box-about-us-quicklinks{
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
    .currency-box select{
      width: 100%!important;
      text-align: left!important;
    }
}
/* 230714 */