@font-face {
    font-family: 'museo_sans_rounded900';
    src: url('museosansrounded-900-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans_rounded500';
    src: url('museosansrounded-500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans_rounded300';
    src: url('museosansrounded-300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans_rounded100';
    src: url('museosansrounded-100-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



html{
   font-family: 'museo_sans_rounded500',Arial,sans-serif;
    background:#4489ff;
}
body {
 font-family: 'museo_sans_rounded300',Arial,sans-serif;

  font-size: 16px;

  letter-spacing:0.8px;
      background:#ffffff;

}

.fullwidth{
    font-size:14px;
}
.fullwidth a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    
}

.fullwidth p{
    font-size:14px;
    width:80%;
text-align:left;
    margin:0 auto;
}

.fullwidth a:hover{
    text-decoration:underline;
}
input[type=text] {
        width: 70%;
    border-radius:100px;
    text-align:center;
    padding: 12px 20px;
    margin: 2px 0;
    background:#eee;
    box-sizing: border-box;
    border:0;
    padding-top:12px;
    padding-bottom:12px;
        border:1px solid #4489ee;
         font-family: 'museo_sans_rounded300',Arial,sans-serif;

  font-size: 16px;

}
input[type="checkbox"]  {
    height:20px;
    cursor:pointer;
    width:20px;
}


.fullwidth a img{
    position:relative;
    float:right;
    height:20px;
    right:20px;
    cursor:pointer;
    
}

#light a img{

 position:absolute;
    float:right;
    right:190px;
    cursor:pointer;
    top:20px;
    right:20px;
}

.fullwidth a:hover{
    text-decoration:none;
}
select{
            width: 50%;
    border-radius:100px;
    text-align:center;
    padding: 12px 20px;
    margin: 2px 0;
    background:#eee;
    box-sizing: border-box;
    border:0;
    border:1px solid #4489ee;
    padding-top:12px;
             font-family: 'museo_sans_rounded300',Arial,sans-serif;
font-size:16px;
    padding-bottom:12px;

}
label{
    width:100%;
    text-align:center;
    line-height:1.4;
}
.accesssearch {
    padding-top:0px;
}

.fullwidth{
    width:100%;
    clear:both;
    float:none;
   
}
   .buttonorange{

                     background:#EF6C00;
                    background-size:100%;
             border:none;
             color:#fafafa;
             font-weight:400;
            font-size:14px;
            line-height:1.8;
            margin-top:-20px;
            border-radius:100px;
    padding-bottom:10px;
    padding-left:16px;
    padding-right:16px;
    padding-top:10px;
cursor:pointer;
width:80%;

font-family: 'museo_sans_rounded100',Arial,sans-serif;
font-size:18px;

            }

            .buttonorange:hover{
                          -webkit-box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
            -moz-box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
             
            } 
   .buttonblue{

                     background:#97c838;
                    background-size:100%;
             border:none;
             color:#fafafa;
             font-weight:400;
            font-size:14px;
            line-height:1.8;
            margin-top:-20px;
            border-radius:100px;
    padding-bottom:10px;
    padding-left:16px;
    padding-right:16px;
    padding-top:10px;
cursor:pointer;
width:50%;

font-family: 'museo_sans_rounded100',Arial,sans-serif;
font-size:18px;
            }

            .buttonblue:hover{
                            -webkit-box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
            -moz-box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
            }



.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.2;
  opacity: .20;
  filter: alpha(opacity=20);
}
.white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid #EF6C00;
  background-color: white;
  z-index: 1002;
  border-radius:20px;
  overflow: auto;
}


@media only screen and (max-width: 900px) {

    .accesssearch{
        width:100%;
    }
}
@media only screen and (max-width: 630px) {
    .left{
        width:100%;
        float:none;
padding-left:0;
padding-right:0;

    }
       .right{
        width:100%;
        float:none;
        background:none;


    }
.accesssearch{
margin-top:-20px;
height:720px;
}
.fullwidth{
    font-size:12px;
}
.fullwidth p{
    font-size:12px;
    width:80%;
text-align:left;
    margin:0 auto;
}
label{font-size:12px;}

.fullwidth a{
    font-size:12px;
}

.fullwidth a img{
    right:10px;
}

.accesssearch{
    height:820px;
}
}
@media only screen and (max-width: 400px) {

    .accesssearch h3 {
        padding-top: 30px;
    }


}

@media only screen and (max-width: 330px) {
    .buttonblue{
        width:240px;
    }
    .buttonorange{
        width:240px;
    }
}



.leftside{
width:44%;
height:90px;
float:left;
}
.right h2{
    margin-top:4px;
}
.left h2{
    margin-top:4px;
}
.rightside{
width:44%;
height:90px;
float:right;
}
.marginleft{
position:relative;
top: 0px;
}
.top{
    margin-top:30px;
}
.fullwidth{
    clear:both;
    width:100%;text-align:center;
    height:50px;
    font-weight:bold;
}
.top2{
position:relative;
top:-5px;
margin-top:-20px;
}


.cellup{
    position:relative;
}
.leftsideclear{
width:50%;
padding-top:10px;
float:left;clear:both;
}


body{
font-family:raleway;
font-size:14px;
background:none;
line-height:1.8;
color:#212121;
}

input[type=text] {
        width: 80%;
    border-radius:100px;
    text-align:center;
    padding: 12px 20px;
    margin: 2px 0;


    background:#eee;
    box-sizing: border-box;
    border:1px solid #d4d7d7;
    padding-top:10px;
    padding-bottom:10px; 
}
input[type="radio" i]{
    border:none;

}
label{
    width:100%;
    color:#fff;
    text-align:center;
font-size:14px;

}
.boxwidth{
width:150px;
}
.container{

max-width:1024px;
margin:0 auto;
}

.clear{
clear:both;height:40px;
}

.clear h3{

font-weight:300;
font-size:16px;
text-align:left;
color:#ffffff;
font-weight:Bold;
}
.clear2{
clear:both;height:5px;
text-indent:-99999px;
}
.clear5{
clear:both;height:35px;
text-indent:-99999px;
}
.clear3{
clear:both;height:5px;
text-indent:-99999px;
}
.nodisplay{
display:none;
}

input[type=password] {
        width: 80%;
    border-radius:100px;
    text-align:center;
    padding: 12px 20px;
    margin: 2px 0;
    font-family:raleway;

   background:#eeeeee;    box-sizing: border-box;
    border:1px solid #d4d7d7;
    padding-top:10px;
    padding-bottom:10px;
}
.onethird{
margin-left:0px;
float:left;
width:50%;
margin-top:-20px;
}
input:disabled {
  opacity: 0.6;
    cursor: not-allowed;
}
     .downarroworange {
            display: block;
            width: 0;
            position: relative;

        padding-bottom:30px;
            height: 0;
            text-align: center;
            border-style: solid;
            border-width: 30px 30px 0 30px;
            margin: 0 auto;
            border-color: #EF6C00 transparent transparent transparent;
        }
        .downarrow {
            display: block;
            width: 0;
            position: relative;
        
            height: 0;
            text-align: center;
            border-style: solid;
            border-width: 30px 30px 0 30px;
            margin: 0 auto;
            border-color: #1E88E5 transparent transparent transparent;
        }
                 .buttonorange{

                     background:#EF6C00 url("../images/buttonbg.png");
                    background-size:100%;
             border:none;
             color:#fafafa;
             font-weight:400;
            font-size:14px;
            line-height:1.8;
            margin-top:0px;
            border-radius:100px;

    font-weight:400 !important;
    padding-bottom:10px;
    padding-left:16px;
    padding-right:16px;
    padding-top:10px;
font-family:raleway;
margin-top:20px;
cursor:pointer;


            }

            .buttonorange:hover{
                background:#f47821 url("../images/buttonbg.png");
                            -webkit-box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
            -moz-box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
box-shadow: 0px 4px 24px 1px rgba(33,33,33,0.32);
            }


select{
        width: 80%;
    border-radius:100px;
    text-align:center;
    padding: 12px 20px;
    margin: 2px 0;
    background:#eee;
    box-sizing: border-box;
    border:1px solid #d4d7d7;
    padding-top:10px;
    padding-bottom:10px; 
    font-family:raleway;

}
.full3{
width:100%;
clear:both;
text-align:left;

padding-top:20px;
}
.full4{
width:100%;
clear:both;
text-align:left;

padding-top:0px;
}
.largeclear h3{
font-weight:300;
font-size:16px;
text-align:left;
color:#fff;
font-weight:Bold;
}
.full2{
width:100%;
clear:both;
text-align:left;
height:40px;
}
.left h2{
    text-align:center;
}
.right h2{
    text-align:center;
}
.displaynone{
    display:none;
}
.full{
clear:both;
height:30px;
}
.largeclear{
height:40px;
font-weight:Bold;
clear:both;
}

.left{
    float:left;
    width:45%;
    padding:10px;
    padding-left:20px;
    border-radius:4px;
    background:#eef0f2;
    min-height:480px;
            border:1px solid #d4d7d7;

   background: #1976D2;


   color: #fff;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow:2px 1px 6px 4px rgba(10, 10, 0, 0.1);
   font-weight: normal;

    }

.right{
    float:right;
        background:#eef0f2;

       padding:10px 20px;

            border-radius:4px;
                min-height:540px;

    width:45%;
        border:1px solid #d4d7d7;

   background: #1976D2;
   color: #fff;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 2px 1px 6px 4px rgba(10, 10, 0, 0.1);
   font-weight: normal;

}


@media screen and (max-width: 900px) {

    .leftside{
    }

    .left{
 float:none;
 margin:0 auto;
 width:85%;
 min-height:560px;
    }
    .fullwidth{
        text-align:center;
        margin:0 auto;
    }
    .leftside span{
        text-align:center !important;
        width:90% !important;
    }
    .label{
        text-align:center;
    }
   
    .right{
         float:none;
 margin:0 auto;
 margin-top:20px;
 width:85%;
 min-height:540px;
    }
    .examdate{
width:40% !important;
}
    input{
        width:90% !important;
    }   input[type="radio"] {
        width: 10% !important;
    }
}

@media screen and (max-width: 780px) {

    .right {
    }
}

@media screen and (max-width: 600px) {
    .left {
        width: 95%;
        float: none;
    }

    .right {
        width: 93% !important;
        float: none;
    }


    input[type="radio"] {
        width: 10% !important;
    }
     input[type="button"] {
        width: 100% !important;
    }
     select{
                 width: 90% !important;

     }

     .right{
         padding:5px;
         padding-left:15px;
     }
}
     @media screen and (max-width: 400px) {

         .leftside{
             height:100px;
             width:100%;
text-align:center;
         }
.rightside{
width:100%;
text-align:center;
}
         .left{
             min-height:1150px;
         }
                  .rightside{
             height:100px;
             
         }
         .top{
             margin-top:0;
         }
        .fullwidth {
            height: 40px !important;
            width:100%;
            font-size:12px;
            margin:0 auto;
            padding:0;
            float:none;
        }

        label{
            font-size:12px;
        }
        .left{
 
            width:90%;
            margin:0 auto;
        }
         .right{
             margin-top:20px;
             min-height:940px;
                         width:90%;

         }
}