/*/////////////////////////////////////////*/
/*//////////////// GLOBAL /////////////////*/
/*/////////////////////////////////////////*/

body{
    margin: 0px;
    padding: 0px;
    font-family: 'Bitter',sans-serif;
    font-weight: 400;
    min-width: 300px;
    overflow-x: hidden;
}

div.epi-main-hold {padding: 0px; position: relative;}
div.epi-table div.epi-cell {border-spacing: 0px;}
div.epi-content {padding: 0px;}

.epi-input label.error, .epiCont label.error {color: #d00;}
#contactMessage {color: #f01a25; text-align: right;}

.overlay-map {
    background:transparent; 
    position:absolute; 
    top: 0px;
    left: 0px;
    width:100%;
    height: 100%; /* your iframe height */
    z-index: 100;
}

a {color: inherit; cursor: pointer;}
p {text-align: justify; color: #555555; font-size: 13px; line-height: 1.5; font-weight: 400;}
p.center {text-align: center;}
p.bold {font-weight: 700;}
p.no-top-margin {margin-top: 0px;}
p.italic {font-style: italic;}
p.large {font-size: 16px;}
.simpLink {color: #ad0014;}
.simpLink:hover {text-decoration: underline;}
strong {font-weight: 700;}
p strong {color: #ad0014;}
.epi-edit.center p {text-align: center;}
.epi-edit.center h1,
.epi-edit.center h2,
.epi-edit.center h3,
.epi-edit.center h4,
.epi-edit.center h5
{text-align: center !important;}

@media (max-width: 450px){
    p {font-size: 12px;}
}

.flexslider {background: transparent; border: none; border-radius: 0px; box-shadow: none; margin: 0px; position: relative;}
.flex-control-nav {
    position: relative;
    text-align: center;
    width: auto;
    background-color: transparent;
    padding: 0px;
    bottom: auto;
    height: auto;
    left: auto;
    top: auto;
    right: auto;
    font-size: 0px;
    color: transparent;
    z-index: 500;
    margin: 0px;
    margin-left: 0px;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    display: block;
    margin-top: 10px;
}

.flex-control-nav li {margin: 0 5px; display: inline-block;}
.flex-control-paging li a {
    background: #9b9b9b;
    border: none;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 12px;
    text-indent: -9999px;
    width: 12px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.flex-control-paging li a:hover {background: #ddd;}
.flex-control-paging li a.flex-active {background: #a9cc48; cursor: default;}
.flex-control-paging li a.flex-active:hover {background: #a9cc48; opacity: 1;}
.flex-direction-nav {z-index: 200;}
.flex-direction-nav a {
    color: transparent;
    height: 44px;
    margin: -22px 0 0;
    text-shadow: none;
    width: 40px;
    background-position: 0 0;
    opacity: 0.6;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    background-size: 100%;
    background-position: 0 0;
    z-index: 200;
}

.flex-direction-nav .flex-prev {background-image: url('../images/stage-arrow-left.png'); left: -50px;}
.flexslider:hover .flex-prev {left: 0px; opacity: 0.6;}
.flexslider .flex-direction-nav .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-next {background-image: url('../images/stage-arrow-right.png'); right: -50px;}
.flexslider:hover .flex-next {right: 0px; opacity: 0.6;}
.flexslider .flex-direction-nav .flex-next:hover {opacity: 1;}

.btn-hold {position: relative; font-size: 0px;}
.btn-hold.center {text-align: center; font-size: 0px;}
.btn-hold.margin-top-10 {margin-top: 10px;}
.btn-hold.margin-top-15 {margin-top: 15px;}
.btn-hold.margin-top-20 {margin-top: 20px;}
.btn-hold.margin-top-25 {margin-top: 25px;}
.btn-hold.margin-top-40 {margin-top: 40px;}
.btn-hold.margin-top-30 {margin-top: 30px;}
.btn-hold.margin-top-50 {margin-top: 50px;}
.btn-hold.right {text-align: right;}
.btn-hold.left {text-align: left;}
.btn-hold a {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.btn-hold a:nth-last-child(1) {margin-right: 0px;}
.btn-hold.center a {margin: 5px;}
.btn-hold.right a {margin-right: 0px; margin-left: 10px;}
.btn-hold.right a:nth-child(1) {margin-left: 0px;}
.btn-hold a.right {float: right; margin-right: 0px; margin-left: 10px;}
.btn-hold .btn-group {display: inline-block; margin-right: 10px; text-align: center; font-size: 0px; white-space: nowrap;}
.btn-hold.right .btn-group {margin-right: 0px; margin-left: 10px;}
.btn-hold.center .btn-group {margin: 5px;}
.btn-hold .btn-group.right {float: right; margin-right: 0px; margin-left: 10px;}

.anythingHold {position: relative; text-align: center; font-size: 0px;}
.anythingHold.left {text-align: left;}
.anythingHold.right {text-align: right;}
.anythingHold .anything-inner {display: inline-block;}
.anythingHold.margin-bottom-10 {margin-bottom: 10px;}
.anythingHold.margin-bottom-20 {margin-bottom: 20px;}
.anythingHold.margin-bottom-25 {margin-bottom: 25px;}
.anythingHold.margin-bottom-30 {margin-bottom: 30px;}
.anythingHold.margin-bottom-50 {margin-bottom: 50px;}
.anythingHold.margin-top-10 {margin-top: 10px;}
.anythingHold.margin-top-15 {margin-top: 15px;}
.anythingHold.margin-top-20 {margin-top: 20px;}
.anythingHold.margin-top-25 {margin-top: 25px;}
.anythingHold.margin-top-30 {margin-top: 30px;}
.anythingHold.margin-top-40 {margin-top: 40px;}
.anythingHold.margin-top-50 {margin-top: 50px;}
.anythingHold .heading-underline {width: 80px; height: 3px; background-color: #a0a0a0;}
.anythingHold .heading-underline.white {background-color: #fff;}

.fancybox-overlay {z-index: 100000;}
.fancybox-opened {z-index: 100100;}
img.firefix {box-shadow: #000 0em 0em 0em;}
.responsive-fix {max-width: 1350px; margin: 0 auto;}
.responsive-fix-1 {max-width: 1150px; margin: 0 auto;}
.responsive-fix-2 {max-width: 1000px; margin: 0 auto;}
.responsive-fix-3 {max-width: 850px; margin: 0 auto;}
.responsive-fix-4 {max-width: 700px; margin: 0 auto;}
@media (min-width: 1450px){.responsive-fix-2 {max-width: 1200px;}}
@media (min-width: 1450px){.responsive-fix-1 {max-width: 1350px;}}

#mapSec {position: relative; margin-top: 30px;}
#mapSec .mapSec-inner {
    position: relative;
    background-image: url('../images/map-loader.GIF');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40px;
    border: 1px solid #ccc;
    padding: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    font-size: 0px;
}

/*/////////////////////////////////////////*/
/*//////////////// ALL CONT ///////////////*/
/*/////////////////////////////////////////*/

.allCont {position: relative; margin-top: 40px; margin-bottom: 50px;}
.allCont.topControl {padding-top: 50px;}
.allCont.padding-top-50 {padding-top: 50px;}
.allCont .allCont-inner {position: relative;}
.allCont .allCont-hold {position: relative;}

.allCont h1 {font-size: 30px; color: #333; font-weight: 400; margin-top: 0px; margin-bottom: 30px; text-transform: capitalize; line-height: 1.1; text-transform: uppercase; text-align: center;}
.allCont .epi-edit h2 {font-size: 23px; color: #00725e; font-weight: 400; margin-top: 30px; text-transform: capitalize; line-height: 1.1; text-transform: capitalize;}
.allCont .epi-edit h3 {font-size: 18px; font-weight: 400; color: #767676; margin-top: 30px; text-align: left; text-transform: capitalize; line-height: 1.1; text-transform: capitalize;}
.allCont .epi-edit p a {color: #d67f89;}
.allCont .epi-edit p a:hover {text-decoration: underline;}
.allCont .epi-edit strong {color: #ad0014;}

.allCont .epi-edit ul {display: block; margin: 20px 0;}
.allCont .epi-edit ul li {color: #555555; font-size: 13px; font-weight: 400; line-height: 1.5; text-align: left; display: block; list-style: none; position: relative; padding-left: 15px;}
.allCont .epi-edit ul li:nth-child(even) {background-color: #eee;}
.allCont .epi-edit ul li:before {
    content: url(../images/allCont-bullet.png);
    position: absolute;
    left: 0px;
    top: -2px;
    width: 8px;
}

.allCont .epi-edit.center ul li {text-align: center; padding: 2px 5px;}
.allCont .epi-edit.center ul li:before {position: relative; display: inline-block; top: -2px; left: auto; margin-right: 5px;}
.allCont .epi-edit ul li a {color: #d67f89;}
.allCont .epi-edit ul li a:hover {text-decoration: underline;}

@media (max-width: 750px){
    .allCont .epi-edit h2 {text-align: center; max-width: none;}
    .allCont .epi-edit h3 {text-align: center;}
    .allCont .btn-hold  {text-align: center;}
    .allCont .btn-hold a.right {float: none;}
    .allCont .btn-hold a {margin: 5px;}

    .allCont .epi-edit ul li {padding: 3px 5px; padding-left: 15px;}
    .allCont .epi-edit ul li:nth-child(odd) {background-color: #eee;}
}

/*/////////////////////////////////////////*/
/*///////////// PROJECT GLOBAL ////////////*/
/*/////////////////////////////////////////*/

.epi-button.kpecta-btn {background-color: #00725e; border-color: #00725e; color: #fff; text-transform: uppercase; font-family: 'Source Sans Pro',sans-serif;}
.epi-button.kpecta-btn.red {background-color: #ad0014; border-color: #ad0014; text-transform: capitalize;}
.epi-button.kpecta-btn.grey {background-color: #767676; border-color: #767676;}
.epi-button.kpecta-btn.small {padding: 5px 8px;}
@media (max-width: 950px){p {font-size: 12px;}}

.epi-menuDrop .epi-menuDrop-inner {border: 1px solid #52a798;}
.epi-menuDrop .epi-menuArrow {border-bottom-color: #52a798;}
.epi-menuDrop .epi-menuLink {color: #555; font-family: 'Source Sans Pro',sans-serif; font-size: 13px; font-weight: 400;}

table.epi-table thead tr th {background-color: #00725e;}
.aboutList {display: block; text-align: center; font-size: 0px; margin-top: 30px;}
.aboutList-item {display: inline-block; margin: 10px 0; width: 281px;}

/*/////////////////////////////////////////*/
/*///////////////// TOPBAR ////////////////*/
/*/////////////////////////////////////////*/

#topBar {background-color: #fff; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 11000; border-bottom: 1px solid #eee;}
#topBar .topBar-inner {position: relative; text-align: right; font-size: 0px; height: 98px;}

#topBar .logo-hold {position: relative; float: left; width: 197px; margin: 15px 0;}
#topBar .nav-hold {display: inline-block; position: relative; height: 100%; margin-right: 20px;}
#topBar .nav-list {display: block; margin: 0px; padding: 0px; height: 100%}
#topBar .nav-item {float: left; margin: 0 15px; list-style: none; height: 100%;}
#topBar .NavLink {
    display: block;
    font-size: 15px;
    color: #555;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    padding: 0 5px;
    font-family: 'Source Sans Pro',sans-serif;
}

#topBar .line {position: absolute; top: 0px; left: 0px; width: 100%; height: 3px; background-color: #279381; display: none;}
#topBar .nav-arrow {display: inline-block; width: 11px; margin-left: 5px; background-image: url('../images/navbar-arrow-red.png'); background-size: 100%; margin-bottom: 1px;}
#topBar .NavLink:hover .nav-arrow img {opacity: 0;}
#topBar .NavLink:hover {color: #ad0014;}
#topBar .NavLink.active .nav-arrow {background-image: url('../images/navbar-arrow-green.png');}
#topBar .NavLink.active {color: #279381;}
#topBar .NavLink.active .nav-arrow img {opacity: 0;}
#topBar .NavLink.active .line {display: block;}

#topBar .contact-hold {float: right; position: relative; height: 100%;}
#topBar .contact-btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    background-color: #ad0014;
    padding: 5px 15px;
    -webkit-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
}

.courses-page #topBar .NavLink.courses {color: #279381;}
.courses-page #topBar .NavLink.courses .line {display: block;}
.courses-page #topBar .NavLink.courses .nav-arrow {background-image: url('../images/navbar-arrow-green.png');}
.courses-page #topBar .NavLink.courses .nav-arrow img {opacity: 0;}

.first-aid #topBar .epi-menuLink.first-aid {color: #279381;}
.fire-fighting #topBar .epi-menuLink.fire-fighting {color: #279381;}
.health #topBar .epi-menuLink.health {color: #279381;}
.cpd-training #topBar .epi-menuLink.cpd-training {color: #279381;}

#topBar .socialHold {float: right; position: relative; height: 100%; margin-left: 20px;}
#topBar .socialHold-list {display: block; margin: 0px; padding: 0px;}
#topBar .socialHold-item {float: left; list-style: none; margin-left: 10px;}
#topBar .socialHold-link {display: block; width: 20px; height: 24px; position: relative; background-size: 0px; backface-visibility: hidden; background-repeat: no-repeat; background-position: 50%;}
#topBar .socialHold-link.linked-in {background-image: url('../images/social-icons_06-dark.png');}
#topBar .socialHold-link.facebook {background-image: url('../images/social-icons_08-dark.png');}
#topBar .socialHold-link.twitter {background-image: url('../images/social-icons_10-dark.png');}
#topBar .socialHold-link:nth-child(1) {margin-left: 0px;}
#topBar .socialHold-link:hover {-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
#topBar .socialHold-link img {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

#topBar .contact-btn:hover {opacity: 0.6;}
#topBar .menu-btn-hold {position: relative; float: right; height: 100%; display: none;}
#topBar .menu-btn {padding: 8px; display: inline-block; background-color: #ad0014; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
#topBar .menu-btn .menu-btn-inner {position: relative; width: 20px; height: 20px;}
#topBar .menu-btn .menu-btn-item {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#topBar .menu-btn .menu-btn-item img {display: none;}

#topBar .menu-btn .menu-btn-item.open {
    background-image: url('../images/menu-btn-white.png');
    background-size: 100%;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

#topBar .menu-btn .menu-btn-item.closed {
    background-image: url('../images/menu-btn-close-white.png');
    background-size: 100%;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0;
}

#topBar.active .menu-btn .menu-btn-item.open {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    opacity: 0;
}

#topBar.active .menu-btn .menu-btn-item.closed {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}

#topBar.minimiseBar {border-bottom: 1px solid #ccc;}
#topBar.minimiseBar .logo-hold {width: 130px; margin: 5px 0;}
#topBar.minimiseBar .topBar-inner {height: 55px;}

@media (max-width: 950px){
    #topBar .nav-hold {display: none;}
    #topBar .contact-hold {display: none;}
    #topBar .menu-btn-hold {display: block;}
    #topBar .socialHold {margin-left: 0px; margin-right: 20px;}

    #topBar .logo-hold {width: 130px; margin: 5px 0;}
    #topBar .topBar-inner {height: 55px;}
}

/*/////////////////////////////////////////*/
/*///////////////// STAGE /////////////////*/
/*/////////////////////////////////////////*/

#stage {position: relative; margin-top: 99px;}
#stage .stage-inner {position: relative;}
#stage .stage-section {position: relative; padding-right: 50%; height: 350px; background-color: #268e7c;}
#stage .stage-slider {position: absolute; width: 50%; height: 100%; right: 0px; top: 0px; background-color: #fff;}
#stage section.slider {position: relative; height: 100%;}
#stage .flexslider {height: 100%;}
#stage .flexslider ul.slides {height: 100%;}
#stage .flexslider ul.slides li {height: 100%;}

#stage .stage-slide {position: relative; height: 100%; background-position: 0 50%; background-repeat: no-repeat;}
#stage .stage-slide.slide-1 {background-image: url('../images/stage-slide-1.jpg');}
#stage .stage-cont {position: relative; max-width: 500px; margin: 0 auto; height: 100%;}
#stage .stage-cont-inner {position: relative; margin: 0 6%; padding: 20px 0;}
#stage .stage-heading {font-size: 30px; font-weight: 400; color: #fff; margin: 15px 0; line-height: 1.1;}
#stage .stage-par {margin: 0px; color: #fff; font-family: 'Source Sans Pro',sans-serif; font-size: 13px;}
#stage .stage-heart {max-width: 360px; margin-top: 30px;}

@media (min-width: 1450px){
    #stage .stage-cont-inner {margin-left: 12%; margin-right: 0px;}
}

@media (max-width: 950px){
    #stage {margin-top: 55px;}
    #stage .stage-heading {font-size: 24px;}
    #stage .stage-heart {max-width: 280px; margin-top: 20px;}
    #stage .stage-section {height: 278px;}
    #stage .stage-slide {background-size: 800px; background-position-x: -30px;}
}

@media (max-width: 800px){
    #stage .stage-section {padding-right: 0px; height: auto;}
    #stage .stage-slider {position: relative; top: auto; right: auto; height: 250px; width: 100%;}
    #stage .stage-heading {font-size: 20px; text-align: center;}
    #stage .stage-par {text-align: center;}
    #stage .stage-heart {max-width: 250px; display: inline-block;}
    #stage .stage-cont-inner {text-align: center; font-size: 0px; padding: 30px 0; margin: 0 5%;}
    #stage .stage-slide {background-size: 810px; background-position-x: 0px;}
}

@media (max-width: 500px){
    #stage .stage-slider {height: 200px;}
    #stage .stage-slide {background-size: 586px;}
    #stage .stage-heart {margin-top: 0px;}
}

/*/////////////////////////////////////////*/
/*/////////////// ABOUT SEC ///////////////*/
/*/////////////////////////////////////////*/

#aboutSec {position: relative;}
#aboutSec .aboutSec-inner {position: relative;}
#aboutSec .aboutSec-section {position: relative; padding-left: 50%;}

#aboutSec .aboutSec-slider {position: absolute; width: 50%; height: 100%; left: 0px; top: 0px; background-color: #eee;}
#aboutSec section.slider {position: relative; height: 100%;}
#aboutSec .flexslider {height: 100%;}
#aboutSec .flexslider ul.slides {height: 100%;}
#aboutSec .flexslider ul.slides li {height: 100%;}
#aboutSec .aboutSec-slide {position: relative; height: 100%; background-position: 0 50%; background-repeat: no-repeat;}
#aboutSec .aboutSec-slide.slide-1 {background-image: url('../images/aboutSec-slide-1.jpg');}

#aboutSec .aboutSec-cont {position: relative;}
#aboutSec .aboutSec-cell {height: 350px; min-height: 350px;}
#aboutSec .aboutSec-cont-inner {padding: 20px 30px; max-width: 750px; margin: 0 auto;}

@media (max-width: 950px){
    #aboutSec .aboutSec-cell {height: 278px; min-height: 278px;}
    #aboutSec .aboutSec-slide {background-size: 950px;}
}

@media (max-width: 800px){
    #aboutSec .aboutSec-section {padding-left: 0px;}
    #aboutSec .aboutSec-slider {position: relative; top: auto; left: auto; width: 100%; height: 250px;}
    #aboutSec .aboutSec-cell {height: auto; min-height: 0;}
    #aboutSec .aboutSec-cont-inner {padding: 30px 5%;}
    #aboutSec p {text-align: center;}
}

@media (max-width: 500px){
    #aboutSec .aboutSec-slider {height: 200px;}
    #aboutSec .aboutSec-slide {background-size: 510px;}
}

/*/////////////////////////////////////////*/
/*/////////////// TRAIN SEC ///////////////*/
/*/////////////////////////////////////////*/

#trainSec {position: relative; background-color: #eee;}
#trainSec .trainSec-inner {position: relative; padding: 60px 0;}
#trainSec .trainSec-hading {font-size: 30px; margin: 0px; font-weight: 400; color: #00725e; text-transform: capitalize; text-align: center;}

#trainSec .trainSec-slider {margin-top: 30px; position: relative; padding: 0 40px;}
#trainSec .item-inner {margin: 0 15px; position: relative;}
#trainSec .img-hold {
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: url('../images/trainSec-link.png');
    background-position: 50%;
    background-size: 0px;
    background-repeat: no-repeat;
}

#trainSec .img-hold img {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

#trainSec .img-hold:hover {background-size: 100%;}
#trainSec .img-hold:hover img {opacity: 0.2;}
#trainSec .text-hold {background-color: #fff; display: block; padding: 15px 10px; border: 1px solid #ccc; margin-top: 2px; color: #555;}
#trainSec .text-hold span {font-size: 13px; overflow: hidden; display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#trainSec .text-hold:hover {background-color: #00725e; color: #fff;}

/*/////////////////////////////////////////*/
/*////////////// OWL CONTROLS /////////////*/
/*/////////////////////////////////////////*/

.owl-carousel .owl-wrapper-outer {z-index: 1000;}
div.owl-controls {position: absolute; top: 50%; height: 94px; margin-top: -16px; left: 0px; width: 100%;}
div.owl-controls .owl-buttons {position: relative;}
div.owl-controls .owl-buttons div {
    width: 17px;
    height: 33px;
    position: absolute;
    top: 0;
    background-size: 100%;
    color: transparent;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    opacity: 0.6;
}

div.owl-controls .owl-buttons div:hover {opacity: 1;}
div.owl-controls .owl-buttons div.owl-prev {left: -40px; background-image: url('../images/acc-arrow-left.png');}
div.owl-controls .owl-buttons div.owl-next{right: -40px; background-image: url('../images/acc-arrow-right.png');}

@media (max-width: 750px){
    div.owl-controls .owl-buttons div.owl-prev {left: -30px;}
    div.owl-controls .owl-buttons div.owl-next{right: -30px;}
}

/*/////////////////////////////////////////*/
/*////////////// CLIENT SEC ///////////////*/
/*/////////////////////////////////////////*/

#clientSec {position: relative; margin: 60px 0;}
.inner-pages #clientSec {margin-top: 80px;}
#clientSec .clientSec-inner {position: relative;}
#clientSec .clientSec-hold {position: relative;}
#clientSec .item-inner {margin: 0 15px;}
#clientSec .clientSec-slide {position: relative; padding: 0 40px;}

#clientSec div.owl-controls .owl-buttons div {opacity: 1;}
#clientSec div.owl-controls .owl-buttons div:hover {opacity: 0.6;}
#clientSec div.owl-controls .owl-buttons div.owl-prev {background-image: url('../images/acc-arrow-left-green.png');}
#clientSec div.owl-controls .owl-buttons div.owl-next{background-image: url('../images/acc-arrow-right-green.png');}

/*/////////////////////////////////////////*/
/*/////////////// HEAD SEC ////////////////*/
/*/////////////////////////////////////////*/

#headSec {position: relative; margin-top: 99px; background-color: #00725e;}
#headSec .headSec-inner {position: relative; padding: 40px 0;}
#headSec .headSec-hold {position: relative;}
#headSec .headSec-heading {font-size: 30px; margin: 0px; font-weight: 400; color: #fff; text-transform: uppercase; text-align: center;}

@media (max-width: 950px){
    #headSec {margin-top: 55px;}
}

/*/////////////////////////////////////////*/
/*////////////// BREADCRUMBS //////////////*/
/*/////////////////////////////////////////*/

#breadcrumbs {position: relative; background-color: #fff;}
#breadcrumbs .breadcrumbs-inner {position: relative; padding: 8px 0;}
#breadcrumbs .breadcrumbs-hold {position: relative;}
#breadcrumbs .breadcrumbs-list {display: block; margin: 0px; padding: 0px; text-align: right; font-size: 0px;}
#breadcrumbs .breadcrumbs-item {display: inline-block; margin-left: 5px;}
#breadcrumbs .breadcrumbs-txt {font-size: 13px; font-family: 'Source Sans Pro',sans-serif; color: #555; font-weight: 400; text-transform: uppercase;}
#breadcrumbs .breadcrumbs-txt.active {color: #00725e; cursor: default;}
#breadcrumbs a.breadcrumbs-txt:hover {text-decoration: underline;}

@media (max-width: 750px){
    #breadcrumbs .breadcrumbs-list {text-align: center;}
}

/*/////////////////////////////////////////*/
/*/////////////// COUSRE SEC //////////////*/
/*/////////////////////////////////////////*/

#coursSec {position: relative; margin: 60px 0;}
#coursSec .coursSec-inner {position: relative;}
#coursSec .contact-hold {position: relative;}
#coursSec .coursSec-list {display: block; margin: 0px; padding: 0px;}
#coursSec .coursSec-item {display: block; list-style: none; margin-bottom: 40px;}
#coursSec .coursSec-item:nth-last-child(1) {margin-bottom: 0px;}
#coursSec .coursSec-contHold {position: relative; padding: 30px 0; padding-left: 400px;}
#coursSec .coursSec-cont {
    position: relative;
    z-index: 10;
    min-height: 150px;
    padding: 30px 20px;
    padding-bottom: 75px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
    overflow: hidden;

}
#coursSec .coursSec-img {
    position: absolute;
    top: 0px;
    left: 0px; 
    height: 100%;
    width: 600px;
    z-index: 5;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

#coursSec .coursSec-img.course-1 {background-image: url('../images/course-1.jpg');}
#coursSec .coursSec-img.course-2 {background-image: url('../images/course-2.jpg');}
#coursSec .coursSec-img.course-3 {background-image: url('../images/course-3.jpg');}
#coursSec .coursSec-img.course-4 {background-image: url('../images/course-4.jpg');}
#coursSec .coursSec-heading {font-size: 25px; color: #333; text-align: left; margin: 0px; font-weight: 400; line-height: 1.1; text-transform: uppercase;}
#coursSec .btn-hold.coursSec-btn {background-color: #eee; padding: 3px 0; position: absolute; bottom: 0px; left: 0px; width: 100%;}


#coursSec .coursSec-item:nth-child(even) .coursSec-contHold {padding-left: 0px; padding-right: 400px;}
#coursSec .coursSec-item:nth-child(even) .coursSec-img {left: auto; right: 0px;}

@media (min-width: 1450px){
    #coursSec .coursSec-contHold {padding-left: 600px;}
    #coursSec .coursSec-item:nth-child(even) .coursSec-contHold {padding-left: 0px; padding-right: 600px;}
    #coursSec .coursSec-img {width: 800px;}
    #coursSec .coursSec-cont {min-height: 200px;}
}

@media (max-width: 950px){
    #coursSec .coursSec-cont {padding: 20px 20px; padding-bottom: 60px;}
    #coursSec .coursSec-contHold {padding-left: 300px;}
    #coursSec .coursSec-item:nth-child(even) .coursSec-contHold {padding-left: 0px; padding-right: 300px;}
    #coursSec .coursSec-img {width: 500px;}
}

@media (max-width: 850px){
    #coursSec .coursSec-heading {font-size: 22px;}
}

@media (max-width: 750px){
    #coursSec .coursSec-img {position: relative; left: auto; top: auto; height: 250px; width: auto;}
    #coursSec .coursSec-contHold {padding: 0px;}
    #coursSec .coursSec-item:nth-child(even) .coursSec-contHold {padding: 0px;}
}

@media (max-width: 450px){
    #coursSec .coursSec-img {height: 200px;}
}

/*/////////////////////////////////////////*/
/*/////////////// TOPBANNER ///////////////*/
/*/////////////////////////////////////////*/

#topBanner {position: relative; margin-top: 99px;}
#topBanner .topBanner-inner {position: relative;}
#topBanner img.small {display: none !important;}

@media (max-width: 950px){
  #topBanner {margin-top: 55px;} 
  #topBanner img.large {display: none !important;}
  #topBanner img.small {display: block !important;}
}

/*/////////////////////////////////////////*/
/*//////////////// CONT LIST //////////////*/
/*/////////////////////////////////////////*/

.allCont .contact-hold {position: relative; margin-bottom: 50px; margin-top: 40px;}
.allCont .contact-hold {margin: 0 8px;}
.allCont .contact-hold .contact-inner {position: relative;}

.allCont .contact-hold .contact-content {position: relative;}
.allCont .contact-hold .contact-list {display: block; margin: 0px; padding: 0px; list-style: none;}
.allCont .contact-hold .cont-item {list-style: none; display: block; margin-bottom: 10px;}

.allCont .contact-hold .cont-box {
    border: 1px solid #989494;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: #fff;
    font-size: 12px;
    color: #5a5a5a;
    font-weight: 300;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
}

.allCont .contact-hold .cont-head {
    background-color: #eee;
    max-width: 150px;
    width: 150px;
    text-align: left;
    padding: 5px 20px;
    border-right: 1px solid #989494;
}

.allCont .contact-hold .cont-info {padding: 5px 10px;}
.allCont .contact-hold .cont-head img {width: 12px; display: inline-block; margin-right: 5px; margin-bottom: -1px;}
.allCont .contact-hold .cont-head.address img {margin-bottom: -1px;}
.allCont .contact-hold strong {font-weight: 400;}

@media (max-width: 730px){
    .allCont .contact-hold .cont-box {font-size: 12px;}
}

@media (max-width: 530px){
    .allCont .contact-hold .cont-box {font-size: 12px;}
    .allCont .contact-hold .cont-head {max-width: 125px; padding: 5px 10px; width: 125px;}
    .allCont .contact-hold .cont-info {padding: 5px 10px;}
    
    #contact-form .epi-list li.streach-50 {width: 100%;}
}

@media (max-width: 350px){    
    .allCont .contact-hold .cont-head strong {display: none;}
    .allCont .contact-hold .cont-head {max-width: 12px; width: 12px;}
}

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

#footer {position: relative; background-color: #00725e;}
#footer .footer-inner {position: relative; padding: 25px 0; text-align: center; font-size: 0px;}

#footer .footer-item {display: inline-block; font-size: 12px; color: #fff; font-weight: 300; margin: 2px; font-family: 'Source Sans Pro',sans-serif;}
#footer .footer-item.full {display: block; text-align: left; font-weight: 300;}
#footer .footer-item.full strong {font-weight: 400;}
#footer .footer-item.left {float: left;}
#footer .footer-item.right {float: right;}
#footer a.footer-item:hover {opacity: 0.6;}

@media (max-width: 1100px){
    #footer .footer-item.left {float: none;}
    #footer .footer-item.right {float: none;}
    #footer .footer-item.full {text-align: center;}

    #footer .footer-item.left {display: block; text-align: center;}
    #footer .footer-item.right {display: block; text-align: center;}
}