@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/css?family=Allura|Arizonia');


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





body{ margin:0; padding:0; letter-spacing:1px; line-height:180%; font-family:Poppins; }

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

p {
    margin-bottom: 20px;
}

p + p:last-child {
    margin-bottom: 0;
}

h1{ font-weight:300; 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%;
}

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

::selection {
    color: #fff;
    background: #0092f1;
}

.top{
	padding:20px 0;
	background-image: url(../images/images_bg.jpg);
    background-repeat: repeat;
}
	}

.top img{ margin-right:10px;}

.top h1{     color: #dc2a2a; font-family: 'Pacifico', cursive;
 margin:0; padding:0; font-size:3vw;}

.top-icon{ float:right;
    font-size: 24px;
}

.top-icon ul li {
  color: #000;
  margin-left:20px;
}

.top-icon ul li i {
  color: #FFFFFF;
//  color: #8c1717;
  
}

.top-icon ul li a{ text-decoration:none; color:#000;}

.top-icon a {
  display: block;
  text-align: center;
  padding: 6px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.top-icon a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.instagram {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}








.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 #b73a3a, inset 1px 0px 0px 0px #F44336;
    transition: .3s;
    border: 2px solid #f5f5f5;}

a.join:hover{ box-shadow: inset 0px 0px 0px 0px #E91E63, inset 0px 0px 0px 0px #F44336;
    border: 2px solid #F44336;
    background-color: #FFF;
    color: #F44336;
    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; background:#f9f9f9; font-size:13px; text-align:justify;}

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

.main-body h5{ margin:20px 0; padding:0;}

.main-body ol li{ margin-bottom:20px;}

.event{ border:solid 1px #B73A3B; margin-bottom:40px;}

.event h1{ margin:0; display:block; padding:20px; text-align:center; background:#B73A3B; font-size:1.5vw; text-transform:uppercase; color:#FFF; letter-spacing:2px;}

.mrq{ height:400px;}

.glimpse{ margin:40px 0;}

.glimpse h1{ font-size:3vw; margin:0; padding:0; color:#B73A3B; text-align:center; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}

.glimpse img{ display: block;
    margin-left: auto;
    margin-right: auto;}

.title-grp {
	color: #383d48;
	font-family: "Raleway", sans-serif;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 10px; margin:0;
}
.title-grp span {
	display: block;
	font-size: 18px;
	font-weight: 400;
}

.date{ border:solid 3px #f10000; padding:8px; width:90px; text-align:center; margin:0 10px 0 0; float:left;}

.big{color: #F44336;
	text-transform: uppercase; font-size:24px; font-weight:bold;}
	
.big span{ display:block; font-size:12px; color:#383d48;}

.date-txt{ text-align:justify;}

.big-11{ font-weight:bold; text-transform:uppercase; text-align:left;}

hr.style-1{ height:2px; background:#ccc; width:100%; border:none;}

.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: 0px 0 0px 0;
    padding: 20px 0 40px 0;
    font-size: 12px;
    background: #b73a3a;
    color: #fff;
    background-image: url(../images/dd_bg.png);
    background-position: -21px;
    background-repeat: repeat; }

.footer h5{ margin:10px 0 20px 0; padding:0; font-weight:bold; font-size:22px; text-transform:uppercase;}

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

.footer ul li a{ color:#fff; background:url(../images/li-icon.png) no-repeat 0px 5px; padding:0px 10px;}

.footer ul li i{ margin-right:10px;}

.list-icon ul li a{ background:none; padding:0;}

.footer-copy{ background: #000000; padding: 18px 0 0px 0;  color: #FFF;}

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

.client{ font-size:14px; font-style:italic; font-weight:bold;}

.fa.fa-phone {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* ====================
  Breadcrumb Area
==================== */
.breadcrumb-area {
  background-image: url(../images/bread-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
  position: relative;
}

.breadcrumb-area:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.breadcrumb-area h2 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-weight: 600; font-size:36px;
}

.breadcrumb-area ul li {
  color: #dddddd;
}

.breadcrumb-area ul li a {
  color: #dddddd;
}

.breadcrumb-area ul li a:hover {
  color: #00a3c8;
}

.breadcrumb-area ul li i {
  color: #969696;
  margin-right: 8px;
}

/*------------------*/

.card{ border:solid 1px #0092f1; padding: 0px 20px; margin:4px 0 0 0;}

.card h6{ margin:20px 0; padding:0; text-align:left; font-size:16px; color:#000;}

.map-cov { width:100%; float:left; height:199px; overflow:hidden; }

.doc{ margin:20px 0 0 0;}