/* Basic */
@font-face {
  font-family: 'GrenzeGotisch';
  font-style: normal;
  font-weight: 300;
  src:  url('../font/GrenzeGotisch-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'GrenzeGotisch';
  font-style: normal;
  font-weight: Bold;
  src:  url('../font/GrenzeGotisch-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 300;
  src:  url('../font/Karla-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: Bold;
  src:  url('../font/Karla-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Fondamento';
  font-style: normal;
  font-weight: 300;
  src:  url('../font/Fondamento-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Caveat Brush';
  font-style: normal;
  font-weight: Bold;
  src:  url('../font/CaveatBrush-Regular.ttf') format('truetype');
}
*
{
margin:0;
padding:0;
font-family: 'Karla', sans-serif;

}

h1
{
width:100%;
float:left;
text-align:center;
font-size:30px;
margin:1% 0;
color:#800000;
font-family: 'GrenzeGotisch', cursive;
}
.font-family-1
{
	font-family: 'GrenzeGotisch', cursive;
}
.font-family-2
{
	font-family: 'Caveat Brush', cursive;
}
.font-family-3
{
	font-family: 'Karla', sans-serif;
}
.font-family-4
{
	font-family:  'Poppins', sans-serif;
}
body
{
	background:#fff;
}
h2
{
width:100%;
float:left;
text-align:center;
font-size:19px;
margin:1% 0;
color:#e44609;
font-family: 'GrenzeGotisch', cursive;
}
h3
{
width:100%;
float:left;
text-align:center;
font-size:25px;
margin:1% 0;
font-family: 'GrenzeGotisch', cursive;
}
h4
{
width:100%;
float:left;
text-align:center;
font-size:19px;
margin-top:2%;
font-weight:400;
}
p
{
width:100%;
float:left;
text-align:justify;
font-size:14px;
font-family: 'RobotoCondensed', sans-serif;
    line-height: 1.8;
color:#515151;
}
.full-box
{
width:100%;
float:left;
}
.font-bold
{
	font-weight:bold;
}
.font-italic
{
	font-style:italic;
}
.font-underline
{
	text-decoration:underline;
}
a
{
	text-decoration:none;
	-webkit-tap-highlight-color: transparent;
}
#header,#feature
{
	width:100%;
	float:left;
}
/* Float Boxes */
.col-1
{
width:98%;
float:left;
margin:1%;
}
.col-pad-1
{
width:94%;
float:left;
margin:1% 2%;
padding:1%;
}
.col-2
{
width:48%;
float:left;
margin:1%;
}
.col-pad-2
{
width:46%;
float:left;
margin:1%;
padding:1%;
}

.col-3
{
width:31%;
float:left;
margin:1%;
}
.col-pad-3
{
width:29%;
float:left;
margin:1%;
padding:1%;
}

.col-4
{
width:23%;
float:left;
margin:1%;
}

.col-pad-4
{
width:21%;
float:left;
margin:1%;
padding:1%;
}
.col-5
{
width:18%;
float:left;
margin:1%;
}

.col-pad-5
{
width:16%;
float:left;
margin:1%;
padding:1%;
}
/* Block Position */
.pos-relative
{
position:relative;
}
.pos-absolute
{
position:absolute;
}

/* Text Align */
.text-center
{
text-align:center;
}
.text-left
{
text-align:left;
}
.text-right
{
text-align:right;
}
.text-justify
{
text-align:justify;
}

/* Text Color */

.text-color-red
{
color:#C70039;
}
.text-color-red2
{
color:#B03A2E;
}
.text-color-red3
{
color:#D35400;
}

.text-color-green
{
color:#1E8449;
}
.text-color-green1
{
color:#229954;
}
.text-color-green2
{
color:#196F3D;
}
.text-color-orange
{
color:#F39C12;
}
.text-color-orange1
{
color:#F5B041;
}
.text-color-orange2
{
color:#E67E22;
}

.text-color-blue
{
color:#1F618D;
}
.text-color-blue1
{
color:#2C3E50;
}
.text-color-blue2
{
color:#283747;
}
.text-color-gray
{
color:#717D7E;
}
.text-color-gray1
{
color:#515A5A;
}
.text-color-gray2
{
color:#B2BABB;
}
.text-color-gray3
{
color:#CCD1D1;
}
.text-color-white
{
color:#FFFFFF;
}
.text-color-white1
{
color:#F2F4F4 ;
}
.text-color-white2
{
color:#F8F9F9;
}
.text-color-yellow
{
color:#F1C40F;
}
.text-color-yellow1
{
color:#F4D03F;
}
.text-color-yellow2
{
color:#F7DC6F;
}
.text-color-black
{
color:#000;
}
.text-color-black1
{
color:#454545;
}
.text-color-black2
{
color:#313131;
}
.text-color-black3
{
color:#999999;
}
/* Background Color */
.bg-color-black
{
background-color:#000;
}
.bg-color-black1
{
background-color:#454545;
}
.bg-color-black2
{
background-color:#313131;
}
.bg-color-black3
{
background-color:#999999;
}
.bg-color-red
{
background-color:#C70039;
}
.bg-color-red2
{
background-color:#B03A2E;
}
.bg-color-red3
{
background-color:#D35400;
}

.bg-color-green
{
background-color:#1E8449;
}
.bg-color-green1
{
background-color:#229954;
}
.bg-color-green2
{
background-color:#196F3D;
}
.bg-color-orange
{
background-color:#e44609;
}
.bg-color-orange1
{
background-color:#F5B041;
}
.bg-color-orange2
{
background-color:#E67E22;
}

.bg-color-blue
{
background-color:#1F618D;
}
.bg-color-blue1
{
background-color:#2C3E50;
}
.bg-color-blue2
{
background-color:#283747;
}
.bg-color-gray
{
background-color:#717D7E;
}
.bg-color-gray1
{
background-color:#515A5A;
}
.bg-color-gray2
{
background-color:#B2BABB;
}
.bg-color-gray3
{
background-color:#CCD1D1;
}
.bg-color-white
{
background-color:#FFFFFF;
}
.bg-color-white1
{
background-color:#F2F4F4 ;
}
.bg-color-white2
{
background-color:#F8F9F9;
}
.bg-color-yellow
{
background-color:#F1C40F;
}
.bg-color-yellow1
{
background-color:#F4D03F;
}
.bg-color-yellow2
{
background-color:#F7DC6F;
}
.bg-color-alpha
{
	background-color:rgba(255,255,255,0.8);
}
/* Wrap Blocks */

#wrapper
{
width:100%;

}
.wrap-in
{
width:1250px;
margin:0 auto;
}
.wrap-fluid
{
width:100%;

}
#header-top,#header,#banner,#content,#footer,#feature,#add-on,#menu
{
width:100%;
float:left;
}
.main
{
width:70%;

}
.sidebar
{
width:30%;

}
.block-10
{
width:10%;
}
.block-20
{
width:20%;
}
.block-30
{
width:30%;
}
.block-40
{
width:40%;
}
.block-50
{
width:50%;
}
.block-60
{
width:60%;
}
.block-70
{
width:70%;
}
.block-80
{
width:80%;
}
.block-90
{
width:90%;
}
.box-50
{
	width:50%;
	margin:1% 25%;
}
.box-60
{
	width:60%;
	margin:1% 20%;
}
.box-70
{
	width:70%;
	margin:1% 15%;
}
.box-80
{
	width:80%;
	margin:1% 10%;
}
.box-90
{
	width:90%;
	margin:1% 5%;
}
.box-pad-50
{
	width:50%;
	margin:1% 23%;
	padding:1% 2%
}
.box-pad-60
{
	width:60%;
	margin:1% 18%;
	padding:1% 2%
}
.box-pad-70
{
	width:70%;
	margin:1% 13%;
	padding:1% 2%
}
.box-pad-80
{
	width:80%;
	margin:1% 8%;
	padding:1% 2%
}
.box-pad-90
{
	width:90%;
	margin:1% 3%;
	padding:1% 2%
}

/* Padding */
.pad-1
{
padding:1%;
}
.pad-tb-1
{
padding:1% 0;
}
.pad-lr-1
{
padding:0 1%;
}
.pad-2
{
padding:2%;
}
.pad-tb-2
{
padding:2% 0;
}
.pad-lr-2
{
padding:0 2%;
}
.pad-tb-5x
{
padding:5px 0;
}
.pad-tb-10x
{
padding:10px 0;
}
.pad-tb-20x
{
padding:20px 0;
}
.pad-tb-30x
{
padding:30px 0;
}
.pad-tb-40x
{
padding:40px 0;
}
.pad-tb-50x
{
padding:50px 0;
}



/* Margin */


.mar-1
{
margin:1%;
}
.mar-tb-1
{
margin:1% 0;
}
.mar-lr-1
{
margin:0 1%;
}
.mar-2
{
margin:2%;
}
.mar-tb-2
{
margin:2% 0;
}
.mar-lr-2
{
margin:0 2%;
}
.mar-tb-5x
{
margin:5px 0;
}
.mar-tb-10x
{
margin:10px 0;
}
.mar-tb-20x
{
margin:20px 0;
}
.mar-tb-30x
{
margin:30px 0;
}
.mar-tb-40x
{
margin:40px 0;
}
.mar-tb-50x
{
margin:50px 0;
}
.mar-left-1
{
margin-left:1%;
}
.mar-left-2
{
margin-left:2%;
}

.mar-left-5
{
margin-left:5%;
}
.mar-left-10
{
margin-left:10%;
}
.mar-right-1
{
margin-right:1%;
}
.mar-right-2
{
margin-right:2%;
}

.mar-right-5
{
margin-right:5%;
}
.mar-right-10
{
margin-right:10%;
}
.no-mar-top
{
	margin-top:0 !important;
}
.no-mar-bot
{
	margin-bottom:0 !important;
}
.no-mar
{
	margin:0 !important;
}

/* List */
.list
{

width:80%; 
float:left;
margin:2% 10%;
list-style:none;
}
.list-2
{
list-style:none;
width:100%;
margin:0;
}
.list-li
{

width:100%;
}
.list li
{

width:96%;
float:left;
margin: 1% 0;
padding:1% 2%;
background:#fff;
border-radius:10px;
}
.list-2 li
{

width:31%;
float:left;
margin: 5% 1%;
}
.list-2 li span
{

width:100%;
float:left;
font-size:19px;
color:#313131;
font-weight: bold;
margin-top:10px;
text-transform: uppercase;
}
.list-li-3
{

width:33%;
}
.list-li-4
{

width:25%;
}


/* Float */

.float-left{
float:left;
}
.float-right{
float:right;
}


/* Border */

.border-1{
border:1px solid;
}
.border-2{
border:2px solid;
}
.border-3{
border:3px solid;
}
.border-4{
border:4px solid;
}
.border-5{
border:5px solid;
}
.border-dotted-top-1{
border-top:1px dotted;
}
.border-dotted-bottom-1{
border-bottom:1px dotted;
}
.border-dotted-1{
border:1px dotted;
}
.border-dotted-2{
border:2px dotted;
}

.border-dotted-3{
border:3px dotted;
}
.border-dotted-4{
border:4px dotted;
}

.border-dotted-5{
border:5px dotted;
}
.border-dashed-1{
border:1px dashed;
}

.border-dashed-2{
border:2px dashed;
}
.border-dashed-3{
border:3px dashed;
}
.border-dashed-4{
border:4px dashed;
}
.border-dashed-5{
border:5px dashed;
}

.border-white
{
border-color:#fff;
}

.border-white1
{
border-color:#f7f7f7;
}
.border-black
{
border-color:#000;
}

.border-black1
{
border-color:#515151;
}
.border-black2
{
border-color:#313131;
}
.border-gray
{
border-color:#e3e3e3;
}
.border-gray1
{
border-color:#f7f7f7;
}
.border-red
{
border-color:#d21212;
}
.border-green
{
border-color:#27AE60;
}

/* Background */
.background-1
{
	background-color: #515151;
    background: url(../img/bg-vector.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: 100%;
}
.background-11
{
	background-color: #515151;
    background: url(../img/green-board.jpg);

}
.background-2
{
	background-color: #f6f6f6;
    background: url(../img/subject-bg1.jpg) no-repeat;
     background-repeat:no-repeat;
  background-position:left bottom;

background-size: 100% auto;
}
.background-3
{
	 background-image:url(../img/fbg.jpg);
  background-repeat:no-repeat;
  background-position: left bottom 70px;;

  background-size: 100% auto;

}

.background-13
{
	background-color: #f6f6f6;
    background: url(../img/subject-bg4.jpg) no-repeat;
     background-repeat:no-repeat;
  background-position:left bottom;

background-size: 100% auto;
}
/* Font Size */

.font-11
{
	font-size:11px;
}
.font-12
{
	font-size:12px;
}
.font-14
{
	font-size:14px;
}
.font-16
{
	font-size:16px;
}
.font-19
{
	font-size:19px;
}
.font-20
{
	font-size:20px;
}
.font-21
{
	font-size:21px;
}
.font-23
{
	font-size:23px;
}
.font-25
{
	font-size:25px;
}
.font-27
{
	font-size:27px;
}
.font-29
{
	font-size:29px;
}
.font-30
{
	font-size:30px;
}
.font-32
{
	font-size:32px;
}
.font-34
{
	font-size:34px;
}
.font-36
{
	font-size:36px;
}
.font-38
{
	font-size:38px;
}
.font-40
{
	font-size:40px;
}
.font-44
{
	font-size:44px;
}
.font-48
{
	font-size:48px;
}
.font-51
{
	font-size:51px;
}

/* anchor button */
.btn-1
{
	width:100%;
	float:left;
	margin:1% 0%;
	text-align:center;
	color:#fff;
	padding:4px 0;
}
.btn-2
{
	width:60%;
	float:left;
	margin:1% 20%;
	text-align:center;
	color:#fff;
	padding:2px 0;
	font-size:10px;
}
.btn-3
{
	width:60%;
	float:left;
	margin:1% 20%;
	text-align:center;
	color:#fff;
	padding:4px 0;
	font-size:14px;
}

/* Menu Custom */



/*  Custom CSS */

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	background:#F9F9F9;
	padding:25px;
	margin:5px 0;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#1F618D;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#1F618D;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
#contact select
{
	width:100%;
	height:40px;


}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}
.svg
{
height:60px;
color:#d21212;

}









/* Social Icon */

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-github {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-github:hover {
    background-color: #5a32a3;
}

/* Vertical-tab */



.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}




.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight:bold;
  font-size:14px;
  font-family: 'Poppins', sans-serif;
  color:#1E8449;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.add-box
{
	width:30%;
	margin:15px 10%;
}
/* Sticky Footer */

.sticky-footer {
  display: block;
  height: 58px;
  background: #f7f7f7;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;
}
.sticky-footer .one-fourth {
  width: 25%;
  float: left;
  color: #fff;
  text-align: center;
  height: 58px;
  position: relative;
  cursor: pointer;
}
.sticky-search,
.sticky-filters,
.sticky-map,
.sticky-radius {
  width: 25px;
  height: 25px;
  margin: auto;
  margin-top: 11px;
}
.sticky-footer .one-fourth p {
  font-size: 10px;
  margin-top: 3px;
   text-align: center;
   color:#313131;
}

#content
{
	min-height:300px;
}
.subject-box
{
	width:42%;
	padding:2% 1%;
	margin:1% 3%;
	float:left;
	min-height:80px;
}
.subject-box h4
{
	padding-top:10px;

}.subject-box img
{
	height:30px;
	padding-top:10px;

}
.worksheet-box
{
	width:86%;
	padding:2% 1%;
	margin:1% 6%;
	float:left;
	min-height:80px;
}
.worksheet-box h4
{
	padding-top:5px;

}
.worksheet-box img
{
	height:50px;
	padding-top:10px;

}
.knowledge-box
{
	width:46%;
	float:left;
	margin:2% 2%;

	Position:relative;
}
.video-list-box
{
	width:80%;
	float:left;
	margin:2% 10%;
	padding:0;
	Position:relative;
}
.video-list-box h4
{
	Position:absolute;
	top:70px;
	left:15%;
	width:70%;
	text-align:center;
	color:#fff;
	margin:0;
	font-size:14px;
}
.video-list-box .video-btn
{
	Position:absolute;
	bottom:70px;
	left:35%;
	width:30%;
	text-align:center;
	color:#515151;
	margin:0;
	font-size:8px;
	background:#fff;
	padding:2px 0 ;
}
.video-block
{
	width:96%;
	float:left;
	margin:30px 2%;
}
.motivation-box
{
	width:68%;
	float:left;
	margin:2% 15%;
	padding:1%;

	Position:relative;
}
.motivation-box img
{
	border-radius:15px;
}
.motivation-box h4
{
	Position:absolute;
	top:50px;
	left:15%;
	width:70%;
	text-align:center;
	color:#fff;
	margin:0;
	font-size:12px;
}
.motivation-box .video-btn
{
	Position:absolute;
	bottom:70px;
	left:30%;

	text-align:center;
	color:#fff;
	margin:0;
	font-size:8px;
	background:#d21212;
	padding:2px 0;
	width:40%;
}
.question-box
{
width:96%;
float:left;
margin:1% 2%;
padding-bottom:10px ;
border-bottom:2px solid #e3e3e3;
}

.table1,.tableizer-table {
	width: 100%;
float:left;

	margin:10px auto;
	}
.
/* Zebra striping */
.table1 tr:nth-of-type(odd),.tableizer-table tr:nth-of-type(odd){
	background: #eee;
	}

.table1 th,.tableizer-table th {
	background: #3498db;
	color: white;
	font-weight: bold;
	}

.table1 td, .table1 th,.tableizer-table td ,.tableizer-table th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 12px;
	text-align:center;
	}
	.table1 thead tr {
	background:#313131 !important;
	color:#fff;
	}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
.menu
{
	width:100%;
	float:left;
	list-style:none;
	margin-top:10px;
}
.menu li
{

	float:left;
	padding:5px 0;
	text-align:center;
  padding: 0 2.5%;
}
.menu li a
{
	color:#313131;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
.logo
{
	position:absolute;
	left:10px;
	top:10px;
}
.xuser
{
	position:absolute;
	right:10px;
	top:10px;
	color:#fff;
	font-size:10px;
}
.xgreet
{
	position:absolute;
	right:10px;
	top:25px;
	color:#fff;
	font-size:10px;
}
.school-name
{
	position:absolute;
	right:10px;
	bottom:15px;
	color:#fff;
	font-size:10px;
}
.school-name1
{
	position:absolute;
	right:10px;
	top:25px;
	color:#fff;
	font-size:10px;
}
.quote
{
	position:absolute;
	left:20%;
	bottom:90px;
	width:60%;
	color:#fff;
	font-size:19px;
	text-align:center;
}
.headerr
{
	position:absolute;
	left:20%;
	bottom:25px;
	width:60%;
	color:#fff;
	font-size:19px;
	text-align:center;
}
.profile-header
{
    position:absolute;
    left:0;
    right:0;
    bottom:10px;
    color:#fff;
    text-align:center;
}
.profile-header img
{
    height:50px;
    border:2px solid #fff;
    border-radius:50%;
   margin-bottom:10px;
}
.dash-box img
{
	height:50px;
}
.dash-box h4
{
	font-weight:bold;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	width:88%;
	float:left;
	margin:10px 5%;
	padding:5px 1%;
	font-size:13px;
}
.alert-success b {
    color: #0b2e13;
}
.alert-success img {
    height:12px;
	margin-top:4px;
	float:left;
	margin-right:5px;

}
.alert-danger  img {
    height:12px;
	margin-top:3px;
	float:left;
	margin-right:5px;

}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	width:88%;
	float:left;
	margin:10px 5%;
	padding:5px 1%;
	font-size:13px;
}
.sticky-footer
{
	position:fixed;
	left:0;
	right:0;
	padding:3px 0;
	bottom:0px;
	height:45px;
	 -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.45);
  -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.45);
  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.45);
}
.sticky-footer img
{
	height:25px;
}
.sticky-footer .col-4
{
	font-size:12px !important;
	text-align:center;
}
.sticky-footer .col-4 a
{
	color:#313131;
}
#footer
{
	width:100%;
	float:left;
  padding-top: 20px;


}
#footer img
{

	margin-top:40px !important;

}
#footer h2
{
	font-size:21px;
	font-weight:bold;
  color:#fff;
}
#footer h5
{
	width:100%;
	float:left;
	text-align:center;
	font-size:12px;
}
.student-list
{
    width:90%;
    float:left;
    list-style:none;
  margin:1% 5%;

}
.student-list li
{
    width:96%;
    float:left;
    list-style:none;
  padding:1% 2%;
  margin:1% 0;
  border:1px solid #e3e3e3;

}
.student-list img
{
    height:60px;

}
.student-list h5
{
   text-align:left;
 color:#e44609;
 font-weight:bold;
}
.student-list h6
{
   text-align:left;
    color:#515151;
}

.homework-box
{
width:94%;
float:left;
padding:20px 2%;
margin:1%;
background:#fff;
border:1px solid #e3e3e3;

}
.homework-box h5
{
    color:#e44609;
}
/* tabs */

@keyframes notice {
  0% {
    transform: rotate(10deg) scale(1);
  }
  100% {
    transform: rotate(-10deg) scale(1.1);
  }
}




.tab-btn {
  float: left;
  background: #fff;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  color: #313131;
    text-align:center;
  transition: 0.3s;
  padding:9px 0;
  cursor: pointer;
  width:11.9%;
}
.tab-btn b{
  color:#e44609;
  font-size:14px;
}

.tab-content {
  color: #515151;
  width:98%;
  padding:  1%;
  display: none;
  text-align: left;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 300;
  background: #fff;
  transition: 0.3s;
}

#active-content {
  display: block;
}
#active-tab b{
    color:#fff;
}
#active-tab {
  background: #e44609;
  color: #fff;
  -webkit-animation-name: notice;
  -webkit-animation-duration: 300ms;
  -moz-animation-name: notice;
  -moz-animation-duration: 300ms;
  animation-name: notice;
  animation-duration: 300ms;
}
.profile-det span
{
    color:#e44609;
    width:100%;
    float:left;
    text-align:center;
    font-size:12px;
    font-weight:bold;

}
.profile-but-box .block
{
    width:33.3%;
    float:left;
    text-align:center;
    padding:10px 0;
}
.profile-but-box .block img
{
    height:55px;
}
.profile-but-box .block a
{
    color:#fff;
    font-size:12px;
}
.black-board
{
    width:90%;
    float:left;
    padding:20px 2%;
    margin:1% 2%;
    border:4px solid #e44609;
    color:#fff;


}
.black-board p
{
    width:94%;
    float:left;

    margin:1% 3%;
    font-size:14px;
    color:#fff;


}
.black-board img
{
    width:94%;
    float:left;

    margin:1% 3%;


}
.black-board h4
{
    color:#e44609;
    text-transform:uppercase;
    font-weight:bold;
    font-size:19px;
}
.black-board h5
{
    color:#e44609;
    text-transform:uppercase;
    font-weight:bold;
    font-size:10px;
    width:100%;
    float:left;
    text-align:center;
}
.message-but
{

    float:left;
    padding:1% 4%;
    background-color:#313131;
    color:#fff;
    font-size:10px;
    margin-top:5px;
}
.but
{
    width:40%;
    float:left;
    padding:1% 0;
    background-color:#327025;
    color:#fff;
    font-size:10px;
    margin:5px 5%;
    text-align:center;
    border-radius:10px;
}

