body {font-family: 'Carrois Gothic', sans-serif;  font-size:14px; color:#555;}
input:-internal-autofill-selected { background-color:none!important;}
.clearfix { margin:0; padding:0; clear:both;}

@media only screen and (min-width:768px) {	
.logo { float: left; margin:5px;}
.contact { float:right; width:40%; text-align:right;}
.contact img {width:50%; margin-top:10px }
.news { float:right; width:45%; margin-top:20px; }
.news ul { margin:0; padding:0;}
.news ul li { list-style:none; margin:10px 0 20px 0; padding:15px; border-radius:10px; font-size: 15px; background-color:#95eff8; color:#073A61} 
.news-head {color:#fff; font-size:30px;  font-family:"Roboto Condensed"; font-weight:300; padding:0 0 0 0; position: relative;}
.news-head span img{position: absolute; top:0; width: 55px; height:40px; border:none;}
.login { float:left; text-align:left; width:50%; margin-top:20px; }
.head {background:#09213b; padding:10px 0; text-align: center; color:#fff; font-size:30px; font-family:"Roboto Condensed"; font-weight:300;}
.searchbg { background:#23cdf8 url(../images/login-bg.gif)0 0 no-repeat; padding:20px 0 0px 0}
.login-bg { background: rgba(1,184,190,1);
background: linear-gradient(to right, rgba(188,58,200,0.7) 0%, rgba(44,150,237,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b8be', endColorstr='#2c96ed', GradientType=1 ); border-radius:10px; padding:70px 20px 5px 20px; margin:50px auto 0 auto; position:relative; text-align:center; box-shadow:0px 4px 12px 1px rgba(0,0,0,0.40);}
.login-icon { position:absolute; top:-50px; text-align:center; left:40%; }
.form-group { margin-bottom:30px; }	
.form-control { background:none;  color:#fff; border:none; border-bottom:1px solid #95eff8;}
.form-control.user { background:url(../images/user-icon.png)5px 5px no-repeat; padding-left:40px; }
.form-control.user selected {background:url(../images/user-icon.png)5px 5px no-repeat!important; padding-left:40px;}
.form-control.pass { background:url(../images/pass-icon.png)5px 5px no-repeat; padding-left:40px; }
.form-control.srch {background:url(../images/search.png)5px 9px no-repeat; background-size:18px; padding-left:40px; }
.login-bg .btn { margin-top:20px; width:40%; border-radius:7px;}
.provider-head {background:#d82726; padding:10px 0; text-align: center; color:#fff; font-size:30px; font-family:"Roboto Condensed"; font-weight:300;}
.provider-head span { float:right;}
.prov-srchbg { background:#072033; /*url(../images/login-bg.gif)0 -15px no-repeat;*/ padding:30px 0}	
.form-group.mid { float:left; width:45%;}
.form-group.mid-rgt { float:right; width:45%;}
ul.hosplist { overflow:hidden; margin:0; padding:0;}
ul.hosplist li {list-style:none;  display: inline-block; vertical-align:top; width:29%; margin:10px 20px 10px 0; font-size:13px}
.list-head { font-size:25px; margin:15px 0;}
ul.hosplist li span.hopname { font-weight:bold; font-size:15px; color:#000;}
ul.hosplist li span.hospcall { font-weight:bold;  color:#159ea2;}
ul.hosplist li span.hospemail a { color:#e26d3d;}
ul.hosplist li strong { color:#e26d3d;}
.countryhead {color:#fff; font-size:30px;  font-family:"Roboto Condensed"; font-weight:300; margin:25px 0 15px 0;}
.countrylist { overflow: hidden}	
.countrylist ul { margin:0; padding:0;}	
.countrylist ul li { margin:0; padding:0 0 10px 0; float:left; list-style:none; width:5.1%; overflow:hidden}
.breadcrum { margin:10px 0; border-bottom:1px dashed #dedada;}
.breadcrum a { color:#0F67C2}
.breadcrum a:hover { color:#D0520D}
.breadcrum i { padding:0 4px; }
.soon {text-align: center; font-size: 50px; color: cadetblue; margin-bottom:100px }
.address-bg { background: rgba(1,184,190,1);
background: linear-gradient(to right, rgba(188,58,200,0.7) 0%, rgba(44,150,237,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b8be', endColorstr='#2c96ed', GradientType=1 ); border-radius:10px; padding:10px 20px 15px 20px; margin:30px auto 0 auto; position:relative; text-align:left; color:#fff; box-shadow:0px 4px 12px 1px rgba(0,0,0,0.40);}
.address-bg span {color:#fff; font-size:30px;  font-family:"Roboto Condensed"; font-weight:300; margin:25px 0 15px 0;	}

.tandc {}
.tandc ul { margin:0; padding:0;}
.tandc ul li { margin:0 0 0 15px; padding:0; list-style:square;}
.tc-head {color:#159ea2; font-size:17px; padding:15px 0 10px 0;}
.tc-subhead {color:#e26d3d; font-size:16px; padding:15px 0;}	
	
footer { margin:0; background:#111; color:#929292;}
footer .btm-left { float:left; width:60%; margin:10px 0;}
footer .btm-right { float:right; width:30%; text-align:right; margin:10px 0;}
footer .ft-block ul { margin:0; padding:0;}
footer .ft-block ul li { list-style:none; display:inline; padding:0; margin:0; font-size:13px; line-height:43px; color:#fff;}
footer .ft-block ul li span{ padding:0 5px; color:#666;}
footer .ft-block ul li a { color:#fff;}
footer .ft-block .social ul { margin:0; padding:0;}
footer .ft-block .social ul li { list-style:none; display:inline; margin:0; padding:0 5px 0 0;}
footer .ft-block .social ul li:last { padding:0;}
.bottom { background:#111; text-align:center; font-size:13px; color:#CCC; padding:12px 0;}	

.marque {float:left; width:48%; background:#dc1c4d; padding:10px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:16px;}
.abt-prov {float:left; width:20%; background:#dc1c4d; margin:0 20px; padding:10px 10px 10px 20px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:20px	}
.abt-prov img { width:30px; padding-right:5px; }
.abt-prov a { color:#fff; }
.bell-icon {float:right; width:28%; background:#dc1c4d; padding:10px 10px 10px 20px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:20px	}
.bell-icon a { color:#fff; }
.bell-icon img { width:30px; padding-right:5px; }

.prov-left { float:left; width:29%; margin-right:40px; }
.prov-left img { width: 100%; border-radius:7% 7% 0 0; }
.prov-left .prov-head {color:#e26d3d; font-size:18px; padding:15px 0 10px 0;}

.in-abt-center { background:#e73332; margin:30px 0; padding:30px;}
.in-abt-center .cen-left { float: left; width: 35%; border-radius:1 px solid #fff;}
.in-abt-center .cen-left  img { border-radius:5%; width: 100%; }	
.in-abt-center .cen-right { float: right; width:60%; color: #fff; padding-top: 5%;}
.in-abt-center .cen-right .alarm { font-size:28px; font-weight:bold; line-height:30px; font-family:"Roboto Condensed"; margin:0 0 20px 0;}
.in-abt-center .cen-right .alarm span { color:#f7fb2e; }
.in-abt-center .cen-right .call { font-size: 20px; margin:0 0 30px 0;}
.in-abt-center .cen-right .call a { color: #fff;}	
.in-abt-center .cen-right .call span { color:#f7fb2e; font-weight:bold;}

.house-box { border:1px solid #999; overflow: hidden; margin-bottom: 20px; }
.house-head { font-size:25px; padding:10px; color:#e26d3d; text-align: center; background:#ffe9e9;}
.house-box ul { margin: 0; padding: 0; }
.house-box  ul li { padding:5px 15px; margin:0; border: 1px dashed #dedada; list-style: none; float: left; width: 50%; }
.house-box  ul li span.doc-name { font-weight:bold; font-size:15px; color:#565555;}
.house-box  ul li span.doc-num { font-weight:bold; font-size:15px; color:#159ea2;}


}

@media only screen and (min-width:992px) and (max-width:1199px) {
.marque { width:42%; }
.abt-prov { width:23%; margin:0 10px; padding:10px;	}
.bell-icon { width:31%;  padding:10px; }

}


@media only screen and (min-width:768px) and (max-width:991px) {
.container { width: 95%!important; }		
.searchbg { background:#23cdf8 url(.../images/login-bg.gif)0 -15px no-repeat; padding:30px 0}	
.flex-cont {}
.news { float:left; width:100%; xcmargin-top:20px; }
.login { float:right; text-align:left; width:100%; margin-top:20px;}
.countryhead {color:#fff; font-size:30px;  font-family:"Roboto Condensed"; font-weight:300; margin:25px 0 15px 0;}
.countrylist { overflow: hidden;}

.marque {float:left; width:100%; background:#dc1c4d; padding:10px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:16px;}
.bell-icon {float:right; width:62%; margin-top:10px; text-align: center; background:#dc1c4d; padding:10px 10px 10px 20px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:20px	}
.bell-icon a { color:#fff; }
.bell-icon img { width:30px; padding-right:5px; }
.abt-prov { width:37%; margin:10px 0 0 0; padding:10px;	}
.countrylist ul li {  width:7%; }
}
 
 
/*====================================================== mobile version ================================================================ ======*/
@media screen and (max-width:767px) {
.container { width: 95%!important; }	
.searchbg { background:#23cdf8 url(.../images/login-bg.gif)0 -15px no-repeat; padding:30px 0}	
.flex-cont { }
.news { float:left; width:100%; margin-top:20px;  }
.login { float:right; text-align:left; width:100%; margin-top:20px; order:1}
.countryhead {color:#fff; font-size:30px;  font-family:"Roboto Condensed"; font-weight:300; margin:25px 0 15px 0; order:3}
.countrylist { overflow: hidden;order:4}	
.countrylist ul li {  width:7%; }

.marque {float:left; width:100%; background:#dc1c4d; padding:10px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:16px;}
.bell-icon {float:right; width:100%; background:#dc1c4d; padding:10px 10px 10px 20px; border-radius:8px; border:1px dashed #EFF034; color:#fff; font-size:20px	}
.bell-icon a { color:#fff; }
.bell-icon img { width:30px; padding-right:5px; }

.house-box { border:1px solid #999; overflow: hidden; margin-bottom: 20px; }
.house-head { font-size:25px; padding:10px; color:#e26d3d; text-align: center; background:#ffe9e9;}
.house-box ul { margin: 0; padding-right: 0; }
.house-box  ul li{ float: left; width:100%; padding:5px 15px; list-style: none;}
.house-box  ul li { padding:0; margin:0; border: 1px dashed #dedada }
.house-box  ul li span.doc-name { font-weight:bold; font-size:15px; color:#565555;}
.house-box  ul li span.doc-num { font-weight:bold; font-size:15px; color:#159ea2;}

}