#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
}
#menu-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0px;
  background: #cca32c;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  z-index:99;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
    padding: 20px 10px;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
#cssmenu > ul > li:hover > a {
    color: #fff;
    background: #eb1d1e;
    transition: 0.6s ease-in-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.6s ease;
  -moz-transition: border-color 0.6s ease;
  -ms-transition: border-color 0.6s ease;
  -o-transition: border-color 0.6s ease;
  transition: border-color 0.6s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #fff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index:6;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu > ul > li.drop-left > a { right: 0; }
#cssmenu li.drop-left a {left: auto;
    right: -92px; position:absolute;}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height 0.6s ease-in-out;
  -moz-transition: height 0.6s ease-in-out;
  -ms-transition: height 0.6s ease-in-out;
  -o-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
}
#cssmenu ul li:hover > ul > li {
  height: 43px;
}
#cssmenu ul ul li a {
    padding: 15px 15px;
    width: 270px;
    font-size: .9em;
    border-top: 1px solid #d91313;
    background: #eb1d1e;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #fff;
        background: #d91313;
        padding-left: 20px;
        font-weight: normal;
        transition: 0.6s ease-in-out;
    }
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 16px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.6s ease-in-out;
  -moz-transition: border-color 0.6s ease-in-out;
  -ms-transition: border-color 0.6s ease-in-out;
  -o-transition: border-color 0.6s ease-in-out;
  transition: border-color 0.6s ease-in-out;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #fff;
}
body{ background:#fff repeat center fixed; overflow-x:hidden !important;}
/* width */
::-webkit-scrollbar {
  width: 5px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #3d404f;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; 
}
.course{
    text-align:center;
    font-family: 'Tilt Warp', cursive;
}
    .course a {
        display: inline-block;
        width: 100%;
        padding: 20px 0px;
        text-decoration: none;
        color: #fff;
        border: 1px solid #e11313;
        transition: .5s ease-in-out;
        transform: scale(1);
    }
        .course a:hover {
            background: none;
            transition: .5s ease-in-out;
            transform: scale(.95);
            border: 1px solid #a30e0e;
        }
    .course a i {
        font-size: 2em;
        background: #fff100;
        border-radius: 50%;
        padding: 22px 22px;
        color: #000;
        transform:scale(1);
        transition: .5s ease-in-out;
    }
        .course a:hover i {
            background: #fff100;
            transform:scale(1.2);
            transition: .5s ease-in-out;
        }
.course a h2{
    padding:10px 0px;
}
.course a h2 small{
    font-family:'Arial Rounded MT';
    color:#ccc;
}
.btn_acele {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px; 
    text-decoration:none;
    border-radius:50px;
}
.btn_acele::after {
        position: absolute;
        content: '';
        z-index: -1;
        width: 0%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; 
        border-radius:50px;
}
.btn_acele:hover::after, 
.btn_acele:active::after {
        width: 100%; 
}
.btn_black {
    background: #5cb85c;
    color: #000;
    border-radius:50px;
}
    .btn_black::after {
        background: #388138;
    }
.btn_black:visited {
        color: #fff; 
}
.btn_black:hover {
        color: #fff; 
}
.dis{
    margin-top:10px;
}
.color-news1 {
    border: 0px solid #2f2483;
    background: linear-gradient(180deg, transparent, #f5f5f5);
}
    .color-news1 h3 {
        text-align: left;
        background: #015c9c;
        margin: auto;
        padding: 15px 15px;
        color: #fff;
        font-weight: bold;
        border-radius:50px;
    }
.color-news1 h3 a{
    float:right;
    text-decoration:none;
    font-size:.6em;
    color:#000;
    font-weight:normal;
    margin-top:2px;
    padding:5px 10px;
    background:#fff;
    border-radius:50px;
}
.color-news2{
   border:2px solid #d6a826;
   background:#fff;
   border-radius:15px 15px 0 0;
}
.color-news2 h3{text-align:left;
                background:#d6a826;
                margin:auto;
                padding:15px 10px;
                color:#fff;
                font-weight:bold;
                border-radius:10px 10px 0 0;
}
.color-news2 h3 a{
    float:right;
    text-decoration:none;
    font-size:.6em;
    color:#fff;
    font-weight:normal;
    margin-top:5px;
}
.color-news3{
   border:2px solid #185faf;
   background:#fff;
   border-radius:15px 15px 0 0;
}
.color-news3 h3{text-align:left;
                background:#185faf;
                margin:auto;
                padding:15px 10px;
                color:#fff;
                font-weight:bold;
                border-radius:10px 10px 0 0;
}
.color-news3 h3 a{
    float:right;
    text-decoration:none;
    font-size:.6em;
    color:#fff;
    font-weight:normal;
    margin-top:5px;
}
.announce{
    background: #f5f5f5;
    border-radius:10px;
    margin-top:10px;
}
.announce h4{
    text-align:center;
    margin:auto;
    color:#fff;
    font-weight:bold;
    padding:5px 10px;
}
.announce a{
    color:#000;
    text-decoration:none;
}
.announce a:hover{
    color:#fe0002;
    text-decoration:none;
}
.btn-query{ background:#087802; margin-top:12px; padding:10px 30px; font-weight:normal; border:0px solid #000; color:#fff; border-radius:50px;-webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  overflow:hidden}
.btn-query:hover{ background:#087802; border:0px solid #087802; color:#fff;}
.zoom {
  animation: scale 2s linear infinite;
}
  
@keyframes scale {
  50% {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
  }
}
.btn-query1{ background:none; padding:10px 30px; font-weight:bold; border:2px solid #2f2483; color:#2f2483; border-radius:5px; transition: .5s ease-in-out; transform:translate(0px, 0px);}
.btn-query1:hover{ background:#2f2483; box-shadow: 0px 10px 20px -10px #000; border:2px solid #2f2483; color:#fff; transition: .5s ease-in-out; transform:translate(0px, -5px);}
.whats{ position:fixed; z-index:9; box-shadow: 0px 0px 10px -2px #000; padding:4px 11px; transition:.3s ease-in-out; border-radius:0 5px 5px 0; top:50%; left:0; color:#fff; background:green; text-decoration:none; font-size:2em; transition:.3s ease-in-out;}
.whats:hover{ color:#fff; text-decoration:none; padding:4px 15px;}
.border1{ padding:20px 10px; background:#fff5ee; border:1px solid #808080;}
.border1 p{ font-size:1.5em; line-height:35px;}
.border1 ul li{ font-size:1.5em}
.border{ padding:20px 10px; background:#fff5ee; border:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #3e4050; border-right:2px solid #3e4050; border-radius:10px;}
.border p{ font-size:1.5em;}
.facult{ background:#cee4ea; height:350px; margin-bottom:10px; padding:10px; border-radius:5px; text-align:center; border:1px solid #ddd; transition:.5s ease-in-out; transform:translate(0px, 0px);}
.facult:hover{background:#cee4ea; box-shadow: 0px 20px 20px -20px; transition:.5s ease-in-out; transform:translate(0px, -5px);}
.facult img{ width:50%; height:auto; padding:10px 0px;}
.facult h4{ text-align:center; text-transform:uppercase; color:#c21909; font-weight:bold;}
.facult p{ margin-bottom:0px; font-size:1em; text-align:center}
.border ul li{ font-size:1.5em}
.thought{ background:#f5f5f5;}
.about2{ /*background: linear-gradient(180deg, #c61b18, #18304d);*/ background:#f5f5f5; padding:0px 0px;}
.about2 h1{text-align:center; margin:auto; font-family: 'Tilt Warp', cursive; letter-spacing:2px; text-transform:uppercase; padding:15px 5px; color:#015c9c; line-height:50px; font-weight:bold;}
.about2 h1 small{ color:#000; font-family:'Arial Rounded MT'; letter-spacing:0px; text-transform:none; font-weight:bold;}
.about2 p{ color:#444; padding:20px 25px; text-align:justify; font-size:1.2em; line-height:35px; font-weight:normal; margin-bottom:0px;}
.about2 img{ width:100%; height:auto;}
#nt-example1 {
	width: 100%;
	margin: auto;
    height:310px !important;
}

#nt-example1-container {
	text-align: center;
    margin:auto;
    padding:20px 10px;
    background:#f5f5f5;
    border-radius:5px;
    box-shadow: 0px 0px 2px -1px #000;
}
#nt-example1 p {
	color: #fff;
	overflow: hidden;
	height: 310px;
	padding: 5px;
	line-height: 35px;
	font-size: 1.5em;
	text-align: center;
    vertical-align:middle;
    margin-bottom:10px;
}
    #nt-example1 p span {
        float:right;
        font-size:.9em;
        color:#b25a00;
    }
    #nt-example1 p img{ width:100%; height:300px;}
    #nt-example1 p a{font-weight:bold; color:blue; font-size:1em; text-decoration:none; transition: .5s ease-in-out;}
    #nt-example1 p a:hover{ color:#413ac2; text-decoration:none; transition: .5s ease-in-out;}

#nt-example13-container3 {
	text-align: center;
    margin:auto;
    padding:10px 10px;
    background:none;
    border-radius:0px;
    border:0px solid #ddd;
}
#nt-example13 p {
	color: #fff;
    background:none;
	overflow: hidden;
	height: auto;
	padding: 15px 10px;
	line-height: 25px;
	font-size: 1em;
    margin-bottom:10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
    #nt-example13 p small {
        font-size: .9em;
        text-align: center;
        color: #fff;
        background: #5cb85c;
        padding: 2px 10px;
        border-radius: 50px;
        vertical-align: middle;
    }
    #nt-example13 p small span{
        background:#fe0000;
        font-size:.9em;
        padding:1px 10px;
        color:#fff;
        border-radius:0px;
    }
    #nt-example13 p a{ text-decoration:none; color:#000; font-size:1.1em; font-weight:normal;}
    #nt-example13 p a:hover{ text-decoration:none; color:#091553;}
#nt-example11-container{
    background:none;
    border-radius:10px;
}
.btn-view1 {
  color: #e3b000;
  background: none;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #e3b000;
  outline: 0;
  font-size: 1.2em;
  padding: 10px 18px;
  text-transform:uppercase;
  border-radius:5px;
  transition: .6s ease-in-out;
  transform:scale(1);
}
.btn-view1:hover{ transition: .6s ease-in-out; color:#000; transform:scale(.95); background:#e3b000; border:2px solid #e3b000;}
.btn-view {
  color: #368400;
  background: none;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #368400;
  outline: 0;
  font-size: 1.1em;
  padding: 10px 18px;
  text-transform:uppercase;
  border-radius:50px;
  transition: .6s ease-in-out;
  transform:scale(1);
}
.btn-view:hover{ transition: .6s ease-in-out; color:#fff; transform:scale(.95); background:#368400; border:2px solid #368400;}
.timeln{ padding:30px 5px; background:url(/Content/Images/timeline-bg.jpg) no-repeat center fixed; background-size:cover;}
.news{border:0px solid #ddd; padding:0px; border-radius:5px; background:#f7f7f7; transition: .5s ease-in-out; transform:translate(0px, 0px);}
.news img{ width:100%; height:auto;}
.news h3{ text-align:center; color:#3e4051; font-weight:bold; line-height:35px; height:70px;}
.news a{ color:#3e4051; text-decoration:none;}
.news a:hover{ color:#000; text-decoration:none;}
.news p{font-size:1em; padding:10px; line-height:25px;}
.news:hover{ transition: .5s ease-in-out; transform:translate(0px, -5px); box-shadow: 0px 0px 10px -6px #000;}
.news1{border:0px solid #ddd; padding:0px; border-radius:5px; background:#fff; transition: .5s ease-in-out; transform:translate(0px, 0px);}
.news1 img{ width:100%; height:auto;}
.news1 h4{ text-align:center; color:#3e4051; height:50px; font-weight:bold;}
.news1 a{ color:#3e4051; text-decoration:none;}
.news1 a:hover{ color:#000; text-decoration:none;}
.news1 p{font-size:1em; padding:10px; line-height:25px;}
.news1:hover{ transition: .5s ease-in-out; transform:translate(0px, -5px); box-shadow: 0px 0px 10px -6px #000;}
.back1{ padding:40px 0px; background:#f5f5f5;}
.back1 h2{text-align:center; padding:7px 5px; margin:auto; text-transform:uppercase; color:#fff; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.about{ background:url(/Content/Images/about-bg.jpg) no-repeat center center; background-size:cover; padding:100px 10px; text-align:center; height:350px;}
.about h1{ text-align:center; color:#fff; font-weight:normal; margin:auto; padding:15px 5px; font-family: 'Tilt Warp', cursive; letter-spacing:1px;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px;}
.breadcrumb li a{ color: #fef000;
    text-decoration: none;
    font-weight: normal;
    padding: 10px 5px;
    border-radius: 10px;
    font-size: 1.4em;}
.breadcrumb .active{ color:#ddd; font-weight:normal;}
.breadcrumb li{ color:#ddd;}
.breadcrumb > li + li:before{ color:#ddd;}
.affix .logo{ width:60%; height:auto; background:#daf3f8;}
.light{border:0px solid #ddd; border-radius:0px; padding:10px;}
.light img{ border-radius:0px; margin:30px 0px;}
.light p{ text-align:justify; padding:20px; font-size:1.2em; color:#444; margin-bottom:0px;}
.admi1{ background:linear-gradient(90deg, #b00000, #0f1f08); padding:20px 5px;}
.admi1 h3{ font-weight:bold; text-align:left; margin:auto}
.admi1 p{ text-align:left; color:yellow; font-size:1em; padding:5px 0px; margin-bottom:0px;}
.acade{ background:#288a00 url(/Content/Images/acade-bg.png) repeat-x center bottom; padding:30px 5px;}
.acade h2{ color:#fff; margin-bottom:20px;}
/*.acade ul{ list-style:none;line-height:30px; font-family:'Hind', sans-serif;}*/
.acade p{ text-align:center; padding:10px 10px; color:#fff; cursor:pointer; font-size:1.2em; margin-bottom:50px; background:#278200; border-radius:5px; transition: .8s ease-in-out; transform:scale(1); box-shadow: 0px 0px 25px -15px #fff;}
.acade p:hover{ background:#e3b000; color:#000; transition: .8s ease-in-out; transform:scale(1.05);}
.acade p img{ width:70px; height:auto; vertical-align:middle; position:absolute; top:-35px;}


.top2{/*background: linear-gradient(180deg, #2b1e5b, #3a297c);*/ background:#2b1e5b url(/Content/Images/top2-bg.png) repeat-x center bottom;}
.top2 p{ padding: 10px 3px;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
    font-size: .95em;
    line-height: revert;
    /*background: linear-gradient(180deg, #3a297c, transparent);*/
    text-transform: uppercase;
    border-radius: 10px 10px 0px 0px;}
.purple-bg{ background:url(/Content/Images/about-bg11.png) repeat; border: 15px solid transparent;
    border-image: url(/Content/Images/border1.png);
    border-image-repeat: repeat;
    border-image-slice: 20;}
.foot-top{ height:10px; background:url(/Content/Images/topi.jpg) repeat-x center;}
.box-shadow{ box-shadow:0px 0px 12px -8px #000; padding:10px;}
.box-shadow img{ width:100%; height:auto;}
.headi1{text-align:center; margin:auto; font-family: 'Tilt Warp', cursive; letter-spacing:2px; text-transform:uppercase; padding:15px 5px; color:#0b1c6a; line-height:50px; font-weight:bold;}
.headi1 small{ color:#091553; font-family:'Arial Rounded MT'; letter-spacing:0px; text-transform:none; font-weight:bold;}
.btn-reg {
  color: #fff;
  background: #4ba900;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  border: 0;
  outline: 0;
  font-size: 1em;
  padding: 5px 20px;
  border-radius:0px;
  transition: .6s ease-in-out;
}
.btn-reg:hover{ transition: .6s ease-in-out; background:#3e8800;}
.news-back{ padding:30px 5px;}
/*.news-back{ padding:30px 5px;background:linear-gradient(90deg, #131247, #ed0f15);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;}*/
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.news-back h2{text-align:center; padding:20px 5px; margin:auto; color:#000; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.news-back h2 span{ font-weight:bold; color:#eddb00;}
.import {
	text-align: center;
    margin:auto;
    padding:10px;
    border-radius:0px;
    height:440px;
    line-height:25px;
}
.import a{ display:inline-block; text-decoration:none; width:100%; text-align:justify; font-weight:normal; line-height:20px; font-size:1em; padding:10px 10px; color:#000; background:none; border-bottom:1px solid #ddd; transition: .5s ease-in-out;}
.import a:hover{ background:none; font-weight:normal; padding-left:15px; transition: .5s ease-in-out; color:#185faf;}
.import img{ width:30%; height:auto;}
.gall-span{ position:absolute !important; z-index:1; text-align:center; bottom:0; background:url(/Content/Images/prgm-bg.png) repeat; margin:auto !important;}
.gall-span h4{ text-align:left; color:#3d404f; font-weight:bold; margin:auto; padding:10px 10px; line-height:30px;}
.gall-span h4 a{ float: right;
    font-size: .6em;
    text-decoration: none;
    color: #4ba900;
    text-transform: uppercase;
    background: none;
    border:2px solid #4ba900;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 0px;
    transition:.3s ease-in-out;
    font-weight: bold;
    line-height: normal;}
.gall-span h4 a:hover{ background:#3e8800; border:2px solid #3e8800; color:#fff; transition:.3s ease-in-out;}
.back3{ background:#f5f5f5; padding:20px 5px;}
.back3 h2{text-align:center; padding:15px 5px; margin:auto; color:#000; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.impo-link{ text-align:center; padding:10px; border:1px solid #ddd; border-radius:5px; transition:.5s ease-in-out; transform:translate(0px, 0px);}
.impo-link i{ font-size:4em; padding:20px; color:#3b338a;}
.impo-link a{ display:inline-block; width:100%; background:#efefef; margin-bottom:5px; padding:10px 5px; text-align:center; color:#3d404f; text-decoration:none; transition:.3s ease-in-out; transform:scale(1);}
.impo-link a:hover{color:#000; transition:.3s ease-in-out; transform:scale(1.02); font-weight:bold;}
.impo-link:hover{ background:#eada00; transition:.5s ease-in-out; transform:translate(0px, -5px);}
.bottom{ background: linear-gradient(90deg, #352673, #2b1f5d, #352673); padding:10px 5px; text-align:center;}
.bottom a{ text-decoration:none; color:#ddd; transition: .5s ease-in-out; transform: scale(1);}
.bottom a:hover{ text-decoration:none; color:#fff; transition: .5s ease-in-out; transform: scale(1.05);}
.bottom p{ padding:0px; color:#fff; font-size:1em; margin-bottom:0px; line-height:normal; height:auto; background:none; text-align:left;}
.bottom span{ color:#fff; font-weight:bold;}

.table-striped{ width:100%; padding:5px; border:0px solid #ddd}
.table-striped th{ padding:10px; text-align:left; font-weight:normal; font-size:1.2em; border:1px solid #f1f1f1; color:#fff; background:#3d404f;}
.table-striped td{ padding:15px 10px; text-align:left; font-size:1.1em; color:#333; border:1px solid #ddd;}
.table-striped a{ text-decoration:none;}
.table-striped a:hover{ text-decoration:none;}
.panel{ border-radius:0px !important;}






.stud{ border:0px solid #ddd; border-radius:5px; padding:10px; background:#f5f5f5; text-align:center; transition: .5s ease-in-out;}
.stud:hover{ border:0px solid #808080; background:#fdf400; transition: .5s ease-in-out;}
.stud a{ display:inline-block; text-decoration:none;}
.stud a img{ transition: 1s ease-in-out; transform: rotateY(0deg);}
.stud a:hover img{ width:50%; height:auto; transition: 1s ease-in-out; transform:  rotateY(180deg);}
.stud img{ width:50%; height:auto; /*transition: 1s ease-in-out; transform:  rotateY(0deg);*/}
.stud img:hover{ /*transition: 1s ease-in-out; transform: rotateY(180deg);*/}
.stud h5{ text-align:center !important; text-transform:uppercase; color:#666;}
/* The Close Button */
.close {
  color: #ff2f2f;
  float: right;
  font-size: 2.5em;
  font-weight: bold;
  opacity:.9;
}

.close:hover,
.close:focus {
  color: #ff0000;
  text-decoration: none;
  cursor: pointer;
  opacity:1;
}
.width{ font-size:1.2em; height:50px;}
.log-in{background: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    margin-top: 100px;
    box-shadow: 0px 0px 10px 0px #000;
    border: 5px solid #1f1ed8;}
.log-in img{ width:28%; height:auto;}
.log-in h1{ font-weight:bold; color:#3b3b9b; text-align:center; padding:10px 0px;}
.radius{ border-radius:0px; padding:10px 20px;}
.wid{ width:65%; margin:auto;}
.achi1 {
	background: url(/Content/Images/achi-bg.png) repeat center;
	padding: 15px 10px;
	height: 170px;
    cursor:pointer;
}
	.achi1 h2 {
		text-align: center;
		font-size: 3.5em;
		color: #fff;
		font-weight: bold;
		margin: auto;
		padding: 5px 0px;
	}

	.achi1 h4 {
		text-align: center;
		color: #ef8f00;
		font-weight: normal;
		margin: auto;
		padding: 5px 0px;
	}

	.achi1 h3 {
		text-align: center;
		color: #ddd;
		font-weight: normal;
		margin: auto;
		padding: 5px 0px;
		font-size: 21px;
	}
.dire {
	position: absolute;
	z-index: 8;
	right: -5px;
	top: 42%;
}

.dire1 {
	position: absolute;
	z-index: 8;
	left: -5px;
	top: 42%;
}
.back5 {
	background: url(/Content/Images/achie-bg.jpg) no-repeat center fixed;
	background-size: cover;
	margin-top: 15px;
}

.achi {
	background: #000;
	text-align: center;
	padding: 15px 10px;
	height: 170px;
    cursor:pointer;
    
}
.achi img:hover{transition: .3s ease-in-out;
    transform: scale(1.05);}
	.achi img {
		width: 47%;
		height: auto;
		padding: 5px;
        transition: .3s ease-in-out;
    transform: scale(1);
	}
.lat-news{ background:#f7f7f7; padding:10px; border:1px solid #ddd; margin-bottom:10px;}
.lat-news img{ width:100%; height:250px;}
.lat-news h5{ text-align:center; margin:auto; padding:10px 0px; background:#b25a00; color:#fff;}
.lat-news h3{ text-align:left; margin:auto; padding:10px 0px; font-weight:bold; color:#353572;}
.late-new p{ margin-bottom:0px; font-size:1em; color:#3d404f;}
.admission{ text-align:center; padding:40px 10px;}
     .admission img{ width:100%; height:auto; box-shadow: 0px 0px 10px -3px #000; border-radius: 50%;}
     .admission h1{ text-align:center; color:#fff; font-weight:bold; line-height:60px; padding:10px 5px;}
     .admission h1 small{ color:#ddd;}

.radient{ background: #f7f7f7 url(/Content/Images/radi-bg.png) repeat-x center bottom; height:20px;}
.radient1{ background: transparent url(/Content/Images/radi-bg1.png) repeat-x center bottom; height:20px;}
.quick{ background:#4846a2; overflow-x:hidden; text-align:center; border-bottom:1px solid #ddd;}
.quick h4{margin:auto; text-align:center; padding:15.5px 5px; background:#efefef; border-radius:0px 30px 0px 0px;}
.quick p{ text-align:justify; color:#3d404f; margin-bottom:0px; padding:7px;}
.quick p a{ color:#f7f7f7; text-decoration:none; font-size:1em; transition: .5s ease-in-out;}
.quick p a:hover{ color:#fff; text-decoration:underline; transition: .5s ease-in-out;}
.quick p a img{ width:20px; height:auto; margin-right:5px;}
.back{ background:url(/Content/Images/about-bg.jpg) no-repeat center top; padding-top:300px; text-align:center;}
.back img{ width:100%; height:auto;}
.back h1{text-align:Center; padding:20px 5px; margin:auto; text-transform:uppercase; color:#32336d; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.back h1 span{ font-weight:bold; color:#32336d;}
.back p{ padding: 10px; margin-bottom:0px; text-align:justify;}
.affi{ text-align:center; padding:30px 5px; /*background:#f2f8ff url(/Content/Images/hpu.png) no-repeat center center fixed;*/}
.affi img{width: 100%;
    height: auto;
    background: #f3f8ff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;}
.affi p{ font-size:1.4em; text-align:center; padding:30px 5px; line-height:40px;}
.affi p span{color:#111; font-weight:bold;}
.bord{ padding:10px; border:1px solid #ddd; background:#fff; margin-bottom:20px; border-radius:5px;}
.msg{ padding:40px 5px; background:url(/Content/Images/msg-bg.jpg) repeat-x center bottom; text-align:center;}
.msg img{ width:100%; height:auto;}
.msg h2{text-align:center; padding:15px 5px; margin:auto; text-transform:uppercase; color:#32336d; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.msg h2 span{ font-weight:bold; color:#32336d;}
.msg h4{ text-align:center; padding:10px 5px; text-transform:uppercase; color:#b25a00; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.msg h4 small{ color:#111;}
.msg p{ text-align:justify; color:#3d404f;}

.fix-height{ height:440px; overflow-x:hidden;}
.fix-height1{ height:390px; overflow-x:hidden;}
.back2{ background:#ad5900 url(/Content/Images/contact-bg.png) repeat center fixed; padding:20px 5px; text-align:center;}
.back2 h6{ text-align:center; margin-top:15px;}
.touch{ text-align:center;}
.touch img{ width:70%; height:auto;}
.touch h2{ color:#fff; text-align:left; margin:auto; padding:10px 5px; font-weight:normal; font-family: 'Tilt Warp', cursive;}
.touch h2 small{ color:#ddd;}

.list{ line-height:30px; font-family:'Hind', sans-serif;}
.list li{ font-size:1.2em; padding:5px 0px; list-style:disc; text-align:justify; color:#3d404f;}
.list1{ line-height:30px; list-style:none; margin-top:10px;}
.list1 li{ list-style:disc;}
.list1 li a{ text-decoration:none; display:inline-block; width:100%; text-align:left; padding:5px; color:#333; transition: .5s ease-in-out;}
.list1 li a:hover{ color:#b25a00; background:#f7f7f7; padding-left:3px; transition: .5s ease-in-out;}
.naac{ text-decoration:none; font-weight:bold; display:inline-block; width:100%; text-align:left; padding:10px 15px; color:#333; transition: .5s ease-in-out;}
.naac:hover{ color:#b25a00; text-decoration:none; background:#f7f7f7; padding:10px 20px; transition: .5s ease-in-out;}
.div-pad{ padding:30px 5px;}
.cont-back{
    /*box-shadow: 0px 0px 30px -20px #000;*/
    padding: 10px;
    border: 1px solid #f7f7f7;
    border-radius: 10px;
    padding:5px;
    background:snow;
}
.list-group{ padding:5px !important; margin-bottom:0px;}
.list-group-item{ color:#3d404f; text-align:left; font-size:1.05em; border-bottom:1px solid #ddd; margin-bottom:5px; background:#f7f7f7; transition: .5s ease-in-out; line-height:30px; padding:10px 15px;}
.list-group-item:hover{ background:#353572 !important; color:#fff !important; transition: .5s ease-in-out;}

p{ font-size:1.3em; color:#222; line-height:35px; text-align:justify; font-family:'Hind', sans-serif; padding:10px;}
.staff h3{ text-align:center; color:#3d404f; margin:auto; border-bottom: 1px dashed #ddd; font-weight:bold; padding:10px 0px;}
.serve{padding-top: 80px; background:#f7f7f7; padding-left:0px; padding-right:0px; margin-top: 90px; text-align:center; transition: .5s ease-in-out; margin-bottom:5px; border-radius:5px; border:1px solid #ddd}
.serve h4{ text-align:center; padding:10px 2px; color:#b25a00; font-weight:bold; line-height:30px;}
.serve h4 small{ color:#3d404f}
.serve p{padding: 5px 20px;
    color: #3d404f;
    margin-bottom: 0px;
    font-size: 1em !important;}
.img{ position:absolute; width:95%; z-index:1; text-align:center}
.img img{ border:5px solid #ddd; border-radius:50%; transform: translate(0px, 0px); width:170px; height:170px; transition: .5s ease-in-out;}
.img img:hover{ border:5px solid #fff; transform: translate(0px, -5px); transition: .5s ease-in-out;}
.dept{position: absolute;
    top: 30%;
	width:100%;
	border-radius:50px;
    left: 0;
    }
	.dept h3{color: #fff;
    background: none;
	margin:auto;
	font-weight:bold;
	line-height:30px;
	text-align:center;
    padding: 10px 20px;}
.img h3 small{ color:#444;}
.nav-pills > li > a{ border:1px solid #fff; background:#f7f7f7;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{ background:#353572; color:#fff; border: 1px solid #fff;}
.nav-tabs > li{ border-radius:5px 5px 0 0;}
.nav-tabs > li > a{ margin-right:0px; font-size:1.1em; color:#3e4050; text-align:center; font-weight:normal; padding:15px 0px; background:#f1f1f1; border:1px solid transparent !important;}
.nav-tabs > li > a:hover{ background:#3e4050; color:#fff;}
.tab-content > .active{ background:#fff;}
.tab-content > .active h5{ text-align:left; padding:10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background:#3e4050; color:#eddb00; padding:15px 0px; font-size:1.1em; font-weight:normal; border:1px solid #3e4050 !important;}
#nt-exampletop p {
	color: #fff;
	background: none;
	overflow: hidden;
	height: 30px;
	padding: 6px;
	line-height: 20px;
	font-size: 1.1em;
	text-align: left;
    margin-bottom:0px;
}
    #nt-exampletop p a{ text-decoration:none; font-size:1.1em; color:blue;}

#nt-example11 {
	width: 100%;
	margin: auto;
    height:450px !important;
}

#nt-example11-container1 {
	text-align: center;
    margin:auto;
    padding:20px 10px;
    background:none;
    border-radius:5px;
    box-shadow: 0px 0px 5px -5px #000;
}
#nt-example11 p {
	color: #fff;
	overflow: hidden;
	height: auto;
	padding: 10px;
	line-height: 25px;
	font-size: 1.1em;
	text-align: justify;
    margin-bottom:0px;
	border-bottom: 1px dashed #3a2f9f;
}
    #nt-example11 p span {
        float:right;
        font-size:.9em;
        color:#b25a00;
    }
    #nt-example11 p a{ text-decoration:none; font-size:.9em;}
    #nt-example12 {
	width: 100%;
	margin: auto;
    height:430px !important;
}

#nt-example12-container2 {
	text-align: center;
    margin:auto;
    padding:10px 10px;
    background:none;
    border-radius:0px;
}
#nt-example12 p {
	color: #000;
	overflow: hidden;
	height: auto;
    background:none;
	padding: 5px;
    font-weight:normal;
	line-height: 25px;
	font-size: 1.1em;
    margin-bottom:10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
    /*#nt-example12 p span {
        float:right;
        font-size:.9em;
        color:#808080;
        font-weight:normal;
    }*/
    #nt-example12 p small {
        font-size: .9em;
        text-align: center;
        color: #fff;
        float: right;
        padding: 0px 10px;
        font-weight: normal;
        background: #5cb85c;
        border-radius: 50px;
        vertical-align: middle;
    }
    #nt-example12 p small span{
        background:#fe0000;
        font-size:.9em;
        padding:3px 10px;
        color:#fff;
        border-radius:0px;
    }
    #nt-example12 p img{ width:100px; height:auto; border:1px solid #fff; padding:2px; margin-bottom:10px:}
    #nt-example12 p a{ text-decoration:none; color:#18304d; font-size:1em;}
    #nt-example12 p a:hover{ color:#000; text-decoration:none;}
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}














.top-border{ background:linear-gradient(90deg, #f4ba00, #c2dc00, #2f896f, #70ccf5, #9d00ef, #f97600, #f4ba00, #c2dc00, #2f896f, #70ccf5); height:4px;}


.msg1{ padding:30px 5px; text-align:center;}
.msg1 img{ width:100%; height:auto; border-radius:50%; border:3px solid #d9e464;}
.msg1 p{ text-align:justify; color:#1c1c1c;}
.msg1 p span{ font-size:1.5em; color:#666;}
.who{ padding:40px 5px; background:#f0f8ff;}
.who h2{text-align:center; padding:7px 5px; margin:auto; text-transform:uppercase; color:#01001c; font-weight:bold; font-family: 'Tilt Warp', cursive;}
.who h2 span{ font-weight:bold; color:#1f5c3a;}
.who p{ text-align:center; padding:20px 5px;}
.whowe{ text-align:center; padding:10px 5px; border:1px solid #ddd; border-radius:3px; transition: .3s ease-in-out;}
.whowe:hover{ border:1px solid #555; transition: .3s ease-in-out;}
.whowe img{ width:40%; height:auto; padding:10px;}
.whowe h5{ text-align:center; color:#666666;}
.whowe h4{ color:111; text-align:center;}

/*.img{position: absolute;
    bottom: 5%;
	width:90%;
	border-radius:50px;
    left: 5%;
    }
	.img a{color:#000; text-decoration:none}
	.img h4{color: #000;
    background: #d9e464;
	margin:auto;
    box-shadow: 0px 0px 5px 0px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	border-radius:40px 10px;
    padding: 10px 20px;}
	.img h4 small{ color:#444;}*/
.pad1{ padding:15px;}
.sub-name{ color:#2a324b; text-align:center; margin:auto; padding:0px 5px; letter-spacing:0px;}

.staff{ background:#f7f7f7; height:300px; text-align:center; transform: translate(0px,0px); transition: .3s ease-in-out; border:1px solid #ddd; border-radius:5px; padding:5px 5px;}
.staff:hover{ box-shadow: 0px 0px 10px -8px #000;transform: translate(0px,-3px); border:1px solid #ddd; transition: .3s ease-in-out;}
.staff img{ width:60%; height:auto; border-radius:10px;}
.staff h3{ text-align:center; color:#3d404e; font-weight:bold; padding:10px 0px;}
.staff h5{  text-align:center; color:#808080; font-weight:normal;}

.press{ background:#f0f8ff; padding:10px; margin-bottom:20px; border:1px solid #ddd; border-radius:5px; transform: translate(0px,0px); transition: .5s ease-in-out;}
.press:hover{ box-shadow: 0px 0px 10px -8px #000; transform: translate(0px,-3px); transition: .5s ease-in-out;}




.cont{ padding:10px; background:#f8fdff; transition: .3s ease-in-out; text-align:center; border: 1px solid #ddd; margin-bottom:15px;}
.cont:hover{ box-shadow:0px 0px 10px -5px #01001c; transition: .3s ease-in-out; border:1px solid #888;}
.cont img{ width:60px; height:auto}
.cont h3{ text-align:center; color:#01001c; font-weight:bold; margin:auto; padding:10px;}
.cont p{ text-align:center; color:#707070; line-height:25px;}
.con{ text-align:center; padding:5px; margin-top:8px;}
.con a{ text-decoration:none; color:#282828; font-size:3em;}
.con a:hover{ text-decoration:none; color:#282828;}
.con h5{ text-align:left; color:#282828; font-size:1.2em; line-height:20px;}
.con h5 a{ font-weight:bold; text-decoration:underline; font-size:1em; color:#01001c;}
.con h5 a:hover{ text-decoration:underline; color:#282828;}

.size{ font-size:.7em;}
.news1{border-bottom:1px dotted #ddd; font-size:1em; line-height:25px;}
.news1 small{ color:#808080;}
.news1 a{ text-decoration:none; font-weight:bold; color:#666; transition: .5s ease-in-out;}
.news1 a:hover{ color:#376494;}
.btn1{ font-size: .8em;
    padding: 0px;
    color: #444;
    width: 28px;
    height: 26px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: unset;
    border-radius: 50px;
    border: 0px;}









.icon{ padding:10px 0px; border:0px solid #ddd; background:#f7f7f7; border-radius:5px; transition: .5s ease-in-out; text-align:center}
.icon:hover{ transition: .5s ease-in-out; border:0px solid #808080;}
.icon a{ width:100%; display:inline-block; text-decoration:none; transform: scale(.95); transition: .5s ease-in-out;}
.icon a:hover{ text-decoration:none; transform: scale(1); transition: .5s ease-in-out;}
.icon img{width:35%; height:auto;}
.icon h5{text-align:center; line-height:20px; padding:15px 2px; margin:auto; color:#111; font-weight:normal; text-transform:uppercase;}
.icon h5 small{ font-size:.8em; color:#808080;}


.ico{ font-size:1.5em;}
.admi{ background:url(/Content/Images/admi-bg.jpg) no-repeat center; background-size:cover; width:100%; padding:40px 5px;}
.admi h4{ text-align:left; color:#fff;}
.admi h1{ font-weight:normal; text-align:left; color:#000; font-family: 'Tilt Warp', cursive;}
.admi p{ color:#ddd; font-size:1em; padding:10px 5px;}
.admi a{ width:auto; display:inline-block; padding:7px 20px; font-weight:500; text-decoration:none; color:#fff; border:2px solid #fff; background:none; transition: .5s ease-in-out;}
.admi a:hover, .admi a:focus{ background:#fff; color:#111; text-decoration:none; transition: .5s ease-in-out; border:2px solid #fff;}
.back4{ background:url(/Content/Images/achieve-bg.jpg) no-repeat center fixed; background-size:cover; padding:30px 5px;}
.back4 h2{text-align:center; line-height:40px; margin:auto; font-family: 'Tilt Warp', cursive; letter-spacing:1px; padding:15px 5px; color:#fff; font-weight:normal;}
.back4 h2 span{ color:#2a324c; font-weight:normal;}
.princi{ text-decoration:none; color:#f22659; font-family: 'Tilt Warp', cursive; font-size:2em; text-align:center; line-height:30px;}
.princi strong{ color:#2a314c;}

.link{ text-decoration:none; color:#f2285a; transition: .5s;}
.link:hover{ text-decoration:none; color:#666; transition: .5s;}




.pad2{ padding:10px;}
/*.pad2 a{ transform: translate(0px,0px); display:inline-block; width:100%; transition: .5s ease-in-out; text-decoration:none;}
.pad2 a:hover, .pad2 a:focus{transform: translate(0px,-5px); transition: .5s ease-in-out; text-decoration:none;}*/
.name{ font-family: Fantasy; font-size:2.8em; letter-spacing:1px; font-weight: normal; text-transform:uppercase; margin: auto; padding: 20px 5px; color:#000; line-height:30px; text-align:left;}
.name small{font-size:.5em; font-family:'Arial Rounded MT'; text-transform:none; letter-spacing:0px; color:#444;}
.bg{ background:#f7f7f7; padding:10px; height:60px;}
.event1{padding-top: 20px; height:500px; padding-left:10px; padding-right:10px; margin-top: 44px; text-align:center; transition: .5s ease-in-out; margin-bottom:5px; border-radius:5px; border:1px solid #ddd}
.event1 h4{text-align:center; padding:10px 2px; color:#444; font-weight:normal}
.event1 img{ width:100%; height:auto; padding:2px; border:1px solid #ddd; border-radius:3px;}
.event{position:absolute; width:98%; z-index:1; text-align:center}
.event h3{width:100%; text-align:center; font-family: 'Tilt Warp', cursive; transition: .5s ease-in-out;}
.event h3 span{background:#f7991e; color:#000; padding: 10px 30px; transition: .5s ease-in-out; display: inline-block; border-radius: 2px; font-weight:normal;}
.event span small{color:#808080;}
.bg1{background: repeat; padding:20px 5px;}
.bg1 h2{ text-align:center; color:#d4ad38; font-family: 'Tilt Warp', cursive;}
.bg1 img{ width:100%; height:auto;}
.bg1 h5{ text-align:center; color:#fff;}
.links{ background:#d4ad38; padding:20px 5px;}
.links h3{text-align:center; color:#111; font-family: 'Tilt Warp', cursive;}
.bg2{ background:url(/Content/Images/army-bg.jpg) repeat center; padding:20px 5px;}
.border2{ background:url(/Content/Images/border.png) repeat center bottom; height:20px;}




.top-contact{
    background:none;
    border-radius:0px;
}
.top1{background:#015c9c; z-index:18;}
.top {
    background: #01508838 url(/Content/Images/top2-bg.png) repeat-x center bottom;
    text-align: right;
    padding: 5px 0px;
    color: #111;
}
.top p a{ text-decoration:none; color:#fff; font-weight:500; display:inline-block;}
.top p a:hover, .top a:focus{ text-decoration:none; color:#fff100;}
.top p{ padding:5px 0px; margin-bottom:0px; color:#111; font-weight:500; font-size:1.1em; text-align:right;}
.iheight{width:100%; height:250px; border:0; padding:5px;}
.btn2{ background:#2b324c; font-weight:normal; color:#fff; border:0px solid #333; border-radius:8px; padding:7px 15px; transform: translate(0px,0px); transition: .5s ease-in-out;}
.btn2:hover{ background:#2b324c; border:0px solid #333; color:#fff; transition: .5s ease-in-out; transform: translate(3px,0px);}
.icon1{ text-align:right; padding:8px 5px;}
.add1{ text-align:left; line-height:30px; font-size:1.2em; color:#333;}
.add1 a{ color:#333; text-decoration:none}
.add1 a:hover, .add1 a:focus{color:#000} 
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 25%;
  padding:1px;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 200px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
  transform:scale(1);
  overflow:hidden;
}
.gallery-item > a > img:hover { border:1px solid #808080; transform:scale(.95);} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
.headi2 {
    text-align: center;
    margin: auto;
    background: url(/Conte/Content/Images/headi1-bg.png) no-repeat center bottom;
    font-family: 'Tilt Warp', cursive;
    text-transform: uppercase;
    padding: 15px 5px;
    color: #000066;
    font-weight: bold;
}
.headi2 span{ color:#228b22; font-weight:bold;}

.headi{ text-align:left; color:#333; font-weight:bold;}
.headi span{ color:#ff6347;}


.top-nav{ background:linear-gradient(90deg, #2b68e3, #1e5cdf, #2b68e3);}
.row{ margin-left:0px; margin-right:0px;}
.pad{ padding:5px;}
.logo{width: 100%;
    padding: 5px;
    height: auto;
}
.fixed{ height:200px; overflow:hidden; position:relative; border:1px solid #ddd; transition: .7s ease-in-out;}
.fixed:hover, .fixed:focus{ border:1px solid #808080; transition: .7s ease-in-out;}
footer{margin:auto; font-size:14px; font-weight:normal; background:#015c9c; /*background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover;*/ text-align:center; color:#ddd; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ddd; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff100; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ddd; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff100; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h2{ text-align:center; font-weight:bold; color:#e3b000; font-family: 'Tilt Warp', cursive;}
    footer h4 {
        padding: 10px 5px;
        color: #fff;
        font-weight: bold;
        text-align: left;
    }
footer h4 span{ color:#fff; font-weight:bold; padding-bottom:5px; border-bottom: 2px solid #fff100;}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#ddd}
footer address strong{ color:#ddd;}
footer p{font-size:1em; line-height:25px; color:#ddd; text-align:justify; margin-bottom:0px;}

/* @media (max-width: 1440px) */

@media (max-width: 1440px) {
   .about2 p{ font-size:1.2em; line-height:30px; font-weight:normal; color:#444;}
    .news h3{ height:auto;}
    .name{
        padding:10px 5px;
    }
}
/* END */

/* @media (max-width: 1366px) */

@media (max-width: 1366px) {
    .about2 p{ font-size:1.2em; line-height:30px; font-weight:normal; color:#444;}
    .news h3{ height:auto;}
    .name{
        padding:10px 5px;
    }
}
/* END */

/* @media (max-width: 1280px) */

@media (max-width: 1280px){
    .about2 p{ font-size:1.2em; line-height:30px; font-weight:normal; color:#444;}
    .about2 h1{ padding:0px;}
    .news h3{ height:auto;}
    .name{
        padding:10px 5px;
    }
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}
}
/* END */

/* @media (max-width: 1024px) */

@media (max-width: 1024px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.btn-reg {
        font-size:1em;
    }
.gallery-item {
  width: 25%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 180px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu > ul > li > a {
  padding: 17px 10px;
  font-size: 1em;
  text-decoration: none;
  text-transform:none;
  font-weight:normal;
  color: #fff;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
#cssmenu ul ul li a {
font-size:.9em;
padding:15px 20px;
font-weight:normal;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height 0.6s ease;
  -moz-transition: height 0.6s ease;
  -ms-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 43px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  /*top: 15px;
  right: 10px;*/
  top: 20px;
  right: 12px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.6s ease;
  -moz-transition: border-color 0.6s ease;
  -ms-transition: border-color 0.6s ease;
  -o-transition: border-color 0.6s ease;
  transition: border-color 0.6s ease;
}
body, html{overflow-x:hidden !important;}
.top p{text-align: right;
    font-size: 1em;
    padding: 0px 10px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:bold; font-size:.9em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:bold; font-size:.9em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:.9em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:1em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px; font-size:1em;}
.announce{border-radius:50px; margin-top:-20px;}
.announce h4{font-size:1em; text-align:center}
.name{font-size:2.2em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
.color-news1 h3{font-size:1.3em;}
.color-news2 h3{font-size:1.3em;}
.color-news3 h3{font-size:1.3em;}
.import a{ font-size:.8em;}
.btn-query{margin-top:15px; font-size:1em;}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:5px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.about2 h1{ font-size:1.9em; line-height:inherit;}
.about2 p{ font-size:1.2em; line-height:30px; font-weight:normal;}
.back3 h2{ font-size:1.9em;}
.bottom p{ font-size:.8em;}
.headi1{font-size:2em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:1em; line-height:25px; padding:3px;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 800px) */

@media (max-width: 800px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 25%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 130px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display:block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu > ul > li > a {
  padding: 15px 5px;
  font-size: .8em;
  text-decoration: none;
  text-transform:none;
  font-weight:normal;
  color: #fff;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
#cssmenu ul ul li a {
font-size:.7em;
padding:10px 20px;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height 0.6s ease;
  -moz-transition: height 0.6s ease;
  -ms-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 30px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 17px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.6s ease;
  -moz-transition: border-color 0.6s ease;
  -ms-transition: border-color 0.6s ease;
  -o-transition: border-color 0.6s ease;
  transition: border-color 0.6s ease;
}
 body, html{overflow-x:hidden !important;}
.top p{text-align: right;
    font-size: 1em;
    padding: 0px 10px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:30px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:bold; font-size:.95em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:bold; font-size:.95em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.2em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:.95em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:.85em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px; font-size:1em;}
.announce{border-radius:50px; margin-top:-20px;}
.announce h4{font-size:1em; text-align:center}
.name{font-size:1.8em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
.color-news1 h3{font-size:1.3em;}
.color-news2 h3{font-size:1.3em;}
.color-news3 h3{font-size:1.3em;}
.import a{ font-size:.8em;}
.btn-query{margin-top:5px; padding:7px 15px; font-size:.8em;}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:5px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.about2 h1{ font-size:1.9em; line-height:inherit;}
.about2 p{ font-size:1.2em; line-height:30px; font-weight:normal;}
.back3 h2{ font-size:1.9em;}
.bottom p{ font-size:.8em;}
.headi1{font-size:2em;}
.news-back h2{ font-size:1.9em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.back h1{ font-size:2.2em;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 768px) */

@media (max-width: 768px){
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -80px;
    right: 7px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -73px;
    right: 7px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
.top p{text-align: center;
    font-size: 1em;
    padding: 0px 0px;
    font-weight:normal;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:30px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:normal; font-size:.95em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:normal; font-size:.95em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.3em; font-weight:normal; text-align:left;  font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:.95em; line-height:30px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:.85em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px;}
.announce{border-radius:0px; margin-top:0px;}
.announce h4{font-size:1em; text-align:center}
.name{font-size:1.6em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
.color-news1 h3{font-size:1.3em;}
.color-news2 h3{font-size:1.3em;}
.color-news3 h3{font-size:1.3em;}
.import a{ font-size:.8em;}
.btn-query{margin-top:0px; padding:5px 15px; font-size:.8em;}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.about2 h1{ font-size:1.9em; line-height:inherit; padding:0px;}
.about2 p{ font-size:1.2em; line-height:30px; font-weight:normal;}
.back3 h2{ font-size:1.9em;}
.bottom p{ font-size:.8em;}
.headi1{font-size:2em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.back h1{ font-size:2.2em;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (man-width: 426px) and (max-width: 767px) */

@media (min-width: 426px) and (max-width: 767px){
.top p{text-align: center;
    font-size: 1em;
    padding: 10px 0px;
    font-weight:bold;
    line-height: 15px;
    margin-top:0px;
}
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:1em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px;}
.announce{border-radius:0px; margin-top:0px;}
.announce h4{font-size:1em; text-align:center}
.about2 p{padding:5px;}
.name{font-size:1.16em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
.dis{display:inline-block;}
.top-contact{
    text-align:center;
}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.affix .logo{ width:30%;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
.news h3{ height:auto;}
#cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -43px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -35px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
}
/* END */

/* @media (max-width: 425px) */

@media (max-width: 425px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 33.333%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 100px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -58px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -51px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px;}
  .top p{text-align: center;
    font-size: .9em;
    padding: 5px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:1em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px;}
.announce{border-radius:0px; margin-top:0px;}
.announce h4{font-size:1em; text-align:center}
.about2 p{padding:5px;}
.name{font-size:1.35em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
    .dis {
        display: inline-block;
    }

    .top-contact {
        text-align: center;
    }
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; position:relative; padding:0px}
.affix .logo{ width:30%;}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Tilt Warp', cursive;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 375px) */

@media (max-width: 375px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 50%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 120px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -56px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -49px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px;}
  .top p{text-align: center;
    font-size: .9em;
    padding: 5px 0px;
    font-weight:bold;
    line-height: 15px;
    margin-top:0px;
  }
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:1em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px;}
.announce{border-radius:0px; margin-top:0px;}
.announce h4{font-size:1em; text-align:center}
.about2 p{padding:5px;}
.name{font-size:1.16em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
    .dis {
        display: inline-block;
    }

    .top-contact {
        text-align: center;
    }
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.affix .logo{ width:30%;}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}

.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Tilt Warp', cursive;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 360px) */

@media (max-width: 360px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 50%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 120px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -53px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -46px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px !important;}
  .top p{text-align: center;
    font-size: .9em;
    padding: 5px 0px;
    font-weight:bold;
    line-height: 15px;
    margin-top:0px;
  }
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:1em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px;}
.announce{border-radius:0px; margin-top:0px;}
.announce h4{font-size:1em; text-align:center}
.about2 p{padding:5px;}
.name{font-size:1.1em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.news h3{ height:auto;}
    .dis {
        display: inline-block;
    }

    .top-contact {
        text-align: center;
    }
.top2 p{ font-size:.6em; padding:3px 0px;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Tilt Warp', cursive;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 320px) */

@media (max-width: 320px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 50%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 100px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -43px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px;}
  .top p{text-align: center;
    font-size: .8em;
    padding: 4px 0px;
    font-weight:bold;
    line-height: 15px;
    margin-top:0px;
  }
footer{margin:auto; font-size:14px; font-weight:bold; background:url(/Content/Images/header-bg.png) no-repeat center bottom; background-size:cover; text-align:center; color:#444; padding:40px 10px}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#444; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#0b1c6a; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#444; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#0b1c6a; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#000; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Tilt Warp', cursive;}
footer h4 span{ color:#02af01}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#444}
footer p{font-size:1em; color:#444; text-align:justify;}
.light p{padding:10px; line-height:25px;}
.announce{border-radius:0px; margin-top:0px;}
.announce h4{font-size:1em; text-align:center}
.about2 p{padding:5px;}
.name{font-size:.95em; line-height:normal; padding:5px 0px;}
.name small{
    font-size:.7em;
}
.headi1{font-size:2em; line-height:35px; font-weight:normal;}
.btn-query{margin-top:0px; font-size:.9em;}
    .dis {
        display: inline-block;
    }

    .top-contact {
        text-align: center;
    }
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Tilt Warp', cursive;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .9s ease-in-out;
	transition: .9s ease-in-out;
	border:0px solid #fff;
	height:250px;
    object-fit: cover;
    vertical-align:middle;
    width:100%;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .9s ease-in-out;
	transition: .9s ease-in-out;
}
.column {
	margin:0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 0px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}

figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
	border-radius:0px;
}
a.back-to-top {
    display: none;
    width: 40px;
    height: 42px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    border-radius: 0px;
    background: #ec1d1f url("/Content/Images/up-arrow.png") no-repeat center 43%;
    transition: 1s;
    animation: updown 1.1s infinite alternate;
}
a:hover.back-to-top {
    background-color: #ec1d1f;
}
@keyframes updown {
            0% {
                transform: translateY(0);
            }

            100% {
                transform: translateY(-10px);
            }
        }

.content_div {
    width: 100%;
    height: auto;
}
/*Staff List*/

.wrap {
    display: flex;
    justify: space-between;
    align-items: stretch;
    width: 100%;
    gap: 5px;
    padding: 24px;
    flex-wrap: wrap;
}

.box {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #d5d5d5;
}

.box-top {
    display: flex;
    flex-direction: column;
    position: relative;
}

.box-image {
    width: 100%;
    height: 205px;
    object-fit: cover;
    object-position: 50% 20%;
}

.title-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-title {
    border-left: 3px solid #ed1f23;
    padding-left: 12px;
}

.user-follow-info {
    color: hsl(0, 0%, 60%);
}

.user-qualifications {
    padding-left: 12px;
}

.button {
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: auto;
    padding: 16px;
    color: #000;
    background: transparent;
    box-shadow: 0px 0px 0px 1px black inset;
    transition: background 0.4s ease;
}

    .button:hover {
        background: hsl(240, 80%, 89%);
    }

.fill-one {
    background: hsl(204, 37%, 92%);
}

.fill-two {
    background: hsl(0, 59%, 94%);
}

/* RESPONSIVE QUERIES */

@media (min-width: 320px) {
    .title-flex {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
    }
}

@media (min-width: 460px) {
    .title-flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
    }
}

@media (min-width: 640px) {
    .box {
        flex-basis: calc(50% - 12px);
    }

    .title-flex {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
    }
}

@media (min-width: 840px) {
    .title-flex {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
    }
}

@media (min-width: 1024px) {
    .box {
        flex-basis: calc(33.3% - 16px);
    }

    .title-flex {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: start;
    }
}

@media (min-width: 1100px) {
    .box {
        flex-basis: calc(25% - 25px);
    }
}
.dropdown-toggle {
    border: 1px solid;
    text-align: left;
}
/*Photo Gallery share links*/

.social1 {
    position: relative;
    z-index: 2;
    background: #26bf00;
    color: #fff;
    padding: 5px;
    font-size: .8em;
    display: inline-block;
    margin: auto;
    bottom: 50px;
    left: 3px;
}

    .social1 a {
        color: #fff;
        margin-right: 5px;
    }

    /*Video Gallery*/

.video-gallery {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
}

    .video-gallery .video-item {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 320px;
        max-width: 580px;
        max-height: 360px;
        width: 48%;
        background: #fe97228f;
        cursor: pointer;
    }

        .video-gallery .video-item img {
            position: relative;
            display: block;
            opacity: .45;
            width: 105%;
            height: 300px;
            transition: opacity 0.35s, transform 0.35s;
            transform: translate3d(-23px, 0, 0);
            backface-visibility: hidden;
        }

        .video-gallery .video-item .video-item-caption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
        }

            .video-gallery .video-item .video-item-caption,
            .video-gallery .video-item .video-item-caption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        .video-gallery .video-item h2 {
            font-weight: 300;
            overflow: hidden;
            padding: 0.5em 0;
        }


        .video-gallery .video-item h2,
        .video-gallery .video-item p {
            position: relative;
            margin: 0;
            z-index: 10;
            font-weight: bold;
            color: #091553;
        }

        .video-gallery .video-item p {
            letter-spacing: 1px;
            font-size: 68%;
            padding: 1em 0;
            opacity: 0;
            transition: opacity 0.35s, transform 0.35s;
            transform: translate3d(10%, 0, 0);
        }

        .video-gallery .video-item:hover img {
            opacity: .3;
            transform: translate3d(0, 0, 0);
        }

        .video-gallery .video-item .video-item-caption {
            text-align: left;
        }

        .video-gallery .video-item h2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 15%;
            height: 1px;
            background: #fff;
            transition: transform 0.3s;
            transform: translate3d(-100%, 0, 0);
        }

        .video-gallery .video-item:hover h2::after {
            transform: translate3d(0, 0, 0);
        }

        .video-gallery .video-item:hover p {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

@media screen and (max-width: 50em) {
    .video-gallery .video-item {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.ag-format-container {
    width: 1142px;
    margin: 0 auto;
}

.ag-tabs-block {
    padding: 20px 0;
}

.ag-tabs_title {
    display: table;
    margin: 0 0 20px;
    padding: 0 10px;
    background-color: #ffcf00;
    font-weight: bold;
    font-size: 40px;
    z-index: 2;
    position: relative;
}

    .ag-tabs_title:before {
        content: "";
        display: block;
        height: 100%;
        width: 64px;
        border-right: 2px solid #020202;
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 5px, #ffcf00 5px);
        background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 5px, #ffcf00 5px);
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 5px, #ffcf00 5px);
        z-index: -1;
        position: absolute;
        top: 0;
        right: -30px;
        -webkit-transform: skewX(-160deg) skewY(0);
        -ms-transform: skewX(-160deg) skewY(0);
        -o-transform: skewX(-160deg) skewY(0);
        transform: skewX(-160deg) skewY(0);
    }

.ag-tabs_box {
    margin: 0 8px 10px 0;
    border: 1px solid #d1d3d4;
    background-color: #FFF;
    -webkit-box-shadow: 3px 3px 0 0 #fff, 3px 3px 0 1px #d1d3d4, 7px 7px 0 0 #fff, 7px 7px 0 1px #d1d3d4, 16px 16px 15px 0 rgba(6, 32, 55, .15);
    -moz-box-shadow: 3px 3px 0 0 #fff, 3px 3px 0 1px #d1d3d4, 7px 7px 0 0 #fff, 7px 7px 0 1px #d1d3d4, 16px 16px 15px 0 rgba(6, 32, 55, .15);
    -o-box-shadow: 3px 3px 0 0 #fff, 3px 3px 0 1px #d1d3d4, 7px 7px 0 0 #fff, 7px 7px 0 1px #d1d3d4, 16px 16px 15px 0 rgba(6, 32, 55, .15);
    box-shadow: 3px 3px 0 0 #fff, 3px 3px 0 1px #d1d3d4, 7px 7px 0 0 #fff, 7px 7px 0 1px #d1d3d4, 16px 16px 15px 0 rgba(6, 32, 55, .15);
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.ag-tabs_list {
    float: left;
    min-width: 150px;
    margin: 0 10px 0 0;
    background-color: #f2f2f2;
    font-size: 16px;
    position: relative;
    list-style:none;
}

    .ag-tabs_list:before {
        content: "";
        display: block;
        height: 3000%;
        width: 100%;
        background: inherit;
        position: absolute;
        top: 100%;
        left: 0;
    }

.ag-tabs_item {
    padding: 0;
    margin: 0;
}

.ag-tabs_link {
    line-height: 1.1;
    display: block;
    padding: 12px 17px 11px 16px;
    color: #23457f;
    position: relative;
}

    .ag-tabs_link:hover,
    .ag-tabs_link:focus {
        background-color: #FFF;
        text-decoration: none;
    }

    .ag-tabs_link:active,
    .js-ag-tabs_item__active .ag-tabs_link {
        background-color: #ffcf00;
        color: #000;
    }

        .ag-tabs_link:active:before,
        .js-ag-tabs_item__active a:before,
        .ag-tabs_link:active:after,
        .js-ag-tabs_item__active a:after {
            content: "";
            display: block;
            height: 50%;
            width: 10px;
            position: absolute;
            left: 100%;
        }

        .ag-tabs_link:active:before,
        .js-ag-tabs_item__active a:before,
        .ag-tabs_link:active:after,
        .js-ag-tabs_item__active a:after {
            content: "";
            display: block;
            height: 50%;
            width: 10px;
            position: absolute;
            left: 100%;
        }

        .ag-tabs_link:active:before,
        .js-ag-tabs_item__active a:before {
            background-image: -webkit-linear-gradient(to top right, #ffcf00 50%, rgba(0, 0, 0, 0) 50%);
            background-image: -o-linear-gradient(to top right, #ffcf00 50%, rgba(0, 0, 0, 0) 50%);
            background-image: linear-gradient(to top right, #ffcf00 50%, rgba(0, 0, 0, 0) 50%);
            top: 0;
        }

        .ag-tabs_link:active:after,
        .js-ag-tabs_item__active a:after {
            background-image: -webkit-linear-gradient(to top left, rgba(0, 0, 0, 0) 50%, #ffcf00 50%);
            background-image: -o-linear-gradient(to top left, rgba(0, 0, 0, 0) 50%, #ffcf00 50%);
            background-image: linear-gradient(to top left, rgba(0, 0, 0, 0) 50%, #ffcf00 50%);
            bottom: 0;
        }

.ag-tab_box {
    padding: 20px;
    overflow: hidden;
}

.ag-tab_pane {
    display: none;
}

.js-ag-tab_pane__active {
    display: block;
}

.ag-tab_img-box {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 20px;
}
@media only screen and (max-width: 767px) {
    .ag-format-container {
        width: 96%;
    }
}

@media only screen and (max-width: 639px) {
}

@media only screen and (max-width: 479px) {
}

@media (min-width: 768px) and (max-width: 979px) {
    .ag-format-container {
        width: 750px;
    }
}

@media (min-width: 980px) and (max-width: 1161px) {
    .ag-format-container {
        width: 960px;
    }
}
/* CSS */
.button-85 {
    padding: 0.6em 2em;
    border: none;
    outline: none;
    color: rgb(255, 255, 255) !important;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-85:before {
    content: "";
    background: linear-gradient( 45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000 );
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing-button-85 20s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px;
}

@keyframes glowing-button-85 {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.button-85:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1632b1;
    left: 0;
    top: 0;
}
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.7);
    }

    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(0, 128, 0, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 128, 0, 0);
    }
}

.pulse-animation {
    animation: pulse 2s infinite;
}

.admission-btn {
    border-radius: 50px;
    background-color: yellow;
    color: green !important;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    transition: transform 0.3s ease;
}

    .admission-btn:hover {
        transform: scale(1.05);
    }