.but1
{
    width:60%;
    float:left;
    padding:1% 0;
    background-color:#327025;
    color:#fff;
    font-size:10px;
    margin:5px 5%;
    text-align:center;
    border-radius:10px;

}
.message-card
{
    width:92%;
    float:left;
    padding:1% 2%;
    margin:1% 2%;
    border:1px solid #e3e3e3;
    background:#f6f6f6;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.message-card h4
{
    font-size:13px;
    color:#e44609;
    text-align:left;
    font-weight:bold;
	margin-bottom:10px;
}
.message-card h5
{
    font-size:10px;
    color:#515151;
    text-align:left;
    margin-bottom:10px;
}

.message-card a .message-but1
{
    width:90%;
    float:left;
    padding:5px 0;
    background-color:#e44609;
    color:#fff;
    font-size:10px;
    margin:4px 5%;
	margin-top:34px;
    text-align:center;
    border-radius:10px;

}
.sheet-box-detail
{
	width:96%;
	float:left;
	padding:2px 2%;
	border:3px solid #e3e3e3;
	background:#e3e3e3;
}
.sheet-box-detail1
{
	width:86%;
	float:left;
	padding:10px 0;
	margin:1% 5%;
	background:#fff;border:0px; border-bottom:1px solid #e3e3e3;

}
.sheet-box-detail1 h4
{

	margin-top:6px;
}
.sheet-box-wrapper
{
	width:93%;
	float:left;
	padding:30px 3%;
	font-size:16px;
	color:#fff !important;
	font-weight:bold;
	border:5px solid #e3e3e3;
}
.sheet-box-wrapper p
{

	font-size:15px;
	color:#fff !important;
	font-weight:bold;

}
.sheet-image-box
{
	width:96%;
	float:left;
	padding:3px 2%;
	border:1px solid #e3e3e3;


}

.sheet-image-box img
{
	width:100%;
	float:left;
	margin:15px 0;


}
.att-box h6
{
	width:94%;
	float:left;
	text-align:left;
	color:#515151;
	margin:5px 3%;
}
.fee-box
{
	width:90%;
	float:left;
	margin:1% 2%;
	padding:7px 3%;
	background:#f7f7f7;
	border:1px solid #e3e3e3;
}
.scroll-div
{

    width:96%;
	margin:1% 2%;
    overflow-x: auto;
    white-space: nowrap;

}
.syllabus-list
{
	width:100%;
	float:left;
	list-style:none;
}
.syllabus-list li
{
	width:90%;
	float:left;
	list-style:none;
	margin:2% 3%;
	padding:4px 2%;
	background:#f7f7f7;
	border:1px solid #e3e3e3;
	border-radius:10px;
}
.gal-box
{
	width:43%;
	float:left;
	margin:10px 3%;
	background:#f7f7f7;
	border:1px solid #e3e3e3;
	border-radius:10px;
	padding:10px 0;
	text-align:center;
}
.gal-box1
{
	width:96%;
	float:left;
	margin:10px 1%;
	background:#f7f7f7;
	border:1px solid #e3e3e3;
	border-radius:10px;
	padding:4px 1%;
	text-align:center;
}
textarea {
  width: 96%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 10px;
  height:150px;
  padding:2%;
}

.test-box
{
	width:90%;
	float:left;
	padding:1% 2%;
	margin:2% 3%;
	border:1px solid #e3e3e3;
}
.test-block
{
	width:94%;
	float:left;
	padding:1% 2%;
	margin:2% 1%;
	border:1px solid #e3e3e3;
	background:#f7f7f7;
}
.test-box1
{
	width:90%;
	float:left;
	padding:1% 2%;
	margin:2% 3%;

	background:#f7f7f7;
}
.test-block ul
{
	width:98%;
	float:left;

	margin:1% ;
	list-style:none;

}
.test-block ul li
{
	width:92%;
	float:left;
	padding:1% 2%;
	margin:2% 0%;
	font-size:13px;
	background:#fff;
	position:relative;
	padding-left:25px;
}
.test-block input
{
	position:absolute;
	left:5px;
	top:5px;
	float:left;

	margin-right:5px;
}
.test-summary
{
	width:94%;
	float:left;
	padding:1% 2%;
	margin:2% 1%;

	background:#e3e3e3;
}
.timelinex {
  position: relative;
  margin-top: 55px;
   margin-left: 15px;
}
.timelinex:before {
  /* vertical line*/
  content: "";
  position: absolute;
  top: 10px;
  /* to align with midline*/
  left: 7px;
  width: 2px;
  height: 97%;
  background-color: #cad2d6;
}

.timeline__block {
  position: relative;
  margin-top: 42px;
  margin-bottom: 42px;
  padding-left: 15px;
}
.timeline__block:last-child {
  margin-bottom: 3em;
}
.timeline__block:after {
  content: "";
  display: table;
  clear: both;
}

.timeline__midpoint {
  position: absolute;
  top: 6px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: cadetblue;
}
.timeline__midpoint:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 15px;
  border-top: 1px solid #c5e1ec;
}

