body{ margin:0px; padding:0px; font-family: 'Roboto', sans-serif;  color:#55575e; font-size:15px; }

h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; font-weight:normal; box-sizing:border-box; font-size:15px; color:#55575e;}
p{ margin:0px; padding:0px; box-sizing:border-box; color:#55575e; font-size:15px; line-height:18pt;}
div, ol, ul, li, span, strong{ margin:0px; padding:0px; box-sizing:border-box; list-style:none;}
a{ text-decoration:none; color:#55575e; }
a:hover{ text-decoration:none; color:#929291;}
:before, :after{ -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.btn{-webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
input, select{ box-sizing:border-box; outline:none!important;}

.background{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:#f6f8ea;}
.background:before{ width:100%; height:100%; position:absolute; left:0px; top:0px; content:''; background:url(../images/kids-wallpaper.jpg) center bottom no-repeat; background-size:cover; opacity:0.2;}

.form-wrapper{ width:100%; display:flex; align-items:center; justify-content:center; left:0px; top:0px; bottom:0px;padding:40px 0px; overflow:hidden; }

.form-wrapper .form{ width:600px; margin:0px auto; background-image: radial-gradient(#bde2f8, #d2ebfa); border-radius:12px; padding:20px 45px 50px 45px; border:1px #84b1cb dashed; position:relative}

.form-wrapper .form .logo{ width:auto; text-align:center;}
.form-wrapper .form .heading{ width:auto; background:url(../images/strip.png) center top no-repeat; background-size:65%; color:#fff; text-align:left; font-size:22px; font-weight:600; margin:15px 0px 5px; text-align:center; padding:15px; }  
.form-wrapper .form .fieldbox{ width:auto; margin:15px 0px 0px 0px;}
.form-wrapper .form .downbox{ width:auto; background:#f3fff6; margin:15px 0px 5px; border-radius:12px; padding:0px 0px 20px 0px; border:1px #5d9f6e dashed;}
.form-wrapper .form .downbox .fheading{ font-size:16px; font-weight:600; margin:0px 0px -6px 0px; }
.form-wrapper .form .fieldbox label{ width:auto; margin:15px 0px 5px 0px; display:block; font-size:16px; color:#000; font-weight:400;}
.form-wrapper .form .fieldbox label i{ color:#F00; font-size:17px; display:inline-block; margin:0px 0px 0px 2px;}
.form-wrapper .form .fieldbox .text{ width:100%; padding:15px ; background:#ffffff; border-radius:12px; border:1px #84b1cb solid; font-size:15px; }
.form-wrapper .form .fieldbox .text:focus{border:1px #e36b9c solid;}
.form-wrapper .form .fieldbox .text.cal-icon{ background:url(../images/cal-icon.png) right 10px no-repeat;}
.form-wrapper .form .fieldbox span{ color:#F00;}
.form-wrapper .form .fieldbox .submit{ width:100%; background:#4e499d; padding:15px; border-radius:12px; color:#fff; text-align:center; border:0px; cursor:pointer; font-size:18px; font-weight:500; text-transform:uppercase;}
.form-wrapper .form .thankyou{ width:auto;}
.form-wrapper .form .thankyou label{ width:auto; text-align:center; display:block; font-size:20px; margin:30px 0px 0px 0px;}
.form-wrapper .form .thankyou label strong{ width:auto; display:block; color:#b92929;}

@media(min-width:0px) and (max-width:767px)
{
	
  body{background:radial-gradient(#bde2f8, #d2ebfa);}
  .form-wrapper{ position:static; padding:0px; background:none; }
  .form-wrapper:before{ display:none;}
  .form-wrapper .form{ margin:0px 0px; border-radius:0px; background:none; border:0px;}
  .form-wrapper .form .logo img{ width:180px; height:auto;}
  .form-wrapper .form{ width:auto; padding:20px;}
  .form-wrapper .form .heading{ background-size:95%; width:280px; font-size:17px; margin:10px auto 0px auto;}
  .form-wrapper .form .fieldbox{ margin:10px 0px 0px 0px}
  .form-wrapper .form .fieldbox .text{ padding:10px;}
  .form-wrapper .form .fieldbox .submit{padding:10px; font-size:15px;}
}