
/*-- ROBOTO --*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500);

/*-- OPEN-SANS --*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

/*-- SINKIN --*/
@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('../fonts/SinkinSans-700Bold-webfont.eot');
    src: url('../fonts/SinkinSans-700Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SinkinSans-700Bold-webfont.woff') format('woff'),
         url('../fonts/SinkinSans-700Bold-webfont.ttf') format('truetype'),
         url('../fonts/SinkinSans-700Bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans500_medium';
    src: url('../fonts/SinkinSans-500Medium-webfont.eot');
    src: url('../fonts/SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SinkinSans-500Medium-webfont.woff') format('woff'),
         url('../fonts/SinkinSans-500Medium-webfont.ttf') format('truetype'),
         url('../fonts/SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('../fonts/SinkinSans-400Regular-webfont.eot');
    src: url('../fonts/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SinkinSans-400Regular-webfont.woff') format('woff'),
         url('../fonts/SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('../fonts/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#home-bg {
	background:#e8f0ff !important;
}


/*--- HEADER ---*/

#header {
	padding: 15px 0px 10px;
	background: #0C2A46;
	
	/*background: -moz-linear-gradient(top,  #4476a6 0%, #203951 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4476a6), color-stop(100%,#203951)); 
	background: -webkit-linear-gradient(top,  #4476a6 0%,#203951 100%); 
	background: -o-linear-gradient(top,  #4476a6 0%,#203951 100%); 
	background: -ms-linear-gradient(top,  #4476a6 0%,#203951 100%);
	background: linear-gradient(to bottom,  #4476a6 0%,#203951 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4476a6', endColorstr='#203951',GradientType=0 ); */
	box-shadow: 0px 0px 10px 0px #c0c0c080;
	position: relative;
	z-index: 1;
}


.top-info {
	padding:10px 0px 0px;
}


.top-info ul, .top-info{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	font-weight:300;
	text-shadow: 2px 1px 1px #001B35;
}

.top-info li {
float:left;
list-style:none;
/*margin-right:15px;*/

color:#FFF;
}

.top-info li a {
	color:#FFF;	
	-webkit-transition: width 0.5s; 
    transition: color 0.5s;
}

.top-info a:hover {
	color:#90B4D7;
	text-decoration:none;	
}



.top-info li a:hover {
	color:#90B4D7;
	text-decoration:none;	
}


/*.top-info span {
	margin: 0px 15px;
}

.top-info span:last-child {
	margin: 0px;
	margin-left:15px;
}

.top-info a {
	color:#FFF;	
	-webkit-transition: width 0.5s; 
    transition: color 0.5s;
}

.top-info a:hover {
	color:#90B4D7;
	text-decoration:none;	
}

.top-info, .top-info p {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:right;
	font-weight:300;
}*/

/*--- MENU ---*/

#menu-bar {
	padding:0px 0px;
	font-family: 'sinkin_sans500_medium';
	font-size: 15px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 26%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(26%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 26%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 1%,#ffffff 26%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 1%,#ffffff 26%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 26%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}


/*--- SLIDER ---*/

#banner {
	padding: 0px 0px 43px;
	background: #fff;
	box-shadow: 0px 2px 3px #AAC2D7;
}

#news-marq {
	margin-top:40px;
	padding:0px 0px;
	margin-bottom:40px;	
}

.mg-left { margin-left:0px !important;}
.mg-right { margin-right:0px !important;}

.mag-none { margin:0px !important;}

.pd-left { padding-left:0px !important;}
.pd-right { padding-right:0px !important;}

.pad-none { padding:0px !important;}

.upcoming {
	background:#bb2828;
	color:#fff;
	font-family: 'sinkin_sans500_medium';
	text-transform:uppercase;
	text-align:center;
	font-size:15px;
	padding:10px 0px;	
}

.marqu {
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:700;
	padding:10px 10px 0px;	
}

.marqu p, marquee {
	padding:0px;
}


#containt {
	padding:30px 0;
	 text-align:center;
	 background: #fff;
}

#containt h2{
 color:#3f6c97;
 font-family: 'sinkin_sans500_medium';
 font-size:25px;
 text-align:center;
 padding-bottom:10px;
 text-transform:uppercase;
 min-width:300px;
 max-width: 440px;
 margin:0 auto;
}

#containt p {
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#555555;
	line-height:25px;
	padding-top:10px;
}

#services {
	/*background-image: url("../images/newsBG.jpg");*/
	padding:20px 0px;
	position: relative;
	box-shadow: 0 8px 6px -6px #000;
	background-color: #0c2a46;
	
}

.box1 {
	padding-bottom:20px;
	text-align:center;
}

.serv-tittle {
	padding:0px;
	margin-bottom: 20px;
}

.ser-img {
	
}

.box  { -webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */
    	box-shadow: color 0.5s;}

