html {
	height: 100%;

}


html, body {
	margin: 0;

}

body {
	font-family: 'Roboto Slab', serif;
	color: #4F4F4F;
	font-size: 14px;
	line-height: 20px;
	font-size: 14px;
	min-height: 100%;
	position: relative;


}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
}


/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  padding: 14px;
  z-index: 10;
  text-shadow:none;
  bottom: 180px;
    background-color: rgba(245,245,245,0.75);

}

.carousel-caption h2{
	color: #4F4F4F;
	font-weight: 700;
	padding-top: 13px;
}

.carousel-caption p {
	line-height:30px;
	color:#4F4F4F;
	font-family: 'Roboto',sans-serif;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 700px;

  background-color: #777;
}
/*.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  margin: 0 auto;
  left: 0;
      transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
  
  min-width: 100%;
  height: 100%;
   -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}*/

.carousel-inner > .item > .slides {
	background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center; 
	 width: 100%;
	 height: inherit;
}
/***jssor carousel***/

.carouselSection {
	min-height: 50px;
}

#slider1_container {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 1300px; 
	height: 500px; 
	overflow: hidden;
	margin: 0 auto;

}

.error {
	color: red;
	font-style: italic;
	font-size: 11px;
}
.loadingCarousel {
	position: absolute; 
	top: 0px; 
	left: 0px;
}

#loginSection {
	padding: 0px 20px;
	text-align: right;
}

#loginSectionMembers, #loginSection {
	background-color: #f5f5f5;

}

#loginSection label , .loginLoginButton, .loginResetButton{
	color:#4F4F4F;
}

.logoutInfo {
	display: inline;
}
.logggedImages{
	 width: 200px;
    height: 51px;
    display: inline!important;
}

.loadingFirstDiv {
	filter: alpha(opacity=70); 
	opacity: 0.7;
	position: absolute; 
	display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    /*height: 100%;*/
    min-height: 100%;
}

.loadingSecondDiv {
	position: absolute; 
	display: block; 
	background: url(../images/loading.gif) no-repeat center center;
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%;
}

.slidesAllImages {
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 1300px; 
	height: 500px; 
	overflow: hidden;
}


.bulletNavCarousel {
	position: absolute;
	bottom: 2%; 
	right: 6px;
}



.menuNavBar {
	margin-bottom: 0px;
}

.paddingMd {
	padding-top:70px;
}

.contentArea {
	padding:70px 0px 88px;
}

/***menu header ***/

/*.navbar-wrapper {
  position: absolute;
  top: 55px;
  right: 0;
  left: 0;
  z-index: 20;
  
}*/
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-brand {
	width: 200px;	
}

.navbar{
	color:#4F4F4F;
}

.navbar li a {
	color: #4F4F4F;
}

.navbar li a:hover {
	color: #262626;
}


a.btnloginOut{
	color: #777;

	text-decoration: none;
}

.loginLogOutDiv{
	background-color: #fff;
    display: inline-block;
    height: 55px;
    padding: 13px 6px 13px 6px;
    -webkit-box-shadow: 5px 2px 89px -14px rgba(74,74,74,0.51);
    -moz-box-shadow: 5px 2px 89px -14px rgba(74,74,74,0.51);
    box-shadow: 5px 2px 89px -14px rgba(74,74,74,0.51);
    width:250px;
    text-align: center;
}


.greeting {
	color: #777;
	font-size: 15px;
    line-height: 20px;
    margin-right: 15px;
}

/*#backToOursite {
	float: left;
}*/
.loginLogOutDiv:hover {
	color: #fff;
    background-color: #555;
}

.loginLogOutDiv:hover >a {
	color: #fff;
}

a.btnloginOut:hover {
	color: #fff;
}

.mainNavBar li a:hover{
	 color: #fff;
    background-color: #555;
}

.nav li.active a, .nav > li.dropdown.open > a{
	 color: #fff;
    background-color: #555;
}

