hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #747171;
    width: 50%;
    
}
/* RESET CSS STRAT */
* { margin: 0px; padding: 0px; }
body {font-family: 'Roboto', sans-serif;  margin: 0px; padding: 0px; font-size: 14px; font-weight: normal; color: #b4b4b4; outline: none; line-height: 1.5em; overflow-x: hidden; }
h1, h2, h3, h3, h4, h5, h6 { color: #121575; font-size: 24px; margin: 0px; line-height: 1.5em; }
p { padding: 0px; margin: 0px; font-size: 16px;  line-height: 24px; color: #2e2e2e;}
.hr {border-top: 2px solid #2d2d2d; width: 50px; margin-top: 10px;
    margin-bottom: 10px; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
ul { list-style: none; margin: 0px; padding: 0px;}
a { outline: none !important; color: #73ae20; text-decoration: none; transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;  }
a:hover, a:active, a:focus { outline: none !important; text-decoration: none; color: #000;}

textarea, input:focus { outline: none !important; text-decoration: none;}
img { border:0; }
.img-responsive100 { width: 100%;}
.nopd { padding-left: 0px; padding-right: 0px;}
#inner { width: 100%; margin: 0 auto; max-width: 1100px; position: relative;}
li { transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;}
  
::-moz-selection {
		background-color: #04a14e;
		color: #fff;
	}

::selection {
		background-color: #04a14e;
		color: #fff;
}
	  
/* RESET CSS END */



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2e2e2e !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #2e2e2e !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #2e2e2e !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #2e2e2e !important;
}

/* STICKY ANV BAR */	
.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
	-webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	background: #FFF;
	
	
}


/* -------------------------------------------------- */
/*	Back Top
/* -------------------------------------------------- */
#back-top {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 999;
overflow: hidden;
display: none;
width: 50px;
height: 50px;
border: 1px solid #FFF;
background-color: #003878;
text-align: center;
-webkit-transition: all .25s ease;
transition: all .25s ease;}

#back-top:after {
display: block;
text-align: center;
color: #FFF;
font-size: 20px;
font-family: 'FontAwesome';
content: "\f062";
line-height: 48px;

-webkit-transition: color .25s ease, -webkit-transform 2s ease;
	transition: color .25s ease, transform 2s ease;
}

#back-top:hover {
border-color: transparent;
background-color: #04a14e;
border: 1px solid #FFF;
}
#back-top:hover:after { color: #000; }
/* -------------------------------------------------- */
/*	Back Top END
/* -------------------------------------------------- */
/*
================================================
+ Loader, Top Bar CSS 
================================================
*/
.loader {
    background: #FFF;
    color: #fff;
}
.loader{
    z-index: 9999999;
    height: 100%;
    width: 100%;
    position: fixed;
    text-align: center;
}
.loader-inner{
    margin-top: 45vh;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }
    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }
}
@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }
    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3); }
    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1); }
}
.line-scale-pulse-out-rapid > div {
    background-color: #003878;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
    animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
    -webkit-animation-delay: -0.25s !important;
    animation-delay: -0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important;
}



/**************************************/
/***** Hero - Section *****/
/*************************************/
/* Hero Section Slide */

.bc-img01{
    background: url(../images/banner.jpg) top;
    background-size: cover;
   height: 480px; 
    min-height: 100%; 
}

.owl-theme .owl-nav {
    margin-top: 0 !important;
}
.bc-img02{
  background: url(../images/banner1.jpg) top;
    background-size: cover;
    height: 510px; 
    min-height: 100%; 
}
.bc-img03{
     background: url(../images/banner2.jpg) top;
    background-size: cover;
    height: 510px; 
    min-height: 100%;
}

.bc-img04{
     background: url(../images/banner3.jpg) top;
    background-size: cover;
    height: 510px; 
    min-height: 100%;
}