.box:hover { -moz-box-shadow: 0px 0px 15px 0px #CDE7FF; -webkit-box-shadow: 0px 0px 15px 0px #CDE7FF; box-shadow: 0px 0px 15px 0px #CDE7FF; }

 .serv-tittle h1 {
	font-family: 'sinkin_sans500_medium';
	text-align:center;	
	font-size:17px;
	color:#fff;
	padding: 11px 0px;
	box-shadow: 0px 0px 10px 0px #ccc3;
}


.more  {
	margin:20px 0px;
	font-size:17px !important;
	text-transform:uppercase;
	border:1px solid #154e85 !important;
}


/*--- INNER-PAGES ---*/
#bread-box {
	padding: 10px 0px 0px; 
	background:#2E68A1;
	color:#BAD0F9;
	font-family: 'sinkin_sans500_medium';
}

#bread-box a {
	color:#ffffff;
	font-size:13px;
}

#bread-box a:hover {
	color:#5093D2;
	text-decoration:none;
}


#inner-containt {
	padding:30px 0;
}

#inner-containt h2{
 color:#3f6c97;
 font-family: 'sinkin_sans500_medium';
 font-size:20px;
 padding-bottom:10px;
 border-bottom:1px solid #b3d3e6;
 text-transform:uppercase;
 margin:0px;
}

#inner-containt h4{
 color:#333;
 font-family: 'Open Sans', sans-serif;
 font-size:13px;
 padding:20px 0px 10px;
 text-transform:capitalize;
 margin:0px;
 font-weight: 600;
}

#inner-containt p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #555555;
	line-height: 21px;
	padding-top: 10px;
}

#inner-containt ul {padding:0px;}

#inner-containt li {
	padding:0px;
	list-style:none;
	list-style-position:inline;
	padding:10px 0px; 
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	border-bottom:1px dotted #ccc;
	color:#333;
}

#inner-containt li:last-child {
	border:none;
}

.bearer {
	padding: 10px;
	background: #FDFEFF;
	margin: 20px 0px;
	border: 1px solid #B2C8DD;
	min-height: 288px;
}

.bearer img  {
	float: right;
	border: 2px solid #fff;
	box-shadow: 0px 0px 0px 2px #9AC2E8;
	margin: 3px 3px 0 10px;
}
}

.bearer h4 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	
}

.bearer h1 {
	
	font-family: 'sinkin_sans500_medium' !important;
	font-size: 15px !important;
	padding: 0px !important;
	margin: 0px !important;
	color: #0465C2;
}

.bearer p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px !important;
	color: #555555 !important;
	line-height: 21px !important;
}

.bearer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	line-height: 21px !important;
	margin-top:10px !important;
	font-weight:700;
}


/*-- FOTTER --*/
#footer {
	background: #0c2a46;
	padding: 30px 0px 20px;
	border-top: 2px #f00 solid;
}

.foot-nav, .copyright {
	color:#fff;
	font-family: 'sinkin_sans400_regular';
	font-size:15px;	
	overflow: hidden;

}

.foot-nav ul {
	text-align:center;
	color:#b3d8fb;
	font-family: 'sinkin_sans400_regular';
	/*font-size:15xp;	*/
	border-bottom:1px solid #476078;
	overflow:hidden;
		padding-bottom: 15px;
}

.foot-nav li {
	list-style:none; 
	padding: 5px 0px 0px 0px;
}

.foot-nav li a {
	color:#b3d8fb;
	text-decoration:none;
	padding:0px;
  	font-size: 12px;
}

.foot-nav li:last-child{
	border-right: none;
}

.foot-nav li a:hover {
	color:#fff;
}

.copyright p {
	text-align:center;
}

.table-title {
	background: #406F9C;
  color:#fff;
  text-align:left;
  font-family: 'sinkin_sans500_medium';
}

.top-gap {
	margin-top:30px;
}

.bottom-gap {
	margin-bottom:30px;
}

.top-page-bar {
	background-color: #E8F0FF;
	padding: 15px 0px 0px;
	border: 1px solid #B5D8F9;	
}

.top-page-bar h2 {
		font-family: 'Open Sans', sans-serif;
	font-size: 14px !important;
	line-height: 15px !important;
	margin-top:10px !important;
	font-weight:700;
	border:none !important;
	color:#233E58 !important;	
}

.category {
	overflow:scroll;
	height:300px;
	width:100%;
	overflow-x: hidden;
}

.addr h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px !important;
	margin:0px !important;
	font-weight:400;
	border:none !important;
	color:#233E58 !important;	
	line-height:28px !important;	
	border-bottom: 1px dotted #ccc !important;
	padding:0px 0px 9px !important;
}