.timeline__content {
  position: relative;
  margin-left: 20px;
}
.timeline__content p + p {
  padding-top: 0;
}
.timeline__content:after {
  content: "";
  display: table;
  clear: both;
}

.timeline__midpoint--highlight > .timeline__year {
  display: none;
}

/* timeline typography */
.timeline__content .timeline__year {
  padding-top: 6px;
  color: cadetblue;
  text-align: left;
}

.timeline__midpoint--highlight .timeline__year {
  color: #fff;
  line-height: 4;
}

.timeline__year,
.timeline__midpoint--highlight + .timeline__content {
  font-weight: 600;
}

.timeline__content > p {
  font-size: 0.88em;
}


table {
	width: 100%;
	border-collapse: collapse;
	margin:50px auto;
	float:left;
	}
	table thead tr {
	background:#313131 !important;
	color:#fff;
	}
	table td {

	font-size:13px;
	text-align:center;
	}

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

th {
	background: #3498db;
	color: white;
	font-weight: bold;
	}

td, th {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 18px;
	}
		.cd-block
{
	text-align:center;
	margin:15px 3%;
	padding:5px 2%;
	width:39%;
	float:left;
	border:1px solid #e3e3e3;
	border-radius:10px;
}
.cd-block img
{
	height:70px;
}
#feature h2
{
  width:60%;
  float:left;
  text-align:left;
  font-size: 27px;
  margin:1% 5%;
}
#feature h3
{
  width:100%;
float:left;
  text-align:center;
  font-size: 30px;
color:#fff;
position: relative;
}

