@font-face {
    font-family: 'Calibri';
    src: url('font/Calibri.ttf'); /* IE9 Compat Modes */
    }
    @font-face {
    font-family: 'Calibri Bold';
    src: url('font/Calibri Bold.ttf'); /* IE9 Compat Modes */
    }   

	* {
  margin: 0;
  padding: 0;
}
    *{
        font-family: Calibri;
    }
    .logo{
       text-align: center;
        vertical-align: middle;
    }
    .welcome{
      font-size: 70px;
      color:#daa335;
      font-family: "Calibri Bold";
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .col-md-12 h1 {
        font-size: 57px;
        transform: translate(0, 350%);
        color: white;
        }
		
	.regis_link{ color: #fff;
		font-size: 18px;
		float: right;
		background-color: #C05046;
		padding: 1%;    margin-top: -1%;
	}
	.regis_link:hover{ 
		color: #fff; 
		text-decoration:none;
		font-weight:bold;
	}
	#demo{display:inline;}


.start{
  background: -webkit-linear-gradient(#348ccc, #135fa3);
background: -moz-linear-gradient(#348ccc, #135fa3);
background: -o-linear-gradient(#348ccc, #135fa3);
background: linear-gradient(#348ccc, #135fa3);
color:#fff;padding: 4px;
font-size:18px;
float:right;height: 8%;
 margin-right: -8%;
 padding-left: 6%;
 padding-right: 6%;
 }

 .start:hover,.start:focus,.start:active,.start.focus,.start.active{
color:#fff;
 background: -webkit-linear-gradient(#348ccc, #135fa3);
background: -moz-linear-gradient(#348ccc, #135fa3);
background: -o-linear-gradient(#348ccc, #135fa3);
background: linear-gradient(#348ccc, #135fa3);
}


.left_div{
background:#fff;padding:0; height:590px;border-right: 1px solid #ddd;
}
.right_div{
background: #fff;padding:1% 4% 0% 4%;color: #000;height: 590px; 
margin: 1% 0% 1% 0%;;
}

.registry{font-family:Calibri Bold;color:#000;font-size: 20px;padding-left: 6%;margin-top: 2%;}

.reg_report{font-size: 22px;margin-top: 1%;text-align:center;font-family:Calibri Bold;color:#078080;}

.imgfooter{color: #7b7b7b;font-family:Calibri;font-size:17px;padding-left: 4%;padding-right: 3%;padding-bottom: 1%;padding-top: 1%;}

.footer{float: left;padding: 1% 0% 0% 44%;
border-top:1px solid #ddd;

 /*-webkit-box-shadow: 0px -4px 3px #ddd;
    -moz-box-shadow:    0px -4px 3px #ddd;
    box-shadow:         0px -4px 3px #ddd;*/
    }

@-moz-document url-prefix() { 
  .start {
     margin-right: -2%;
  }
}

.reporting{padding:1% 4% 0 15%;color: #7b7b7b;font-family:Calibri; font-size: 22px;}
.error{color:red;vertical-align: -webkit-baseline-middle;font-size:14px;}
.query{text-align:center;font-size: 18px; margin-top: 5%; color:#7b7b7b;}
.elixir{font-size: 20px;color: #7b7b7b;text-align: center;font-family:Calibri;}
.img_res{margin: 1% 8% 0 17%;height: 400px;}

.applicable{padding-top: 8%; color: #7b7b7b;font-family:Calibri;font-size:17px;padding-left: 32%;}



/*      media query      */


    @media only screen and (max-width: 640px) 
    {
    .col-md-12 h1 {
        font-size: 36px;
        transform: translate(0, 350%);
        color: white;
        }   
    }

@media only screen and (max-width: 800px){
  
  .first_para { font-size:15px;}
  .registration{font-size: 15px;}
  .elixir{font-size: 16px;}
  .imgfooter{font-size: 16px;text-align: center;}
  .applicable{font-size: 16px;padding-left: 25%;padding-bottom: 4%;}
 .img_res{margin: 4% 1% 0% 6%;}
  .reporting{font-size:18px;padding-left: 19%;}
  .reg_report{font-size: 17px;padding-top: 2%;padding-bottom: 2%;}
  .welcome{font-size: 40px;}
  .note{font-size: 16px;}
  /*.main_text{padding-top: 11%;}*/
}
@media only screen and (min-width: 1023px) and (max-width: 1623px){

.welcome{font-size: 56px;}
/*.main_text{padding-top: 8%;}*/
.elixir{font-size: 18px;padding-top: 2%;}
  .img_res{padding-left: 0%;padding-right: 0%;padding-top: 1%;}
  .reporting{font-size:19px;padding-left: 10%;padding-right: 10%;text-align: center;}
  .left_div,.right_div{height: 620px;}
  .start{margin-top: 8%;margin-bottom: 5%;height: 7%;}
  .registry{padding-top: 2%;}
  .imgfooter{padding-bottom: 1%;}
}

@media only screen and (max-width: 1022px)
{
  .left_div,.right_div{height: 660px;}
  .img_res{padding-left: 6%;padding-right: 4%;padding-top: 3%;}
  .applicable{padding-top: 10%;}

}