.addr a {color:#09C;}
.addr a:hover {color:##34C8FD; text-decoration:none;}

.addr h1:last-child {
	
	border: none !important;
	
	}

.addr span {
	margin-right: 10px;
	color:#666
	}
.login-title { background: #406F9C;
padding: 10px;
font-size: 19px;
text-align: center;
color: #fff;
border: 1px solid #345C81;
border-radius: 5px;
text-shadow: -1px 1px 0px #043767;
}

.click {
  margin-right: 10px;
  font-size: 12px;
}

.city-list {padding: 0px 13px 0px;
font-size: 18px;
color: #fff;
margin-top: 35px;
border-left: 1px solid #fff;
}

.container a:hover {color:#003; text-decoration:none;}

.container a {
	-webkit-transition: color 0.5s; 
    transition: color 0.5s;
}

.container a:hover {
	color:#1B2E41;
	text-decoration:none;	
}

.logo-wrap {  margin: 0px 0 0;}

.member {
	padding: 4px;
  }
  
.member a {
	color:#fff;
}

.member a:hover {color:#0F0 !important;}




.serv-tittle {
	padding:0px;
	margin-bottom: 15px;
}

.ser-img {
	text-align:left;
	height: 239px;
	min-height:239px;
}











#menu-bar{display:none;}
.logWidth{width:300px;float:right;}
.logRight{text-align:right;}
.lgnStyle{font-size: 17px;}
.lgDift{text-align: right;}
.foot-nav li a{color:#fff !important;font-size:12px !important;}
.foot-nav li a:hover{color:#ccc !important;}


.abt_content_h1 {
	font-size: 17px;
	letter-spacing: 0;
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 20px;
	margin-top: 25px;
}

.abt_content_h1:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 40px;
	height: 1px;
	z-index: 1;
	background: #b50000;
}


.abt_content_h1 span {
	color: #fff;
	text-shadow: 1px 5px #000;
}


.foot-nav.nvBrNone {
	border: 0px;
}

.short-msg a.short-topup {
	bottom:0px;
	color: #fff;
	font-size: 20px;
	line-height: 36px;
	position: fixed;
	right: 0px;
	text-align: center;
	z-index: 999;
	background: #08094B;
}
.flash-button {
	background: blue;
	padding: 5px 10px;
	color: #fff;
	border: none;
	animation-name: flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	//Firefox 1+ -webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	//Safari 3-4 -moz-animation-name: flash;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
}


.blink_me {
  animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.quadrat {
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(41, 79, 115);
	border: 3px solid #294f73;
  }
  50%, 100% {
    background-color: #0c2a46;
	border: 3px solid rgb(41, 79, 115);
  }
}


.lgokhfklsf{background-color: #f8f8f8 !important;padding: 30px 0px 30px 0px !important;}

#demo1 ul li a{color:#fff !important;}
#demo2 ul li a{color:#fff !important;}
#demo3 ul li a{color:#fff !important;}
.copyright{border-top: 1px #b3d8f5 dotted;padding-top: 15px;margin-top: 22px;font-size: 12px;}
.foot-nav{border-right: 1px solid #3F6C97;}

#containt span{border-bottom: 1px #bf2a2a solid;}
.carousel-indicators{bottom: 20px !important;}
.carousel-indicators .active{background-color: #FFF !important;}
.carousel-indicators .active{width:14px !important;height:14px !important;}
.carousel-indicators li{border: 1px solid #F00 !important;}

.galleryImg img{width:262px;height:157px;}

.nav > li > a{padding: 10px 12px !important;}

.navbar.navbar-default {
	padding-top: 25px;
}

/*.navbar-default .navbar-nav > li > a{font-size:15px !important;}
.short-msg a{ -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}

*/
	
	.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
}

.title {
    color: grey;
    font-size: 18px;
}

button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}



button:hover, a:hover {
    opacity: 0.7;
}
	
	
	.coloSheme li{color:#fff;font-size:12px !important;line-height: 20px;}
	
	
	
	.imgHeading{color: #000;background-color: #fbfbfb;padding: 5px;box-shadow: 0px 0px 10px 0px #0000001a;height:72px;border-bottom: 2px #e7e7e7 solid;}
	.w3-row-padding img{height:170px;}
	.short-msg .btnMsg{bottom:0px !important;}
	.scrollStyl{
	background-color: #efefef;
	width: 100%;
	padding: 7px;
	font-size: 15px;
	float: left;
	box-shadow: -10px -10px 11px 0px #0003;
}




	
@media only screen and (min-width:1024px) and (max-width:1149px){
	
	.navbar-default .navbar-nav > li > a{font-size:11px !important;}
	.top-info li{float:right;}


}

@media only screen and (min-width:768px) and (max-width:1023px){
	
	.logWidth{width:100%;}
	.lgnStyle {width: 100%;text-align: right;}
	.lgDift{width:auto;}




}

@media only screen and (min-width:480px) and (max-width:767px){
    
	.lgDift{float:left;}
    .top-info {float: left;}
	.lgokhfklsf img{width:100%;}
	.logo-wrap img{width:100%;}
	.foot-nav{border:none;}
	.short-msg a.short-topup{font-size:9px;}
	.flash-button{padding: 0px 7px;}
	

}

@media only screen and (min-width:240px) and (max-width:479px){
    
	.lgDift{text-align:left;}
	.foot-nav{border:0px;}
	.top-info{float:left;}
	.lgnStyle {font-size: 15px;}
	.short-msg a.short-topup{font-size:9px;}
	.flash-button{padding: 0px 7px;}
	

    
}




















@media (min-width:  720px){
	.navbar-nav{
   float: none !important;
   display: flex !important;
   justify-content: center !important;
   background: #012f5a !important;
    padding: 5px 0px !important;
   }
   .desktopview{
   	padding: 0px !important;
   	margin: 0px !important;
   }
   #header{
   	padding: 15px 0px 0px !important;
   }
}