.hero-section-slide h2 { color: #FFF; font-weight: 700; font-size: 28px;
    
}
.hero-section-slide p {
   
}
.hero-section-slide a {
    font-size: 18px; border: 1px solid #c10000;
    padding: 12px 25px;
    border-radius: 20px;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.hero-section-slide a:hover {
    background: #c10000; color: #FFF; 
}
/* Hero Section Owl-nav */



.hero-section .owl-nav div {
    border: 2px solid;
    font-size: 19px;
    height: 40px;
    left: 40px;
    margin-top: -20px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    text-align: center;
    top: 45%;
    width: 40px;
}
.hero-section .owl-nav div.owl-prev{
    background-color: inherit;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 10px;
    padding-top: 5px;
}
.hero-section .owl-nav div.owl-next{
    left: auto;
    right: 40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: inherit;
    border-radius: 50%;
    font-size: 25px;
    text-align: center;
    padding-right: 7px;
    padding-top: 5px;
}
.hero-section .owl-nav div.owl-next:hover,
.hero-section .owl-nav div.owl-prev:hover{
    border-radius: 5px;
}

.slderadm { padding-top: 25%; padding-left: 8%; position: relative; z-index: 9999;  }

.formsecBx {
    position: absolute;
    top: 0;
    right: 12%;
    z-index: 1;
}
#heroo.owl-theme .owl-nav.disabled+.owl-dots {margin-top: -25px; position: relative; z-index: 2;}
#heroo.owl-theme .owl-dots .owl-dot.active span, #heroo.owl-theme .owl-dots .owl-dot:hover span { background: #e77717; }




 /************* FIRST SET ************/

.first-set figcaption
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.paddCont
{
  width:100%;
  height:100%;
  opacity:0;
  padding:20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition:all ease-in-out .3s;
  -webkit-transition:all ease-in-out .3s;
  -moz-transition:all ease-in-out .3s;
  -o-transition:all ease-in-out .3s;
  
}

.cover
{
  width:100%;
  height:100%;
  background:#fff;
  background:rgba(15,49,82,0.9);
  display:table;
  text-align: center;
  padding: 50px 0;
}

.text
{
  display:table-cell;
  vertical-align:middle;
  padding:0 10px;
}

.first-set .image-title
{
  color:#FFF;
  margin:0 0 0px;
  transform:translate3d(0,-25px,0);
  -webkit-transform:translate3d(0,-25px,0);
  -moz-transform:translate3d(0,-25px,0);
  -o-transform:translate3d(0,-25px,0);
  transition:all ease-in-out .4s;
  -webkit-transition:all ease-in-out .4s;
  -moz-transition:all ease-in-out .4s;
  -o-transition:all ease-in-out .4s;  
}

.first-set .image-title:after
{
  content:"";
  display:block;
  width:70%;
  background:#FFF;
  height:2px;
  margin:10px auto 10px;
  transition:all .5s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;  
}

.first-set .text p
{ font-weight: 300;
  transition:all .6s ease-in-out;
  -webkit-transition:all .6s ease-in-out;
  -moz-transition:all .6s ease-in-out;
  -o-transition:all .6s ease-in-out;
  transform:translate3d(0,-25px,0);
  -webkit-transform:translate3d(0,-25px,0);
  -moz-transform:translate3d(0,-25px,0);
  -o-transform:translate3d(0,-25px,0);

}
.first-set .text strong { font-size: 18px; padding: 8px 0; display: block; }

.first-set:hover .paddCont
{
  opacity:1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.first-set:hover .image-title
{
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
}

.first-set:hover .image-title:after
{
  width:10%;
}

.first-set:hover .text p
{
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
}

.first-set:hover .read-more
{
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
}

/** LAYOUT CONTAINERS AND THEIR RELATED ELEMENTS **/
#pageWrapper
{
  position:relative;
}

.centerLayout
{
  width:78%;
  margin-left:auto;
  margin-right:auto;
  transition:all linear .3s;
  -webkit-transition:all linear .3s;
  -moz-transition:all linear .3s;
  -o-transition:all linear .3s;
}

.topSectionBar
{
  width:100%;
  background:#282828;
  margin:0 0 20px;
}

.innerTopSectionBar
{
  overflow:hidden;
  padding:10px;
}

.back-tutorial
{
  float:right;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  transition:all linear .3s;
  -webkit-transition:all linear .3s;
  -o-transition:all linear .3s;
  -moz-transition:all linear .3s;
}

.back-tutorial:hover
{
  color:#B6D1D6;
}

.introTtl h1
{
  text-align:center;
  margin:41px 0 60px;
}

#contentArea
{
  text-align:center;
  overflow:hidden;
  padding:0 0 30px;
}

.image-holder figure
{
  position:relative;
  float:left;
  width:100%;
  display:none;
}

.image-wrapper img
{
  width:100%;
  transition:all ease-in-out .4s;
  -webkit-transition:all ease-in-out .4s;
  -moz-transition:all ease-in-out .4s;
  -o-transition:all ease-in-out .4s;
}

.programme_row li strong, .programme_row li p { color: #FFF; }

