@charset "utf-8";
@font-face {
	font-family: 'Roboto';
	src: url('fonts/robot.eot');
	src: local('☺'), url('fonts/robot.woff') format('woff'), url('fonts/robot.ttf') format('truetype'), url('fonts/robot.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{margin:0px; color:#161616; font-family: 'Roboto', sans-serif; line-height:25px; background:url(bg.html) left top repeat;}
.wrapper{width:1200px; margin:0 auto; height:auto; overflow:hidden;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0px; padding:0px;}
a{-moz-transition: all 0.3s ease-out;	-o-transition: all 0.3s ease-out;	-khtml-transition: all 0.3s ease-out;	-ms-transition: all 0.3s ease-out;	-webkit-transition: all 0.3s ease-out; text-decoration:none;}
.blrow{clear:both;border-bottom:#ccc inset 1px;}
.left{float:left;}
.fix{clear:both;}
.right{float:right;}
.clm50{width:50%;}
.clm60{width:60%;}
.clm40{width:40%;}
.clm45{width:45%;}
.clm900{width:900px; margin:0 auto;}
.clm800{width:800px; margin:0 auto;}
.clm700{width:700px; margin:0 auto;}
.clm1000{width:1000px; margin:0 auto;}
.clm400_2{width:400px;}
.clm400{width:400px; margin:0 auto;}
.clm200{width:200px; margin:0 auto;}
.uc{height:auto; width:100%; border-top:none; }
.uc img{width:100%; height:auto;}
.pgtitle{text-align:left; background:#C8EBFA; color:#3D4094; font-size:25px; line-height:30px; padding-left:8px;}
.pgtitle i{font-size:30px; color:#FF7F27; margin-right:10px; margin-top:4px;}

/**************headings***************/
.head1{width:100%;}
.head1 h1 {position: relative;text-align:center; font-size:16px;}
.head1 h1 span {background:#FFC90E;padding:0 20px;position: relative;z-index: 1;}
.head1 h1:before {background:#FFC90E;content: "";display: block;height: 1px;position: absolute;top: 50%;width:100%;}
.head1 h1:before { left: 0;}

.head2{width:100%;}
.head2 h1 {position: relative;text-align:center; font-size:1px;}
.head2 h1 span {background:#FF7F27;padding:2px 20px;position: relative;z-index: 1; color:#FF7F27;}
.head2 h1:before {background:#fff;content: "";display: block;height:2px;position: absolute;top: 50%;width:100%;}
.head2 h1:before { left: 0;}

.head3{width:300px;}
.head3 h1 {position:relative;text-align:left; font-size:1px; padding-left:10px;}
.head3 h1 span {background:#3D4094;padding:2px 20px;position: relative;z-index: 1; color:#FF7F27;}
.head3 h1:before {background:#3D4094;content: "";display: block;height: 1px;position: absolute;top: 50%;width:100%;}
.head3 h1:before { left: 0;}

.head4{width:300px;}
.head4 h1 {position:relative;text-align:left; font-size:1px; padding-left:10px;}
.head4 h1 span {background:#FF7F27;padding:2px 20px;position: relative;z-index: 1; color:#FF7F27;}
.head4 h1:before {background:#3D4094;content: "";display: block;height: 1px;position: absolute;top: 50%;width:100%;}
.head4 h1:before { left: 0;}

.head5{width:300px;}
.head5 h1 {position:relative;text-align:left; font-size:1px; padding-left:0px;}
.head5 h1 span {background:#FF7F27;padding:2px 20px;position: relative;z-index: 1; color:#FF7F27; font-size:1px !important;}
.head5 h1:before {background:#3D4094;content: "";display: block;height: 1px;position: absolute;top: 50%;width:100%;}
.head5 h1:before { left: 0;}
/**************headings***************/

/**************Table**************/
.frmtable {border-collapse:collapse; border-spacing:0; width:100%; border-color:#ccc; border-style:solid; border-width:1pt;}
.frmtable th{vertical-align:top; text-align:left; background:#F2F2F2; font-weight:bold; line-height:45px; padding-left:5px;}
.frmtable td{vertical-align:top; text-align:left; line-height:45px; padding-left:5px;}
.frmtable td a{padding:0 10px;}
/**************Table**************/

/****************header*****************/
.header{height:120px; background:url(header-bg.png) right center no-repeat; width:100%; border-top:#FF7F27 solid 10px;}
.header .main{margin:0 auto; width:1200px;}
.header .logo{width:120px; height:120px; float:left;}
.header .logo .logimg{float:left;}
.header .logo .logimg img{width:110px; background:#fff; height:auto; margin-top:5px;}
.header .logo .mobnavbtn{display:none; float:right;}
.header .name{width:450px; float:left; height:120px; margin-left:10px;}
.header .name img{width:100%; height:auto; margin-top:15px;}

.header .widget{width:450px; float:right; height:120px;}
.affl{width:100%;}
.affl li{width:30%; float:left; text-align:center; list-style-type:none; color:#fff; padding-top:5px; font-size:20px;}
.affl li span{font-size:25px; line-height:40px; font-weight:bold;}
.affl .corner{background:#FF7F27; color:#fff; padding-top:0px; padding-bottom:5px; border-radius:0px 0px 5px 5px;}
.affl .corner a{display:block; color:#fff;}
.affl .corner a img{width:100%;}

.phone{width:350px; background:#fff; border-radius:4px; height:30px;  margin:0 auto; line-height:30px;}
.phone li{float:left; list-style-type:none; color:#000; font-size:17px;}
.phone li i{font-size:20px; margin-right:10px; color:#3D4094; margin-left:10px;}



/****************header*****************/


/****************menu bar*****************/
.navbar{width:100%; background:#FF7F27; height:45px; z-index:1; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px;}
.sticky {position: fixed;top: 0;width: 100%;}
.sticky + .content {padding-top:100px;}

nav {height:45px; width:1180px; margin:0 auto; }
nav ul {font-size:0; margin:0; padding:0;}
nav ul li {display:inline-block;  position:relative;}
nav ul li a {color:#fff;  display:block;  font-size:19px;  padding:0px 17px; line-height:45px; border-right:#3D4094 solid 1px;}
nav ul li a i{font-size:13px;}
nav ul li:hover {background:#3D4094; color:#fff;}
nav ul li:hover a{color:#FFF;}


nav ul li ul {border-bottom:5px solid #FF7F27;  display: none;  position:absolute;  width:250px; z-index:9999; margin-bottom:0px;}
nav ul li ul li {border-top: 1px solid #444;  display: block;}
nav ul li ul li:first-child {border-top: none; }
nav ul li ul li a {background:#3D4094; color:#ababab !important;  display: block;  padding:0px 14px; border-radius:0px;}
nav ul li ul li a:hover {color:#fff !important;}
nav ul li ul li a i{margin-right:10px;}
nav .fa.fa-angle-down {margin-left: 6px; }
/****************menu bar*****************/


/**********inner pages 2************/
.innerpage{height:auto; overflow:hidden; margin-bottom:20px; background:#FFF; width:1100px; margin:0 auto;}
.innerpage .title{background:url(pgheader.png) left top no-repeat; height:42px; font-size:20px; color:#fff; font-style:italic; line-height:37px; padding-left:5px; box-sizing:border-box;}

.innerpage .content{height:auto; overflow:hidden;padding:20px 10px; box-sizing:border-box;}
.innerpage .content h1{background:#C8EBFA; color:#3D4094; font-size:30px; line-height:30px; padding-left:8px; padding-top:4px;}
.innerpage .content p{text-align:justify; padding:10px;}
.innerpage .content p .abtimg{float:left; width:140px; height:150px; margin-right:10px; margin-bottom:10px;}
.innerpage .content p right{float:right; text-align:center; font-size:25px; color:#FF7F27; padding-top:25px;}
.innerpage .content div{border:none;}

.innerpage .content .uc{width:800px; margin:0 auto;}
.innerpage .content uc img{width:100%; height:auto;}

.innerpage .content .list1{}
.innerpage .content .list1 li{background:url(marker_1.gif) 0 2px no-repeat;padding-left:48px; float:left; width:100%; list-style-type:none; line-height:35px;}

.innerpage .content .list2{}
.innerpage .content .list2 li{background:url(marker_1.gif) 0 -38px no-repeat;padding-left:48px; float:left; width:100%; list-style-type:none; line-height:35px;}


/**********inner pages 2************/

/************contact us***************/
.reach{padding:0px; height:auto; border:#FF7F27 solid 1px;}

.contact{width:100%; border-bottom:none;}
.contact .cl1{width:45%; border:none;}
.contact .cl2{width:50%; border:none;}
/************contact us***************/

/********input form*************/
.inputform{width:100%; margin:0px; color:#666666;}
.inputform li{list-style-type:none; width:100%;}
.inputform li .valid{color:#F99121; font-size:12px;}
.inputform li .input{width:100%; box-sizing:border-box; background:#fff; transition:all 800ms; border-radius:3px; font-family: 'Ropa Sans', sans-serif; border:solid 1px #ccc;  outline:none; color:#999; height:40px; line-height:40px; display:block; font-size:16px; overflow:hidden; padding-left:10px;}
.inputform li .inputmulti{width:100%; box-sizing:border-box; background:#fff; transition:all 800ms; border-radius:3px; font-family: 'Ropa Sans', sans-serif; border:solid 1px #ccc;  outline:none; color:#999; line-height:40px; display:block; font-size:16px; overflow:hidden; padding-left:10px; height::100px;}
  
.inputform li .input:focus:valid{border-color:green}
.inputform li .inputmulti:focus:valid{border-color:green}
.inputform li .captcha{float:left; cursor:pointer; border:#CCC solid 1px; color:#00ADEF; height:40px; line-height:40px; display:block; font-size:25px; letter-spacing:2px;}

.inputform li .btn{background:#AC1241;background: -moz-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#AC1241),color-stop(100%,#FF7F27));background: -webkit-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: -o-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: -ms-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: linear-gradient(top,#AC1241 0%,#FF7F27 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#AC1241',endColorstr='#FF7F27',GradientType=0);padding:5px 13px;color:#fff;	font-family:'Helvetica Neue',sans-serif;font-size:17px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;	border:1px solid #1A87B9; cursor:pointer;}    

.button2{background:#AC1241;background: -moz-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#AC1241),color-stop(100%,#FF7F27));background: -webkit-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: -o-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: -ms-linear-gradient(top,#AC1241 0%,#FF7F27 100%);background: linear-gradient(top,#AC1241 0%,#FF7F27 100%);filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#AC1241',endColorstr='#FF7F27',GradientType=0);padding:5px 13px;color:#fff;	font-family:'Helvetica Neue',sans-serif;font-size:17px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;	border:1px solid #1A87B9; cursor:pointer;}  
/********input form*************/


/***********gallery*****************/
.glcontainer{width:800PX; margin:0 auto; height:auto; overflow:hidden; }
/***********gallery*****************/




/********banner wrapper************/
.banwrap{width:100%; height:520px; background:#EDFAFB url(banback.png) left bottom repeat-x;}
.banwrap .main{width:1200px; margin:0 auto;}
/********banner wrapper************/


/**********news panel******************/
.newspan{height:490px; width:350px; float:left; background:#3D4094; margin-top:30px;}
.newspan .title{text-align:center; color:#fff; font-size:30px; padding-top:15px; padding-bottom:5px; text-transform:uppercase; font-weight:bold; width:230px; margin:0 auto;}
.newspan  .newscroll{height:370px;}
.newspan  .newscroll li{list-style-type:none; padding-left:10px; box-sizing:border-box;}
.newspan  .newscroll li a{display:block; color:#fff; text-decoration:none;}
.newspan  .newscroll li a span{color:#ababab;}
.newspan  .newscroll li a span i{color:#fff; font-size:18px; margin-right:10px;}
.newspan  .newscroll li a .dsize{font-size:13px;}

.newsfooter{text-align:center;}
.newsfooter a{background:#FF7F27; color:#fff; padding:4px 18px; line-height:35px;}
.newsfooter a:hover{background:#F36A0D;}

.scrollbar{width:100%;height:auto;overflow-y:scroll;}
#ex4::-webkit-scrollbar{width:5px;background-color:#3D4094;}
#ex4::-webkit-scrollbar-thumb{background-color:#FF7F27;}
#ex4::-webkit-scrollbar-track{}
/**********news panel******************/


/************swakshata pakhwara********************/
.swachhata {width:1200px; margin:0 auto; background:#085820;}
.swachhata .thought{height:54px;}
.swachhata .thought .hd{float:left; height:54px; font-style:italic;  color:#fff; font-size:19px; line-height:40px; padding:5px 10px; margin-right:10px; box-sizing:border-box; border-right:#fff solid 1px;}
.swachhata .thought .quots{line-height:26px; font-style:italic; padding:0 5px; font-size:14px;}

/************swakshata pakhwara********************/

/********banner************/

.banner{width:850px; float:left; height:500px;}

.banner .thought{height:54px;}
.banner .thought .hd{float:left; height:54px; font-style:italic; background:#3D4094; color:#fff; font-size:19px; line-height:40px; padding:5px 10px; margin-right:10px; box-sizing:border-box;}
.banner .thought .quots{line-height:26px; font-style:italic; padding:0 5px; font-size:18px;}

.banner .slide{height:449px;}
/********banner************/

/********welcome home page************/
.welcome{width:100%; background:#EDFAFB; height:400px; overflow:hidden; box-sizing:border-box; }
.welcome .main{width:1200px; margin:0 auto; height:auto; overflow:hidden;}

.welcome .home{width:800px; float:right; height:auto; overflow:hidden;}
.welcome .home .title{width:100%; text-align:left; color:#000; font-size:30px; padding-top:35px; padding-bottom:15px;font-weight:bold;}
.welcome .corner{float:right; text-align:center;}
.welcome .home p{margin:0px; padding:0px; text-align:justify; padding:0 10px;}
.welcome .home p a{color:#FF7F27;}

.welcome .home .counter{width:100%; margin-top:40px;}
.welcome .home .counter li{list-style-type:none; font-size:40px; color:#3D4094; float:left; margin-left:50px; line-height:40px;}
.welcome .home .counter li span{font-size:22px; color:#000; padding-left:5px;}

/********welcome home page************/

/********event calender************/
.events{height:auto; width:350px; float:left; background:#3D4094; margin-top:10px; overflow:hidden; padding-bottom:10px;}
.events .title{text-align:center; color:#fff; font-size:30px; padding-top:15px; padding-bottom:5px; text-transform:uppercase; font-weight:bold; width:230px; margin:0 auto;}
.events .calender{width:300px; margin:0 auto;}
/********event calender************/

/***********principle message*******************/
.principle{width:100%; height:400px; background:url(principlemessage.jpg) left center repeat-x; margin:0px;}
.principle .main{width:1200px; margin:0 auto; height:300px;}
.principle .main .photo{width:300px; height:400px; float:right; background:#fff; border-radius:60%; text-align:center;}
.principle .main .photo img{width:210px; height:auto; text-align:center; margin-top:60px;}
.principle .main .message{width:750px; height:300px; float:left; margin-top:70px;}
.principle .main .message .title{text-align:left; color:#1F2490; font-size:30px; padding-top:15px; padding-bottom:5px; font-weight:bold; font-style:italic;}
.principle .main .message p{margin:0px; padding:0px; padding-top:8px; padding-left:15px; font-style:italic; line-height:30px; font-size:17px; color:#000; line-height:25px;}
.principle .main .message p a{margin-left:10px; font-weight:bold; color:#FF7F27;}
/***********principle message*******************/


/********bottom blocks****************/
.botrow{width:100%; height:400px; margin-bottom:20px;}
.botrow .main{width:1200px; margin:0 auto; height:400px;}

.block{height:300px; width:350px; float:left; background:#fff; margin-left:40px;}
.block .title{text-align:left; background:#C8EBFA; color:#3D4094; font-size:25px; line-height:30px; padding-left:8px;}
.block .title i{font-size:30px; color:#FF7F27; margin-right:10px; margin-top:4px;}

.slide_nav{float:right; margin-right:10px;}
.slide_nav a{cursor:pointer; float:left; line-height:25px; background:#3D4094; color:#fff !important; text-align:center; display:block; margin-left:5px; padding:0px 10px; margin-top:10px;}
.slide_nav a i{color:#fff !important; font-size:25px; margin-top:0px !important; margin-right:0px !important;}
.slide_nav a:hover{background:#3D7294;}

.bottombtn{width:120px; margin:0 auto; border-top:#999 solid 1px; margin-top:10px; text-align:center;}
.bottombtn a{background:#EDFBF7; color:#000; width:80px; line-height:30px; display:block; margin:0 auto;}
.bottombtn a:hover{background:#3D4094; color:#fff;}

/********bottom blocks****************/


/*******student birthday****************/
.birthday{height:auto; width:100%; overflow:hidden; padding-top:10px; min-height:235px;}
.achiv{background:none;}
.birthday .slide_contain{width:100%; margin:0 auto; height:auto; overflow:hidden; }
.bdbg{}
.birthday .slide{width:100%; height:auto; text-align:center; color:#000;}
.birthday .slide img{width:140px; height:160px; border:#3D4094 solid 1px; box-sizing:border-box; background:url(blank.png) left bottom no-repeat; background-size:cover;}
.birthday .slide .name{width:100%; margin:0px; padding:0px; text-align:center; font-size:17px; font-weight:bold; text-transform:uppercase; color:#3D4094;}
.birthday .slide .class{width:100%; text-align:center; margin:0px; padding:0px;}
.birthday .slide .date{width:100%; text-align:center; margin:0px; padding:0px;}
.birthday .fade {-webkit-animation-name: fade; -webkit-animation-duration: 2.0s; animation-name: fade;animation-duration: 2.0s;}
@-webkit-keyframes fade {  from {opacity: .4}   to {opacity: 1}}
@keyframes fade {  from {opacity: .4}   to {opacity: 1}}
/********bottom blocks****************/

/***********birthday page**************/
.bdlist{width:100%; margin:20px 0px;}
.bdlist .card{width:200px; height:auto; text-align:center; color:#000; float:left; margin-left:20px; margin-top:20px;}
.bdlist .card img{width:140px; height:160px; border:#3D4094 solid 1px; box-sizing:border-box; background:url(blank.png) left top no-repeat; background-size:cover;}
.bdlist .card .name{width:100%; margin:0px; padding:0px; text-align:center; font-size:17px; font-weight:bold; text-transform:uppercase; color:#3D4094;}
.bdlist .card .class{width:100%; text-align:center; margin:0px; padding:0px;}
.bdlist .card .date{width:100%; text-align:center; margin:0px; padding:0px;}
/***********birthday page**************/


/*******activities****************/
.activities{height:auto; width:100%; overflow:hidden; padding-top:10px;}
.activities .slide_contain{width:100%; margin:0 auto; height:auto; overflow:hidden;}
.activities .slide{width:100%; height:auto; text-align:center; color:#000;}
.activities .slide img{width:100%; height:186px; border:#3D4094 solid 1px; box-sizing:border-box; background:url(blank.png) left top no-repeat; background-size:cover;}
.activities .slide .name{width:100%; margin:0px; padding:0px; text-align:center; font-size:17px; font-weight:bold; text-transform:uppercase; color:#3D4094;}
.activities .slide .class{width:100%; text-align:center; margin:0px; padding:0px;}
.activities .slide .date{width:100%; text-align:center; margin:0px; padding:0px;}
.activities .fade {-webkit-animation-name: fade; -webkit-animation-duration: 2.0s; animation-name: fade;animation-duration: 2.0s;}
@-webkit-keyframes fade {  from {opacity: .4}   to {opacity: 1}}
@keyframes fade {  from {opacity: .4}   to {opacity: 1}}
/********activities****************/


/***********achievement page**************/
.aclist{width:100%; margin:20px 0px;}
.aclist .card{width:200px; height:auto; text-align:center; color:#000; float:left; margin-left:20px; margin-top:20px;}
.aclist .card img{width:140px; height:160px; border:#3D4094 solid 1px; box-sizing:border-box; background:url(blank.png) left top no-repeat; background-size:cover;}
.aclist .card .name{width:100%; margin:0px; padding:0px; text-align:center; font-size:17px; font-weight:bold; text-transform:uppercase; color:#3D4094;}
.aclist .card .class{width:100%; text-align:center; margin:0px; padding:0px;}
.aclist .card .date{width:100%; text-align:center; margin:0px; padding:0px;}
/***********achievement page**************/


/******photo album************/
.albbox{width:220px; float:left; margin-left:25px; margin-bottom:20px; height:300px; background:#EDFAFB; border:#ccc solid 1px; padding:10px 0px; border-radius:4px; display:block;}
.albbox:hover{box-shadow: 0 0 8px rgba(102,175,233,.6);}
.albbox a{color:#000;}
.albbox img{width:90%; height:150px; background:url(blank.png) left top no-repeat; background-size:cover; border:#3D4094 solid 1px;}
.albname{padding-left:10px; font-size:17px; font-weight:bold; color:#3D4094;}
.photos{padding-left:10px; font-weight:400;}
.date{padding-left:10px; font-weight:400;}
.gallpage{width:1000px; margin:0 auto; height:auto; overflow:hidden;}
.gallpage .back{width:100%; text-align:right;}
.gallpage .back a{font-size:20px; background:#3D4094; color:#fff; width:200px;}
.gallpage .back a i{ margin:0 5px;}

.latestgallery{width:1200px; margin:0 auto; height:auto;}
.latestgallery .alb{width:800px; float:left;}
.latestgallery .alb .slide_nav{float:right; margin-right:10px;}
.latestgallery .alb .slide_nav a{cursor:pointer; float:left; line-height:25px; background:#3D4094; color:#fff !important; text-align:center; display:block; margin-left:5px; padding:5px 10px; margin-top:10px;}
.latestgallery .alb .slide_nav a i{color:#fff !important; font-size:25px; margin-top:0px !important; margin-right:0px !important; margin-right:10px !important;}
.latestgallery .alb .slide_nav a:hover{background:#3D7294;}

/********facebook************/
.facebook{height:auto; width:320px; float:right; overflow:hidden;}
.facebook .fbbox{width:100%; height:300px; margin:0 auto; background:#C8EBFA; overflow:hidden; text-align:center; padding-bottom:5px;}
/********facebook************/

/******photo album************/

/************footer style**************/
.footer{height:auto;overflow:hidden;width:100%;background:#ccc url(footer.png) left top repeat;border-top:#3D4094 solid 5px; margin-top:20px;}
.footer .wp{width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.footer .ft{height:auto;overflow:hidden; width:100%; margin-top:15px; margin-bottom:10px;}

.footer .ft .implink{float:left; width:400px; margin-left:10px;}
.footer .ft .implink h1{margin:0px; width:90%; text-transform:uppercase;color:#3D4094;font-weight:bold;font-size:18px;line-height:35px; border-bottom:#000 solid 1px; margin-bottom:10px;}
.footer .ft .implink li{width:45%; list-style-type:none; padding-left:5px; float:left; margin-bottom:5px;}
.footer .ft .implink li a{color:#000; list-style-type:none; line-height:30px;}
.footer .ft .implink li a i{color:#3D4094; margin-right:10px;}
.footer .ft .implink li a:hover{color:#000; text-decoration:none;}

.footer .ft .addresss{float:left; width:400px; margin-left:10px;}
.footer .ft .addresss h1{margin:0px; width:90%; text-transform:uppercase;color:#3D4094;font-weight:bold;font-size:18px;line-height:35px; border-bottom:#000 solid 1px; margin-bottom:10px;}
.footer .ft .addresss .add{line-height:35px; padding-left:10px;}


.footer .ft .location{width:340px; float:left;}
.footer .ft .location h1{margin:0px; text-transform:uppercase;color:#3D4094;font-weight:bold;font-size:18px;line-height:35px; margin-bottom:6px; border-bottom:#000 solid 1px; margin-bottom:10px;}
.footer .ft .location .map{border:#fff solid 1px;}

.footer .copy{clear:both; height:auto; width:100%; overflow:hidden; font-size:15px; background:#3D4094; color:#ABABAB; line-height:35px; border-top:#ccc inset 1px; padding-top:5px; text-align:left;}
.footer .copy a{color:#fefefe; padding:0px 10px;}
/************footer style**************/

/********school cabinets*********/
.house{width:100%; text-transform:uppercase; margin:10px 0px; text-align:center; font-size:20px; color:#FFF; font-weight:bold; line-height:35px;}
.cabinet{text-align:center; width:230; height:316px; background:url(badge.jpg) center top no-repeat; float:left; margin-left:15px;}
.cabinet img{width:152px; height:175px; margin-top:2px;}
.cabinet name{text-transform:uppercase; color:#fff; line-height:40px;}
.cabinet post{text-transform:uppercase; color:#000000;}
.cabinet class{line-height:55px;}
/********school cabinets*********/


/***********side buttons*****************************/
.sidebtn{position:fixed; right:0; top:30%; width:200px; height:150px;}
.sidebtn li{width:100%; list-style-type:none; margin-bottom:3px;}
.sidebtn li a{text-decoration:none; display:block; line-height:35px; background:#3D4094; color:#fff; padding-left:8px;}
.sidebtn li a img{margin-right:10px;}
.sidebtn li a:hover{background:#FF7F27;}
/***********side buttons*****************************/

/***********online class*****************************/
.online_cl{width:300px; border:#000 solid 1px; height:auto; overflow:hidden; float:left; background:#C8EBFA; margin-left:20px; margin-bottom:20px;}
.online_cl .date{margin:0px; padding:0px; width:100%; background:#161616; color:#fff;}
.online_cl .subject{margin:0px; padding:0px; width:100%; font-weight:bold;}
.on_links{width:100%;}
.on_links li{width:100%; list-style-type:none; margin-bottom:3px; border-bottom:#000 solid 1px;}
.on_links li span{font-weight:bold;}
.on_links li p{margin:0px; padding:0px; color:#F00;}
.on_links li a{text-decoration:none; color:#00F;float:right; padding:0 5px;}
.on_links li a:hover{color:#F00;}
.steps{width:30%; text-align:center; margin-left:15px;}
.steps p{font-weight:bold; font-size:20px; color:#F00; padding:0px; margin-bottom:20px;}
@media only screen and (max-width:767px) {
	.online_cl{width:95%; height:auto; overflow:hidden; float:none;}
	.steps{width:95%; margin:0 auto;}
}
/***********online class*****************************/