@charset "utf-8";
/* CSS Document */
body{background-color:#00a1c7;
}
.header{ width:100%; 
 background:url(img/header_bg.JPG);
 background-size: 50% 100%; background-repeat:no-repeat;
background-color:#eeeeee;
}
.header h1{font-size:24px; color:#fff; line-height:.2; padding-top:0px; padding-bottom:0px;font-weight: bold !important; font-family:'Roboto'}

h1{font-size:24px; color:#013e74; line-height:0; padding-top:40px; padding-bottom:20px;font-weight: bold !important; font-family:'Roboto'}
.middle_image{ background-image:url(img/header_bg3.JPG); background-position: top right; background-repeat:no-repeat; }
.logo{
/*	background-color:aqua;*/
	height: 260px;
}
.more_txt{
/*	background-color: blue;*/
	height: 260px;
}
.nav-toggle{
  background:#E9E9E9;
  padding: 10px;
  display: block;
	text-align: center;
	font-size: 14px;
}
.menu li{padding:5px 0px;
}
.menu a{font-size:14px; color:#ed5e08; 
font-weight:bold;
}
.hidden-xs h4{font-size:15px; font-weight:bold;}
.img-txt{height:400px;
}


.middle_content{  width:94%; float:right;  margin: 0px; border-radius: 530px 0px 0px 530px; background-color:#fff; background-image:url(img/border.JPG); background-position:bottom right; background-repeat:no-repeat;background-size: 85%;  }
ul{
	padding-left: 15px !important;
	padding-bottom: 20px;
	font-size: 14px;
}
.logo{ margin-top:26px; float:left; margin-left:10px}
.footer{background-color:#00a1c7; background-image:url(img/footer_bg.JPG); height:96px; width:100%; float:right; background-position:right; background-size:50% 100%; background-repeat:no-repeat;}
 h2 {
    font-size: 22px;
    color: #fff;
    line-height: 2.9; font-family:'Roboto'
}
h3{color:#00A1C7; font-size:20px; font-weight:bold;
line-height:40px;
}
.left{ margin-top:90px}
h3 a{ color:#ed5e08; font-weight:bold; font-size:18px;font-family:'Roboto'; }
h3 a:focus{ color:#ed5e08; }
h3{margin:7px 0}
h3 a:hover{color:#ed5e08; text-decoration:underline }
.padding_zero{ padding:0 0 30px 0; width:160px;}
.right{ float:right; text-align:right; }
ul p{    margin-bottom: 2px;}
.pro-table{font-family:"Times New Roman","serif";
font-size:10.0pt;
mso-bidi-font-size:8.0pt;
}
.pro-table tr td{border:1px solid #fff;
}
@media (max-width: 1950px) and (min-width: 1715px){
.middle_content {
    float: right;
    margin: 0px;
    border-radius: 530px 0px 0px 530px;
    background-color: #FFF;
    background-image: url("img/border.JPG");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 85% auto;
    width: 79%;
    padding-right: 17%;
}
}
@media (max-width: 1714px) and (min-width: 1450px){
.middle_content {
    float: right;
    margin: 0px;
    border-radius: 530px 0px 0px 530px;
    background-color: #FFF;
    background-image: url("img/border.JPG");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 85% auto;
    width: 83%;
    padding-right: 11%;
}

}
/*@media (max-width:1449px) and (min-width: 1200px){
.middle_content {
    float: right;
    margin: 0px;
    border-radius: 530px 0px 0px 530px;
    background-color: #FFF;
    background-image: url("img/border.JPG");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 85% auto;
    width: 83%;
    padding-right: 11%;
}

}*/
@media (min-width: 1200px)
{
.menu{margin-top:70px;
text-align:right;
}
.content{margin:30px 0px 60px 0px;
}
}
@media (max-width: 1199px) and (min-width:992px)
{
.menu{margin-top:70px;
text-align:right;
}
.content{margin:60px 0px;
}
}

@media (max-width: 991px) and (min-width:768px)
{

.content{margin:30px 0px;
}
}


@media (min-width: 1200px)
{
.col-lg-9 {
    width: 70% !important;
}
.container{width:935px}
}
@media (max-width: 1199px) and (min-width:992px)
{
.middle_content {
    width: 99%;}
.logo img{ width:100%}	
.container{width:935px}
}
@media (max-width: 991px) and (min-width:768px)
{
	.padding-left{ padding-left:0}
.middle_content {
    width: 100%; border-radius:0}
.logo img{ width:100%;margin-top: 42px;}	
}
@media (max-width:767px) and (min-width:480px){

.header,.middle_image {
    width: 100%;
    background: none;
}
.middle_image,.logo{ text-align:center}
.middle_content {
    width: 100%; border-radius:0}
	.left {
    margin-top: 50px;
}
.right {
    float: left;
    text-align: left;
}
}
@media (max-width:767px)
{
	.middle_image,.logo{ text-align:center}
.middle_content {
    width: 100%; border-radius:0}
	.left {
    margin-top: 50px;
}
.padding-left{ padding-left:0}
ul {
    padding-left: 12px !important;
    padding-bottom: 10px;
}
.ul_styling {
    padding-bottom: 0;
}
.right {
    float: left;
    text-align: left;
}
.header h1 {
    font-size: 24px;
    color: #FFF;
    line-height: 0.2;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold !important;
    font-family: 'Roboto';
    width: 100%;
    background-color: #EB6909;
}
}
@media (max-width: 991px){

.middle_content {
    width: 100%;
    border-radius: 0px;
    border-bottom: 25px solid #EB6909;
    background-image: none;
}

}
@media (min-width: 768px){
	.logo1,.mob{display:none}
.padding-bottom{ padding-bottom:70px}

}
@media (max-width: 767px){
		.desktop,.logo{display:none}
  		.logo1{
    display: block;
    text-align: center;
    padding: 10px 0;
}
.ul_padding{ padding-bottom:0px}
.padding-bottom{ padding-bottom:30px}
.mob {
    display: block;
    text-align: center;
	padding:0

}
.header h1 {
    background-color: transparent;
    margin: 0px;
    line-height: 24px;
    font-size: 22px;
}
.padding{ padding:0}
.bg-color{ background-color:#EB6909; padding:10px;}
h2 {
    font-size: 22px;
    color: #FFF;
    line-height: 2.5;
    font-family: 'Roboto';
    margin: 0px;
    background-color: #000;
}
.bg-color1{padding:6px 0px;}
.footer {
    height: 70px;
}
}
@media (max-width: 767px) and (min-width: 448px){
	.img1{width:100%}
	.text{ text-align:left}
}
@media (max-width: 420px){
.header h1 {
    background-color: transparent;
    margin: 0px;
    line-height: 20px;
    font-size: 18px;
}
h2 {
    font-size: 16px;
    color: #FFF;
    font-family: 'Roboto';
    margin: 0px;
    background-color: #000;
    line-height: 3.6;
}
.logo1 img{max-width: 84%;}
.footer {
    background-color: #00a1c7;
       height: 50px;
}

.position{ padding-bottom:20px;}
h1 {
    font-size: 22px;}
}
.navs{
	
}
.navs a{
	font-size:14px;
	
}
@media (max-width:487px){
	.img{ width:100%; height:auto;}	.img1{width:auto; height:auto;}
		.text{ text-align:center}
		h3 a {
    color: #ED5E08;
    font-weight: bold;
    font-size: 16px;
}
}

@media (max-width: 420px){
.title{width:100%;
height:60px;
line-height:30px;
padding:0 0 50px 0px;
}
}
@media (max-width:487px){
.title{width:100%;
height:60px;
line-height:30px;
padding:0 0 50px 0px;
}
}
@media (max-width: 767px) and (min-width: 448px){
	.title{width:100%;
height:60px;
line-height:30px;
padding:0 0 50px 0px;
}
}