* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
body, html {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	margin:0 10px;
}
/*---------------------------------------------*/
/*a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}*/

a:focus {
	outline: none !important;
}
a:hover {
	text-decoration: none;
}
/*---------------------------------------------*/
h1 {
	font-size:42px;
}
h2 {
	font-size:30px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
.clr {
	clear:both;
	line-height:0;
	font-size:0;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}
ul, li {
	margin: 10px;
	list-style-type: none;
}
.drm {
	font-size:24px;
}
.drm2 {
	font-size:24px;
}
.bt-btn {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	overflow: hidden;
	-webkit-border-radius: 25px;
	width: 22%;
	border-radius: 25px;
	background-color: #fff;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.9);
	transition: all 0.3s ease 0s;
	float: left;
	    padding: 20px 12px;

	text-decoration:none;
	color: #309;
	text-align: center;
	cursor:pointer;
}
.bt-btnOpD {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	overflow: hidden;
	-webkit-border-radius: 25px;
	width: 35%;
	border-radius: 25px;
	background-color: #ec0d0d;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.9);
	transition: all 0.3s ease 0s;
	float: left;
	    padding: 20px 12px;

	text-decoration:none;
	color: #309;
	text-align: center;
	cursor:pointer;
}
.bt-btnDoc {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	overflow: hidden;
	-webkit-border-radius: 25px;
	width: 35%;
	border-radius: 25px;
	background-color: #17f114;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.9);
	transition: all 0.3s ease 0s;
	float: left;
	    padding: 20px 12px;

	text-decoration:none;
	color: #309;
	text-align: center;
	cursor:pointer;
}
.btn-btnHospUser {
	font-size: 18px;
	font-family: none;
	font-weight: 500;
	line-height: 6px;
	letter-spacing: 0.03em;
	text-transform:none;
	overflow: hidden;
	-webkit-border-radius: 25px;
	width: 20%;
	border-radius: 25px;
	background-color: #fff;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.9);
	transition: all 0.3s ease 0s;
	float: left;
	    padding: 10px 12px;

	text-decoration:none;
	color: #309;
	text-align: center;
	cursor:pointer;
}
.bt-btn:hover {
	color:#fff;
	background-color: #5af026!important;
	text-decoration:none;
}
.bt-btn:hover a {
	color:#000 !important;
	text-decoration:none;
}
.bt-btn a {
	text-decoration:none;
}
/*.bt-btn a{color:#309; text-decoration:none;  }
.bt-btn a i{color:#309; }*/

/*structure #309*/
.header_left {
	width:28%;
	margin:auto;
	text-align:left;
	float:left;
	padding-top:7px;
}
.header_middle {
	width: 50%;
	margin: auto;
	text-align: center;
	float: left;
	color: #309;
	padding-top: 5px;
	font-size: 19px;
	line-height:23px;
}
.header_right {
	width:20%;
	margin:auto;
	text-align:right;
	float:right;
	
}
.listmenu {
	width: 100%;
	margin: auto;
	margin-top: auto;
	margin-bottom: auto;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
	padding: 1px 0px 10px 12px;
	margin-top: 0;
	margin-bottom: 30px;
	background: #008cdb;
	border-radius:20px;
	margin-top:30px;
}
.listmenu ul{width: 100%; float:left;}
.listmenu ul li i {
	font-size:22px;
}
.listmenu ul li.bt-btn:first-child {
	    background: #f52c17;

}
.listmenu ul li:first-child a, .listmenu ul li:nth-child(3) a, .listmenu ul li:nth-child(4) a, .listmenu ul li:nth-child(5) a, .listmenu ul li:nth-child(7) a, .listmenu ul li:nth-child(8) a, .listmenu ul li:nth-child(10) a, .listmenu ul li:nth-child(11) a, .listmenu ul li:nth-child(12) {
color:#fff;
}
.listmenu ul li:nth-child(12) a {
color:#000;
}
.listmenu ul li:nth-child(2) {
    background: #26e3cf;

}
.listmenu ul li:nth-child(3) {
background:#24e80c;
}
.listmenu ul li:nth-child(4) {
background:#f7f935;
}/*330099*/
.listmenu ul li:nth-child(4) a{color:#000}

.listmenu ul li:nth-child(5) {
background:#a52395;
}
.listmenu ul li:nth-child(6) {
    background: #f5a3eb;
}
.listmenu ul li:nth-child(6) a{color:#000!important;}
 .listmenu ul li:nth-child(7) {
    background: #d83d68;
}
.listmenu ul li:nth-child(8) {
    background: #0421ad;
}
.listmenu ul li:nth-child(10) {
background:#ff0016;
}
.listmenu ul li:nth-child(11) {
background:#063956;
}
.listmenu ul li:nth-child(12) {
background:#c20def;
}
.listmenu ul li:nth-child(13) {
background:#11ea9c;
}
.listmenu ul li:nth-child(14) {
background:#c50ce4;
}
.listmenu ul li:nth-child(15) {
    background: #8575dc;
}
.listmenu ul li:nth-child(15) a{color:#fff!important;}
.listmenu ul li:nth-child(16) {
    background: #65030c;
}
.listmenu ul li:nth-child(16) a{color:#fff!important;}
.leftbody {
	width:50%;
	margin:auto;
	text-align:left;
	padding:20px;
	float:left;
	color:#000;
}
.rightbodyimage {
	width:50%;
	margin:auto;
	padding:20px;
	float:right;
}
.rightbodyimage img {
	width: 100%;
	border: 5px solid #168dd3;
	border-radius:15px;
	padding: 8px;
}
.left_logo {
	display: inline-block;
	width: 160px;
	vertical-align:top;
	border-radius:20px;
}
.logo_txt {
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
	padding-top:10px;
}
.logo_txt h4 span {
	font-size:15px;
}
.header_right img {
	width:105px;
	border-radius:20px;
}
.header_bg {
	background: #f4f4f4;
	color: #f00;
	border-bottom: 3px solid #f23c29;
	border-top: 3px solid #f23c29;
	padding: 15px;
	padding-bottom: 15px;
	padding-bottom: 10px;
	border-radius:20px;
}
.header_bgOD {
	background: #008cdb;
	color: #f00;
	border-bottom: 3px solid #f23c29;
	border-top: 3px solid #f23c29;
	padding: 15px;
	padding-bottom: 15px;
	padding-bottom: 10px;
	border-radius:20px;
}
.welcomesec {
	text-align: center;
	padding-top: 40px;
}
.welcomesec h1 {
	color: #168dd3;
	font-size:46px;
}
.welcomesec h2 {
	font-size:29px;
	color:#309
}
.footer {
	background:#168dd3;
	line-height:50px;
	font-size:12px;
	text-align:center;
	color:#fff;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}
/*//////////////////////////////////////////////////////////////////
[ Responsive ]#168dd3;*/

@media (max-width: 480px) {
 .wrap-login100 {
 padding-left: 15px;
 padding-right: 15px;
}
}
 @media only screen and (max-width: 600px) {
 .header_left {
 width: 100%;
 margin: auto;
 text-align: center;
}
 .header_middle {
 width: 100%;
 text-align: center;
 padding: 20px 0;
}
.header_right {
    width: 100%;
    margin: auto;
    text-align: center;
        padding: 0 0 20px 0;
}
.bt-btn {
    width: 42%;}
.welcomesec {
    text-align: center;
     padding-top: 0;     padding-bottom: 15px;

}
.leftbody {
    width: 100%;
    padding: 0 20px 0 20px;}
.welcomesec h1 {
    font-size: 21px;
    margin-bottom: 0;
}
.welcomesec h2 {
    font-size: 21px;
}	
   
.rightbodyimage {
    width: 70%;
    margin: auto;
    padding: 20px;float:none;
}
ul, li {
    margin: 10px 6px;
    
}
.bt-btn {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;}
}