*{margin:0 auto 0;}

html,body
{
	font-family:'Roboto-Regular';
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body
{
	font-size:14px;
	background:#fff;
}

body a,.cat-grid ul li:hover,.cat-grid ul li,input[type="submit"],input[type="submit"]:hover
{
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
	text-decoration:none;
	outline:none;
}

header,#hbottom,#cc-slider,#cc-middle,#footer
{
	background:#fff;
	clear:both;
	display:table;
	width:100%;
}

.container
{
	max-width:1170px;
}
/*=== START CC SCHOOL ===*/
header
{	
	border-bottom:1px solid #f2f2f2;
}

/*hbottom*/
#hbottom
{
	display:table;
	padding:15px 0px;
}

.header
{
	background:#202020;
	padding:0.8em 0;
	position:relative;
}

.logo
{
	float:left;
}

.logo img
{
	height:119px;
	width:350px;
}

.hrigh
{
	display:block;
}

.top-nav ul li
{
	background:url(../images/nav-bg.jpg) repeat-x;
	border-radius:7px;
	font-family:'Roboto-Regular';
	font-size:14px;
	text-transform:uppercase;
	padding:11px 15px;
	transition:0.5s;
	margin-right:11px;
}

.top-nav ul li:last-child
{
	margin-right:0;
}

.top-nav ul li a
{
	color:#fff;
}

.top-nav ul li:hover,
.top-nav ul li.active
{
	background:url(../images/nav-hover.jpg) repeat-x;
	transition:0.5s;
}

/* top-nav */
.top-nav:before,
.top-nav:after 
{
    content:" ";
    display:table;
}

.top-nav:after 
{
    clear:both;
}

nav 
{
	position:relative;
	float:right;
}

nav ul 
{
	padding:0;
	float:right;
	margin:0.75em 0 0;
}

nav li 
{
	display:inline;
	float:left;
	position:relative;
}

nav a 
{
	color:#fff;
	display:inline-block;
	text-align:center;
	text-decoration:none;
}

nav a:hover
{
	text-decoration:none;
	color:#00A2C1;
}

nav a#pull 
{
	display:none;
}
/*===MIDDLE===*/
#cc-middle
{
	display:block;
}

.inactivety
{
	background:#fff;
	display:table;
	padding-bottom:50px;
	width:100%;
}

.cat-grid
{
	margin-top:-55px;
	position:relative;
	width:100%;
	z-index:1;
}

.cat-grid ul li
{
	cursor:pointer;
	float:left;
	font-family:'Raleway-Regular';
	font-size:2em;
	padding:25px 0px;
	text-align:center;
	width:25%;
}

.news{background:#74cee4 url(../images/news.jpg) no-repeat bottom left; border-bottom:4px solid #71c5d9; border-radius:3px 0px 0px 3px;}
.event{background:#edbf47 url(../images/event.jpg) no-repeat bottom left; border-bottom:4px solid #e0b951;}
.facility{background:#ec774b url(../images/facility.jpg) no-repeat bottom left; border-bottom:4px solid #df764e;}
.teachers{background:#6fc191 url(../images/teacher.jpg) no-repeat bottom left; border-bottom:4px solid #6ab78a; border-radius:0px 3px 3px 0px;}

.cat-grid ul li a
{
	color:#fff;
}

.cat-grid ul li:hover a
{
	color:#000;
}

.cat-grid ul li:hover
{
	background-position:bottom right;
}

/*activity*/
.headline
{
	margin-bottom:15px;
}

.activity
{
	clear:both;
	padding:25px 0px;
	position:relative;
	display:table;
	width:100%;
}

.line
{
	background:#53a800;
	display:table;
	height:3px;
	margin:0;
	width:10%;
}

.acgrid
{
	float:left;
	margin-top:85px;
	text-align:center;
	width:25%;
}

.acgrid .small
{
	height:255px;
	background:#F4F4F3;
}

.small
{
	background:#fff;
	margin:0 0;
	padding-bottom:15px;
	width:95%;
}

.acgrid img
{
	border-radius:50%;
	border:5px solid #fff;
	height:164px;
	margin:-75px auto 15px;
	width:175px;
}

.acgrid h5
{
	padding-bottom:10px;
}

.acgrid p
{
	color:#606060;
	font-size:13px;
	line-height:23px;
	font-weight:500;
}

a.button
{
	background-color:#edbf47;
	background:-moz-linear-gradient(top, #edbf47, #f38e2e);/*Firefox*/
	background:-webkit-gradient(linear, left top, left bottom, from(#edbf47),to(#f38e2e));/*Safari and Chrome*/
	filter:progid:DXImageTransfrom.Microsoft.gradient(startColorstr='#edbf47', endColorstr='#f38e2e');
	border-radius:30px;
	border:5px solid #fff;
	color:#fff;
	display:table;
	font-size:16px;
	font-family:'Raleway-Regular';
	padding:5px 20px;
	margin-top:25px;
	float:right;
}

a.button:hover
{
	background-color:#555;
	background:-moz-linear-gradient(top, #555, #000);/*Firefox*/
	background:-webkit-gradient(linear, left top, left bottom, from(#555),to(#000));/*Safari and Chrome*/
	filter:progid:DXImageTransfrom.Microsoft.gradient(startColorstr='#555', endColorstr='#000');
}

/*wop*/
.wop
{
	background:white;
	padding:20px 0px;
}

.wop .small,#footer .small
{
	height:auto;
}

span.line2
{
	width:35%; 
	height:1px; 
	background:#d9d9d9; 
	display:table; 
	position:relative; 
	margin:15px auto 20px;
}

span.round
{
	width:7px; 
	height:7px; 
	background:#d9d9d9; 
	position:absolute; 
	border-radius:50%; 
	margin-top:-3px; 
	margin-left:46%;
}

span.sub-round
{
	width:10px; 
	height:10px; 
	margin-top:-2px; 
	background:#f2b004; 
	position:absolute; 
	border-radius:50%; 
	margin-left:9px;
}

span.sub-ul-round
{
	width:7px; 
	height:7px; 
	background:#d9d9d9; 
	position:absolute; 
	border-radius:50%; 
	margin-left:12px; 
	margin-top:2px;
}

.welcome p
{
	color:#6c6c6c;
	font-family:'Raleway-Medium';
	font-size:14px;
	line-height:33px;
	text-align:center;
}

/*our-pri*/
.our-pri
{
	clear:both;
	padding:20px 0px;
}

.ournews,.message
{
	float:left;
	width:50%;
}

.message
{
	margin-bottom:25px;
}
.message .small{
	width:95%;
	display:table;
	margin-top:5px;}

.ournews h3,.message h3
{
	text-transform:uppercase;
}

.ournews .line,.message .line
{
	background:#edb10e;
	width:20%;
}

/*===NEWS GALLERY===*/
#flexiselDemo1 
{
	display:none;
}

.nbs-flexisel-container 
{
	position:relative;
	max-width:100%;
}

.nbs-flexisel-ul 
{
	position:relative;
	width:9999px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.nbs-flexisel-inner 
{
	overflow:hidden;
	width:100%;
	margin:20px auto 0px;
}

.nbs-flexisel-item 
{
	float:left;
	margin:0;
	padding:0px;
	cursor:pointer;
	position:relative;
	line-height:0px;
}

.nbs-flexisel-item > img 
{
	cursor:pointer;
	position:relative;
}

/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right 
{
	width:40px;
	height:60px;
	position:absolute;
	cursor:pointer;
	z-index:100;
	display:none;
}

.nbs-flexisel-nav-left 
{
	left:0px;
	background:url(../images/12.png) no-repeat 0px 0px;
}

.nbs-flexisel-nav-right 
{
	right:0px;
	background:url(../images/13.png) no-repeat 0px 0px;
}

/*--flexisel--*/
.team-grid
{
	background:#f38e2e;
	border-radius:5px;
	margin:0 4px;
	height:100%;
	padding:0px 0px 10px 0px;
	overflow:hidden;
}

#flexiselDemo1 li:nth-child(3) > .team-grid
{
	background:#97c23d;
}

.team-grid h3
{
	color:#fff;
	margin:13px 0 4px;
	font-size:14px;
	font-family:'Raleway-Medium';
	margin-left:10px;
	text-transform:uppercase;
}

.team-grid p
{
	color:#fff;
	margin:0 0 0px 0;
	font-size:13px;
	text-align:left;
	font-family:'OpenSans-Regular';
	line-height:23px;
	padding:0px 10px;
	height:75px;
	overflow:hidden;
}

.team-grid img 
{
	width:100%;
	height:168px;
}

/*message*/
.pri-img,.pri-msg
{
	float:left;
	margin-right:25px;
	width:20%;
}

.pri-img img
{
	border:1px solid #e9e9e9;
	padding:3px;
	height:110px;
	width:110px;
}

.pri-img h3
{
	color:#6fc191;
	font-size:12px;
	text-transform:uppercase;
}

.pri-msg
{
	margin-right:0px;
	width:70%;
}

.pri-msg p
{
	color:#afafaf;
	font-family:'Raleway-Medium';
	font-size:14px;
	line-height:25px;
	height:122px;
	text-align:justify;
	overflow:hidden;
}

/*===START FOOTER===*/
#footer
{
	background:#442873;
	color:#fff;
	padding:15px 0px;
	display:table;
}

.grid-01,.grid-02,.grid-03
{
	float:left;
	width:28%;
}

.grid-02
{
	width:32%;
}

.grid-03
{
	width:40%;
}

#footer h4
{
	color:#e9e9e9;
	font-size:14px;
	text-transform:uppercase;
}


#footer .line
{
	background:#666;
	height:1px;
	margin-bottom:10px;
}

#footer p
{
	color:#dedede;
	margin-bottom:15px;
	font-size:13px;
}

#footer .small
{
	background:none;
	width:92%;
}

.fcon li
{
	background:url(../images/fphone.png) no-repeat;
	border-bottom:1px solid #5a3a8e;
	color:#dedede;
	font-size:13px;
	padding:0px 0px 10px 20px;
	margin-bottom:10px;
}

.fnav li
{
	float:left;
	list-style:circle inside;
	line-height:30px;
	width:50%;
}

.fnav li a
{
	color:#dedede;
}

.fnav li a:hover
{	
	color:#bd0004;
}

/*form*/
#footer input[type="text"],textarea
{
	color:#aaa;
	background:#ccc;
	border:1px solid #eee;
	padding:8px 5px;
	width:45%;
	margin-right:5px;
	font-size:13px;
	font-family:'Roboto-Regular';
	margin-bottom:5px;
}

#footer input[type="text"],#footer textarea
{
	background:#391d69;
	border:1px solid #694d98;
	color:#fff;
}

textarea
{
	width:95%;
	font-size:13px;
	height:100px;
}

input[type="submit"]
{
	background:#5fbf01;
	border-width:0px 0px 4px 0px;
	color:#fff;
	cursor:pointer;
	font-size:13px;
	padding:10px 15px;
}

#footer input[type="submit"]:hover
{
	background:#301165;
	border-bottom:#f08721 4px solid;
}

#footer input[type="submit"]
{
	background:#f08721;
	border-bottom:#301165 4px solid;
}

.ftop
{
	display:table;
	padding:0px 0px 15px;
}

.fbottom
{
	border-top:1px solid #5a3a8e;
	padding:10px 0px 0px;
}

.fbottom li
{
	float:left;
	color:#ccc;
	font-size:13px;
}

.fbottom li a
{
	color:#ccc;
}

.fbottom li a:hover
{
	color:#fff;
}

.fbottom li:last-child
{
	float:right;
}

/*===INNER PAGES===*/
#inner #slider2
{
	background:url(../images/inner.jpg) no-repeat;
	background-size:100% 100%;
	padding:25px 0px;
}

#slider2 h1
{
	color:#fff;
	font-family:'Raleway-Medium';
	font-size:30px;
	text-align:left;
}

#slider2 h1 span
{
	color:#fff;
}


#inner #cc-middle
{
	display:table;
	padding:25px 0px;
}

/*left*/
.left,.right
{
	float:left;
	width:30%;
}

.left
{
	width:60%;
}

.left img
{
	width:100%;
}

.right h2,.right h5
{
	color:#53a800;
	font-size:20px;
	font-family:'Roboto-Regular';
	border-bottom:1px solid #e2e2e2;
	letter-spacing:0.8px;
	margin-bottom:10px;
	padding-bottom:10px;
	text-transform:none;
}

.right h5
{
	border:none;
	font-size:15px;
	text-transform:none;
}

.con
{
	color:#777;
	font-size:14px;
}

.con b
{
	color:#777;
	clear:both;
	display:table;
	font-size:16px;
	margin:0px 0 0px;
}

.con li
{
	line-height:25px;
	margin-bottom:10px;
}

/*inner-facility*/
.inner-facility
{
	float:left;
	width:33.33%;
}

#inner .acgrid .small
{
	background:#f5f5f5;
	margin-bottom:35px;
}

#inner .acgrid img
{
	border:5px solid #fff;
}

#inner a.button
{
	border:5px solid #fff;
}

/*************/
.other-menu
{
	float:right;
	padding:10px;
	position:relative;
	z-index:1;
}

.other-menu li
{
	color:#606060;
	float:left;
	margin-right:15px;
	text-transform:uppercase;
}

.other-menu li a
{
	color:#606060;
}

.login,
.events,
.newsi,
.phone
{
	display:table;
	height:20px;
	float:left;
}

.login{background:url(../images/lock.png) no-repeat center 0; width:22px;}.events{background:url(../images/event.png) no-repeat 0; width:22px;}.newsi{background:url(../images/news.png) no-repeat 0; width:25px;}.phone{background:url(../images/phone.png) no-repeat 0; width:20px;}

/**/
#registration
{
	position:fixed;
	top:70%;
	z-index:1;
	right:20px;
}