@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; color:#fff; font-size:36px; text-align:center; font-weight:normal}

h4{ margin:0; padding:0; font-weight:normal; font-size:24px; text-align:center; text-transform:uppercase;}

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

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

h6{ font-weight:normal; margin:0; padding:0; color:#cd5800; font-size:36px; text-align:center;}

h7{ font-weight:normal; margin:0; padding:0; color:#cd5800; font-size:36px; text-align:left;}

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

.mytable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {
    padding: 12px; text-align: left;
}

::-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:0 auto;}

.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.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;}
	
.main-body{ margin:0px auto; padding:40px 0 40px 0; overflow:hidden; font-size:14px; background:#f9f9f9; text-align:justify;}

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

.main-body-1{ margin:0px auto; padding:40px 0 40px 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-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-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:center;}

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

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

.blu{ color:#CC0000;}

.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:40px 0 0px 0; padding:20px 0 40px 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;}

.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:40px 0 0 0;}

.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);}

.input-field {
    width: 100%;
    border-radius: 2px;
    padding: 10px;
    border: #e0dfdf 1px solid;
    box-sizing: border-box;
}