body{font:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;  overflow:hidden;  background: #040118;}
a{text-decoration:none;color:#fff;text-decoration:none; }
.clear{clear:both; }
.align-center{text-align:center; }
.align-left{text-align:left; }
.align-right{text-align:right; }
.center-box{margin:0px auto !important;float:none !important;text-align:center; }

.left{float:left; }
.right{float:right; }

.outer-header-wrap{width: 100%;
    margin: 0 auto;}
.navbar-inverse .navbar-inner{    background: #393127;padding-left:0px;padding-right:0px; }
.navbar-inverse .brand, .navbar-inverse .nav>li>a{font-weight:600;text-transform:uppercase;font-size:13px; }
.navbar .nav{text-align:center;margin-right:0px;float:none; }
.navbar .nav>li{float:none;display:inline-block; }
.navbar .nav>li>a{margin-top: 0px; }
.navbar .nav>li>a:last-child{padding-right:0px; }
.dropdown-menu{width:250px;padding:10px;text-align:left; }
.dropdown-menu li a{border-bottom: 1px solid rgba(171, 171, 171, 0.11);
    color: #DDDDDD;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 19px;
    padding: 5px 10px;
    text-transform: none;}
.dropdown-menu li:last-child a{border-bottom:0px; }	
.navbar .container{left:0px; }
.logo-box a{display:block; }
    .logo-box a img {
        position: absolute;
        top: 10px;
        z-index: 9999999;
        max-width: 150px;
        left: 140px;
        background: #393127;
        border-bottom: 3px solid #bba784;
    }

.top-bar-menu{margin:0px 0px 0px 0px;padding:0px;text-align:right; }
.top-bar-menu li{display:inline-block;border-right:1px solid #fff; }
.top-bar-menu li:last-child{border-right:0px; }
.top-bar-menu li a{display:block;padding:0px 5px;color:#fff;text-decoration:none;line-height:10px;font-size:11px; }
.top-bar-menu li a:hover{color:#81C11F; }
.top-bar-menu .hotline-number a{font-size:14px; }
.content {
	background-color: #F1F1F1;
}
.top-contact-num{position:fixed;top:100px;z-index:9;right:100px; }
.top-contact-num a{    display: block;
    padding: 5px 10px;
    background: #393127;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;}
.top-menu{margin-bottom:0px;color: #000;
    background: #bba784;
    padding: 9px; }
.top-menu.left{float:left; }
.top-menu.right{float:right; }

.dropdown:hover .dropdown-menu{display:block; }

.icon-box a{text-decoration:none; }

.icon-box.why-gis{position:absolute;top:0px;right:70px; }
.icon-box.campus-tour{position:absolute;top:70px;right:70px; }
.icon-box.online-payment{position:absolute;top:140px;right:70px; }
.icon-box.gallery{position:absolute;top:210px;right:70px; }
.icon-box.news-and-event{position:absolute;top:280px;right:70px; }

.responsive-img-box{ width:auto;}
.responsive-img-box a{display:block; }
.responsive-img-box img{max-width:100%; }
.responsive-img-box img.strategum-logo{max-width:100%; }
.img-responsive{width:auto;border:1px solid rgba(255,255,255,.5);border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px; }
.center-img{margin:0px auto; }
.border-img{border:2px solid #dcc0c0; }

.headsection{padding-top: 10px;padding-left: 30px;padding-right: 25px;}
.bodysection{width:895px;padding:15px 25px 15px 30px;margin-top:15px;overflow:auto;height:350px;}
#container_close_text{margin-top:15px;margin-left:4px;font-size:30px;}
#wn_body{ }

.pg-main-tit{ font-size:30px;text-transform:uppercase;color:#fff;text-align:center;display:block; }
.main-hr-line{margin:0px auto;width:20%;display:none; }
.about_gis_line{ border-color:rgba(255,255,255,.3);}
.content-mid-hr{width:40%;margin:30px auto 20px auto;border-color:rgba(255,255,255,.3) }

.about_gis .headsection{background:#619B07; }
.about_gis .headsection .pg-main-tit{ }

.content-inner-box{padding:30px; }
.content-inner-box .inner-tit h4{font-size:20px;text-transform:uppercase;line-height:30px; }
.content-inner-box .inner-tit h5{font-size:18px;}
.content-inner-box .inner-text p{font-size:15px; }
.content-inner-box .inner-text h5{font-size:18px;}
.content-inner-box .inner-text .quote-box{background:rgb(57, 49, 39);color:#fff;padding:20px; }
.content-inner-box .inner-text .quote-box p{font-size:16px; }
.quote-box  i.fa{color:#eadfdf;font-size:20px;margin:0px 10px; }
.ul-list{margin:0px;padding:0px; }
.ul-list li{list-style:none;position:relative;padding:5px 0px 5px 20px;font-size:15px; }
.ul-list li:after{position:absolute;left:0;top:5px; content:"\f0da";font-family:'FontAwesome'; }
.table-box{margin:0px auto;padding:0px;border:1px solid rgba(255,255,255,.1);width:100%; max-width:600px; }
.table-box tr{ }
table.white-zebra-table-box tr:nth-child(2n+1) {
    background: rgba(255,255,255,.5);
}
.table-box.white-zebra-table-box tr th{text-align:left;font-size:15px;padding:5px; background: rgba(27,17,67,.5); }
table.white-zebra-table-box tr:nth-child(2n+1) th {
    background: rgba(27,17,67,.5);
}
.table-box.white-zebra-table-box tr td{text-align:left;font-size:15px;padding:5px; }

.map-box{border:5px solid rgba(255,255,255,.3); }


.faq-content .inner-text h5{color:#040118 !important; }

.title-img-box{padding:0px;/*background:rgba(28,18,68,.3);*/ }
.title-img-box h3{padding:5px;color:#fff;margin:0px 0px;font-size:18px; }
/*.lab-content-inner-box .span4:nth-child(2n) .title-img-box{background:rgba(81,95,106,.5); }
.lab-content-inner-box .span4:nth-child(2n+1) .title-img-box{background:rgba(28,18,68,.5); }*/
/*.lab-content-inner-box .span4:nth-child(2n+1) .title-img-box{background:rgba(207,123,37,.5); }*/

.hoverentry{position:relative; }
.img-hoverbackground {
		position:absolute;
		text-align: center;
		top:0px;
		background-color: rgba(255,255,255,0.5);
		left:0px;
		bottom:0px;
		right:0px;
		z-index: 1;
		zoom: 1;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
		display:block;
	}
	.img-hoverbackground .logo-icon-hover{height:auto;width:auto;position:absolute;top:40%;left:40%; color:#fff;border:2px solid #fff;padding:5px 8px;border:0px solid #fff; }
	/*.img-hoverbackground .logo-icon-hover{background:url(../images/image-hover.png) no-repeat;background-size:contain;background-position:center; }*/
	.img-hoverbackground .logo-icon-hover i{color:#1C1244;font-size:30px;border:0px solid #E01D44;padding:2px 10px;font-weight:400; }
	.img-hoverbackground i:hover{ color:#1C1244;border:0px solid #1D67B0; }
	.img-hoverentry:hover .hoverbackground {
		zoom: 1;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	.hoverentry:hover .img-hoverbackground {
		zoom: 1;
		filter: alpha(opacity=100);
		opacity: 1;
	}

.school-timing-table{margin:0px;padding:0px; }
.school-timing-table tr th{text-align:left;font-size:15px;padding:20px 20px;font-size:16px; }
.school-timing-table tr td{padding:20px 20px;font-size:16px; }
.school-timing-table tr:nth-child(2n+1) {
    background: rgba(195,64,150,1);
}
.school-timing-table tr:nth-child(2n+2) {
    background: rgba(83,39,134,1);
}

.form-elm{padding:7px 10px;border:3px solid rgba(64,114,141,.2);width:300px; }
.form-text{font-size:15px;line-height:30px; }
textarea.form-elm{width:100%;height:100px; }

.note-box{padding:20px;background:rgba(233,58,53,.6); }
.circle-box img{border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%; }
.circle-box img{ }
.about-gis-content-inner-box{ }
.pink-box-shade{background:#bba784;border:0px solid #c38080; }
.violet-box-shade{background:#bb6ba0;border:0px solid #b55394; }

.outer-footer-wrap{width: 1150px;
    margin: 0 auto;}
.outer-footer-wrap a{text-decoration:none;padding:5px 0px; }
.powered-by{display:block;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    top: 0;
    line-height: 30px;}
.powered-by a{text-decoration:none;color:#040118; }	
.socialbar{text-align:center;}
.socialbar a{display:inline-block;padding:0px 0px;text-align:center;margin:0px 2px;width:16px;color:#040118;line-height:30px; }
.socialbar a.facebook{/*background:#4867AA;*/color:#4867AA; }		
.socialbar a.youtube{/*background:#E52C27;*/ color:#E52C27;}
.socialbar a.twitter{/*background:#00ACED;*/color:#00ACED;}
.socialbar a.linkedin{/*background:#0077B5;*/color:#0077B5;}
.socialbar a.google-plus{/*background:#DC4A38;*/color:#DC4A38;}

/*.footer-box{float:none !important;margin:0px auto !important; }*/

#footer {
	color: #CCCCCC;
	background-color: #333333;
}
.footer-box p{padding-top:0px;padding-bottom:0px; }

#items-carousel {
	height: 310px;
}

.fee-table{max-width:650px;margin:20px auto; }
.fee-table tr th{padding:10px;background:#FF6D3B;font-size:15px; }
.fee-table tr td{padding:10px;font-size:15px; }
.fee-table tbody tr:nth-child(even){background:rgba(255,255,255,.2); }
#menu{ padding-right:50px;}


  
  @media (min-width: 300px) and (max-width: 399px) {
	.logo-box a img { max-width:80px; top:95px; left:10px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%;}

 .headsection{ padding-top:10px;}
 .closebtn{ left:250px; top:10px;}
.navbar .nav{position:absolute; width:100%; top:3%; z-index:99999!important;}
.navbar .nav li a{font-size:10px!important; padding-bottom:5px; padding-left:5px; padding-right:5px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:280px;
 
}
.maincontainer{width:100%;}
.htmlcontainer {
	top:120px;
	}
.top-contact-num{right:10px; top:17%;}	
.top-menu{position:absolute; top:0px;  right:10px;}
.outer-header-wrap{padding-bottom:60px;}  

.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:100%;*width:99.94680851063829%;}
.row-fluid .span10{width:100%;*width:99.94680851063829%;}
.row-fluid .span9{width:100%;*width:99.94680851063829%;}
.row-fluid .span8{width:100%;*width:99.94680851063829%;}
.row-fluid .span7{width:100%;*width:99.94680851063829%;}
.row-fluid .span6{width:100%;*width:99.94680851063829%;}
.row-fluid .span5{width:100%;*width:99.94680851063829%;}
.row-fluid .span4{width:100%;*width:99.94680851063829%;}
.row-fluid .span3{width:100%;*width:99.94680851063829%;}
.row-fluid .span2{width:100%;*width:99.94680851063829%;}



  }
  
    @media (min-width: 400px) and (max-width: 499px) {
	.logo-box a img { max-width:80px; top:85px; left:10px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%;}

 .headsection{ padding-top:10px;}
 .closebtn{ left:250px; top:10px;}
.navbar .nav{position:absolute; width:100%; top:2%; z-index:99999!important;}
.navbar .nav li a{font-size:11px; padding-bottom:5px; padding-left:5px; padding-right:0px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:300px;
 
}
.maincontainer{width:100%;}
.htmlcontainer {
	top:120px;
	}
.top-contact-num{right:10px; top:17%;}	
.top-menu{position:absolute; top:0px;  right:10px;}
.outer-header-wrap{padding-bottom:60px;}  

.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:100%;*width:99.94680851063829%;}
.row-fluid .span10{width:100%;*width:99.94680851063829%;}
.row-fluid .span9{width:100%;*width:99.94680851063829%;}
.row-fluid .span8{width:100%;*width:99.94680851063829%;}
.row-fluid .span7{width:100%;*width:99.94680851063829%;}
.row-fluid .span6{width:100%;*width:99.94680851063829%;}
.row-fluid .span5{width:100%;*width:99.94680851063829%;}
.row-fluid .span4{width:100%;*width:99.94680851063829%;}
.row-fluid .span3{width:100%;*width:99.94680851063829%;}
.row-fluid .span2{width:100%;*width:99.94680851063829%;}

  }
  
 
    @media (min-width: 500px) and (max-width: 599px) {
	.logo-box a img { max-width:80px; top:75px; left:10px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%;}

 .headsection{ padding-top:10px;}
 .closebtn{ left:350px; top:10px;}
.navbar .nav{position:absolute; width:100%; top:2%; z-index:99999!important;}
.navbar .nav li a{font-size:10px; padding-left:5px; padding-right:0px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:400px;

}
.maincontainer{width:100%;}
.htmlcontainer {
	top:120px;
	}
.top-contact-num{right:10px; top:16%;}	
.top-menu{position:absolute; top:0px;  right:10px;}
.outer-header-wrap{padding-bottom:50px;} 
  
  .row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:100%;*width:99.94680851063829%;}
.row-fluid .span10{width:100%;*width:99.94680851063829%;}
.row-fluid .span9{width:100%;*width:99.94680851063829%;}
.row-fluid .span8{width:100%;*width:99.94680851063829%;}
.row-fluid .span7{width:100%;*width:99.94680851063829%;}
.row-fluid .span6{width:100%;*width:99.94680851063829%;}
.row-fluid .span5{width:100%;*width:99.94680851063829%;}
.row-fluid .span4{width:100%;*width:99.94680851063829%;}
.row-fluid .span3{width:100%;*width:99.94680851063829%;}
.row-fluid .span2{width:100%;*width:99.94680851063829%;}
  
  }
  
  
 @media (min-width: 600px) and (max-width: 699px) {
	  	.logo-box a img { max-width:90px; top:55px; left:10px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%; }

 .headsection{ padding-top:10px;}
 .closebtn{ left:450px; top:10px;}
.navbar .nav{position:absolute;  width:100%;  top:0%; z-index:99999!important;}
.navbar .nav li a{font-size:10px;  padding-left:5px; padding-right:0px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:500px;

}
.maincontainer{width:100%;}
.htmlcontainer {
	top:80px;
	}
.top-contact-num{right:10px;}	
.top-menu{position:absolute; top:45px;  right:10px;}
.outer-header-wrap{padding-bottom:30px;}

.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:100%;*width:99.94680851063829%;}
.row-fluid .span10{width:100%;*width:99.94680851063829%;}
.row-fluid .span9{width:100%;*width:99.94680851063829%;}
.row-fluid .span8{width:100%;*width:99.94680851063829%;}
.row-fluid .span7{width:100%;*width:99.94680851063829%;}
.row-fluid .span6{width:100%;*width:99.94680851063829%;}
.row-fluid .span5{width:100%;*width:99.94680851063829%;}
.row-fluid .span4{width:100%;*width:99.94680851063829%;}
.row-fluid .span3{width:100%;*width:99.94680851063829%;}
.row-fluid .span2{width:100%;*width:99.94680851063829%;}

	 }
	  @media (min-width: 700px) and (max-width: 799px) {
		  	  	.logo-box a img { max-width:100px; top:35px; left:10px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%; }

 .headsection{ padding-top:10px;}
 .closebtn{ left:550px; top:10px;}
.navbar .nav{position:absolute;  width:100%;  top:0%; z-index:99999!important;}
.navbar .nav li a{font-size:11px;  padding-left:5px; padding-right:0px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:600px;
  
}
.maincontainer{width:100%;}
.htmlcontainer {
	top:80px;
	}
.top-contact-num{right:10px;}	
.top-menu{position:absolute; top:45px;  right:10px;}
.outer-header-wrap{padding-bottom:35px;}
		 }
		 
		   @media (min-width: 800px) and (max-width: 899px) {
		  	  	.logo-box a img { max-width:100px; top:35px; left:10px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%; }

 .headsection{ padding-top:10px;}
 .closebtn{ left:650px; top:10px;}
.navbar .nav{position:absolute; width:80%;  top:0%; z-index:99999!important;}
.navbar .nav li a{font-size:12px;  padding-left:5px; padding-right:0px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:700px;
  
}
.maincontainer{width:100%;}
.htmlcontainer {
	top:100px;
	}
.top-contact-num{right:10px;}	
		 }
		 
		 	   @media (min-width: 900px) and (max-width: 999px) {
		  	  	.logo-box a img { max-width:90px; top:35px; left:100px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%; }
.sidebar{ top:20% !important;} 
 .headsection{ padding-top:10px;}
 .closebtn{ left:750px; top:10px;}
.navbar .nav{position:absolute; width:80%; left:10px;  top:0%; z-index:99999!important;}
.navbar .nav li a{font-size:12px;  padding-left:5px; padding-right:5px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:800px;

}
.maincontainer{width:100%;}
.htmlcontainer {
	top:120px;
	}
	
.top-contact-num{right:10px;}	
ul, ol {
    padding: 0;
     margin: 0 0 10px 25px; 
		 }
			   }
		  	   @media (min-width: 1000px) and (max-width: 1199px) {
		  	  	.logo-box a img { max-width:90px; top:35px; left:100px;} 
 .bodysection{ width:99%; padding:5px;}
 .span10{width:100%; }
.top-contact-num{right:10px;}
 .headsection{ padding-top:10px;}
 .closebtn{ left:850px; top:10px;}
.navbar .nav{position:absolute; width:100%; left:-30px;  top:0%; z-index:99999!important;}
.navbar .nav li a{font-size:12px;  padding-left:5px; padding-right:5px;}
 #bg{ position:relative; z-index:999999!important;}
.outer-footer-wrap{ width:400px;}
 .pagebg
 {
	width:900px;
}
.maincontainer{width:100%;}
.htmlcontainer {
	top:120px;
	}
		 }

.carousel item {
    min-width: 100%;
    height: 100vh;
}
.carousel img {
    min-width: 100%;
    height: 100vh !important;
}
@font-face {
	font-family: 'ecoicon';
	src:url('../fonts/ecoicons/ecoicon.eot');
	src:url('../fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ecoicons/ecoicon.woff') format('woff'),
		url('../fonts/ecoicons/ecoicon.ttf') format('truetype'),
		url('../fonts/ecoicons/ecoicon.svg#ecoicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'FontAwesome';
	speak: none;
	font-size: 26px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-why-gis:before {
	content: "\f082";
}
.hi-icon-campus-tour:before {
	content: "\f0d5";
}
.hi-icon-online-payment:before {
	content: "\f081";
}
.hi-icon-gallery:before {
	content: "\f03e";
}
.hi-icon-news-and-event:before {
	content: "\f1ea";
}


.hi-icon-mobile:before {
	content: "\e009";
}

.hi-icon-screen:before {
	content: "\e00a";
}

.hi-icon-earth:before {
	content: "\e002";
}

.hi-icon-support:before {
	content: "\e000";
}

.hi-icon-locked:before {
	content: "\e001";
}

.hi-icon-cog:before {
	content: "\e003";
}

.hi-icon-clock:before {
	content: "\e004";
}

.hi-icon-videos:before {
	content: "\e005";
}

.hi-icon-list:before {
	content: "\e006";
}

.hi-icon-refresh:before {
	content: "\e007";
}

.hi-icon-images:before {
	content: "\e008";
}

.hi-icon-pencil:before {
	content: "\e00b";
}

.hi-icon-link:before {
	content: "\e00c";
}

.hi-icon-mail:before {
	content: "\e00d";
}

.hi-icon-location:before {
	content: "\e00e";
}

.hi-icon-archive:before {
	content: "\e00f";
}

.hi-icon-chat:before {
	content: "\e010";
}

.hi-icon-bookmark:before {
	content: "\e011";
}

.hi-icon-user:before {
	content: "\e012";
}

.hi-icon-contract:before {
	content: "\e013";
}

.hi-icon-star:before {
	content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1a .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 1b */
.hi-icon-effect-1b .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #41ab6b;
}

.hi-icon-effect-1b .hi-icon:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.hi-icon-effect-1b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
	color: #eea303;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-2 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover {
	color: #eea303;
}

.hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

/* Effect 2b */
.hi-icon-effect-2b .hi-icon:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}

.hi-icon-effect-2b .hi-icon:hover {
	color: #fff;
}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
	color: #f06060;
}

.hi-icon-effect-3a .hi-icon:hover {
	color: #fff;
}

.hi-icon-effect-3a .hi-icon:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #fff;
}

.hi-icon-effect-3b .hi-icon:hover {
	color: #f06060;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
	width: 92px;
	height: 92px;
	box-shadow: 0 0 0 4px rgba(255,255,255,1);	
}

.hi-icon-effect-4a .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-4 .hi-icon:before {
	line-height: 92px;
}

.hi-icon-effect-4 .hi-icon:after {
	top: -4px;
	left: -4px;
	padding: 0;
	z-index: 10;
	border: 4px dashed #fff;
}

.hi-icon-effect-4 .hi-icon:hover {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	color: #fff;
}

/* Effect 4b */
.hi-icon-effect-4b .hi-icon:hover {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-4b .hi-icon:hover:after {
	-webkit-animation: spinAround 9s linear infinite;
	-moz-animation: spinAround 9s linear infinite;
	animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
}

.hi-icon-effect-5 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.hi-icon-effect-5a .hi-icon:hover:before {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5b .hi-icon:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.hi-icon-effect-5d .hi-icon:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
	box-shadow: 0 0 0 4px rgba(187, 167, 132, 0.85);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
	background: rgb(57, 49, 39);
}

.hi-icon-effect-6 .hi-icon:hover {
    box-shadow: 0 0 0 4px rgba(57, 49, 39, 0.59);
    background: rgb(187, 167, 132);
    color: #393127;
}

.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;	
}

.hi-icon-effect-7 .hi-icon:hover {
	color: #fff;
}

.hi-icon-effect-7 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
	box-shadow: 0 0 0 rgba(255,255,255,1);
	-webkit-transition: opacity 0.2s, box-shadow 0.2s;
	-moz-transition: opacity 0.2s, box-shadow 0.2s;
	transition: opacity 0.2s, box-shadow 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:after {
	opacity: 1;
	box-shadow: 3px 3px 0 rgba(255,255,255,1);
}

.hi-icon-effect-7a .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7a .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
	box-shadow: 3px 3px rgba(255,255,255,1);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	-moz-transition: opacity 0.2s, -moz-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.hi-icon-effect-7b .hi-icon:before {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon-effect-7b .hi-icon:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon-effect-8 .hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: 0.5;
}

.hi-icon-effect-9a .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,1);
	color: #fff;
}

/* Effect 9b */
.hi-icon-effect-9b .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.hi-icon-effect-9b .hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
	color: #fff;
}
.navbar {
    margin-bottom: 0px;
}
.carousel-control.left {
    background: none !important;
}
.carousel-control.right {
    background: none !important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
background: #393127;
}

/************************************************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 50%;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
.modal-dialog {
    top: 172px;
}

	.modal.left .modal-content,
	.modal.right .modal-content {
    
    height: 576px;
   background: #393127;
    color: #fff;
   
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

/* ----- MODAL STYLE ----- */
	.modal-content {
		border-radius: 0;
		border: none;
	}

.modal-header {
     border-bottom: none;
    background-color: #393127;
}

/* ----- v CAN BE DELETED v ----- */

.demo {
	padding-top: 60px;
	padding-bottom: 110px;
}

.btn-demo {
	margin: 15px;
	padding: 10px 15px;
	border-radius: 0;
	font-size: 16px;
	background-color: #FFFFFF;
}

.btn-demo:focus {
	outline: 0;
}

.demo-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background-color: #212121;
	text-align: center;
}

.demo-footer > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.modal-content{
    height:200px;

 
        border: 1px dashed #bba784;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.scrollbar {
    height: 396px;
    width: 99%;
  transition:all 0.5s linear;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.content-mid-hr {
    width: 40%;
    margin: 30px auto 20px auto;
    border-color: rgba(255,255,255,.3);
}

#wrapper
{
	text-align: center;
	margin: auto;
}
/*
 *  STYLE 7
 */

#style-7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 1px rgba(153, 153, 153, 0.99);
	background-color: #999999;

	
}

#style-7::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background:#bba784;
}
#style-7::-webkit-scrollbar-track {
    background-color: #bba784;
    border:4px solid #393127;
    /* border-radius: 9px; */
    background-clip: content-box;
}
.nav>li>a:focus, .nav>li>a:hover{
    background: none !important;
  color:#fff;
}
.modal-backdrop.in {
    opacity: 0;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.pagebg {
    -webkit-animation: animate 1s ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animate 1s ease-out;
    -moz-animation-fill-mode: forwards;
    -o-animation: animate 1s ease-out;
    -o-animation-fill-mode: forwards;
    animation: animate 1s ease-out;
    animation-fill-mode: forwards;
}
.top-menu {
    color: #fff;
}
@media (max-width:1245px) {
    .modal.left .modal-dialog, .modal.right .modal-dialog
    {
        width:auto;
    }
}
#bg {
    position: absolute;
    bottom: 0px;
    background: rgba(187, 167, 132, 0.64);
    width: 100%;
    height: 30px;
    z-index: 1;
    overflow: hidden;
    padding: 0px 0px;
}