body
{
    background: url(images/bg_wrapper.jpg) no-repeat center center fixed #b4b4b4; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

     /*! color:#ffffff; */
}

h1 { margin:0px; padding:0px; }








#wrapper { display:inline-block; /*! box-sizing:border-box; */ position:fixed; top:50%; left:40%; transform:translate(-100%, -50%); margin:0px; padding:10px; text-align:center; background:none; }




#home_logo { display:inline-block; box-sizing:border-box; text-decoration:none; }
#home_logo > h1 { display:inline-block; margin:0px; padding:0px; font:400 56px/56px 'Source Sans Pro', Arial; text-transform:uppercase; color:#ff2270; /*! -webkit-transition: all 0.3s; */ -moz-transition:all 0.3s; transition:all 0.3s; }
#home_logo > span { font:normal 20px/20px Times; letter-spacing:7px; color:#f660ab; -webkit-transition-delay: 2s; -webkit-transition: all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
#home_logo:hover > h1 { color:#ffffff; }
#home_logo:hover > span { color:#ffffff; }





#fsimg { display:inline-block; box-sizing:border-box; margin:20px 0px 0px 50px; padding:0px; }







#iform { margin:20px 0px 0px 50px; background:none; }

#itable { /*! display:inline-block; */ margin:0px; padding:0px; border:none; border-spacing:0px; background:none; }
#itable tr > td { margin:0px; padding:15px 5px 5px 5px; vertical-align:top; }
#itable tr > td:first-of-type { padding-right:15px; font:400 22px 'Source Sans Pro', Arial; color:#ffffff; background:none }

#inputname { width:250px; padding:4px 4px 4px 10px; border:none; border-bottom:1px solid #888888; font:normal 18px 'Source Sans Pro'; color:#ff2270; background:none; }
#inputname::-webkit-input-placeholder { color:#666666; }
#inputname:-moz-placeholder { color:#666666; }
#inputname::-moz-placeholder { color:#666666; }
#inputname:-ms-input-placeholder { color:#666666; }

#inputemail { width:250px; padding:4px 4px 4px 10px; border:none; border-bottom:1px solid #888888; font:normal 18px 'Source Sans Pro'; color:#ff2270; background:none; }
#inputemail::-webkit-input-placeholder { color:#666666; }
#inputemail:-moz-placeholder { color:#666666; }
#inputemail::-moz-placeholder { color:#666666; }
#inputemail:-ms-input-placeholder { color:#666666; }


#inputmsg { width:250px; height:180px; margin:4px 0px 0px 0px; padding:0px 4px 4px 10px; border:1px solid #888888; font:normal 18px 'Source Sans Pro'; color:#ff2270; background:none; }
#inputmsg::-webkit-input-placeholder { color:#666666; }
#inputmsg:-moz-placeholder { color:#666666; }
#inputmsg::-moz-placeholder { color:#666666; }
#inputmsg:-ms-input-placeholder { color:#666666; }


#itable tr:last-of-type > td { padding:25px 5px 5px 5px; }

#inputsubmit { width:80px; padding:4px 10px 4px 10px; border:2px solid #666666; font:normal 18px 'Source Sans Pro'; color:#ffffff; background:#333333; }
#inputsubmit:hover { border:2px solid #f660ab; background:#ff2270; cursor:pointer; }









.loader {
 visibility:hidden;
}


div.on_off_off, span.on_off_off
{
 background: rgb(150,110,120);
 font-family: 'Source Sans Pro';
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(180, 140, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
 z-index:999999;
}
div.on_off_on, span.on_off_on
{
 background: rgb(110,150,120);
 font-family: 'Source Sans Pro';
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(140, 180, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
 z-index:999999;
}

#btn, #ajax {
 font-family: 'Source Sans Pro';

}

#btn {
 color:#fff;   
}
#ajax {
 font-family: 'Source Sans Pro';
 color:red;
 font-size:10pt;
}











#thankyou { display:inline-block; box-sizing:border-box; position:fixed; top:50%; left:50%; transform:translate(-100%, -50%); margin:0px; padding:10px; font:300 18px/32px 'Source Sans Pro', Arial; text-align:center; color:#ffffff; }
#thankyou > div { display:inline-block; width:100%; font:400 32px/32px 'Source Sans Pro', Arial; text-align:center; color:#ffffff; }
























@media all and (max-width:900px)
{
    #wrapper { top:50%; left:50%; transform:translate(-80%, -50%); }

    #thankyou { top:50%; left:50%; transform:translate(-80%, -50%); }

}/*900px*/


 



@media all and (max-width:600px)
{
    body { background: url(images/bg_wrapper.jpg) no-repeat top left fixed;  }

    #wrapper { top:45%; left:50%; transform:translate(-50%, -50%); }

    #thankyou { top:45%; left:50%; transform:translate(-50%, -50%); }

}/*900px*/






























@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/SourceSansPro-Light.woff) format('woff');
}


@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(fonts/SourceSansPro-Regular.woff) format('woff');
}