/*.nav > li.dropdown.open > a{
	color: #555;
    background-color: #e7e7e7;
}*/
/******Tinymceeditor******/

/*.TinyMceEditor img {
	height:auto;
	margin:0 auto;
}*/

/********mainNav*********/


.mainNavBar {
	-webkit-box-shadow: 1px 9px 52px -16px rgba(74,74,74,1);
	-moz-box-shadow: 1px 9px 52px -16px rgba(74,74,74,1);
	box-shadow: 1px 9px 52px -16px rgba(74,74,74,1);
}
.nameBrand {
	display: none;
}

#navbar {
	position: relative;
    top: 42px;
}
/*.navbar-nav {
	box-shadow:1px 3px 0px #4F4F4F;
	/*border-bottom: 5px solid #4F4F4F;*/
/*}*/


.nav>li#complexDropDown {
	position: static!important;
}

#homeNav {
   	position: absolute;
    top: 0px;
    color: #fff;
    z-index: 4;
}

.hideElement {
	display: none;
}


.navbar-default .navbar-nav>li>a {
	color:#4F4F4F;
}
	
.navbar-toggle {
	color: #fff;
	z-index: 5;
    position: absolute;
    right: 0;
    padding: 9px 10px;
    top: 48px;
}

.navbar-collapse.in {
	background: none repeat scroll 0% 0% #fff;
}
.mainNav  ul.nav > li > a {
	font-weight: 700;
	color: #fff;
	line-height: 16px;
	font-size: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	transition: all 0.25s ease-out 0s;
}

.classRoomColumn {
	padding: 0px!important;
}

.dropdown  .classRoomItem ul.nav  li > a:hover,  .dropdown  .classRoomItem ul.nav > li > a:focus{
	text-decoration: none!important;
    background-color: #eee!important;

}

.mainNav  ul.nav > li > a:hover,  .mainNav  ul.nav > li > a:focus{
	background: none!important;
	font-weight: bold!important;
}



.allPerclassRoom img {
	margin:10px auto!important;
}

.dropDownClassRoom {
	display: none;
}

.dropDownClassRoom li a {
	font-size: 14px!important;
	font-weight: normal!important;

}

.dropdown li {
	list-style: none;
}


.dropdown  .classRoomItem ul {
	margin-top: 0!important; 
}

.mainNav .simpleDropdown li a {
	position: relative;
	text-align: center;
	line-height: 20px;
	color: #4F4F4F;
	font-size: 16px;
	padding: 10px;
}

.navbar-toggle:hover {
    background-color: #ddd;
}

.navbar-toggle .icon-bar{
    background-color: #888;
}

.navbar-toggle {
    border-color: #fff;
	background-color: #fff;
}

/*.currentTab {
    border-bottom: 5px solid #739C51;
}*/
/*.mainNav .simpleDropdown li a:hover , .mainNav .simpleDropdown li a:focus {
	color: #fff;
}*/

/*.simpleDropdown ul.dropdown-menu {
	position: absolute;
	top: 44px;
    display: none;
    left: 8px;

}

.simpleDropdown ul.dropdown-menu li:hover, .simpleDropdown ul.dropdown-menu li:focus {
	background-color:  #4F4F4F!important;
}

.simpleDropdown:hover  > ul.dropdown-menu {
 	display: block!important;
} 
*/
/*#complexDropDown ul.dropdown {
	display: none;
	position: absolute;
	top:94%;
	left: 0px;
	background-color: #fff;
	width: 100%;
	padding-left: 0px!important;
}*/

#complexDropDown ul.dropdown  li {
	padding: 0px!important;
}

/*#complexDropDown:hover > ul.dropdown {
	display: block!important;
}
*/


#breadcrumb li + li:before{
  content:  '>';
  margin:   0 2px;

}

#breadcrumb ul  {
	list-style: none;
}

#breadcrumb li  {
	display: inline-block;
}