#feature h3::before{
  background: #fff;
background-position-x: 0%;
background-position-y: 0%;
background-position: center;
content: "";
display: block;
height: 2px;
margin: 0px auto;
width: 60%;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
top: 49px;
}
#feature h3::after {
  background: url(../img/dotted-red.png) no-repeat;
  background-position: center -2px;
  content: "";
  display: block;
  height: 30px;
  margin: 9px auto;
  position: relative;
  z-index: 123;
}
#feature p {
  width:70%;
  float:left;
  margin:1% 15%;
  color:#fff;
  font-size:18px;
  text-align: center;
}
#feature h2 span
{

  color:#92b61e;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
#footer ul
{
width:100%;
float:left;
list-style: none;
}
#footer ul li
{
width:100%;
float:left;
padding: 3% 0;
text-align: center;
color:#fff;
}
#footer ul li a
{
color:#fff;
text-decoration: none;

}
.loading
{
  position: fixed;
  left:0;
  top:0px;
  right:0px;
  bottom:0px;
  text-align: center;
  background: #e5eff1;
  z-index: 9999;
  padding: 20% 0;
}
.loading img
{

  height:100px;
}
.text-upper
{
    text-transform:uppercase;
}
/* timeline layout for desktop */
@media (max-width: 1068px) {
  .wrap-in {
   width:100% !important;
   float:left;
  }

.menu,.hide
{
    display:none !important;
}
.block-40,.block-30,marquee
{
     width:96% !important;
    float:left;
    margin: 1% 2% !important;
    text-align:center;
}
#feature h2 {
    width: 90% !important;
    float: left;
    text-align: left;
    font-size: 21px;
    margin: 1% 5%;
}
#feature a {
    width: 70% !important;
    float: left;
    text-align: center;
  
    margin: 1% 15% !important;
}
.box-pad-70 {
    width: 92% !important;
    margin: 1% 2% !important;
    padding: 1% 2% !important;
}
.block-50,.box-60{
    width: 90% !important;
    margin: 1% 5% !important;
}
.col-3
{
    width:96% !important;
    float:left;
    margin: 1% 2% !important;
    
}
.list-2 span
{
    font-size:12px !important;
}
.col-pad-3,.col-2,.col-pad-2 {
    width: 86% !important;
    float: left;
    margin: 1% 5% !important;
    padding: 1% 2% !important;
}
.col-4 {
    width: 90% !important;
    float: left;
     margin: 1% 5% !important;
}
.box-pad-80 {
    width: 94% !important;
    margin: 1% 1% !important;
    padding: 1% 2% !important;
}
.box-70 {
    width: 90% !important;
    margin: 1% 5% !important;
}
.activity .list {
    width: 94%;
    float: left;
    margin: 2% 3%;
    list-style: none;
}
}

