html,body{
	font-family: 'Georgia';
	font-size:16px;
	color:#fff;
	background:#019b9b /* #83c9f3 */
}
input, textarea{color:#13527e}
.container {
	margin-top:10px
}
.header {
	/*background: #378fc7; 
	background: -moz-linear-gradient(top, #378fc7 0%, #2c7bbc 100%); 
	background: -webkit-linear-gradient(top, #378fc7 0%, #2c7bbc 100%); 
	background: linear-gradient(to bottom, #378fc7 0%, #2c7bbc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378fc7', endColorstr='#2c7bbc', GradientType=0 ); */
}
.navbar-default {
	background:none;
	border:0
}
a.navbar-brand {
	color: #fffffa !important;
	font-family: 'Times New Roman';
	text-transform:uppercase !important
}
.navbar-default .navbar-nav > li > a {
	color: #67f5f5 /* #afdaff */;
	background-color: transparent;
	font-family: 'Times New Roman';
	/*font-size: 11.2px;*/
font-size:14.2px;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:0
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {
	background-color:transparent;
	color:#fff;
}
::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
element {
	margin: 0;
	border-radius: 0;
}
.container .jumbotron, .container-fluid .jumbotron {
	margin:0;
	border-radius:0;
	padding:20px
}
.carousel-indicators {
	top: 20px;
	left: 40px;
}
.jumbotron {background:#fff}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 200;
}
.text_color_blue{color:#13527e ;font-size:21px !important}
.list_item,.list_item_dot{list-style-type: none;margin-bottom:15px}
ul.list_item li:before {
  content: '-';
  position: absolute;
  margin-left: -15px;
}

.list_item li,.list_item_dot li{font-size:16px;line-height:25px;}
.list_item_dot li{list-style:disc}
.line_top{display:none;height:2px;background:#019b9b;margin-bottom:20px;margin-top:20px}
.footer{background:#008080 /* #2c7bbc */}
/*.main{background:#348cc4}*/
.bg{background:#019b9b url(../images/bg1.jpg) repeat-x }
.margintop{margin-top:0}
.backgroundnone{background:none}
.footer p,.footer a{font-size:18px;color:#fff}
.paddinglogo{padding-top:30px;padding-bottom:30px;padding-left:0;padding-right:0 }
.width50{width:50%}
.paddingbottom{padding-bottom:5px}
.alink{color:#000000;text-decoration:underline}
.alink:hover{color:#000000;text-decoration:none}

#navbar{background:none}
.navbar {margin-bottom:0}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.title{color:#1aeae3;padding-bottom:25px}
.breakline{display:inline-block}
.showtitlemenu{display:none !important;text-transform:uppercase;font-size:12px;color:#83c9f3;font-weight:bold }
.info{padding:15px;margin-left:20px;min-height:309px;background:#019b9b;}
.text_color_white{color:#fff;font-size:30px !important;line-height:60px}
.text_color_white1{color:#fff;font-size:35px !important;line-height:60px}
.text_color_white1 a{color:#fff;font-size:35px}
@media screen and (min-width:997px) {
.container {
	width:997px
}
}
@media screen and (min-width:768px) {
.navbar-header {
	width:100%;
	text-align:center
}
.navbar-brand {
	float: none;
	height: auto;
	padding: 15px 15px;
	line-height: auto;
	display:inline-block
}
.navbar-nav {
	width: 100%;
	text-align: center;
}
.navbar-nav li {
	float: none;
	display: inline-block;
}
.navbar {
	margin-bottom: 0px
}
a.navbar-brand {
	font-size:35px
}
.nav > li > a {
	padding:10px 12px
}
}
@media screen and (max-width:900px) {

.bg{background:#019b9b}

}
@media screen and (max-width:974px) and (min-width:768px) {
.info{padding:15px;margin-left:20px;min-height:auto;background:#019b9b;}
.text_color_white{color:#fff;font-size:25px !important;line-height:40px}
.text_color_white1{color:#fff;font-size:25px !important;line-height:40px}
.text_color_white1 a{color:#fff;font-size:25px}	
}

@media screen and (max-width:767px) {
.navbar-nav {
	margin: 7.5px 15px;
}
.nav > li > a {
	padding: 10px 0px;
}
.carousel-caption{display:none}
.paddinglogo{padding-top:15px;padding-bottom:15px;}
.width50{width:98%}
.showtitlemenu{display:block}
#navbar{background:#019b9b}
.navbar-default .navbar-nav > li > a{border-bottom:1px solid #fff}
.resize{transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;}

.showtitlemenu{display:block !important}
.text_color_blue{font-size:15px !important}
.info{padding:15px;margin-left:20px;min-height:auto;background:#019b9b;}
.text_color_white{color:#fff;font-size:20px !important;line-height:35px}
.text_color_white1{color:#fff;font-size:20px !important;line-height:35px}
.text_color_white1 a{color:#fff;font-size:20px}
}
@media screen and (min-width:560px) {
	.col-md-4{ width: 33.33333%;float:left}
	.col-md-8 {width: 66.66666%;float:left}
}

@media screen and (min-width:480px) {
	.col-md-5{ width: 41.66667%;float:left}
	.col-md-7 {width: 58.33333%;float:left}
	
}
@media screen and (max-width:480px) {
a.navbar-brand {
	font-size:20px
}
.container .jumbotron, .container-fluid .jumbotron {
	margin:0;
	border-radius:0;
	padding:10px
}
}
@media screen and (max-width:559px) {
.info{padding:15px;margin-left:0px;min-height:auto;background:#019b9b;}
.text_color_white{color:#fff;font-size:20px !important;line-height:30px}
.text_color_white1{color:#fff;font-size:20px !important;line-height:30px}
.text_color_white1 a{color:#fff;font-size:20px}
}
@media screen and (max-width:479px) {
.text_color_blue{font-size:21px !important}
.line_top{display:block}
}
@media screen and (max-width:349px) {
a.navbar-brand {
	font-size:18px
}
.breakline{display:block}
}



/*****************carousel*******************/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	overflow:hidden;
}
.item.active img {
	transition: transform 5000ms linear 0s;/* This should be based on your carousel setting. For bs, it should be 5second*/
    /*transform: scale(1.05, 1.05);*/
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-caption {
	right: 5%;
	left: 5%;
	padding-bottom: 30px;
	text-align:left
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,  .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,  .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,  .carousel-fade .carousel-inner > .item.prev.right,  .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}

/***************end carousel****************/