/*

Designed and Coded By: FAJIS CH
Date: 11/12/2015

*/


*{text-decoration:none;}

	
body{ font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; }

a{text-decoration:none; color:#666}
a:hover{text-decoration:none; color:#4496d2}
a:focus { text-decoration:none; -moz-outline-style: 0;	
-moz-outline-style: none; outline: none;
outline: 0}
a:active
{
outline: none;
outline: 0 !important;
}
.btn:active, .btn:focus {text-decoration:none; -moz-outline-style: 0;	
-moz-outline-style: none; outline: none;
outline: 0}

/*header area starts*/

/* ------------------------------------------------------------------------ */
/* 06. Header
/* ------------------------------------------------------------------------ */

#header {
	position: relative;
	background-color: #43494c;
}
.top-bar {
	background-color: #262a2d;
}
.social-bar {
	background-color: #f0f2f4;
	padding: 5px 0 6px;
	border-bottom: 1px solid #ededed;
	min-height: 2px;
}
.social-bar ul {
	list-style: none;
	float: right;
	margin:0px
}
.social-bar ul li {
	float: left;
	margin-right: 20px;
	font-size: 11px;
}
.social-bar ul li a {
	background-color: #fff;
	color: #878b93;
	padding: 3px 4px 3px 10px;
	border: 1px solid #e9e9e9;
	line-height: 17px;
	border-radius: 25px;
	display: inline-block;
}
.social-bar ul li a span {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/icons/sprite.png) no-repeat;
	margin-left: 5px;
}
.social-bar ul li a span.linkedin-icon {
	background-position: -37px -37px;
}
.header-middle {
	background-color: #fff;
	position:relative;
	z-index:99
}
#header .logo { margin:-38px 0px 0px 0px}
.left-bg {
	position: absolute;
	background-color: #4496D2;
	height: 180px;
	width: 100%;
	left: -75%;
	z-index:9
}
.header-phone {
	background-color: #4496d2;
/*	width: 291px;
	height: 56px;*/
	padding: 21px 0 21px 75px;
	background: #4496d2 url(../images/icons/sprite.png) no-repeat 18px -70px;
	position: relative;
	float: left;
	z-index:9
}
.header-phone h2, .header-phone h4 {
	color: #fff;
	font-size: 30px;
	font-weight: 4500;
	padding: 0px;
	margin:0px;
}
.header-phone h4 {
	font-size: 13px;
	padding-top: 8px;
	font-weight:400
}
.triangle-arrow {
	border-right: 58px solid transparent;
	border-top: 96px solid #4496D2;
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	right: -58px;
	top: 0;
}
.header-tagline {
	padding: 8px 0px 8px 0px;
	text-align: center;
}
.header-tagline a {
	color: #4491C9;
	font-weight: 600;
}
.header-tagline h3 {
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	margin:15px 0px
}
.header-tagline h3 a { font-weight:700}
.phone-slogan {
	overflow: hidden;
	z-index: 2;
}
/* ------------------------------------------------------------------------ */
/* 07. Main Header Navigation
/* ------------------------------------------------------------------------ */

/* search box */
.search-box {
	position: absolute;
	top: -151px;
	right: 0;
	z-index: 3;
}
.search-title {
	background-color: #748491;
}
.search-title h3 {
	padding: 0 0 0 20px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}
.search-form {
	background-color: #fff;
	border: 1px solid #E8EAEE;
	padding: 15px;
}
.select-replace-cover, .search-box input, .search-box select {
	color: #F25D28;
	border: 1px solid #D6DCE1;
	font-size: 13px;
	color: #abaeb4;
	height: 40px;
	line-height: 40px;
	width: 100% !important;
	cursor: pointer;
	margin: auto;
	padding: 0 15px;
	display: block !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgba(0,0,0,.05);
	/* beautiful background below :) */
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f2f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f2f3));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f2f3 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%, #f1f2f3 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #f1f2f3 100%);
	background: linear-gradient(to bottom, #f7f7f7 0%, #f1f2f3 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f2f3', GradientType=0 );
}
.select-replace-cover {
	margin-top: 15px !important;	
}
.select-replace {
	background: url(../images/icons/sprite.png) no-repeat 205px -245px;	
}
.search-box .search-submit {
	width: 95px !important;
	margin: 15px 0 0;
	height: 35px;
	line-height: 35px !important;
	border: none;
	color: #fff;
	border-radius: 4px;
	background: #8cbb41; /* Old browsers */
	background: -moz-linear-gradient(top,  #8cbb41 0%, #8cbb41 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cbb41), color-stop(100%,#8cbb41)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8cbb41 0%,#8cbb41 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8cbb41 0%,#8cbb41 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8cbb41 0%,#8cbb41 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8cbb41 0%,#8cbb41 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbb41', endColorstr='#8cbb41',GradientType=0 ); /* IE6-9 */
	-webkit-appearance: none;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.search-submit:hover {
	opacity: .9;	
}
#right-col .search-box {
	position: relative;
	margin: 0;
	top: auto;
}
#right-col .search-form {
	border: none;
	background: none;
	padding: 0 15px;
}
#right-col .select-replace-cover, #right-col .search-box input, #right-col .search-box select {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
/* ------------------------------------------------------------------------ */
/* 08. Site title & Tag Line
/* ------------------------------------------------------------------------ */