.mobile-menu {
  display:block;
  width:100%;
background: #d21212/*e0b88f/*c99393/*e5d1a4/*dcc591/*EFD3A3*/;
line-height: 1.6em;
font-weight: 400;
width:100%;
text-align:center;
	position: relative;
  margin:0 auto;
  float:left;
}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
	list-style-type:none;
  margin: 0 auto;
  padding-left:0;
  text-align:center;
  width:100%;
  position: absolute;
  background: #8aa8bd;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
	display:inline-block;
	/*float: left;
	margin-right: 1px;*/
}

/*Style for menu links*/
.mobile-menu li a {
	display:block;
	min-width:140px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
  text-transform:uppercase;
	background: #8aa8bd;
	text-decoration: none;
  margin-left:-5px;
  padding: 10px 0;  
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
	color: #4db3ff;
  background-color:#ccddee;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
	color: #4db3ff;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
	text-decoration: none;
	color: #fff;
	background: #d21212;
	text-align: center;
	padding: 10px 15px;
	display: none;
  cursor: pointer;
  text-transform: uppercase;
}

.mobile-menu .show-menu span{
   padding-left: 25px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width : 1068px){
    .mobile-menu {
    
        display:block !important;
    }
  .mobile-menu .lines {
    border-bottom: 15px double #f8f8f8; 
    border-top: 5px solid #f8f8f8; 
    content:"";
    height: 5px; 
    width:20px;
    padding-right:15px;
  float: right;
}
	/*Make dropdown links appear inline*/
	.mobile-menu ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.mobile-menu li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.mobile-menu ul li, .mobile-menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.mobile-menu .show-menu {
		display:block;
	}
}


.slider {

  width:100%;
  float:left;
}

.slide_viewer {

 width:100%;
  float:left;
  position: relative;
}

.slide_group {
 height: auto;
  position: relative;
  width: 100%;
  float:left;
}

.slide {
  display: none;
  height: auto;
 position:relative;
 
  width: 100%;
}

.slide:first-child {
  display: block;
}

.slide:nth-of-type(1) {
  background: #D7A151;
}

.slide:nth-of-type(2) {
  background: #F4E4CD;
}

.slide:nth-of-type(3) {
  background: #C75534;
}

.slide:nth-of-type(4) {
  background: #D1D1D4;
}

.slide_buttons {