#breadcrumb li a {
	color: #739c51;
}


/********faq********/
.questions {
	padding: 13px 13px 40px 13px;
}

.questions li {
	margin-bottom: 7px;
}

.questions li a {
	color: #4F4F4F;
}

.questions li a:hover {
	text-decoration: none;
	color: #739c51;
}

.answerSection  {
	padding-bottom: 20px;
	border-bottom:1px solid #cdcdcd;
}

/********articles *********/
.articlePiece{
	padding: 0!important;
	position: relative;
	
	 display: inline-block;

}

.articlesWrapper {
	width: 50%;
}

.articlesLeft {
	text-align: center;
	float: left;
	width: 50%;
}
.articlesLeft img {
	margin: 0 auto;
}

.articleDiv {
	    padding-left: 0px!important;
    padding-right: 0px!important;
}


.articlePiece h4 {
	font-size: .9em;
	color: #333;
	background: #f5f5f5;
	margin: 0;
	padding: 10px;
	border: 1px solid #ddd;
}

.articlePiece .caption {
	display: none;
	position: absolute;
	top: 0;
	text-align: center;
	background: url(../images/trans-black-50.png);

}

.articlePiece .caption h3, .articlePiece .caption p {
	color: #fff;
	margin: 20px;
}
.articlePiece .caption h3 {
	margin: 20px 20px 10px;
}
.articlePiece .caption p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 20px 15px;
}

.articlesAllDescription {
	max-width: 400px;
	margin: 0 auto;
}

.articlesTop {
	margin-bottom: 218px;
}

.moreBtn {
	width: 222px;
	color: #4F4F4F;
	border-width: 1px;
	border-right: 1px solid #292E31;
	border-left: 1px solid #292E31;
	border-style: solid;
	border-color: #292E31;
	background-color: #FFF;
	line-height: 13px;
	/*margin: 0px;*/
	padding: 15px 70px 15px 50px;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 13px;
	min-height: 0px;
	min-width: 0px;
	max-height: none;
	max-width: none;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	transform-origin: 50% 50% 0px;
	cursor: pointer;

	border-radius: 0px;
	text-transform: uppercase;
}

.moreBtn:hover {
	text-decoration: none;
    background: #4F4F4F;
    color: #ffffff;
}

/********margins*********/

.marginBtm {
	margin-bottom: 75px;

}

.marginBtmSm {
	margin-bottom: 20px;

}

.marginTopSm {
	margin-top: 20px;

}

.marginMd {
	margin: 28px 0;

}

/********headings*********/

h1.internalHeader {
	font: 700 41px/41px 'Roboto',sans-serif;
	color: #4F4F4F;
	text-transform: uppercase;

}

h2.internalHeaderMedium {
	color: #4F4F4F;
	font: 700 30px/40px 'Roboto',sans-serif;
}

h3.internalHeaderSmall, h2.internalLevelMd {
	font: 400 27px/36px 'Roboto',sans-serif;
	letter-spacing: 0.025em;
	color: #4F4F4F;
}

h3.internalHeaderSmaller {
	font-family: 'Roboto',sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #4F4F4F;


}

h3.internalHeaderSmallWithoutSpace {
	font: 400 27px/36px 'Roboto',sans-serif;
	color: #4F4F4F;
}

h2.homeHeaderMedium {
	margin-bottom: 50px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/*******contact ***********/
.form-group input, .form-group textarea{
	background-color: #646262;
	color: #CDCDCD;
	padding: 10px;
	border-radius:0px;
}

.form-group input {
	height: 45px;
}

.form-group textarea {
	height: 200px;
}

.form-group div {
	padding-left: 0px;
}

.form-group input:focus, .form-group textarea:focus{
	border-color: rgba(115, 156, 81, 0.8);
	box-shadow: 0px 0px 8px rgba(82, 168, 236, 0);
}

.form-buttons button{
	margin-top:10px;
}


/********chapters**********/
h2.internalLevelMd a{
	color: #4F4F4F;
	text-decoration: none;	
} 

h2.internalLevelMd a:hover, h2.internalLevelMd a:focus {
	color: #739C51;
} 

/*******banner**********/
.tp-mask-wrap .FoodCarousel-Content{
	overflow: scroll!important;
}

/********exercises**********/
.buttons a , .buttons button{
	margin: 10px;
}

.exercise {
	margin-bottom: 20px; 
}
/********classroomsCategories*********/

#classRoomCategory {
	position: relative;

}


