@charset "utf-8";
/* CSS Document */
@import url('fonts.css');
.left{float:left}
.right{float:right}
.clear{clear:both}

.wrapper{width:960px; margin:0 auto;}
.error{color:red;}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.row {width:960px; margin:0 auto}
.row .span6{width:50%; float:left;}
.row .span4{width:33.33%; float:left;}
.row .span4 .well{background:#fff; margin:25px 10px; padding:15px; box-shadow:0 0 5px rgba(0,0,0,0.5)}
.row .span4 .well h4{font:normal 22px/40px 'abadi_mt_stdlight'; color:#000; padding-bottom: 5px; margin:0;}
.row .span4 .well h6 {
    color: #999;
    font: 12px/20px "abadi_mt_stdlight";
    margin: 0;
    padding-bottom: 10px;
	text-transform:uppercase;
}
.rc{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; -khtml-border-radius: 10px;}
.header {
	width: 100%;
	height: 5em; /* 80 */
	text-align: center;
	background-color: rgba(1,95,129,0.99);
	position: fixed;
	z-index: 99998;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0.063em 0.25em rgba( 37, 50, 55, .25 ); /* 1 4 */
	box-shadow: 0 0.063em 0.25em rgba( 37, 50, 55, .25 ); /* 1 4 */
}
.header .container {
	height: 100%;
	overflow: hidden;
}
.intro-wrapper{position:relative;background:url(https://cmj.blob.core.windows.net/images/bg-1.jpg) no-repeat fixed center; background-size:cover; overflow:hidden;}

.intro{position: absolute; top: 140px; width:100%; left:0}
.intro h1{font:normal 60px/70px 'abadi_mt_stdregular'; color:#015f81; padding: 10px 0; margin:0;}
.intro h2{font:normal 26px/32px 'abadi_mt_stdlight'; color:#444; padding-bottom: 20px; margin:0;}
.intro h2 span{color:#444;}
.btn{display:inline-block; padding:5px 25px; font:normal 13px/25px 'abadi_mt_stdregular'; color:#fff; text-decoration:none; text-transform:uppercase}
.intro .btn{display:block; padding:10px 25px; font:normal 15px/30px 'abadi_mt_stdregular'; color:#fff; background: rgba(1,95,129,0.99);text-decoration:none; text-transform:uppercase; margin-top:30px;}

/*.intro .btn{display:block; padding:10px 25px; font:normal 15px/30px 'abadi_mt_stdregular'; color:#000; background:#78e7ff;text-decoration:none; text-transform:uppercase; margin-top:30px;}*/

.testimony{background:#ddd; text-align:left; padding:10px}
.testimony blockquote{background:#fff;font:normal 14px/20px 'abadi_mt_stdlight'; color:#444; padding:10px; margin:0;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px; }
.testimony img {
    display:inline!important;
	margin-top:10px;
}
.btn_secondary{display:inline-block; padding:5px 25px; font:normal 13px/25px 'abadi_mt_stdregular'; color:#000; background:none;text-decoration:none; text-transform:uppercase; border:2px solid #000;}
/*.navigation ul li{display:block; float:left; margin-left:1px; margin-top:10px; position:relative;}
.navigation ul li a{text-transform:uppercase;font:normal 13px/29px 'abadi_mt_stdregular'; color:#fff; padding:7px 15px; text-decoration:none;-moz-border-radius: 5px;
-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px; transition: opacity .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out;
   -webkit-transition: opacity .3s ease-in-out;}
.navigation ul li a:hover, .navigation ul li a.active, .navigation ul li a.active:hover{color:#000; background:#78e7ff;opacity: 0.9; }

.navigation ul li ul{ position:absolute; top:25px; display:none;min-width:150px; padding:0; background:#6cd9f2;}
.navigation ul li ul {}
.navigation ul li ul li {}
.navigation ul li ul li a{}
.navigation ul li ul li a:hover{}*/
.navigation{position:relative;}
.navigation .left a img{width:200px; height:auto; padding:7px 0;}
.right.menu{position:absolute; right:0; top:18px; float:none}
section .wrapper{padding:40px 0;min-height:500px;}
section h2{font:normal 50px/60px 'abadi_mt_stdregular'; color:#015f81; padding-bottom: 20px; margin:0;}
section p{font:normal 18px/30px 'abadi_mt_stdlight'; color:#444; padding-bottom: 20px; margin:0;}
.videoWrapper{padding-top:20px}
section#App_on_mobile{position:relative;background:url(../images/bg-2.jpg) no-repeat fixed center; background-size:cover;}
section#App_on_mobile .span4{width:30%; float:left; margin-right:10%; text-align:left}
section#App_on_mobile .span4 img{width:100%; height:auto}
section#App_on_mobile .span4 ul li{margin-left:0;list-style-type:none; margin-bottom:15px;}
section#App_on_mobile .span4 ul li a{font:normal 18px/48px 'abadi_mt_stdregular'; color:#000; display:block; text-decoration:none;}
section#App_on_mobile .span8{width:60%; float:right; text-align:left}
section#App_on_mobile ol{margin-left:0; padding-left:15px;}
section#App_on_mobile ol li{margin:5px; font:normal 18px/30px 'abadi_mt_stdlight'; color:#444; list-style-type:decimal;}
a.icon-med{padding-left:50px;}
a.facebook{background:url(../images/icon-facebook.png) no-repeat left top;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;}
a.email{background:url(../images/icon-email.png) no-repeat left top;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;}
a.call{background:url(../images/icon-call.png) no-repeat left top;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;}
a.call:hover{background:url(../images/icon-call.png) no-repeat left bottom;}
a.email:hover{background:url(../images/icon-email.png) no-repeat left bottom;}
a.facebook:hover{background:url(../images/icon-facebook.png) no-repeat left bottom;}

section#Features{background:#78e7ff; color:#000!important}
section#Features ul{margin-left:0; padding-left:15px;}
section#Features ul li{margin:0 0 5px -10px; font:normal 18px/30px 'abadi_mt_stdlight'; color:#444; list-style-type:none;}

section#Contact{position:relative;background:url(../images/contact-bg.jpg) no-repeat fixed center; background-size:cover;}
section#Contact h6{font: normal 15px/15px 'abadi_mt_stdlight'; margin:0 0 20px;}
section#Contact .form-wrapper{width:100%; margin:0 auto; padding:20px 0% ; background:rgba(255,255,255,0.5)}
section#Contact .form-wrapper .ff{width:100%; margin:0 0 15px 0;display:block}
.span6 .well .span6{width:100%; float:none}
section#Contact p{margin:0; padding:0}
section#Contact p strong{font:bold 18px 'abadi_mt_stdregular';color:#015f81}
section#Contact address{font:normal 16px 'abadi_mt_stdlight';color:#666666; margin-bottom:10px;}
section#Contact .form-wrapper .ff label{display:block; text-align:left;}
section#Contact .form-wrapper .ff label span{color:red}
section#Contact .form-wrapper .ff .left, section#Contact .form-wrapper .ff .right{width:48%}
section#Contact .form-wrapper .ff input[type="text"]{width:94%; border:1px solid #dadada; padding:8px 3%; font:normal 13px 'abadi_mt_stdregular'}
section#Contact .form-wrapper .ff input[type="date"] {
    width: 94%;
    border: 1px solid #dadada;
    padding: 8px 3%;
    font: normal 13px 'abadi_mt_stdregular'
}
section#Contact .form-wrapper .ff input[type="number"] {
    width: 94%;
    border: 1px solid #dadada;
    padding: 8px 3%;
    font: normal 13px 'abadi_mt_stdregular'
}

section#Contact .form-wrapper .ff input[type="password"]{width:94%; background:#fff; border:1px solid #dadada; padding:8px 3%; font:normal 13px 'abadi_mt_stdregular'}
section#Contact .form-wrapper .ff {font: 13px "abadi_mt_stdregular";}
section#Contact .form-wrapper .ff select{width:94%; background:#fff; border:1px solid #dadada; padding:8px 3%; font:normal 13px 'abadi_mt_stdregular'}
section#Contact .form-wrapper .ff textarea{width:94%; background:#fff; border:1px solid #dadada; resize: none; padding:8px 3%; font:normal 13px 'abadi_mt_stdregular'}

section#Contact .form-wrapper .ff input[type="submit"]{width:100%; font:normal 15px/30px 'abadi_mt_stdregular'; color:#fff;background-color:rgba(1,95,129,0.99);  border:none;}

.btn-danger{width:100%; font:normal 15px/30px 'abadi_mt_stdregular'; color:#fff;border:none;}
    .btn-dange2{width:100%; font:normal 15px/30px 'abadi_mt_stdregular'; color:#fff; border:none;}

section#Contact .form-wrapper .ff ul{margin:0; padding:0;}
section#Contact .form-wrapper .ff ul li{display:block; width:50%; list-style-type:none; float:left; margin:0; padding:0}
section#Contact .form-wrapper .ff ul li a{font: normal 15px/48px 'abadi_mt_stdlight'; display:block; text-decoration:none; color:#444}
section#Contact .form-wrapper .ff ul li a.call{font: normal 15px/48px 'abadi_mt_stdregular';}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

.sbox section#Contact .form-wrapper {
    background:none;
    margin: 0 auto;
    padding: 20px 10%;
    width: 40%;
    min-width:300px;
}
#contactForm h4 {
    display:none;
}
footer{background: rgba(1, 95, 129, 0.99); color:#444!important; margin:0; padding:0; line-height:50px; font:normal 13px/50px 'abadi_mt_stdregular';}
footer a{color:#000; text-decoration:none}
footer ul{padding:0; margin:0;}
footer ul li{display:block; float:left; margin-left:10px;}
footer ul li a{font:normal 13px 'abadi_mt_stdregular'; color:#000; padding:0 5px; text-decoration:none; margin:0}
.sbox{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.9); display:none; z-index:99999999; color:#fff; font: 15px/20px "abadi_mt_stdlight";}
.sbox .controlbar{width:100%; padding:8px; margin-bottom:50px;}
.sbox a{color:#fff; font: 15px/20px "abadi_mt_stdlight"; text-decoration:none;}
.sbox section#Contact {
    background: none;
}
.sbox h2{color:#fff}
.sbox h6{color:#78e7ff}
.sbox section#Contact .form-wrapper .ff input[type="text"], .sbox section#Contact .form-wrapper .ff input[type="password"]  {padding:15px 4%; color:#444; font: 20px/20px "abadi_mt_stdlight";}
.sbox section#Contact .form-wrapper .ff .left, .sbox section#Contact .form-wrapper .ff .right {
    width: 50%;
}
.formPage section#Contact{background:none}
.formPage .wrapper{margin-top:70px;}
.formPage section#Contact .form-wrapper {
    margin: 0 auto;
    width: 100%;
}
/*Reading Position Indicator strats*/
progress{
  /* Positioning */
  position: fixed;
  left: 0;
  top: 0;
  z-index:9999999;

  /* Dimensions */
  width: 100%;
  height: 3px;

  /* Reset the appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Get rid of the default border in Firefox/Opera. */
  border: none;

  /* Progress bar container for Firefox/IE10+ */
  background-color: transparent;

  /* Progress bar value for IE10+ */
  color: #78e7ff ;
}
progress::-webkit-progress-bar {
  background-color: transparent;
}

progress::-webkit-progress-value {
  background-color: #78e7ff;
}

progress::-moz-progress-bar {
  background-color: #78e7ff;
}
/*Reading Position Indicator ends*/
.show-on-mobile{display:none;}
section#career{background:#f8f8f8; border:1px solid #efefef}
section#career .well{margin:0 15px;}
section#career .well strong{
    color: #000;
    font: 22px/40px "abadi_mt_stdlight";
    margin: 0;
    padding-bottom: 5px;
}
section#career .well p{
    text-align:justify;
	font: 16px/22px "abadi_mt_stdlight";
}
section#career .well ul{margin:0; padding:0 0 0 20px;}
section#career .well ul li{font: 16px/22px "abadi_mt_stdlight"; color:#444; margin-bottom:5px;}
section#career .well ul li strong{font:bold 16px/22px "abadi_mt_stdlight"; color:#015f81;}
.fwrapper{margin:30px auto 0; border:1px solid #ddd; padding:15px; width:70%; text-align:left}
.fwrapper h6{font:normal 20px 'abadi_mt_stdregular'; color:#000; padding:5px 5px 0; text-decoration:none; margin:0}
.fwrapper ul{margin:10px 0 0 20px; padding:0;}
.fwrapper ul li{font: 16px/22px "abadi_mt_stdlight"; color:#666}
 .imgheader{width:5em !important;height:5em !important; border:3px outset #ffffff;}

.schoolname{font-size: 30px;text-align:center;}


.spanreq {
    color: red;
    padding: 5px;
}

.infolable {
    color: green;
    font-size: 12px;
    text-align: left;
}

.hlink:link {
    color: white;
    border-bottom: 1px solid white;
}

.hlink:visited {
    color: white;
    border-bottom: 1px solid white;
}

.hlink:hover {
    color: white;
    border-bottom: 1px solid white;
}

.hlink:active {
    color: white;
    border-bottom: 1px solid white;
}

.panel-heading {
    position: relative;
    background-color: cornflowerblue;
    color: #ffffff;
    font-weight: bold;
    height: 25px;
    font-size: 12px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-title {
    font-size: 14px;
    font-weight: bold;
}

.font-normal {
    font-size: 10px;
    font-style: normal;
}


.excel-button {
    background: url('/images/excel.png') #3f5e96;
    background-position: -9px -7px;
    background-repeat: no-repeat;
    background-size: 39px 43px;
    padding-left: 41px;
}

    .excel-button:hover {
        background: url('/images/excel.png') #6495ed;
        background-position: -9px -7px;
        background-repeat: no-repeat;
        background-size: 39px 43px;
        padding-left: 41px;
    }

.pdf-button {
    background: url('/images/pdf-icon.png') #3f5e96;
    background-position: -9px -7px;
    background-repeat: no-repeat;
    background-size: 39px 43px;
    padding-left: 41px;
}

    .pdf-button:hover {
        background: url('/images/pdf-icon.png') #6495ed;
        background-position: -9px -7px;
        background-repeat: no-repeat;
        background-size: 39px 43px;
        padding-left: 41px;
    }

.bold {
    font-weight: bold;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}
    table tr {
        border: 1px solid #ddd;
        padding: .35em;
    }

    table th,
    table td {
        padding: .625em;
        text-align: left;
    }
    table th {
        font-size: .85em;
        letter-spacing: .1em;
        text-transform: uppercase;
    }
@media all and (min-width: 240px) and (max-width: 640px){
	section#App_on_mobile .span8 {
    float: none;
    text-align: left;
    width: 100%;
}
	.hide-on-mobile{display:none;}
	.wrapper {
    width: 100%;

}
    .imgheader{width:3.5em !important;height:3.5em !important; border:1px outset #ffffff;}
    .schoolname{font:bold 15px "abadi_mt_stdlight";z-index:-100;}
	section .wrapper {
		width:94%;
    padding: 20px 3%;
}
.intro h1 {
    font: 40px/40px "abadi_mt_stdregular";
}
.intro h2 {
    color: #fff;
    font: 25px/30px "abadi_mt_stdlight";
    margin: 0;
    padding-bottom: 20px;
}
.intro h6 {
    font: 20px/30px "abadi_mt_stdlight";
    padding-bottom: 10px;
}
.hide-on-mobile{display:none;}
.show-on-mobile{display:block;}

.navigation{width:94%; margin:0 3%}
section h2 { font: 24px/25px "abadi_mt_stdregular";
    padding-bottom: 10px;
}
section p {
    font: 14px/22px "abadi_mt_stdlight";
    padding-bottom: 10px;
	text-align:justify;
}
.navigation .left a img {
    height: auto;
    padding: 4px 0;
    width: 145px;
}
.header {
    height: 3.5em;
}
section#rider .span4 {
    float: none;
    margin: 0 5%;
    text-align: left;
    width: 90%;
}
section#rider .span4 ul {
    margin: 0;
	padding:0;
}

section#rider .span8 {
    float: none;
    text-align: left;
    width: 90%;
	margin: 0 5%;
}
section#donate p {
    text-align: center;
}
section#Contact .form-wrapper {
    width: 100%;
}
section#Contact .form-wrapper .ff ul li {
    margin: 10px 0 0;
    width: 100%;
	text-align:left;
}
footer {
    font: 13px/30px "abadi_mt_stdregular";
}
footer .left {
    float: none;
	font: 12px/30px "abadi_mt_stdlight";
}
#menu{width:48px; height:3.5em; background:url(../images/menu.png) no-repeat center center; cursor:pointer!important}
ul#rMenu{display:none; float:none; padding:0; margin:0; top:3.5em; position:absolute; left:0; width:100%;}
ul#rMenu li{width:100%; float:none; font: 16px/40px "abadi_mt_stdlight"; background:rgba(0,0,0,0.9);margin:0; border-bottom:1px solid #78e7ff ; text-align:left}
ul#rMenu li a.active{background:none; color:#fff;}
ul#rMenu li a{display:block;-moz-border-radius: 0;
-webkit-border-radius: 0;border-radius: 0;-khtml-border-radius: 0; }
.header span {
	display: inline;
}
.header b {
	display: none;
}
.row {
    width: 100%;
}
.row .span4 {
    float: none;
    width: 100%;
}
.row .span6{float:none; width:100%}
.row .span4 .well p{text-align:center!important}
a.icon-med {
    padding-left: 60px;
}
.sbox .controlbar {
    margin-bottom: 30px;
    padding: 0 4%;
    width: 92%;
}
.sbox .controlbar a img {
    width:35px;
	height:auto;
}
footer.formP{position:fixed; width:100%; bottom:0;}
.intro{top: 70px; width:100%;}
section#contact .span6 p{width:50%; text-align:center}
section#Contact .form-wrapper {
    width: auto;
}
.span6 .well .span6{width:50%; float:left}
#contactForm h4{font: 20px/30px "abadi_mt_stdregular"; color:#015f81; padding:0; margin:0 0 15px; display:block}
.intro .btn {
    margin-top: 10px; width:80%; margin:0 auto;
}
.right.menu{position:absolute; right:0; top:4px; float:none}
}




@media screen and (max-width: 600px) {
    table {
        border: 0;
    }

        table caption {
            font-size: 1.3em;
        }

        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: right;
        }

            table td::before {
                /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
            }

            table td:last-child {
                border-bottom: 0;
            }
}