@import url('https://fonts.googleapis.com/css?family=Karla');

/*.container{ width:1300px;}*/
body{ margin:0; padding:0; font-family: 'Karla', sans-serif;}
.row{ padding:0; margin:0;}
.blue{ background:#00529e; }

.nif{ float:left; width:100%; height:auto; font-size:12px; color:#fff;     margin-top: 10px;}

.foll{ float:right; text-align:right; color:#fff; font-size:16px;}
.foll a{ color:#fff; font-size:16px; text-decoration:none; margin-left: 5px;}
.foll a:hover{ color:#17a013;}

.mail{ float:right; text-align:right; color:#fff; font-size:16px;}
.mail a{ color:#fff; font-size:16px; text-decoration:none; margin-left: 5px;}
.mail a:hover{ color:#17a013;}

.num{ float:right; text-align:right; color:#fff; font-size:16px;}
.num a{ color:#fff; font-size:16px; text-decoration:none; margin-left: 5px;}
.num a:hover{ color:#17a013;}

.navv{ background:#f26f00;}
.nav-co{ float:left; width:100%;}
.stellarnav ul {
    text-align: right;
}
.stellarnav>ul>li>a {
    padding: 15px 13px;
	padding: 5px 5px;
    margin: 0px 13px;
}
.stellarnav.light li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px !important;
}

.tops{  float:left; width:100%; background:#fff;     padding: 10px 0px;}
.top-cover{ padding:10px 10px 10px 0px;}
.top-cover img{ width:100%; max-width:405px;}
.nav-cover{ padding:0px 0px 0px 0px; margin-top:40px;}
.eqit{ float:right; width:auto; }
.eqit a{ text-decoration:none; float:left; width:auto; background:#01040a; font-size:14px; text-transform:uppercase;  color:#fff; padding:8px 20px 6px 20px;}
.eqit a:hover{background:#f26f00;}



.bap{ float:right; width:auto; margin-top:20px;}
.bapp{ float:left; width:auto;}
.bapp a{float:right; width:auto;  color:#fff; padding:10px 15px 8px 15px; background: #01040a; text-decoration:none; font-size:14px; text-transform:uppercase;}
.bapp a:hover{background: #f26f00;}

.bapp1{ float:right; width:auto; margin-left: 10px;}
.bapp1 a{float:left; width:auto;  color:#fff; padding:10px 15px 8px 15px; background: #f26f00; text-decoration:none; font-size:14px; text-transform:uppercase;}
.bapp1 a:hover{background: #01040a;}


.sli{ float:left; width:100%; height:auto;}

.si{ float:right; width:auto; text-align:right;}
.si a{ font-size:13px; color:#fff; }
.stellarnav.light li a {
    color: #111;
    text-transform: uppercase;
       background: none;  font-size:16px !important; border-bottom:solid 3px #fff; font-weight:bold;
}

.stellarnav.light li a:hover {
    color: #111;
    text-transform: uppercase;
        border-bottom:solid 3px #00529e; 
}

.stellarnav.light ul ul li a:hover {
    color: #fff;
       background: #828282; 
}

.push-head{ background:url(../img/abbg1.jpg) top center no-repeat; background-size:cover;}
.push-he{ background:url(../img/abbg2.png) bottom center repeat-x; padding-bottom:150px;}
.phead{ font-size:38px; color:#00529e; font-weight:bold; text-transform:uppercase; background:url(../img/pheadbg.jpg) bottom center no-repeat; padding-bottom:15px; text-align:center;}
.ptext{text-align:center; margin-top:30px;}
.ptext h3{font-size:26px; color:#111; font-weight:bold; text-align:center;}
.ptext p{font-size:15px; color:#777777; text-align:center;  margin-bottom:30px;}
.ptext a{ font-size:16px; color:#00529e; padding:8px 15px; border:solid 1px #00529e; background:none; border-radius:8px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.ptext a:hover{ font-size:16px; color:#fff;  border:solid 1px #068802; background:#068802;}

.av{ text-align:center; width: 85%;  text-align: center;  margin: 0 auto; border: solid 1px #fff;  padding: 15px;}
.av:hover{ border: solid 1px #ddd; }
.av img{ width:auto; max-width:100px; margin-bottom:10px;}
.av h2{ font-size:24px; color:#111; text-transform:uppercase; text-align:center; font-weight:bold; }
.av p{ font-size:15px; color:#777; text-align:center;  margin-top:15px;}
.av a{ font-size:18px; color:#00529e; font-weight:bold; text-decoration:none;}
.av a:hover{ color:#111; }

.es-slides{}
.psbox{ width:100%; float:left; border: solid 5px #fff;}
.psimg{ float:left; width:100%; text-align:center;}
.psimg img{width:100% !important; max-width:100%;}
.pste{ float:left; width:100%; font-size:16px; color:#fff; height:80px; margin-top:-80px; overflow:hidden; padding: 30px 10px 0px 10px; /* Permalink - use to edit and share this gradient: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,00529e+57&0+0,1+57 */
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,82,158,1) 57%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(0,82,158,1) 57%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,82,158,1) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#00529e',GradientType=0 ); /* IE6-9 */}

.fullwidth-slider .es-navigation a {
    top: 0;
    margin-top: 0;
    background: #00529e;
}
.slhead{ float:left; width:100%; margin:0px 0px 30px 0px; font-size:30px; color:#fff; text-transform:uppercase; background:url(../img/pheadbg.jpg) bottom left no-repeat; padding-bottom:15px;}
.slhead a{ font-size:16px; float:right; color:#fff; padding:8px 25px; border:solid 1px #fff; background:none; border-radius:8px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.slhead a:hover{ font-size:16px; color:#fff;  border:solid 1px #068802; background:#068802;}


.slhead1{ float:left; width:100%; margin:0px 0px 10px 0px; font-size:30px; color:#00529e; text-transform:uppercase; background:url(../img/pheadbg.jpg) bottom left no-repeat; padding-bottom:15px;}
.slhead1 a{ font-size:16px; float:right; color:#fff; padding:8px 25px; border:solid 1px #00529e; background:#00529e; border-radius:8px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
.slhead1 a:hover{ font-size:16px; color:#fff;  border:solid 1px #068802; background:#068802;}

.slcon{ margin:0 auto; width:90%;}
.galco{ float:left; width:100%; margin-top: 35px;}
.galco img{ float:left;     width: 32%;
        margin: 3px;
    max-height: 130px;}

.newsbox{ float:left; width:100%; border-bottom: dotted 2px #ddd;  padding:5px; margin-bottom:5px;}
.newsbox:hover{background: #f2f2f2;}
.newsco{ float:left; width:100%; height:auto;     margin-top: 35px;}
.newsco-left{ float:left; width:30%;}
.newsco-left img{ float:left; width:100%; border:solid 2px #fff; box-shadow:3px 3px 3px #666;}
.newsco-right{ float:right; width:65%;}
.newsco-right h4{ float:left; width:100%; font-size:20px; color:#111;}
.newsco-right p{ float:left; width:100%; font-size:15px; color:#777; height:45px; overflow:hidden;}


.newsboxi{ float:left; width:100%; border-bottom: dotted 2px #ddd;  padding:5px; margin-bottom:5px;}
.newsboxi:hover{background: #f2f2f2;}
.newscoi{ float:left; width:100%; height:auto;     margin-top: 35px;}
.newsco-lefti{ float:left; width:15%;}
.newsco-lefti img{ float:left; width:100%; border:solid 2px #fff; box-shadow:3px 3px 3px #666;}
.newsco-righti{ float:right; width:82%;}
.newsco-righti h4{ float:left; width:100%; font-size:20px; color:#111;}
.newsco-righti p{ float:left; width:100%; font-size:15px; color:#777; height:auto;}

.es-slides li{ height:350px !important;}

.copy{ background:#111; font-size:13px; color:#666; padding:10px 0px;}
.copy a{ font-size:13px; color:#666; text-decoration:none;}
.copy a:hover{color:#fff;}
.copy-right{ text-align:right;}

/*-------------------About us--------------------*/
.banner{float:left; width:100%; height:400px;}
.banner img{width:100%; }
.banner-text{ float:left; width:100%; margin-top:150px;}
.bt-head{ float:left; width:auto; font-size:38px; font-weight:bold; text-align:left; color:#fff; text-transform:uppercase;}
.bt-link{float:left; width:auto; font-size:16px;  vertical-align:middle;  text-align:left; color:#fff; margin-top:20px;}
.bt-link a{font-size:16px; font-weight:bold; color:#fff;}

.iab{ padding:50px 0px 0px 0px;  background:url(../img/abbg1.jpg) top center no-repeat; background-size:cover;}
.iabr{}
.ia{}
.ian{ }
.img-left{ float:left; max-width:500px; margin-right:20px; margin-bottom:20px;} 
.img-right{ float:right; max-width:500px; margin-left:20px; margin-bottom:20px;} 
.ian img{width:100%;} 
.iabr h2{font-size: 38px;color: #00529e; font-weight: bold; text-transform: uppercase; margin:0px 0px 20px 0px;}
.iabr p{ont-size: 15px;color: #777777; line-height:22px;}
/*-------------------About us--------------------*/


/*-------------------Trustee--------------------*/
.trus{ background:#fff; margin-bottom:50px;}
.trus table tr th{ font-size:18px; color:#111; background:#eee; padding:10px; vertical-align:top;}
.trus table tr td{ font-size:16px; color:#111; background:#fff; padding:10px;  vertical-align:top;}
/*-------------------Trustee--------------------*/

/*-------------------Activities--------------------*/
.act-co{ float:left; width:100%; height:auto;}
.act-box{ float:left; width:100%; height:auto;}
.act-box-te img{ float:left; width:100%; max-width:250px; max-height:200px; margin:0px 20px 20px 0px; height:auto; padding: 5px; background: #eee; box-shadow: 3px 3px 3px #ddd;}
.act-box-te{ float:right; width:100%; font-size:16px; color:#111; text-align: justify;}
.act-box-te .btn-primary{background: #fff;
    color: #00529e;
    border: solid 1px #00529e;
    font-size: 15px;
    font-weight: bold;}
	.act-box-te .btn-primary:hover{background: #00529e;
    color: #fff; border: solid 1px #00529e;}
/*-------------------Activities--------------------*/


/*-------------------Gallery--------------------*/
.galcoc{}
.galy{ float:left; width:100%; height:auto; text-align:center;}
.galy img{ margin:10px 10px 10px 10px; border:solid 2px #ccc; box-shadow:5px 5px 5px #ccc; width:258px; height:270px;}

/*-------------------Gallery--------------------*/


.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt36{ margin-top:36px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;} 
.mb30{ margin-bottom:30px;}
.mb36{ margin-bottom:36px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt36{ padding-top:36px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;} 
.pb30{ padding-bottom:30px;}
.pb36{ padding-bottom:36px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}

@media(max-width:900px) and (min-width:700px){
.top-cover { width: 100%; float: left; text-align: center;}
.phead { font-size: 32px;}
.ptext h3 {font-size: 22px;}
.slcon { margin: 0 auto; width: 100%;}

}

@media(max-width:700px) and (min-width:500px){
.top-cover { width: 100%; float: left; text-align: center;}
.phead { font-size: 32px;}
.ptext h3 {font-size: 22px;}
.slcon { margin: 0 auto; width: 100%;}

.foll {
    float: right;
    text-align: right;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.galco img {
    float: left;
    width: 31%;}
	
.newsco-left {
    float: left;
    width: 30%;
}
.copy { text-align: center;}
.copy-right{ text-align:center;}	
}


@media(max-width:500px) and (min-width:50px){
.mail {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
}
.num {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
}
.foll {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
}
.nav-cover {
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
}
.phead {
    font-size: 22px;}
	.ptext h3 {
    font-size: 18px;}
.av {
    text-align: center;
    width: 100%;}
	.slhead { background: url(../img/pheadbg.jpg) bottom center no-repeat;    text-align: center;}	
	
.slhead a {
    font-size: 16px;
    float: left;
    color: #fff;
    padding: 5px 15px;
    border: solid 1px #fff;
    background: none;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    text-align: center;
}	

.slhead1 {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
    font-size: 30px;
    color: #00529e;
    text-transform: uppercase;
    background: url(../img/pheadbg.jpg) bottom center no-repeat;
    padding-bottom: 15px;
    text-align: center;
}
.slhead1 a {
    font-size: 16px;
    float: left;
    color: #fff;
    padding: 5px 15px;
    border: solid 1px #00529e;
    background: #00529e;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
}
.newsco-right p {
    height: auto;}
.galco img {
    float: left;
    width: 47%;}
.slcon {
    margin: 0 auto;
    width: 100%;
}
.newsco-left {
    float: left;
    width: 100%;
    text-align: center;
}
.newsco-left img {
    float: none;
    width: auto;
    border: solid 2px #fff;
    box-shadow: 3px 3px 3px #666;
    margin-bottom: 10px;
}
.newsco-right {
    float: left;
    width: 100%;
    text-align: center;
}	
.copy { text-align: center;}
.copy-right{ text-align:center;}
.bt-head {float: left; width: 100%;}	
}