#classRoomCategory .categoryItem  img:hover {
	opacity: 0.8;
}

#classRoomCategory h2.homeHeaderMedium {
    margin-bottom: 20px;
    text-align: center;
}


#classRoomCategory .categoryItem  h3 {
	text-align: center;
}

#classRoomCategory .categoryItem img {
	margin: 0 auto;
}

.classRoomsContainer {
	background-color: #EEF0F1;	
  	padding: 100px  0;
}


#classRoomCategory .classRoomItem  {
	width: 310px;
	margin:20px auto 0 auto;
    max-height: 700px;
    min-height: 700px;
}


.classRoomItem:hover {
	-webkit-box-shadow: 1px 6px 73px 0px rgba(117,109,117,1);
	-moz-box-shadow: 1px 6px 73px 0px rgba(117,109,117,1);
	box-shadow: 1px 6px 73px 0px rgba(117,109,117,1);
}
/*#classRoomCategory {
	background-color: #EEF0F1;	
}*/

.categorySection {
	background-color: #fff;
}


.categorySection .morebtn{
	margin: 0 auto!important;
}

.classRoomItem {
	color: #FFF;
	text-align: center;
	

}

.classRoomItemHeightMax {
	min-height: 600px;
}


.classRoomItem  img {
	margin:0 auto;
}

.classRoomItem h3{
	color: #4F4F4F;
	padding: 10px 0;
	margin: 0;
	background: #fff;
}

.classRoomItem ul {
	margin-top:16px;
	list-style-type: none;
	width: 100%;

}
.classRoomItem ul li {
	padding: 10px 0;
}

.classRoomItem ul li a {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 16px;
	font-size: 17px;
	letter-spacing: 0.2em;
}

.classRoom-1 {
 	background: none repeat scroll 0% 0% #e60073;
}

.classRoom-1 ul li a:hover {
	color: #e60073;
}

.classRoom-2 {
	background: none repeat scroll 0% 0% #009CC3;
}

.classRoom-2 ul li a:hover {
	color: #009CC3 ;
}

.classRoom-3 {
	background: none repeat scroll 0% 0% #42A689;
}

.classRoom-3 ul li a:hover {
	color: #42A689 ;
}


.classRoom-4 {
	background: none repeat scroll 0% 0% #00cccc;
}	

.classRoom-4 ul li a:hover {
	color: #00cccc;
}




/******internalNav *****/
.internalNav {
	background: url('../images/header_bg.jpg');
	position: relative!important;
	top:0px!important;
	height: 235px;
}

/******categories*******/

#classRoomCategory .categoryItem {
	margin: 7px 0;
	padding: 0px!important;

}

.categoryItem {
	margin-left:  0!important;
	margin-right:  0!important;

}

.categoryItem a{
	text-decoration: none;
}

.categoryItem h3:hover{
	color: #739C51;
}

#categories , #footer, #footerMember, #footerFixed {
	background: none repeat scroll 0% 0% #F5F5F5;
}

.categoriesAll {
	background: none repeat scroll 0% 0% #fff!important;

}

/********404 page **************/
#errorPage {
	color: #fff;
}


#errorHeading{
		    padding: 70px 0px 39px;

	font-size: 46px;
}

#errorParagraph {
	padding-bottom:39px; 
    font-size: 23px;
}
/********login ******************/


#LoginBody{
	background-color: #47a3da;

}

