@font-face {
    font-family: 'Avenir LT Std';
    src: url('font/AvenirLTStd-Book.woff2') format('woff2'), url('font/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

select {
    font-family: 'Avenir LT Std';
    font-size: 14px;
    opacity: .4;
    color: black;
    font-style: italic;
}

li.last-big select {
    color: white;
}

/* Border box to everything */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Animation transition */

/*
*,
*:before,
*:after{transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: .1s;
}
*/

/* boxed to 1440px */

/* Generic rules */

main,
footer {
    overflow: hidden;
    width: 100%;
}

.block {
    display: block;
}

.none {
    display: none;
}

.relative {
    position: relative;
}

.flex {
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.unscrollable {
    max-height: 100vh;
    overflow: hidden;
}

/*  FONTS  */

h1,
h2,
h3,
h4,
h5,
h5,
p,
b,
small,
li,
a,
em,
input,
button,
figcaption,
label {
    font-family: 'Avenir LT Std';
    color: #363636;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h5,
.white p,
.white b,
.white small,
.white li,
.white a,
.white button,
.white figcaption,
.white label {
    color: white;
}

h2 {
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
    text-transform: uppercase;
}

h3 {
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    text-transform: uppercase;
}

h4 {
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
}

h1 {
    font-size: 38px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 42px;
}

h1 span,
h1 b {
    font-weight: 800;
}

.home h1 span,
.bannerFull h1 span {
    display: block;
    text-transform: uppercase;
    font-size: 38px !important;
}

h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b {
    font-weight: 600;
}

/* h3:not(.owl-carousel h3)::before {
    content: '';
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ec1c2d;
    opacity: .5;
    border-radius: 30px;
    margin-right: 10px;
} */

/* p.subtitle{
  margin-top: 15px;
} */

p.subtitle,
p.subtitle a {
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
}

strong {
    font-weight: 600;
}

b:not(h1 b) {
    font-weight: 600;
}

.thin {
    font-weight: 200;
}

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.upper {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.col-2 {
    column-count: 2;
}

.col-3 {
    column-count: 3;
}

.col-5 {
    column-count: 5;
}

/*  COLORS  */

.black {
    color: #363636;
}

.white {
    color: #ffffff;
}

.red {
    color: #EB0029;
}

.light-red {
    color: #EF798D;
}

.grey {
    color: #EAEAEA;
}

.light-gray {
    color: #F4F4F4;
}

.black-bg {
    background-color: #000;
}

/* #363636  */

.white-bg {
    background-color: #ffffff;
}

.red-bg {
    background-color: #EB0029;
}

.light-red-bg {
    background-color: #EF798D;
}

.grey-bg {
    background-color: #EAEAEA;
}

.light-grey-bg {
    background-color: #F4F4F4;
}

.light-gray-bg {
    background-color: #F4F4F4;
}

.bg-black {
    background-color: #000 !important
}

.color-white {
    color: #FFF !important
}

/* BUTTONS & LINKS */

.btn {
    padding: 0 20px;
    min-height: 35px;
    border-radius: 5px;
    border: 0;
    color: white;
    background-color: #ec1c2d;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}

.btn:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ec1c2d;
    top: 0;
    left: -100%;
    transition: all 300ms ease-in-out;
}

.btn:hover::before,
.btn:focus::before {
    left: 0;
}

/* .btn:hover button, .btn:focus button, .btn:hover input, .btn:focus input {
  font-weight: 800;
} */

a.btn button,
span.btn input,
span.btn button {
    /* padding: 0 30px;
    min-height: 40px;
    border-radius: 40px;
    border: 0;
    color: white;
    background-color: #ec1c2d;
    font-weight: 600;
    position: relative; */
    padding: 0;
    background-color: transparent;
    display: block;
    width: 100%;
    border: 0;
    position: relative;
    font-weight: 400;
    transition: all 300ms ease-in-out;
    color: white;
}

/* Button box */

a.box {
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    padding: 20px;
    border-radius: 10px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    transition: all 300ms ease-in-out;
}

a.box:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    opacity: .3;
    transition: all 300ms ease-in-out;
}

a.box:hover::after {
    opacity: .7;
}

a.box h3 {
    color: white;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    font-weight: 300;
    position: relative;
    z-index: 1;
}

a.box h3:before {
    content: none;
}

/* temporary */

a.box {
    background-image: url(img/test-benner.png);
}

/* Button box bigger */

a.buttonBox {
    display: block;
    transition: all 300ms ease-in-out;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

a.buttonBox:hover,
a.buttonBox:focus {
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.4);
}

a.buttonBox span {
    display: block;
    width: 100%;
    min-height: 120px;
    float: left;
    background-size: cover;
    background-position: center;
}

a.buttonBox section {
    background-color: white;
    padding: 18px 10px;
    float: left;
    display: block;
    width: 100%;
    position: relative;
}

a.buttonBox section h3,
a.buttonBox section p {
    text-transform: none;
    font-size: 20px;
    font-weight: 500;
    text-align: left !important;
}

a.buttonBox section:after {
    content: 'View courses >';
    display: block;
    font-family: 'Avenir LT Std';
    font-size: 16px;
    color: #ec1c2d;
    font-weight: 300;
    transition: all 300ms ease-in-out;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
}

a.buttonBox:hover section::after {
    font-weight: 600;
}

/* SIMPLE LINKS */

a.simpleLink {
    display: block;
    float: left;
    font-weight: 500;
    text-decoration: underline;
    position: relative;
    transition: all 300ms ease-in-out;
}

a.simpleLink span {
    font-weight: 200;
}

a.simpleLink:hover {
    padding-left: 20px;
}

/* BUTTON GRID SYSTEM */

/* section.row {
    border-bottom: 1px solid #3636367d;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
section.row:first-of-type{
  margin-top:30px;
}
section.row:last-of-type {
    border-bottom: 0;
}
a.circleBox {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    transition: all 300ms ease-in-out;
}
a.circleBox:hover{
  background-color:#F4F4F4;
}
a.circleBox span{
  display: block;
  width: 80px;
  height: 80px;
  background-color: white;
  margin-bottom: 10px;
  border-radius: 80px;
  background-size: cover;
  background-position: center;
}
a.circleBox h3:before{
  content:none;
}
a.circleBox h3{
  font-size: 20px;
  line-height: 22px;
  transition: all 300ms ease-in-out;
}
a.circleBox:hover h3{
  color:#EB0029;
}
a.circleBox h3, a.circleBox p{
  width: 100%;
}
section.row a.circleBox{
  border-right: 1px solid #3636367d;
  padding: 20px;
}
section.row:first-of-type a.circleBox{
  padding-top:0;
}
section.row:last-of-type a.circleBox{
  padding-bottom:0;
}
section.row a.circleBox:last-child{
  border-right:0;
} */

/* Button with image */

a.categoryButton {
    display: block;
    border: 1px solid #36363647;
    border-radius: 3px;
    transition: all 300ms ease-in-out;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    padding-left: 90px;
    min-height: 80px;
    overflow: hidden;
}

a.categoryButton:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    opacity: .3;
    right: 5px;
    top: 50%;
    transition: all 300ms ease-in-out;
    transform: translateY(-50%) rotate(-45deg);
}

a.categoryButton span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 80px;
    background-position: center;
    background-size: cover;
    opacity: .8;
    transition: all 300ms ease-in-out;
    filter: grayscale(1);
}

a.categoryButton:hover {
    font-weight: 600;
}

a.categoryButton:hover::before {
    opacity: 1;
    border-right: 2px solid #ec1c2d;
    border-bottom: 2px solid #ec1c2d;
}

a.categoryButton:hover span {
    opacity: 1;
}

/* SECTIONS TITLE */

/*  WIDTH SIZES  */

.hundred {
    width: 100%;
}

.ninety {
    width: 90%;
}

.eighty {
    width: 80%;
}

.seventyfive {
    width: 75%;
}

.seventy {
    width: 70%;
}

.sixtysix {
    width: 66.66%;
}

.sixty {
    width: 60%;
}

.fifty {
    width: 50%;
}

.fourtyeight {
    width: 48%;
}

.fourty {
    width: 40%;
}

.thirtythree {
    width: 33.33%;
}

.thirty {
    width: 30%;
}

.twentyfive {
    width: 25%;
}

.twenty {
    width: 20%;
}

.sixteen {
    width: 16.66%;
}

.fifteen {
    width: 15%;
}

.fourteen {
    width: 14%;
}

.ten {
    width: 10%;
}

/*  HEIGHT SIZES  */

.full-height {
    height: 100vh;
}

.half-height {
    height: 50vh;
}

.max-height {
    height: 100%;
}

.normal-height {
    height: auto !important;
}

/*  ALIGNS  */

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

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

.align-right {
    text-align: right;
}

.align-justify {
    text-align: justify;
}

.align-center {
    text-align: center;
}

/*  PADDINGS  */

.padding-top-big {
    padding-top: 100px;
}

.padding-bottom-big {
    padding-bottom: 100px;
}

.padding-top-bottom-big {
    padding-top: 100px;
    padding-bottom: 100px;
}

.padding-top-medium {
    padding-top: 80px;
}

.padding-bottom-medium {
    padding-bottom: 80px;
}

.padding-top-bottom-medium {
    padding-top: 80px;
    padding-bottom: 80px;
}

.padding-top-small {
    padding-top: 20px;
}

.padding-bottom-small {
    padding-bottom: 20px;
}

.padding-top-bottom-small {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-left-big {
    padding-left: 80px;
}

.padding-right-big {
    padding-right: 80px;
}

.padding-left-right-big {
    padding-left: 80px;
    padding-right: 80px;
}

.padding-left-medium {
    padding-left: 40px;
}

.padding-right-medium {
    padding-right: 40px;
}

.padding-left-right-medium {
    padding-left: 40px;
    padding-right: 40px;
}

.padding-left-small {
    padding-left: 20px;
}

.padding-right-small {
    padding-right: 20px;
}

.padding-left-right-small {
    padding-left: 20px;
    padding-right: 20px;
}

/******************************************  OMC CUSTOM STYLE STARTS HERE!  ******************************************/

body {
    min-height: 100vh;
    background-color: white;
}

/* Header */

header {
    padding-top: 0px;
    padding-bottom: 0px;
}

header.fixedHeader {
    position: fixed;
    top: 0;
    z-index: 500;
}

header.fixedHeader nav#mainNavigation ul.nav li.topNav {
    padding: 20px 10px;
    transition: all 300ms ease-in-out;
}

/* TOPBAR */

section#topBar {
    padding-top: 15px;
    padding-bottom: 15px;
}

section#topBar a img {
    max-width: 15px;
    max-height: 20px;
    filter: invert(1);
}

section#topBar a:not(section#topBar p a) {
    margin-right: 10px;
}

section#topBar p {
    font-size: 12px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid white;
}

section#topBar p:last-of-type {
    padding: 0;
    margin: 0;
    border: 0;
}

section#topBar p a {
    opacity: .7;
    transition: all 300ms ease-in-out;
}

section#topBar p a:hover,
section#topBar p a:focus {
    opacity: 1;
    text-decoration: underline;
}

/* NAVBAR */

a#logo {
    overflow: hidden;
    float: left;
    transition: all 300ms ease-in-out;
    font-size: 10px;
    line-height: 16px;
}

a#logo img {
    max-width: 160px;
}

ul#dskSecondNav {
    display: none;
}

form#quickSearch {
    width: 25%;
    position: relative;
    padding-left: 20px;
    transition: all 300ms ease-in-out;
}

form#quickSearch input[type="text"] {
    width: 100%;
    border: 1px solid #36363638;
    padding: 10px;
    border-radius: 30px;
}

form#quickSearch input[type="submit"] {
    position: absolute;
    right: 4px;
    height: 32px;
    width: 32px;
    background-color: #ec1c2d;
    border-radius: 40px;
    border: 4px solid transparent;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(img/search-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Navigation */

nav#mainNavigation {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

body.bannerLess nav#mainNavigation,
header.fixedHeader nav#mainNavigation {
    border-bottom: 1px solid #36363630;
}

/*ul{
  margin:0;
  padding:0;
  list-style-type:none;
}*/

nav#mainNavigation ul.nav {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

nav#mainNavigation ul.nav li.topNav {
    padding: 30px 10px;
    transition: all 300ms ease-in-out;
}

nav#mainNavigation ul.nav li.topNav:hover,
nav#mainNavigation ul.nav li.topNav:focus {
    background-color: #ec1c2d;
}

nav#mainNavigation ul.nav li.topNav:hover a.topLink,
nav#mainNavigation ul.nav li.topNav:focus a.topLink {
    color: white;
    font-weight: 600;
}

nav#mainNavigation ul.nav a.topLink {
    text-transform: uppercase;
}

nav#mainNavigation ul.nav a {
    display: block;
    text-decoration: none;
    font-size: 14px;
}

nav#mainNavigation ul.nav>li {
    position: relative;
}

nav#mainNavigation ul.nav>li>ul {
    // display:none;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    /*transition:all 300ms ease-in-out; // Added delay for usability*/
    /*transition:all 300ms ease-in-out;*/
}

nav#mainNavigation ul.nav>li>ul>li {}

nav#mainNavigation ul.nav>li>ul>li>a {
    padding: 4px 10px;
}

nav#mainNavigation ul.nav>li>ul>li>a:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

nav#mainNavigation ul.nav>li:hover>ul {
    // display:block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    background-color: #363636;
    /*transition:all 300ms ease-in-out;*/
    border: 40px solid #363636;
    z-index: 500;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul {
    min-width: max-content;
    border: 0 !important;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul li {
    padding: 0;
    border-bottom: 1px solid #eaeaea !important;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul li a {
    /*color:white;*/
    /*padding: 20px 30px;*/
    color: #000;
    padding: 15px 10px;
    background-color: #fff
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul li a:hover,
nav#mainNavigation ul.nav>li.small-nav:hover>ul li a:focus {
    background-color: #fff;
}

nav#mainNavigation ul.nav .big-nav {
    position: static;
}

nav#mainNavigation ul.nav .big-nav>ul {
    min-height: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}

nav#mainNavigation ul.nav .big-nav>ul>li {
    width: 24%;
    border-bottom: 1px solid #ffffff30;
}

nav#mainNavigation ul.nav .big-nav>ul>li.show {
    width: 25%;
    border: 0;
}

nav#mainNavigation ul.nav .big-nav>ul>li>a {
    padding: 15px;
    padding-left: 0;
    background-color: transparent;
    display: block;
    color: white;
    border-bottom: 0;
    position: relative;
    font-size: 16px;
    font-weight: 300;
}

nav#mainNavigation ul.nav .big-nav>ul>li a.parentCat:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ffffff30;
    border-right: 1px solid #ffffff30;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    position: absolute;
    right: 0px;
}

nav#mainNavigation ul.nav .big-nav>ul>li.show>a {
    background-color: white;
    transition: all 300ms ease-in-out;
    padding-left: 20px;
    color: #363636;
    font-weight: 300;
    font-size: 16px;
}

nav#mainNavigation ul.nav .big-nav>ul>li.show a.parentCat:after {
    right: 5px;
    border-top: 2px solid #EC1C33;
    border-right: 2px solid #EC1C33;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul {
    display: none;
    position: absolute;
    top: 0;
    left: 25%;
    width: 75%;
    background: white;
    min-height: 100%;
    height: fit-content;
}

nav#mainNavigation ul.nav .big-nav>ul>li.show>ul {
    display: block;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li {
    display: block;
    width: 100%;
    float: left;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li a {
    padding: 15px 15px;
    color: #363636;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    transition: all 300ms ease-in-out;
}

/* nav#mainNavigation ul.nav .big-nav > ul > li > ul > li a span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-size: 30px;
} */

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li a span {
    display: none;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul {
    /*padding: 40px;*/
    display: block;
    float: left;
    width: 100%;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul li {
    width: 50%;
    display: block;
    float: left;
    color: #363636;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding: 0 10px;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul li.last a {
    color: #ec1c2d;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li a:hover {
    font-weight: 500;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big {
    position: absolute;
    right: 0;
    min-height: 100%;
    top: 0;
    border-bottom: 0 !important;
    padding: 0 0 0 20px;
    display: none;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big figure {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big figure img {
    width: 100%;
    border-radius: 10px;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big figure figcaption {
    color: white;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big figure figcaption a {
    color: white;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    font-weight: 600;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big p#catPlusVenueIco:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ec1c2d;
    border-radius: 60px;
    background-size: contain;
    border: 5px solid transparent;
    background-image: url(img/select-category-venue.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big p#catPlusVenueIco {
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 600;
    float: left;
    padding-left: 60px;
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big form {
    float: left;
    width: 100%;
}

nav#mainNavigation ul.nav .big-nav>ul>li.last-big form select {
    width: 100%;
    background: transparent;
    border: 1px solid white;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 40px;
    min-height: 40px;
    opacity: 1;
    text-transform: uppercase;
    font-size: 13px;
}

/* Secondary navigation */

nav#mainNavigation button {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #363636;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}

nav#mainNavigation button:before {
    content: '';
    transition: all 300ms ease-in-out;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ec1c2d;
    border-radius: 40px;
    right: -100%;
}

nav#mainNavigation button:hover::before,
nav#mainNavigation button:focus::before {
    right: 0;
}

nav#mainNavigation button span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: white;
    border-radius: 3px;
    position: relative;
    z-index: 2;
}

nav#mainNavigation button span:after,
nav#mainNavigation button span:before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: white;
    border-radius: 3px;
    transform: translateY(-10px);
}

nav#mainNavigation button span:before {
    transform: translateY(7px);
}

div#sideNavigation {
    right: 0;
    opacity: 1;
    visibility: visible;
    position: fixed;
    width: 380px;
    background-color: white;
    top: 0;
    z-index: 500000 !important;
    padding: 80px 0 80px;
    height: 100vh;
    -webkit-box-shadow: 0px 0px 19px 1px rgb(0 0 0 / 35%);
    box-shadow: 0px 0px 19px 1px rgb(0 0 0 / 35%);
    transition: all 300ms ease-in-out;
    overflow-y: scroll;
    overflow-x: hidden;
}

div#sideNavigation.close {
    right: -380px;
    opacity: 0;
    visibility: hidden;
}

.closeBg {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 5;
    background-color: #000000;
    opacity: .8;
}

nav#mainNavigation button#closeSideNav {
    background-color: #ec1c2d;
    float: right;
    transform: rotate(-90deg);
    position: absolute;
    right: 30px;
    top: 40px;
    transition: all 300ms ease-in-out;
    border: 10px solid transparent;
    background-image: url(img/close-icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
}

nav#mainNavigation button#closeSideNav:before {
    content: unset;
}

nav#mainNavigation button#closeSideNav:hover,
nav#mainNavigation button#closeSideNav:focus {
    transform: rotate(90deg);
    background-color: #363636;
}

button#closeSideNav:before {
    width: 80%;
    height: 2px;
    border-radius: 2px;
    background-color: white;
    display: block;
    content: '';
    position: absolute;
}

/* button#closeSideNav:after {
    width: 2px;
    height: 80%;
    border-radius: 2px;
    background-color: white;
    display: block;
    content: '';
    position: absolute;
} */

div#sideNavigation ul li {
    display: block;
    float: left;
    width: 100%;
    border-bottom: 1px solid #0000001a;
}

div#sideNavigation ul li a {
    text-transform: uppercase;
    padding: 15px 20px;
    display: block;
}

/* FOOTER */

/* section.footer:first-of-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
section.footer:first-of-type a {
    margin: 0 15px;
    padding: 5px;
    background-color: transparent;
    border-radius: 30px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition:all 300ms ease-in-out;
}
section.footer:first-of-type a:hover, section.footer:first-of-type a:focus {
    background-color: #363636;
}
section.footer:first-of-type a:hover img, section.footer:first-of-type a:focus img {
  filter: invert();
}
section.footer:first-of-type a img{
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  transition:all 300ms ease-in-out;
}
section.footer:first-of-type a:first-of-type{
  margin-left: 60px;
}
*/

section#footerFollow {
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
}

section#footerFollow p.subtitle {
    font-size: 26px;
    line-height: 26px;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

/* section#footerFollow div{
  float:left;
}*/

div#footerSM {
    width: 33.33%;
    padding-right: 50px;
    border-right: 1px solid black;
}

div#footerSM a {
    display: flex;
    float: left;
    margin-right: 40px;
    height: 40px;
    width: 40px;
    padding: 7px;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
}

div#footerSM a:hover {
    background-color: #ec1c2d;
}

div#footerSM a:hover img {
    filter: invert();
}

div#footerSM a img {
    max-height: 100%;
    transition: all 300ms ease-in-out;
}

div#footerNewsletter {
    width: 66.66%;
    padding-left: 50px;
}

div#footerNewsletter form {
    padding-right: 20%;
}

div#footerNewsletter form input[type="text"] {
    min-height: 40px;
    padding: 10px;
    border-radius: 5px;
    border: 0;
    background-color: white;
}

div#footerNewsletter form input[type="text"]::placeholder {
    color: black;
    opacity: .8;
}

div#footerNewsletter form span.btn {
    min-height: 40px;
}

div#footerNewsletter form span.btn:before {
    background-color: #363636;
}

div#footerNewsletter form span.btn:hover input {
    color: white;
}

section.footer h3 {
    text-transform: uppercase;
}

.footer h4 {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.footer p,
.footer li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.footer p:last-of-type,
.footer li:last-of-type {
    margin-bottom: 0px;
}

section.footer section {
    padding: 0 20px;
    border-right: 1px solid #222;
}

section.footer section:first-of-type {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

section.footer section:last-of-type {
    padding-right: 0;
    border-right: 0;
}

.footer ul li {
    position: relative;
    margin-bottom: 12px;
}

.footer ul li a {
    font-weight: 300;
}

.footer form {
    overflow: hidden;
}

.footer form input[type="text"] {
    max-height: 30px;
    width: 49%;
}

.footer form textarea {
    max-height: 60px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.footer form input[type="text"],
.footer form textarea {
    background-color: #222;
    border: none
}

.footer form input[type="submit"] {
    margin-bottom: 0 !important
}

.footer form input[type="text"]::placeholder,
.footer form textarea::placeholder {
    color: white;
}

.footer form {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

form.footerform div {
    width: 70%;
    float: left;
    margin-top: 5px;
}

.footer form label {
    float: left;
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    font-weight: 300;
    margin-bottom: 8px;
}

.footer form label:last-of-type {
    margin-bottom: 0;
}

.footer form label a {
    text-decoration: underline;
    font-weight: 400;
}

.footer form label input[type="checkbox"] {
    margin-right: 5px;
}

.footer span.btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer span.btn {
    min-height: 30px;
}

.footer .btn:hover input,
.footer .btn:focus input {
    color: #363636;
}

.footer .btn:before {
    background-color: white;
}

/* FILTERS CONTAINER */

/*
section#courseFinder {
    position: relative;
    width: 100%;
    background-color: #363636;
    padding: 25px;
    border-radius: 10px;
}
section#courseFinder form{
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section#courseFinder form input:not(.btn input), section#courseFinder form select{
  border-radius: 40px;
  background-color: white;
  opacity: 1;
  padding: 10px;
  border:1px solid #777777;
}
section#courseFinder form input[type="text"]{
  width: 23%;
}
section#courseFinder form select{
  width: 13%;
} */

/* PAGES TEMPLATES */

section#pageTitle p.subtitle {
    margin-bottom: 20px;
    text-align: left;
}

section#pageTitle p {
    text-align: justify;
    margin-bottom: 15px;
}

section#pageTitle p:last-of-type {
    margin-bottom: 0;
}

/* without banner */

body.bannerLess section#pageTitle {
    margin-top: 40px;
    margin-bottom: 25px;
}

body.bannerLess section#pageIntro {
    margin-top: 30px;
}

section#pageIntro {
    margin-top: 30px;
    margin-bottom: 0 !important
}

section#pageIntro a.btn {
    margin-top: 20px;
    width: fit-content;
    min-height: 40px;
    min-width: 20%;
    background-color: #363636;
    float: left;
    margin-right: 10px;
    position: relative;
}

body.bannerLess section#pageTitle div.container {
    position: relative;
    padding-left: 100px;
}

body.bannerLess section#pageTitle div.container figure {
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 80px;
    background-color: #363636;
    top: 50%;
    transform: translateY(-50%);
}

body.bannerLess section#pageTitle div.container figure img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

section#pageIntro p {
    text-align: justify;
}

/* Short banner */

body.bannerSmall section#pageTitle {
    margin-bottom: 40px;
    margin-top: 0px;
}

body.bannerSmall section#pageTitle .container {
    position: relative;
    float: left;
    width: 100%; //margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

body.bannerSmall section#pageTitle .container figure {
    overflow: hidden;
    position: relative;
    width: 25%;
    top: 0;
    left: 0;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border-radius: 10px;*/
}

body.bannerSmall section#pageTitle .container figure img {
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

body.bannerSmall section#pageTitle .container .heading {
    width: 75%;
    max-width: calc(75% - 40px);
}

/* Full banner */

body.bannerFull section#pageTitle {
    margin-bottom: 15px;
}

body.bannerFull section#pageTitle .container {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px;
    overflow: hidden;
    border-radius: 10px;
}

body.bannerFull section#pageTitle .container figure {
    position: absolute;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    overflow: hidden;
    width: 100%;
}

body.bannerFull section#pageTitle .container figure img {
    opacity: .5;
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

body.bannerFull section#pageTitle .container .heading {
    width: 100%;
}

body.bannerFull section#pageTitle .container .heading span {
    display: initial;
}

body.bannerFull section#pageTitle .container h1,
body.bannerFull section#pageTitle .container p.subtitle {
    position: relative;
    width: 100%;
    color: white;
    text-align: left;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}

body.bannerFull section#pageTitle .container p.subtitle {
    margin: 0;
}

body.bannerFull section#pageIntro {
    margin-top: 50px;
}

/* Course page Title section */

/* body.bannerSmall.single-course section#pageTitle .container{
  padding-left:33.33%;
  width: 100%;
} */

/* body.single-course section#pageTitle .container span.course-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 33.33%;
    max-width: calc(33.33% - 40px);
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} */

/* CAROUSEL */

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    left: -20px;
    min-width: calc(100% + 40px);
}

.owl-nav button {
    width: 25px;
    height: 25px;
    background-color: white !important;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transition: all 300ms ease-in-out;
}

.owl-nav button.owl-next {
    right: 0;
}

.owl-nav button:before {
    content: '';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border-top: 2px solid black;
    border-right: 2px solid black;
    transform: rotate( 45deg);
    opacity: .5;
}

.owl-nav button.owl-prev:before {
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    border-top: 0;
    border-right: 0;
}

.owl-nav button:hover::before,
.owl-nav button:focus::before {
    opacity: 1;
}

.owl-dots {
    display: none;
}

/* Homepage */

section#homeBanner div.banner-content {
    width: 100%;
    height: 100%;
    padding-top: 140px;
    padding-bottom: 100px;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    position: relative;
    background-color: black;
}

section#homeBanner div.banner-content .video-container {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    margin: 0 !important;
    top: 0;
    overflow: hidden;
    border-radius: 10px;
}

section#homeBanner div.banner-content .video-container video {
    width: 100%;
}

/*  */

section#homeBanner div.banner-content div:not(section#filters div) {
    margin-bottom: 20px;
}

/* section#homeBanner div.banner-content figure {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
section#homeBanner div.banner-content figure img{
transition:all 300ms ease-in-out;
width: 100%;
opacity: .6;
}
section#homeBanner:hover figure img, section#homeBanner:focus figure img {
    opacity: .6;
} */

section#homeBanner h1 {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 25px;
    text-transform: unset !important;
}

section#homeBanner p.subtitle {
    position: relative;
    width: 100%;
    float: left;
}

/* Home filters section */

.home section#filters:before {
    content: 'customize your research';
    display: block;
    margin-bottom: 10px;
    font-family: 'Avenir LT Std';
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    color: black;
    width: 100%;
}

.home section#filters {
    background-color: white;
}

/*
section#bottomHiddenSection {
    padding-top: 25px;
    padding-bottom: 25px;
    position: fixed;
    bottom: 0;
    z-index: 2;
}
section#bottomHiddenSection .container {
  padding-left:100px;
  position: relative;
  float: left;
}
section#bottomHiddenSection .container:before{
  content:'';
  display: block;
  width: 80px;
  height: 80px;
  border-radius:80px;
  position: absolute;
  left: 0;
  top:50%;
  transform: translateY(-50%);
  background-color: white;
}
section#bottomHiddenSection h2{
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  text-transform:uppercase;
  margin-bottom: 8px;
  float: left;
}
section#bottomHiddenSection h2 span{
  font-weight: 300;
}
section#bottomHiddenSection .container form {
    width: 100%;
    display: flex;
    float: left;
    justify-content: space-between;
}
section#bottomHiddenSection .container form input, section#bottomHiddenSection .container form select {
    height: 30px;
    border-radius: 30px;
    border: 0;
    opacity: 1;
    padding: 5px;
}
section#bottomHiddenSection .container form input[type="text"]{
  width: 30%;
}
section#bottomHiddenSection .container form select{
  width: 11%;
}
section#bottomHiddenSection .container form span.btn{
  background-color:white;
  height: 30px;
  max-height: 30px;
  min-height: 30px;
}
section#bottomHiddenSection .container form span.btn input{
  color: #363636;
  padding: 0;
}
section#bottomHiddenSection .container form span.btn:before{
  background-color: #363636;
}
section#bottomHiddenSection .container form span.btn:hover input, section#bottomHiddenSection .container form span.btn:focus input{
  color: white;
} */

/* Home categories */

section#categories {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

section#categories h2,
section#categories p {
    width: 100%;
    float: left;
    display: block;
}

section#categories p {
    margin-bottom: 40px;
}

/* section#categories a.box {
  width: 20%;
  max-width: calc(20% - 10px);
  margin-bottom: 10px;
}
section#categories a.box h3{
  padding-top: 15px;
  padding-bottom: 15px;
}
section#categories a.box:last-of-type{
  background-image:unset;
}
section#categories a.box:last-of-type h3{
  font-size: 18px;
  line-height: 18px;
  padding: 0;
  padding-top:40px;
  text-transform: none;
}
section#categories a.box:last-of-type h3:before{
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background-color: white;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 1;
} */

/* section.super-category {
    width: 23%;
    margin-bottom: 40px;
}
section.super-category h3:before{
  content:none;
}
section.super-category h3{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding-left: 70px;
  margin-bottom: 10px;
}
section.super-category h3 span {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top:0;
}
section.super-category ul {
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
}
section.super-category ul:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 4px;
    height: 100%;
    top: 0;
    background-color: #eb0029;
    border-radius: 4px;
}
section.super-category ul li{
  display: block;
  width: 100%;
  padding: 5px 0;
  border-top:1px solid #3636367d;
}
section.super-category ul li:last-of-type{
  border-bottom:1px solid #3636367d;
}
section.super-category ul li a{
  font-weight: 400;
  font-size: 16px;
  display: block;
  width: 100%;
  transition: all 300ms ease-in-out;
  position: relative;
}
section.super-category ul li a:hover, section.super-category ul li a:focus{
  padding-left: 5px;
  font-weight: 600;
}
section.super-category ul li:last-of-type a{
  font-weight: 600;
  color:#eb0029;
}
section.super-category ul li a:after{
  content:'>';
  display: flex;
  position: absolute;
  right: 0;
  top:50%;
  transform: translateY(-50%);
  font-weight: 200;
  color: white;
  background-color: #363636;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  opacity:0;
  transition: all 300ms ease-in-out;
}
section.super-category ul li:last-of-type a:after{
  background-color: #eb0029;
  opacity: .5;
}
section.super-category ul li a:hover::after, section.super-category ul li a:focus::after{
  opacity: 1;
}
section#featuredCat {
  width: 23%;
  padding-left: 30px;
}
section#featuredCat h3:before {
    background-color: transparent;
    background-image: url(img/genericon.png);
    width: 35px;
    height: 35px;
    background-size: contain;
    opacity: 1;
    background-position: center;
    background-repeat: no-repeat;
}
section#featuredCat h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
section#featuredCat ul {
    display: flex;
    float: left;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
section#featuredCat ul li {
    height: 50%;
    max-height: calc(50% - 5px);
}
section#featuredCat a.box {
    padding: 20px 10px;
    width: 100%;
    height: 100%;
}
section#featuredCat a.box:first-of-type{
  margin-bottom: 5px;
}
section#featuredCat a.box h4 {
    font-size: 18px;
    text-align: center;
    text-transform: none;
    font-weight: 400;
    color: white;
    position: relative;
    z-index: 1;
}
 */

section#categories a.buttonBox {
    width: 19%;
    margin-bottom: 25px;
}

section#categories a.buttonBox span {
    min-height: 160px;
}

/* Home venues */

section#venues {
    display: flex; //flex-wrap: wrap;
    //align-items: center;
    justify-content: space-between;
}

/* section#venues div {
    width: 48%;
    height: 100%;
}*/

section#venues div.worldMap {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 100ms ease-in-out;
}

section#venues div.worldMap.europe {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map-europe.png)
}

section#venues div.worldMap.north-america {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map-north-america.png)
}

section#venues div.worldMap.latin-america {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map-south-america.png)
}

section#venues div.worldMap.middle-east {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map-middle-east.png)
}

section#venues div.worldMap.asia {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map-asia.png)
}

section#venues div.worldMap.africa {
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/world-map-south-africa.png)
}

section#venues div:last-of-type p.subtitle {
    margin-bottom: 30px;
}

section#venues div:last-of-type a.simpleLink {
    width: 50%;
    padding-left: 15px;
    margin-bottom: 8px;
}

section#venues div:last-of-type a.simpleLink:hover {
    padding-left: 20px;
}

section#venues div:last-of-type a.simpleLink:hover::before {
    border-top: 2px solid white;
    border-left: 2px solid white;
}

section#venues div:last-of-type a.simpleLink:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    position: absolute;
    left: 0;
    top: 38%;
    transform: rotate(-45deg);
}

section#venues a.btn {
    float: left;
    margin-top: 30px;
}

section#venues a.btn button:hover {
    color: #363636;
}

section#venues a.btn:before {
    background-color: white;
}

/* Section Formats home */

section#formats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#formats h2,
section#formats p.subtitle {
    width: 100%;
    display: block;
}

section#formats p.subtitle {
    margin-bottom: 30px;
    padding-right: 30%;
}

section#formats a.buttonBox {
    width: 32%;
}

section#formats a.buttonBox span {
    min-height: 200px;
}

section#formats a#inPersonTraining span {
    background-image: url(img/oil-and-gas-classroom-training-courses.jpg);
}

section#formats a#liveOnlineTraining span {
    background-image: url(img/oil-and-gas-online-training-courses.jpg);
}

section#formats a#inHouseSolution span {
    background-image: url(img/oil-and-gas-in-house-courses.jpg);
}

section#formats a.buttonBox section p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

section#formats a.buttonBox:last-of-type section:after {
    content: 'Learn more >';
}

/* Section newly added courses */

section#newCourses p.subtitle {
    margin-bottom: 10px;
}

section#newCourses .grid-view article.single-course {
    width: 100%;
}

section#newCourses a.btn {
    float: left;
    margin-bottom: 30px;
}

section#newCourses a.btn:before {
    background-color: #363636;
}

/* Icons Home */

/*
section#hpIcons{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
section#hpIcons p.statement {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 40px;
    width: 33%;
    opacity: .4
}
section#hpIcons p.statement span{
  opacity: .5;
}
section#hpIcons {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-items: flex-end;
}
/* section#hpIcons:before {
    content: 'Why should You Attend our Training courses?';
    display: block;
    font-family: 'Avenir LT Std';
    text-transform: uppercase;
    font-size: 46px;
    width: 30%;
    font-weight: 800;
    opacity: .1;
} */

/*
section#hpIcons .iconTxt {
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
section#hpIcons .iconTxt span{
  display: block;
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
section#hpIcons .iconTxt:nth-child(2) span{
  background-image:url(img/genericon.png);
}
section#hpIcons .iconTxt:nth-child(3) span{
  background-image:url(img/genericon.png);
}
section#hpIcons .iconTxt:nth-child(4) span{
  background-image:url(img/genericon.png);
}
section#hpIcons .iconTxt p{
  font-size: 14px;
  line-height: 16px;
  width: 100%;
} */

/* Section CTA */

section#cta {
    background-image: url(img/cta.jpg);
    background-position: center;
    background-size: cover;
}

section#cta div {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    background-color: #0000007a;
}

/* section#cta div:after{
  content:'';
  display: block;
} */

section#cta div h2 {
    width: 100%;
}

section#cta div p {
    width: 70%;
}

section#cta div a.btn {
    float: left;
    background-color: white;
}

section#cta div a.btn button {
    color: black
}

section#cta div a.btn:hover button {
    color: white;
}

section#cta div a.btn:last-of-type {
    background-color: white;
}

section#cta div a.btn:last-of-type:hover button {
    color: white;
}

section#cta div a.btn:last-of-type button {
    color: black;
}

body.home div#myModal,
body.single-course div#myModal {
    background-color: rgb(0 0 0 / 80%);
    z-index: 20;
    align-items: center;
    justify-content: center;
}

body.home div#myModal h4,
body.single-course div#myModal h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

body.home .modal-content,
body.single-course .modal-content {
    margin: unset !important;
    padding: 60px 25px !important;
    border-radius: 10px;
    position: relative !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body.home .modal-content span.close,
body.single-course .modal-content span.close {
    font-weight: 100;
    font-size: 36px;
    background-color: #ec1c2d;
    color: white;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    right: 25px;
}

body.home .modal-content input.input-fields {
    margin: 0 0 10px !important;
    width: 100%;
}

body.single-course .modal-content input.input-fields {
    width: 48%;
    margin: 0 0 10px !important;
}

body.single-course .modal-content label {
    width: 100%;
    font-size: 14px;
    float: left;
}

body.single-course .modal-content label input {
    margin-bottom: 0 !important;
}

body.single-course .modal-content label:first-of-type {
    margin-bottom: 5px;
}

body.home .modal-content span.submit,
body.single-course .modal-content span.submit {
    padding: 0 30px;
    min-height: 40px;
    border-radius: 40px;
    border: 0;
    color: white;
    background-color: #ec1c2d;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all 300ms ease-in-out;
    float: left;
    margin-top: 10px;
}

body.home .modal-content span.submit input,
body.single-course .modal-content span.submit input {
    background-color: unset !important;
    padding: 0 !important;
    border: unset !important;
    margin: 0 !important;
    color: white !important;
}

/* Home Company section */

section#about h2 {
    width: 100%;
}

/* section#about:before{
  content: '';
  display: block;
  width: 30%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-width: calc(30% - 40px);
  background-image:url(img/test-benner.png);
  background-position: center;
  background-size: cover;
  border-radius:10px;
} */

section#about h2 {
    margin-bottom: 30px;
}

section#about p:not(.subtitle) {
    text-align: justify;
    margin-bottom: 10px;
    /* column-count: 2; */
    column-gap: 50px;
}

section#about section p:last-of-type {
    margin-bottom: 0;
}

section#about p.subtitle {
    margin-bottom: 16px;
}

section#about a.btn {
    float: left;
    width: auto;
    min-width: 210px;
    background-color: #363636;
    margin-top: 20px;
}

/* Carousel client logos */

.home section#clients div.max-height {
    width: 50%;
    float: left;
}

section#clients div#clientLogos {
    padding-right: 50px;
    border-right: 1px solid white;
}

section#clients div#clientTestimonials {
    padding-left: 50px;
}

section#clients div#clientTestimonials p {
    margin-bottom: 30px;
}

section#clients h2 {
    margin-bottom: 30px;
}

section#clients div.owl-logos div.owl-item {
    padding: 10px;
    background-color: white;
    height: 70px;
    border-radius: 10px;
}

section#clients .owl-dots {
    display: block;
    margin-top: 15px;
    height: 30px;
}

section#clients .owl-dots button.owl-dot {
    background-color: white;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border-radius: 30px;
    opacity: .5;
}

section#clients .owl-dots button.owl-dot.active {
    opacity: 1;
}

.owl-logos {
    margin-top: 30px;
    margin-bottom: 0px;
}

.owl-logos .owl-stage {
    display: flex;
    align-items: center;
}

.owl-logos .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-logos .owl-item div img {
    width: auto;
    max-width: 100%;
    /* filter:grayscale(1); */
}

.owl-logos .owl-item div img:hover,
.owl-logos .owl-item div img:focus {
    filter: grayscale(0);
}

section#testimonials {
    position: relative;
}

section#testimonials h3,
section#clients h3 {
    margin-bottom: 15px;
}

section#testimonials a.btn {
    position: absolute;
    bottom: 0;
}

.owl-testimonials {
    width: 100%;
    height: 70%;
}

.owl-testimonials .owl-stage-outer {
    height: 100%;
    max-height: calc(100% - 30px);
}

.owl-testimonials .owl-stage,
.owl-testimonials .owl-item {
    height: 100%;
}

.home article.single-testimonial {
    height: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    ;
}

article.single-testimonial em {
    font-size: 14px;
    line-height: 16px;
    position: relative;
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid white;
    color: white;
}

article.single-testimonial .courseInfo {
    padding-left: 80px;
    position: relative;
    width: 100%;
}

article.single-testimonial .courseInfo p,
article.single-testimonial .courseInfo a,
article.single-testimonial .courseInfo small {
    width: 100%;
    display: block;
    margin-bottom: 5px !important;
}

article.single-testimonial .courseInfo:before {
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background-color: #EAEAEA;
    border-radius: 60px;
    background-image: url(img/testimonial.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 10px solid transparent;
}

.courseInfo p {
    font-size: 14px;
    text-transform: uppercase;
    opacity: .7;
}

.courseInfo a {
    font-size: 14px;
    line-height: 14px;
    text-decoration: underline;
    font-weight: 300;
}

.courseInfo small {
    font-size: 14px;
    line-height: 14px;
}

section#clients div#clientTestimonials {
    position: relative;
}

section#clients div#clientTestimonials a:not(article a) {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 30px;
    width: fit-content;
    z-index: 2;
}

/* Section partners */

section#partners div.max-height:first-of-type {
    width: 33.33%;
    float: left;
    /* padding-right:50px;
  border-right: 1px solid #363636; */
}

section#partners div.max-height:last-of-type {
    width: 66.66%;
    float: left;
    padding-left: 50px;
}

section#partners p {
    margin-top: 10px;
}

section#partners a.btn {
    margin-top: 10px;
    float: left;
    background-color: #363636;
}

.owl-partners,
.owl-partners .owl-stage-outer,
.owl-partners .owl-stage-outer .owl-stage,
.owl-partners .owl-stage-outer .owl-stage .owl-item {
    height: 100%;
}

.owl-partners .owl-stage-outer .owl-stage .owl-item {
    background-color: white;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

/* LISTING PAGES, FILTER AND ORDER OPTIONS */

body.listing main {
    overflow: visible;
    float: left;
}

body.listing:not(.course-finder) h1 span {
    display: block;
}

body.course-finder section#pageTitle div.container figure,
body.all-categories section#pageTitle div.container figure,
body.all-venues section#pageTitle div.container figure,
body.calendar section#pageTitle div.container figure {
    background-color: #363636;
}

body.listing section#pageIntro {
    margin-top: 20px;
    /* padding-top:5px;
  border-top:1px solid #363636; */
    position: relative;
    transition: all 300ms ease-in-out;
}

body.listing section#pageIntro.expandable {
    height: 80px;
    overflow: hidden;
    position: relative;
}

/*body.listing section#pageIntro span#readMore {*/

/*    position: absolute;*/

/*    bottom: 0;*/

/*    display: block;*/

/*    width: 100%;*/

/*    padding-top: 50px;*/

/*    font-family: 'Avenir LT Std';*/

/*    font-weight: 300;*/

/*    color: #363636;*/

/*    font-size: 16px;*/

/*    cursor: pointer;*/

/*    text-transform: uppercase;*/

/*    background: rgb(255, 255, 255);*/

/*    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);*/

/*    background: -webkit-linear-gradient(*/

/*            0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);*/

/*    background: linear-gradient(*/

/*            0deg, rgb(234 234 234) 0%, rgb(234 234 234) 30%, rgba(255, 255, 255, 0) 100%);*/

/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);*/

/*    transition: all 300ms ease-in-out;*/

/*}*/

body.listing span#readMore:before {
    content: '+';
    display: flex;
    float: left;
    width: 15px;
    height: 15px;
    background-color: #ec1c2d;
    margin-right: 5px;
    color: white;
    font-size: 26px;
    align-items: center;
    justify-content: center;
    transition: all 300ms ease-in-out;
}

body.listing span#readMore:hover::before {
    Content: ' - ';
}

body.listing span#readMore:after {
    content: '';
    display: block;
    width: 85%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 7px;
    background-color: #363636;
    opacity: .5;
}

body.listing section#pageIntro span#readMore {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding-top: 50px;
    font-family: 'Avenir LT Std';
    font-weight: 300;
    color: #363636;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient( 0deg, rgb(234 234 234) 0%, rgb(234 234 234) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
    transition: all 300ms ease-in-out;
}

body.listing section#pageIntro span#readMore:hover {
    font-weight: 600;
}

/*body.listing span#readMore:after{*/

/*    content: '+';*/

/*    display: flex;*/

/*    float: left;*/

/*    width: 15px;*/

/*    height: 15px;*/

/*    background-color: #ec1c2d;*/

/*    margin-right: 5px;*/

/*    color: white;*/

/*    font-size: 26px;*/

/*    align-items: center;*/

/*    justify-content: center;*/

/*}*/

/*body.listing span#readMore:hover::before{*/

/*    Content:'-';*/

/*}*/

body.listing section#pageIntro.reduce {
    height: auto;
}

body.listing section#pageIntro.reduce span#readMore {
    position: relative;
    background-color: transparent;
    padding-top: 10px;
}

p.courseNumbers {
    display: block;
    float: left;
    margin-right: 20px;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    padding-right: 20px;
    border-right: 1px solid #00000042;
    margin-top: 10px;
}

p.courseNumbers span {
    font-weight: 600;
}

p.courseNumbers:last-of-type {
    padding-right: 0px;
    border-right: 0;
}

section#filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    border-radius: 10px;
    padding: 30px 15px;
}

section#filters form {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

section#filters form p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

section#filters form .filterOptions {
    float: left;
}

section#filters form span.btn {
    position: absolute;
    right: 0;
}

section#filters form .filterOptions button {
    padding: 5px 10px;
    padding-right: 70px;
    margin-right: 10px;
    background-color: white;
    border-radius: 20px;
    border: 1px solid #363636;
    font-weight: 300;
    position: relative;
    transition: all 300ms ease-in-out;
    font-size: 16px;
    color: #363636;
}

section#filters form .filterOptions button:after {
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #363636;
    border-right: 1px solid #363636;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transition: all 300ms ease-in-out;
    transform: rotate(45deg) translate(-100%);
    transform-origin: center;
}

section#filters form .filterOptions:hover button,
section#filters form .filterOptions:focus button {
    background-color: #ec1c2d;
    color: white;
    font-weight: 500;
    border-color: #ec1c2d;
    /*border-bottom-left-radius: 0;*/
    /*  border-bottom-right-radius: 0;*/
}

section#filters form section.checkboxes.hide {
    display: none;
}

section#filters form section.checkboxes.short {
    min-width: 200px;
}

section#filters form section.checkboxes {
    position: absolute; //border: 1px solid #36363626;
    padding: 30px 20px;
    transition: all 300ms ease-in-out;
    background-color: #ffffff;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
}

section#filters form section.checkboxes.full {
    left: 0;
    width: 100%;
}

section#filters form section.checkboxes.full label.top,
section#filters form section.checkboxes.full ul {
    width: 100%;
    float: left;
    display: block;
}

section#filters form section.checkboxes.full ul {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #36363630;
}

section#filters form section.checkboxes.full ul li {
    margin-bottom: 5px;
    display: block;
    float: left;
    width: 25%;
}

section#filters form section.checkboxes.full ul:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

section#filters form section.checkboxes label {
    color: black;
    font-size: 14px;
}

section#filters form section.checkboxes label input {
    margin-right: 5px;
}

section#filters form section.checkboxes label.top {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

section#filters form section.checkboxes label input {
    margin-right: 5px;
}

section.checkboxes.show {
    opacity: 1;
    visibility: visible;
}

section#filters form input[type="text"] {
    min-height: 40px;
    padding: 10px;
    border-radius: 40px;
    border: 1px solid #363636 !important;
    border: 0;
    width: 25%;
    margin-right: 10px;
}

section#filters form .search_type {
    width: 25%;
    margin-right: 15px;
    max-width: calc(25% - 15px);
    position: relative;
    overflow: visible;
}

.labels {
    position: absolute;
    background: white;
    padding: 30px 20px;
    width: 400px;
    z-index: 5;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
}

.labels label {
    color: black;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
}

.labels label input {
    margin-right: 10px;
}

.labels.close {
    display: none;
}

.labels.open {
    display: none;
}

.course-finder section#filters form input[type="text"] {
    width: 100%;
}

section#filters form span.btn {
    width: fit-content;
    min-width: 170px;
}

/* ------ Section filter categories ------ */

section#filterCategories {
    display: flex;
    flex-wrap: wrap;
}

section#filterCategories div {
    width: 100%;
    padding-right: 20px;
    margin-right: 20px;
    max-width: 100%;
    border-right: 1px solid #363636;
}

section#filterCategories div:nth-child(3) {
    width: 50%;
    max-width: calc(50% - 20px);
}

section#filterCategories div:last-of-type {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

section#filterCategories div p,
section#filters form p {
    color: #363636;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
}

section#filters form section#filterCategories div ul {
    height: 100%;
}

section#filters form section#filterCategories div ul li {
    width: 100%;
}

section#filterCategories div:nth-child(3) ul {
    column-count: 2;
}

/* ------ Section filter venues ------ */

section#filters form div#venuesFilters ul {
    column-count: 1;
}

section#filters form div#venuesFilters ul li {
    width: 25%;
}

/* Section order results */

section#orderOpt {
    margin: 40px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0;
}

section#orderOpt select {
    margin-left: 20px;
    padding: 10px;
    border-radius: 5px;
    min-width: 200px;
    opacity: .8;
}

button.switch-view {
    margin-left: 10px;
    height: 30px;
    width: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 300ms ease-in-out;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 5px solid transparent;
    border-radius: 5px;
    filter: invert();
    transition: all 300ms ease-in-out;
}

button.switch-view:hover {
    filter: none;
    background-color: #ec1c2d;
}

button.switch-view.list {
    background-image: url(img/grid-view.png);
}

button.switch-view.grid {
    background-image: url(img/list-view.png);
}

/* button.switch-view:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    transition: all 300ms ease-in-out;
} */

/* button.switch-view:hover::after, button.switch-view:focus::after{
  left: 0;
} */

section#orderOpt label {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}

/* section#orderOpt label:last-of-type {
    padding: 5px 20px;
    background-color: #eaeaea;
    border-radius: 100px;
    min-height: 40px;
} */

/*
section#orderOpt label:last-of-type{
padding-bottom: 0;
} */

button.switch-view span {
    display: none;
    background-color: black;
    position: relative;
    z-index: 1;
}

button.switch-view.list span {
    width: 100%;
    height: 3px;
    margin-bottom: 3px;
}

button.switch-view.grid span {
    width: 4px;
    height: 15px;
}

section#courses {
    /* -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
  border-radius:10px; */
    float: left;
    padding: 15px;
    border: 1px solid #36363630;
}

section#filterApplied {
    padding: 10px 0;
    float: left;
    margin-bottom: 20px;
}

section#filterApplied p {
    cursor: pointer;
    margin-bottom: 0;
    padding: 5px 25px 5px 5px;
    background-color: #f3f3f3;
    float: left;
    font-size: 14px;
    border-radius: 20px;
    position: relative;
    margin-right: 5px;
    transition: all 300ms ease-in-out;
}

section#filterApplied p:not(:first-of-type):hover {
    background-color: #e0e0e0;
}

section#filterApplied p:after {
    content: 'x';
    color: white;
    font-size: 12px;
    position: absolute;
    top: 0;
    display: flex;
    right: 5px;
    height: 12px;
    width: 12px;
    background-color: #ec1c2d;
    border-radius: 10px;
    transform: translateY(-2px);
    align-items: center;
    justify-content: center;
}

section#filterApplied p:first-of-type {
    color: white;
    background-color: #363636;
}

article.single-course {
    float: left;
}

.list-view article.single-course {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-view article.single-course:first-of-type {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
}

.list-view article.single-course a.course-link {
    width: 45%;
    float: left;
    height: auto !important;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #3636363d;
    max-width: calc(50% - 30px);
}

.list-view article.single-course a.course-link:hover .titleDesc h3 {
    color: #ec1c2d;
}

.list-view article.single-course a.course-link .titleDesc span {
    display: none;
}

.list-view article.single-course a.course-link .titleDesc h3 {
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    transition: all 300ms ease-in-out;
}

.list-view article.single-course a.course-link .titleDesc h3 br {
    display: none;
}

.list-view article.single-course a.course-link .titleDesc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
}

article.single-course a.course-link .titleDesc h3:before {
    content: none;
}

.list-view article.single-course .details {
    width: 45%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 30px;
}

.list-view article.single-course a.course-link-button.btn {
    width: 10%;
    background-color: #363636;
    min-height: 30px;
}

.list-view article.single-course a.course-link-button.btn button {
    font-size: 16px;
}

.list-view article.single-course>.details>small:first-of-type {
    width: 42.5%;
}

.list-view article.single-course .details small:nth-child(2) {
    width: 42.5%;
}

.list-view article.single-course>.details>small {
    width: 15%;
}

.list-view article.single-course>.details>small:last-of-type {
    border: 0;
}

.list-view article.single-course .details small,
.list-view article.single-course .details small b {
    display: block;
    font-size: 16px;
    line-height: 16px;
}

.list-view article.single-course .details small b {
    font-weight: 600;
}

.grid-view article.single-course {
    width: 20%;
    border: 10px solid transparent;
    position: relative;
}

.grid-view article.single-course::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #eaeaea;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.grid-view article.single-course a.course-link .titleDesc p {
    display: none;
}

.grid-view article.single-course {
    background-color: white;
    overflow: hidden;
    padding: 5px;
    border-radius: 6px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

a.course-link {
    display: block;
    position: relative;
}

.grid-view article.single-course span {
    display: block;
    width: 100%;
    height: 140px;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
}

.grid-view article.single-course h3 {
    color: #363636;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.5px;
    margin-top: 10px;
    text-transform: none;
}

.grid-view article.single-course a.course-link {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}

.grid-view article.single-course h3 br {
    display: none;
}

.grid-view article.single-course .details {
    margin-bottom: 20px;
    margin-top: 10px;
    position: relative;
}

.grid-view article.single-course .details small {
    display: block;
    margin-bottom: 5px;
}

.grid-view article.single-course .details small,
.grid-view article.single-course .details b {
    color: #363636;
    text-align: left;
    font-size: 16px;
}

.grid-view article.single-course .details b {
    display: block;
    margin-bottom: 3px;
}

.grid-view article.single-course a.course-link-button.btn {
    width: 100%;
    position: relative;
}

.grid-view article.single-course a.course-link-button.btn {
    min-height: 30px;
    font-size: 14px;
    width: 100%;
    background-color: #363636;
}

section#courses section:last-of-type {
    display: flex;
    align-items: center;
    justify-content: center;
}

p#loadMore {
    margin: 30px 0;
    cursor: pointer;
    font-size: 16px;
    color: white;
    background-color: #ec1c2d;
    display: block;
    float: left;
    padding: 5px 60px;
    border-radius: 5px;
    transition: all 300ms ease-in-out;
}

p#loadMore:hover,
p#loadMore:focus {
    background-color: black;
}

section#related .owl-cat {
    margin-top: 30px;
    padding: 0;
    display: flex;
    align-items: center;
}

section#related .owl-cat article {
    width: 100%;
    display: block;
    background-color: #363636;
    border-radius: 8px;
    overflow: hidden;
}

section#related .owl-cat article a {
    display: block;
    position: relative;
    padding: 30px 5px;
    width: 100%;
    padding-left: 70px;
}

section#related .owl-cat article a button {
    color: white;
    background-color: transparent;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
}

section#related .owl-cat article a span {
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-color: white;
    border-radius: 60px;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

body.category section#related .owl-cat article a span {
    border: 5px solid transparent;
    background-size: contain;
}

section#related .owl-cat .owl-nav {
    transform: translateY(-50%);
}

section#related .owl-cat article a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    top: 0;
    left: -100%;
    transition: all 300ms ease-in-out;
}

section#related .owl-cat article a:hover::before,
section#related .owl-cat article a:focus::before {
    left: 0;
}

body.listing:not(.category,
.venue) section#related {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.listing:not(.category,
.venue) section#related h2 {
    width: 100%;
    margin-bottom: 30px;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat {
    width: 48%;
    position: relative;
    padding-left: 20%;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat div {
    position: absolute;
    display: block;
    width: 40%;
    max-width: calc(40% - 20px);
    background-size: cover;
    background-position: center;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat h3 {
    font-size: 20px;
    line-height: 20px;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat h3 span {
    display: block;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat h3:before {
    content: none;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat p {
    margin-bottom: 20px;
}

body.listing:not(.category,
.venue) section#related article.relatedFormat a.btn {
    min-height: 30px;
    background-color: #363636;
    width: fit-content;
}

/* Listing pges icons */

body.course-finder section#pageTitle div.container figure {
    background-image: url(img/filter-options.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: 20px solid transparent;
}

body.course-finder section#pageTitle div.container figure img {
    opacity: 0;
}

/* PARENT CATEGORIES WITH TABS OLD */

/*
.tabs {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
}
.tabs label:not(.filterOptions label) {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 25px;
  border-right:1px solid white;
  cursor: pointer;
  text-align: left;
  text-transform: uppercase;
  background-color: #363636;
  font-weight: bold;
  transition: background ease 0.3s;
  color: white;
  font-weight: 300;
  max-width: 14.28%
}
.tabs .tab {
  order: 9;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
  padding: 1rem;
  background: #fff;
  padding: 60px 40px;
  -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
}
.tabs input[type="radio"] {
  display: none;
}
.tabs input[type="radio"]:checked + label {
  background: black;
}
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}
.tabs label:not(.filterOptions label):hover, .tabs label:not(.filterOptions label):focus{
  background-color:#ec1c2d;
}
section.tabCats{
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #00000030;
}
section.tabCats .catLink {
    width: 20%;
    padding: 20px;
    border:1px solid #00000030;
    border-left: 0;
}
section.tabCats .catLink a:not(.btn) {
    text-align: center;
    display: block;
    padding-top: 70px;
    position: relative;
}
section.tabCats .catLink a span{
  display: block;
  position: absolute;
  top: 0;
  height: 60px;
  width: 60px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
section.tabCats .catLink a h3{
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
}
section.tabCats .catLink a h3:before{
  content: none;
}
section.tabCats .catLink a.btn {
    min-height: 30px;
    background-color: #363636;
    margin-top: 6px;
    width: fit-content;
    margin: 15px auto 0;
} */

/* BANNER CATEGORIES + VENUES */

/* section#catVenueSelector {
    background-color: black;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
section#catVenueSelector div {
    padding-left: 100px;
    position: relative;
    width: 40%;
}
section#catVenueSelector div:before{
  content:'';
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ec1c2d;
  background-position: center;
  background-size:contain;
  background-repeat: no-repeat;
  border:10px solid transparent;
  border-radius: 100px;
}
section#catVenueSelector form {
    width: 60%;
    max-width: calc(60% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section#catVenueSelector form select{
  width: 35%;
  min-height: 40px;
  opacity: 1;
  border-radius: 40px;
}
section#catVenueSelector form span.btn{
  width: auto;
} */

/* VENUES TABS */

/*
body.tabContent.all-venues h1 span {
  display: block;
}
body.tabContent.all-venues section.tabCats .catLink {
  width: 33.33%;
}
body.tabContent.all-venues section.tabCats .catLink a:not(.btn){
    padding-top: 140px;
}
body.tabContent.all-venues section.tabCats .catLink a span {
  width: 100%;
  height: 130px;
  background-size: cover;
}
body.tabContent.all-venues .tabs label {
  max-width: unset;
} */

/* PARENT CATEGORY WITH TABS */

/*
body.parent-category .tabs .tab:last-of-type{
  padding: 0;
}
body.parent-category .tabs label:not(.filterOptions label) {
  max-width: unset;
  padding-left: 40px;
  padding-right: 40px;
}
body.parent-category .tabs .tab:last-of-type section section:not(section#filters section, section#courses section, section#courses) {
    padding-left: 20px;
    padding-right: 20px;
}
body.parent-category .tabs .tab:last-of-type section section#filters {
    padding-left: 20px;
    margin-top:1px;
}
body.parent-category .tabs .tab:last-of-type section section#orderOpt label{
  color:#363636;
}
body.parent-category .tabs .tab:last-of-type section section#orderOpt label:not(:last-of-type) {
    background-color: white;
    padding: 0;
}
body.parent-category .tabs .tab:last-of-type section section#courses {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    float: left;
    padding: 0px;
}
body.parent-category .tabs .tab:last-of-type section section#courses.grid-view article.single-course{
  width: 20%;
  border: 5px solid transparent;
  position: relative;
}
body.parent-category .tabs .tab:last-of-type section section#courses.grid-view article.single-course::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #eaeaea;
    top: 0;
    left: 0;
    border-radius: 5px;
}
*/

/* section#catChildren {
  padding-bottom: 80px;
} */

/* section#catChildren section: {
  padding: 60px 25px;
  -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
section#catChildren section article.cat-btn{
  width:20%;
  margin: 0;
  border: 1px solid #36363630;
}
section#catChildren section article a:not(.btn){
  display: block;
  text-align: center;
  padding: 20px;
}
section#catChildren section article a h3{
  font-size: 18px;
  line-height: 20px;
  margin-bottom:10px;
  text-transform: none;
}
section#catChildren section article a h3:before{
  content: none;
}
section#catChildren section article a span:first-child{
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
section#catChildren section article a span.btn{
  width: fit-content;
  margin:0 auto;
  background-color: #363636;
  min-height: 30px;
}
section#catChildren section article a span.btn button{
  padding: 0;
  background-color: transparent;
  color:white;
  position: relative;
}
section#catChildren section article#allCourses{
  width: 100%;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section#catChildren section article#allCourses a {
    background-color: #363636;
    width: fit-content;
}
section#catChildren section article#allCourses a:hover, section#catChildren section article#allCourses a:focus{
  background-color: #ec1c2d;
}
section#catChildren section article#allCourses a p{
color: white;
}
section#catChildren section article#allCourses a span{
  background-color: white;
  border-radius:60px;
} */

/*
/* PARENT CATEGORIES, CONTINENTS CATEGORIES, VENUES PAGES */

body.listing.bannerSmall section#pageTitle .container .heading p.subtitle,
body.listing.bannerLess section#pageTitle .container .heading p.subtitle {
    margin-bottom: 5px;
    margin-top: 0;
}

body.listing.bannerSmall section#pageTitle section#topics {
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
}

body.listing.bannerSmall section#pageTitle section#topics p {
    font-weight: 600;
    float: left;
    margin-bottom: 7px;
    display: block;
    width: 100%;
}

body.listing.bannerSmall section#pageTitle section#topics a {
    font-weight: 300;
    text-decoration: none;
    margin-right: 10px;
    transition: all 300ms ease-in-out;
    position: relative;
    display: block;
    padding: 5px;
    padding-right: 15px;
    border-radius: 5px;
    float: left;
    margin-bottom: 5px;
    background-color: #3636361f;
    font-size: 14px;
    transition: all 300ms ease-in-out;
}

body.listing.bannerSmall section#pageTitle section#topics a:after {
    content: ' >';
}

body.listing.bannerSmall section#pageTitle section#topics a:last-of-type {
    margin-right: 0;
}

body.listing.bannerSmall section#pageTitle section#topics a:hover {
    color: #fff;
    background-color: #363636;
}

body.listing.bannerSmall section#related {
    display: flex;
    flex-wrap: wrap;
}

body.listing.bannerSmall section#related h2 {
    width: 100%;
    padding-left: 60px;
    position: relative;
    min-height: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 600;
}

body.listing.bannerSmall section#related h2:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 60px;
    background-color: #ec1c2d;
    top: 0;
    left: 0;
    border: 8px solid transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

body.bannerSmall.listing.category section#related h2:before {
    background-image: url(img/other-topics.png);
}

body.bannerSmall.listing.venue section#related h2:before {
    background-image: url(img/other-venues.png);
}

body.listing.bannerSmall section#related a.categoryButton {
    width: 25%;
    max-width: calc(25% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

body.listing.bannerSmall section#related::after {
    content: '';
    flex: auto;
}

body.listing.bannerSmall section#related>p {
    margin-bottom: 20px;
}

/* SUB-CATEGORY AND VENUES PAGES */

body.listing.bannerSmall section#related.list-only ul {
    display: block;
    width: 100%;
    padding: 30px 15px;
    border-radius: 10px;
    border: 1px solid #d4d4d4;
}

body.listing.bannerSmall section#related.list-only ul li {
    padding-left: 10px;
    display: block;
    float: left;
    width: 25%;
    position: relative;
}

body.listing.bannerSmall section#related.list-only ul li a {
    position: relative;
    display: block;
    width: fit-content;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    transition: all 300ms ease-in-out;
    font-size: 13px;
    width: -moz-fit-content;
}

body.listing.bannerSmall section#related.list-only ul li a small {
    display: none;
}

body.listing.bannerSmall section#related.list-only ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: red;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    transform: translateY(-50%);
}

body.listing.bannerSmall section#related.list-only ul li a:after {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    opacity: .3;
    right: 5px;
    top: 50%;
    transition: all 300ms ease-in-out;
    transform: translateY(-50%) rotate( -45deg);
}

body.listing.bannerSmall section#related.list-only ul li a:hover {
    font-weight: 600;
    text-decoration: underline;
}

body.listing.bannerSmall section#related.list-only ul li a:hover::after {
    border-right: 2px solid red;
    border-bottom: 2px solid red;
    opacity: 1;
}

/* Category + Venue selector in listing pages */

section#catVenueSelector {
    padding-bottom: 40px;
    background-color: black;
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section#catVenueSelector div {
    padding-left: 60px;
    width: 46%;
    padding-right: 60px;
    position: relative;
}

section#catVenueSelector div:before {
    content: '';
    display: block;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: #ec1c2d;
    border-radius: 60px;
    background-size: contain;
    border: 5px solid transparent;
    background-image: url(img/select-category-venue.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
}

section#catVenueSelector div h2 {
    text-transform: none;
    font-weight: 500;
}

section#catVenueSelector form {
    width: 54%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

section#catVenueSelector form select {
    width: 37%;
    opacity: 1;
    padding: 10px;
    height: 40px;
    border: 0;
    max-width: calc(37% - 10px);
    margin-right: 10px;
    border-radius: 5px;
    font-size: 10px;
}

section#catVenueSelector form span.btn {
    padding: 0 15px;
}

section#catVenueSelector form span.btn input {
    font-size: 14px;
}

/* Course pages (full, mini and without outline) */

body.single-course h1 {
    text-transform: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
}

/* body.single-course h1 br, body.single-course section#pageTitle p.subtitle br {
  display: none;
} */

body.single-course section#pageIntro {
    margin-top: 0;
    display: flex;
    align-items: center;
    width: 100%;
}

body.single-course section#pageIntro a {
    display: block;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #363636;
    color: white;
    transition: all 300ms ease-in-out;
    text-decoration: none;
    font-size: 14px;
}

body.single-course section#pageIntro a:hover {
    background-color: #ec1c2d;
}

body.single-course section#pageIntro a:after {
    content: ' >';
}

body.single-course section#pageTitle p.subtitle {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #36363630;
}

body.bannerSmall.single-course section#pageTitle section#courseContent {
    padding-top: 0px;
    width: 75%;
    max-width: calc(75% - 40px);
}

section#courseDates {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#courseDates section {
    width: 50%;
    max-width: calc(50% - 20px);
}

section#courseDates.single-table section {
    width: 100%;
    max-width: 100%;
}

section#courseDates section h2 {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 5px;
}

section#courseDates section h2:before {
    content: none;
}

section#courseDates section table {
    width: 100%;
    display: block;
    padding: 15px;
    border: 1px solid #36363630;
    font-family: 'Avenir LT Std';
    text-align: left;
}

section#courseDates section table thead,
section#courseDates section table tbody {
    width: 100%;
    display: block;
}

section#courseDates section table tr {
    padding: 10px 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid #36363630;
    transition: all 300ms ease-in-out;
}

section#courseDates section table tr:not(thead tr):hover,
section#courseDates section table tr:not(thead tr):focus {
    background-color: #EAEAEA;
}

section#courseDates section table tr:last-of-type:not(section#courseDates section table thead tr) {
    border-bottom: 0;
}

section#courseDates section table th,
section#courseDates section table td {
    display: inline-block;
}

section#courseDates section table th:not(:last-of-type,
:nth-child(3)),
section#courseDates section table td:not(:last-of-type) {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #36363630;
}

section#courseDates section table .onlineDate,
section#courseDates section table .classroomDate {
    width: 25%;
}

section#courseDates section table .onlineTime,
section#courseDates section table .classroomVenue {
    width: 38%;
}

section#courseDates section table .onlineFee,
section#courseDates section table .classroomFee {
    width: 12%;
}

section#courseDates section table .classroomLink,
section#courseDates section table .onlineLink {
    width: 17%;
    text-align: right;
    position: relative;
    overflow: hidden;
}

/* section#courseDates section table .classroomLink:before, section#courseDates section table .onlineLink:before {
    content: '';
    background-color: #ec1c2d;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    transition: all 300ms ease-in-out;
} */

section#courseDates section table th,
section#courseDates section table td,
section#courseDates section table a {
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 18px;
}

section#courseDates section table a {
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 10px;
    color: white;
    background-color: #363636;
    border-radius: 30px;
    position: relative;
    transition: all 300ms ease-in-out;
}

section#courseDates section table a:hover,
section#courseDates section table a:focus {
    background-color: #ec1c2d;
}

section#courseDates section table th {
    font-weight: 600;
}

section#courseDates section table tr:not( thead tr) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* section#courseDates section table .classroomLink:not(thead .classroomLink)::after, section#courseDates section table .onlineLink:not( thead .onlineLink )::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    transform: translateY(-50%) rotate(-45deg);
} */

section#courseDates section table .classroomLink:not(thead .classroomLink):hover a,
section#courseDates section table .onlineLink:not( thead .onlineLink):hover a {
    //color: #ec1c2d;
    font-weight: 500;
}

section#courseDates section table .classroomLink:not(thead .classroomLink):hover::after,
section#courseDates section table .onlineLink:not( thead .onlineLink):hover::after {
    border-right: 1px solid #ec1c2d;
    border-bottom: 1px solid #ec1c2d;
}

section#courseContent p:not(.subtitle) {
    text-align: left;
    margin-bottom: 10px;
    clear: both;
}

section#courseContent ul {
    padding-left: 20px;
    margin-top: 10px;
}

section#courseContent ul li {
    list-style: disc;
    padding-bottom: 5px;
    clear: both;
}

section#courseContent ul>li>ul {
    margin-bottom: 0px !important;
}

section#courseContent ul>li>ul li::marker {
    /*color: #ec1c2d;*/
}

section#courseContent ul>li>ul>li:last-child {
    padding-bottom: 0;
}

section#courseContent section:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #36363630;
}

/* body.single-course h2{
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  text-transform: none;
  margin-bottom: 20px;
} */

/*
body.single-course h2:before {
    content: '';
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ec1c2d;
    opacity: .5;
    border-radius: 30px;
    margin-right: 10px;
} */

body.single-course h2 {
    text-transform: none;
    font-weight: 300;
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 24px;
    color: #EB0029;
}

body.single-course h2 strong {
    font-weight: 300;
}

body.single-course h2:before {
    content: none;
}

section#courseContent h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

section#courseContent .topics {
    padding: 20px;
    /* //-webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
    //box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
    border:1px solid #36363630; */
    background-color: #f9f9f9;
    margin-bottom: 40px;
}

section#courseContent .topics h3,
section#courseContent .topics h3 strong,
section#courseContent .topics h2,
section#courseContent .topics h2 strong {
    color: #EB0029;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
}

section#courseContent .topics ul:last-of-type {
    margin-bottom: 30px;
}

aside#courseInfo {
    background-color: #F9F9F9;
    max-width: 25%;
    padding: 0;
}

aside#courseInfo section {
    padding: 30px 20px;
}

aside#courseInfo section:not(:last-of-type) {
    border-bottom: 1px solid #36363630;
}

aside#courseInfo section:first-of-type {
    padding-top: 30px;
}

aside#courseInfo h2 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: none;
}

aside#courseInfo h2:before {
    content: none;
}

aside#courseInfo ul {
    padding-left: 20px;
}

aside#courseInfo ul li {
    list-style: disc;
    font-size: 14px;
    margin-bottom: 5px;
}

aside#courseInfo p {
    font-size: 14px;
}

aside#courseInfo ul li a {
    font-weight: 200;
    font-size: 14px;
    text-decoration: underline;
    font-weight: 400;
}

aside#courseInfo ul li a:hover,
aside#courseInfo ul li a:focus {
    font-weight: 400;
}

aside#courseInfo section#brochure .hundred {
    position: relative;
    padding: 20px 10px;
    padding-left: 50%;
    border: 1px solid #36363630;
}

aside#courseInfo section#brochure .hundred a {
    padding: 0 !important;
}

aside#courseInfo section#brochure span:not(p span) {
    background-color: #363636;
    display: block;
    width: 45%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

aside#courseInfo section#brochure .hundred p {
    margin-bottom: 5px;
    font-weight: 500;
}

aside#courseInfo section#brochure .hundred p span {
    font-weight: 300;
}

aside#courseInfo a.btn {
    min-height: 30px;
    background-color: #363636;
}

aside#courseInfo a.btn button {
    font-size: 14px;
}

section#accreditation span {
    width: 100px;
    height: 77px;
    display: -webkit-inline-box;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #36363630;
}

aside#courseInfo section#association {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

aside#courseInfo section#association h2 {
    width: 100%;
}

aside#courseInfo section#association a:not(.btn) {
    width: 65%;
    display: block;
    margin-bottom: 10px;
    border: 1px solid;
    transition: all 300ms ease-in-out;
    padding: 5px;
    margin: auto;
}

aside#courseInfo section#association a:not(.btn):hover img,
aside#courseInfo section#association a:not(.btn):focus img {
    filter: none;
}

aside#courseInfo section#association a:not(.btn) img {
    filter: grayscale(1);
    width: 100%;
    transition: all 300ms ease-in-out;
}

aside#courseInfo section#association a.btn {
    width: fit-content;
    min-width: 100%;
    margin: 10px 0 0 0;
}

aside#courseInfo section#inHouse {
    background-color: #363636;
    text-align: center;
    padding: 20px;
}

section#inHouse h2 {
    color: white;
}

section#inHouse a.btn {
    background-color: white;
    width: fit-content;
    margin: 0 auto;
}

section#inHouse a.btn button {
    color: #363636;
}

section#inHouse a.btn:hover button {
    color: white;
}

aside#courseInfo section#inHouse span {
    display: block;
    width: 60px;
    height: 60px;
    background-color: transparent;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0 auto 10px;
    background-image: url(img/in-house-delivery.png) !important;
}

section#options {
    position: fixed;
    bottom: 0;
    z-index: 4;
}

section#options div {
    display: flex;
    width: 100%;
    padding: 30px 0;
    justify-content: space-between;
    align-items: center;
}

section#options div h2 {
    color: white;
    padding-right: 40px;
    margin: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 22px;
    padding-left: 70px;
    position: relative;
}

section#options div h2:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 60px;
    opacity: 1;
    background-image: url(img/register.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 10px solid transparent;
}

section#options div a:not(:first-of-type) {
    background-color: white;
}

section#options div a:not(:first-of-type) button {
    color: #363636;
}

section#options div a:not(:first-of-type):hover button {
    color: white;
}

body.single-course footer {
    position: relative;
    z-index: 4;
}

section#courseDescription ul {
    margin-bottom: 20px;
}

/* Section register */

section#register {
    background-color: #ec1c2d;
    border: 0;
}

section#register h2 {
    color: white;
}

section#register a.btn:not(:last-of-type) {
    margin-bottom: 5px;
}

section#register a.btn:first-of-type {
    background-color: white
}

section#register a.btn:first-of-type button {
    color: black;
}

section#register a.btn:first-of-type:hover button {
    color: white;
}

section#register a.btn:before {
    background-color: #363636;
}

/* Related courses */

section#related {
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

section#related div.relTxt {
    /*width: 33.33%;*/
    /*max-width: calc(33.33% - 40px);*/
    margin: 0 0 15px 0;
}

section#related div.owl-home {
    width: 100%;
    /*padding: 0 30px;*/
}

section#related div.owl-home article.single-course {
    border-radius: 5px;
    border: 1px solid #eaeaea;
    width: 100%;
}

body.single-course section#pageIntro p {
    font-weight: 500;
}

body.single-course section#pageIntro p span {
    font-weight: 300;
}

body.single-course section#pageIntro p span a {
    text-decoration: underline;
    transition: all 300ms ease-in-out;
}

body.single-course section#pageIntro p span a:hover,
body.single-course section#pageIntro p span a:focus {
    color: #ec1c2d;
    font-weight: 500;
}

body.single-course section#pageIntro p span a:not(:last-of-type)::after {
    content: ',';
}

body.single-course section#pageIntro p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    /*justify-content: space-between;*/
}

body.single-course section#pageIntro p:not(:last-of-type) {
    margin-right: 30px;
}

section#visitFullOutline {
    padding: 40px 20px;
    padding-left: 110px;
    position: relative;
}

section#visitFullOutline h4,
section#visitFullOutline h4 a {
    text-transform: none;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 5px;
}

section#visitFullOutline h4 a {
    text-decoration: underline;
    transition: all 300ms ease-in-out;
}

section#visitFullOutline h4 a:hover,
section#visitFullOutline h4 a:focus {
    font-weight: 500;
}

section#visitFullOutline:before {
    content: '';
    background-image: url(img/book.png);
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background-position: center;
    background-color: black;
    background-size: contain;
    background-repeat: no-repeat;
    border: 12px solid transparent;
}

section#visitFullOutline a.btn {
    min-height: 30px;
    width: fit-content;
    min-width: 250px;
    padding-left: unset;
    padding-right: unset;
}

/* COURSE WITHOUT OUTLINE */

body.single-course.missing section#courseDescription {
    border: 1px solid #36363630;
    padding: 40px 20px;
}

body.single-course.missing section#courseDescription p.subtitle {
    display: block;
    padding-left: 70px;
    margin-bottom: 10px;
    position: relative;
}

body.single-course.missing section#courseDescription p.subtitle:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: #363636;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(img/missing.png);
    background-position: center;
    background-repeat: no-repeat;
}

body.single-course.missing section#courseDescription p:not(.subtitle) {
    margin-bottom: 20px;
}

body.single-course.missing section#courseDescription form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

body.single-course.missing section#courseDescription form label:nth-child(1) {
    width: 15%;
    margin-bottom: 20px;
}

body.single-course.missing section#courseDescription form label:nth-child(2) {
    width: 80%;
    margin-bottom: 20px;
}

body.single-course.missing section#courseDescription form label:nth-child(3),
body.single-course.missing section#courseDescription form label:nth-child(4) {
    width: 49%;
    margin-bottom: 20px;
}

body.single-course.missing section#courseDescription form label:nth-child(5),
body.single-course.missing section#courseDescription form label:nth-child(6) {
    width: 70%;
}

body.single-course.missing section#courseDescription form label:nth-child(5) span,
body.single-course.missing section#courseDescription form label:nth-child(6) span {
    display: initial;
    margin-left: 10px;
}

body.single-course.missing section#courseDescription form label span {
    display: block;
    margin-bottom: 5px;
}

body.single-course.missing section#courseDescription form label input:not(input[type="checkbox"]),
body.single-course.missing section#courseDescription form label select {
    width: 100%;
    min-height: 40px;
    border-radius: 40px;
    padding: 10px;
    border: 1px solid #363636;
}

body.single-course.missing section#courseDescription form span.btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #363636;
    min-width: 200px;
}

/* RULES ONLY IF THERE WILL BE A SINGLE TABLE, OTHERWISE EREASE FROM HERE */

/* body.single-course section#tablesDates{
  border-bottom:0;
  //padding-bottom:10px!important;
} */

body.single-course section#tablesDates {
    margin-top: 30px;
}

section#courseContent {
    width: 75%;
    max-width: calc(75% - 40px);
    padding: 0 40px;
    border: 1px solid #36363630;
}

body.single-course section#tablesDates table {
    display: block; //padding: 10px;
    width: 100%; //border: 1px solid #36363630;
    font-family: 'Avenir LT Std';
    font-weight: 300;
    font-size: 16px;
}

body.single-course section#tablesDates table thead,
body.single-course section#tablesDates table tbody,
body.single-course section#tablesDates table thead tr,
body.single-course section#tablesDates table tbody tr {
    width: 100%;
    display: block;
}

body.single-course section#tablesDates table thead tr,
body.single-course section#tablesDates table tbody tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
    padding: 5px;
}

body.single-course section#tablesDates table thead tr th {
    font-weight: 500;
}

body.single-course section#tablesDates table tbody tr:nth-child(even) {
    background-color: #3636361f;
}

body.single-course section#tablesDates table tbody tr:nth-child(odd) {
    background-color: #3636360d;
}

body.single-course section#tablesDates table tbody tr:hover,
body.single-course section#tablesDates table tbody tr:focus {
    background-color: #3636363b;
}

body.single-course section#tablesDates table .courseDate {
    width: 30%;
}

body.single-course section#tablesDates table .courseTime {
    width: 30%;
    max-width: calc(30% - 20px);
    padding-left: 20px;
}

body.single-course section#tablesDates table .courseFee {
    width: 20%;
    max-width: calc(20% - 20px);
    padding-left: 20px;
}

body.single-course section#tablesDates table .courseLink {
    width: 20%;
    text-align: center;
}

body.single-course section#tablesDates table tbody td:not(.courseLink,
:first-of-type) {
    border-left: 1px solid #363636;
}

body.single-course section#tablesDates table thead th {
    padding-left: 0 !important;
}

body.single-course section#tablesDates table .courseLink a {
    color: white;
    background-color: #363636;
    padding: 3px;
    width: 100%;
    display: block;
    border-radius: 30px;
    transition: all 300ms ease-in-out;
    font-size: 16px;
}

body.single-course section#tablesDates table .courseLink a:hover {
    background-color: #ec1c2d;
}

th.courseLink {
    color: white;
}

body.oneTable section#pageTitle {
    margin-bottom: 0 !important;
}

/* TO HERE */

/* CALENDAR PAGES */

/* body.calendar section#pageTitle{
  margin-bottom: 0!important;
} */

body.calendar section#pageIntro a.btn {
    min-width: auto;
    margin-top: 0;
    padding-left: 40px;
}

body.calendar section#pageIntro p {
    float: left;
    margin: 10px 0;
}

body.calendar section#pageIntro a.btn:after {
    content: '';
    width: 30px;
    height: 100%;
    display: block;
    position: absolute;
    background: transparent;
    left: 5px;
    border: 5px solid transparent;
    background-image: url(img/download-file.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

body.calendar section#courses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
}

body.calendar section#courses div.months {
    width: 60%;
}

body.calendar section#courses div.months a {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}

body.calendar section#courses div.months a:last-of-type {
    margin-right: 0;
}

body.calendar section#courses a.btn:not(table a.btn) {
    max-width: fit-content;
    background-color: #363636;
    min-height: 30px;
}

body.calendar section#courses a.btn:not(table a.btn) button {
    font-size: 14px;
}

body.calendar section#courses a.btn.active {
    background-color: #ec1c2d !important;
}

body.calendar section#courses table {
    width: 100%;
    display: block;
    margin-top: 20px;
    border: 1px solid #36363640;
    padding: 10px;
    font-family: 'Avenir LT Std';
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
}

body.calendar section#courses table thead,
body.calendar section#courses table tbody,
body.calendar section#courses table tr {
    width: 100%;
    display: block;
}

body.calendar section#courses table tr {
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 0;
}

body.calendar section#courses table tbody tr {
    border-top: 1px solid #36363640;
}

body.calendar section#courses table tbody tr.courses-month h3 {
    text-transform: none;
    font-size: 20px;
    color: #ec1c2d;
}

body.calendar section#courses table th {
    font-weight: 600;
}

body.calendar section#courses table .tbl-title {
    width: 50%;
    padding-right: 20px;
}

body.calendar section#courses table .tbl-date {
    width: 20%;
}

body.calendar section#courses table .tbl-venue {
    width: 20%;
}

body.calendar section#courses table tr:not(.courses-month) td,
body.calendar section#courses table tr:not(.courses-month) td a {
    font-size: 14px;
    line-height: 16px;
    transition: all 300ms ease-in-out;
    color: #363636;
    font-weight: 400;
}

body.calendar section#courses table tr:not(.courses-month) td a:hover {
    color: #ec1c2d;
}

body.calendar section#courses table .tbl-fee {
    width: 10%;
}

body.calendar section#courses table tbody .tbl-date {
    //max-width: calc(20% - 20px);
    padding-left: 20px;
    border-left: 1px solid #363636;
}

body.calendar section#courses table tbody .tbl-venue {
    //max-width: calc(20% - 20px);
    padding-left: 20px;
    border-left: 1px solid #363636;
}

body.calendar section#courses table tbody .tbl-fee {
    //max-width: calc(10% - 20px);
    padding-left: 20px;
    border-left: 1px solid #363636;
}

/* IN HOUSE PAGE */

.grid-style {
    padding: 20px;
    margin-top: 10px;
    border: 1px solid #36363630;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.grid-style:after {
    content: '';
    flex: auto;
}

body.in-house .grid-style article {
    width: 33.33%;
    border-right: 1px solid #36363630;
    text-align: center;
    padding: 0 25px;
    min-height: 175px;
}

body.in-house .grid-style article:last-of-type {
    border-right: 0;
}

.grid-style article span {
    width: 80px;
    height: 80px;
    border: 10px solid transparent;
    border-radius: 80px;
    background-color: #363636;
    margin: 0 auto 10px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.grid-style article h4 {
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

section#formCont form {
    padding: 60px 25px;
    /* -webkit-box-shadow: 0px 0px 19px 1px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 19px 1px rgb(0 0 0 / 20%); */
    margin-top: 10px;
    font-family: 'Avenir LT Std';
    border: 1px solid #36363630;
}

section#formCont form p {
    margin-bottom: 5px;
}

section#formCont form p a {
    text-decoration: underline;
}

section#formCont form section {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px;
}

section#formCont form section div {
    margin-bottom: 20px;
}

section#formCont form section div span {
    display: block;
    margin-bottom: 10px;
}

body.in-house section#formCont form section a.btn {
    background-color: #363636;
    padding: 0 50px;
}

body.in-house section#formCont form section span.btn {
    padding: 0 50px;
}

body.in-house section#formCont form section a.btn.unactive {
    opacity: .4;
    cursor: not-allowed;
}

body.in-house section#formCont form section a.btn.unactive:hover::before {
    left: -100%;
}

body.in-house section#formCont form section a.btn.unactive button {
    cursor: not-allowed;
}

section#formCont form section div select,
section#formCont form section div input:not(input[type="checkbox"]),
section#formCont form section div textarea {
    min-height: 40px;
    width: 100%;
    border-radius: 40px;
    border: 1px solid;
    opacity: .4;
    color: black;
    padding: 10px;
}

section#formCont form section div textarea {
    min-height: 100px;
    border-radius: 20px;
}

body.in-house section#formCont form section:first-of-type div:nth-child(1) {
    width: 70%;
}

body.in-house section#formCont form section:first-of-type div:nth-child(2) {
    width: 25%;
}

body.in-house section#formCont form section:first-of-type div:nth-child(2) label {
    display: block;
    float: left;
    margin-right: 30px;
}

body.in-house section#formCont form section:first-of-type div:nth-child(2) label input {
    display: block;
    float: left;
    margin-right: 5px;
}

body.in-house section#formCont form section:first-of-type div:nth-child(2) label span {
    float: left;
}

body.in-house section#formCont form section:first-of-type div:nth-child(3) {
    width: 100%;
}

body.in-house section#formCont form section:first-of-type div:nth-child(4),
body.in-house section#formCont form section:first-of-type div:nth-child(5) {
    width: 30%;
}

body.in-house section#formCont form section:first-of-type div:nth-child(6) {
    width: 30%;
}

body.in-house section#formCont form section:first-of-type div:nth-child(7) {
    width: 100%;
}

body.in-house section#formCont form section:last-of-type div:nth-child(1) {
    width: 8%;
}

body.in-house section#formCont form section:last-of-type div:nth-child(2) {
    width: 37%
}

body.in-house section#formCont form section:last-of-type div:nth-child(3),
body.in-house section#formCont form section:last-of-type div:nth-child(4) {
    width: 25%;
}

body.in-house section#formCont form section:last-of-type div:nth-child(5),
body.in-house section#formCont form section:last-of-type div:nth-child(6),
body.in-house section#formCont form section:last-of-type div:nth-child(7),
body.in-house section#formCont form section:last-of-type div:nth-child(8),
body.in-house section#formCont form section:last-of-type div:nth-child(9),
body.in-house section#formCont form section:last-of-type div:nth-child(10) {
    width: 32%;
}

body.in-house section#formCont form section:last-of-type div:nth-child(11) {
    margin: 0;
    width: 60%;
}

body.in-house section#formCont form section:last-of-type div:nth-child(11) label {
    width: 100%;
    display: block;
}

body.in-house section#formCont form section:last-of-type div:nth-child(11) label:first-of-type {
    margin-bottom: 5px;
}

body.in-house section#formCont form section:last-of-type div:nth-child(11) label input {
    margin-right: 5px;
}

body.in-house section#formCont form section:last-of-type div:nth-child(11) label a {
    text-decoration: underline;
    font-weight: 500;
}

body.in-house div.grid-style article:nth-child(1) span {
    background-image: url(img/in-house-delivery.png) !important;
}

body.in-house div.grid-style article:nth-child(2) span {
    background-image: url(img/custom-tailored.png) !important;
}

body.in-house div.grid-style article:nth-child(3) span {
    background-image: url(img/bespoke.png) !important;
}

/* About us page */

body.about main section h3 {
    margin-bottom: 20px;
}

section#visionMission div,
section#responsibility div {
    padding-left: 50%;
    position: relative;
}

section#visionMission div:before,
section#responsibility div:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    max-width: calc(50% - 40px);
    background-size: cover;
    background-position: center;
    border-radius: 3px;
    filter: grayscale(1);
}

section#visionMission div:before {
    background-image: url(img/corporate-mission-vision.png);
}

section#responsibility div:before {
    background-image: url(img/responsibility-sustainability.png);
}

body.about section p:not(:last-of-type) {
    margin-bottom: 10px;
}

/* body.about section div.grid-style article{
  width: 25%;
  text-align: center;
  padding: 20px;
}
body.about section div.grid-style article h4{
 font-size: 20px;
 line-height: 22px;
 margin-bottom: 10px;
}
body.about section div.grid-style article a.btn {
    min-height: 30px;
    background-color: #363636;
    width: fit-content;
    margin: 0 auto;
}
body.about section div.grid-style article span{
  background-color: transparent;
  margin: 0 auto 10px;
  border-radius: 0;
  width: 100%;
  height: 100px;
  background-size: cover;
  border: 0;
}
body.about section div.grid-style{
  margin-bottom: 40px;
} */

body.about section .categories-about {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    min-width: calc(100% + 10px);
}

body.about section .categories-about a.categoryButton {
    width: 25%;
    margin-right: 10px;
    max-width: calc(25% - 10px);
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

section#services div:first-child {
    padding: 60px 25px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
}

div#inhouseList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 40px;
}

div#inhouseList article {
    width: 19%;
    padding: 0;
    text-align: center;
}

div#inhouseList article span {
    display: block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 10px auto;
    filter: invert();
}

div#inhouseList article.bespoke span {
    background-image: url(img/bespoke.png);
}

div#inhouseList article.flexible span {
    background-image: url(img/flexible-learning.png);
}

div#inhouseList article.cost-eff span {
    background-image: url(img/cost-effective.png);
}

div#inhouseList article.choice-venue span {
    background-image: url(img/other-venues.png);
}

div#inhouseList article.needs span {
    background-image: url(img/custom-tailored.png);
}

div#inhouseList article h4 {
    font-size: 20px;
    line-height: 22px;
}

section#responsibility p:not(ul li p) {
    margin-bottom: 20px;
}

section#responsibility ul li:not(ul>li>ul>li) {
    display: inline-block;
}

section#responsibility ul li:not(ul>li>ul>li):first-of-type {
    margin-right: 20px;
}

section#responsibility ul li p {
    font-weight: 600;
}

section#responsibility ul li ul {
    padding-left: 20px;
}

section#responsibility ul li ul li {
    font-size: 14px;
    letter-spacing: -0.5px;
    list-style: disc;
}

section#values div ul {
    padding-left: 20px;
    list-style: disc;
}

section#values div ul li span {
    font-weight: 600;
}

/* Testimonials page */

/* body.testimonials section#testimonials div:first-child{
  padding: 15px;
  border: 1px solid #36363630;
} */

/* body.testimonials article.single-testimonial{
border-radius: 0;
border:0;
position: relative;
padding:0;
padding-left: 90px;
margin-bottom: 40px;
} */

/* body.testimonials article.single-testimonial:before{
  content:'';
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 80px;
  background-color: #EAEAEA;
  background-image: url(img/testimonial.png);
  border:15px solid transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
} */

body.testimonials article.single-testimonial {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #36363630;
}

body.testimonials article.single-testimonial em {
    color: #363636;
    display: block;
    padding-left: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

body.testimonials article.single-testimonial .courseInfo a {
    color: #ec1c2d;
}

body.testimonials article.single-testimonial .courseInfo p {
    margin-bottom: 0 !important;
}

/* body.testimonials article.single-testimonial em:before{
  content: none;
}
body.testimonials article.single-testimonial em {
    padding-left: 0px;
}
body.testimonials article.single-testimonial:not(:last-of-type)::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #36363630;
    left: 0;
    bottom: -20px;
}
body.testimonials .courseInfo{
  margin-top:10px;
}
body.testimonials .courseInfo p, body.testimonials .courseInfo a {
    display: initial;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid
} */

/* Contacts */

body.bannerLess.contacts section#pageTitle div.container figure {
    background-color: #ec1c2d;
}

body.bannerLess section#pageIntro p:not(div p) {
    margin-bottom: 30px;
}

body.bannerLess section#pageIntro div {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #3636363d;
    position: relative;
    padding-left: 0px;
}

body.bannerLess section#pageIntro div:last-of-type {
    margin: 0;
    padding: 0;
    border: 0;
}

/* body.bannerLess section#pageIntro div:before{
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  position: absolute;
  left: 0;
  top:50%;
  transform: translateY(-50%);
  background-color: #EAEAEA;
  background-position: center;
  background-size: contain;
  border:5px solid transparent;
  background-repeat: no-repeat;
} */

#enquires-row,
.enquires-row {
    width: 100%;
    margin: 0 0 20px 0;
}

.enquires-row {
    margin: 20px 0 0 0;
}

#enquires-row div,
.enquires-row div {
    margin: 2px 0;
    display: inline-block;
    text-align: center;
    padding: 30px 2.5%;
    width: 24%;
    border: 1px solid silver
}

#enquires-row div p,
.enquires-row div p {
    margin-bottom: 20px;
    text-transform: uppercase
}

.enquires-row div:first-child,
.enquires-row div:last-child {
    border: 0;
    padding: 0;
}

body.bannerLess section#pageIntro div p {
    text-transform: uppercase;
}

body.bannerLess section#pageIntro div a {
    font-weight: 600;
    transition: all 300ms ease-in-out;
}

body.bannerLess section#pageIntro div a:hover,
body.bannerLess section#pageIntro div a:focus {
    color: #ec1c2d;
}

section#contactForm form {
    display: flex;
    width: 70%;
    float: left;
    padding: 60px 25px;
    max-width: calc(70% - 40px);
    margin-right: 40px;
    /* -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2); */
    font-family: 'Avenir LT Std';
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    border: 1px solid #36363630;
}

section#contactForm form p.subtitle {
    margin-bottom: 20px;
    width: 100%;
}

section#contactForm form div {
    display: block;
    margin-bottom: 30px;
}

section#contactForm form div span {
    display: block;
    margin-bottom: 5px;
}

section#contactForm form div input:not(input[type="checkbox"]),
section#contactForm form div select,
section#contactForm form div textarea {
    width: 100%;
    min-height: 40px;
    padding: 10px;
    border-radius: 3px;
    opacity: .7;
    border: 1px solid darkgrey;
}

section#contactForm form div textarea {
    border-radius: 3px;
    min-height: 100px;
}

section#contactForm form div#salutation {
    width: 20%;
}

section#contactForm form div#name {
    width: 75%;
}

section#contactForm form div#mobile {
    width: 49%;
}

section#contactForm form div#email {
    width: 49%;
}

section#contactForm form div#contactMethod {
    width: 60%;
}

section#contactForm form div#contactMethod span {
    margin-bottom: 20px;
}

section#contactForm form label,
section#contactForm form label a {
    font-size: 14px;
}

section#contactForm form label a {
    text-decoration: underline;
}

section#contactForm form div#contactMethod label:first-of-type {
    margin-right: 20px;
}

section#contactForm form div#subject,
section#contactForm form div#message {
    width: 100%;
}

section#contactForm form div#termsConditions {
    margin-bottom: 0;
    width: 60%;
}

section#contactForm form div#termsConditions label {
    width: 100%;
    display: block;
}

section#contactForm form div#termsConditions label input {
    margin-right: 5px;
}

section#contactForm form div#termsConditions label:first-of-type {
    margin-bottom: 5px;
}

section#contactForm form .btn:before {
    background-color: #363636;
}

section#contactForm div#sideInfo {
    width: 30%;
    float: left;
    padding-top: 210px;
    position: relative;
}

section#contactForm div#sideInfo:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 100%;
    background-image: url(img/contacts.png);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom: 10px;
    filter: grayscale(1);
}

section#contactForm div#sideInfo h3 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
}

section#contactForm div#sideInfo h3:before {
    content: unset;
}

section#contactForm div#sideInfo p {
    margin-bottom: 5px;
}

section#contactForm div#sideInfo p:last-of-type {
    font-weight: 500;
}

section#contactForm div#sideInfo ul li a:hover {
    color: #ec1c2d;
    font-weight: 600;
}

section#contactForm div#sideInfo p a {
    font-weight: 600;
    text-decoration: underline;
    transition: all 300ms ease-in-out;
}

section#contactForm div#sideInfo p a:hover,
section#contactForm div#sideInfo p a:focus {
    color: #ec1c2d;
}

/* Downloads page */

body.bannerLess.downloads section#pageTitle div.container figure {
    background-color: #ec1c2d;
}

section#companyMat h3,
section#courseBrochures h3 {
    width: 100%;
    margin-bottom: 30px;
    font-weight: 600;
    text-transform: none;
}

section#companyMat {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

section#companyMat article.download,
section#courseBrochures article.download {
    width: 24%;
    float: left;
    display: block;
    margin: 10px;
}

section#companyMat article.download {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #36363630;
    padding-left: 100px;
    position: relative;
    min-height: 110px;
    overflow: hidden;
}

section#companyMat article.download h4 {
    margin-bottom: 10px;
}

section#companyMat article.download a {
    width: fit-content;
    padding: 0;
    border: 0;
    border-radius: 0;
    height: unset !important;
    float: left;
    font-size: 13px;
    min-height: unset;
    text-decoration: none;
}

section#companyMat article.download span {
    width: 90px;
    height: 100px;
    display: block;
    margin-bottom: 5px;
    position: absolute;
    top: 0;
    left: 0;
    border: 6px solid transparent;
    background-color: #e6e6e6;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

section#companyMat article.download a:hover {
    color: red;
}

section#companyMat article.download a:first-of-type {
    margin-right: 10px;
    margin-bottom: 10px;
}

section#courseBrochures article.download {
    width: 31%;
}

article.download a {
    display: flex;
    padding: 10px;
    padding-left: 100px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #36363630;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    transition: all 300ms ease-in-out;
    min-height: 120px;
    s
}

article.download a span:first-child {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 100%;
    background-color: #e6e6e6;
    background-size: contain;
    border: 10px solid transparent;
    background-position: center;
    background-repeat: no-repeat;
}

article.download h4 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

article.download p {
    margin: 5px 0;
}

article.download span.btn {
    min-height: unset;
    padding: 0;
    background-color: transparent;
}

article.download span.btn:before {
    content: none;
}

article.download span.btn button {
    font-size: 14px;
    color: #ec1c2d;
    font-weight: 300;
    text-decoration: underline;
    text-align: left;
    text-decoration: none;
}

article.download span.btn button::after {
    content: ' >';
}

article.download:hover span.btn button {
    font-weight: 600;
}

/* section#courseBrochures div:first-child{
  padding: 15px;
  border: 1px solid #36363630;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
} */

section#courseBrochures div div.all_downloads {
    padding: 15px;
    border: 1px solid #36363630;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

section#courseBrochures form {
    width: 50%;
    position: relative;
    margin-bottom: 30px;
}

section#courseBrochures form input[type="text"] {
    width: 100%;
    min-height: 40px;
    padding: 10px;
    padding-right: 40px;
    border-radius: 40px;
    border: 1px solid #36363630;
}

section#courseBrochures form span.btn {
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    min-height: 30px;
    border-radius: 30px;
}

section#courseBrochures form span.btn input {
    width: 100%;
    height: 100%;
}

/* Articles archive */

body.bannerLess.blog section#pageTitle div.container figure {
    background-color: #ec1c2d;
}

section#articlesList {
    width: 70%;
    max-width: calc(70% - 40px);
    margin-right: 40px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#articlesList:after {
    content: '';
    flex: auto;
}

article.single-article {
    width: 33.33%;
    border-right: 20px solid transparent;
    border-bottom: 30px solid transparent;
    float: left;
}

article.single-article a {
    display: block;
    border-radius: 5px;
    border: 1px solid #36363630;
    position: relative;
    padding: 5px;
}

article.single-article a span:not(p span,
span.btn) {
    display: block;
    width: 100%;
    height: 180px;
    background-position: center;
    background-size: cover;
}

article.single-article a span.btn {
    background-color: #363636;
    min-height: 30px;
    margin-top: 10px;
}

article.single-article a h4 {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0 15px;
    font-weight: 500;
}

article.single-article a h4 br {
    display: none;
}

article.single-article p {
    font-weight: 500;
}

article.single-article p span {
    display: block;
    font-weight: 300;
}

aside#blogAside {
    width: 30%;
}

aside#blogAside section {
    float: left;
    width: 100%;
}

aside#blogAside section:not(:last-of-type) {
    margin-bottom: 40px;
}

aside#blogAside section h3 {
    font-size: 24px;
    line-height: 24px;
}

aside#blogAside section h3:before {
    width: 25px;
    height: 25px;
}

aside#blogAside section div {
    margin-top: 10px;
    padding: 40px 20px;
    border: 1px solid #36363630;
    float: left;
    width: 100%;
}

section#searchArt div form {
    margin-top: 10px;
    position: relative;
    margin-bottom: 30px;
}

section#searchArt div form input[type="text"],
aside#blogAside section div form select {
    width: 100%;
    height: 40px;
    border-radius: 40px;
    padding: 10px;
    padding-right: 40px;
    border: 1px solid #36363630;
}

section#searchArt div form span.btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    min-height: unset;
    border: 3px solid transparent;
    background-image: url(img/search-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

section#searchArt div form span.btn input {
    width: 100%;
    height: 100%;
}

section#searchArt div p.tags a:not(:last-of-type)::after {
    content: ',';
}

aside#blogAside section div a.box {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

aside#blogAside section div a.box:not(:last-of-type) {
    margin-bottom: 10px;
}

aside#blogAside section div a.box h4 {
    color: white;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    font-weight: 400;
    z-index: 1;
}

aside#blogAside section#trainingCourses form select,
aside#blogAside section#trainingCourses p.subtitle {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.pagination {
    width: 100%;
    max-width: calc(100% - 20px);
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}

.pagination span {
    font-weight: 300;
    font-size: 22px;
    display: flex;
}

.pagination span:first-of-type {
    color: white;
    background-color: #363636;
}

.pagination a {
    background-color: transparent;
    color: black;
    font-weight: 300;
    font-size: 22px;
    display: flex;
}

.pagination a:not(.next,
.prev),
.pagination span {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 20px;
    font-family: 'Avenir LT Std';
}

.pagination a.next,
.pagination a.prev {
    font-size: 16px;
    text-transform: uppercase;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 20px;
    margin-right: 10px;
}

.pagination a {
    color: #363636;
    transition: all 300ms ease-in-out;
}

.pagination a:hover {
    color: white;
    background-color: #ec1c2d;
}

/* Single article page */

body.single-article section#pageIntro p:not(.subtitle) {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 20px;
}

body.single-article section#pageIntro p:not(.subtitle) span {
    font-weight: 300;
}

body.single-article section.main article {
    width: 70%;
    max-width: calc(70% - 40px);
    float: left;
    margin-right: 40px;
}

body.single-article section.main article p {
    text-align: justify;
    float: left;
    margin-bottom: 5px;
}

body.single-article section.main article p img {
    display: none;
}

body.single-article section.main article p b {
    font-weight: 600;
}

body.single-article section.main article ul {
    margin: 10px 0;
    display: block;
    float: left;
}

body.single-article section.main article ul li {
    padding-left: 15px;
    font-weight: 300;
    position: relative;
}

body.single-article section.main article ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 5px;
    background-color: #363636;
}

body.single-article section.main article section.course-banner {
    display: block;
    float: left;
    width: 100%;
    margin: 20px 0;
}

body.single-article section.main article section.course-banner p:not(a p) {
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px;
}

body.single-article section.main article section.course-banner p:not(a p) span {
    font-weight: 600;
}

body.single-article section.main article section.course-banner a {
    display: flex;
    padding: 10px;
    padding-left: 50px;
    position: relative;
    width: 100%;
    background-color: #EAEAEA50;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

body.single-article section.main article section.course-banner a:before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 5px solid transparent;
    background-color: #363636;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url(img/book.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 300ms ease-in-out;
}

body.single-article section.main article section.course-banner a:hover::before,
body.single-article section.main article section.course-banner a:focus::before {
    background-color: #ec1c2d;
}

body.single-article section.main article section.course-banner a p {
    text-align: left;
}

body.single-article section.main article section.course-banner a p:nth-child(1) {
    font-weight: 600;
    width: 55%;
    padding-right: 10px;
}

body.single-article section.main article section.course-banner a p:nth-child(2),
body.single-article section.main article section.course-banner a p:nth-child(3) {
    padding-left: 10px;
    border-left: 1px solid #36363630;
    font-size: 14px;
}

body.single-article section.main article section.course-banner a span.btn {
    min-height: 25px;
    background-color: #363636;
}

body.single-article section.main article section.course-banner a span.btn button {
    font-size: 12px;
}

/* REGISTER FORM PAGE */

body.bannerLess.register section#pageTitle div.container figure {
    background-color: #ec1c2d;
}

section#registerForm form {
    padding: 60px 25px;
    /* -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%);
  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 20%); */
    border: 1px solid #36363630;
}

section#registerForm form section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* section#registerForm form section.multistep-1 div:nth-child(2){
  width: 50%;
}
section#registerForm form section.multistep-1 div:nth-child(3){
  width: 40%;
} */

section#registerForm form p#courseTitle {
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #36363630;
}

section#registerForm form p#courseTitle span {
    display: block;
    font-weight: 600;
}

section#registerForm form div label,
section#registerForm form div span {
    margin-bottom: 10px;
    font-family: 'Avenir LT Std';
    font-size: 18px;
    line-height: 20px;
}

section#registerForm form select {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid silver;
    border-radius: 5px;
    margin-top: 10px;
    opacity: 1;
}

section#registerForm input[type="text"],
section#registerForm input[type="email"] {
    border-radius: 5px;
    min-height: 40px;
    width: 100%;
    border: 1px solid silver;
    padding: 10px;
}

section#registerForm .participants {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    min-width: calc(100% + 15px);
    margin-top: 20px;
}

section#registerForm .participants .single-participant {
    width: 33.33%;
    max-width: calc(33.33% - 15px);
    margin-right: 15px;
    border-radius: 10px;
    border: 1px solid #36363630 !important;
    padding: 20px;
    margin-bottom: 15px;
}

section#registerForm .participants .single-participant div {
    width: 100%;
    display: block;
    float: left;
}

section#registerForm .participants .single-participant div:first-of-type {
    width: 50%;
}

section#registerForm .participants .single-participant div:not(:last-child) {
    margin-bottom: 10px;
}

section#registerForm form section.multistep-1 a.btn,
section#registerForm form section.multistep-2 a.btn:first-of-type {
    background-color: #363636;
}

section#registerForm form section.multistep-2 section.payment,
section#registerForm form section.multistep-2 section.billing,
section#registerForm form section.multistep-2 section.buttons {
    width: 100%;
}

section#registerForm form section.multistep-2 section.payment,
section#registerForm form section.multistep-2 section.billing {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #36363630;
}

section#registerForm form section.multistep-2 section.payment p,
section#registerForm form section.multistep-2 section.billing p {
    margin-bottom: 0px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    width: auto !important;
    margin-right: 10px;
}

section#registerForm form section.multistep-2 section.payment {
    justify-content: flex-start;
    align-items: center;
}

section#registerForm form section.multistep-2 section.payment select {
    margin-top: 0;
}

section#registerForm form section.multistep-2 section.billing p {
    min-width: 100%;
    margin-bottom: 10px !important;
}

section#registerForm form section.multistep-2 section.billing div {
    width: 23%;
    margin-bottom: 10px;
}

section#registerForm form section.multistep-2 section.billing div:nth-child(2) {
    width: 10%;
}

section#registerForm form section.multistep-2 section.billing div:nth-child(3) {
    width: 50%;
}

section#registerForm form section.multistep-2 section.billing div:nth-child(4) {
    width: 35%;
}

section#registerForm form section.multistep-3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #000000de;
    z-index: 20;
    align-items: center;
    justify-content: center;
}

.thank-you-message {
    padding: 60px 20px;
    background-color: white;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.thank-you-message p,
.thank-you-message h3 {
    width: 100%;
    text-align: center;
}

.thank-you-message h3 {
    font-weight: 600;
}

.thank-you-message h3:before {
    content: '';
    display: block;
    filter: invert();
    margin: 0 auto 10px;
    background-image: url(img/registration-success.png);
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.thank-you-message a.btn {
    float: left;
    margin-top: 20px;
}

.thank-you-message button:not(a.btn button) {
    position: absolute;
    top: -20px;
    right: 25px;
    background-color: #ec1c2d;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    border: 10px solid transparent;
    background-image: url(img/close-icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 300ms ease-in-out;
}

.thank-you-message button:not(a.btn button):hover {
    transform: rotate(90deg);
}

/* ALL CATEGORIES AND VENUES PAGES */

body.all-categories p.subtitle {
    padding-right: 20%;
}

section#catList {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 80px;
    min-width: calc(100% + 20px);
}

section#catList h2 {
    text-transform: none;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100%;
}

section#catList a.categoryButton {
    width: 25%;
    max-width: calc(25% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
}

section#catList a.categoryButton:after {
    content: 'View courses >';
    display: block;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 5px;
}

/* Related three boxes */

section#related.three-boxes,
section#related.two-boxes {
    justify-content: space-between;
    position: relative;
}

section#related.three-boxes:after,
section#related.two-boxes:after {
    content: unset !important;
}

section#related.three-boxes h2,
section#related.two-boxes h2 {
    width: 100%;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 60px;
    position: relative;
    min-height: 60px;
}

section#related.three-boxes h2:before,
section#related.two-boxes h2:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 60px;
    background-color: #ec1c2d;
    top: 0;
    left: 0;
    border: 8px solid transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(img/other-topics.png);
}

/* section#related.three-boxes h2:before, section#related.two-boxes h2:before {
  content:unset!important;
} */

section#related.three-boxes article {
    width: 33.33%;
    max-width: calc(33.33% - 30px);
    padding-left: 120px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

section#related.two-boxes article {
    width: 50%;
    max-width: calc(50% - 20px);
    padding-left: 210px;
    position: relative;
}

section#related.three-boxes article h3,
section#related.two-boxes article h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-transform: none;
}

section#related.three-boxes article h3 br,
section#related.two-boxes article h3 br {
    display: none;
}

section#related.three-boxes article p,
section#related.two-boxes article p {
    font-size: 14px;
    line-height: 18px;
}

section#related.three-boxes article a,
section#related.two-boxes article a {
    color: #ec1c2d;
    font-weight: 300;
    transition: all 300ms ease-in-out;
    margin-top: 10px;
    display: block;
    font-size: 14px;
}

section#related.three-boxes article a:hover,
section#related.two-boxes article a:hover {
    font-weight: 600;
    text-decoration: underline;
}

section#related.three-boxes article span,
section#related.two-boxes article span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 5px;
    background-position: center;
    background-size: cover;
}

section#related.three-boxes article span {
    width: 110px;
}

section#related.two-boxes article span {
    width: 200px;
    border-radius: 3px;
    filter: grayscale(1);
}

/* BREADCRUMBS */

div#breadcrumbs {
    margin: 10px 0 25px;
}

body.single-course div#breadcrumbs {
    margin-top: 25px;
}

div#breadcrumbs ul>li {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    font-weight: 200;
    position: relative;
}

div#breadcrumbs ul>li>a {
    font-size: 14px;
    line-height: 16px;
}

div#breadcrumbs ul>li:not(:last-of-type) {
    margin-right: 10px;
}

div#breadcrumbs ul>li:not(:last-of-type)::after {
    content: ' > ';
}

div#breadcrumbs ul>li>a {
    font-weight: 500;
    text-decoration: underline;
    transition: all 300ms ease-in-out;
}

div#breadcrumbs ul>li>a:hover {
    color: #ec1c2d;
}

/* Careers */

div#careersList {
    padding-top: 20px;
}

section#careersList h2 {
    margin-bottom: 20px;
}

article.single-career {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border: 1px solid #36363630;
    position: relative;
    margin-bottom: 40px !important;
}

article.single-career:not(:last-of-type) {
    margin-bottom: 20px;
}

article.single-career figure {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 100%;
}

article.single-career div {
    width: 80%;
    padding-right: 20px;
    margin-right: 20px;
    max-width: calc(80% - 20px);
    border-right: 1px solid #36363630;
}

article.single-career span {
    width: 20%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
}

article.single-career figure img {
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

article.single-career div h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 10px;
}

article.single-career div p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

article.single-career span p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 10px;
}

article.single-career span p:before {
    content: 'Location: ';
    display: block;
    font-weight: 600;
}

article.single-career div p:before {
    content: 'Job description: ';
    display: block;
    font-weight: 600;
}

article.single-career .btn {
    background-color: #363636;
}

/* Single career page */

section#careerDescription p strong {
    display: block;
    margin-top: 30px;
}

section#careerDescription p a {
    display: block;
    padding: 15px 20px 15px 50px;
    float: left;
    color: #363636;
    border: 1px solid #dadada;
    margin-top: 20px;
    position: relative;
}

section#careerDescription p a:before {
    content: '';
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(img/flexible-learning.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 5px solid transparent;
    background-color: #363636;
}

section#careerDescription ul {
    display: initial;
    list-style: disc;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 20px;
    font-weight: 300;
}

section#apply p.subtitle {
    margin-bottom: 30px;
}

section#apply form {
    display: flex;
    justify-content: space-between;
    padding: 40px 15px;
    border: 1px solid #36363630;
    position: relative;
    flex-wrap: wrap;
}

section#apply form section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#apply form section:not(:last-of-type) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #36363630;
}

section#apply form div {
    margin-bottom: 15px;
}

section#apply form div input {
    display: block;
    border: 1px solid #222;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
}

section#apply form div span {
    font-family: 'Avenir LT Std';
    font-weight: 400;
    font-size: 16px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

section#personalInfo div:nth-child(1) {
    width: 40%;
}

section#personalInfo div:nth-child(2) {
    width: 55%;
}

section#personalInfo div:nth-child(3) {
    width: 75%;
}

section#personalInfo div:nth-child(4) {
    width: 20%;
}

section#contactInfo div {
    width: 31%;
}

section#personalDetails div {
    width: 48%;
}

section#personalDetails div:nth-child(1) {
    width: 100%;
}

section#personalDetails div textarea {
    width: 100%;
    min-height: 120px;
}

section#personalDetails div:last-of-type {
    width: auto;
}

section#personalDetails div:last-of-type input {
    border: 0;
    padding-left: 0;
}

section#apply form section span.btn {
    background-color: #363636;
}

/* New courses page */

body.newCourses section#pageTitle .container figure,
body.twoWeeksTraining section#pageTitle .container figure {
    background-color: #363636;
    padding: 40px;
}

body.newCourses section#pageTitle .container figure img,
body.twoWeeksTraining section#pageTitle .container figure img {
    object-fit: contain;
}

/* Terms and conditions page */

body.termsConditions section#pageTitle div.container {
    padding-left: 0px;
}

body.termsConditions section#pageTitle div.container figure {
    display: none;
}

section#companyMat ol {
    list-style: decimal;
    padding-left: 15px;
}

section#companyMat ol li:not( ol li ul li) {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}

section#companyMat ol li:not( ol li ul li,
:first-of-type) {
    margin-top: 20px;
}

section#companyMat ol li ul {
    list-style: disc;
    padding-left: 15px;
}

section#companyMat ol li ul li {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
}

section#companyMat ol li ul li ul {
    list-style: circle;
}

section#companyMat ol li a {
    font-weight: 400;
    text-decoration: underline;
    color: #ec1c2d;
}

/* Request info form */

form.request-info div {
    width: 31%;
    margin-bottom: 15px;
}

form.request-info div input,
form.request-info div select {
    margin: 0 !important;
}

form.request-info div span {
    margin-bottom: 7px !important;
}

form.request-info div:last-of-type {
    width: 100%;
}

form.request-info div textarea {
    width: 100%;
    height: 150px;
}

/* Register form new */

section#registerForm form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#registerForm .course-details,
section#registerForm .personal-details,
section#registerForm .payment_details,
section#registerForm .billing_details {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #36363630;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

section#registerForm div div.registration-header {
    width: 100%;
    margin-bottom: 10px;
}

section#registerForm div div.registration-header h3 {
    text-transform: none;
    font-weight: 600;
    font-size: 24px;
}

section#registerForm div div {
    margin-bottom: 25px;
}

section#registerForm .course-details div:nth-child(2),
section#registerForm .course-details div:nth-child(4) {
    width: 24%;
}

section#registerForm .course-details div:nth-child(3) {
    width: 50%;
}

section#registerForm .personal-details div:nth-child(2) {
    width: 32%;
}

section#registerForm .personal-details div:nth-child(3) {
    width: 66%;
}

section#registerForm .personal-details div:nth-child(5),
section#registerForm .personal-details div:nth-child(6),
section#registerForm .personal-details div:nth-child(7),
section#registerForm .personal-details div:nth-child(8),
section#registerForm .personal-details div:nth-child(9),
section#registerForm .personal-details div:nth-child(10),
section#registerForm .personal-details div:nth-child(11),
section#registerForm .personal-details div:nth-child(12),
section#registerForm .personal-details div:nth-child(4) {
    width: 32%;
}

section#registerForm .billing_details div:nth-child(2) {
    width: 32%;
}

section#registerForm .billing_details div:nth-child(3) {
    width: 66%;
}

section#registerForm .billing_details div:nth-child(5),
section#registerForm .billing_details div:nth-child(6),
section#registerForm .billing_details div:nth-child(7),
section#registerForm .billing_details div:nth-child(8),
section#registerForm .billing_details div:nth-child(9),
section#registerForm .billing_details div:nth-child(10),
section#registerForm .billing_details div:nth-child(11),
section#registerForm .billing_details div:nth-child(12),
section#registerForm .billing_details div:nth-child(4) {
    width: 32%;
}

section#registerForm div div select,
section#registerForm div div input {
    margin-top: 0;
}

section#registerForm div div span {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

section#registerForm form div:last-of-type:not(section#registerForm form div div) {
    width: 79%;
}

section#registerForm form div:last-of-type:not(section#registerForm form div div) label {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

section#registerForm form div:last-of-type:not(section#registerForm form div div) label a {
    font-weight: 500;
    text-decoration: underline;
    transition: all 300ms ease-in-out;
}

section#registerForm form div:last-of-type:not(section#registerForm form div div) label a:hover {
    color: red;
}

section#registerForm form div:last-of-type:not(section#registerForm form div div) label input {
    margin-right: 5px;
}

section#registerForm form span.btn {
    width: 20%;
}

/* Certificates page */

article.single-partner {
    width: 100%;
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #797979;
    position: relative;
    padding-left: 160px;
}

article.single-partner figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 100%;
    overflow: hidden;
    border: 10px solid transparent;
}

article.single-partner figure img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    padding: 10px;
}

article.single-partner div {
    width: 100%;
}

article.single-partner span {
    width: 20%;
}

article.single-partner .btn {
    width: 20%;
    margin-top: 15px;
}

/******************************************  RESPONSIVE STYLE STARTS HERE!  ******************************************/

/* device 1650px */

@media (max-width:1650px) {
    /* Header */
    /* Listing pages */
    /* Calendar */
    /* body.calendar section#courses {
    justify-content: flex-start;
}
body.calendar section#courses div.months {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
body.calendar section#courses a.btn:not(table a.btn){
  margin-right: 30px;
} */
    body.calendar section#courses div.months {
        width: 65%;
    }
    body.calendar section#courses div.months a {
        margin-right: 10px;
    }
    body.calendar section#courses a.btn:not(table a.btn) {
        padding: 0 15px;
    }
}

@media (max-width:1540px) {
    section#filters form .filterOptions button {
        padding-right: 50px;
    }
    section#filters form span.btn {
        padding: 0 20px;
    }
    section#filters form input[type="text"] {
        width: 20%;
    }
    .course-finder section#filters form input[type="text"] {
        width: 100%;
    }
    div#footerSM a {
        margin-right: 20px;
    }
    /* page titles */
    /* body.bannerSmall section#pageTitle .container figure {
    height: 180px;
  } */
    body.bannerSmall section#pageTitle {
        margin-bottom: 20px;
    }
    /* section#pageIntro{
    margin-top:0;
  } */
    /* Filters bar */
    section#filters {
        padding: 20px 15px;
    }
    section#orderOpt {
        margin-top: 20px;
    }
    section#filterApplied {
        margin-bottom: 0;
    }
    /* list view courses */
    .list-view article.single-course:first-of-type {
        border-top: 1px solid #eaeaea;
        padding-top: 15px;
    }
    .list-view article.single-course {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    /* Homepage */
    section#formats a.buttonBox section {
        padding-right: 70px;
    }
}

/* device 1440px */

@media (max-width:1440px) {
    /* Fonts */
    h1 {
        font-size: 34px;
        line-height: 38px;
    }
    h2 {
        font-size: 30px;
        line-height: 32px;
    }
    p.subtitle,
    p.subtitle a {
        font-size: 18px;
        line-height: 22px;
    }
    /* Buttons */
    a.box h3 {
        font-size: 18px;
        line-height: 20px;
    }
    a.circleBox h3 {
        font-size: 18px;
        line-height: 20px;
    }
    a.buttonBox section h3,
    a.buttonBox section p {
        font-size: 18px;
        line-height: 22px;
    }
    /* HEADER */
    nav#mainNavigation ul.nav .big-nav>ul>li>a {
        font-size: 15px;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li.show>a {
        padding-left: 10px;
    }
    nav#mainNavigation ul.nav>li:hover>ul {
        border: 25px solid #363636;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul {
        /*padding: 25px;*/
    }
    /* Footer */
    section.footer section {
        padding: 0 20px;
    }
    .footer h4 {
        margin-bottom: 5px;
    }
    .footer p,
    .footer li {
        font-size: 13px;
    }
    form.footerform div {
        width: 80%;
    }
    div#footerNewsletter form {
        padding-right: 26%;
    }
    /* PAGE TEMPLATES */
    body.bannerFull section#pageTitle .container {
        min-height: 260px;
    }
    /* Listing pages, filter and display options */
    section#filters form p {
        font-size: 16px;
    }
    section#filters form .filterOptions button {
        padding-right: 45px;
    }
    .list-view article.single-course a.course-link .titleDesc h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .grid-view article.single-course h3 {
        line-height: 18px;
    }
    .grid-view article.single-course .details small,
    .grid-view article.single-course .details b {
        font-size: 14px;
    }
    body.newCourses section#pageTitle .container figure,
    body.twoWeeksTraining section#pageTitle .container figure {
        background-color: #363636;
        padding: 30px;
    }
    /* Homepage */
    section#homeBanner h1 {
        margin: 0;
    }
    .grid-view article.single-course span {
        height: 100px;
    }
    section#categories a.buttonBox span {
        min-height: 140px;
    }
    section#homeBanner div.banner-content {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    section#about h2 {
        margin-bottom: 20px;
    }
    section#formats div:first-of-type {
        width: 35%;
    }
    section#formats div:last-of-type {
        width: 66.66%;
    }
    section#formats div:first-of-type p {
        margin-top: 10px;
    }
    section#formats div:last-of-type {
        width: 65%;
        padding-left: 40px;
    }
    section.row a.circleBox {
        padding: 20px 10px;
    }
    section#hpIcons p.statement {
        font-size: 42px;
        line-height: 38px;
    }
    section#hpIcons .iconTxt {
        width: 22%;
    }
    section#bottomHiddenSection .container:before {
        width: 70px;
        height: 70px;
    }
    section#bottomHiddenSection .container {
        padding-left: 90px;
    }
    section#cta div {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /* Banner cat + venues */
    section#catVenueSelector div:before {
        width: 60px;
        height: 60px;
        border: 5px solid transparent;
    }
    section#catVenueSelector div {
        padding-left: 70px;
    }
    section#catVenueSelector form span.btn {
        width: 200px;
        padding-left: 0;
        padding-right: 0;
    }
    /* COURSE PAGE */
    /* body.single-course h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
  } */
    section#options div {
        padding: 20px 0;
    }
    section#accreditation span {
        height: 70px;
    }
    section#courseContent section:not(:last-of-type) {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    /* Calendar pages */
    body.calendar section#courses div.months {
        width: 65%;
    }
    body.calendar section#courses a.btn:not(table a.btn) {
        padding: 0 10px;
    }
    /* Section related */
    section#related.three-boxes article {
        padding-left: 160px;
    }
    section#related.three-boxes article span {
        width: 150px;
    }
}

/* device 1366px */

@media (max-width:1366px) {
    /* FONTS */
    h3 {
        font-size: 26px;
        line-height: 28px;
    }
    /* h3:not(.owl-carousel h3)::before {
    width: 26px;
    height: 26px;
  } */
    /* FOOTER */
    .footer p,
    .footer li {
        font-size: 12px;
        line-height: 18px;
    }
    /* Homepage */
    section#categories a.box {
        padding: 20px 10px;
    }
    section#featuredCat a.box h4 {
        font-size: 16px;
    }
    section.super-category {
        margin-bottom: 30px;
    }
    /* Listing pages, filter and display options */
    section#filters form span.btn {
        min-width: 160px;
    }
    section#filters form section.checkboxes label {
        font-size: 13px;
    }
    section#filterCategories div {
        padding-right: 10px;
        margin-right: 10px;
        max-width: 100%;
    }
    .list-view article.single-course a.course-link {
        padding-right: 15px;
        margin-right: 15px;
    }
    .list-view article.single-course .details {
        padding-right: 10px;
    }
    .list-view article.single-course .details small,
    .list-view article.single-course .details small b {
        font-size: 14px;
    }
    /* About us */
    body.about section div.grid-style article h4 {
        font-size: 18px;
        line-height: 20px;
    }
    div#inhouseList article h4 {
        font-size: 16px;
        line-height: 18px;
    }
    section#visionMission div,
    section#responsibility div {
        padding-left: 40%;
    }
    section#visionMission div:before,
    section#responsibility div:before {
        width: 40%;
        max-width: calc(40% - 40px);
    }
    section#values div ul li {
        letter-spacing: -0.5px;
        margin-bottom: 10px;
    }
    /* About us page */
    body.about section .categories-about a.categoryButton {
        width: 33.33%;
        max-width: calc(33.33% - 10px);
    }
    /* Course page */
}

/* device 1280px */

@media (max-width:1280px) {
    /* FONTS */
    h1 {
        font-size: 32px;
        line-height: 36px;
    }
    h3 {
        font-size: 22px;
        line-height: 26px;
    }
    p.subtitle,
    p.subtitle a {
        font-size: 20px;
        line-height: 22px;
    }
    /* Buttons */
    .btn {
        min-height: 30px;
    }
    a.buttonBox section {
        padding: 10px;
    }
    a.buttonBox section h3,
    a.buttonBox section p {
        font-size: 18px;
    }
    /* Spaces */
    .padding-top-bottom-big {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .padding-top-big {
        padding-top: 80px;
    }
    .padding-bottom-big {
        padding-bottom: 80px;
    }
    .padding-top-bottom-medium {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .padding-top-medium {
        padding-top: 60px;
    }
    .padding-bottom-medium {
        padding-bottom: 60px;
    }
    /* Header & Navigation */
    nav#mainNavigation ul.nav {
        padding-left: 3%;
    }
    nav#mainNavigation ul.nav a.topLink {
        font-size: 14px;
    }
    nav#mainNavigation ul.nav>li:hover>ul {
        border: 30px solid #363636
    }
    nav#mainNavigation ul.nav .big-nav>ul>li.show>a {
        padding-left: 12px;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li>ul>li a span {
        width: 35px;
        height: 35px;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul {
        padding: 20px;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li.show>a,
    nav#mainNavigation ul.nav .big-nav>ul>li>a,
    nav#mainNavigation ul.nav .big-nav>ul>li>ul>li a {
        font-size: 14px;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li>ul>li a {
        padding: 8px 0;
    }
    nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul li {
        width: 100%;
    }
    /* FOOTER */
    div#footerSM a {
        margin-right: 10px;
    }
    .footer h4 {
        font-size: 14px;
    }
    .footer p,
    .footer li {
        font-size: 12px;
        line-height: 21px;
    }
    section.footer section {
        padding: 0 20px;
    }
    /* Page templates */
    body.bannerFull section#pageTitle .container {
        min-height: 240px;
    }
    /* No Banner */
    /* Short banner */
    /* Full banner */
    body.bannerFull section#pageTitle .container {
        min-height: 260px;
    }
    body.bannerFull section#pageIntro {
        margin-top: 40px;
    }
    .footer form textarea {
        max-height: 50px;
    }
    /* HOMEPAGE */
    /* Categories */
    section#categories a.buttonBox span {
        min-height: 110px;
    }
    /* Formats */
    section#formats a.buttonBox span {
        min-height: 130px;
    }
    .owl-logos {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* Listing pages, filter and display options */
    section#filters form .filterOptions button {
        padding-right: 30px;
        max-height: 30px;
        display: flex;
        align-items: center;
    }
    section#filters form input[type="text"] {
        height: 30px;
        min-height: 30px;
    }
    section#filters form span.btn {
        min-width: 150px;
    }
    section#filters form input[type="submit"] {
        font-size: 14px;
    }
    section#filters form p {
        font-size: 18px;
        margin-bottom: 10px;
    }
    section#filters form section.checkboxes label {
        color: black;
        font-size: 14px;
    }
    section#filters form .filterOptions button:after {
        width: 6px;
        height: 6px;
    }
    body.listing .grid-view article.single-course {
        width: 25%;
    }
    /* Banner cat + venue */
    section#catVenueSelector div {
        width: 100%;
        padding-right: 40px;
    }
    section#catVenueSelector form {
        width: 100%;
    }
    section#catVenueSelector form span.btn {
        min-height: 40px;
    }
    /* Parent category */
    body.parent-category .tabs .tab:last-of-type section section#courses.grid-view article.single-course {
        width: 25%;
    }
    /* Course page */
    section#options div {
        flex-wrap: wrap;
    }
    section#options div a.btn {
        padding-left: 15px;
        padding-right: 15px;
    }
    section#options div a.btn button {
        font-size: 14px;
    }
    section#courseDates section {
        max-width: calc(50% - 10px);
    }
    section#courseDates section table th,
    section#courseDates section table td,
    section#courseDates section table td a {
        font-size: 14px;
    }
    section#courseDates section table .onlineTime {
        letter-spacing: -0.5px;
    }
    section#courseDates section table .classroomLink,
    section#courseDates section table .onlineLink {
        padding-right: 15px;
    }
    section#courseDates section table th:not(:last-of-type,
    :nth-child(3)),
    section#courseDates section table td:not(:last-of-type) {
        margin-right: 7px;
        padding-right: 7px;
    }
    section#courseDates section table thead tr {
        padding-top: 0;
    }
    /* body.single-course h2:before {
    width: 25px;
    height: 25px;
    margin-right: 5px;
  } */
    /* In house page */
    body.in-house section#formCont form section:last-of-type div:nth-child(11) {
        width: 63%;
    }
    section#formCont form section div select,
    section#formCont form section div input:not(input[type="checkbox"]),
    section#formCont form section div textarea,
    body.in-house section#formCont form section .btn {
        min-height: 40px;
        padding: 5px 10px;
    }
    section#formCont form section div {
        margin-bottom: 25px;
    }
    section#formCont form section div textarea {
        min-height: 80px;
        border-radius: 10px;
    }
    section#formCont form section div span {
        margin-bottom: 5px;
    }
    /* Calendar */
    body.calendar section#courses div.months {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    body.calendar section#courses {
        justify-content: flex-end;
    }
    body.calendar section#courses a.btn:not(table a.btn) {
        margin-left: 10px;
    }
    /* Contacts */
    section#contactForm div#sideInfo {
        width: 25%;
    }
    section#contactForm form {
        width: 75%;
        max-width: calc(75% - 40px);
    }
    section#contactForm div#sideInfo h3 span {
        display: block;
    }
    section#contactForm form div#contactMethod {
        width: 100%;
    }
    section#contactForm form div#contactMethod span {
        margin-bottom: 15px;
    }
    section#contactForm form div#email {
        width: 49%;
    }
    section#contactForm form div#mobile {
        width: 49%;
    }
    section#contactForm form div#name {
        width: 80%;
    }
    section#contactForm form div#termsConditions {
        margin-bottom: 0;
        width: 70%;
    }
    body.bannerLess section#pageIntro div {
        margin-bottom: 20px;
    }
    /* Downloads */
    section#courseBrochures article.download {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    article.download h4 {
        font-size: 16px;
        line-height: 16px;
    }
    /* Single article page */
    body.single-article section.main article section.course-banner a p:nth-child(1) {
        width: 45%;
        font-size: 14px;
        line-height: 14px;
    }
    body.single-article section.main article section.course-banner a span.btn {
        padding: 0 10px;
    }
}

/* Special for body full width */

@media (max-width:1200px) {
    /* SPACES */
    .padding-top-bottom-medium {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .padding-top-medium {
        padding-top: 60px;
    }
    .padding-bottom-medium {
        padding-bottom: 60px;
    }
    /* FOOTER */
    section.footer section:last-of-type {
        padding: 20px 0 0;
        border-top: 1px solid #ffffff36;
        width: 100%;
        margin-top: 20px;
    }
    section.footer section:nth-child(3) {
        padding-right: 0;
        border-right: 0;
    }
    section.footer section {
        width: 33.33%;
    }
    section.footer section ul {
        column-count: 2;
        column-gap: 30px;
    }
    section.footer section:first-of-type {
        display: block;
    }
    /* .footer p br {
    display: none;
  } */
}

/* TABLET RULES */

/* device 1024px */

@media (max-width:1024px) {
    /* FONTS */
    h1 {
        font-size: 28px;
        line-height: 32px;
    }
    h1 span {
        display: initial;
    }
    h3 {
        font-size: 22px;
        line-height: 24px;
    }
    /* h3:not(.owl-carousel h3)::before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  } */
    /* Buttons */
    a.box:after {
        opacity: .6;
    }
    /* HEADER */
    /* header {
    padding-top: 20px;
    padding-bottom: 20px;
  } */
    nav#mainNavigation {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    form#quickSearch {
        width: 50%;
        position: relative;
        padding-left: 0;
        margin-left: 25%;
    }
    /* Navigation */
    /* nav#mainNavigation ul.nav {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  nav#mainNavigation ul.nav li.topNav {
    padding: 0;
  }
  nav#mainNavigation ul.nav > li:hover > ul {
    display: block;
    float: left;
    position: relative;
  }
  header.fixedHeader nav#mainNavigation ul.nav li.topNav{
    padding: 0;
  }
  nav#mainNavigation ul.nav a.topLink,   div#sideNavigation ul li.sideNavItem a {
      padding: 15px 10px;
      font-size:16px;
  }
  div#sideNavigation ul li.sideNavItem:hover, div#sideNavigation ul li.sideNavItem:focus{
      background-color: #ec1c2d;
  }
  div#sideNavigation ul li.sideNavItem:hover a, div#sideNavigation ul li.sideNavItem:focus a{
      color: white;
      font-weight:600;
  }
  nav#mainNavigation ul.nav > li:hover > ul {
    border: 0;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li, nav#mainNavigation ul.nav .big-nav > ul > li.show, nav#mainNavigation ul.nav > li.small-nav:hover > ul li  {
    width: 100%;
    border: 0;
    background-color:white;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li.show > a, nav#mainNavigation ul.nav .big-nav > ul > li > a, nav#mainNavigation ul.nav .big-nav > ul > li > ul > li a, nav#mainNavigation ul.nav > li.small-nav:hover > ul li a {
    color:black;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li.show > ul {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    left: 0;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > ul > li.visualiseCats ul {
    padding: 0;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > ul > li.visualiseCats ul li {
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px solid #eaeaea;
  }
  button#closeSideNav:before {
      width: 80%;
      height: 2px;
      border-radius: 2px;
      background-color: white;
      display: block;
      content: '';
      position: absolute;
  }
  button#closeSideNav:after {
      width: 2px;
      height: 80%;
      border-radius: 2px;
      background-color: white;
      display: block;
      content: '';
      position: absolute;
  }
  div#sideNavigation ul li {
      display: block;
      float: left;
      width: 100%;
      border-bottom: 1px solid #0000001a;
  }
  nav#mainNavigation ul.nav a.topLink {
    text-transform: none;
  }
  nav#mainNavigation ul.nav .big-nav {
    position: relative;
  }
  nav#mainNavigation ul.nav li.topNav:hover::after, nav#mainNavigation ul.nav li.topNav:focus::after{
    border-left: 2px solid white;
    border-top: 2px solid white;
    border-bottom: 0;
    border-right:0;
  }
  li.big-nav:after, li.small-nav:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    top: 16px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    transform: rotate(45deg);
  }
  div#sideNavigation ul li a{
    text-transform: none;
    padding: 15px 0;
    display: block;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > a {
      padding: 10px;
      float: left;
      width: 100%;
  }
  nav#mainNavigation ul.nav .big-nav > ul {
      display: block;
      visibility: visible;
      position: relative;
      opacity: 1;
      background-color: #363636;
      float: left;
      transform: none;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > ul {
      display: block;
      position: relative;
      width: 100%;
      left: 0;
      float: left;
      background-color: #363636;
  }
  nav#mainNavigation ul.nav li.topNav.hideFirst > ul{
    display: none;
    visibility: hidden;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > ul > li.visualiseCats ul.hideSec{
    display: none;
    visibility: hidden;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > a, nav#mainNavigation ul.nav a.topLink, div#sideNavigation ul li.sideNavItem a, nav#mainNavigation ul.nav > li.small-nav:hover > ul li a {
      padding: 15px;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li.hideSec ul{
    display: none;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li > ul > li a span{
    display: none;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li.last-big{
    display: none;
  }
  div#sideNavigation ul li.sideNavItem a{
  } */
    /*
  nav#mainNavigation ul.nav .big-nav > ul > li > ul > li a{
    background-color:white;
  }
  nav#mainNavigation ul.nav .big-nav > ul > li.show a.parentCat:after {
    right: 20px;
    border-top: 2px solid #EC1C33;
    border-right: 2px solid #EC1C33;
    }
    nav#mainNavigation ul.nav .big-nav > ul > li.show > a, nav#mainNavigation ul.nav .big-nav > ul > li > a, nav#mainNavigation ul.nav .big-nav > ul > li > ul > li a {
    font-size: 16px;
    padding: 10px 15px;
    }
    */
    /* NEW MOBILE NAVIGATION */
    div#sideNavigation {
        padding-top: 100px;
    }
    ul.level2-container,
    ul.level3-container {
        display: none;
    }
    ul.level2-container.visible,
    ul.level3-container.visible {
        display: block;
    }
    ul#mobileNav {
        display: block;
        width: 100%;
        padding: 0 30px;
    }
    ul#mobileNav>li.level1 {
        border-bottom: 1px solid #ec1c2d;
    }
    ul#mobileNav>li.level1>p {
        padding: 3px 0 15px;
        position: relative;
    }
    ul#mobileNav>li.level1>a {
        text-transform: none;
        padding-left: 0;
    }
    ul#mobileNav>li.level1>p:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%) rotate(45deg);
        width: 12px;
        height: 12px;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
        opacity: .7;
        transition: all 300ms ease-in-out;
    }
    ul#mobileNav>li.level1>p.clicked {
        font-weight: 700;
        color: #ec1c2d;
    }
    ul#mobileNav>li.level1>p.clicked:after {
        transform: translateY(-50%) rotate(-135deg);
    }
    ul#mobileNav>li.level1>ul.level2-container.visible {
        padding-bottom: 20px;
        display: block;
        float: left;
        width: 100%;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2 {
        border-bottom: 1px solid #0000001a;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2:last-of-type {
        border-bottom: 0;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2 p {
        padding: 10px 0;
        position: relative;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2 a {
        padding-left: 0;
        text-transform: none;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2 p:after {
        content: '+';
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: 32px;
        color: #ec1c2d;
        font-weight: 300;
        transition: all 300ms ease-in-out;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible li.level2 p.clicked:after {
        transform: translateY(-50%) rotate(45deg);
        font-weight: 600;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible li.level2 p.clicked {
        font-weight: 700;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2>ul.level3-container.visible {
        display: block;
        float: left;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2>ul.level3-container.visible>li.level3 a {
        padding: 10px 0;
        text-transform: none;
        font-weight: 300;
    }
    ul#mobileNav>li.level1>ul.level2-container.visible>li.level2>ul.level3-container.visible>li.level3 {
        border-bottom: 0;
    }
    /* Footer */
    /* BUTTON OPEN FILTER OPTIONS */
    button#closeSideNav {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    button#openFilterForm {
        position: absolute;
        top: -60px;
        height: 60px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 15px 80px;
        background-color: #eb0029;
        color: white;
        text-transform: uppercase;
    }
    button#openFilterForm:before {
        content: '';
        width: 40px;
        height: 40px;
        border-radius: 40px;
        display: block;
        position: absolute;
        background-color: white;
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
    }
    button#openFilterForm:after {
        content: '';
        width: 15px;
        height: 15px;
        display: block;
        float: left;
        border-right: 2px solid;
        border-bottom: 2px solid;
        position: absolute;
        top: 50%;
        right: 0;
        transform: rotate(45deg) translate(-100%);
        transform-origin: 0 50%;
        transition: all 300ms ease-in-out;
    }
    button#openFilterForm:hover::after,
    button#openFilterForm:focus::after {
        transform: rotate(-135deg);
    }
    /*
  section#bottomHiddenSection {
    z-index: 4;
    background-color: #363636;
    transition: all 300ms ease-in-out;
  }
  section#bottomHiddenSection.open {
    bottom: 0!important;
  } */
    /* Filters */
    section#filters form span.btn {
        position: relative;
        right: 0;
        min-width: 260px;
    }
    /* FOOTER */
    section.footer section {
        padding: 0 10px;
    }
    section.footer section ul {
        column-gap: unset;
    }
    .footer input {
        font-size: 12px;
    }
    .footer p {
        letter-spacing: -0.5px;
    }
    .footer form input[type="text"] {
        height: 40px;
        max-height: 40px;
        margin-bottom: 0;
        width: 49%;
    }
    .footer form textarea {
        max-height: 100px;
    }
    div#footerNewsletter form {
        padding-right: 25%;
    }
    /* Page templates */
    /* No Banner */
    body.bannerLess section#pageTitle {
        margin-top: 40px;
        margin-bottom: 20px;
    }
    body.bannerLess section#pageTitle div.container figure {
        width: 80px;
        height: 80px;
    }
    /* Short banner */
    body.bannerSmall section#pageTitle {
        margin-bottom: 20px;
        margin-top: 0;
    }
    body.bannerSmall section#pageTitle .container figure {
        height: 160px;
    }
    /* Full banner */
    body.bannerFull section#pageTitle .container {
        min-height: 220px;
    }
    /* HOMEPAGE */
    section#formats a.buttonBox section {
        padding-right: 10px;
    }
    section#venues div:last-of-type {
        width: 100%;
        height: unset !important;
    }
    section#venues div:last-of-type a.simpleLink:before {
        top: 30%;
        transform: rotate( 135deg);
    }
    section#venues div:last-of-type a.simpleLink {
        width: 33.33%;
        margin-bottom: 15px;
    }
    section#venues a.btn {
        margin-top: 10px;
    }
    section#cta div p {
        width: 60%;
    }
    section#clients,
    section#testimonials {
        width: 100%;
        height: unset !important;
    }
    .owl-testimonials {
        height: auto;
    }
    .owl-testimonials .owl-stage-outer,
    .owl-testimonials .owl-stage,
    .owl-testimonials .owl-item {
        height: auto;
    }
    section#clients a.btn,
    section#testimonials a.btn,
    section#about a.btn {
        position: relative;
        margin-top: 15px;
    }
    article.single-testimonial em {
        margin-bottom: 20px;
    }
    /*
  section#bottomHiddenSection .container:before{
    content: none;
  }
  section#bottomHiddenSection .container {
    padding-left: 0;
  }
  section#bottomHiddenSection .container form{
    flex-wrap: wrap;
  }
  section#bottomHiddenSection .container form input[type="text"] {
    width: 32%;
    margin-bottom: 20px;
    min-height: 40px;
  }
  section#bottomHiddenSection .container form select {
    width: 32%;
    margin-bottom: 15px;
    min-height: 40px;
  }
  section#bottomHiddenSection h2{
    margin-bottom: 20px;
  }
  section#bottomHiddenSection .container form span.btn {
    height: 40px;
    max-height: 40px;
    min-height: 40px;
    width: 100%;
  }
  section#bottomHiddenSection .container form span.btn:before{
    background-color: #ec1c2d;
  } */
    /* Listing pages, filter and display options */
    body.listing div#breadcrumbs {
        padding: 0 !important;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    body.listing section:nth-child(2) {
        padding-top: 0;
        padding-bottom: 0;
    }
    button#openFilters {
        background-color: #ec1c2d;
        padding: 15px 100px;
        border-radius: 5px;
        color: white;
        /* margin-top:30px; */
        margin-bottom: 30px;
        width: 100%;
    }
    section#filters.open {
        bottom: 0 !important;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        top: 0;
        background-color: white;
        z-index: 20;
        margin: 0;
        left: 0;
        padding: 140px 40px 80px;
        border-radius: 0;
    }
    /* section#filters {
    position: fixed;
    z-index: 10;
    padding-top:30px;
  } */
    section#filters.close {
        display: none;
    }
    button#closePanel {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        position: absolute;
        right: 40px;
        top: 80px;
        background-color: black;
        background-image: url(img/close-icon.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        border: 15px solid transparent;
        transition: all 300ms ease-in-out;
    }
    button#closePanel:hover {
        transform: rotate(90deg);
    }
    /* section#filters.open {
    bottom: 0!important;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0;
  } */
    section#filters {
        background-color: white;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin-top: 30px;
    }
    section#filters form span.btn {
        margin-top: 20px;
        min-height: 40px;
    }
    section#filters form {
        display: flex;
        align-items: start;
        justify-content: unset;
        flex-direction: column;
    }
    section#filters form p {
        font-size: 16px;
        width: 100%;
        border-bottom: 1px solid;
        padding-bottom: 20px;
        order: 0;
    }
    section#filters form section,
    section#filters form .filterOptions {
        width: 100%;
    }
    section#filters form .filterOptions button {
        width: 100%;
        text-align: left;
        padding-left: 0;
        border-bottom: 1px solid white;
    }
    section#filters form .filterOptions button:before {
        content: none;
    }
    section#filters form .filterOptions button:after {
        width: 10px;
        height: 10px;
        right: 0;
    }
    section#filters form section.checkboxes {
        position: relative;
        float: left;
        padding: 0;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    section#filters form .search_type {
        width: 100%;
        margin-right: 0;
        max-width: unset;
        border-bottom: 1px solid #363636;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .labels.close {
        display: none;
    }
    .labels {
        position: relative;
        background: white;
        padding: 0;
        width: 100%;
        float: left;
        z-index: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset;
    }
    section#filters form .filterOptions:hover button,
    section#filters form .filterOptions:focus button {
        background-color: white;
        color: #363636;
    }
    section#filters form input[type="text"] {
        height: 40px;
        margin: 20px 0;
        width: 100%;
        float: left;
    }
    section#filters form .filterOptions button {
        border-radius: 0;
        border: 0;
        margin: 0;
        border-bottom: 1px solid;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-top: 0;
        min-height: unset;
        max-height: unset;
        height: unset;
    }
    section#filters form .filterOptions:hover,
    section#filters form .filterOptions:focus {
        background-color: white;
    }
    section#filters form .filterOptions button:hover,
    section#filters form .filterOptions button:focus {
        background-color: white;
        color: #fff;
    }
    section#filters.open form span.btn {
        order: 3;
        position: relative;
        min-height: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 10px 60px;
        z-index: 10;
    }
    section.checkboxes.hide,
    section#filterCategories.hide {
        display: none;
        opacity: 0;
        visibility: hidden;
    }
    section#filterCategories div,
    section#filterCategories div:nth-child(2),
    section#filterCategories div:last-of-type {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        border-right: 0 !important;
    }
    section#filterCategories div,
    section#filterCategories div:nth-child(2) {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #363636;
    }
    section#filters form p {
        border: 0;
        padding: 0;
        margin-bottom: 10px;
    }
    section#filters form section#filterCategories div ul li {
        width: 25%;
    }
    section#filterCategories div:nth-child(2) ul {
        column-count: unset;
    }
    section#orderOpt {
        margin-top: 0;
    }
    .list-view article.single-course {
        flex-wrap: wrap;
    }
    .list-view article.single-course a.course-link {
        padding-right: 15px;
        margin-right: 15px;
    }
    .list-view article.single-course .details {
        padding-right: 15px;
    }
    .list-view article.single-course .details small,
    .list-view article.single-course .details small b {
        font-size: 14px;
    }
    .list-view article.single-course .details small:last-of-type {
        margin: 0;
        padding: 0;
    }
    .list-view article.single-course .details small b {
        display: initial;
    }
    .list-view article.single-course a.course-link .titleDesc h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .list-view article.single-course a.course-link .titleDesc p {
        font-size: 14px;
        line-height: 16px;
    }
    .list-view article.single-course a.course-link-button.btn {
        padding: 0 15px;
    }
    .list-view article.single-course {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    body.listing .grid-view article.single-course {
        width: 33.33%;
    }
    body.listing.bannerSmall section#related a.categoryButton {
        width: 33.33%;
        max-width: calc(33.33% - 10px);
    }
    /* ALL CATEGORIES AND VENUES PAGES */
    section#catList a.categoryButton {
        width: 33.33%;
        max-width: calc(33.33% - 20px);
    }
    body.listing.bannerSmall section#pageTitle section#topics p {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        margin-bottom: 5px;
        font-size: 18px;
    }
    body.listing.bannerSmall section#pageTitle section#topics a {
        display: block;
        float: left;
    }
    /* SECTION RELATED */
    body.listing.bannerSmall section#related.list-only ul li {
        width: 33.33%;
    }
    section#related.two-boxes article {
        max-width: calc(50% - 30px);
    }
    section#related.three-boxes article {
        width: 50%;
        max-width: calc(50% - 30px);
        padding-left: 220px;
        margin-bottom: 30px;
    }
    section#related.three-boxes article span {
        width: 200px;
    }
    /* Section category + venue selector */
    section#catVenueSelector {
        flex-wrap: wrap;
    }
    section#catVenueSelector div {
        margin-bottom: 30px;
    }
    section#catVenueSelector form select {
        width: 40%;
        max-width: calc(40% - 10px);
    }
    /* Course page */
    body.single-course h1 {
        font-size: 26px;
        margin-bottom: 5px;
    }
    body.single-course section#tablesDates {
        margin-top: 40px;
    }
    aside#courseInfo section:first-of-type {
        padding-top: 40px;
    }
    aside#courseInfo section#association a:not(.btn) {
        width: 100%;
    }
    section#register a.btn:not(:last-of-type) {
        padding: 0 10px;
    }
    section#courseDates section {
        width: 100%;
        max-width: 100%;
    }
    section#courseDates section table {
        padding: 10px;
    }
    section#courseDates table:first-of-type {
        margin-bottom: 20px;
    }
    section#options div h2 {
        cursor: pointer;
    }
    section#options div h2 {
        cursor: pointer;
        position: absolute;
        background-color: #ec1c2d;
        padding: 20px;
        width: 40%;
        text-align: center;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 15px 100px;
        width: fit-content;
        font-size: 16px;
        line-height: 18px;
    }
    section#options div h2:before {
        border: 0;
        width: 30px;
        height: 30px;
        border-radius: 0;
        left: 20px;
    }
    section#options {
        transition: all 300ms ease-in-out;
    }
    section#options.open {
        bottom: 0 !important;
    }
    section#options div a.btn {
        padding-left: 35px;
        padding-right: 35px;
    }
    body.single-course section#pageIntro {
        margin-bottom: 0;
    }
    section#options div {
        padding: 35px 0;
    }
    section#related div.relTxt {
        width: 100%;
        max-width: unset;
    }
    section#related div.owl-home {
        width: 100%;
        margin-top: 20px;
    }
    /* In house page */
    body.in-house section#formCont form section:first-of-type div:nth-child(1) {
        width: 65%;
    }
    body.in-house section#formCont form section:first-of-type div:nth-child(2) {
        width: 30%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(1) {
        width: 15%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(2) {
        width: 80%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(3),
    body.in-house section#formCont form section:last-of-type div:nth-child(4),
    body.in-house section#formCont form section:last-of-type div:nth-child(5),
    body.in-house section#formCont form section:last-of-type div:nth-child(6),
    body.in-house section#formCont form section:last-of-type div:nth-child(7),
    body.in-house section#formCont form section:last-of-type div:nth-child(8),
    body.in-house section#formCont form section:last-of-type div:nth-child(9) {
        width: 32%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(10) {
        width: 66%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(11) {
        width: 60%;
    }
    body.in-house section#formCont form section a.btn,
    body.in-house section#formCont form section span.btn {
        padding: 0 40px;
    }
    /* Calendar */
    body.calendar section#courses table tbody .tbl-fee,
    body.calendar section#courses table tbody .tbl-venue,
    body.calendar section#courses table tbody .tbl-date {
        padding-left: 15px;
    }
    body.calendar section#courses table .tbl-title a,
    body.calendar section#courses table tbody .tbl-fee,
    body.calendar section#courses table tbody .tbl-venue,
    body.calendar section#courses table tbody .tbl-date {
        font-size: 14px;
        line-height: 16px;
    }
    body.calendar section#courses {
        justify-content: flex-end;
    }
    body.calendar section#courses a.btn:not(table a.btn) {
        margin-left: 10px;
    }
    body.calendar section#pageIntro a.btn {
        min-width: 45%;
    }
    section#courses {
        padding: 30px 15px;
    }
    /* About us */
    div#inhouseList article {
        width: 20%;
    }
    div#inhouseList article span {
        width: 60px;
        height: 60px;
    }
    body.about section div.grid-style article {
        padding: 15px;
    }
    section#values div ul li span {
        display: block;
    }
    section#values div ul li {
        margin-bottom: 10px;
    }
    section#responsibility ul li:not(ul>li>ul>li):first-of-type {
        margin-right: 0;
        margin-bottom: 10px;
    }
    section#visionMission div:before,
    section#responsibility div:before {
        width: 50%;
        max-width: calc(50% - 40px);
    }
    section#visionMission div,
    section#responsibility div {
        padding-left: 50%;
    }
    /* Contacts page */
    section#contactForm form {
        width: 100%;
        max-width: unset;
        margin: 0 auto;
    }
    section#contactForm div#sideInfo {
        width: 100%;
        margin-top: 40px;
        padding-top: 0;
        padding-left: 33.33%;
    }
    section#contactForm div#sideInfo:before {
        transform: unset;
        width: 33.33%;
        max-width: calc(33.33% - 20px);
        height: 100%;
    }
    /* Downloads page */
    section#companyMat {
        padding-top: 40px;
    }
    section#courseBrochures article.download,
    section#companyMat article.download {
        width: 49%;
        margin-bottom: 15px;
    }
    section#companyMat article.download {
        min-height: unset;
    }
    /* Articles page */
    article.single-article {
        width: 50%;
    }
    aside#blogAside section h3 {
        font-size: 20px;
        line-height: 20px;
    }
    aside#blogAside section h3:before {
        width: 20px;
        height: 20px;
    }
    aside#blogAside section div {
        margin-top: 5px;
        padding: 30px 15px;
    }
    aside#blogAside section div a.box h4 {
        font-size: 16px;
        line-height: 16px;
    }
    /* Testimonials page */
    body.testimonials article.single-testimonial em {
        margin-bottom: 0;
    }
    /* Single career page */
    section#apply form div span {
        font-size: 14px;
    }
}

/* device 924px */

@media (max-width:960px) {
    /* Fonts */
    h1 {
        font-size: 26px;
        line-height: 28px;
    }
    h2 {
        font-size: 22px;
        line-height: 24px;
    }
    /* Spaces */
    .padding-top-bottom-medium {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .padding-top-medium {
        padding-top: 40px;
    }
    .padding-bottom-medium {
        padding-bottom: 40px;
    }
    /* Header */
    /*section#topBar, header, .main, .footer{
    padding-left: 25px!important;
    padding-right: 25px!important;
  }*/
    main
    /* FOOTER */
    div#footerSM a {
        margin-right: 5px;
    }
    section.footer section ul {
        display: none;
        column-count: 1;
    }
    section.footer section {
        padding: 20px 0 0;
        border-right: 0;
        border-top: 1px solid #ffffff36;
        width: 100%;
        margin-top: 20px;
        height: unset !important;
    }
    section.footer section:first-of-type {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
    }
    section.footer section h4 {
        position: relative;
    }
    h4#footerExpertise:after,
    h4#footerCompany:after {
        content: '';
        width: 15px;
        height: 15px;
        display: block;
        float: left;
        border-right: 2px solid;
        border-bottom: 2px solid;
        position: absolute;
        top: 50%;
        right: 0;
        transform: rotate(45deg) translate(-50%);
        transform-origin: 0 50%;
        transition: all 300ms ease-in-out;
    }
    h4#footerExpertise.less:after,
    h4#footerCompany.less:after {
        transform: rotate(-135deg) translate(-50%);
    }
    /* Page templates */
    section#pageIntro:not( body.bannerLess section#pageIntro) {
        margin-top: 0 !important;
        margin-bottom: 30px;
    }
    /* No Banner */
    /* Short banner */
    body.bannerSmall section#pageTitle .container {
        width: 100%;
    }
    body.bannerSmall section#pageTitle {
        margin-top: 0;
    }
    body.bannerSmall.listing section#pageTitle {
        margin-bottom: 0;
        min-height: 140px;
    }
    body.bannerSmall.listing section#pageTitle .container {
        display: flex;
        align-items: center;
    }
    body.bannerSmall section#pageTitle .container {
        padding-left: 0;
        flex-wrap: wrap;
    }
    body.bannerSmall section#pageTitle .container .heading {
        width: 75%;
        max-width: unset;
    }
    body.bannerSmall section#pageTitle .container figure {
        position: relative;
        width: 25%;
        max-width: calc(25% - 20px);
        float: left;
        margin-right: 20px;
    }
    body.bannerSmall.listing section#pageTitle .container figure,
    body.bannerSmall.parent-category section#pageTitle .container figure {
        height: 140px !important;
    }
    body.bannerSmall section#pageTitle .container figure img {
        width: 100%;
    }
    /* Full banner */
    body.bannerFull section#pageTitle .container {
        min-height: 180px;
        margin-bottom: 30px;
    }
    /* HOMEPAGE */
    section.super-category {
        width: 49%;
        margin-bottom: 20px;
        padding: 10px 5px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.15);
    }
    section.super-category h3 {
        margin-bottom: 0;
        padding-top: 60px;
        padding-left: 0;
        width: 100%;
        justify-content: center;
    }
    section.super-category h3 a {
        display: block;
        width: 100%;
        text-align: center;
    }
    section.super-category h3 span {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    section#featuredCat {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    section#featuredCat ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        height: unset !important;
    }
    section#featuredCat ul li {
        width: 49%;
    }
    section.super-category ul {
        display: none;
    }
    /* Listing pages, filter and display options */
    section#orderOpt select {
        min-width: 330px;
    }
    section#filters form section.checkboxes label {
        font-size: 14px;
        padding: 5px 0;
        display: block;
    }
    section#filters form section.checkboxes.full ul li,
    section#filters form section#filterCategories div ul li {
        width: 100%;
        margin: 0;
    }
    /*
  .list-view article.single-course{
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    align-items: flex-end;
  }
  .list-view article.single-course a.course-link {
    width: 40%;
    max-width: calc(40% - 20px);
  }
  .list-view article.single-course .details {
    width: 35%;
  }
  .list-view article.single-course .details {
    flex-wrap: wrap;
  }
  .list-view article.single-course > .details > small {
    width: 50%!important;
    margin-bottom: 0px;
    font-size: 14px;
    max-width: unset!important;
    border:0;
  }
  .list-view article.single-course .details small b{
    font-size: 16px;
  }
  .list-view article.single-course a.course-link .titleDesc {
    padding-right: 0;
  }
  .list-view article.single-course a.course-link-button.btn {
    position: relative;
    padding: 0 40px;
    width: 25%;
  } */
    .grid-view article.single-course span {
        height: 120px;
    }
    .grid-view article.single-course .details {
        margin-bottom: 10px;
    }
    section#related p {
        display: none;
    }
    body.listing:not(.category,
    .venue) section#related h2 {
        margin-bottom: 20px;
    }
    body.listing:not(.category,
    .venue) section#related article.relatedFormat h3 {
        margin-bottom: 15px;
    }
    /* CATEGORIES WITH TABS */
    /*
  .tabs .tab,
  .tabs label {
   order: initial!important;
   max-width: unset!important;
  }
  .tabs label {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid white;
  }
  .tabs .tab {
    padding: 30px;
  }
  section.tabCats .catLink {
    width: 33.33%;
  } */
    /* PARENT CATEGORY */
    /* body.parent-category section#related {
    margin-bottom: 40px;
    margin-top: 0px;
  }
  section#catChildren section.owl-categories{
    padding: 30px;
  }
  section#catChildren h2{
    display: none;
  }
  .owl-dots {
    display: none;
  }
  .owl-carousel article.category a small{
    display: none;
  }
  .owl-carousel article.category a h3 {
    margin-bottom: 15px;
    margin-top: 50px;
  } */
    body.all-categories p.subtitle {
        padding: 0;
    }
    /* COURSE PAGE */
    section#options div a.btn:not(:first-of-type) {
        min-height: 40px;
        width: 32%;
    }
    section#options div a.btn:first-of-type {
        min-height: 40px;
        width: 100%;
        margin-bottom: 20px;
    }
    section#courseContent {
        width: 100%;
        max-width: unset;
        margin-bottom: 40px;
        height: unset !important;
    }
    body.single-course section#pageIntro {
        margin-bottom: 0px;
        margin-top: 15px !important;
    }
    body.single-course section#categories ul {
        padding-left: 20px;
    }
    body.single-course section#categories ul li {
        list-style: disc;
    }
    aside#courseInfo {
        width: 100%;
        max-width: unset;
        height: unset !important;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    body.single-course section#categories {
        width: 100%;
        display: none;
    }
    body.single-course section#categories h2 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 5px;
        text-transform: none;
    }
    body.single-course section#categories h2:before {
        content: unset;
    }
    aside#courseInfo section#brochure .hundred {
        padding: 30px 10px;
        padding-left: 50%;
    }
    aside#courseInfo section {
        border-bottom: 0;
    }
    aside#courseInfo section {
        padding: 30px 0;
    }
    section#brochure {
        order: 1;
        width: 65%;
    }
    section#association {
        order: 2;
        width: 30%;
    }
    aside#courseInfo section:first-of-type {
        padding-top: 30px;
    }
    section#inHouse {
        width: 100%;
        order: 3;
    }
    aside#courseInfo p,
    aside#courseInfo ul li {
        font-size: 16px;
    }
    section#association {
        border-bottom: 0 !important;
    }
    section#courseDates section table td a {
        display: block;
        width: 30px;
        height: 30px;
        background-color: #363636;
        margin-right: 0;
        border-radius: 30px;
    }
    section#courseDates section table .classroomLink:not(thead .classroomLink)::after,
    section#courseDates section table .onlineLink:not( thead .onlineLink)::after {
        content: none;
    }
    section#courseDates section table .classroomLink,
    section#courseDates section table .onlineLink {
        width: fit-content;
        padding: 0;
    }
    /* section#options div h2{
    width: 100%;
    padding: 20px;
  } */
    section#association,
    section#brochure {
        width: 100%;
    }
    section#related {
        margin-bottom: 60px;
    }
    section#related div.owl-home {
        padding: 0;
    }
    body.single-course h2 span {
        display: block;
    }
    /* body.single-course h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
  } */
    /* body.single-course h2:before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  } */
    /* section#options div a.btn:not(:first-of-type) {
    width: 100%;
    margin-bottom: 20px;
  } */
    aside#courseInfo {
        background-color: white;
    }
    aside#courseInfo section#certificate,
    aside#courseInfo section#accreditation {
        width: 46%;
        border-bottom: 0;
    }
    aside#courseInfo section#association,
    aside#courseInfo section#brochure {
        width: 46%;
        border: 0;
    }
    aside#courseInfo section#register {
        order: 6;
        width: 100%;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 30px;
        border-radius: 10px;
    }
    aside#courseInfo section#register h2 {
        width: 100%;
    }
    aside#courseInfo section#register a.btn {
        width: 48%;
        max-height: 30px;
        margin-bottom: 10px;
    }
    aside#courseInfo section#inHouse {
        order: 7;
        padding: 20px;
        padding-left: 100px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 30px;
        border-radius: 10px;
    }
    aside#courseInfo section#inHouse span {
        position: absolute;
        width: 80px;
        height: 100%;
        top: 0;
        left: 0;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border: 10px solid transparent;
        margin: 0;
        background: #363636;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        align-items: center;
    }
    aside#courseInfo section#inHouse {
        background: transparent !important;
        border: 1px solid #363636;
    }
    aside#courseInfo section#inHouse h2 {
        text-align: left;
    }
    /* Calendar */
    body.calendar section#courses div.months {
        flex-wrap: wrap;
        margin: 0;
    }
    body.calendar section#courses {
        justify-content: flex-start;
    }
    section#courses {
        padding: 15px !important;
    }
    body.calendar section#courses a.btn:not(table a.btn) {
        width: 25%;
        max-width: unset;
        margin: 0;
        border: 5px solid white;
        padding: 5px;
    }
    body.calendar section#courses div.months a {
        width: 25%;
        margin: 0;
        border: 5px solid white;
        text-align: center;
        padding: 5px;
        background-color: #3636360f;
        border-radius: 30px;
        font-size: 14px;
    }
    body.calendar section#courses table .tbl-title {
        padding-right: 10px;
    }
    /* About page */
    body.about section .categories-about a.categoryButton {
        width: 50%;
        max-width: calc(50% - 10px);
    }
    div#inhouseList article {
        width: 33.33%;
        padding: 20px;
    }
    div#inhouseList:after {
        content: '';
        flex: auto;
    }
    section#values div ul li span {
        display: initial;
    }
    /* Articles page */
    section#articlesList {
        width: 100%;
        max-width: unset;
        min-width: calc(100% + 20px);
        margin: 0;
        margin-bottom: 30px;
    }
    article.single-article {
        width: 33.33%;
    }
    article.single-article a span:not(p span,
    span.btn) {
        height: 140px;
    }
    body.bannerLess.blog section#pageTitle {
        margin-bottom: 40px;
    }
    section#searchArt {
        margin-bottom: 20px;
    }
    section#searchArt div form {
        margin: 10px 0 0;
    }
    section#searchArt div {
        margin-top: 5px;
    }
    section#searchArt div p.subtitle {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    aside#blogAside {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        height: unset !important;
    }
    aside#blogAside section {
        width: 48%;
        margin-bottom: 0 !important;
    }
    aside#blogAside section div a.box {
        padding: 15px 5px;
    }
    body.blog section#pageIntro,
    body.blog section#pageIntro p {
        margin-bottom: 0px !important;
    }
    /* Article page */
    body.single-article section.main article {
        width: 100%;
        max-width: unset;
        margin: 0;
    }
    body.single-article section.main article {
        margin-bottom: 30px;
    }
    body.single-article aside#blogAside section:first-of-type {
        width: 100%;
        margin-bottom: 30px !important;
    }
    /* Register page */
    /* section#registerForm form section.multistep-1 div:nth-child(2) {
    width: 100%;
    margin-bottom: 20px;
}
section#registerForm form section.multistep-1 div:nth-child(3) {
    width: 100%;
} */
    section#registerForm form select {
        margin-top: 5px;
    }
    section#registerForm {
        margin-top: 40px;
    }
    /* Careers */
    article.single-career {
        padding-left: 260px;
        flex-wrap: wrap;
    }
    article.single-career figure {
        width: 245px;
    }
    article.single-career div,
    article.single-career span {
        width: 100%;
        max-width: unset;
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }
    article.single-career div {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #36363630;
    }
    article.single-career .btn {
        float: left;
    }
    /* COURSE FINDER SPECIFIC */
    section#filters section.firstTimeOnly {
        display: none;
    }
    section#filters.firsTime {
        display: block !important;
    }
    section#filters.firsTime button#closePanel {
        display: none;
    }
    section#filters.firsTime section.firstTimeOnly {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    section#filters.firsTime section.firstTimeOnly h2,
    section#filters.firsTime section.firstTimeOnly p {
        color: #363636;
    }
    /* HOMEPAGE FILTERS DISABLED FROM HERE */
    .home section#filters:before {
        content: 'customize your research';
        text-transform: none;
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        padding: 0 20px;
    }
    .home section#filters form span.btn {
        margin-top: 5px !important;
    }
    .home section#filters {
        padding: 0;
    }
    .home section#filters form input[type="text"] {
        display: none;
    }
    .home section#filters form section {
        display: none;
    }
    .home section#filters form span.btn {
        border-radius: 5px;
        padding: 15px;
    }
    .home section#filters form span.btn input {
        font-size: 18px;
    }
    /* .home section#filters form span.btn input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home section#filters form span.btn {
  padding: 0;
}
.home section#filters form span.btn:after {
    content: 'Open course finder';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-family: 'Avenir LT Std';
    font-weight: 300;
    font-size: 18px;
} */
    /* TO HERE */
}

/* device 800px */

@media (max-width:800px) {
    /* Page templates */
    body.bannerSmall.listing section#pageTitle .container {
        flex-wrap: wrap;
    }
    body.bannerSmall section#pageTitle .container .heading {
        width: 100%;
        max-width: unset;
        margin-top: 20px;
    }
    body.bannerFull section#pageTitle {
        margin-bottom: 0px;
    }
    /* HEADER */
    form#quickSearch {
        margin-left: 20%;
    }
    /* FOOTER */
    section.footer:first-of-type a {
        margin: 0 5px !important;
    }
    section.footer:last-of-type {
        padding-bottom: 90px;
    }
    div#footerSM {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #00000021;
        padding-bottom: 15px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    div#footerSM p.subtitle {
        margin-bottom: 0;
    }
    section#footerFollow p.subtitle {
        width: fit-content;
        margin-right: 20px;
        float: left;
    }
    div#footerNewsletter {
        width: 100%;
        padding-left: 0;
    }
    div#footerNewsletter form {
        width: 100%;
    }
    div#footerNewsletter form input[type="text"] {
        margin-bottom: 0;
    }
    /* Homepage */
    section#homeBanner div.banner-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    section#homeBanner div.banner-content .video-container video {
        display: none;
    }
    section#homeBanner div.banner-content:before {
        content: '';
        background-image: url(img/petroknowledge-hp-banner-tbl.png);
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        opacity: .5;
        border-radius: 10px;
    }
    .home section#filters {
        padding: 30px 0 0;
    }
    .home section#filters form span.btn {
        min-height: 40px;
        margin-top: 20px;
        width: 100%;
    }
    section#company p:not(.subtitle) {
        margin-bottom: 5px;
        letter-spacing: -0.5px;
    }
    section#categories a.buttonBox {
        width: 48%;
    }
    section#venues div:last-of-type a.simpleLink {
        width: 50%;
    }
    section#cta div {
        align-items: flex-end;
    }
    section#cta div p {
        width: 50%;
    }
    section#cta div a.btn {
        float: left;
        max-height: 40px;
    }
    section#about p:not(.subtitle) {
        column-count: 1;
    }
    .home section#clients div.max-height {
        width: 100%;
    }
    section#clients div#clientLogos,
    section#clients div#clientTestimonials {
        padding: 0px;
        border-right: 0;
    }
    section#clients div#clientTestimonials {
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid white;
    }
    section#partners div.max-height:first-of-type {
        width: 100%;
        padding-right: 30%;
        border-right: 0;
        margin-bottom: 30px;
    }
    section#partners div.max-height:last-of-type {
        width: 100%;
        padding: 0;
    }
    /* Listing pages, filter and display options */
    body.listing:not(.course-finder) h1 span {
        display: initial;
    }
    body.listing.bannerSmall section#pageTitle section#topics {
        margin-top: 20px;
    }
    .list-view article.single-course a.course-link {
        margin-right: 10px;
        padding-right: 10px;
    }
    .list-view article.single-course .details small:last-of-type {
        width: 20%;
    }
    .list-view article.single-course>.details>small {
        width: 35%;
        max-width: calc(35% - 10px);
    }
    .list-view article.single-course .details {
        width: 45%;
    }
    .list-view article.single-course a.course-link-button.btn {
        width: 15%;
    }
    .list-view article.single-course a.course-link .titleDesc h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .list-view article.single-course .details small,
    .list-view article.single-course .details small b {
        font-size: 12px;
    }
    section#filters form section.checkboxes.full ul li,
    section#filters form section#filterCategories div ul li {
        width: 33.33%;
    }
    section#filters form div#venuesFilters ul li {
        width: 100%;
    }
    section#topics {
        margin-top: 20px;
    }
    body.listing.bannerSmall section#pageTitle section#topics a {
        margin-bottom: 10px;
    }
    /* ALL CATEGORIES AND VENUES PAGES */
    section#catList {
        margin-bottom: 50px;
    }
    section#catList a.categoryButton {
        width: 50%;
        max-width: calc(50% - 20px);
    }
    /* RELATED SECTION FOR CATEGORIES, VENUES, TOPICS, CONTINENTS, Formats */
    body.listing.bannerSmall section#related a.categoryButton {
        width: 50%;
        max-width: calc(50% - 10px);
    }
    body.listing.bannerSmall.format section#related {
        justify-content: space-between;
    }
    body.listing.bannerSmall.format section#related:after {
        content: unset;
    }
    body.listing.format section#related article.relatedFormat {
        padding-left: 0;
        width: 48%;
    }
    body.listing.format section#related article.relatedFormat div {
        position: relative;
        width: 100%;
        height: 80px;
        max-width: unset;
        margin-bottom: 10px;
    }
    body.listing.format section#related article.relatedFormat h3 span {
        display: initial;
    }
    section#related.three-boxes article span,
    section#related.two-boxes article span {
        width: 150px;
    }
    section#related.three-boxes article,
    section#related.two-boxes article {
        padding-left: 160px;
    }
    section#related.three-boxes article h3,
    section#related.two-boxes article h3 {
        font-size: 16px;
        line-height: 18px;
    }
    /* COURSE PAGE */
    /* body.single-course section#pageTitle .container span.course-img {
    width: 40%;
    max-width: calc(40% - 40px);
  }
  body.bannerSmall.single-course section#pageTitle .container {
    padding-left: 40%;
  } */
    section#courseContent {
        padding: 0 20px;
    }
    section#courseContent .topics {
        margin-bottom: 20px;
    }
    /* In house page */
    body.in-house .grid-style article {
        min-height: 235px;
    }
    body.in-house section#formCont form section:first-of-type div:nth-child(2) {
        width: 33%;
    }
    body.in-house section#formCont form section:first-of-type div:nth-child(1) {
        width: 62%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(11) {
        width: 100%;
        margin-bottom: 20px;
    }
    section#contactForm form {
        padding: 30px 15px;
    }
    /* Downloads page */
    article.download p {
        margin: 0;
    }
    section#companyMat article.download {
        margin-bottom: 20px;
    }
    /* Register form */
    section#registerForm form section.multistep-1 div {
        width: 100%;
        margin-bottom: 10px;
    }
    section#registerForm .participants .single-participant {
        width: 50%;
        max-width: calc(50% - 15px);
    }
    section#registerForm form section.multistep-2 section.billing div:nth-child(4) {
        width: 100%;
    }
    section#registerForm form section.multistep-2 section.billing div {
        width: 48%;
    }
    section#registerForm form section.multistep-2 section.billing div:nth-child(2) {
        width: 20%;
    }
    section#registerForm form section.multistep-2 section.billing div:nth-child(3) {
        width: 75%;
    }
    /* Single career */
    section#personalInfo div:nth-child(3) {
        width: 65%;
    }
    section#personalInfo div:nth-child(4) {
        width: 30%;
    }
    section#personalDetails div {
        width: 100%;
    }
    /* Register form new */
    section#registerForm .course-details div:nth-child(3) {
        width: 100%;
    }
    section#registerForm .course-details div:nth-child(4) {
        width: 100%;
    }
    section#registerForm .personal-details div:nth-child(5),
    section#registerForm .personal-details div:nth-child(6),
    section#registerForm .personal-details div:nth-child(7),
    section#registerForm .personal-details div:nth-child(8),
    section#registerForm .personal-details div:nth-child(9),
    section#registerForm .personal-details div:nth-child(10),
    section#registerForm .personal-details div:nth-child(11),
    section#registerForm .personal-details div:nth-child(12),
    section#registerForm .personal-details div:nth-child(4) {
        width: 49%;
    }
    section#registerForm .billing_details div:nth-child(5),
    section#registerForm .billing_details div:nth-child(6),
    section#registerForm .billing_details div:nth-child(7),
    section#registerForm .billing_details div:nth-child(8),
    section#registerForm .billing_details div:nth-child(9),
    section#registerForm .billing_details div:nth-child(10),
    section#registerForm .billing_details div:nth-child(11),
    section#registerForm .billing_details div:nth-child(12),
    section#registerForm .billing_details div:nth-child(4) {
        width: 49%;
    }
    section#registerForm form div:last-of-type:not(section#registerForm form div div) {
        width: 100%;
        margin-bottom: 25px;
    }
    section#registerForm form span.btn {
        width: 100%;
    }
    /* Certificates page */
    article.single-partner {
        flex-wrap: wrap;
    }
    article.single-partner div {
        width: 100%;
    }
    article.single-partner span {
        width: 100%;
        margin-top: 10px;
    }
    article.single-partner span a.btn {
        float: left;
    }
    /*Certifications*/
    .certifications article.single-partner span a.btn {
        float: unset !important;
    }
    .certifications article.single-partner .btn {
        width: 100%;
    }
}

/* device 768px */

@media (max-width:768px) {}

/* MOBILE SMARTPHONE */

/* device 480px */

@media (max-width:480px) {
    /* PAGE PADDINGS */
    section#topBar,
    .footer {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main {
        /*padding-left: 15px!important;
    padding-right: 15px!important;*/
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /* FONTS */
    h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .calendar h1 span,
    .bannerFull h1 span {
        display: initial;
    }
    .home h1 span,
    .bannerFull h1 span {
        font-size: 28px !important;
    }
    h2 {
        font-size: 24px;
        line-height: 26px;
    }
    h3 {
        font-size: 22px;
        line-height: 24px;
    }
    p.subtitle,
    p.subtitle a {
        font-size: 18px;
        line-height: 22px;
    }
    /* Buttons */
    a.box h3 {
        font-size: 16px;
        line-height: 18px;
    }
    button#openFilterForm {
        width: 100%;
    }
    a.buttonBox section {
        padding: 8px 5px;
    }
    a.buttonBox section h3,
    a.buttonBox section p {
        font-size: 14px;
    }
    a.buttonBox section:after {
        font-size: 14px;
    }
    /* HEADER */
    header {
        position: relative;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    section#topBar p {
        display: none;
    }
    nav#mainNavigation {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    form#quickSearch {
        margin-left: 0%;
        width: 50%;
    }
    form#quickSearch.full {
        position: absolute;
        width: 100%;
        z-index: 3;
    }
    nav#mainNavigation button#closeSideNav {
        right: 20px;
    }
    ul#mobileNav {
        padding: 0 20px;
    }
    /* FOOTER */
    section#footerFollow p.subtitle {
        font-size: 20px;
    }
    section.footer:last-of-type {
        padding-bottom: 60px;
    }
    section.footer.grey-bg {
        justify-content: space-between;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    section.footer h3 {
        width: 100%;
        margin-bottom: 10px;
    }
    .footer span.btn {
        width: 100%;
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer form input[type="text"] {
        max-height: unset;
        width: 100%;
        height: 30px;
        margin-bottom: 5px;
    }
    form.footerform div {
        width: 100%;
    }
    .footer form label {
        letter-spacing: -0.5px;
    }
    div#footerNewsletter form {
        padding: 0;
    }
    div#footerNewsletter form input[type="text"] {
        margin-bottom: 10px;
    }
    div#footerNewsletter form span.btn {
        margin: 0;
    }
    /* Page templates */
    /* No Banner */
    body.bannerLess section#pageTitle {
        margin-top: 0;
        margin-bottom: 30px;
    }
    body.bannerLess section#pageTitle div.container {
        position: relative;
        padding-left: 0;
    }
    body.bannerLess section#pageTitle div.container figure {
        position: relative;
        transform: none;
        margin-bottom: 10px;
    }
    section#pageIntro {
        margin-top: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* Short banner */
    body.bannerSmall section#pageTitle .container figure,
    body.bannerSmall.listing section#pageTitle .container figure,
    body.bannerSmall.parent-category section#pageTitle .container figure {
        height: 150px !important;
    }
    body.bannerSmall section#pageTitle .container figure img {
        width: auto;
        min-width: 100%;
        max-height: unset;
    }
    body.bannerSmall section#pageTitle {
        padding-top: 0;
    }
    body.bannerSmall section#pageTitle .container figure {
        width: 100%;
        max-width: unset;
        height: 140px;
        margin: 0 0 20px;
    }
    body.bannerSmall section#pageTitle .container .heading {
        margin-top: 0;
    }
    /* Full banner */
    body.bannerFull section#pageTitle {
        padding-top: 0;
        padding-bottom: 0;
    }
    body.bannerFull section#pageTitle .container {
        padding: 0;
        min-height: unset;
    }
    body.bannerFull section#pageTitle .container h1,
    body.bannerFull section#pageTitle .container p.subtitle {
        color: #363636;
        text-shadow: unset;
    }
    body.bannerFull section#pageTitle .container figure {
        position: relative;
        width: 100%;
        height: 120px;
        margin: 0 0 20px;
        border-radius: 10px;
    }
    body.bannerFull section#pageTitle .container figure img {
        opacity: 1;
    }
    body.bannerFull section#pageIntro {
        margin-bottom: 0px;
    }
    body.bannerFull section#pageTitle {
        margin-bottom: 0;
    }
    body.newCourses section#pageTitle .container figure,
    body.twoWeeksTraining section#pageTitle .container figure {
        background-color: #363636;
        padding: 15px;
    }
    /* HOMEPAGE */
    section#homeBanner {
        padding-top: 0;
    }
    section#homeBanner h1 span {
        /*display: initial;*/
        text-align: center;
    }
    section#homeBanner div.banner-content {
        padding-top: 100px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    section#homeBanner h1 {
        margin-bottom: 10px;
        text-align: center;
    }
    section#homeBanner div.banner-content:before {
        background-image: url(img/petroknowledge-hp-banner-mbl.png);
    }
    section#categories a.buttonBox {
        width: 49%;
        margin-bottom: 15px;
    }
    section#categories p {
        margin-bottom: 15px;
    }
    section#categories a.buttonBox span {
        min-height: 90px;
    }
    section#venues div:last-of-type {
        padding: 0;
    }
    section#venues div:last-of-type a.simpleLink {
        width: 100%;
        margin-bottom: 20px;
    }
    section#formats p.subtitle {
        padding-right: 0;
    }
    section#formats a.buttonBox section p {
        display: none;
    }
    section#formats a.buttonBox {
        width: 100%;
        margin-bottom: 15px;
    }
    section#cta div p {
        width: 100%;
        margin-bottom: 15px;
    }
    section#cta div {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    section#clients .owl-dots button.owl-dot {
        width: 20px;
        height: 20px;
    }
    section#partners div.max-height:first-of-type {
        padding: 0;
    }
    .owl-nav {
        display: none;
    }
    /* Listing pages, filter and display options */
    body.listing section#pageTitle {
        margin-bottom: 0;
    }
    body.listing div#breadcrumbs {
        margin: 0px;
    }
    section#courses {
        padding: 0px !important;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border: 0;
    }
    section#orderOpt select {
        width: 100%;
        margin: 0;
        min-height: 30px;
        padding: 5px 10px;
        min-width: auto;
    }
    .grid-view article.single-course {
        border: 1px solid #36363626;
    }
    .grid-view article.single-course h3 {
        font-size: 14px;
        line-height: 16px;
    }
    .grid-view article.single-course .details small,
    .grid-view article.single-course .details b {
        font-size: 12px;
    }
    .grid-view article.single-course .details {
        margin-top: 0;
    }
    p.courseNumbers {
        margin: 0;
        padding: 0;
        border: 0;
        width: 100%;
        display: block;
    }
    body.bannerSmall section#pageTitle .container .heading p.courseNumbers {
        display: none;
    }
    body.listing.bannerSmall section#pageTitle section#topics {
        margin: 0;
        margin-bottom: 15px;
    }
    body.listing.bannerSmall section#pageTitle section#topics p {
        width: 100%;
        margin: 0 0 5px;
    }
    /* body.listing.bannerSmall section#pageTitle section#topics a {
    margin: 0;
    border: 0;
  }
  body.listing.bannerSmall section#pageTitle section#topics a:not(:last-of-type)::after {
    content:', ';
    text-decoration: none;
  } */
    body.listing.bannerSmall section#pageTitle section#topics a {
        color: white;
        background-color: #363636;
        margin-bottom: 10px;
        font-size: 12px;
        width: 47%;
        text-align: center;
        line-height: 15px;
    }
    section#related {
        margin-bottom: 20px;
    }
    section#orderOpt {
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        flex-wrap: wrap;
        align-items: flex-end;
        margin-top: 0 !important;
    }
    section#orderOpt label {
        width: 80%;
        flex-wrap: wrap;
        padding-bottom: 0;
    }
    section#orderOpt select {
        width: 100%;
        margin: 0;
    }
    section#orderOpt label:first-of-type span {
        margin-bottom: 5px;
    }
    section#orderOpt label:last-of-type span:first-of-type:not(button span) {
        display: none;
    }
    section#orderOpt label:last-of-type {
        width: 40px;
        align-items: center;
        justify-content: center;
    }
    /* button.switch-view {
    margin-left: 0;
    height: 17px;
    width: 32px;
  } */
    button#openFilters {
        display: block;
        margin-bottom: 0;
        margin-top: 15px;
        padding: 15px;
        float: left;
        z-index: unset;
        margin-bottom: 25px !important;
        background-color: #363636;
        /* position: fixed;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: calc(100% - 30px);
      bottom: 30px;
      box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.6);
      -webkit-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.6);
      -moz-box-shadow: 0px 0px 22px 2px rgba(0,0,0,0.6);
      top:unset!important; */
    }
    .list-view article.single-course a.course-link-button.btn {
        display: none;
    }
    section#filters.open form span.btn {
        width: 100%;
        /*max-width: calc(100% - 30px);*/
    }
    section#filters form section.checkboxes.full ul li,
    section#filters form section#filterCategories div ul li {
        width: 100%;
        margin: 0;
    }
    section#filters form div#venuesFilters ul {
        column-count: 1;
    }
    button#closePanel {
        width: 40px;
        height: 40px;
        right: 20px;
        top: 90px;
    }
    section#filters.open {
        padding: 60px 20px 90px;
    }
    /* .list-view article.single-course a.course-link, .list-view article.single-course .details{
    width: 100%;
  }
  .list-view article.single-course .details{
    padding-right:40px;
  }
  .list-view article.single-course .details small{
    width:40%;
    font-size: 14px;
  }
  .list-view article.single-course .details small:last-of-type{
    width: 20%;
  }
  .list-view article.single-course a.course-link-button.btn {
    width: 30px;
    min-width: unset;
    max-width: 30px;
    padding: 0;
    right: 5px;
  }
  .list-view article.single-course .details {
    padding: 10px;
    padding-right: 40px;
    height: 40px;
    margin-top: 5px;
    background-color: #eaeaea;
    border-radius: 40px;
  }
  .list-view article.single-course {
    margin-bottom: 20px;
    padding-bottom: 20px;
  } */
    .list-view article.single-course {
        position: relative;
        padding: 10px 5px;
        padding-right: 30px;
        border: 1px solid #eaeaea;
        border-radius: 5px;
        margin-bottom: 10px;
        -webkit-box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 10%);
        box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 10%);
    }
    .list-view article.single-course:first-of-type {
        border-top: 1px solid #eaeaea;
        padding-top: 10px;
    }
    .list-view article.single-course:after {
        content: '>';
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        color: white;
        background-color: #ec1c2d;
        right: 5px;
        border-radius: 20px;
        align-items: center;
        justify-content: center;
    }
    .list-view article.single-course a.course-link-button.btn {
        width: 30px;
        height: 30px;
        min-height: unset;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .list-view article.single-course a.course-link {
        width: 100%;
        max-width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #eaeaea;
    }
    .list-view article.single-course .details small {
        margin: 0;
        padding: 0;
        border: 0;
    }
    .list-view article.single-course .details {
        width: 100%;
        max-width: unset;
    }
    section#filterApplied p {
        padding: 3px 25px 3px 3px;
        font-size: 12px;
        margin-bottom: 5px;
    }
    body.listing .grid-view article.single-course {
        width: 50%;
        border: 2px solid transparent;
    }
    .grid-view article.single-course span {
        height: 100px;
        background-position: center;
    }
    p#loadMore {
        width: 100%;
        text-align: center;
        margin: 10px 0 0;
    }
    body.listing section#pageIntro p,
    body.listing section#pageIntro p a {
        font-size: 14px;
        line-height: 22px;
    }
    /* CATEGORIES AND VENUES PAGE STRUCTURE */
    /* body.bannerSmall.listing section#pageTitle .container{
    margin-bottom: 10px;
  } */
    p.courseNumbers:first-child {
        margin-top: 10px !important;
    }
    /* RELATED SECTION FOR CATEGORIES, VENUES< TOPICS< CONTINENTS */
    section#related {
        padding-top: 0;
    }
    body.listing.bannerSmall section#related a.categoryButton {
        width: 100%;
        max-width: unset;
    }
    body.listing.bannerSmall section#related h2 {
        flex-wrap: wrap;
        min-height: 50px;
        padding-left: 60px;
        margin-bottom: 15px;
    }
    section#related h2 {
        font-size: 20px;
        line-height: 22px;
    }
    body.listing.bannerSmall section#related h2:before {
        width: 50px;
        height: 50px;
    }
    body.listing.bannerSmall section#related.list-only ul li {
        width: 100%;
    }
    section#related.three-boxes article,
    section#related.two-boxes article {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    section#related.three-boxes h2,
    section#related.two-boxes h2 {
        padding-bottom: 15px;
    }
    /* ALL CATEGORIES AND VENUES PAGES */
    body.all-categories section#pageTitle {
        padding-bottom: 0;
    }
    section#catList {
        padding-top: 0;
        margin-bottom: 0;
    }
    section#catList h2 {
        text-transform: none;
        font-weight: 600;
        margin-bottom: 15px;
    }
    section#catList a.categoryButton {
        margin-bottom: 20px;
        width: 48%;
        padding: 5px;
    }
    section#catList a.categoryButton span {
        position: initial;
        display: block;
        width: 100%;
        height: 60px;
        transform: none;
        opacity: 1;
        margin-bottom: 5px;
    }
    section#catList a.categoryButton:before {
        content: unset;
    }
    /* section#tab {
    margin-top: 0;
    padding-top: 0;
  }
  .tabs .tab {
    padding: 10px;
  }
  section.tabCats .catLink {
    width: 100%;
  } */
    /* Banner cat + venues */
    section#catVenueSelector div:before {
        top: 0;
        transform: none;
        width: 50px;
        height: 50px;
    }
    section#catVenueSelector form {
        flex-wrap: wrap;
    }
    section#catVenueSelector div {
        padding-top: 60px;
        padding-left: 0;
    }
    section#catVenueSelector form select,
    section#catVenueSelector form span.btn {
        width: 100%;
    }
    section#catVenueSelector form select {
        margin-bottom: 10px;
    }
    section#catVenueSelector form select {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    /* Venues tabs */
    /* body.tabContent.all-venues section.tabCats .catLink {
    width: 100%;
  } */
    /* Parent category */
    /* body.parent-category .tabs label:not(.filterOptions label), .tabs label:not(.filterOptions label) {
    padding: 20px 10px;
  }
  body.parent-category section#orderOpt{
    margin-top:15px;
  }
  body.parent-category .tabs .tab:last-of-type section section#orderOpt label:not(:last-of-type) {
    justify-content: space-between;
  } */
    /* section#catChildren {
    padding-top: 0;
  }
  section#catChildren section.owl-categories {
    padding: 20px 10px;
  }
  section#allCoursesCategory{
    flex-wrap: wrap;
  }
  section#allCoursesCategory p{
    width: 100%;
    padding-left: 0;
    padding-top:55px;
    margin-bottom: 10px;
  }
  section#allCoursesCategory p:before{
    top:0;
    transform: none;
  }
  section#allCoursesCategory a.btn{
    width: 100%;
    max-width: unset;
  } */
    /* CALENDAR, CATEGORY AND VENUE SPECIFIC */
    body.listing section#pageTitle div.container,
    body.calendar section#pageTitle div.container {
        /*padding-left: 110px;*/
        position: relative;
        margin-bottom: 15px;
    }
    body.listing:not(.course-finder) section#pageTitle div.container p.subtitle {
        display: none;
    }
    body.listing.course-finder section#pageTitle div.container p.subtitle {
        margin-bottom: 15px;
    }
    body.listing:not(.course-finder) section#pageTitle div.container h1 {
        margin-top: 30px;
    }
    body.listing section#pageTitle div.container figure,
    body.calendar section#pageTitle div.container figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100% !important;
        max-height: 100%;
        min-height: 100%;
        border-radius: 5px;
        margin-bottom: 0;
    }
    /* COURSE PAGE */
    body.single-course section#pageTitle {
        padding-bottom: 0;
    }
    body.single-course section#pageIntro {
        margin-bottom: 0px !important;
    }
    body.single-course section#pageIntro p {
        margin: 0;
        border: 0;
        padding: 0;
        width: 100%;
    }
    body.single-course section#pageIntro p:not(:last-of-type) {
        margin-right: 0px;
        padding-right: 0px;
        border-right: 0;
    }
    body.single-course section#pageIntro p:first-of-type {
        margin-bottom: 10px;
    }
    body.single-course section#pageIntro p,
    body.single-course section#pageIntro a {
        font-size: 14px;
        display: block;
        width: 100%;
    }
    body.single-course section#pageIntro {
        flex-wrap: wrap;
    }
    body.single-course section#tablesDates {
        margin-top: 0;
    }
    body.single-course section#pageTitle .container span.course-img {
        width: 100%;
        max-width: unset;
        height: 200px;
        position: relative;
        margin-bottom: 10px;
    }
    body.bannerSmall.single-course section#pageTitle .container {
        padding-left: 0;
    }
    body.single-course h2 {
        margin-bottom: 15px;
        font-size: 22px;
    }
    section#courseContent {
        padding: 0;
        border: 0;
    }
    section#courseDates {
        padding-top: 0;
    }
    section#courseDates section table thead {
        display: none;
    }
    section#courseDates section table .onlineTime,
    section#courseDates section table .classroomVenue {
        width: 32%;
    }
    section#courseDates section table .onlineFee,
    section#courseDates section table .classroomFee {
        width: 20%;
    }
    section#accreditation span {
        height: 110px;
        width: 50%;
    }
    aside#courseInfo section#inHouse {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }
    section#inHouse a.btn {
        margin: 0;
    }
    /* ONLY IF WE USE THE SINGLE TABE IN COURSE PAGE, OTHERWISE PLEASE DELETE FROM HERE */
    body.single-course section#tablesDates table tbody tr {}
    body.single-course section#tablesDates table .courseLink {
        width: 30px;
        height: 30px;
        text-align: center;
        position: relative;
    }
    body.single-course section#tablesDates table .courseLink a {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        top: 0;
        left: 0;
    }
    body.single-course section#tablesDates table .courseLink a:before {
        content: '';
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-right: 2px solid white;
        border-top: 2px solid white;
        transform: translateY(-50%) rotate(45deg);
    }
    body.single-course section#tablesDates table .courseTime {
        width: 25%;
        max-width: calc(25% - 10px);
        padding-left: 10px;
    }
    body.single-course section#tablesDates table .courseFee {
        width: 25%;
        max-width: calc(25% - 10px);
        padding-left: 10px;
    }
    th.courseLink {
        color: transparent;
    }
    section#courseContent .topics {
        padding: 15px;
        margin-bottom: 0;
    }
    section#courseContent .topics ul:last-of-type {
        margin-bottom: 10px;
    }
    aside#courseInfo section#certificate,
    aside#courseInfo section#accreditation,
    aside#courseInfo section#association,
    aside#courseInfo section#brochure {
        width: 100%;
    }
    aside#courseInfo section#register a.btn {
        width: 100%;
    }
    section#courseContent {
        margin-bottom: 20px;
    }
    aside#courseInfo section#certificate,
    aside#courseInfo section#accreditation,
    aside#courseInfo section#association,
    aside#courseInfo section#brochure {
        border-bottom: 1px solid #36363630 !important;
    }
    /* TO HERE */
    /* In house page */
    section#formCont form {
        padding: 30px 15px;
    }
    body.in-house section#formCont form section:first-of-type div:nth-child(1) {
        width: 100%;
    }
    section#formCont form section div {
        margin-bottom: 20px;
    }
    body.in-house section#formCont form section:first-of-type div:nth-child(2) {
        width: 100%;
    }
    body.in-house section#formCont form section:first-of-type div:nth-child(4),
    body.in-house section#formCont form section:first-of-type div:nth-child(5),
    body.in-house section#formCont form section:first-of-type div:nth-child(6) {
        width: 100%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(1) {
        width: 25%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(2) {
        width: 70%;
    }
    body.in-house section#formCont form section:last-of-type div:nth-child(3),
    body.in-house section#formCont form section:last-of-type div:nth-child(4),
    body.in-house section#formCont form section:last-of-type div:nth-child(5),
    body.in-house section#formCont form section:last-of-type div:nth-child(6),
    body.in-house section#formCont form section:last-of-type div:nth-child(7),
    body.in-house section#formCont form section:last-of-type div:nth-child(8),
    body.in-house section#formCont form section:last-of-type div:nth-child(9),
    body.in-house section#formCont form section:last-of-type div:nth-child(10),
    body.in-house section#formCont form section a.btn,
    body.in-house section#formCont form section span.btn {
        width: 100%;
    }
    body.in-house section#formCont form section:last-of-type span.btn {
        margin-top: 20px;
    }
    section#formCont form section div textarea {
        min-height: 200px;
    }
    body.in-house .grid-style article {
        width: 100%;
        padding: 15px 0;
        border-right: 0;
        border-bottom: 1px solid #36363630;
        min-height: unset;
    }
    body.in-house .grid-style article:last-of-type {
        border: 0;
    }
    /* Calendar */
    body.calendar section#pageTitle {
        margin-bottom: 0;
    }
    body.calendar section#pageIntro {
        margin-top: 0;
    }
    body.calendar section#pageIntro p:not(div p) {
        margin-bottom: 15px;
    }
    body.calendar section#pageIntro a.btn {
        min-width: 100%;
        padding: 0 10px;
        margin: 0 0 10px 0;
    }
    body.calendar section#courses div.months {
        margin-bottom: 10px;
        display: none;
    }
    body.calendar section#courses div.months a {
        width: 33.33%;
    }
    body.calendar section#courses a.btn:not(table a.btn) {
        width: 33.33%;
    }
    body.calendar section#courses table thead {
        display: none;
    }
    body.calendar section#courses table tbody tr:first-of-type {
        border-top: 0;
    }
    body.calendar section#courses table tbody tr {
        flex-wrap: wrap;
        padding: 15px 0;
    }
    body.calendar section#courses table .tbl-title {
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
    }
    body.calendar section#courses table tbody .tbl-date {
        width: 40%;
        border: 0;
        padding: 0;
    }
    body.calendar section#courses table tbody .tbl-venue {
        width: 40%;
    }
    body.calendar section#courses table tbody .tbl-fee {
        width: 20%;
    }
    /* About */
    section#pageTitle {
        margin-bottom: 0;
    }
    section#visionMission div,
    section#responsibility div {
        padding-left: 0;
        padding-top: 110px;
    }
    section#visionMission div:before,
    section#responsibility div:before {
        width: 100%;
        max-width: unset;
        height: 100px;
    }
    section#visionMission {
        padding-top: 0;
        padding-bottom: 0;
    }
    section#services div:first-child {
        padding: 30px 15px;
    }
    body.about section .categories-about {
        min-width: 100%;
    }
    body.about section .categories-about a.categoryButton {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
    }
    div#inhouseList article {
        width: 49%;
        padding: 0;
        margin-bottom: 20px;
    }
    /* Testimonials page */
    body.testimonials section#testimonials {
        padding-top: 0;
    }
    body.testimonials article.single-testimonial:last-of-type {
        margin-bottom: 0;
    }
    body.testimonials article.single-testimonial::after {
        content: none !important;
    }
    body.testimonials article.single-testimonial em {
        padding: 5px;
        background-color: #ffffff70;
    }
    body.testimonials article.single-testimonial .courseInfo a {
        line-height: 16px;
    }
    /* Contacts page */
    body.bannerLess section#pageIntro div {
        float: left;
        margin-right: 0px;
        padding-right: 0px;
        border-right: 0;
    }
    body.bannerLess section#pageIntro div:last-of-type {
        margin-bottom: 15px;
    }
    section#contactForm form div {
        margin-bottom: 20px;
    }
    section#contactForm {
        padding-top: 0;
    }
    body.contacts section#pageTitle {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    section#contactForm form div {
        width: 100% !important;
    }
    section#contactForm form div#contactMethod label {
        width: 100%;
        display: block;
    }
    section#contactForm form div#contactMethod label:first-of-type {
        margin-bottom: 5px;
    }
    section#contactForm form div#termsConditions {
        margin-bottom: 20px;
    }
    section#contactForm form span.btn {
        width: 100%;
        min-height: 40px;
    }
    /* Downloads page */
    section#courseBrochures article.download,
    section#companyMat article.download {
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 0;
    }
    section#companyMat article.download:last-of-type {
        margin-bottom: 0;
    }
    section#courseBrochures h3 {
        width: 100%;
        margin-bottom: 10px;
    }
    article.download a {
        height: unset !important;
    }
    section#courseBrochures form {
        width: 100%;
    }
    section#companyMat {
        padding-top: 0;
    }
    body.bannerLess.downloads section#pageTitle {
        margin-bottom: 0;
    }
    /* Articles page */
    body.bannerLess.blog section#pageTitle {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    article.single-article {
        width: 100%;
        border-right: 0;
    }
    section#articlesList {
        min-width: unset;
    }
    aside#blogAside section {
        width: 100%;
        margin-bottom: 20px !important;
    }
    /* Article page */
    body.single-article section.main article section.course-banner a span.btn {
        display: none;
    }
    body.single-article section.main article section.course-banner a p:nth-child(1) {
        width: 100%;
        margin-bottom: 5px;
    }
    body.single-article section.main article section.course-banner a p:nth-child(2) {
        padding: 0;
        border: 0;
    }
    body.single-article section.main article section.course-banner a p:nth-child(2),
    body.single-article section.main article section.course-banner a p:nth-child(3) {
        width: 50%;
    }
    body.single-article section.main article section.course-banner a:before {
        transform: none;
        height: 100%;
        top: 0;
        border-radius: 5px;
    }
    body.single-article aside#blogAside section:first-of-type {
        margin-bottom: 20px !important;
    }
    body.bannerFull.single-article section#pageTitle {
        padding-bottom: 0;
    }
    body.bannerFull.single-article section#pageTitle .container figure {
        margin-bottom: 0;
    }
    /* Register page */
    body.register section#pageTitle {
        margin-bottom: 0;
    }
    section#registerForm {
        margin-top: 20px;
        padding-top: 0;
    }
    section#registerForm form {
        padding: 30px 15px;
    }
    /* Register form */
    .thank-you-message {
        max-width: calc(100% - 30px);
    }
    section#registerForm .participants .single-participant {
        width: 100%;
        max-width: unset;
        margin-right: 0;
    }
    section#registerForm .participants {
        min-width: unset;
    }
    section#registerForm form section.multistep-2 section.payment div {
        width: 100%;
        margin-top: 10px;
    }
    section#registerForm form section.multistep-2 section.billing div:nth-child(2) {
        width: 40%;
    }
    section#registerForm form section.multistep-2 section.billing div:nth-child(3) {
        width: 100%;
    }
    section#registerForm form section.multistep-2 section.billing div {
        width: 100%;
    }
    /* BREADCRUMBS */
    div#breadcrumbs {
        padding: 0;
    }
    /* Careers */
    article.single-career {
        padding: 15px;
    }
    article.single-career figure {
        height: 130px;
        position: relative;
        width: 110px;
        margin-bottom: 5px;
    }
    /* Single career page */
    section#apply form section div {
        width: 100%;
        min-width: 100%;
    }
    section#apply form section span.btn {
        min-width: 100%;
    }
    /* Breadcrumbs */
    div#breadcrumbs {
        margin: 10px 0;
    }
    div#breadcrumbs ul>li:not(:last-of-type) {
        margin-right: 5px;
    }
    div#breadcrumbs ul>li {
        margin-bottom: 5px;
    }
    div#breadcrumbs ul>li,
    div#breadcrumbs ul>a {
        font-size: 12px;
    }
    /* Register course new */
    section#registerForm div div {
        width: 100% !important;
    }
    /* Certificates page */
    section#partnersList {
        padding: 0;
        margin-top: 20px
    }
    article.single-partner {
        padding: 10px;
        padding-left: 10px;
    }
    article.single-partner figure {
        position: relative;
        float: left;
        width: 160px;
        height: 100px;
        margin-bottom: 10px border:0;
    }
    article.single-partner div {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #a2a2a2;
    }
}

/* device 375px */

@media (max-width:375px) {
    /* Fonts */
    /* HEADER */
    form#quickSearch {
        width: 55%;
    }
    div#sideNavigation {
        width: 350px;
    }
    div#sideNavigation.close {
        right: -350px;
    }
    /* Listing pages, filter and display options */
    section#filterApplied {
        margin-bottom: 10px;
    }
    .list-view article.single-course .details small {
        width: 40%;
        font-size: 12px;
    }
    .list-view article.single-course .details {
        padding-top: 5px;
        padding-bottom: 5px;
        height: 30px;
    }
    .list-view article.single-course a.course-link-button.btn {
        width: 20px;
        height: 20px;
        min-height: unset;
    }
    /* SECTION RELATED  */
    body.listing.format section#related article.relatedFormat {
        padding-left: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    body.listing.format section#related article.relatedFormat h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    /* Calendar */
    body.calendar section#courses a.btn:not(table a.btn) {
        width: 100%;
        border: 0;
        margin-bottom: 5px;
    }
    body.calendar section#courses table tbody .tbl-fee,
    body.calendar section#courses table tbody .tbl-venue {
        padding-left: 10px;
    }
    body.calendar section#courses table tbody .tbl-fee,
    body.calendar section#courses table tbody .tbl-venue,
    body.calendar section#courses table tbody .tbl-date {
        font-size: 12px;
    }
    section#contactForm div#sideInfo:before {
        content: none;
    }
    section#contactForm div#sideInfo {
        padding-left: 0;
    }
}

/* device 320px */

@media (max-width:320px) {}

/* PRINTING PAGE */

@media print {}

/* ---------------------------------------------------- ARSALAN CSS STARTS HERE --------------------------------------------------------- */

/*Preloader*/

.loader {
    background: rgb(5 5 5 / 63%);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.preloader {
    text-align: center;
    border: 16px solid white;
    border-top: 16px solid #ec1c2d;
    border-bottom: 16px solid #363636;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 60px);
    margin: 0 auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*Pagination*/

/*
.pagination{
    margin: 25px 0 0 0;
}
.pagination a {
    background: #ec1c2d;
    padding: 5px 15px;
    color: #fff;
}
.pagination span {
    background: #222;
    padding: 5px 15px;
    color: #fff;
} */

/*Notifications*/

.form_notifications {
    /*padding: 1rem 0;*/
    width: 100%;
    display: table;
}

.form_notifications p {
    font-size: 16px !important;
    font-weight: bold;
    margin-top: 0 !important
}

.notify-alerts {
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: 1rem;
}

.notify-alerts.t_and_c,
.notify-alerts.empty_fields,
.notify-alerts.invalid_email,
.notify-alerts.t_and_c_f,
.notify-alerts.empty_fields_f,
.notify-alerts.invalid_email_f {
    background-color: #fff3cd;
    border-color: red;
    color: red;
}

.notify-alerts.error_occurred,
.notify-alerts.error_occurred_f {
    background-color: #f8d7da;
    border-color: red;
    color: red;
}

.notify-alerts.sent_success,
.notify-alerts.sent_success_f {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}

.notify-alerts.t_and_c p,
.notify-alerts.empty_fields p,
.notify-alerts.empty_fields_f p {
    color: #664d03 !important;
}

.notify-alerts.error_occurred p,
.notify-alerts.error_occurred_f p {
    color: #842029 !important;
}

.notify-alerts.sent_success p,
.notify-alerts.sent_success_f p {
    color: #0f5132 !important;
}

.notify-alerts.invalid_email p,
.notify-alerts.invalid_email_f p {
    color: #664d03 !important;
}

/*Modal CSS*/

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal .modal-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 50px;
    border: 1px solid #888;
    width: 80%;
}

.modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    display: block !important;
    cursor: pointer;
}

.modal. close:hover,
.modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#myModal input {
    padding: 10px;
    border-radius: 40px;
    opacity: .7;
    border: 1px solid black;
    margin-bottom: 15px;
}

#myModal .input-fields {
    margin: 0 8px 15px 8px;
}

/*Category Venue Content*/

section#pageIntro a {
    /*color: #ec1c2d;*/
    text-decoration: underline;
}

/*Social Share*/

.sticky-social-icons {
    position: fixed;
    top: 25%;
    left: 0;
    padding: 0px;
    margin: 0px;
    z-index: 400;
    display: block;
}

.sticky-social-icons li {
    padding: 10px 10px;
    font-size: 25px;
    transition: all 0.8s ease-in-out;
    list-style: none;
}

.sticky-social-icons li:hover {
    margin-right: -20px;
    box-shadow: 2px 5px 10px grey;
}

.sticky-social-icons i {
    color: #fff;
    transition: all 0.8s ease-in-out;
}

/*Whatsapp Chatbox*/

.sticky-whatsapp {
    position: fixed;
    bottom: 7px;
    left: 5px;
    color: #FFF;
    text-align: center;
    z-index: 100;
    display: block;
}

.sticky-whatsapp i {
    background: #25D366;
    box-shadow: 2px 2px 3px #9999994d;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    color: #fff;
    font-size: 40px;
    padding: 9px 0 0 1px;
}

.whatsapp-chat-box {
    position: fixed;
    bottom: 75px;
    left: 7px;
    width: 14%;
    background: #eee;
    height: 80px;
    border-radius: 5px;
    z-index: 99;
}

.whatsapp-chat-box .panel-heading {
    padding: 0;
}

.whatsapp-chat-box h5 {
    color: #fff;
    padding: 5px 15px;
    background: #363636;
    border-bottom: 1px solid #fff;
    font-size: 13px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

button#btn-chat {
    color: #fff;
    padding: 3px 15px;
    margin: 3px;
}

.whatsapp-chat-box .input-group {
    padding: 3px 8px;
}

.whatsapp-chat-box .panel-heading {
    padding: 0;
}

.whatsapp-chat-box button {
    background: #363636 !important;
}

.whatsapp-chat-box button:active,
.whatsapp-chat-box button:hover {
    outline: 0 !important;
    outline-offset: 0 !important;
}

input#btn-input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #363636;
}

/*Social Icons Mobile*/

@media (max-width: 991px) {
    .sticky-social-icons {
        bottom: 0;
        width: 100%;
        top: unset !important;
        left: 0 !important;
        z-index: 400 !important;
    }
    .sticky-social-icons ul {
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }
    .sticky-social-icons li {
        padding: 5px 10px !important;
        display: inline-block !important;
        width: 14% !important;
        margin: 0 -2px !important;
    }
    .sticky-whatsapp i {
        height: 48px;
        width: 48px;
        font-size: 30px;
    }
    .sticky-whatsapp {
        bottom: 40px;
    }
    .whatsapp-chat-box {
        bottom: 94px;
        width: 50%;
    }
}

/*Training Plan */

.calendar #pageIntro a {
    text-decoration: none !important;
}

/*Footer Bottom*/

section.footer-bottom p {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

section.footer-bottom img {
    margin: 10px;
}

/*About us*/

body.bannerFull.about .main a {
    text-decoration: underline;
}

.categories-about.hundred.padding-top-bottom-small a {
    text-decoration: none !important;
}

/*Footer Externals*/

ul.external-urls {
    margin: 20px 0 0 0;
    text-align: right;
}

ul.external-urls li:before {
    display: none;
}

ul.external-urls li {
    display: inline;
    padding: 0 30px 0 0;
}

/*Open course finder*/

.open-course-finder {
    display: block;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 15px;
    float: left;
    z-index: 10;
    width: 100%;
    border-radius: 5px;
    color: white;
    background-color: #ec1c2d;
    text-align: center;
}

/*Select Options*/

select.venueList option,
select.categoryList option {
    color: #000;
}

/*Footer Form*/

form.footerform input,
form.footerform textarea {
    color: #EEE !important;
    padding: 5px;
    margin-bottom: 5px !important;
    font-size: 13px;
    font-family: 'Avenir LT Std';
}

/*Single Article*/

body.bannerFull.single-article article a {
    text-decoration: underline;
}

/*Course Details CSS*/

section#register a {
    margin: 15px 0;
}

/*Accreditations*/

/*Testimonials*/

.testimonials section#pageTitle .container figure img {
    min-height: 110% !important;
}

/*inhouse page*/

/*Custom Course Finder*/

.custom-course-finder input[type="text"] {
    min-height: 40px;
    padding: 10px;
    border-radius: 40px;
    border: 1px solid #363636 !important;
    margin-right: 10px;
    width: 100%;
}

.custom-course-finder label {
    color: black;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 100%;
}

.custom-course-finder input[type="checkbox"] {
    margin-right: 5px;
}

.custom-course-finder .filterOptions button {
    margin: 30px 0 20px 0;
    background: transparent;
    font-weight: bold;
    /*text-transform: uppercase;*/
    font-size: 18px;
    padding: 0;
    text-transform: unset;
    color: #ec1c2d;
}

.custom-course-finder span.btn {
    width: 30%;
    margin: 25px auto 0 auto !important;
}

.custom-course-finder form {
    /*background-color: #EAEAEA;*/
    padding: 50px 40px;
    margin: 0 0 50px 0;
    border: 1px solid #363636;
}

.custom-course-finder .filterOptions {
    border-bottom: 1px solid #ec1c2d;
    padding-bottom: 20px;
}

.custom-course-finder .filterOptions:last-child {
    border: none !important;
}

.custom-course-finder section#filterCategories div {
    border: none !important;
}

.custom-course-finder .filterOptions section {
    display: flex;
    flex-wrap: wrap;
}

.custom-course-finder .filterOptions div {
    padding-right: 10px;
    margin-right: 10px;
    max-width: calc(25% - 10px);
    width: 25%;
}

.custom-course-finder section#filterCategories div p,
.custom-course-finder section#filters form p {
    font-weight: 400;
    font-size: 16px;
}

.custom-course-finder span.btn {
    margin: 30px 0 0 0;
}

/*Articles*/

.single-article .main section img {
    display: none;
}

ol>li,
ol>li>h4 {
    text-align: justify;
    float: left;
    margin-bottom: 2px;
    font-size: 16px !important;
}

ol>li strong {
    font-weight: 400;
}

ol>li {
    list-style: disc;
}

ol {
    padding: 0 30px;
    display: grid;
}

body.single-article section.main article p {
    display: block;
    width: 100%;
    margin-bottom: 10px !important;
}

.testimonials section#pageTitle .container figure img {
    max-width: 103% !important;
}

/*Single Course*/

.topics h3 strong,
.topics h3 {
    font-size: 18px !Important;
}

.topics p>strong {
    padding: 10px 0;
    display: block;
}

/*Download PDF Single Course*/

.download-pdf-single input[type="text"] {
    width: 100% !important;
}

/*Filter Options*/

.filterOptions span.close-current {
    float: right;
    position: absolute;
    color: #ec1c2d;
    text-align: right;
    width: 100%;
    left: 0;
    top: 0;
    padding: 10px;
    cursor: pointer;
}

/*Page Intro Listing Page*/

section#pageIntro img {
    float: left;
    margin: 0px 10px 5px 0;
}

/*Course Detail Page*/

section#register-section-bottom ul {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
}

section#register-section-bottom li {
    display: inline-block;
}

section#register-section-bottom a {
    font-size: 13px !important;
    padding: 0 10px;
}

section#register-section-bottom {
    margin: 15px 0;
}

section#register-section-bottom .btn {
    background: #363636 !important;
}

section#register-section-bottom .btn:before {
    background: #ec1c2d !important;
}

/*Single Course*/

section#tablesDates p {
    color: #ec1c2d;
    font-size: 14px;
    margin: 5px 0 0 0;
    font-weight: 400;
}

.course-vat p {
    text-align: right !important;
}

.no-sessions p {
    text-align: center !important;
    display: block;
    width: 100%;
    background: #ec1c2d;
    color: #fff !important;
    padding: 20px;
    border-radius: 15px;
}

.no-sessions a {
    color: #fff;
    font-weight: 500;
}

section#pageIntro a {
    margin: -5px 20px;
}

.single-association {
    margin: 10px 0 10px 0;
}

section#courseContent h2>span {
    font-weight: 300 !important;
}

/*Downloads page*/

.download-pdf-all {
    font-size: 14px;
    color: #ec1c2d;
    font-weight: 300;
    text-decoration: underline;
    text-align: left;
}

.download-pdf-all:hover {
    font-weight: bold;
}

/*Footer Form*/

.quick_inquiry_form .btn:before {
    background-color: #000;
    position: unset !important;
}

.quick_inquiry_form .btn {
    position: unset !important;
    margin: 10px 0;
}

.quick_inquiry_form div {
    width: 100% !important;
}

/*.footer p {
    text-align: left!important;
}*/

/*Continent*/

section#filterApplied {
    display: unset !important;
}

/*Listing Page Intro*/

.listing section#pageIntro p>a {
    margin: 0 !important;
}

/*Header Nav*/

.venueNav>ul>li>ul {
    width: 53% !important;
}

.venueNav li.last-big {
    display: block !important;
    width: 22% !important;
}

/*Category Page*/

.online-training-wp #pageTitle,
.single-course #pageTitle,
.oil-gas-courses section#pageTitle,
.training-courses-wp section#pageTitle,
.training-wp section#pageTitle,
.training-category-venue-wp section#pageTitle,
.continent-wp section#pageTitle,
.in-person-wp section#pageTitle {
    background: #eaeaea;
    padding: 30px 0;
}

.oil-gas-courses section#pageTitle section#topics a,
.continent-wp section#pageTitle section#topics a {
    background-color: #363636 !important;
    color: #fff !important;
}

.online-training-wp section#pageIntro,
.oil-gas-courses section#pageIntro,
.training-wp section#pageIntro,
.training-category-venue-wp section#pageIntro,
.continent-wp section#pageIntro,
.in-person-wp section#pageIntro {
    margin-bottom: 50px;
}

.online-training-wp section#pageIntro span,
.in-person-wp section#pageIntro span {
    display: none !important;
}

.online-training-wp section#pageIntro.expandable,
.in-person-wp section#pageIntro.expandable {
    height: 100% !important;
}

.online-training-wp section#pageTitle .container figure,
.training-courses-wp section#pageTitle .container figure,
.training-courses-wp section#pageTitle .container figure,
.training-wp section#pageTitle .container figure,
.training-category-venue-wp section#pageTitle .container figure,
.continent-wp section#pageTitle .container figure,
.in-person-wp section#pageTitle .container figure {
    /*height: 180px!important;*/
}

.single-course p.subtitle {
    border: none !important;
}

.single-course section#pageTitle .container .heading,
body.bannerSmall section#pageTitle .container .heading {
    /*margin: 0 0 5% 0;*/
}

figure.iwtcs-figure-tag:before {
    position: absolute;
    top: 0;
    display: block;
    color: white;
    padding: 0.5rem 1rem;
    font-weight: bold;
    content: "2 WEEKS TRAINING";
    background: #ec1c2d;
    left: 0;
    font-size: 12px;
    font-family: 'Avenir LT Std';
    border-width: 1.5em;
    border-right-color: #ccc;
    border-top-color: #ccc;
}

figure.ncs-figure-tag:before {
    position: absolute;
    top: 0;
    display: block;
    color: white;
    padding: 0.5rem 1rem;
    font-weight: bold;
    content: "NEW COURSES";
    background: #ec1c2d;
    left: 0;
    font-size: 12px;
    font-family: 'Avenir LT Std';
    border-width: 1.5em;
    border-right-color: #ccc;
    border-top-color: #ccc;
}

li.big-nav.topNav.allCategories {
    position: relative !important;
}

nav#mainNavigation ul.nav .allCategories>ul {
    width: 250px !important;
    border: 0 solid #363636 !important;
    background: white !important;
    padding: 0 10px 0 0;
}

li.big-nav.topNav.allCategories>ul>li {
    width: 100% !important;
    border-bottom: 1px solid #eaeaea !important;
}

li.big-nav.topNav.allCategories>ul>li>a {
    font-size: 14px !important;
}

li.big-nav.topNav.allCategories>ul>li>ul>li>ul>li {
    width: 100% !important;
}

nav#mainNavigation ul.nav .allCategories>ul>li a.parentCat:after {
    width: 5px !important;
    height: 5px !important;
}

nav#mainNavigation ul.nav .allCategories>ul>li>ul>li a {
    font-size: 14px !important;
    padding: 10px !important;
}

nav#mainNavigation ul.nav .allCategories>ul>li>a {
    padding: 10px !important;
    color: #363636;
    font-weight: 400;
}

nav#mainNavigation ul.nav .allCategories>ul>li>ul {
    width: 100% !important;
    left: 100% !important;
}

body {
    overflow-x: hidden;
}

nav#mainNavigation ul.nav .allCategories>ul>li a.parentCat:after {
    border-top: 1px solid #363636 !important;
    border-right: 1px solid #363636 !important;
}

/*Venues Nav Header*/

.allVenues {
    position: relative !important;
}

.allVenues>ul {
    width: 250px !important;
    border: 0 solid #363636 !important;
    background: white !important;
    padding: 0 10px 0 0;
}

.allVenues>ul>li {
    width: 100% !important;
    border-bottom: 1px solid #eaeaea !important;
}

.allVenues>ul>li>a {
    padding: 10px 10px !important;
    color: #363636;
    font-weight: 400;
}

.allVenues>ul>li>ul {
    width: 100% !important;
    left: 100% !important;
}

.allVenues>ul>li>ul>li>ul>li {
    width: 100% !important;
}

.allVenues>ul>li>ul>li a {
    font-size: 14px !important;
    padding: 10px !important;
}

.allVenues li.last-big {
    padding: 15px !important;
    background: #363636;
    top: unset !important;
    width: 100% !important;
    min-height: auto !important;
}

.allVenues p:before {
    display: none !important;
}

.allVenues p#catPlusVenueIco {
    padding-left: 0 !important;
    font-size: 15px !important;
    height: 30px !important;
}

.allVenues>ul>li>a {
    color: #363636 !important;
}

.allVenues form select,
.allVenues form .btn {
    min-height: 30px !important;
}

/*All Listing Pages*/

.training-category-venue-wp section#pageTitle .container .heading,
.oil-gas-courses section#pageTitle .container .heading,
.continent-wp section#pageTitle .container .heading,
.training-courses-wp section#pageTitle .container .heading,
.training-wp section#pageTitle .container .heading {
    width: 65%;
    max-width: calc(65% - 40px);
}

.training-category-venue-wp section#pageTitle .container figure,
.oil-gas-courses section#pageTitle .container figure,
.continent-wp section#pageTitle .container figure,
.training-courses-wp section#pageTitle .container figure,
.training-wp section#pageTitle .container figure {
    width: 35%;
}

.training-category-venue-wp section#pageTitle,
.oil-gas-courses section#pageTitle,
.continent-wp section#pageTitle,
.training-courses-wp section#pageTitle,
.training-wp section#pageTitle {
    margin: 0 !important;
}

.training-category-venue-wp section#filters,
.oil-gas-courses section#filters,
.continent-wp section#filters,
.training-courses-wp section#filters,
.training-wp section#filters {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.training-category-venue-wp section#pageTitle .container,
.oil-gas-courses section#pageTitle .container,
.continent-wp section#pageTitle .container,
.training-courses-wp section#pageTitle .container,
.training-wp section#pageTitle .container {
    align-items: flex-start !important;
}

/*Single Course Page*/

body.single-course div#breadcrumbs {
    margin-top: 0 !important;
}

/*Homepage*/

section#categories a>section {
    height: 120px;
}

section#categories a:last-child>section h3 {
    color: #fff;
    text-align: center !important;
    font-size: 15px;
}

section#categories a:last-child>section:after {
    right: 0;
    color: #fff;
    text-align: center;
    content: "Learn more >";
    font-size: 16px;
    width: 100%;
}

#superCatCalendar>span,
#superCatCalendar>section {
    background: #363636;
}

.home section#filters {
    padding: 10px 15px !important;
}

.home section#filters:before {
    content: 'Find the Right Course For You';
}

.home section#filters .btn {
    min-height: 30px;
}

.home section#homeBanner div.banner-content div:not(section#filters div) {
    margin-bottom: 40px;
}

.home section#homeBanner div.banner-content {
    padding-top: 180px;
    padding-bottom: 40px;
}

.home section#filters form input[type="text"] {
    padding: 5px 10px !important;
    min-height: 20px !important;
}

.home section#homeBanner h1 {
    font-size: 23px !important;
}

.home h1 span {
    font-size: 34px !important;
}

div#homeFormats h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: none;
}

div#homeFormats .formatType p {
    font-size: 14px;
    text-align: left;
    color: #fff;
}

div#homeFormats .formatType {
    border-radius: 7px;
    margin: 0 20px 0 0;
    height: 280px;
    position: relative;
}

div#homeFormats .formatType {
    padding: 15px;
}

div#homeFormats h2 {
    margin-bottom: 15px;
    font-weight: bold;
}

div#homeFormats .td-heading {
    padding: 0 50px 0 0;
}

div#homeFormats span {
    color: #fff;
    padding: 15px 0;
    display: block;
    position: absolute;
    bottom: 0;
}

div#homeFormats .ftImage img {
    display: table-cell;
    vertical-align: bottom;
}

div#homeFormats .ftImage {
    height: 100px;
    display: table;
}

/*.headerBgLayer {*/

/*    display: none;*/

/*    background: rgb(5 5 5 / 75%);*/

/*    position: fixed;*/

/*    width: 100%;*/

/*    height: 100%;*/

/*    z-index: -9;*/

/*    left: 0;*/

/*    top: 0;*/

/*}*/

/*section#homeBanner div.banner-content{*/

/*    z-index: -9999;*/

/*}*/

#pageTitle .heading section#pageIntro {
    margin: 0 !important;
}

/*main.overlay { position: relative; }
main.overlay:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: black;
    opacity: .7;
    z-index: 1;
    float: left;
}*/

/*Single Course*/

.single-course section#pageTitle figure {
    border-radius: 0 !important;
}

.single-course section#pageTitle {
    padding-right: 0 !important;
}

body.single-course section#pageTitle {
    padding-top: 0;
    padding-bottom: 0;
}

.single-course section#pageTitle .container .heading {
    margin: 25px 0;
    width: 66% !important;
    max-width: calc(66% - 40px) !important;
}

body.single-course section#pageTitle .container figure {
    overflow: hidden;
    position: absolute;
    right: 0;
    left: unset;
    top: 0;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    width: 32.33%;
}

/*Custom Course Finder */

.custom-course-finder section#filterCategories div:nth-child(3) {
    width: 33% !important;
    max-width: calc(33% - 20px);
}

.custom-course-finder section#filterCategories div {
    width: 33% !important;
    max-width: calc(33% - 10px);
}

.custom-course-finder section#filterCategories div:nth-child(3) ul {
    column-count: 1 !important;
}

.training-courses-wp section#pageIntro img {
    display: none;
}

/*Inperson and Online Formats*/

.in-person-wp section#pageTitle,
.online-training-wp section#pageTitle {
    margin-bottom: 0 !important;
}

.in-person-wp section#filters,
.online-training-wp section#filters {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*New Headers Listing*/

.oil-gas-courses section#pageTitle {
    padding: 0 117px;
}

.oil-gas-courses section#pageTitle h1 {
    font-size: 30px !important;
    text-transform: capitalize !important;
}

.oil-gas-courses div#breadcrumbs {
    margin: 15px 0 20px !important;
}

.oil-gas-courses div#breadcrumbs ul>li,
.oil-gas-courses div#breadcrumbs ul>li>a {
    font-size: 12px !important;
}

.oil-gas-courses section#pageTitle .container figure {
    height: 160px !important;
}

.oil-gas-courses-content h4 {
    font-size: 17px !important;
    font-weight: bold !important;
    width: 100%;
    padding-left: 50px;
    position: relative;
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    text-transform: none;
}

.oil-gas-courses-content h4:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 60px;
    background-color: #ec1c2d;
    top: 0;
    left: 0;
    border: 8px solid transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://petroknowledge.com/wp-content/uploads/2021/11/all-categories.png);
}

.oil-gas-courses-content p {
    font-size: 14px !important;
}

.oil-gas-courses-content p>a {
    font-size: 14px;
    color: #363636;
    text-decoration: underline;
}

.oil-gas-courses-content .inner-content-bottom {
    margin-bottom: 40px;
    padding-top: 10px;
}

/*section#pageTitle, section#filters{*/

/*    position: relative;*/

/*    z-index: -99;*/

/*}*/

/*Calendar Page*/

.calendar section#pageIntro {
    display: none;
}

.calendar div#breadcrumbs {
    margin: 30px 0 0;
}

/*Custom Media Queries*/

@media(max-width: 480px) {
    .in-house .hundred p {
        margin: 0 0 10px 0;
    }
    section#pageIntro {
        /*display: none;*/
    }
    .calendar section#pageIntro {
        display: block !important;
    }
    article.single-partner figure {
        text-align: center;
        margin: auto;
        position: unset !important;
        float: none !important;
    }
    article.single-partner figure {
        position: unset !important;
        width: 50% !important;
        height: auto;
    }
    body.single-article section.main article p {
        margin-bottom: 15px !important;
    }
    .pagination a:not(.next,
    .prev),
    .pagination span {
        width: auto;
    }
    .pagination a.next,
    .pagination a.prev {
        font-size: 14px;
    }
    .downloads-form input[type="text"] {
        width: 100%;
        margin: 10px 0 !important;
    }
    .modal .modal-content {
        margin: 30% auto !important;
        padding: 20px !important;
    }
    #myModal input {
        margin-bottom: 0;
    }
    .downloads-form input[type="checkbox"] {
        margin: 0 6px 0 0 !important;
    }
    .downloads-form span.submit {
        width: 100%;
        display: inline-grid;
    }
    .downloads-form label {
        display: inline-table;
        width: 100%;
        margin: 20px 0;
    }
    .call_back_request .modal-content {
        width: 75% !important;
    }
    .call_back_request input {
        margin-bottom: 10px !important;
    }
    .search-keywords button {
        width: 20% !important;
    }
    aside#courseInfo section#association a:not(.btn) img {
        width: 50%;
    }
    .filterOptions span.close-current {
        display: none !important;
    }
    div#chat-application {
        bottom: 31px !important;
        right: 0 !important;
    }
    section#pageIntro a {
        margin: 0;
    }
    .form-group>div>div {
        max-width: calc(50% - 10px) !important;
        width: 50% !important;
    }
    .footer span.btn {
        width: auto !important;
    }
    ul.external-urls li {
        text-align: left;
        display: block !important;
    }
    section.footer-bottom {
        padding: 50px 15px;
        text-align: left !important;
    }
    section.footer-bottom p {
        text-align: center !important;
    }
    .training-calendars-all table td:nth-child(1) a {
        font-size: 12px !important;
    }
    .training-calendars-all table td:nth-child(2),
    .training-calendars-all table td:nth-child(3) {
        width: 30% !important;
        font-size: 12px !important;
        text-align: center;
    }
    .training-calendars-all table td:nth-child(1) {
        width: 40% !important;
        /* border-right: 1px solid; */
    }
    .training-calendars-all table td:nth-child(2) strong {
        padding: 0 5px;
    }
    .training-calendars-all table td:nth-child(3) {
        border: none !important;
    }
    .training-calendars-all table td:nth-child(1) {
        padding: 0 3px 0 0;
    }
    .training-calendars-all section#courses table thead {
        display: block !important;
    }
    .training-calendars-all table th:nth-child(1) {
        width: 40% !important;
    }
    .training-calendars-all table th:nth-child(2),
    .training-calendars-all table th:nth-child(3) {
        width: 30% !important;
    }
    .training-calendars-all th {
        text-align: center;
    }
    .training-calendars-all th:nth-child(1) {
        text-align: left;
    }
    /*Single Course*/
    section#objectives p,
    section#objectives ul,
    section#audience p,
    section#audience ul,
    section#methodology p,
    section#organisational p,
    section#organisational ul,
    section#personal p,
    section#personal ul,
    section#outline .topics {
        display: none;
    }
    section#courseDescription h2,
    section#objectives h2,
    section#audience h2,
    section#methodology h2,
    section#organisational h2,
    section#personal h2,
    section#outline h2 {
        display: none !important;
    }
}

@media(max-width: 767px) {
    /*Homepage*/
    .home section#homeBanner div.banner-content {
        padding-top: 120px !important;
    }
    section#categories a>section {
        height: 100px !important;
    }
    a.buttonBox section h3 {
        padding: 10px 0 0 0;
    }
    section#categories a:last-child>section h3 {
        padding: 0 !important;
        margin: 8px 0 0 0 !important;
    }
    div#homeFormats .thirtythree {
        width: 100%;
    }
    div#homeFormats .sixtysix {
        width: 100%;
    }
    div#homeFormats .td-heading {
        padding: 0 !important;
    }
    div#homeFormats .td-heading p {
        margin: 0 0 20px 0
    }
    div#homeFormats .formatType {
        margin: 10px 0;
        height: 140px;
    }
    div#homeFormats .formatType a {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        align-items: center;
    }
    div#homeFormats .ftImage {
        height: 80px;
        display: block;
        float: left;
        padding: 0 15px 0 0;
        width: 32%;
    }
    div#homeFormats .ftContent {
        width: 68%;
    }
    div#homeFormats h3 {
        font-size: 22px;
    }
    div#homeFormats span {
        display: none;
    }
    div#homeFormats .inHouseFormat {
        background: #363636 !important;
    }
    div#homeFormats .inHouseFormat p,
    div#homeFormats .inHouseFormat h3 {
        color: #fff !important;
    }
    div#homeFormats .inHouseFormat .ftImage img {
        filter: invert(1);
    }
    section#pageTitle figure {
        display: none !important;
    }
    .single-course section#pageTitle {
        padding-right: 15px !important;
        padding-top: 10px !important;
        padding-bottom: 5px !important;
    }
    /*Single Course*/
    .single-association {
        width: 100%;
    }
    section#courseDescription h6,
    section#objectives h6,
    section#audience h6,
    section#methodology h6,
    section#organisational h6,
    section#personal h6,
    section#outline h6,
    aside#courseInfo h2,
    section#certificate h2,
    section#association h2,
    section#related h2 {
        width: 100%;
        display: block;
        position: relative;
        font-family: 'Avenir LT Std';
    }
    /*section#courseDescription h6:after, section#objectives h6:after, section#audience h6:after, section#methodology h6:after, section#organisational h6:after, section#personal h6:after, section#outline h6:after, section#certificate h2:after, section#association h2:after, section#related h2:after {*/
    /*    content: var(--content, "+");*/
    /*    float: right;*/
    /*    background: #363636;*/
    /*    width: 23px;*/
    /*    height: 23px;*/
    /*    color: #fff;*/
    /*    text-align: center;*/
    /*    border-radius: 100%;*/
    /*    margin: 0 0 0 15px;*/
    /*    position: absolute;*/
    /*    right: 0;*/
    /*    top: 0;*/
    /*}*/
    section#audience h2 strong,
    section#methodology h2 strong,
    section#courseDescription h2 strong {
        width: 90%;
        display: block;
    }
    .single-course section#pageTitle .container .heading {
        width: 100% !important;
        max-width: 100% !important;
    }
    section#inHouse a {
        background: #363636 !important;
    }
    section#inHouse a button {
        color: #fff !important;
    }
    section#inHouse h2 {
        color: #363636 !important;
        font-weight: 500;
    }
    /*Certifications*/
    section#pageTitle {
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
    section.hundred.main.float-left.padding-bottom-medium {
        padding-top: 0 !important;
    }
    /*Single Course*/
    section#register {
        background: transparent;
    }
    section#register a button {
        text-align: left !important;
    }
    section#register a:nth-child(1) {
        background: #ec1c2d !important;
        margin: 10px 0 0 0 !important;
    }
    section#register a:nth-child(1) button {
        color: #fff !important;
    }
    section#register a:nth-child(3) {
        display: none;
    }
    section#register a:nth-child(2) {
        width: 49% !important;
        float: left;
    }
    section#register a:nth-child(4) {
        width: 49% !important;
        padding: 0 10px;
    }
    aside#courseInfo section#register {
        margin-top: 0 !important;
        padding: 0 !important;
    }
    /*Single Course Certificate*/
    section#certificate {
        padding: 14px 0 25px 0 !important;
        border-top: 1px solid #e4e4e4;
    }
    /*section#related {*/
    /*    padding: 15px 0 10px 0!important;*/
    /*}*/
    section#certificate h2,
    section#association h2,
    section#related h2 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
        text-transform: none;
        font-weight: 400;
    }
    section#certificate ul,
    section#related .owl-home,
    section#association .single-association {
        display: none;
    }
    section#association {
        padding: 10px 0 25px 0 !important;
        order: unset !important;
    }
    section#inHouse h2:after {
        display: none;
    }
    section#related div.owl-home article.single-course {
        height: 200px;
    }
}

@media(min-width: 500px) and (max-width: 992px) {
    body.single-course h6 {
        display: none;
    }
}

/* Firefox specifics */

@-moz-document url-prefix() {
    /* #venuesFilters section {
    column-count: 4;
  }
  /* section#filters form div#venuesFilters ul {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    justify-content: space-between;
    column-count: unset;
  }
  section#filters form div#venuesFilters ul li {
    min-width: 100%;
  } */
    @media (max-width: 1024px) {
        /* #venuesFilters section {
      column-count: 3;
    } */
    }
    @media (max-width:800px) {
        /* #venuesFilters section {
      column-count: 2;
    } */
    }
    @media (max-width:480px) {}
}

/*New Homepage*/

.banner {
    background: url('https://petroknowledge.com/wp-content/uploads/2021/11/shutterstock_1134461030.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    z-index: 1;
    height: auto;
    overflow: hidden;
}

.banner video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    filter: grayscale(1);
}

/*.banner:after {*/

/*    width: 0;*/

/*    height: 0;*/

/*    border-style: solid;*/

/*    border-width: 0 1200px 500px 0;*/

/*    border-color: transparent black transparent transparent;*/

/*    right: 0;*/

/*    bottom: 0;*/

/*    position: absolute;*/

/*    content: '';*/

/*    transform: rotateX(*/

/*            180deg);*/

/*    opacity: 0.4;*/

/*    z-index: -1;*/

/*}*/

/*.banner:before {*/

/*    width: 0;*/

/*    height: 0;*/

/*    border-style: solid;*/

/*    border-width: 0 1110px 500px 0;*/

/*    border-color: transparent #ec1c2d transparent transparent;*/

/*    left: 0;*/

/*    bottom: 0;*/

/*    position: absolute;*/

/*    content: '';*/

/*    transform: rotateX(*/

/*            180deg) rotateY(*/

/*            180deg);*/

/*    opacity: 0.6;*/

/*    z-index: -1;*/

/*}*/

.banner h1 {
    font-size: 58px;
    font-weight: 500;
    text-transform: inherit;
    line-height: 62px;
    color: #fff;
    font-weight: bolder
}

.banner h2 {
    font-size: 16px;
    text-transform: inherit;
    padding: 20px 0 0 0;
    font-weight: 500;
    color: #fff;
}

.banner p {
    color: #fff;
    font-size: 14px;
}

.banner-body {
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    position: relative;
    padding: 0 33%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-body:before {
    content: '';
    background: url(https://petroknowledge.com/wp-content/uploads/2021/11/overlay-fx.svg);
    z-index: -1;
    display: block;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
}

.banner-search span {
    cursor: pointer;
}

.banner-body .input-container {
    margin-bottom: 10px;
}

.banner-body .input-container input {
    width: 50%;
    padding: 15px 10px;
    outline: none;
}

.banner-body .input-container button {
    padding: 14px 30px;
    background: #ec1c2d;
    color: white;
    min-width: 50px;
    text-align: center;
    border: 2px solid #fff;
    margin-left: -5px;
    font-weight: 600;
}

.banner-body .input-group {
    display: flex;
    justify-content: space-between;
}

.banner-body .input-group select {
    padding: 15px 5px;
    opacity: 1 !important;
    width: 50%;
    max-width: calc(50% - 5px);
    border-radius: 3px;
}

.banner-body .input-group:nth-child(3) {
    margin-top: 10px;
}

.banner-body .input-group:nth-child(1) {
    margin: 0 0 10px 0;
}

.banner-body h3 {
    color: #fff;
    text-transform: inherit;
    margin: 10px 0 30px 0;
    font-weight: bold;
    position: relative;
}

.banner-body h3:before,
.banner-body h3:after {
    content: '';
    width: 140px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
}

.banner-body h3:after {
    right: 0;
    left: unset;
}

.input-group button {
    background: #ec1c2d;
    color: #fff;
    padding: 15px;
    border-radius: 3px;
    width: 100%;
}

.banner-body span.skip-banner {
    color: #fff;
    margin: 20px 0;
    display: block;
    font-size: 30px;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 99;
    display: none;
}

.banner-filter {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}

.banner-filter-body {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    border-radius: 4px;
}

.banner-filter-body h3 {
    font-weight: 500;
    text-transform: inherit;
    margin: 0 0 25px 0;
    font-size: 20px;
}

.banner-filter-body i {
    float: right;
    font-size: 13px;
    color: #fff;
    background: #ec1c2d;
    padding: 4px 6px;
    border-radius: 100%;
}

.banner-filter-body input {
    width: 100%;
    padding: 10px 5px;
    margin: 0 0 10px 0;
    opacity: 0.8;
}

.banner-filter-body select {
    width: 100%;
    padding: 10px 5px;
    margin: 0 0 10px 0;
    opacity: 0.8;
}

.banner-filter-body button {
    margin: auto;
    display: block;
    background: #ec1c2d;
    color: #fff;
    padding: 10px;
    width: 40%;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
}

.banner-filters-dates select {
    width: 48%;
}

.banner-filters-dates select:nth-child(1) {
    float: left;
    margin: 0 14px 0 0;
}

.homepage-formats {
    /*background: url(https://petroknowledge.com/wp-content/uploads/2021/11/logo-pattern.png);*/
    background: #adadad;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
}

.homepage-formats:before {
    /*width: 0;*/
    /*height: 0;*/
    /*border-style: solid;*/
    /*border-width: 0 1000px 800px 0;*/
    /*border-color: transparent #000000 transparent transparent;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*position: absolute;*/
    /*content: '';*/
    /*transform: rotateX(*/
    /*        180deg) rotateY(*/
    /*        180deg);*/
    /*opacity: 0.6;*/
    /*z-index: -1;*/
}

.homepage-formats h2 {
    color: #000;
    font-weight: bold;
    text-transform: inherit;
    margin-bottom: 20px;
}

.homepage-formats p {
    color: #000;
}

.hp-formats-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.formats-description {
    width: 24%;
}

.hp-format {
    width: 24%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 3px;
    overflow: hidden;
}

.bg-format {
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    height: 100%;
    filter: grayscale(1);
    top: 0;
    left: 0;
    width: 100%;
    background-position: center !important;
    background-size: cover !important;
}

.hp-format:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    opacity: .6;
    z-index: 2;
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

.hp-format:hover:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #ec1c2d;
    opacity: .6;
    z-index: 2;
    border-radius: 3px;
    width: 100%;
    height: 100%;
}

.hp-format h5 {
    color: #fff;
    font-weight: 600;
    width: 100%;
    position: relative;
    z-index: 3;
    font-size: 18px;
    line-height: 22px;
}

.hp-format i {
    float: right;
}

.homepage-topics h2 {
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: inherit;
}

.homepage-topics p {
    text-align: center;
    font-weight: 500;
}

.hp-list-topics .hide-category {
    display: none;
}

.hp-list-topics {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

.hp-single-topic {
    width: 19%;
    display: block;
    margin-bottom: 10px;
}

.hp-single-topic-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top !important;
    height: 100px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    filter: grayscale(1);
}

.hp-single-topic-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000000, #000000);
    opacity: .6;
}

.hp-single-topic-content {
    text-align: center;
    padding: 20px 5px;
    border: 1px solid #80808070;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

a.hp-single-topic:hover h5 {
    font-weight: bold;
}

a.hp-single-topic:hover span {
    color: #ec1c2d;
}

.hp-single-topic-content span {
    font-size: 14px;
}

.hp-single-topic-content h5 {
    margin-bottom: 15px;
    font-weight: 500;
}

.hp-single-topic-content a {
    font-size: 14px;
}

.view-all-hp-topics {
    text-align: center;
    margin: 40px 0 0 0;
}

.view-all-hp-topics a {
    background: #363636;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: bold;
}

.homepage-codes-standards {
    /*background: url('https://petroknowledge.com/wp-content/uploads/2021/11/logo-pattern.png');*/
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
}

.homepage-codes-standards:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #000000, #000000);
    opacity: .7;
    z-index: -1;
}

.homepage-codes-standards h2 {
    text-align: center;
    font-weight: 500;
    text-transform: inherit;
    padding: 50px 0 0 0;
    color: #fff;
}

.list-ics {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

a.single-ics {
    width: 16%;
    margin-bottom: 25px;
    background: #fff;
    height: 150px;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
}

a.single-ics:last-of-type {
    background: #7e7e7e;
}

a.single-ics:last-of-type h5 {
    color: #fff;
}

.ics-bg {
    height: 70px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 70px;
    margin: auto;
}

a.single-ics h5 {
    font-weight: 500;
    margin: 15px 0 0 0;
}

.homepage-venues h2,
.homepage-venues p {
    color: #000;
    text-transform: inherit;
}

.homepage-venues p {
    padding: 10px 0 0 0;
}

.homepage-venues a {
    text-decoration: none;
    color: #000;
}

.homepage-venues div:last-of-type a.simpleLink:before {
    display: none !important;
}

.homepage-venues a.simpleLink {
    padding-left: 0 !important;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 12px !important;
}

.homepage-venues a.btn {
    background: #363636;
    padding: 5px 30px !important;
    margin: 10px 0 0 0 !important;
}

.homepage-venues button {
    font-weight: 600 !important;
    font-size: 14px;
}

.homepage-venues a.btn:before {
    display: none;
}

.homepage-venues a.btn button:hover {
    color: #fff !important;
}

.homepage-new-courses {
    position: relative;
    z-index: 1;
    background: url(https://petroknowledge.com/wp-content/uploads/2021/11/newly-added-training-courses.webp);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    float: left;
    overflow: hidden;
    margin-bottom: 50px;
}

.homepage-new-courses .view-all-btn {
    background: #fff;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 14px;
}

.homepage-new-courses .view-all-btn>span {
    color: #ec1c2d;
    font-weight: bold;
}

.homepage-new-courses:before {
    content: '';
    background: url("https://petroknowledge.com/wp-content/uploads/2021/11/overlay-fx.svg");
    z-index: -1;
    display: block;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*width: 0;*/
    /*height: 0;*/
    /*border-style: solid;*/
    /*border-width: 0 1110px 500px 0;*/
    /*border-color: transparent #ec1c2d transparent transparent;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*position: absolute;*/
    /*content: '';*/
    /*transform: rotateX(*/
    /*        180deg) rotateY(*/
    /*        180deg);*/
    /*opacity: 0.6;*/
    /*z-index: -1;*/
}

.homepage-new-courses:after {
    /*width: 0;*/
    /*height: 0;*/
    /*border-style: solid;*/
    /*border-width: 0 1200px 500px 0;*/
    /*border-color: transparent black transparent transparent;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*position: absolute;*/
    /*content: '';*/
    /*transform: rotateX(*/
    /*        180deg);*/
    /*opacity: 0.4;*/
    /*z-index: -1;*/
}

.homepage-new-courses h2 {
    margin: 0 0 10px 0;
    text-transform: inherit;
    color: #fff;
}

.homepage-new-courses p {
    color: #fff;
}

.list-all-new-courses {
    padding: 10px 0 10px 0;
}

.list-all-new-courses .owl-nav {
    display: none;
}

.single-new-course {
    height: 180px;
    background: #fff;
    padding: 30px 20px 20px 20px;
    position: relative;
    z-index: 99;
    margin: 10px 5px 20px 5px;
    border-radius: 3px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.single-new-course h6 {
    color: #ec1c2d;
    font-size: 12px;
    font-weight: bold;
}

/*.single-new-course:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 80px 110px 0;
    border-color: transparent #eaeaea transparent transparent;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    transform: rotateY(
            180deg);
    z-index: -1;
}
.single-new-course:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 90px 0;
    border-color: transparent #ec1c2d transparent transparent;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    transform: rotateX(
            180deg);
}*/

.single-new-course {
    background-image: url(img/icon_brand.png);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 16px;
}

.single-new-course h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px;
    text-transform: inherit !important;
}

.single-new-course ul {
    margin: 0;
    padding: 0;
}

.single-new-course li {
    list-style: none;
    font-size: 14px;
    margin: 0 0 10px 0;
}

.single-new-course i {
    float: right;
    position: absolute;
    right: 10px;
    z-index: 99;
    bottom: 10px;
    color: #EC1C2D;
    font-size: 18px;
}

.hp-our-clients h2 {
    text-align: center;
    font-weight: 500;
    text-transform: inherit;
    margin: 0 0 20px 0;
}

.hp-our-clients p {
    text-align: center;
}

.hp-our-clients .owl-nav {
    display: none;
}

.list-all-clients {
    margin: 15px 0 0 0;
}

.single-client.item {
    border: 1px solid #8080807d;
    padding: 15px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-client img {
    max-width: 100%;
    display: block;
    margin: auto;
}

/* New Header*/

header {
    position: relative;
    z-index: 20;
}

.owl-homepage {
    z-index: unset !important;
}

header.bgOverlay:before {
    content: '';
    position: absolute;
    display: block;
    background-color: black;
    width: 200px;
    height: 200px;
    z-index: 19;
    top: 0;
}

nav#mainNavigation ul.nav li.topNav {
    padding: 30px 10px !important;
}

nav#mainNavigation ul.nav a {
    font-size: 14px !important;
}

nav#mainNavigation ul.nav a.topLink {
    text-transform: inherit;
}

button#openSideNav {
    display: none !important;
}

form#quickSearch {
    display: none !important;
}

li.topNav i {
    background: #ec1c2d;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 10px;
    padding: 9px 0;
}

nav#mainNavigation ul.nav>li:last-child {
    padding: 0 !important;
    margin-left: 40px;
}

nav#mainNavigation ul.nav li:last-child:hover {
    background: transparent !important;
}

.search-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}

.s-modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
}

.s-modal-header h5 {
    font-size: 14px;
    font-weight: bold;
}

.s-modal-header i {
    float: right;
    background: #ec1c2d;
    width: 22px;
    border-radius: 100%;
    height: 22px;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    margin: -5px 0;
    cursor: pointer;
}

form#quickSearch {
    display: block !important;
    width: 100% !important;
    position: unset !important;
    padding: unset !important;
    transition: unset !important;
}

form#quickSearch input[type="submit"] {
    position: unset !important;
    right: unset !important;
    height: unset !important;
    background-color: #ec1c2d !important;
    border-radius: 3px !important;
    border: unset !important;
    overflow: unset !important;
    top: unset !important;
    transform: unset !important;
    background-image: unset !important;
    background-size: unset !important;
    background-blend-mode: unset !important;
    background-position: unset !important;
    width: 100% !important;
    color: #fff !important;
    padding: 10px 0 !important;
    margin: 10px 0 !important;
}

form#quickSearch input[type="text"] {
    width: 100%;
    border: 1px solid #36363638;
    padding: 10px !important;
    border-radius: 3px !important;
    margin: 20px 0 0 0 !important;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul {
    min-width: max-content !important;
    padding: 15px 15px 25px 5px !important;
    background: #fff !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul li {
    border: unset !important;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul li a {
    padding: 10px !important;
}

nav#mainNavigation ul.nav>li.small-nav:hover>ul li:hover a {
    font-weight: bold;
}

nav#mainNavigation ul.nav .allCategories>ul,
nav#mainNavigation ul.nav .allVenues>ul {
    padding: 15px 15px 15px 5px;
}

li.big-nav.topNav.allCategories>ul>li,
li.big-nav.topNav.allVenues>ul>li {
    border: none !important;
}

nav#mainNavigation ul.nav .big-nav>ul>li a.parentCat:after {
    content: unset !important;
}

nav#mainNavigation ul.nav .allCategories>ul,
nav#mainNavigation ul.nav .allVenues>ul {
    padding: 15px 0 25px 0 !important;
}

nav#mainNavigation ul.nav .big-nav>ul>li.show>a {
    background: #ec1c2d !important;
    color: #fff !important;
}

nav#mainNavigation ul.nav .allCategories>ul>li>a,
nav#mainNavigation ul.nav .allVenues>ul>li>a {
    padding: 10px 15px 10px 20px !important;
}

nav#mainNavigation ul.nav .allCategories>ul>li>ul,
nav#mainNavigation ul.nav .allVenues>ul>li>ul {
    background: #eaeaea
}

nav#mainNavigation ul.nav .allCategories>ul>li>ul>li a,
nav#mainNavigation ul.nav .allVenues>ul>li>ul>li a {
    font-size: 13px !important;
    color: #ec1c2d !important;
    font-weight: 500 !important;
}

nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul li.last a {
    color: black !important;
    /* padding: 10px 20px!important; */
}


nav#mainNavigation ul.nav .big-nav>ul>li>ul>li.visualiseCats ul {
    padding: 10px 0 !important;
}


/* STYLE CARDS TO MAKE THEM ANIMATED AND SIMILAR TO MOCKUP */

a.single-child-cat,
.single-child-venue {
    width: 20%;
    display: block;
    margin-bottom: 10px;
    border: 8px solid transparent;
    margin-top: 10px;
    transition: all 200ms ease-in;
}

.list-all-cc,
.list-all-v {
    min-width: calc(100% + 16px);
    margin-left: -8px;
}

.list-all-cc:after,
.list-all-v:after {
    content: '';
    flex: auto;
}

a.single-child-cat:hover,
a.single-child-venue:hover {
    margin-bottom: 20px;
    margin-top: 0;
}

/*New Search for the new homepage*/

.banner-body forms {
    display: none;
}

.scv-heading h2 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 28px;
    margin: 7px 0 0 0;
}

.scv-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.scv-heading {
    width: 20%;
}

.hp-select-category,
.hp-select-venue {
    width: 30%;
}

.hp-search {
    width: 18%;
}

.hp-select-inner {
    padding: 15px 7px;
    background: linear-gradient(to bottom, #ededed, #ededed);
    border: 1px solid #ededed;
    border-radius: 3px;
    cursor: pointer;
}

.hp-select-inner h5 {
    font-size: 15px;
}

.hp-select-inner i {
    float: right;
    margin: -3px 0;
    padding: 0;
}

.hp-search button {
    width: 100%;
    text-align: center;
    color: #fff;
    background: #ec1c2d;
    padding: 14px 0;
    border-radius: 3px;
}

.hp-select-body {
    position: relative;
}

.hp-select-body ul {
    background: #fff;
    padding: 15px 10px 10px 10px;
    box-shadow: 0 0 12px 5px #0000004a;
    border-radius: 3px;
    height: 200px;
    overflow-y: auto;
    float: left;
    position: absolute;
    z-index: 2;
    margin-left: 0;
    display: none;
    width: 100%;
}

.hp-select-body ul::-webkit-scrollbar-track {
    box-shadow: unset;
    background: unset;
}

.hp-select-body ul::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
}

.hp-select-body ul::-webkit-scrollbar {
    width: 5px !important;
}

.hp-select-body li {
    font-size: 13px;
    line-height: 23px;
}

.hp-select-body li label {
    display: block;
    width: 100%;
}

.hp-select-body input {
    margin: 0 5px 0 0;
    width: 9px;
}

.hp-select-inner:hover {
    background: #363636;
    color: #fff;
}

.hp-select-inner:hover h5 {
    color: #fff;
}

/*New Page Headers*/

.page-header {
    background: #363636;
}

.page-header .page-breadcrumbs {
    padding: 0 0 20px 0;
}

.page-header h1 {
    text-align: left;
    color: #fff;
    font-weight: bold;
    text-transform: inherit;
}

.page-header h2 {
    text-align: left;
    color: #fff;
    text-transform: inherit;
    font-size: 18px;
}

.page-header ul {
    margin: 0;
    padding: 0;
}

.page-header li {
    list-style: none;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin: 0 2px 0 0;
}

.page-header li:last-child {
    opacity: 0.6;
}

.page-header a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}

/*New Categories & Venues Page*/

.list-all-pc,
.list-all-continents {
    border-bottom: 1px solid lightgrey;
    padding: 0 0 10px 0;
}

.list-all-pc ul,
.list-all-continents ul {
    padding: 0;
    margin: 0;
}

.list-all-pc li,
.list-all-continents li {
    list-style: none;
    display: inline-block;
}

.list-all-pc a,
.list-all-continents a {
    padding: 0 15px 0px 0;
    font-size: 12px;
}

.list-all-pc a:hover,
.list-all-continents a:hover {
    color: #ec1c2d;
    font-weight: 500;
}

.list-all-pc a.active,
.list-all-continents a.active {
    color: #ec1c2d;
    font-weight: 600;
}

.list-all-cc,
.list-all-v {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

a.single-child-cat,
.single-child-venue {
    width: 19%;
    display: block;
    margin-bottom: 10px;
}

.single-child-cat-bg,
.single-child-venue-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: top !important;
    height: 100px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    filter: grayscale(1);
}

a.single-child-cat .bg-container,
.single-child-venue .bg-container {
    position: relative;
}

a.single-child-cat .bg-container::before,
.single-child-venue .bg-container::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #ec1c2d;
    z-index: 1;
    opacity: 0;
}

a.single-child-cat:hover .bg-container::before,
.single-child-venue:hover .bg-container::before {
    opacity: .5;
}

.single-child-cat-content,
.single-child-venue-content {
    text-align: center;
    padding: 20px 5px;
    border: 1px solid #80808070;
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 100px;
}

.single-child-cat-content h5,
.single-child-venue-content h5 {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 15px;
}

.single-child-cat-content span,
.single-child-venue-content span {
    font-size: 14px;
}

a.single-child-cat:hover h5,
.single-child-venue:hover h5 {
    font-weight: bold;
}

a.single-child-cat:hover span,
.single-child-venue:hover span {
    color: #ec1c2d;
}

.discover-codes-standards h5 {
    width: 100%;
    padding-left: 45px;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: 600;
    font-size: 20px;
}

.discover-codes-standards h5:before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 60px;
    background-color: #ec1c2d;
    top: -5px;
    left: 0;
    border: 8px solid transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://petroknowledge.com/wp-content/themes/petro_knowledge/assets/css/img/other-topics.png);
}

.dcs-widget {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.dcs-image {
    padding: 100px;
    background-position: center !important;
    background-size: cover !important;
    width: 45%;
    float: left;
    margin: 15px 30px 50px 0;
    filter: grayscale(1);
}

.dcs-content {
    margin: 20px 0 0 0;
    width: 100%;
}

.dcs-content p {
    line-height: 20px;
    font-size: 15px;
    margin: 0 0 20px 0;
}

.dcs-content a {
    background: silver;
    color: #363636;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block
}

.dcs-content i {
    color: #ec1c2d;
}

/*New Design*/

@media(min-width: 992px) and (max-width: 1440px) {
    .banner-body {
        padding: 0 30%;
        min-height: 70vh;
    }
}

@media(max-width: 1024px) {
    button#openSideNav {
        display: block !important;
    }
}

@media(max-width: 767px) {
    /*Header*/
    button#openSideNav {
        display: block !important;
    }
    .search-modal {
        z-index: 20;
    }
    .s-modal-content {
        width: 90% !important;
    }
    .s-modal-content {
        margin: 50% auto;
    }
    .banner video {
        display: none;
    }
    .banner-body {
        padding: 10px;
    }
    .banner-body h1 {
        font-size: 38px;
        line-height: 38px;
    }
    .banner-body h3:before,
    .banner-body h3:after {
        width: 80px;
    }
    .formats-description {
        width: 100%;
    }
    .homepage-formats h2 {
        text-align: center;
    }
    .hp-format {
        width: 33%;
        padding: 80px 0 20px 0;
    }
    .hp-format h5 {
        font-size: 14px;
        text-align: center;
    }
    .hp-single-topic {
        width: 49% !important;
    }
    a.single-ics {
        width: 32%;
        padding: 10px 0;
    }
    .worldMap {
        display: none;
    }
    .homepage-venues div:last-of-type {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .homepage-venues h2,
    .homepage-venues p {
        text-align: center;
        width: 100%;
    }
    .single-client.item {
        padding: 0;
    }
    /*New Homepage Filters*/
    .hp-search-category-venue {
        padding: 0 !important;
    }
    .scv-heading {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }
    .hp-select-category,
    .hp-select-venue {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .hp-search {
        width: 100%;
    }
    /*Categories  & Venues Page*/
    .parent-categories,
    .all-continents {
        display: none;
    }
    .template-all-venues .page-body {
        padding-top: 0;
    }
    .list-all-cc,
    .list-all-v {
        margin: 0;
    }
    a.single-child-cat,
    .single-child-venue {
        width: 49% !important;
        margin: 0;
    }
    .discover-codes-standards {
        margin-bottom: 30px;
    }
    .dcs-widget {
        display: unset;
        align-items: unset;
        justify-content: unset;
    }
    .dcs-image {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .discover-codes-standards h5:before {
        top: 0 !important;
    }
}

/* STYLE CARDS TO MAKE THEM ANIMATED AND SIMILAR TO MOCKUP */

a.single-child-cat,
.single-child-venue {
    width: 20%;
    display: block;
    margin-bottom: 10px;
    border: 8px solid transparent;
    margin-top: 10px;
    transition: all 200ms ease-in;
}

.list-all-cc,
.list-all-v {
    min-width: calc(100% + 16px);
    margin-left: -8px;
}

.list-all-cc:after,
.list-all-v:after {
    content: '';
    flex: auto;
}

a.single-child-cat:hover,
a.single-child-venue:hover {
    margin-bottom: 20px;
    margin-top: 0;
}

/*All Listing Pages*/

h1 {
    text-transform: none;
}

section#headerBanner {
    margin-bottom: 30px;
}

section#headerBanner section#pageTitleNew {
    padding-top: 50px;
    padding-bottom: 50px;
}

section#headerBanner section#pageTitleNew figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

section#headerBanner section#pageTitleNew figure::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    width: 100%;
    height: 100%;
    opacity: .7;
}

section#headerBanner section#pageTitleNew figure img {
    object-position: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
}

section#pageTitleNew div#breadcrumbs {
    position: relative;
    margin: 0;
}

section#pageTitleNew h1 {
    position: relative;
    font-size: 32px;
    width: 100%;
    text-align: left;
    font-weight: 600;
    line-height: 42px;
    text-transform: uppercase
}

section#pageTitleNew h1,
section#pageTitleNew ul li,
section#pageTitleNew ul li a {
    color: white;
}

section#pageIntro p {
    font-size: 14px;
    line-height: 19px;
}

section#filters {
    padding: 0;
    background: transparent;
}

section#filters form input[type="text"],
section#filters form .filterOptions button {
    border-radius: 3px;
}

section#filters form input[type="text"] {
    flex-grow: .5;
    border: 1px solid #919191 !important;
    position: relative;
    padding-left: 40px;
}

section#filters form:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background: transparent;
    z-index: 1;
    background-image: url(/wp-content/themes/petro_knowledge/assets/css/img/search-icon.png);
    filter: invert(1);
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(-45deg);
    opacity: .3;
}

section#filters form section:not(section.checkboxes) {
    display: block;
    width: fit-content;
    margin-right: auto;
    height: 100%;
}

section#filters form .filterOptions,
section#filters form .filterOptions button {
    height: 100%;
}

section#filters form .filterOptions button {
    color: black;
    font-size: 14px;
    font-weight: 400;
    border: 0px;
    background: rgb(193, 193, 193);
    background: -moz-linear-gradient(0deg, rgba(193, 193, 193, 1) 0%, rgba(232, 232, 232, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(193, 193, 193, 1) 0%, rgba(232, 232, 232, 1) 100%);
    background: linear-gradient(0deg, rgba(193, 193, 193, 1) 0%, rgba(232, 232, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1c1c1", endColorstr="#e8e8e8", GradientType=1);
}

body.listing section#pageIntro span#readMore {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

body.listing section#pageIntro span#readMore:hover {
    color: #ec1c2d;
}

body.listing section#pageIntro {
    margin-top: 50px;
}

body.listing span#readMore:before {
    content: unset;
}

body.listing span#readMore:after {
    content: '';
    display: block;
    width: 93%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 7px;
    background-color: #ec1c2d;
    opacity: .5;
}

section#orderOpt label {
    width: 100%;
    justify-content: space-between;
    padding: 0;
}

section#courses {
    float: left;
    padding: 0;
    border: 0;
}

section#filterApplied {
    padding: 0;
}

section#orderOpt {
    margin-top: 30px;
    flex-wrap: wrap;
}

section#orderOpt select {
    padding: 5px 10px;
    border-radius: 3px;
    opacity: 1;
}

body.listing span#readMore:hover::before {
    Content: UNSET;
}

.list-view article.single-course a.course-link-button.btn {
    width: auto;
    background-color: transparent;
    min-height: auto;
    padding: 0;
    padding-right: 10px;
}

.list-view article.single-course a.course-link-button.btn button {
    display: none;
}

.list-view article.single-course a.course-link-button.btn::before {
    content: unset;
}

.list-view article.single-course a.course-link-button.btn::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
    transform: rotate(-45deg);
}

.list-view article.single-course {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.list-view article.single-course:first-of-type {
    padding-top: 25px;
}

.list-view article.single-course .details small,
.list-view article.single-course .details small b {
    font-size: 14px;
}

body.listing section#pageIntro span#readMore {
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}

body.listing section#pageIntro.expandable {
    margin-top: 50px;
}

body.listing:not(.course-finder) h1 span {
    display: initial;
    font-weight: unset;
    margin: 0 10px 0 0;
}

section#filters form .filterOptions:hover button,
section#filters form .filterOptions:focus button {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(54, 54, 54, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(54, 54, 54, 1) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(54, 54, 54, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#363636", GradientType=1);
}

section#filters form .filterOptions:hover button:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.filterOptions span.close-current {
    font-family: 'Avenir LT Std';
    color: black;
}

.filterOptions span.close-current:hover {
    color: red;
}

section#filters form section.checkboxes {
    max-height:
}

section#filters form section.checkboxes.full {
    left: unset;
    width: auto;
    max-width: 300px;
}

section#filters form section.checkboxes.full ul li {
    width: 100% !important;
}

section#filters form section.checkboxes.full {
    left: unset;
    width: auto;
    max-width: 300px;
    max-height: 400px;
    overflow-y: scroll;
}

section#filters form section.checkboxes.full::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: unset;
}

section#filters form section.checkboxes.full::-webkit-scrollbar {
    width: 3px;
}

section#filters form section.checkboxes::-webkit-scrollbar-thumb {
    border-radius: 3px;
}

section#filters form section.checkboxes {
    top: calc(100% - 5px);
    border-radius: 3px;
    padding-top: 35px;
}

section#filters form section.checkboxes ul li {
    margin-bottom: 10px;
}

.list-view article.single-course a.course-link {
    width: 50%;
    max-width: calc(55% - 20px);
}

.list-view article.single-course .details {
    width: 50%;
    max-width: calc(45% - 15px);
}

/* .list-view article.single-course > .details > small{
  width: 50%!important;
  max-width: unset!important;
} */

.list-view article.single-course:first-of-type {
    border-top: 1px solid #b5b5b5;
}

.list-view article.single-course {
    border-bottom: 1px solid #b5b5b5;
}

@media (max-width:800px) {
    section#headerBanner {
        margin-bottom: 0;
    }
}

@media (max-width:480px) {
    section#pageTitleNew h1 {
        font-size: 24px;
        line-height: 31px
    }
    section#orderOpt label:last-of-type {
        width: 100%;
    }
    section#headerBanner div.main {
        /*display: none;*/
    }
    section#filterApplied {
        padding: 10px 0;
    }
    .list-view article.single-course a.course-link {
        width: 100%;
        max-width: unset;
    }
    .list-view article.single-course .details {
        width: 100%;
        max-width: unset;
    }
    .list-view article.single-course {
        margin-bottom: 10px;
    }
    .list-view article.single-course>.details>small:first-of-type,
    .list-view article.single-course>.details>small:nth-child(2) {
        width: 50%;
        max-width: unset;
        margin-bottom: 5px;
    }
    section#filters,
    section#filters.open {
        background: #000000;
        margin: 0;
        padding: 140px 25px 80px;
        top: 0;
        left: 0;
        position: fixed;
        height: 100vh;
        z-index: 20;
        display: block;
        border-radius: 0;
    }
	section#filters.firsTime section.firstTimeOnly h2, section#filters.firsTime section.firstTimeOnly p {
		color: #fff;
	}
    button#closePanel {
        background-color: #ec1b2d;
    }
    section#filters form .filterOptions button {
        height: auto;
        padding: 15px 10px;
    }
    section#filters form section:not(section.checkboxes) {
        display: block;
        width: 100%;
        margin-right: 0;
        height: 100%;
    }
    section#filters form {
        padding: 20px 10px;
        background: white;
        border-radius: 3px;
    }
    section#filters form input[type="text"] {
        margin-top: 0;
    }
    section#filters form section.checkboxes {
        padding-top: 0;
    }
    section#filters form span.btn {
        margin-top: 0;
        min-height: 40px;
        width: 100%;
        border-radius: 3px;
    }
    p#loadMore {
        width: 70%;
    }
    section#orderOpt label:last-of-type span:first-of-type:not(button span) {
        display: block;
    }
    section#orderOpt label:last-of-type {
        justify-content: flex-start;
    }
    section#orderOpt select {
        padding: 10px;
    }
    section#filterApplied p:first-of-type {
        color: white;
        background-color: #ec1b2d;
    }
    section#filterApplied p:first-of-type::after {
        background-color: black;
    }
    section#filterApplied p {
        border-radius: 3px;
        font-weight: 400;
        font-size: 12px;
    }
}

/*New Course page*/

h2,
h3 {
    text-transform: none;
}

main p,
main li {
    font-size: 14px;
    line-height: 21px;
}

main li {
    margin: 5px 0
}

div p:last-of-type,
section p:last-of-type,
article p:last-of-type,
div li:last-of-type,
section li:last-of-type,
article li:last-of-type {
    margin-bottom: 0;
}

div#breadcrumbs li {
    opacity: .7;
    transition: all 200ms ease-in-out;
}

div#breadcrumbs li:not(:last-of-type):hover {
    opacity: 1;
}

.course-page h2 {
    font-size: 24px;
    line-height: 30px;
}

.course-page h3,
#c_agenda h2,
#c_agenda h2 strong {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

#c_agenda h2,
#c_agenda h2 strong {
    color: #ec1c2d
}

.course-page section#headerBanner {
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
    overflow: hidden;
    margin-bottom: 0;
}

.course-page section#headerBanner figure.course-figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.course-page section#headerBanner:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
}

.course-page section#headerBanner:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    width: 1000px;
    height: 1000px;
    background: #ec1c2d;
    right: 0;
    top: -50%;
    opacity: .5;
    transform: rotate(36deg) translate(370px, -60px);
}

.course-page section#headerBanner figure.course-figure img {
    width: 100%;
    height: 100%;
    filter: grayscale();
    object-fit: cover;
}

.course-page section#headerBanner div#breadcrumbs,
.course-page section#headerBanner h1,
.course-page section#headerBanner p,
.course-page section#headerBanner figure.accredited,
.course-page section#headerBanner a {
    z-index: 1;
    position: relative;
}

.course-page section#headerBanner div#breadcrumbs li,
.course-page section#headerBanner div#breadcrumbs li a {
    color: white;
    font-size: 12px;
}

.course-page section#headerBanner p.duration-course {
    color: silver;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding-right: 22%;
    width: 100%;
}

.course-page section#headerBanner h1 {
    color: white;
    text-transform: none;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    margin: 15px 0 30px;
    width: 100%;
    padding-right: 22%;
    float: left;
    text-transform: uppercase
}

.course-page section#headerBanner p.subtitle {
    color: silver;
    margin-bottom: 30px;
    width: 100%;
    padding-right: 22%;
    float: left;
}

.course-page section#headerBanner figure.accredited {
    overflow: hidden;
    max-height: 120px;
    width: 20%;
    transform: translateY(-120px);
    padding: 10px;
    border: 1px solid white;
    border-radius: 3px;
    float: right;
    position: relative;
    display: flex;
    align-items: center;
}

.course-page section#headerBanner figure.accredited img {
    height: 70px;
    width: 70px;
    object-fit: contain;
    object-position: center;
    float: left;
}

.course-page section#headerBanner figure.accredited figcaption {
    color: white;
    font-family: 'Avenir LT Std';
    display: block;
    float: left;
    font-size: 15px;
    width: calc(100% - 70px);
    padding-left: 10px;
}

.course-page section#headerBanner a.cta,
.course-page section#headerBanner a.revolving {
    border-radius: 3px;
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 20px;
    font-size: 14px;
}

.cta button,
.revolving button {
    padding: 10px 25px !important;
    min-width: inherit !important
}

.course-page section#headerBanner a.cta {
    background-color: #ec1c2d;
}

.course-page section#headerBanner a.revolving {
    background-color: white;
}

.course-page section#headerBanner a.cta button,
.course-page section#headerBanner a.revolving button {
    padding: 10px;
    background-color: transparent;
    transition: all 200ms ease-in-out;
}

.course-page section#headerBanner a.cta button {
    min-width: 220px;
    text-align: center;
    color: white;
}

.course-page section#headerBanner a.cta button:hover {
    background-color: #363636;
    border: 1px solid white;
}

.course-page section#headerBanner a.cta button:after {
    content '>';
    display: block;
    float: left;
}

.course-page section#tableDates h2 {
    color: #ec1c2d;
    margin-bottom: 10px;
}

.course-page section#tableDates table {
    width: 80%;
    max-width: calc(80% - 60px);
    display: block;
    float: left;
    font-family: 'Avenir LT Std';
    font-size: 14px;
    line-height: 16px;
    border-radius: 5px;
    border: 1px solid #ADADAD;
}

.course-page section#tableDates table tbody {
    display: block;
    width: 100%;
    padding: 5px;
    float: left;
}

.course-page section#tableDates table tbody tr {
    border-radius: 3px;
    background-color: #DDDDDD;
    margin-bottom: 6px;
    width: 100%;
    float: left;
    display: flex;
    padding: 5px;
}

.course-page section#tableDates table tbody tr:last-of-type {
    margin-bottom: 0;
}

.course-page section#tableDates table tbody tr>td {
    padding: 5px 0;
    padding-right: 10px;
}

.course-page section#tableDates table tbody tr>td:first-of-type {
    width: 40%;
}

.course-page section#tableDates table tbody tr>td:not(:first-of-type) {
    padding-left: 10px;
    border-left: 1px solid #ADADAD;
}

.course-page div#disclaimerInhouse {
    float: left;
    width: 20%;
    min-width: calc(20% + 30px);
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #ec1c2d;
    position: relative;
}

.course-page div#disclaimerInhouse:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background: white;
    border-top: 1px solid #ec1c2d;
    border-left: 1px solid #ec1c2d;
    top: calc(50% - 10px);
    left: -9px;
    transform: rotate(-45deg);
}

.course-page div#disclaimerInhouse h4 {
    font-size: 16px;
    line-height: 18px;
    color: black;
    font-weight: 500;
    margin-bottom: 8px;
}

.course-page div#disclaimerInhouse p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 8px;
    letter-spacing: -0.4px;
}

.course-page div#disclaimerInhouse a.btn {
    font-size: 14px;
    background-color: #363636;
    padding: 8px 12px;
    display: block;
    float: left;
    color: white;
    min-height: unset;
    border-radius: 3px;
}

div#disclaimerInhouse:before {
    content: '';
}

.course-page section#description>section {
    background-color: #DDDDDD;
    float: left
}

.course-page section#description>section>div {
    float: left;
    width: 100%
}

.course-page section#description div.innerSection {
    margin: 0;
    padding: 0;
    width: 100%;
}

.course-page section#description>section>div:not(:last-of-type) {
    border-bottom: 1px solid #ADADAD;
}

.course-page section#description>section h3 {
    color: #ec1c2d;
    margin-bottom: 18px;
}

.course-page section#description .innerSection h2 {
    display: none;
}

.course-page main section ul:not(.course-page main section#headerBanner ul) {
    padding-left: 18px;
}

.course-page main section ul:not(.course-page main section#headerBanner ul,
:last-of-type) {
    margin-bottom: 12px;
}

.course-page main section ul li {
    list-style: disc;
}

.course-page main section ul li:last-of-type {
    margin-bottom: 0;
}

.course-page main section ul li::marker {
    color: #ec1c2d;
}

.course-page section#description>section div#certification.has-accreditation ul,
.course-page section#description>section div#certification div#accred {
    width: 50%;
    float: left;
}

.course-page section#description>section div#certification.has-accreditation ul {
    padding-right: 30px;
    border-right: 1px solid #ADADAD;
}

.course-page section#description>section div#certification div#accred {
    padding-left: 30px;
}

.course-page section#description>section div#certification div#accred figure {
    width: 90px;
    height: 90px;
    overflow: hidden;
    float: left;
    padding: 10px;
    margin-right: 10px;
    background-color: white;
    border-radius: 3px;
}

.course-page section#description>section div#certification div#accred figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.course-page section#description>section div#certification div#accred h4 {
    font-size: 16px;
    font-weight: 600;
}

.course-page section#description>section div#certification div#accred p {
    font-weight: 300;
}

.course-page section#description>section>div#split.hasAssociation div {
    width: 100%;
    float: left;
}

.course-page section#description>section>div#split.hasBrochure div {
    width: 100%;
    float: left;
}

.course-page section#description>section>div#split.hasBrochure.hasAssociation div {
    width: 50%;
    float: left;
}

.course-page section#description>section>div#split.hasBrochure.hasAssociation div:first-of-type {
    padding-right: 30px;
    border-right: 1px solid #ADADAD;
}

.course-page section#description>section>div#split.hasBrochure.hasAssociation div:last-of-type {
    padding-left: 30px;
}

.course-page div#association figure {
    width: 30%;
    height: 130px;
    float: left;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 3px;
    margin-right: 20px;
}

.course-page div#association figure img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.course-page div#association p {
    float: left;
    width: 70%;
    max-width: calc(70% - 30px);
    font-size: 14px;
    font-weight: 300;
}

.course-page div#association p b {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

.course-page div#association p a {
    display: block;
    font-weight: 500;
    margin-top: 8px;
}

.course-page div#association p a:hover {
    color: #ec1c2d;
}

.course-page div#brochure figure {
    height: 130px;
    overflow: hidden;
    margin-right: 20px;
    width: 20%;
    float: left;
}

.course-page div#brochure figure img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.course-page div#brochure form {
    width: 80%;
    max-width: calc(80% - 20px);
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.course-page div#brochure form select,
.course-page div#brochure form input[type="text"],
.course-page div#brochure form input[type="number"],
.course-page div#brochure form input[type="email"] {
    background-color: white;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #A5A5A5;
    margin-bottom: 10px;
}

.course-page div#brochure form input[type="text"] {
    width: 50%;
    max-width: calc(50% - 5px);
}

.course-page div#brochure form input[type="number"],
.course-page div#brochure form select {
    width: 50%;
    max-width: calc(50% - 5px);
    opacity: 1 !important;
}

.course-page div#brochure form input[type="email"] {
    width: 100%;
}

.course-page div#brochure form input[type="submit"] {
    background-color: #363636;
    color: white;
    text-align: center;
    font-size: 14px;
    padding: 5px 20px;
    border: 0;
    border-radius: 3px;
}

.course-page section#outline section {
    border: 1px solid #939393;
}

.course-page section#outline section h3,
.course-page section#outline section h3 strong {
    color: #ec1c2d;
    margin-bottom: 18px;
    font-weight: 400;
}

.course-page section#outline section ul:not(:last-of-type,
ul>li>ul) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #939393;
}

section#enrollCta {
    display: flex;
    align-items: center;
    justify-content: center;
}

section#enrollCta a {
    display: block;
    background-color: #ec1c2d;
    border-radius: 3px;
    transition: all 200ms ease-in;
}

section#enrollCta a:hover {
    background-color: #363636;
}

section#enrollCta a button {
    padding: 12px 80px;
    color: white;
    background-color: transparent;
    text-align: center;
}

.course-page section#questions h2 {
    color: #ec1c2d;
    margin-bottom: 18px;
}

.course-page section#questions>section:nth-child(1) {
    width: 50%;
    max-width: calc(50% - 15px);
    border: 1px solid #939393;
}

.course-page section#questions {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.course-page section#questions section {
    padding: 20px 15px 40px;
    border-radius: 3px;
}

.course-page section#questions>section:nth-child(2),
.course-page section#questions>section:nth-child(3) {
    width: 25%;
    max-width: calc(25% - 15px);
    border: 1px solid #939393;
}

.accordionFaq {
    position: relative;
    float: left;
    width: 100%;
}

.accordionFaq:not(:last-of-type) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #939393;
}

.accordionFaq:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    background: transparent;
    border-bottom: 1px solid red;
    border-right: 1px solid red;
    transform: rotate(45deg);
    transform-origin: center;
    transition: all 200ms ease-in;
}

.accordionFaq.show:before {
    transform: rotate(-136deg);
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.accordionFaq:hover::before {
    border-bottom: 2px solid red;
    border-right: 2px solid red;
}

.accordionFaq:hover p:first-of-type b {
    color: #ec1c2d;
}

.accordionFaq b {
    margin-bottom: 10px;
    cursor: pointer;
}

.accordionFaq.hide>div {
    display: none;
}

.accordionFaq.show>div {
    display: block;
}

.course-page section#related h2:after {
    content: unset;
}

/*Custom Arsalan CSS*/

.course-page section#links ul {
    padding: 0 !important;
    margin: 0;
}

.course-page section#links li {
    list-style: none;
    background: #363636;
    padding: 5px 0;
    border-radius: 3px;
    width: auto;
}

.course-page section#links li i {
    color: #ec1c2d;
    font-size: 14px;
    padding: 0 0 0 5px;
    float: right;
}

section#links a button {
    background: transparent;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-align: left;
}

.course-page section#links li::marker {
    display: none;
}

section#callback form input[type="text"],
section#callback form select {
    padding: 8px;
    width: 100%;
    font-size: 12px;
    margin: 0 0 7px 0;
    opacity: .6;
}

section#callback label {
    width: 50%;
    float: left;
    font-size: 12px;
}

section#callback label input {
    width: 10px;
}

section#callback label span {
    position: relative;
    top: -2px;
    left: 2px;
}

section#callback input[type="submit"] {
    background: #363636;
    border: none;
    font-size: 14px;
    padding: 8px 15px;
    margin: 10px 0 0;
    color: #fff;
    border-radius: 3px;
}

section#callback form.callback-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#callback form select {
    width: 30%;
    max-width: calc(30% - 10px);
}

section#callback form input.phone-input {
    width: 70%;
    max-width: 70%;
}

@media (max-width:960px) {
    .course-page section#headerBanner figure.accredited {
        display: none;
    }
    .course-page section#tableDates {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .course-page section#tableDates h2 {
        order: 1;
    }
    .course-page section#tableDates table {
        order: 2;
    }
    .course-page section#tableDates a.cta {
        order: 3;
        width: 100%;
        border-radius: 3px;
        margin: 15px 0 25px;
        overflow: hidden;
    }
    .course-page section#tableDates a.cta button {
        padding: 20px 30px;
        width: 100%;
        text-align: center;
        color: white;
        background-color: #ec1c2d;
        font-size: 16px;
        font-weight: 500;
    }
    .course-page section#tableDates div#disclaimerInhouse {
        order: 4;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-color: #959595;
    }
    .course-page.single-format section#tableDates div#disclaimerInhouse {
        justify-content: center;
    }
    .course-page div#disclaimerInhouse:before {
        border-color: #959595;
    }
    .course-page section#tableDates table {
        width: 100%;
        max-width: 100%;
        height: unset !important;
        margin-bottom: 15px;
    }
    .course-page div#disclaimerInhouse {
        width: 100%;
        padding: 30px 0 0;
        margin: 15px 0 0;
        border-left: 0;
        border-top: 1px solid #ec1c2d;
        height: unset !important;
    }
    .course-page div#disclaimerInhouse:before {
        top: -9px;
        left: 0;
        right: 0;
        transform: rotate(45deg);
        margin: 0 auto;
    }
    .course-page div#disclaimerInhouse h4 {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 10px;
        width: 100%;
    }
    .course-page div#disclaimerInhouse p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        width: 100%;
        padding: 0 80px;
    }
    .course-page div#disclaimerInhouse a {
        margin-top: 5px;
        width: 50%;
        max-width: calc(50% - 5px);
        border-radius: 3px;
        overflow: hidden;
        padding: 0 !important;
    }
    .course-page div#disclaimerInhouse a button {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: white;
        background-color: #363636;
        padding: 15px 10px;
        width: 100%;
    }
    .course-page section#headerBanner:after {
        right: -200px;
    }
    .course-page section#headerBanner h1,
    .course-page section#headerBanner p.subtitle {
        padding-right: 0;
    }
    .course-page section#description>section {
        background-color: white;
        padding: 0 !important;
        border-top: 1px solid #ADADAD;
        width: 100%;
    }
    .course-page section#description h2 {
        display: none;
    }
    .course-page section#description div.innerSection {
        display: none;
        margin-top: 10px;
    }
    .course-page section#description>section>div.toExpand h3 {
        position: relative;
        color: black;
        margin-bottom: 0;
    }
    .course-page section#description>section>div.toExpand h3::before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 4px;
        width: 12px;
        height: 12px;
        background: transparent;
        border-bottom: 2px solid #363636;
        border-right: 2px solid #363636;
        transform: rotate(45deg);
        transform-origin: center;
        transition: all 200ms ease-in;
    }
    .course-page section#description>section>div.toExpand.isVisible h3::before {
        transform: rotate(-135deg);
        border-color: #ec1c2d;
    }
    .course-page section#description>section>div.toExpand.isVisible h3,
    .course-page section#outline.isVisible h2 {
        color: #ec1c2d;
        font-weight: 500;
    }
    .course-page section#description>section div#certification.has-accreditation ul,
    .course-page section#description>section div#certification div#accred {
        height: unset !important;
        width: 100%;
        padding: 0;
        border-right: 0;
    }
    .course-page section#description>section div#certification.has-accreditation ul {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #ADADAD;
        padding-left: 20px;
    }
    .course-page section#description {
        padding-bottom: 0;
    }
    .course-page section#description>section>div:last-of-type {
        border-bottom: 1px solid #ADADAD;
    }
    .course-page section#outline {
        padding-top: 20px !important;
        padding-bottom: 20px;
    }
    .course-page section#outline section {
        display: none;
        padding: 0;
        border: 0;
        margin-top: 10px;
    }
    .course-page section#outline section>div {
        padding: 0;
    }
    .course-page section#outline h2 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        position: relative;
    }
    .course-page section#outline h2::before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 4px;
        width: 12px;
        height: 12px;
        background: transparent;
        border-bottom: 2px solid #363636;
        border-right: 2px solid #363636;
        transform: rotate(45deg);
        transform-origin: center;
        transition: all 200ms ease-in;
    }
    .course-page section#outline.isVisible h2::before {
        transform: rotate(-135deg);
        border-color: #ec1c2d;
    }
    .course-page section#enrollCta {
        flex-wrap: wrap;
    }
    .course-page section#enrollCta a:not(div a) {
        width: 100%;
        margin-bottom: 20px;
        border-top: 1px solid #ADADAD;
        padding-top: 30px;
        background-color: transparent;
    }
    .course-page section#enrollCta a:not(div a) button {
        width: 100%;
        background-color: #ec1c2d;
        padding: 20px;
        font-size: 16px;
        border-radius: 3px;
    }
    .course-page section#enrollCta div#split {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .course-page section#enrollCta div#association {
        float: left;
        width: 100%;
        height: unset !important;
        padding-left: 33%;
        position: relative;
        margin-bottom: 30px;
    }
    .course-page section#enrollCta div#association figure {
        position: absolute;
        left: 0;
        top: 0;
        width: 33%;
        height: 100%;
        max-width: calc(33% - 25px);
        padding: 15px;
        border: 1px solid #ADADAD;
    }
    .course-page section#enrollCta div#association h3 {
        color: #ec1c2d;
        font-size: 20px;
    }
    .course-page section#enrollCta div#association p {
        font-size: 16px;
        width: 100%;
        max-width: unset;
    }
    .course-page section#enrollCta div#association p a {
        display: block;
        background-color: transparent;
        color: #ec1c2d;
        font-weight: 600;
        margin-top: 15px;
    }
    .course-page div#certification ul {
        height: unset !important;
    }
    .course-page section#enrollCta div#brochure {
        float: left;
        background-color: #363636;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 50%;
        padding: 40px;
        margin-top: 40px;
        border-radius: 3px;
        height: unset !important;
    }
    .course-page section#enrollCta div#brochure h3 {
        text-align: center;
        color: white;
        font-size: 24px;
        font-weight: 400;
    }
    .course-page section#enrollCta div#brochure figure {
        width: 100%;
        margin: 0;
        margin-top: 20px;
        height: auto;
        display: flex;
        justify-content: center;
        min-height: 300px;
        padding: 20px;
        padding-bottom: 38px;
        position: relative;
    }
    .course-page section#enrollCta div#brochure figure img {
        min-height: 100%;
        border-radius: 3px;
        box-shadow: 1px 2px 30px 2px rgba(0, 0, 0, 1);
        -webkit-box-shadow: 1px 2px 30px 2px rgba(0, 0, 0, 1);
        -moz-box-shadow: 1px 2px 30px 2px rgba(0, 0, 0, 1);
    }
    .course-page section#enrollCta div#brochure figure:after {
        content: 'Download now >';
        display: block;
        position: absolute;
        bottom: 0;
        width: 54%;
        text-align: center;
        font-family: 'Avenir LT Std';
        background-color: white;
        border-radius: 3px;
        color: black;
        padding: 5px;
        font-size: 14px;
    }
    .course-page section#enrollCta div#brochure form {
        display: none;
    }
    .course-page section#enrollCta div#brochure form {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        padding: 130px 20% 80px;
        background-color: #000000e0;
        width: 100%;
        min-width: 100%;
        max-width: unset;
        height: 100vh;
    }
    .course-page div#brochure form input[type="submit"] {
        background-color: #ec1c2d;
        font-size: 16px;
    }
    .course-page section#enrollCta div#brochure form input {
        width: 100%;
        max-width: unset;
        padding: 15px;
        margin-bottom: 8px;
    }
    .course-page section#enrollCta div#brochure form::before {
        content: 'Fill the form to receive the brochure of the training course';
        display: block;
        float: left;
        width: 100%;
        color: white;
        font-family: 'Avenir LT Std';
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .course-page section#enrollCta div#brochure form input::placeholder {
        font-size: 16px;
    }
    .course-page section#enrollCta div#brochure::before {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        height: 40%;
        background-color: #dddddd;
        z-index: -1;
        bottom: 15%;
    }
    span.close-form {
        display: block;
        position: absolute;
        top: 30px;
        right: 40px;
        display: block;
        width: 40px;
        height: 40px;
        background-color: #ec1c2d;
        background-image: url('/wp-content/themes/petro_knowledge/assets/css/img/close-icon.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        border: 5px solid #ec1c2d;
        border-radius: 40px;
    }
    .course-page section#questions section {
        width: 100%;
        min-width: 100%;
        margin-bottom: 30px;
    }
    .course-page section#questions section:nth-child(2),
    .course-page section#questions section:nth-child(3) {
        width: 50%;
        min-width: unset;
        max-width: calc(50% - 15px);
        margin-bottom: 0;
    }
    .course-page section#tableDates table tbody tr {
        padding: 8px;
        padding-left: 30px;
        position: relative;
    }
    .course-page section#tableDates table tbody tr:before {
        content: '';
        display: block;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 6px;
        transform: translateY(-50%);
        border: 2px solid #919191;
        border-radius: 20px;
        background: rgb(242, 242, 242);
        background: -moz-radial-gradient(circle, rgba(242, 242, 242, 1) 0%, rgba(226, 226, 226, 1) 100%);
        background: -webkit-radial-gradient(circle, rgba(242, 242, 242, 1) 0%, rgba(226, 226, 226, 1) 100%);
        background: radial-gradient(circle, rgba(242, 242, 242, 1) 0%, rgba(226, 226, 226, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#e2e2e2", GradientType=1);
        opacity: .7;
    }
    .course-page section#tableDates table tbody tr.selected {
        border: 1px solid #ec1c2d;
    }
    .course-page section#tableDates table tbody tr.selected:before {
        background: rgb(242, 54, 70);
        background: -moz-radial-gradient(circle, rgba(242, 54, 70, 1) 0%, rgba(236, 28, 45, 1) 100%);
        background: -webkit-radial-gradient(circle, rgba(242, 54, 70, 1) 0%, rgba(236, 28, 45, 1) 100%);
        background: radial-gradient(circle, rgba(242, 54, 70, 1) 0%, rgba(236, 28, 45, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f23646", endColorstr="#ec1c2d", GradientType=1);
        border-color: transparent;
        opacity: 1;
    }
    section#callback form input[type="text"],
    section#callback form select,
    section#callback input[type="submit"] {
        padding: 10px;
    }
    section#callback input[type="submit"] {
        width: 100%;
    }
    section#callback form input.phone-input {
        width: 70%;
        max-width: 70%;
    }
}

@media (max-width:480px) {
    .course-page section#headerBanner h1 {
        font-size: 24px;
        line-height: 30px;
        margin: 15px 0;
    }
    .course-page section#headerBanner:after {
        content: unset;
    }
    .course-page section#headerBanner:before {
        opacity: .8;
    }
    .course-page section#tableDates table tbody tr {
        padding: 12px 10px 12px 30px;
    }
    .course-page section#tableDates table tbody tr>td {
        font-size: 13px;
        line-height: 15px;
        font-weight: 500;
        border: 0 !important;
        padding: 0 !important;
    }
    .course-page section#tableDates table tbody tr>td:not(:first-of-type) {
        padding-left: 10px !important;
    }
    .course-page section#tableDates h2 {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 5px;
    }
    .course-page section#tableDates table tbody tr>td span {
        display: none;
    }
    .course-page section#tableDates a.cta {
        margin-top: 0;
    }
    .course-page section#tableDates a.cta button {
        padding: 15px;
    }
    .course-page div#disclaimerInhouse p {
        padding: 0;
        font-size: 14px;
    }
    .course-page div#disclaimerInhouse a button {
        font-size: 14px;
    }
    .course-page h3,
    .course-page section#outline h2 {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: -0.5px;
        font-weight: 600;
    }
    .course-page section#outline h2 {
        display: block !important;
    }
    .course-page section#enrollCta {
        padding-top: 0;
    }
    .course-page section#outline .topics {
        display: block;
        margin-top: 10px;
    }
    .course-page section#enrollCta div#association {
        padding: 0;
    }
    .course-page section#enrollCta div#association figure {
        position: relative;
        margin-right: 0;
        margin: 10px 0;
        width: 100%;
        max-width: unset;
    }
    .course-page section#enrollCta div#brochure::before {
        content: unset;
    }
    .course-page section#enrollCta div#brochure {
        width: 100%;
    }
    .course-page section#enrollCta div#brochure figure {
        min-height: 240px;
    }
    .course-page section#enrollCta div#brochure form {
        padding: 100px 20px 80px;
    }
    span.close-form {
        right: 20px;
    }
    .course-page section#questions {
        padding-top: 0;
    }
    .course-page section#enrollCta a:not(div a) {
        margin-bottom: 0;
    }
    .course-page section#questions section:nth-child(2),
    .course-page section#questions section:nth-child(3) {
        width: 100%;
        max-width: 100%;
    }
    .course-page section#questions section:nth-child(2) {
        margin-bottom: 30px;
    }
}

/*Single Course Related*/

.single-course-related {
    background-color: #363636;
    margin-bottom: 0 !important;
}

.single-course-related h2 {
    text-align: center;
    width: 100%;
    color: #fff;
    margin-bottom: 30px;
}

.single-course-related a {
    min-height: 150px;
}

.single-course-related a h3 {
    transition: all 200ms ease-in-out;
}

.single-course-related a:hover h3 {
    color: #ec1c2d;
}

.single-course-related h3:after {
    content: 'View course details';
    display: block;
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    font-weight: 400;
}

@media(max-width: 767px) {
    .accordionFaq p {
        padding-right: 15px;
    }
    .banner {
        height: 40vh !important;
    }
    .course-page section#related {
        padding-left: 10px !important;
        padding-right: 15px !important;
    }
    .single-course-related a h3 {
        font-size: 14px;
        line-height: 18px;
    }
    div#breadcrumbs li:last-child {
        display: none;
    }
    div#breadcrumbs li:nth-child(2):after {
        display: none;
    }
}

/*Course Finder New*/

.course-finder-new section#pageTitleNew {
    background-color: black;
}

.course-finder-new section#pageTitleNew h1,
.course-finder-new section#pageTitleNew p {
    text-align: left;
    color: white;
}

/*Mobile Search Modal*/

.mobile-search-modal i {
    background: #ec1c2d;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 11px 0;
    font-size: 18px;
}

.mobile-search-modal {
    margin-left: 30%;
}

.hp-select-venue .hp-select-inner {
    cursor: auto;
}

.hp-select-venue .hp-select-inner:hover {
    background: linear-gradient(to bottom, #ededed, #ededed);
    color: #363636;
}

.hp-select-venue .hp-select-inner h5 {
    color: #222;
}

/*body.single-format #pageIntro p {*/

/*    color: #fff;*/

/*    font-size: 14px;*/

/*    line-height: 20px;*/

/*    text-align: center;*/

/*}*/

body.single-format section#pageIntro {
    margin-top: 20px !important;
}

/*Static Pages*/

.static-pages p {
    position: relative;
    color: #fff;
    text-align: left !important;
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
}

.contacts section#pageIntro a {
    margin: 0 !important;
}

.in-person-wp section#headerBanner p,
.online-training-wp section#headerBanner p {
    color: #fff;
    text-align: left;
    font-size: 14px;
}

section#related .owl-nav {
    display: none;
}

.accordionFaq p {
    padding-right: 15px;
}

/* Fred Adjustment 12-5-21*/

.tint {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .3);
}

.tint2 {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .7);
}

#format-wrapper {
    background: #ADADAD;
    text-align: center
}

#format-wrapper .default-con {
    padding: 50px 0;
}

#format-wrapper h2 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 10px
}

#format-wrapper p {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 20px 0 !important;
}

.format-row {
    display: flex;
    align-items: center;
    width: 100%;
}

.format-col {
    width: 30%;
    margin: 20px 1.5%;
    border-radius: 5px
}

.format-col .tint2 {
    border-radius: 5px
}

.format-col:hover .tint2 {
    background: rgba(236, 28, 45, .7);
}

.format-col a {
    border-radius: 5px;
    display: block;
    padding: 60px 20px 20px;
    position: relative;
    text-align: left;
    color: #FFF;
}

.format-col .fas {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.format-col h4 {
    font-size: 18px;
    line-height: 22px;
    color: #FFF;
    font-weight: bold !important
}

.format-classroom {
    background-image: url(img/bg-classroom.jpg);
    background-size: cover;
    background-position: top
}

.format-online {
    background-image: url(img/bg-online.jpg);
    background-size: cover;
    background-position: center
}

.format-inhouse {
    background-image: url(img/bg-inhouse.jpg);
    background-size: cover;
    background-position: center
}

/* Course Page FAQ */

.faq-row .panel {
    margin: 30px 0;
    padding: 0 18px;
    display: none;
    overflow: hidden;
}

.faq-row .accordion {
    margin: 5px 0;
    position: relative;
    border: 1px solid #ec1c2d;
    padding: 7px 5px 7px 30px;
    cursor: pointer;
    border-radius: 2px;
    top: 3px
}

.faq-row .accordion:hover {
    background: #dadada
}

.faq-row .accordion::after {
    content: '+';
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    left: 5px;
}

.faq-row .active::after {
    content: '-';
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    left: 5px;
}

#faq-wrapper {
    text-align: center
}

#faq-wrapper .default-con {
    padding: 50px 0
}

#faq-wrapper h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}

.faq-row {
    text-align: left;
    width: 80%;
    margin: 10px auto
}

.faq-row h3 {
    font-size: 16px !important;
    font-weight: normal !important;
}

.faq-row ul li,
.faq-row p {
    font-size: 14px;
    line-height: 21px;
}

.faq-row ul {
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    color: #EC1C2D
}

.faq-row ul li {
    list-style-type: disc !important;
    color: #222;
    margin: 5px 0 !important
}

/* new search */

.btn-cs-reset {
    padding: 7px 10px;
    font-size: 14px;
    text-align: center;
    color: #222;
    border: 1px solid #222;
    border-radius: 3px
}

.btn-cs-search {
    padding: 7px 10px;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    background: #ec1c2d;
    border: 1px solid #ec1c2d;
    border-radius: 3px
}

.cs-fix {
    position: absolute;
    width: 100%;
    z-index: 19
}

#loading-topic,
#loading-venue {
    display: none;
    font-size: 12px;
    color: red;
    padding: 5px;
}

.home-search-n {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 40px 0
}

.home-search-col-title {
    width: 20%;
    min-height: 36px
}

.home-search-col-title {
    font-size: 28px;
    font-weight: 500;
    font-family: 'Avenir LT Std';
    color: #363636;
}

.home-search-col-dropdown {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cs-holder {
    position: relative;
    width: 100%;
    height: 36px;
    margin-left: 10px;
}

.home-search-col-btn {
    width: 20%;
    min-height: 36px;
    display: flex;
    align-items: center;
}

.home-search-col-btn a, .home-search-col-btn button {
    display: flex;
    align-items: center;
    height: 35.5px;
    cursor: pointer;
    margin-left: 10px;
}

.customselect,
.customselect * {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.customselect {
    position: relative;
    background-color: #E6E6E6;
    border-radius: 4px;
    color: #000;
}

.customselect select {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    max-width: 100%;
    padding: 8px 0 8px 10px;
    border: 1px solid silver;
    background-color: #EEE;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    color: #000;
    opacity: 1;
    border-radius: 5px;
    background-image: url(img/arrow-down.png);
    background-position: right center;
    background-repeat: no-repeat
}

.customselect select option {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.customselect select:active,
.customselect select:focus {
    outline: none;
    box-shadow: none;
}

/*.customselect:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-top: 5px solid #aaa;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}*/

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: gray;
}

::-webkit-scrollbar-thumb {
    background: red;
}

/*  To customize the sliding buttons*/

::-webkit-scrollbar-button:single-button {
    background-color: black;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
}

/* Up */

::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-radius: 0;
    height: 16px;
    width: 16px;
    background-position: center 4px;
    background-image: url(img/arrow-up-red.png);
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    background-image: url(img/arrow-up-red.png);
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
    background-image: url(img/arrow-up-red.png);
}

/* Down */

::-webkit-scrollbar-button:single-button:vertical:increment {
    border-radius: 0;
    height: 16px;
    width: 16px;
    background-position: center 4px;
    background-image: url(img/arrow-down-red.png);
}

::-webkit-scrollbar-button:single-button:vertical:increment:hover {
    background-image: url(img/arrow-down-red.png);
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
    background-image: url(img/arrow-down-red.png);
}

/* Left */

::-webkit-scrollbar-button:single-button:horizontal:decrement {
    border-radius: 5px 0px 0 5px;
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {}

::-webkit-scrollbar-button:single-button:horizontal:decrement:active {}

/* Right */

::-webkit-scrollbar-button:single-button:horizontal:increment {
    border-radius: 0 5px 5px 0;
    height: 12px;
    width: 12px;
    background-position: 3px 3px;
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover {}

::-webkit-scrollbar-button:single-button:horizontal:increment:active {}

/* end new search */

.p40 {
    padding: 40px;
}

.pTopBtm20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pLeftRight40 {
    padding-left: 40px;
    padding-right: 40px
}

.bg-gray {
    background: #DDDDDD
}

.bg-darkedgray {
    background: #363636
}

.main {
    padding-left: 7.5%;
    padding-right: 7.5%;
}

header.fixedHeader {
    width: 100%
}

.default-con {
    max-width: 1440px;
    margin: 0 auto;
    width: 85%
}

nav#mainNavigation ul.nav>li>ul {
    min-width: 200px
}

.banner h1 {
    margin-top: 120px;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase
}

.banner h2 {
    margin-bottom: 120px;
    padding-top: 10px;
}

.banner-body {
    padding: 0 20% !important;
    min-height: inherit !important
}

.padding-top-bottom-medium {
    padding: 50px 0 !important
}

.hp-select-body ul {
    z-index: 999 !important
}

.scv-heading h2 {
    text-transform: inherit !important
}

.footer-con {
    display: flex;
    align-items: center
}

.homepage-venues {
    max-width: 1440px !important;
    width: 80% !important;
    margin: 0 10% !important
}

.fifty-mr {
    width: 47.5%;
    margin-right: 2.5%
}

.fifty-ml {
    width: 47.5%;
    margin-left: 2.5%
}

.sticky-social-icons ul {
    margin: 0;
    padding: 0
}

#footerExpertiseMenu,
.filterOptions ul,
#footerCompanyMenu {
    margin: 0;
    padding: 0
}

#footerExpertiseMenu,
#footerCompanyMenu {
    margin-top: 20px
}

#bc {
    background: #EAEAEA
}

#bc ul {
    margin: 0;
    padding: 10px 0
}

#bc ul li {
    display: inline-block;
    list-style-type: none;
    font-size: 12px;
    position: relative;
    color: gray
}

#bc ul li a {
    color: #000
}

#bc ul li a:hover {
    text-decoration: underline
}

#bc ul>li:not(:last-of-type)::after {
    content: ' > ';
}

.relatedlist ul {
    margin: 0;
    padding: 0
}

.relatedlist ul li {
    list-style-type: none !important;
    padding: 0;
    margin: 5px 0
}

.relatedlist ul li a {
    padding: 0 !important;
    margin: 0 !important
}

.relatedlist ul li a::before,
.relatedlist ul li a::after {
    display: none !important;
}

.relatedlist ul li a span {
    color: #ec1c2d;
    font-weight: bold
}

#headerBanner h1 {
    margin-bottom: 0 !important
}

#outline h2 {
    margin-bottom: 20px;
}

.titleDesc h3,
.details small b {
    font-weight: normal !important
}

#formCont select,
#formCont input[type="text"],
#contactForm select,
#contactForm input[type="text"],
#contactForm input[type="tel"],
#contactForm input[type="email"] {
    width: 100%;
    padding: 7px 2.5%;
    border: 1px solid silver !important
}

#formCont textarea,
#contactForm textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid silver !important;
    font-family: 'Avenir LT Std';
    border-radius: 2px !important
}

#sideInfo ul {
    margin: 0;
    padding: 0
}

.color-red {
    color: #ec1c2d
}

#mobile-search-modal {
    display: none;
}

.course_btns {
    width: 100%;
}

.course_btns a {
    cursor: pointer;
    color: #FFF;
    border-radius: 2px;
    margin: 5px 0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0;
    width: 100%;
    display: inline-block
}

.red-btn {
    background: #ec1c2d
}

.black-btn {
    background: #000
}

.gray-btn {
    background: #363636
}

bg-silver {
    background:
}

.new-section {
    display: inline-block
}

.coursepage h3,
.topics h2,
.topics h2 strong {
    color: #ec1c2d !important;
    margin-bottom: 18px !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
}

.course-page section#headerBanner figure.accredited img {
    background: #FFF;
}

/* Cat Home */

.header-subtitle {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 20px 0 !important
}

.cat-home {
    padding: 50px 0;
}

.cat_row {
    width: 100%;
    margin: 30px 0
}

.cat_col {
    vertical-align: top;
    display: inline-block;
    width: 18.6%;
    margin: 10px .5%;
    border: 1px solid #80808070;
    text-align: center;
    font-family: 'Avenir LT Std';
}

.cat_col a {
    display: block;
    text-decoration: none;
    color: #222
}

.cat_col .cat_img {
    filter: grayscale(1);
    height: 100px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block
}

.cat_col .cat_title {
    padding: 20px 5px 5px;
    min-height: 65px;
    font-size: 16px;
    line-height: 21px;
}

.cat_col .cat_btn {
    color: #ec1c2d;
    padding: 5px 5px 20px;
    font-size: 13px;
    line-height: 13px
}

.cat_row p {
    margin: 20px 0 0 0;
    text-align: center
}

.cat_row .message {
    font-weight: 600;
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    background: #ec1c2d;
    padding: 7px 20px;
    border-radius: 5px;
    cursor: pointer
}

.mobile-menu-con {
    display: none;
}

.mobile-search-modal {
    float: left;
    margin: 0 15px 0 0 !important
}

.hide-desktop {
    display: none;
}

.hide-desktop-small {
    display: none;
}

.topics h3 strong,
.topics h3 {
    text-align: left !important
}

#cert {
    margin-top: 30px;
}

.assoc-con {
    margin-top: 30px;
    border-top: 1px solid #ADADAD;
    padding-top: 30px;
}

.assoc-row {
    width: 100%;
    text-align: center
}

.assoc-col {
    display: inline-block;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid silver;
    vertical-align: top
}

.assoc_full .assoc-col {
    width: 100%;
    padding: 15px 2.5%;
}

.assoc_half .assoc-col {
    width: 48.5%;
    padding: 15px 2.5%;
}

.assoc_half .assoc-col {
    margin-left: 2%
}

.assoc_half .assoc-col:first-child {
    margin-left: 0
}

.assoc_third .assoc-col {
    width: 31.5%;
    padding: 15px 2.5%;
}

.assoc_third .assoc-col {
    margin-left: 2%
}

.assoc_third .assoc-col:first-child {
    margin-left: 0
}

.assoc_fourth .assoc-col {
    width: 23%;
    padding: 15px 2.5%;
}

.assoc_fourth .assoc-col {
    margin-left: 2%
}

.assoc_fourth .assoc-col:first-child {
    margin-left: 0
}

.assoc_half .assoc-col {
    display: inline-block
}

.assoc-text {
    min-height: 130px;
}

.assoc-text h4 {
    font-size: 16px;
}

.assoc-text a {
    margin: 15px 0 0 0;
    color: #ec1c2d !important;
    font-size: 13px;
    display: inline-block
}

.assoc_full .assoc-holder {
    display: flex;
    align-items: center
}

.assoc_full .assoc-col {
    display: inline-block
}

.assoc_full .assoc-col .assoc-logo {
    width: 15%;
    text-align: center;
    background: #FFF
}

.assoc-logo {
    min-height: 50px
}

.assoc-logo img {
    max-height: 50px
}

.assoc_full .assoc-col .assoc-logo img {
    width: 100%;
    height: auto
}

.assoc_full .assoc-col .assoc-text {
    width: 83%;
    margin-left: 2%;
    text-align: left
}

.assoc_half .assoc-holder,
.assoc_third .assoc-holder,
.assoc_fourth .assoc-holder {
    display: block;
    align-items: center
}

.assoc_half .assoc-col .assoc-logo,
.assoc_third .assoc-col .assoc-logo,
.assoc_fourth .assoc-col .assoc-logo {
    width: 100%;
    text-align: center;
    background: #FFF;
    margin-bottom: 15px;
    text-align: left
}

.assoc_half .assoc-col .assoc-text,
.assoc_third .assoc-col .assoc-text,
.assoc_fourth .assoc-col .assoc-text {
    width: 100%;
    text-align: left
}

#coursebtns {
    margin: 0 0 30px 0;
    text-align: center
}

#coursebtns .default-con {
    border: 1px solid silver;
    padding: 20px;
    border-radius: 5px
}

#coursebtns a {
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    width: 17.5%;
    color: #FFF;
    padding: 12px 1%;
    font-size: 14px;
    font-weight: bold;
    background: #ec1c2d;
    margin: 10px 1%
}

#coursebtns a .fas {
    position: absolute !important;
    right: 13px;
    top: 10px
}

.assoc-text p {
    font-size: 12px !important;
    line-height: 17px !important
}

.single-new-course h5 {
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: bold
}

.cs-title {
    min-height: 45px
}

.cs-dates-row {
    margin: 10px 0 0 0;
    font-size: 13px;
}

.cs-date {
    margin-top: 10px;
    font-weight: bold;
    display: block
}

.cs-ven {
    margin-top: 10px;
    display: block
}

/* Popup Contact Form */

#contactForm,
#contactForm2,
#contactForm3,
.statusMessage {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: 999999999 !important;
}

/* Style for the contact form and status messages */

#contactForm,
.statusMessage,
#contactForm2,
#contactForm3 {
    color: #FFF;
    border: 1px solid #aaa;
    background: #000;
    -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    opacity: .95;
}

#contactForm p,
.statusMessage p,
#contactForm2 p,
#contactForm3 p,
#contactForm label,
#contactForm2 label,
#contactForm3 label {
    color: #FFF !important;
    font-size: 13px !important;
}

/* The form dimensions */

#contactForm,
#contactForm2,
#contactForm3 {
    max-width: 40em;
    max-height: 25em;
    padding: 0 1.5em 1.5em 1.5em;
    margin: 0 auto;
}

.bForm {
    max-height: 25em !important
}

/* Position the form in the middle of the window (if JavaScript is enabled) */

#contactForm.positioned,
#contactForm2.positioned,
#contactForm3.positioned {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
}

/* Dimensions and position of the status messages */

.statusMessage {
    display: none;
    margin: auto;
    max-width: 30em;
    height: 5em;
    padding: 1.5em;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.statusMessage p {
    text-align: center;
    margin: 0;
    padding: 0;
}

.statusMessage a {
    display: flex;
    align-items: center
}

.statusMessage a img {
    margin-right: 10px;
}

/* The header at the top of the form */

/* Give form elements consistent margin, padding and line height */

#contactForm ul,
#contactForm2 ul,
#contactForm3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#contactForm ul li,
#contactForm2 ul li,
#contactForm3 ul li {
    margin: .9em 0 0 0;
    padding: 0;
    list-style-type: none;
}

#contactForm input,
#contactForm label,
#contactForm2 input,
#contactForm2 label,
#contactForm3 input,
#contactForm3 label {
    line-height: 1em;
}

/* The field labels */

/* The fields */

#contactForm input[type="text"],
#contactForm2 input[type="text"],
#contactForm3 input[type="text"] {
    width: 80%;
    color: #000 !important
}

#contactForm input[type="email"],
#contactForm2 input[type="email"],
#contactForm3 input[type="email"] {
    width: 80%;
    color: #000 !important
}

/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus,
#contactForm2 *:focus,
#contactForm3 *:focus {
    border: 1px solid #66f;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* Display correctly filled-in fields with a green background */

#contactForm #input:valid,
textarea:valid,
#contactForm2 #input:valid,
textarea:valid,
#contactForm3 #input:valid {
    background: #FFF;
}

/* The Send and Cancel buttons */

/* Header/footer boxes */

#contactForm .wideBox,
#contactForm2 .wideBox,
#contactForm3 .wideBox {
    clear: both;
    text-align: center;
    margin: 70px;
    padding: 10px;
    background: #ebedf2;
    border: 1px solid #333;
}

#contactForm .wideBox h1,
#contactForm2 .wideBox h1,
#contactForm3 .wideBox h1 {
    font-weight: bold;
    margin: 20px;
    color: #666;
    font-size: 1.5em;
}

#closeSM2 {
    color: #EEE;
    cursor: pointer
}

.hidden,
#loading-topic,
#loading-venue {
    display: none
}

.note {
    border: 1px solid maroon;
    padding: 15px;
    border-radius: 5px
}

.note p {
    font-size: 14px;
    color: maroon;
    text-align: center;
    margin: 0;
}
body > main > div > div.page-body.padding-top-bottom-medium > div > div.parent-categories > div > ul > li:nth-last-child(1) {
    display: none;
}
.list-all-pc ul {
    display: flex;
}
a:focus {
    outline: none;
}
.list-all-pc li {
    border-bottom: 1px solid lightgrey;
    padding: 0.5em 0.5em;
    margin: 0 !important;
    flex: auto;
}
.list-all-pc a {
    padding: 0 !important;

}
.list-all-pc li {
    line-height: 1em;
    text-align: center;
}
.list-all-pc li.active {
    border: 1px solid lightgrey;
    border-bottom: none;
    cursor: pointer;
}
.list-all-pc {
    border-bottom: none;
    padding: 0 ;
}

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

@media screen and (max-width :1250px) {
    nav#mainNavigation ul.nav li.topNav {
        padding: 30px 10px !important;
    }
    .main {
        padding-left: 2.5% !important;
        padding-right: 2.5% !important
    }
    .default-con {
        width: 95% !important
    }
    nav#mainNavigation ul.nav a {
        font-size: 13px !important
    }
}

@media screen and (max-width :1100px) {
    #mobile-search-modal {
        display: block
    }
    .hide-mobile {
        display: none
    }
    .hide-desktop {
        display: inline-block
    }
    section#venues div:last-of-type a.simpleLink {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}

@media screen and (max-width :1024px) {
    .mobile-menu-con {
        display: inline-block
    }
}

@media screen and (max-width :1020px) {
    .footer-con {
        display: block
    }
    div#footerSM {
        display: inline-block;
        border-right: none;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 20px 0;
        text-align: center
    }
    .footer-con p {
        margin: 0 0 20px 0 !important
    }
    div#footerSM a {
        display: inline-block !important;
        float: none
    }
    #footerNewsletter {
        text-align: center
    }
    a.simpleLink span {
        display: block
    }
    .homepage-venues a.simpleLink {
        padding: 15px 1%;
        width: 32%;
    }
    .homepage-venues {
        width: 95% !important;
        padding: 40px 0 !important;
        margin: 0 auto !important;
        float: none
    }
    .padding-top-bottom-medium {
        padding: 40px 0 !important
    }
    .simpleLink {
        display: inline-block;
        margin: 10px 1%;
        width: 31% !important;
        padding: 25px 2% !important
    }
    .homepage-venues a.btn,
    .view-all-btn {
        margin: 30px auto 0 !important
    }
    header.fixedHeader {
        padding: 0 10px;
    }
    .course-page section#headerBanner p.duration-course {
        padding-right: 0
    }
}

@media screen and (max-width :940px) {
    .cat_col {
        width: 31.6%
    }
    .assoc-logo {
        display: none;
    }
    .assoc-col {
        display: block;
        width: 100% !important;
        margin: 15px 0 0 0 !important
    }
    .assoc-col:first-child {
        margin-top: 0 !important
    }
    .assoc-text {
        margin: 0 !important;
        width: 100% !important;
    }
    .assoc_full .assoc-holder {
        display: block;
        align-items: center;
    }
    .new-section .p40 {
        padding: 15px 2.5% !important
    }
    #cert {
        margin-top: 0 !important;
        padding-top: 0 !important
    }
    .home-search-n {
        display: block;
    }
    .home-search-col-title {
        width: 100%;
        text-align: center;
    }
    .home-search-col-dropdown {
        width: 100%;
        display: block;
    }
    .cs-holder {
        margin: 7px 0;
        height: 50px;
    }
    .customselect select {
        padding: 12px 0 12px 10px
    }
    .home-search-col-btn {
        width: 100%;
    }
    .home-search-col-btn a, .home-search-col-btn button {
        padding: 12px 0;
        margin-left: 1%;
        text-align: center;
        display: block;
        height: auto
    }
    .home-search-col-btn a.btn-cs-search, .home-search-col-btn button.btn-cs-search {
        width: 70%
    }
    .home-search-col-btn a.btn-cs-reset, .home-search-col-btn button.btn-cs-reset {
        width: 30%
    }
    .home-search-col-btn a:first-child, .home-search-col-btn button:first-child {
        margin-left: 0 !important
    }
    .cs-fix-cat {
        z-index: 100
    }
    .homepage-venues a.simpleLink {
        width: 33%;
        padding: 15px 7px;
        text-align: center;
        border: 1px solid #979797;
        border-radius: 3px;
        max-width: calc(33% - 5px);
        font-size: 13px;
    }
    section#venues div:last-of-type a.simpleLink span {
        padding-top: 15px;
        font-size: 13px !important;
        font-weight: normal !important
    }
    header {
        z-index: 9999
    }
    #enquires-row div,
    .enquires-row div {
        width: 49%
    }
    .enquires-row div:first-child,
    .enquires-row div:last-child {
        display: none;
    }
}

@media screen and (max-width :767px) {
    .fixedHeader .default-con {
        width: 100% !important;
    }
    .banner {
        height: inherit !important
    }
    .banner-body {
        padding: 0 5% !important
    }
    .banner h1 {
        font-size: 30px !important;
        line-height: 35px !important
    }
    .hp-search-category-venue .main {
        padding: 0 !important
    }
    .hp-formats-body {
        display: block;
        padding: 0 !important;
        text-align: center
    }
    .formats-description {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .hp-format {
        display: inline-block;
        width: 30%;
        margin: 10px 1%;
    }
    .hp-format h5 {
        text-align: left !important;
        margin: 0 5%;
        width: 90% !important
    }
    .homepage-codes-standards h2 {
        padding: 40px 0 0 0
    }
    .subtitle {
        font-size: 16px !important;
        line-height: 21px;
    }
    .fifty-ml {
        margin: 0 !important
    }
    .formats-description {
        margin-bottom: 30px;
    }
    .footer form input[type="text"] {
        margin: 0 0 10px 0 !important
    }
    .footer form textarea {
        margin: 0 !important
    }
    .external-urls {
        margin: 0;
        padding: 0;
        text-align: center
    }
    .hide-mobile-small {
        display: none !important
    }
    .hide-desktop-small {
        display: block !important;
    }
    #tableDates {
        padding-bottom: 0 !important
    }
    #headerBanner .subtitle {
        margin-bottom: 0 !important
    }
    .course-page section#description>section>div.toExpand h3 {
        padding-right: 20px !important
    }
    .innerSection p,
    .innerSection ul li {
        text-align: left !important
    }
    #headerBanner h1 br,
    #headerBanner .subtitle br {
        display: none !important
    }
    .toExpand {
        padding-top: 15px !important;
        padding-bottom: 15px !important
    }
    .innerSection {
        padding: 10px 5px !important
    }
    #coursebtns a {
        width: 100%;
        display: block;
        margin: 10px 0;
        padding: 8px 5%
    }
    .course_btns a,
    #coursebtns a {
        padding: 12px 15px
    }
    .hp-new-courses-body {
        text-align: center;
    }
    .list-all-new-courses {
        text-align: left
    }
    .titleDesc h3 {
        color: #000 !important;
        font-size: 14px !important;
        font-weight: bold !important;
        line-height: 19px !important
    }
    .list-view article.single-course .details small,
    .list-view article.single-course .details small b {
        margin: 0;
        color: #333;
        font-size: 12px !important;
    }
    .list-view article.single-course>.details>small:first-of-type,
    .list-view article.single-course>.details>small:nth-child(2) {
        margin: 0 !important;
    }
    .list-view article.single-course>.details>small:nth-child(2) {
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
        padding: 0 5px !important;
        margin-right: 5px !important
    }
    .list-view article.single-course .details {
        padding-right: 0 !important
    }
    .list-view article.single-course a.course-link {
        margin-bottom: 10px;
    }
    body.format-col h4 {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .faq-row {
        width: 100%;
    }
    ::-webkit-scrollbar {
        width: 5px;
    }
    ul#mobileNav {
        display: inline-block !important
    }
    ul#mobileNav {
        padding-bottom: 40px !important
    }
    .mobile-padding {
        padding: 30px 2.5% !important
    }
    .mobile-padding p:first-child {
        margin-top: 0
    }
    #enquires-row div a,
    .enquires-row div a {
        font-size: 12px !important
    }
}

@media screen and (max-width :550px) {
    .cat_col {
        width: 48%
    }
    .single-new-course h5 {
        font-size: 12px !important;
        line-height: 17px !important;
    }
    #enquires-row div,
    .enquires-row div {
        width: 100%
    }
    #enquires-row div a,
    .enquires-row div a {
        font-size: 13px !important
    }
    .list-view article.single-course:after {
        display: none !important
    }
    .list-view article.single-course {
        padding-right: 5px !important
    }
}

.hide-in-mobile {
	display: block
}
.hide-in-desktop {
	display: none
}
p.removeOption.filter-keyword[data-keyword="undefined"] {
    display: none;
}
button.filter-button {
    padding: 0em 3em 0px 5px !important;
}
@media screen and (max-width :475px) {
    button.filter-button {
        padding: 15px 10px !important;
    }
    .hp-format {
        display: inline-block;
        width: 95%;
        margin: 10px auto;
    }
    .hp-format h5 {
        font-size: 21px;
        line-height: 29px;
    }
    .ics-content {
        font-size: 13px !important;
        width: 95%;
        margin: 0 2.5%;
        line-height: 17px;
    }
    section#venues div:last-of-type a.simpleLink {
        max-width: inherit !important;
        width: 48% !important;
        font-size: 16px !important;
        font-weight: bold
    }
    p#loadMore {
        padding: 7px 10px !important
    }
    .course-page h3,
    .course-page h3 strong,
    .course-page section#outline h2,
    .topics h2,
    .topics h2 strong {
        font-size: 16px !important;
    }
    section#enrollCta a {
        width: 100%;
        text-align: center
    }
    section#enrollCta a button {
        padding: 10px 0 !important;
        width: 100%;
    }
    section#registerForm form div label,
    section#registerForm form div span {
        font-size: 14px;
    }
    #contactForm,
    #contactForm2,
    #contactForm3 {
        max-height: 25em
    }
    .cs-title {
        font-size: 12px !important;
        line-height: 15px !important;
    }
    .cs-dates-row {
        font-size: 11px !important
    }
    .hp-new-courses-body h2,
    .hp-new-courses-body p {
        text-align: center !important
    }
    .single-new-course {
        background-position: 5px 5px;
        padding: 30px 10px 10px 10px !important;
    }
    .format-row {
        display: block;
    }
    .format-col {
        width: 95%;
        margin: 10px 0;
        display: inline-block
    }
    body.format-col h4 {
        font-size: 18px !important;
        line-height: 22px !important
    }
    .format-col a {
        padding: 30px 20px 20px
    }
    .faq-row h3 {
        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 16px !important
    }
    .faq-row .accordion::after {
        font-size: 12px !important
    }
    .faq-row ul li,
    .faq-row p {
        font-size: 13px !important
    }
	.hide-in-mobile {
		display: none
	}
	.hide-in-desktop {
		display: block
	}
}
@media screen and (max-width :350px) {
	.banner h1 {
		font-size: 25px !important;
		line-height: 30px !important
	}
}