.site-title {
	margin: 8px 0 0 18px;
	padding: 0;
}
.text-logo {
	line-height: 50px;	
}
.site-title img {
	max-width: 100%;
}
.site-title a {
	color: #00adee;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}
.site-title a:hover {
	color: #292929;
}
/* ------------------------------------------------------------------------ */
/* 09. Content
/* ------------------------------------------------------------------------ */

.content {
	padding-top: 45px;
}
.content-padding {
	padding-top: 0;
}
.page-top {
	position: relative;
	border: 1px solid #ededed;
	border-width: 0 1px 1px 0;
	padding: 66px 0 50px;
	margin: -45px 0 40px;
}
.page-top h2 {
	font-size: 20px;
	padding: 0 0 0 40px;
	color: #464242;
	text-shadow: 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF, 0 0 10px #FFFFFF;
}

/*header area closing*/

/*nav starts here*/
.nav-header {  }
.nav-header-border { background:#57ba47; }
.navbar-default{  border:none; padding:0;  }

.navbar-default .navbar-nav>li { padding:30px 30px 15px 0px; }
.navbar-default .navbar-nav>li>a{ font-size:14px; color:#4d4d4d;padding:0px 0px 0px 0px; text-transform:uppercase; font-weight:400 }

.navbar-default .navbar-nav>li:last-child { padding-right:0px}
.no-margin { margin-right:0px !important; padding-right:0px !important; }

.navbar-nav > li { text-align:center }
.navbar-collapse, .collapse{   padding:0px }
.navbar { position:relative; z-index:999; height:auto; margin-bottom:0px}
.navbar-default{ background:none; }
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none;  color:#4496d2 ; 
}

.navbar-default .navbar-nav > li > a:hover{ background:none;  color:#4496d2 ;  transition:ease-out 0.3s; }
.navbar-default .navbar-brand{color:#fff; }
.navbar-collapse{border:none;}
.navbar-header{ background:#4d4d4d;  }
.navbar-default .navbar-nav{ margin:0px }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0px 0 !important;
  margin: 0px 0 0 !important;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
/*  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/
		  border:0px none;
		   border-left:3px solid #4496d2;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 3px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 7px 22px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #4d4d4d;
  white-space: nowrap;
  font-size:13px;
  border-bottom:solid 1px #e0e0e0;
  text-transform:capitalize
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
 {
  color: #f0f0f0;
  text-decoration: none;
  background:#4d4d4d;
  
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {  }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background:#4d4d4d; }
@media(min-width:768px) {
.dropdown:hover .dropdown-menu {
    display: block;
 }
}
@media(max-width:1199px) and (min-width: 991px) {
.navbar-default .navbar-nav>li { padding:30px 7px 15px 0px; }
}
@media(max-width:991px) and (min-width: 768px) {

}


@media(max-width:991px) {
.logo { margin:-38px auto 0px auto !important}
.navbar-default .navbar-nav>li { padding:15px 40px 15px 0px; }

}

@media(max-width:767px)  {
	.logo { margin:0 auto !important}
.navbar-default .navbar-nav>li { padding:0px 0px 0px 0px; }
.navbar-default .navbar-nav>li>a{ font-size:14px; padding:12px 14px; border-bottom:none; text-align:left}
.navbar-default .navbar-nav { border:solid 1px rgba(146,154,155,0.2)}
header .bottom-area .pull-right { float:none !important}
.navbar { margin-bottom:0px}


}

/*banner area starts*/
.banner { float:left; width:100%; margin-top:-30px}
@media(max-width:991px)  {
	.banner { margin:0px}
}

.college { float:left; width:100%; margin:-152px 0px 0px 0px; position:relative; z-index:99}
.college ul { list-style:none; list-style-type:none; margin:0px; padding:0px}
.college li { background:rgba(68,150,210,0.9); color:#fff; text-align:center; margin:0 auto; float:left; padding:30px 0px; font-size:20px; font-weight:300; border-right:solid 2px #3880b5; box-shadow:10px 0px 5px -2px #000; transition:ease-out 0.5s }
.college li img { margin:0 auto; text-align:center; margin:0px 0px 15px 0px}
.college li:hover { padding:47px 0px 48px 0px; margin-top:-35px; transition:linear 0.5s }
.college li.active { padding:47px 0px 48px 0px; margin-top:-35px; transition:linear 0.5s }
.college .nomargin { margin-right:0px !important; box-shadow:none !important; background:rgba(68,150,210,0.9) !important; border-right:0px !important}

@media(max-width:767px)  {
	.college { margin:0px}
}

/*banner area closing*/


/*contents area starting*/

.contents { margin:40px 0px 20px; float:left; width:100%}
.contents .left-contents {  }
.contents h1 { font-size:24px; border-bottom:solid 1px #4496d2; padding-bottom:10px; margin-bottom:20px; font-weight:400}
.contents .h1 { font-size:30px; border-bottom:solid 1px #4496d2; padding-bottom:10px; margin:0px 0px 20px; font-weight:700}
.contents h1 span { color:#4496d2}
.contents p { font-size:14px; color:#6d7071; line-height:24px }
.contents img { float:left; margin:0px 20px 10px 0px}
.contents p a { color:#4496d2 }
.contents p a:hover { color:#3778a7; }

.contents .right-contents { }
.contents .nop{ font-size:14px; font-style:italic}
.contents .right-contents .chairman { padding:5px; border:solid 1px #e8e8e8}

.contents .bottom-contents {  margin:30px 0 0 0; float:left; width:101%}

/*contents area closing*/

/*carousal*/
.item .thumbnail { border-radius:0px}
.item .thumbnail img { float:none; margin:0px auto; text-align:center}
.carousel {
    margin-bottom: 0;
}
/* Reposition the controls slightly */
.carousel-control {
	width:20px;
	height:20px;
	line-height:14px;
	background:#eee;
	border:solid 1px #d2d2d2;
	top:-50px;
	color:#000;
	text-align:center
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size:11px; width:20px; top:13px}
.carousel-control.left {
	left:inherit;
	right: 30px;
}
.carousel-control.right {
	right: 0px;
}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}

@media(max-width:264px)  {
	.col-xs-6 { width:100%}
	.item .thumbnail { float:none}
.item .thumbnail img{ float:none; max-width:100%}
}



.bottom-contents .pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}
.bottom-contents td { font-size:13px}
.bottom-contents td span{ font-size:16px; color:#579ed5}
.bottom-contents .pagination a
{
    color:#555;
}
.pagination > li > a, .pagination > li > span { font-size:11px; padding:2px 7px}
.bottom-contents .panel-footer { padding:8px 15px}

.bottom-contents .panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

.bottom-contents .news-item
{
    padding:4px 4px;
    margin:0px;
    border-bottom:1px dotted #555; height:90px; overflow:hidden;
}


/*footer area starting*/

footer { background:url(../images/footer-bg.jpg) repeat-x #262a2d; width:100%; float:left; font-size:13px}
footer .container { background:#44494d; margin-top:50px; padding:20px 40px 0px 40px}

footer h2 { font-size:16px; color:#dde1e2; margin:20px 0px 15px 0px; padding:0px}
.footer-top .box img { margin:0px 15px 20px 0px; float:left}
.footer-top ul { margin:0px; padding:0px; list-style:none}
.footer-top ul li a { color:#8e9295; line-height:23px}
.footer-top p { color:#8e9295; font-size:13px; display:inline-flex; vertical-align:top}
.footer-top p i { margin-top:2px; font-size:18px}
.footer-top p a{ color:#8e9295; font-size:13px;  }
.footer-top p span { margin-left:15px}
.footer-top p a:hover{ color:#fff;}

.footer-top .box label{font:normal 12px Arial, Helvetica, sans-serif;float:left;width:70px}
.footer-top .box input{font:normal 12px Arial, Helvetica, sans-serif;color:#616161;background:#F7F7F7;border:solid 1px #E7E7E7;padding:3px 10px;width:140px;height:15px; float:left; margin-bottom:10px}
.footer-top .box textarea{font:normal 12px Arial, Helvetica, sans-serif;color:#616161;background:#F7F7F7;border:solid 1px #E7E7E7;padding:3px 10px;width:140px;height:50px; float:left; margin-bottom:10px}

.footer-top .box input.button { background:#3384be; border:solid 0px #ccc; height:30px; width:70px; color:#dedbdb; margin-left:70px; border-radius:5px; cursor:pointer}
.footer-top .box input.button:hover { background:#1c5e8f}

.footer-bottom { padding:20px 20px 15px 0px; color:#8e9295; font-size:13px; border-top:solid 1px #53585c; margin:50px 0px 0px 0px}
.footer-bottom-inner {   }
.footer-bottom-inner span { float:right; margin:0px; padding:0px}
.footer-bottom-inner .left { }
.footer-bottom-inner .right { }
.footer-bottom-inner .right img { margin:-3px 0 0 0}
.footer-bottom-inner .right a { margin:0px 0 0 0; float:right}
footer .social-media { color:#44494d; margin-top:-5px}
footer .social-media .fa-inverse { color:#44494d}
footer .social-media .fa-stack { color:#24282b; font-size:16px}
footer .social-media .fa-stack:hover { color:#4496d2;}
.back-to-top {
  bottom: 10px;
  position: fixed;
  right: 0;
  z-index: 9999;
  cursor: pointer;
  font-weight: normal;
  text-align: center;
  background-color: #da4b52;
  color: #ffffff;
  display:none;
  border:none;
  border-radius:0px;
  padding:10px 15px
}
.back-to-top:hover {
  background-color: #333333;
  color: #ffffff;
}

/*footer area closing*/


/*script flexisel css starts here*/


#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:980px;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;

-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
 
	background:url(../images/brand-bg.jpg) repeat;
	margin-top:-88px  
	
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	margin-top:35px
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
	margin:20px 0px 20px -2px;
    max-width:157px;
    max-height:103px;
	border:solid 1px #e0e0e0;
	padding:6px;
	margin-right:-10px !important

}


.nbs-flexisel-item li { min-width:194px !important; float:left; padding:0px}

	



.checking li .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	margin:0 auto;
	text-align:center
}

.checking li .simple-caption {
	height: 25px;
	width: 152px;
	display: block;
	bottom: -35px;
	line-height: 20pt;
	text-align: center;
	margin:0 auto;
	font-size:13px;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
overflow:hidden
	
}

.checking li:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
	bottom: -10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 22px;
    height: 22px; 
/*    position: relative;*/
    cursor: pointer;
    z-index: 99999;
    opacity: 1;
	
}

.nbs-flexisel-nav-left {
    left: 10px;
    background:url(../images/icons/next-prev.png) no-repeat;
	margin:-290px 35px 0px 0px;
	float:right;
	position: relative;
	
}


.nbs-flexisel-nav-right {
    background: url(../images/icons/next-prev.png) no-repeat right;
	margin-top:-290px;
	float:right;
	position:relative;
}
.nbs-flexisel-nav-right:hover,.nbs-flexisel-nav-left:hover { opacity:0.6}


/*script flexisel css close here*/


/*banner css starts here*/

#banner-fade,
#banner-slide{
	margin-bottom: 60px;
	width:100%
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
	margin-top:-75px
}

ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}

p.bjqs-caption{
	background: rgba(39,34,34,0.8);
	color:#fff;
	font-size:18px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:capitalize
}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute; }
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; background:url(../images/icons/arrows.png) top right no-repeat; color:#fff; width:6px; height:70px}
ul.bjqs-controls.v-centered li.bjqs-next a:hover{  background:url(../images/icons/arrows-over.png) top right no-repeat}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0; background:url(../images/icons/arrows.png) top left no-repeat; color:#fff; width:6px; height:70px}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{  background:url(../images/icons/arrows-over.png) top left no-repeat}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center; display:none}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:auto;margin:0;padding:15px 30px;position:absolute;bottom:215px;}

/*banner css close here*/

/*--About Section--*/
.inner { margin:0 auto; text-align:center; background:url(../images/banner/inner.jpg) center no-repeat; background-size:cover; margin:-30px 0px 0px; position:relative; z-index:1; height:150px}
.inner img{  margin:0 auto; text-align:center; }
.inner .container { }
.breadcrumb-bg {  z-index:999; right:0; top:80px; position:relative}
.breadcrumb > .active { color:#4496d2}
.about img{ margin:0 20px 10px 0}

/*--Courses Section--*/
.tariff{border:solid 1px #e2e2e2;width:100%;border-bottom:none;border-right:none;margin-bottom:20px}
.tariff th,.tariff tr.bg td{background:#4d4d4d;padding:10px 15px;color:#fff;font-size:16px;font-weight:normal;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2; vertical-align:middle}
.tariff td{color:#616161;font-size:15px;padding:10px 15px !important;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2; vertical-align:middle !important}
.tariff tr.bg1 td{background:#5cb85c;padding:10px 0;color:#fff;font-size:30px;font-weight:normal;border-right:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2; transition:ease-in 0.2s}

.tariff tr.bg1 td:hover, .tariff tr.bg1 td:hover span { background:#fbfbfb; color:#3489d7; transition:ease-in 0.2s}
.tariff tr.bg1 td a , .tariff tr.bg1 td:hover span { margin:0px auto; text-align:center; opacity:0; display:none}
.tariff tr.bg1 td:hover a {  opacity:100; z-index:999; display:inline-block ; vertical-align:middle; margin:22px 0px }
.tariff tr.bg1 td hr { visibility:hidden; height:0px !important; display:none}
.tariff tr.bg1 td:hover hr { /*visibility:visible; display:block*/}

@media(max-width:767px) {
	.tariff tr.bg1 td{font-size:19px; padding:5px 20px}
	.tariff tr.bg1 td:hover a {   margin:12px 0px }
}

.tariff tr{background:#f6f6f6;}
.tariff tr:hover{background:#fcfcfc}
.about .panel-default { }
.about .panel-default > .panel-heading { }
.about .panel-default > .panel-heading h2 {color:#232323; margin:0px 0px 0px;  border:0px; font-size:19px; text-align:left; }
.about .panel-default > .panel-heading h1 small { margin:0px; padding:0px; background:none; font-size:21px; text-indent:7.5%; text-transform:uppercase}
.about .panel-default > .panel-heading h1 i { color:#3489d7}
.tariff fa-flag-checkered { color:}

/*news area starts here*/

.news-detail { background:#fff; padding:0px 0px 15px; display:inline-block; width:100%; border:solid 1px #f0f0f0; border-bottom-right-radius:2em;}

.news-detail img { margin:20px 15px 0px 20px}
.news-detail .caption {   margin:0px; padding:1px 16px; min-height:250px; border-bottom-right-radius:2em;}
.news-detail .caption h3 {  font-size:21px}
.news-detail .caption h4 {   font-size:16px; color:rgb(225, 191, 30)}

@media(max-width:768px)  {
.news-detail img { margin:0px auto; text-align:center; float:none}

}

/*Gallery starts here*/

.gallery { padding:0px 0px 0px 0px;}
.gallery .thumbnail { margin:0 auto; text-align:center; margin-bottom:30px; padding:30px 10px; border-radius:0px; background:none; /*border-bottom:solid 20px #3489d7; 
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/ border:0px; float:left; width:100%}

.gallery .thumbnail img { margin:0 auto 20px; text-align:center; float:none !important}
.gallery .thumbnail:before
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
    box-shadow:0 0 10px rgba(0,0,0,0.5);
    top:0px;
    bottom:50px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
	
} 
.gallery .thumbnail:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
			
}
.gallery .thumbnail i { margin:0 auto; text-align:center; position:absolute; opacity:0; left:46%}
.gallery .thumbnail .caption { padding:8px 6px; background:#00a651}
.gallery .thumbnail h3 { margin:0px; font-size:16px; color:#fff}
.gallery .thumbnail:hover { /*border:solid 1px #00a651;*/ /*border-bottom:solid 20px #3489d7 */ }
.gallery .thumbnail:hover i {  top:32%;  opacity:100; z-index:999; color:#3489d7; transition:ease-in-out 0.5s !important; text-align:center; margin:0 auto; margin-left:-11px}
.gallery .thumbnail:hover img { opacity:0.3}

@media (max-width: 768px) {.gallery .thumbnail img { height:200px; }}
@media (max-width: 992px) {.gallery .thumbnail img { height:150px; }}


.btn-sq-lg {
    font-weight: bold;
    white-space: normal;
	color:#fff !important;
	font-size:16px;
	padding:15px 10px
}
.btn-sq-lg span {
    white-space: pre-line;
}
.btn-sq-lg small {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 14px !important;
}
.btn-sq-lg .mar {
    margin: 0 -8px;
}
.btn-default { color:#333 !important}

.tg  {border-collapse:collapse;border-spacing:0; margin:50px auto}
.tg td{padding:15px 30px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{padding:15px 30px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-baqh{text-align:center;vertical-align:top}