@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;

}
.left{
    float:right;
    width:40%;
    padding-right:5px;
    margin:0 auto;

    padding-left:15px;
}

.one-half{
    width:50%;
    float:left;

}


.right{
    float:left;
    width:55%;
background-size: 1px 6px;
   padding-right:5px;
    padding-left:5px;
        background-image: linear-gradient(black 23%, rgba(255,255,255,0) 10%);
        background-position: right;
    background-size: 1px 6px;
    background-repeat: repeat-y;
}
.left p{
width:80%;
margin:0 auto;
text-align:center;
padding-bottom:20px;
}
.left h3{
width:80%;
text-align:center;
font-family: font-family: 'museo_sans_rounded900',Arial,sans-serif;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;

}

.fullwidth a{
    color:#212121;
    text-decoration:none;
    font-size:16px;
    
}
.accesssearch{
    background:#e8f1fd;
    text-align:center;
    border-radius:7px;
        -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);
   border-top-left-radius:0;
   width:100%;
   border-top-right-radius:0;
   margin-top:40px;
   clear:both;
height:554px;
   
}

.accessright p{
margin-bottom:5px;
font-weight:400;
margin-top:5px;
}

.accesssearch h3{
    font-weight:bold;
    font-size:18px;
  
}
.accesssearch2 h3{
    font-weight:bold;
    font-size:24px;
    padding-top:10px;
    padding-bottom:10px;
}
span{
    font-size:16px;
        line-height:2;

}
p{
    font-size:16px;
        line-height:2;

}
button, select{
    border-radius:100px;
    text-align:center;
    padding: 12px 20px;
    margin: 8px 0;
    background:#eee;
    box-sizing: border-box;
    border:0;
    padding-top:12px;
    padding-bottom:12px;
        border:1px solid #4489ee;

}
.width{
    width:50% !important;
}

.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:110px;
    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;
    padding-top:20px;
    float:none;
    
    background:#CFD8DC;
}
   .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;
    }
}