@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Metrophobic');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Raleway:wght@300;400;600&display=swap');

body{ margin:0; padding:0; letter-spacing:1px; line-height:180%; font-family:'Lato', sans-serif;}

img{ border:none; max-width:100%; height:auto;}

p{ margin:0;}

h1{ font-weight:bold; font-size:36px;}

h2{ font-weight:normal; margin:0; padding:0; color:#cd5800; font-size:18px;}

h3{ margin:0; padding:0; font-size:22px; text-align:center; font-weight:normal}

h4{ margin:0; padding:0; font-weight:300; font-size:38px; text-align:center; font-family: Raleway;}

h5{ font-size:22px; margin:10px 0 20px 0; font-weight:normal;}

h6{ font-weight:700; margin:0; padding:0 0 10px 0; color:#cd5800; font-size:20px; text-decoration: underline;}

h7{ font-weight:normal; margin:0; padding:0; font-size:20px;}

table
{
    table-layout: fixed;
    width: 100%; 
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #1f4397;
}

::selection {
    color: #fff;
    background: #1f4397;
}

.top{
	background: url('../images/top.jpg') no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; width:100%; padding-bottom:20px;
	}

.logo-1{ width:100%; margin:10px 0px auto;}

.google-maps {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.ages{ font-size:20px; font-weight:bold; padding:20px 0 0px 0; text-shadow:1px 1px #FFFFFF; }

.regis{ float:right; margin:20px 5px 0 0;}

a.join{ border-radius:4px; width:50px; padding:10px 15px 10px 15px; color:#FFF; text-decoration:none; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); 	text-shadow:1px 1px #000; 
	box-shadow: inset 6px 5px 27px 22px #1f4397, inset 1px 0px 0px 0px #1f4397;
    transition: .3s; border: 2px solid #1f4397;}

a.join:hover{ box-shadow: inset 0px 0px 0px 0px #1f4397, inset 0px 0px 0px 0px #1f4397;
border: 2px solid #1f4397;
    background-color: #FFF;
    color: #1f4397; text-shadow:none;}

a.join-new{ border-radius:4px; width:50px; padding:10px 120px; color:#FFF; text-decoration:none; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); 	text-shadow:1px 1px #000; 
	box-shadow: inset 6px 5px 27px 22px #3cb9aa, inset 1px 0px 0px 0px #3cb9aa;
    transition: .3s; border: 2px solid #3cb9aa;}

a.join-new:hover{ box-shadow: inset 0px 0px 0px 0px #3cb9aa, inset 0px 0px 0px 0px #3cb9aa;
border: 2px solid #3cb9aa;
    background-color: #FFF;
    color: #3cb9aa; text-shadow:none;}


a.read{ border-radius:4px; width:50px; padding:5px 10px 5px 20px; color:#FFF; text-decoration:none; text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7); 	text-shadow:1px 1px #000; 
	box-shadow: inset 6px 5px 27px 22px #25aba0, inset 1px 0px 0px 0px #25aba0;
    transition: .3s; border: 2px solid #25aba0;}

a.read:hover{ box-shadow: inset 0px 0px 0px 0px #25aba0, inset 0px 0px 0px 0px #25aba0;
border: 2px solid #25aba0;
    background-color: #FFF;
    color: #25aba0; text-shadow:none;}

ul.header{ list-style-type: none; margin: 0; padding: 0;}

ul.header li{ float: right; margin: 0 8px;}

ul.service{ list-style-type: none; margin: 0; padding: 0;}

ul.service li{ float: left; margin: 0 50px; text-align: center; font-size: 16px; font-family: Lato; text-transform: uppercase; font-weight: 700;}

ul.service-inner{ list-style-type: none; margin: 0; padding: 0;}

ul.service-inner li{ float: left; margin:0; text-align: center; font-size: 14px; font-family: Lato; text-transform: uppercase; font-weight: 700; border-right: solid 1px #bdbbbb; height: 70px; padding:10px 28px;}

.header-icon{ font-size: 13px; font-family:'Lato', sans-serif; font-weight: 700;}

.nav-jrop{ font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 600;}

.main-body{ margin:0px auto; padding:40px 0 40px 0; overflow:hidden; font-size:14px; background:#f9f9f9; text-align:justify;}

.main-body h4{ margin:0; padding:0; font-weight:300; font-size:38px; text-align:center; font-family: Raleway; color:#1f4397;}

.main-body-1{ margin:0px auto; padding:20px 0; overflow:hidden; font-size:14px; text-align:justify;}

.main-body-1 h4{ margin:10px 0 20px 0; padding:0; font-weight:bold; text-align:center; font-size:40px; color:#1f4397;}

.main-body-2{ margin:0px auto; padding:0; overflow:hidden; font-size:14px; text-align:justify;border-bottom: solid 4px #e33b53; background: #f7f4f4;}

.tbl{ border: solid 1px #eeeeee; background: #f7faff;}

.tbl th{ padding: 10px 0 10px 10px; background: #3cb9aa; color: #fff; font-size: 22px; font-family: Raleway; font-weight: 400;}

.txt{ font-weight: 400;}

.main-body-inner{ margin:0px auto; padding:0px 5px 40px 5px; font-size:14px; text-align:justify;}

.main-body-inner h4{ margin:10px 0 20px 0; padding:0; font-weight:bold; text-align:center; font-size:40px; color:#1f4397;}

.main-body-inner h4 a{ text-decoration:none;}

.main-body-inner h6{ margin:10px 0 20px 0; padding:0; font-weight:bold; text-align:left; font-size:40px; color:#1f4397; text-transform:uppercase;}

.main-body-inner h6 a{ text-decoration:none;}

.box-new{background: #e4f2ff; border-radius: 6px; text-align: center; padding: 10px;}

.box-22{ padding:2px; border:solid 1px #CCCCCC; text-align:center;}

.box-22 h3{ margin:0; padding:12px; display:block; background:#1f4397; color:#FFF; font-size:16px; text-transform:uppercase; text-shadow: 1px 1px #000; }

.box-22 img{ margin:10px 0 30px 0;}

.box-22 img {
  max-width: 100%;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.box-22:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.box-22 p{ text-align:justify; padding:0 5px 0 5px; font-size:12px;}

.box-1{ text-align:justify;}

.exhibit{ margin:0px auto; padding:50px 0 10px 0; overflow:hidden;}

.exhibit1{ margin:0px auto; padding:40px 0 40px 0; overflow:hidden;}

.blu{ color:#2282d6;}

.vil{ color:#5776c5;}

.red1{ color:#b22222;}

.grn1{ color:#14a2a3;}

.space{ padding:0 0 20px 0;}

.box-2{ background:#d83333; text-align:center; color:#FFF;}

.box-3{ background:#25aba0; text-align:center; color:#FFF;}

.box-4{ background:#666; text-align:center; color:#FFF;}

.big-1{ font-size:24px; font-weight:normal;}

.big-2{ font-size:24px; font-weight:bold; margin:0 0 10px 0;}

a.find{ text-decoration:none; color:#FFF; text-transform:uppercase; display:block; padding:10px 20px 10px 20px; border:solid 2px #FFFFFF; width:220px; margin:0 auto;}

a.find:hover{ opacity:0.7;}

.box-6{  margin:40px 0 0 0; padding:2px; border:solid 1px #CCCCCC;}

.box-6 h3{ margin:0; padding:10px; display:block; background:#1f4397; color:#FFF; font-size:22px; text-transform:uppercase; text-shadow: 1px 1px #000000; }

.box-21{  margin:10px 0 0 0; padding:2px; border:solid 1px #CCCCCC;}

.box-21 h3{ margin:0; padding:10px; display:block; background:#1f4397; color:#FFF; font-size:18px; text-transform:uppercase; text-shadow: 1px 1px #000000; }

.footer{ margin:0px 0 0px 0; padding:20px 0 0px 0; font-size:14px; background:#f9f9f9; width:100%;}

.footer h4{ margin:10px 0 20px 0; padding:0; font-weight:bold; text-align:center; font-size:40px;}

a.link{ color:#cd5800; text-decoration:none; font-weight:bold; font-size:16px;}

a:hover.link{ color:#1f4397;}

a.link-1{ color:#666; text-decoration:none;}

a:hover.link-1{ color:#1f4397;}

.orgn{ color:#1f4397;}

.dark-orgn{ color:#72cfe7;}

.tbl{ border:solid 1px #CCCCCC; border-collapse:collapse; max-width:100%; margin:0 auto;}

.tbl td{ border:solid 1px #CCCCCC; border-collapse:collapse; padding:10px;}

.tbl-1{ width:100%; margin:0 auto;}

.tbl-2{ margin:0 auto; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}

.tbl-2 td{ padding:16px;}

.tbl-3{ max-width:320px; margin:0 auto; border:solid 1px #CCCCCC;}

.tbl-3 td{ padding:10px;}

.tbl-4{ width:100%;}

.tbl-5{ margin:0 auto;}

.tbl-5 td{ padding:10px;}

#tbl1 td, #tbl1 th {
    border: 1px solid #0092f1;
    padding: 10px;
}

#tbl1 tr:nth-child(odd){}

#tbl1 tr:nth-child(even){background-color: #def1fd;}

#tbl1 tr:hover {background-color: #b8dff8;}

#tbl1 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #b8dff8;
    font-size:22px; text-transform:uppercase; font-weight:900; color:#003399;
}

#tbl2 td, #tbl2 th {
    border: 1px solid #3cb9aa;
    padding: 10px;
}

#tbl2 tr:nth-child(odd){}

#tbl2 tr:nth-child(even){background-color: #f7faff;}

#tbl2 tr:hover {background-color: #3cb9aa;}

#tbl2 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #3cb9aa;
    font-size:22px; text-transform:uppercase; font-weight:900; color:#fff;
}

.bull ul{ margin:0; padding:0; list-style-type:none;}

.bull ul li{ margin:6px 0 0 0; background:url(../images/favicon.png) no-repeat 0px 4px; padding:0 0 0 20px;}

.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

.tab{ display:block; padding:10px 55px 10px 55px; background:#d83333; color:#FFF; float:left; margin:60px 20px 0 0; text-align:center;}

.tab1{ display:block; padding:10px; background:#25aba0; width:330px; color:#FFF; float:left; margin:0 20px 0 0; text-align:center;}

.tab2{ display:block; padding:10px; background:#000; width:330px; color:#FFF; float:left; margin:0 20px 0 0; text-align:center;}

.visit{ background:#000;}

.red a{ text-decoration:none; color:#C00;}

.red a:hover{ text-decoration:underline;}

.box{ border:solid 1px #0092f1; border-collapse:collapse;}

.box p{ border-bottom:solid 1px #1a262e; border-collapse:collapse;}

.box p a{ text-decoration:none; color:#1a262e; display:block; padding:14px; text-transform:uppercase; background:#f5f5f5; box-shadow: inset 6px 5px 27px 22px #f5f5f5, inset 1px 0px 0px 0px #f5f5f5; transition: .3s;}

.box p a:hover{ background:#FFF; box-shadow: inset 0px 0px 0px 0px #f5f5f5, inset 0px 0px 0px 0px #f5f5f5;}

.acc{ text-align:center;} 

.faculty{ font-size:11px;}

.strng{ font-weight:bold;}

.mrgn{ margin:16px 0;}

.grn{ color:#30b873;}

.red{ color: #e33b53;}

.clr{ clear:both; width:100%;}

.mb-20{ margin-bottom:20px;}

.mr-10{ margin-right:10px;}

.mr-20{ margin-right:20px;}

.course{ position:relative;}

.position{ position:absolute; top:10px; color:#FFF; display:block; padding:5px; background:rgba(0,0,0,0.7);}

.position-1{ position:absolute; bottom:0px; right:0px; color:#FFF; display:block; padding:10px; background:rgba(0,0,0,0.8);}