@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet');
 /*font-family: 'Lato', sans-serif;*/
body,
html {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.colorpink {
	color: pink;
}
.colorhotpink {
	color: hotpink;
}
.colororange {
	color: #F7A000;
}
.colorsky {
	color: #87CEEB;
}

.cornerround {
	border-radius: 5%;
  }

/*Right Menu Style*/

.elementwarp{
	width: 100%;
}

/*Right Menu Style*/
#toolbarbottom ul {
	list-style: none; 
	padding-left: 0 !important;
	margin-left: 0 !important; 
	display: block; 
	width: 100%; 
 }
 #toolbarbottom li {
	float: left; 
	width: 100%; 
	padding: 2px 1px;
 } 
 #toolbarbottom li a { /* make link fill the li element */
	transition: all 0.5s;
	margin-bottom: 0;
	display: block;
	padding: 5px 5px;
	margin-bottom: 1px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.04);
	color: #858585;
	font-weight:400; font-family: 'Lato', sans-serif;
 }
 #toolbarbottom li a:hover { /* make link fill the li element */
	background-color: #460101 !important;
	transition: all 0.5s;
	text-decoration: none;
  	color: #fff !important;
 }
 #toolbarbottom h5 { /* make link fill the li element */
	color: #460101;
	padding-bottom: 5px;
	font-weight:600; font-family: 'Lato', sans-serif;
 }
/*Right Menu Style End*/