#loginPage {
	
    color: #fff;
    width: 100%;
}

#loginPageNav {
	position: relative;
}

.loginArea legend {
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	border: 0px;
	margin-bottom:0px; 
	line-height: 43px;
}

a.forgotPass {
	font-size: 20px;
	text-align: right;
	color: #fff;
	text-decoration: none;
}

.loginRemembermeLabel {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	margin-right:19px;
}

.forgotPassDiv p{
	font-size: 20px;
	color: #fff;
}

a.forgotPass:hover {
	color: #b9c1c3;
}

#backTosite {
	position: absolute;
    top: 6%;
}

input.submitBtn {
  background-color: #b9c1c3!important;
  color: #4F4F4F!important;
  font-size: 27px;
}

input.inputUsername {
	background-image: url(../images/members.png);
    background-position: 10px center;
    background-repeat: no-repeat;
     background-size: 15%;
    text-indent: 18%;
}

.loginMessage .error {
    font-size: 16px;
}

input.loginPassword {
	background-image: url(../images/lock.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 15%;
    text-indent: 18%;
}
.loginArea > input {

	padding: 22px;
    width: 37%;
	display: block!important;
    margin: 41px auto;
    background-color: #fff;
    color: #b9c1c3;
-webkit-box-shadow: -14px 15px 58px -8px rgba(0,0,0,0.75);
-moz-box-shadow: -14px 15px 58px -8px rgba(0,0,0,0.75);
box-shadow: -14px 15px 58px -8px rgba(0,0,0,0.75);
}

/*******forgotpass**********/

#FixedBody {
	background-color: #47a3da;
}

/**membersArea ****/

.membersSection {
	padding-left: 0px!important;
	margin-left: 0px!important;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.mainBody {
	min-height: 100%!important;
	position: relative;
	background-color:#eee;

}

.membersArea  .internalHeader, .membersArea  .internalHeaderMedium {
	margin-top: 0px;
}

/*#page-wrapper {
    padding: 20px 0px;

}*/

#loginSection {
	min-height: 55px;
}



#main{
	padding: 20px;
}

#side-menu , .sidebar-nav {
	background: #47a3da;
    /*position: fixed;*/
}

.logoutInfo p {
	font-size: 18px;
}

#side-menu li a {
	border-bottom: 1px solid #258ecd;
    padding: 1em;
	color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}

#side-menu li a:hover,  #side-menu li a:active, #side-menu li a:visited{
	background: #258ecd!important;

}



/*******members area table******/

.table-container {
	padding: 20px;
	margin: 0 0 20px;
	background: #fff;
	box-shadow: 0 0 5px #ddd;
}
/* responsive tables */
.responsive-stacked-table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	table-layout: fixed;
}
.responsive-stacked-table th,
.responsive-stacked-table td {
	padding: 10px;
	border-top: 1px solid #ddd;
}
.responsive-stacked-table thead {
	background: #eee;
	border-bottom: 3px solid #ddd;
}
.responsive-stacked-table tr:nth-child(even) {
	background: #f5f5f5;
}
.responsive-stacked-table .fa {
	margin-right: 5px;
}
.responsive-stacked-table .fa-check-circle {
	color: #690;
}
.responsive-stacked-table .fa-times-circle {
	color: #c00;
}

.responsive-stacked-table.with-mobile-labels {
	font-size: .85em;
}

/********table for students*******/

#student-table {
width:1170px;
}

.heading {
font-weight:bold;
text-align:center;
}


/********footer*********/
#footer, #footerMember, #footerFixed {
	padding: 20px 0;

   /* position: absolute;
    padding: 20px 0;
    bottom: 0;*/
}


#footerFixed, .footerAbsoluteMembers  {
        width: 100%;
        position: absolute;
        bottom: 0;
    }

#footer {
	    width: 100%;

}
/*.footerContainer {
	padding: 10px 0;
}*/