 

h1 {
  font-size: 60px;
  text-align: center;
  color: #FFF;
}

h3 {
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  color: #FFF;
}

h3 a { color: #FFF; }

a { color:#2F2F2F; }

h1 {
  margin-top: 100px;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
  font-family: 'roboto', sans-serif;
}

#container {
  margin: 0 auto;
  max-width: 890px;
}

p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}
  .toggle, [id^=drop2] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;
  background-color: white;
  margin-bottom:-1px;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
  }



nav ul {
  /*float: right;*/
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
 
  display: inline-block;
  float: left;
 
 /*background: #2da9cc;
    border: 1px solid #6cc2db;*/
    border-right: 0px;
 
}


nav a {
  display: block;
  padding: 0 10px;
    color: #555 !important;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
  
}

nav ul li ul li:hover { background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #EEECEC 0%, #E2E2E2 100%) !important;/*color:#2da9cc;*/  }

nav a:hover { /*background-color:orange;*/color:White;text-decoration:none; transition-duration:0.5s;
}

nav a:active { text-decoration:none; transition-duration:0.5s;
}
nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit; margin-top:2px;}

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #FFF;
  font-size: 15px;
  line-height: 35px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }
[id^=drop2]:checked + ul { display: block; }
nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a {background-color: #ccc;
    color: white;
    text-decoration: none; }

nav ul li ul li .toggle,
 nav ul ul a { /*background-color: #212121;*/ }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
     width: 100%;
    background: white;
}

    .header-border {
    }
    nav ul {
    border:1px solid #DBD9D9;margin:2px!important;
    box-shadow: 0px 5px 4px #B5AFAF!important;
    }
    .navbar-collapse {
    padding:0px;}
    li.schooltab a {
    background:none;}
    
}




      
/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  margin-left: -35px;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  
  margin-top:30px;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color:#2DA9CC;
  
  color: #ffffff;
  
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #2DA9CC;
}

div.bhoechie-tab-content{
 
  /* border: 1px solid #eeeeee;alaa  */
 
  
 
  /*margin-left:30px;*/
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}


.green {
    color: green;
}

.red {
    color: red;
}

.blue {
    color: blue;
}



.grey {
    color: #ccc;
}

.orange {
    color:orange;
}
.yellow {
    color: #5CB85C;
}



    /*responsive table*/
     

.redCell {
	background: white;
	color: black;
	font-weight: bold;

}
.priceCell {
	font-weight: bold;
	color: #FFF;
	background: white;
}
.titlesRow td {
 
	color:black;
	font-weight: bold;
}
.titlesRow .hidden {
	background: none;
}


@media (max-width: 700px) {
    td {
        padding: 10px;
    }

}


/*@media (max-width:450px) {
	.titlesRow {
		display: none;
	}
	table {
		display: block;
		width: 100%;
		height: auto !important;
	}
	tbody {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto !important;
	}
	tr {
		display: block;
		width: 100%;
		height: auto !important;
		margin-bottom: 50px;
	}
	td {  
		padding: 10px 0;
		display: block;
		width: 235%;
		height: auto !important;

	}
}*/

/*responsive google map*/

.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;

overflow: auto; 
-webkit-overflow-scrolling:touch; 

} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

iframe, object, embed{max-width: 100%;}



.btn-f8f8f8 {
    background: #f8f8f8;
}
ul.profiles li {border:1px solid white;background:#f8f8f8;}
			ul.profiles li a{color:#2DA9CC;}



              ul.setting-ul li {
            position: relative;
            left: -170px;
          
        }

            ul.setting-ul li a {
                 background-repeat: repeat-x;
                    background-image: linear-gradient(to bottom, #EEECEC 0%, #E2E2E2 100%) !important;
               color:black;
            }

                ul.setting-ul li a:hover {
                    background-image: linear-gradient(to bottom, #eee 0%, red 100%) !important;
                }