/* Image with Test Two Column Design */
.aincont{ padding:20px 0px 40px 0px;  background-image:url(../images/academic/bgg1.jpg); background-attachment:fixed; background-size:cover; } 
.aincont h1{ padding:5px 0px 0px 0px;margin:0px;font-weight:700;color:#333; font-family: 'Lato', sans-serif;}
.aincont h1 span{ font-weight:300; color:#e52a83;}
.aincont h2{padding:20px 0px 0px 0px; margin:0px; font-weight:400; color:#e52a83; font-family: 'Lato', sans-serif;}
.aincont p{ padding:5px 0px 0px 0px; color:#000; margin:0px; font-family: 'Lato', sans-serif;font-size: 1.2rem;font-weight: 600;}
.abtimg{ padding:14px 0px 0px 0px;}
.abtimg2{ padding:22px 0px 0px 0px;}
.aincont h3{padding:10px 0px 0px 0px; font-weight:400; color:#723988; margin:0px;}
.aincont h4{ padding:10px 0px 0px 0px; font-weight:500;  color:#723988; margin:0px; font-size:30px;}
.aincont h5{ padding:10px 0px 0px 0px; font-weight:400; font-size:22px;   color:#723988; margin:0px; line-height:1.2;}
.aincont h5 a{ color:#eb0e28; }
.aincont h6{ padding:5px 0px 0px 0px; font-weight:400; font-size:1.4rem;   color:#990011; margin:0px; line-height:1.1;}

.ulli{ padding:5px 0px 0px 0px;}
.ulli li{ position:relative; padding:0px 0px 0px 14px; font-size:16px;  color:#000; font-weight:400; font-family: 'Lato', sans-serif;}
.ulli li::marker{ position:absolute; left:0; content:'\f00c';  font-family: 'FontAwesome'; color:#eb5b8c; font-size:18px; top:1px;}

.ullihand{ padding:5px 0px 0px 0px;}
.ullihand li{ position:relative; padding:0px 0px 0px 8px; font-size:16px;  color:#000; font-weight:400; font-family: 'Lato', sans-serif;}
.ullihand li::marker{ position:absolute; left:0; content:'\f0a4';  font-family: 'FontAwesome'; color:#50001b; font-size:18px; top:1px;}

.ulliarrow{ padding:5px 0px 0px 0px;}
.ulliarrow li{ position:relative; padding:0px 0px 0px 8px; font-size:16px;  color:#000; font-weight:400; font-family: 'Lato', sans-serif;}
.ulliarrow li::marker{ position:absolute; left:0; content:'\f061';  font-family: 'FontAwesome'; color:#50001b; font-size:14px; top:1px;}

/*Floating Button on Right Side*/
.icon-bar {
	position:fixed;
	top:32%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	right:-64px;
	z-index:999999
  }
  .icon-bar-b {
	position:fixed;
	top:70%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	right:-138px;
	z-index:999999
  }
  .icon-bar a {
	display: inline-block;
	text-align:center;
	padding:15px 25px;
	transition:all 0.3s ease;
	color:#fff;
	font-size:20px;
	transform:rotate(90deg);
	border-radius:15px 0 15px 15px;
	border:5px solid #666;
	text-decoration:none;
	border-bottom:0;
  	font-weight: bold;
  	cursor: pointer;
  	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  	/*background: #2c0b8e;*/
	background-size: 120% auto;
	background-image: linear-gradient(315deg, #000428 0%, #004e92 75%);
  }
  .icon-bar-b a {
	display: inline-block;
	text-align:center;
	padding:15px 25px;
	transition:all 0.3s ease;
	color:#fff;
	font-size:20px;
	transform:rotate(90deg);
	border-radius:15px 0 15px 15px;
	border:5px solid #666;
	text-decoration:none;
	border-bottom:0;
  	font-weight: bold;
  	cursor: pointer;
  	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
  	/*background: #2c0b8e;*/
	background-size: 120% auto;
	background-image: linear-gradient(315deg, #000428 0%, #004e92 75%);
  }
  @media (min-width:1025px) and (max-width:1200px){
    .icon-bar{
        top:33%
    }
    .icon-bar-b{
        top:73%
    }
	} 
	@media (max-width:991.98px){
	.icon-bar{
        top:34%
    }
    .icon-bar-b{
        top:74%
    }
	}
	@media (max-width:767.98px){
		.icon-bar{
			top:39%
		}
		.icon-bar-b{
			top:79%
		}
	}
	@media (max-width:575.98px){
	.icon-bar{
        top:36%;
        right:-51px
    }
    .icon-bar a{
        padding:4px 17px;
        font-size:15px
    }
    .icon-bar-b{
        top:65%;
        right:-110px
    }
    .icon-bar-b a{
        padding:4px 15px;
        font-size:15px
    }
	}	
  /* Floating Button End*/
/* Link Color */
	.whitelink { color:#f2f3f4 ; } /* CSS link color (red) */
    .whitelink:hover { color: #6495ED; text-decoration: none; } /* CSS link hover (green) */

/* Link Color End */

/* Banner Heading Bottom Right*/
.bantext {
	text-align: center;
	position: absolute;
	width: 50%;
	bottom: 10px;
	padding: 2px;
}
.bantext h1 {
	padding: 5px 0px 0px 0px;
	font-weight: 900;
	color: #fff;
	margin: 0px;
	font-family: "Lato", sans-serif;
	font-style: normal;
	text-shadow: 2px 2px #000000;
}
.bantext h5 {
	color: #eee;
	margin: 0;
	font-size: 20px;
	padding: 2px 0px 0px 0px;
	font-weight: 400;
}
/* End Banner Heading Bottom Right*/
.chillblack {
	background-image: linear-gradient(to right, #434343 0%, black 100%);
}
.smokyblue {
	background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
}
.heavyrain {
	background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
.greybanner {
    background-color: #f1f1f1;
    width: 100%;
    margin: 0 auto;
    padding: 58px 0;
    box-sizing: border-box;
}
.greenbanner {
    background: url(../images/banner/green-bg.jpg) no-repeat top center;
    width: 100%;
    margin: 0 auto;
    padding: 55px 0;
	background-size: cover;
}
.bluebanner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
    box-sizing: border-box;
    background: url(../images/banner/blue-back.jpg) no-repeat top center;
	background-size: cover;
	box-shadow: #24292E;
}
.pinkbanner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
    box-sizing: border-box;
    background: url(../images/banner/pink-back.jpg) no-repeat top center;
	background-size: cover;
	box-shadow: #24292E;
}
.colourful {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
    box-sizing: border-box;
    background: url(../images/banner/colourful.jpg) no-repeat top center;
	background-size: cover;
	box-shadow: #24292E;
}
.aboutbanner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
    box-sizing: border-box;
    background: url(../images/banner/about-bg.jpg) no-repeat top center;
	background-size: cover;
}

.home_banner_area {
	z-index: 1;
	min-height: 900px;
	position: relative;
	/*background: url(../img/banner/home-banner.jpg) no-repeat center;*/
	background: url(../images/banner/home-banner-7.jpg) no-repeat center;
	background-size: cover; 
	/*opacity: 0.2;*/
	}
	.banner_area {
		z-index: 1;
		min-height: 400px;
		position: relative;
		background: url(../images/banner/about-us.jpg) no-repeat center;
		background-size: cover; 
		/*opacity: 0.2;*/
	}
	.academic_banner_area {
		z-index: 1;
		min-height: 500px;
		position: relative;
		background: url(../images/banner/academic-bg.jpg) no-repeat center;
		background-size: cover; 
		/*opacity: .2;*/
	}
	.beyond_academic_banner_area {
		z-index: 1;
		min-height: 500px;
		position: relative;
		background: url(../images/banner/beyond-academic-bg.jpg) no-repeat center;
		background-size: cover; 
		/*opacity: 0.2;*/
	}
	.admhead {
		font-size: 30px;
		line-height: 45px;
		font-family: Assistant, sans-serif;
		font-weight: 600;
		color: #333;
		text-align: left;
	}
	.admtxts {
		font-size: 19px;
		line-height: 27px;
		font-family: Assistant, sans-serif;
		font-weight: 500;
		color: #666;
		text-align: left;
	}
	.button {
		text-align: left;
		padding-top: 20px;
		line-height: 20px;
		padding-bottom: 20px
	}
	
	.buttonadm a {
		padding: 0 0;
		box-sizing: border-box;
		color: red;
		font-family: Assistant, sans-serif;
		font-size: 17px;
		transition: all .7s;
		webkit-transition: all .7s;
		border-radius: 30px;
		background: url(../images/arrow.png) no-repeat top 7px right 10px;
		text-decoration: none;
		padding-right: 30px;
		position: relative;
		font-weight: 600
	}
	
	.buttonadm a:hover {
		padding: 0 20px;
		box-sizing: border-box;
		color: #0c4da2;
		background: url(../images/arrow.png) no-repeat top 7px right 10px;
		padding-right: 35px
	}
	
	.buttonadm a::before {
		width: 0;
		height: 1px;
		background: #fcae17;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}
	
	.buttonadm a:hover::before {
		width: 15px;
		height: 1px;
		background: #fcae17;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out
	}

	.fill {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden
	}
	.fill img {
		flex-shrink: 0;
		min-width: 100%;
		min-height: 100%
	}

	.button-25 {
	  background-color: #36A9AE;
	  background-image: linear-gradient(#37ADB2, #329CA0);
	  border: 1px solid #2A8387;
	  border-radius: 4px;
	  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
	  color: #FFFFFF;
	  cursor: pointer;
	  display: block;
	  font-family: -apple-system,".SFNSDisplay-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
	  font-size: 17px;
	  line-height: 100%;
	  margin: 0;
	  outline: 0;
	  padding: 11px 15px 12px;
	  text-align: center;
	  transition: box-shadow .05s ease-in-out,opacity .05s ease-in-out;
	  user-select: none;
	  -webkit-user-select: none;
	  touch-action: manipulation;
	  width: 100%;
	}
	
	.button-25:hover {
	  box-shadow: rgba(255, 255, 255, 0.3) 0 0 2px inset, rgba(0, 0, 0, 0.4) 0 1px 2px;
	  text-decoration: none;
	  transition-duration: .15s, .15s;
	}
	
	.button-25:active {
	  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px inset, rgba(0, 0, 0, 0.4) 0 1px 1px;
	}
	
	.button-25:disabled {
	  cursor: not-allowed;
	  opacity: .6;
	}
	
	.button-25:disabled:active {
	  pointer-events: none;
	}
	
	.button-25:disabled:hover {
	  box-shadow: none;
	}

/* CSS */
.button-4 {
  appearance: none;
  background-color: #FAFBFC;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
  box-sizing: border-box;
  color: #24292E;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  padding: 6px 16px;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: break-word;
}

.button-4:hover {
  background-color: #F3F4F6;
  text-decoration: none;
  transition-duration: 0.1s;
}

.button-4:disabled {
  background-color: #FAFBFC;
  border-color: rgba(27, 31, 35, 0.15);
  color: #959DA5;
  cursor: default;
}

.button-4:active {
  background-color: #EDEFF2;
  box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
  transition: none 0s;
}

.button-4:focus {
  outline: 1px transparent;
}

.button-4:before {
  display: none;
}

.button-4:-webkit-details-marker {
  display: none;
}

	.glow-btn-hover {font-size: 1rem;font-weight: 600;color: #fff;cursor: pointer;margin: 1%;height: 55px;text-align:center;border: none;background-size: 300% 100%;border-radius: 50px;
	moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
	.glow-btn-hover:hover {background-position: 100% 0;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
	.glow-btn-hover:focus {outline: none;}

	.button-4.color-2 {background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);box-shadow: 0 4px 10px 0 rgba(229, 66, 10, 0.75);}
	.button-4.color-3 {border: solid 3px;background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);box-shadow: 0 4px 10px 0 rgba(116, 79, 168, 0.75);}
	.button-4.color-4 {background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);box-shadow: 0 4px 10px 0 rgba(252, 104, 110, 0.75);}
	.button-4.color-5 {background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);box-shadow: 0 4px 10px 0 rgba(23, 168, 108, 0.75);}
	.button-4.color-6 {background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);box-shadow: 0 4px 10px 0 rgba(83, 176, 57, 0.75);}
	.button-4.color-7 {background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);box-shadow: 0 4px 10px 0 rgba(126, 52, 161, 0.75);}
	.button-4.color-8 {background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);box-shadow: 0 4px 10px 0 rgba(45, 54, 65, 0.75);}
	.button-4.color-9 {background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);box-shadow: 0 4px 10px 0 rgba(65, 132, 234, 0.75);}
	.button-4.color-10 {background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);box-shadow: 0 4px 10px 0 rgba(236, 116, 149, 0.75);}
	.button-4.color-11 {background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 10px rgba(242, 97, 103, .4);}

	.glow-div1{width:100%;}  .glow-div2{width:33.33%;}
	.glow-div1 svg{display:block;margin:10px auto ; }
	.glow1{width: 98%;font-size: 1.5rem;height: 80px;}
	.round1{margin:auto;width: 60%;padding:5px;border: 4px solid #14ABB2;border-radius: 60px;box-shadow: 0 4px 10px 0 rgba(49, 196, 190, 0.75);text-align:center;}
	.glow2{width: 50%;font-size: 1.1rem;height: 65px;border: solid 3px;margin:0;}
	.glow3{width: 25%;font-size: 1.1rem;height: 45px;border: solid 3px;margin:0;} .glow3 span{display:block;font-size:0.8rem}
	.rotate {animation: rotation 20s infinite linear;}

	@keyframes rotation {from {transform: rotate(0deg);}  to {transform: rotate(359deg);}}
	.anticlock{animation: antiClockwiseSpin 20s infinite linear;}
	@keyframes antiClockwiseSpin { 0%  {transform: rotate(360deg);}100% {transform: rotate(0deg);} }
	.panel-tb-padding{ padding:50px 0 !important;width:100%; overflow:hidden;}
	.rotate-img-left{width:180%;margin-left:-85%; margin-top:20vh;}
	.rotate-img-right{width:180%;margin-right:-85%; margin-top:20vh;}
	@media only screen and (max-width:576px){
	  .rotate-img-left{display:none;}
	  .rotate-img-right{display:none;}
	  .glow2{width: 70%;}.glow3{width: 70%;}
	}

	.marqueebox { 
		position: relative; 
		  border:1px solid #777;  
		background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
		  font-family:'Oswald',serif;
		} 
		.marqueebox, .marqueebox .headertext { 
		padding: 7px; 
		background-color: #fff; 
		color: #626060; 
		font-weight: bold; 
		} 
		.marqueebox .headertext { 
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 10; 
		padding: 10px 10px;
		border-right:1px solid #777;  
		background:#C8102E;
		 color:#fff ;
			text-shadow: 1px 1px #111;
		} 
		.marqueebox marquee { line-height: 1.5;} 
		.marqueebox marquee p { margin: 0;} 


.overlayp {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	/*background-color: #1a5890;*/
	background-color: #5B1626;
	/*background: url(../images/menu.jpg) no-repeat top right;*/
	/*opacity: 0.8;*/
	overflow-y: hidden;
	transition: .5s;
	overflow-y: auto;
}

.overlayp-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 5px;
	text-align: left;
	padding-left: 0;
	box-sizing: border-box;
	padding-bottom: 30px;
}

.overlayp-content ul li {
	list-style: none
}

.overlayp-content ul li a {
	padding: 6px 0;
	text-decoration: none;
	font-size: 1.4em;
	color: #fff;
	display: inline-block;
	transition: .3s;
	text-transform: uppercase;
	font-weight: 400;
	position: relative;
	container-name: splmenu
}

@media (max-width: 991.99px) {
	.overlayp-content ul li a  {
		font-size: 1em;
		padding: 1px 0;
	}
  }

.overlayp-content ul li a::after {
	width: 0;
	height: 2px;
	background: #d4a85f;
	content: '';
	position: absolute;
	bottom: 6px;
	left: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.overlayp-content ul li a:hover::after {
	width: 100%;
	background: #d4a85f;
	left: 0
}

.overlayp-content ul li ul {
	display: none
}

.overlayp-content ul li ul li {
	list-style: none
}

.overlayp-content ul li ul li a {
	padding: 5px;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	transition: .3s;
	text-transform: uppercase;
	font-weight: 400;
	position: relative;
	padding-left: 8px !important
}

.overlayp-content ul li ul li a::after {
	width: 0;
	height: 2px;
	background: 0 0;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.overlayp-content ul li ul li a:hover::after {
	width: 100%;
	background: 0 0;
	left: 0;
	padding-left: 0 !important
}

.overlayp-content ul li ul li a sup {
	font-size: 12px
}

.overlayp a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #fff;
	display: block;
	transition: .3s
}

.overlayp a:hover {
	color: #e0ad5c;
	padding-left: 18px
}
.overlayp .closebtn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 30px;
	background: #fff;
	color: #5B1626;
	padding: 10px
}


.menu_rgt {
	max-width: 800px;
	width: 100%;
	padding: 5px 0;
	box-sizing: border-box;
	margin: 0 auto
}

.menu_rgt .social {
	width: 100%;
	padding-top: 15px;
	padding-left: 0;
	box-sizing: border-box
}

.menu_rgt .social h3 {
	font-size: 16px;
	color: #fff;
	line-height: 31px;
	font-family: Assistant, sans-serif;
	font-weight: 100;
	padding-right: 14px;
	float: left;
	text-transform: uppercase
}

.menu_rgt .social ul {
	text-align: left
}

.menu_rgt .social ul li {
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
	padding-right: 12px
}

.menu_rgt .social ul li a {
	width: 25px;
	height: 25px;
	display: block;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	padding-right: 0;
	padding-left: 0;
	padding: 0
}

.menu_rgt .social ul li:last-child {
	padding-right: 0
}

.menu_rgt .social ul li a.you {
	background: url(../images/social-icon.png) no-repeat top 0 left 0
}

.menu_rgt .social ul li a.you1 {
	background: url(../images/social-icon.png) no-repeat top 0 left -31px
}

.menu_rgt .social ul li a.you2 {
	background: url(../images/social-icon.png) no-repeat top 0 left -72px
}

.menu_rgt .social ul li a.you3 {
	background: url(../images/social-icon.png) no-repeat top 0 left -111px
}

.menu_rgt .social ul li:hover a.you {
	background: url(../images/social-icon.png) no-repeat top -31px left 0
}

.menu_rgt .social ul li:hover a.you1 {
	background: url(../images/social-icon.png) no-repeat top -31px left -31px
}

.menu_rgt .social ul li:hover a.you2 {
	background: url(../images/social-icon.png) no-repeat top -31px left -72px
}

.menu_rgt .social ul li:hover a.you3 {
	background: url(../images/social-icon.png) no-repeat top -31px left -111px
}

.clr {
	clear: both
}

.mail_call {
	width: 100%;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	box-sizing: border-box
}

.mail_call a {
	padding: 0 50px;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	transition: .3s;
	font-weight: 400;
	border-right: 1px solid #888;
	line-height: 50px
}

.mail_call a:hover {
	padding: 0 50px
}

.mail {
	background: url(../images/mail.png) no-repeat top 20px left 18px;
	background-size: 20px 14px
}

.call {
	background: url(../images/call.png) no-repeat top 13px left 25px;
	background-size: 16px 25px
}

.a-contact-btn {
	position: fixed;
	right: 1%;
	top: 30%;
	z-index: 999;
}

.a-contact-btn img {
	max-width: 30px;
}
.a-modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .8);
	overflow: hidden;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.a-modal.show {
	opacity: 1;
	visibility: visible;
	z-index: 99999;
}

.a-modal-content {
	max-width: 450px;
	margin: 5% auto;
}

.a-modal-dialog {
	max-height: 100%;
	overflow: auto;
}

.a-modal-header {
	border-bottom: 1px solid #ccc;
}

.a-modal-body {
	background: #fff;
	padding: 1rem;
}
.a-modal-header {
	background: #4e00ca;
	padding: 1rem;
}

.a-modal-close {
	float: right;
	background: none;
	border: 0;
	outline: 0;
	color: #ffffff;
	box-shadow: none;
	font-size: 1.2rem;
	cursor: pointer;
}

.a-contact-form button {
	background: #006172;
	padding: 1rem 2rem;
	border: 1px solid #e9c587;
	cursor: pointer;
}

/*==================*/
.success {
	color: green;
}

.error {
	color: red;
}

.a-contact-btn {
	position: fixed;
	right: 1%;
	top: 30%;
	z-index: 999;
}

.a-contact-btn img {
	max-width: 30px;
}

.gsb-form {
	text-align: center;
	align-items: center;

	margin-right: 200px;
	margin-left: 200px;
}



@media only screen and (max-width:768px) {
	.a-modal-content {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 600px) {
	.containerrev {
		grid-template-columns: 1fr;
	  }
	.colr2 {
		order: 1;
	  }
	  .colr1 {
		order: 2;
	  }
	  
	}

	.shimmer {
		color: grey;
		display: inline-block;
		mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
		animation: shimmer 2.5s infinite;
		
	  }
	  
	  @keyframes shimmer {
		100% {
		  mask-position: left;
		}
	  }

/*Footer Advertisment*/
.footer-advertise {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	user-select: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 12;
	/*background-color: #301934;*/
	background: #001147;
	/*background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);*/
	width: 100%;
	overflow-x: hidden;
	font-size: 1.125rem;
  }

  
  @media (min-width: 1200px) {
	.footer-advertise {
		font-size: 1.5rem;
	}
  }
  @media (max-width: 767px) {
	.footer-advertise {
		font-size: 0.650rem;
		background-color: #fff;
		background: #001147;
    	padding: 0.3rem 0.8rem;
    	border-radius: 0.25rem;
    	font-weight: bold;
	}
  }
/*End Footer Advertisment*/


/* FAB Style */
.fab-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	user-select: none;
	position: fixed;
	bottom: 30px;
	left: 20px;
	z-index: 13;
  }
  .fab-container:hover {
	height: 100%;
  }
  .fab-container:hover .sub-button:nth-child(2) {
	transform: translateY(-80px);
  }
  .fab-container:hover .sub-button:nth-child(3) {
	transform: translateY(-140px);
  }
  .fab-container:hover .sub-button:nth-child(4) {
	transform: translateY(-200px);
  }
  .fab-container:hover .sub-button:nth-child(5) {
	transform: translateY(-260px);
  }
  .fab-container:hover .sub-button:nth-child(6) {
	transform: translateY(-320px);
  }
  .fab-container .fab {
	position: relative;
	height: 70px;
	width: 70px;
	background-color: #0A66C2;
	border-radius: 50%;
	z-index: 2;
  }
  .fab-container .fab::before {
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 35px;
	width: 35px;
	background-color: inherit;
	border-radius: 0 0 10px 0;
	z-index: -1;
  }
  .fab-container .fab .fab-content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	border-radius: 50%;
  }
  .fab-container .fab .fab-content .material-icons {
	color: white;
	font-size: 38px;
  }
  .fab-container .sub-button {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 10px;
	right: 10px;
	height: 50px;
	width: 50px;
	background-color: #1899D6;
	border-radius: 50%;
	transition: all 0.3s ease;
  }
  .fab-container .sub-button:hover {
	cursor: pointer;
  }
  .fab-container .sub-button .material-icons {
	color: white;
	padding-top: 6px;
  }
/* */


  .site-footer {
    background: #0e1b2a;
    color: #dbe2ea;
    position: relative;
    overflow: hidden;
  }
  .site-footer .footer-top {
    padding: 60px 0 30px;
  }
  .site-footer h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .site-footer a {
    color: #dbe2ea;
    text-decoration: none;
  }
  .site-footer a:hover { color: #ffffff; text-decoration: underline; }
  .contact-pill {
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .65rem 1rem; border-radius: 999px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
    transition: transform .15s ease;
  }
  .contact-pill:hover { transform: translateY(-2px); text-decoration: none; }
  .footer-bottom {
    border-top: 1px solid rgba(255,255,255,.12);
    padding: 16px 0;
    font-size: .925rem;
  }
  .social a {
    width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; border: 1px solid rgba(255,255,255,.15);
    margin-right: .5rem;
  }
  .newsletter .form-control { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.15); color: #fff; }
  .newsletter .form-control::placeholder { color: #aebacd; }
  .newsletter .btn { border-radius: 999px; }
  .quick-links li { margin-bottom: .5rem; }
  .footer-logo {
    max-width: 60px;
    margin-bottom: 1rem;
  }