body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:rgba(243,243,243,1.00);
	font-family: 'Roboto', sans-serif;
	background:url("../img/collage.jpg")no-repeat bottom center;
	background-size:cover;
}
body, html {
  height: 100%;
}
.leftpanel {
  height: 100%;
  width:25%;
  background-color:rgba(0,128,185,0.8);
  position: relative;
  color: #fff;
  font-size:15px;
  font-weight:400;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:0 13%;
}
.leftpanel h1{
  font-size:38px;
  color: #d33261;
  font-weight:500;
  letter-spacing:-0.02em;
}
.leftpanel h2{
  font-size:28px;
  color: #fff;
  font-weight:500;
}
.leftpanel2 {
  width:75%;
  background-color:rgba(0,128,185,0.8);
  position: relative;
  color: #fff;
  font-size:15px;
  font-weight:400;
	margin: 0px auto;
	padding: 20px 40px;
	border-radius: 10px;
}
.leftpanel2 h1{
  font-size:38px;
  color: #d33261;
  font-weight:500;
  letter-spacing:-0.02em;
}
.leftpanel2 h2{
  font-size:28px;
  color: #fff;
  font-weight:500;
}
.forgotpass{
	font-size:14px;
	color:#fff;
	text-align:right;
}
.forgotpass a{
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
.forgotpass a:hover{
	font-size:14px;
	color:#fff;
	text-decoration:underline;
}
.loginbtn {
	display:inline-block;
	padding:12px 15px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	text-align:center;
	background-image:none;
	border:solid 0px #03aab0;
	background:#0f2942;
	width: 100%;
	border-radius:50px;
}
.loginbtn:hover, .loginbtn:focus, .loginbtn.focus {
	background:#091D31;
	color:#fff;
	text-decoration: none;
}
.loginfield{
	display: block;
    width: 100%;
    height: 44px;
    padding: 0px 12px;
    font-size: 15px;
    line-height: 13px;
    color: #444c55;
    background-color: #f4f8fa;
    background-image: none;
    border: 0px solid #cdcdcd;
    border-radius: 3px;
    font-weight: 300;	
}
.loginfield::placeholder{
    font-size: 14px;
    color: #000;
	font-weight: 300;	
}
.loginarea{
	display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 13px;
    color: #444c55;
    background-color: #f4f8fa;
    background-image: none;
    border: 0px solid #cdcdcd;
    border-radius: 0px;
    font-weight: 300;	
}
.loginarea::placeholder{
    font-size: 14px;
    color: #a1acb6;
	font-weight: 300;	
}
.topmargin5px{
	margin-top:5px;	
}
.topmargin10px{
	margin-top:10px;	
}
.topmargin10px{
	margin-top:15px;	
}
.topmargin20px{
	margin-top:20px;	
}
.topmargin30px{
	margin-top:30px;	
}
.topmargin40px{
	margin-top:40px;	
}
.text-center{
	text-align:center;	
}
.co-url{
	font-size: 15px;
    color: #727376;
	font-weight: 300;
}
.co-url a{
	font-size: 15px;
    color: #727376;
	font-weight: 400;
	text-decoration:none;
}
.mystyle{
	height:400px;	
}
.overlay {
  background-color: rgba(15,41,66, 0.92);
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  margin-top: 0px;
  color:#fff;
  font-size:13px;
  letter-spacing:0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  line-height:18px;
}
.headingh4{
  color:#ea497c;
  font-size:18px;
  letter-spacing:0.05em;
  font-weight:500;
}
.overlay a {
  text-decoration: none;
  color: #fff;	
}
.overlay a:hover, .overlay a:focus {
  color: #fff;
}
.menu{
	position:absolute;
	right:30px;
	top:70px;	
}
.closebtn{
	position:absolute;
	right:30px;
	top:70px;
	z-index:9999;
}
.overlay-content li{
	padding:0px 0px 6px 0px;
	margin:0px;
	list-style:disc;
}
.sociallinks{
		
}
.sociallinks li{
	list-style:none;
	display:inline-block;
	padding:0px 5px 0px 0px;
}
.clientlogo{
	padding:20px 0px;		
	text-align:center;
	margin-bottom:30px;
}
.clientlogo img{
	height:70px;
}
.exhibitionbanner {
	position: absolute;
	right: 0px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.3);
	box-shadow: 0px 0px 30px 0px rgba(255,255,255,0.3);
}
.exhibitionbanner img {
	height: 100px;
}







@media screen and (max-width : 1600px) {
.leftpanel {
  height: 100%;
  width:25%;
  background-color:rgba(0,128,185,0.8);
  position: relative;
  color: #fff;
  font-size:13px;
  font-weight:400;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:0 13%;
}
.leftpanel h1{
  font-size:33px;
  color: #d33261;
  font-weight:500;
  letter-spacing:-0.02em;
}
.leftpanel h2{
  font-size:20px;
  color: #fff;
  font-weight:500;
}
.forgotpass{
	font-size:13px;
	color:#fff;
	text-align:right;
}
.forgotpass a{
	font-size:13px;
	color:#fff;
	text-decoration:none;
}
.forgotpass a:hover{
	font-size:13px;
	color:#fff;
	text-decoration:underline;
}
.loginbtn {
	display:inline-block;
	padding:9px 15px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	text-align:center;
	background-image:none;
	border:solid 0px #03aab0;
	background:#0f2942;
	border-radius:4px;
	width: 100%;
	border-radius:50px;
}
.loginbtn:hover, .loginbtn:focus, .loginbtn.focus {
	background:#091D31;
	color:#fff;
	text-decoration: none;
}
.loginfield{
	display: block;
    width: 100%;
    height: 40px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 12px;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 0px solid #cdcdcd;
    border-radius: 0px;
    font-weight: 300;	
}
.loginfield::placeholder{
    font-size: 14px;
    color: #a1acb6;
	font-weight: 300;	
}
.loginfield:focus{
    outline: none;
	border: 0px;
}
.co-url{
	font-size: 15px;
    color: #727376;
	font-weight: 300;
}
.co-url a{
	font-size: 15px;
    color: #727376;
	font-weight: 400;
	text-decoration:none;
}
.overlay {
  background-color: rgba(15,41,66, 0.92);
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  margin-top: 0px;
  color:#fff;
  font-size:13px;
  letter-spacing:0.03em;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  line-height:18px;
}
.headingh4{
  color:#ea497c;
  font-size:18px;
  letter-spacing:0.05em;
  font-weight:500;
}
.overlay a {
  text-decoration: none;
  color: #fff;	
}
.overlay a:hover, .overlay a:focus {
  color: #fff;
}
.menu{
	position:absolute;
	right:30px;
	top:70px;	
}
.closebtn{
	position:absolute;
	right:30px;
	top:70px;
	z-index:9999;
}
.overlay-content li{
	padding:0px 0px 6px 0px;
	margin:0px;
	list-style:disc;
}
.sociallinks{
		
}
.sociallinks li{
	list-style:none;
	display:inline-block;
	padding:0px 5px 0px 0px;
}
.clientlogo{
	padding:20px 0px;		
	text-align:center;
	margin-bottom:30px;
}
.clientlogo img{
	height:70px;
}
}

@media screen and (max-width : 767px) {
	
.leftpanel {
  height: 100%;
  width:100%;
}

.leftpanel2 {
    width: 95%;
    background-color: rgba(0,128,185,0.8);
    position: relative;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 0px auto;
    padding: 20px 20px;
    border-radius: 10px;
}
}