.form {
       width: 25.3%;
    height: 362px;
    position: absolute;
    border: 1px solid #ddd;
    float: left;
    background: #f99e15;
    margin: 25px 0px 0px 8px;
}
.form-head {
    width: 100%;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.form-head h2 {
       text-align: center;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 60px;
    font-size: 31px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #f99e15;
    color: #fff;
}
.form01 {
     width: 92%;
    height: 265px;
    margin: -4px 14px;
    float: left;

}
.field-label {
       line-height: 26px;
    margin-bottom: 4px;
    color: white;
    font-family: 'Poppins', sans-serif;
}
.form01 input {
	    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.form01 select {
    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.form textarea {
       width: 100%;
    border: none;
    height: 47px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 6px 7px;
    margin: 14px -1px;
    color: #000000;
    font-size: 12px;
}

.form .rounded-btn-blue {
         position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #c94e1b;
    margin: -8px 0px 0px 77px;
	}
	

.form .field-labeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 16px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
	
	
.forrm {
        width: 90.3%;
    height: 746px;
    border: 1px solid #ddd;
    float: left;
    background: #c71616;
    margin: 25px 0px 28px 72px;
}
.forrm-head {
          width: 100%;
    height: 94px;
    background: none;
    border-bottom: 1px solid #f8ac1d;
    float: left;
}
.forrm-head h2 {
       text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 60px;
    font-size: 36px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #af0f0f;
    color: #fff;
}

.forrm-head h3 {
        text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 45px;
    font-size: 20px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 8px;
    padding-botom: 11px;
    color: #fff;
}


.forrm01 {
          width: 96%;
    height: 288px;
    margin: 13px 21px;
    float: left;

}
.field-laabel {
       line-height: 26px;
    margin-bottom: 4px;
    color: white;
    font-family: 'Poppins', sans-serif;
}
.forrm01 input {
	       width: 100%;
    border: none;
    height: 37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.forrm01 select {
    width: 100%;
    border: none;
    height:37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.forrm textarea {
    width: 100%;
    border: none;
    height: 70px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 6px 7px;
    margin: 10px -92px;
    color: #000000;
    font-size: 12px;
}

.forrm .rounded-btn-blue {
   position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 35px;
    font-size: 16px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #c94e1b;
    margin: 278px 0px 0px 390px;
	}
	

.forrm .field-labeeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 21px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
		
	
	
	
	
	

	
	
.for {
       width: 1147px;
    height: 350px;
    /* position: absolute; */
     /*background: #8a6d3b;*/
    float: left;
    margin: 19px 0px 0px 95px;
}
.for-head {
    width: 325px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for-head h2 {
        text-align: center;
    font-size: 20px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 0px;
    height: 60px;
    float: left;
    font-size: 25px;
    line-height: 0px;
    padding-top: 30px;
    padding-botom: 11px;
    /* background: #f9aa17; */
    color: #222;
}
.for01 {    width: 107px;
    height: 265px;
    margin: 68px -324px;
    float: left;

}
.field-labe2 {
    line-height: 26px;
    margin-bottom: 4px;
    color:black;
}
.for01 input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #000000;
    border: 1px solid #e3e3e3;
}
.for01a input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
}
.for.rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    background: #4388ef;
    margin: -35px 0px 0px 103px;
	}
	
	
	
	
	
	
	
	
	
	
	
.for02 {
    width: 400px;
    height: 410px;
    position: absolute;
    background: #504e4e;
    margin: 304px 0px 0px 848px;
}
.for02-head {
    width: 400px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for02-head h2 {
	background: blue;
    text-align: center;
    font-size: 20px;
    margin: 0px 0px;
    height: 60px;
    font-size: 19px;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #2b75c5;
    color: #fff;
	width: 100%;
    float: left;
}
.for03 {
    width: 170px;
    height: 300px;
    margin: 5px 15px;
    float: left;
}
.field-label3 {
    line-height: 26px;
    margin-bottom: 4px;
       color: white;
}
.for03 input {
    width: 172px;
    border: none;
    height: 36px;
    background: #fff;
    padding: 0px 10px;
    margin: 0px 0px;
    color: #000000;
}


.for02 .rounded-btn-blue {
	 background: blue;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin: -5px 0px 0px 114px;
	}
	
	
.dem-01{
    width: 380px;
    height: 450px;
    position: absolute;
    background: rgba(98, 224, 247, 0.7);
    float: right;
    margin: -500px 145px 0px 0px;
    position: relative;
}	
.demo{
    width: 360px;
    height: 490px;
    position: absolute;
    background: #ffc925;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.demo h1 {
        text-align: center;
    font-size: 22px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 68px;
    height: 60px;
    line-height: 0px;
    padding-top: 30px;
    color: #222;
}
.field-labe08 {
    line-height: 20px;
    margin-bottom: 4px;
    color: #222;
    margin-left: 10px;
	font-weight:bold;
}
.form08 {
        width: 296px;
    height: 229px;
    margin: 5px 15px;
    float: left;
}
.form08 input {
    width: 315px;
    border: none;
    height: 40px;
    background: #fff;
    padding: 0px 7px;
    margin: 4px 10px;
    color: rgb(96, 96, 98);
    border: 1px solid #ddd;
    /* border-radius: 2px; */
    font-size: 12px;
}
.demo .rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 15px;
    padding: 13px 117px;
    font-size: 13px;
    color: #222;
    background: #fff;
    float: left;
    margin: 136px 0px 0px 26px;
    border: none;
	}
	
	
	
	
@media only screen  and (min-width : 1224px)	
	
	{
	.form {
              width: 359px;
    height: 380px;
    position: absolute;
    border: 0px solid #ddd;
    float: left;
    background: rgb(255 200 0);
    margin: -11px 0px 0px 8px;
}
.form-head {
    width: 100%;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.form-head h2 {
        text-align: center;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 53px;
    font-size: 25px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: rgb(255 200 0);
    color: #000;
}
.form01 {
     width: 92%;
    height: 265px;
    margin: -4px 14px;
    float: left;

}
.field-label {
       line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.form01 input {
	    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.form01 select {
    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.form textarea {
       width: 100%;
    border: none;
    height: 47px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 6px 7px;
    margin: 14px -1px;
    color: #000000;
    font-size: 12px;
}

.form .rounded-btn-blue {
           position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    border: none;
    color: #000;
    text-transform: uppercase;
    float: left;
    background: #ffffff;
    margin: 3px 0px 0px 132px;
	}
	

.form .field-labeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 16px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
	
	
.forrm {
                 width: 40.3%;
    height: auto;
    border: 1px solid #ddd;
    float: left;
    margin-left: 9px;
    margin-bottom: 16px;
    margin-top: 0px;
  background: #fac700;
}
.forrm-head {
          width: 100%;
    height: 94px;
    background: none;
    border-bottom: 1px solid #f8ac1d;
    float: left;
}
.forrm-head h2 {
         text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 93px;
    font-size: 29px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: rgb(255 200 0);
    color: #000;
}

.forrm-head h3 {
    text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    margin: -36px 0px;
    font-size: 20px;
    letter-spacing: .5;
    width: 100%;
    line-height: 0px;
    padding-top: 8px;
    padding-botom: 11px;
    color: #000;
}


.forrm01 {
       width: 90%;
    height: auto;
    margin: 13px 27px;
    float: left;

}
.field-laabel {
           line-height: 27px;
    margin-bottom: 0px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.forrm01 input {
	       width: 100%;
    border: none;
    height: 37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.forrm01 select {
    width: 100%;
    border: none;
    height:37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.forrm textarea {
            width: 100%;
    border: none;
    height: 51px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 13px -91px;
    /* color: #000; */
    padding-top: 10px;
    color: #000000;
    font-size: 12px;
}

.forrm .rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 35px;
    font-size: 16px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 9px 0px 0px 193px;
	}
	

.forrm .field-labeeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 21px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
		
	
	
	
	
	

	
	
.for {
       width: 1147px;
    height: 350px;
    /* position: absolute; */
     /*background: #8a6d3b;*/
    float: left;
    margin: 19px 0px 0px 95px;
}
.for-head {
    width: 325px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for-head h2 {
        text-align: center;
    font-size: 20px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 0px;
    height: 60px;
    float: left;
    font-size: 25px;
    line-height: 0px;
    padding-top: 30px;
    padding-botom: 11px;
    /* background: #f9aa17; */
    color: #222;
}
.for01 {    width: 107px;
    height: 265px;
    margin: 68px -324px;
    float: left;

}
.field-labe2 {
    line-height: 26px;
    margin-bottom: 4px;
    color:black;
}
.for01 input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #000000;
    border: 1px solid #e3e3e3;
}
.for01a input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
}
.for.rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    background: #4388ef;
    margin: -35px 0px 0px 103px;
	}
	
	
	
	
	
	
	
	
	
	
	
.for02 {
    width: 400px;
    height: 410px;
    position: absolute;
    background: #504e4e;
    margin: 304px 0px 0px 848px;
}
.for02-head {
    width: 400px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for02-head h2 {
	background: blue;
    text-align: center;
    font-size: 20px;
    margin: 0px 0px;
    height: 60px;
    font-size: 19px;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #2b75c5;
    color: #fff;
	width: 100%;
    float: left;
}
.for03 {
    width: 170px;
    height: 300px;
    margin: 5px 15px;
    float: left;
}
.field-label3 {
    line-height: 26px;
    margin-bottom: 4px;
       color: white;
}
.for03 input {
    width: 172px;
    border: none;
    height: 36px;
    background: #fff;
    padding: 0px 10px;
    margin: 0px 0px;
    color: #000000;
}


.for02 .rounded-btn-blue {
	 background: blue;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin: -5px 0px 0px 114px;
	}
	
	
.dem-01{
    width: 380px;
    height: 450px;
    position: absolute;
    background: rgba(98, 224, 247, 0.7);
    float: right;
    margin: -500px 145px 0px 0px;
    position: relative;
}	
.demo{
    width: 360px;
    height: 490px;
    position: absolute;
    background: #ffc925;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.demo h1 {
        text-align: center;
    font-size: 22px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 68px;
    height: 60px;
    line-height: 0px;
    padding-top: 30px;
    color: #222;
}
.field-labe08 {
    line-height: 20px;
    margin-bottom: 4px;
    color: #222;
    margin-left: 10px;
	font-weight:bold;
}
.form08 {
        width: 296px;
    height: 229px;
    margin: 5px 15px;
    float: left;
}
.form08 input {
    width: 315px;
    border: none;
    height: 40px;
    background: #fff;
    padding: 0px 7px;
    margin: 4px 10px;
    color: rgb(96, 96, 98);
    border: 1px solid #ddd;
    /* border-radius: 2px; */
    font-size: 12px;
}
.demo .rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 15px;
    padding: 13px 117px;
    font-size: 13px;
    color: #222;
    background: #fff;
    float: left;
    margin: 136px 0px 0px 26px;
    border: none;
	}
	
	
		
		
	}	
	
	
	
		
	
	
	@media only screen and (max-device-width: 640px) and (min-device-width: 360px)
	{
		
	.form {
            width: 100%;
    height: 364px;
    background: #fac700;
    position: absolute;
    border: 0px solid #ddd;
    float: left;
    margin: -11px 0px 0px 0px;
}
.form-head {
    width: 100%;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.form-head h2 {
          text-align: center;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 54px;
    font-size: 27px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #fac700;
    color: #000;
}
.form01 {
     width: 92%;
    height: 265px;
    margin: -4px 14px;
    float: left;

}
.field-label {
         line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.form01 input {
	    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.form01 select {
    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.form textarea {
       width: 100%;
    border: none;
    height: 47px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 6px 7px;
    margin: 14px -1px;
    color: #000000;
    font-size: 12px;
}

.form .rounded-btn-blue {
            position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 11px 33px;
    font-size: 16px;
    border: none;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 5px 0px 0px 122px;
	}
	

.form .field-labeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 16px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
	
	
.forrm {
            width: 100%;
    height: auto;
    border: 1px solid #ddd;
    float: left;
  background: #fac700;
    margin: 0px 0px 28px 0px;
}
.forrm-head {
          width: 100%;
    height: 121px;
    background: none;
    border-bottom: 1px solid #f8ac1d;
    float: left;
}
.forrm-head h2 {
            text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 54px;
    font-size: 26px;
    letter-spacing: .5;
    width: 100%;
    line-height: 30px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #af0f0f;
    color: #fff;
}

.forrm-head h3 {
           text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    font-size: 24px;
    width: 100%;
    letter-spacing: .5;
    line-height: 27px;
    padding-top: 8px;
    color: #000;
}


.forrm01 {
            width: 93%;
    height: auto;
    margin: 12px 14px;

}
.field-laabel {
           line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.forrm01 input {
	       width: 100%;
    border: none;
    height: 37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.forrm01 select {
    width: 100%;
    border: none;
    height:37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.forrm textarea {
       width: 100%;
    border: none;
    height: 70px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 4px 7px;
    margin: 12px -91px;
    color: #000000;
    font-size: 12px;
}

.forrm .rounded-btn-blue {
      position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 11px 35px;
    font-size: 17px;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 4px 0px 13px 109px;
	}
	

.forrm .field-labeeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 21px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
		
	
	
	
	
	

	
	
.for {
       width: 1147px;
    height: 350px;
    /* position: absolute; */
     /*background: #8a6d3b;*/
    float: left;
    margin: 19px 0px 0px 95px;
}
.for-head {
    width: 325px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for-head h2 {
        text-align: center;
    font-size: 20px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 0px;
    height: 60px;
    float: left;
    font-size: 25px;
    line-height: 0px;
    padding-top: 30px;
    padding-botom: 11px;
    /* background: #f9aa17; */
    color: #222;
}
.for01 {    width: 107px;
    height: 265px;
    margin: 68px -324px;
    float: left;

}
.field-labe2 {
    line-height: 26px;
    margin-bottom: 4px;
    color:black;
}
.for01 input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #000000;
    border: 1px solid #e3e3e3;
}
.for01a input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
}
.for.rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    background: #4388ef;
    margin: -35px 0px 0px 103px;
	}
	
	
	
	
	
	
	
	
	
	
	
.for02 {
    width: 400px;
    height: 410px;
    position: absolute;
    background: #504e4e;
    margin: 304px 0px 0px 848px;
}
.for02-head {
    width: 400px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for02-head h2 {
	background: blue;
    text-align: center;
    font-size: 20px;
    margin: 0px 0px;
    height: 60px;
    font-size: 19px;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #2b75c5;
    color: #fff;
	width: 100%;
    float: left;
}
.for03 {
    width: 170px;
    height: 300px;
    margin: 5px 15px;
    float: left;
}
.field-label3 {
    line-height: 26px;
    margin-bottom: 4px;
       color: white;
}
.for03 input {
    width: 172px;
    border: none;
    height: 36px;
    background: #fff;
    padding: 0px 10px;
    margin: 0px 0px;
    color: #000000;
}


.for02 .rounded-btn-blue {
	 background: blue;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin: -5px 0px 0px 114px;
	}
	
	
.dem-01{
    width: 380px;
    height: 450px;
    position: absolute;
    background: rgba(98, 224, 247, 0.7);
    float: right;
    margin: -500px 145px 0px 0px;
    position: relative;
}	
.demo{
    width: 360px;
    height: 490px;
    position: absolute;
    background: #ffc925;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.demo h1 {
        text-align: center;
    font-size: 22px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 68px;
    height: 60px;
    line-height: 0px;
    padding-top: 30px;
    color: #222;
}
.field-labe08 {
    line-height: 20px;
    margin-bottom: 4px;
    color: #222;
    margin-left: 10px;
	font-weight:bold;
}
.form08 {
        width: 296px;
    height: 229px;
    margin: 5px 15px;
    float: left;
}
.form08 input {
    width: 315px;
    border: none;
    height: 40px;
    background: #fff;
    padding: 0px 7px;
    margin: 4px 10px;
    color: rgb(96, 96, 98);
    border: 1px solid #ddd;
    /* border-radius: 2px; */
    font-size: 12px;
}
.demo .rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 15px;
    padding: 13px 117px;
    font-size: 13px;
    color: #222;
    background: #fff;
    float: left;
    margin: 136px 0px 0px 26px;
    border: none;
	}
	
		
		
		
	}	
	
	
	
	
	
	
	
	
		

	
	@media only screen and (max-device-width: 667px) and (min-device-width: 375px)
	{
		
	.form {
            width: 100%;
    height: 364px;
    background: #fac700;
    position: absolute;
    border: 0px solid #ddd;
    float: left;
    margin: -11px 0px 0px 0px;
}
.form-head {
    width: 100%;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.form-head h2 {
          text-align: center;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 54px;
    font-size: 27px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #fac700;
    color: #000;
}
.form01 {
     width: 92%;
    height: 265px;
    margin: -4px 14px;
    float: left;

}
.field-label {
         line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.form01 input {
	    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.form01 select {
    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.form textarea {
       width: 100%;
    border: none;
    height: 47px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 6px 7px;
    margin: 14px -1px;
    color: #000000;
    font-size: 12px;
}

.form .rounded-btn-blue {
            position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 11px 33px;
    font-size: 16px;
    border: none;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 5px 0px 0px 122px;
	}
	

.form .field-labeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 16px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
	
	
.forrm {
            width: 100%;
    height: auto;
    border: 1px solid #ddd;
    float: left;
  background: #fac700;
    margin: 0px 0px 28px 0px;
}
.forrm-head {
          width: 100%;
    height: 121px;
    background: none;
    border-bottom: 1px solid #f8ac1d;
    float: left;
}
.forrm-head h2 {
            text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 54px;
    font-size: 26px;
    letter-spacing: .5;
    width: 100%;
    line-height: 30px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #af0f0f;
    color: #fff;
}

.forrm-head h3 {
           text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    font-size: 24px;
    width: 100%;
    letter-spacing: .5;
    line-height: 27px;
    padding-top: 8px;
    color: #000;
}


.forrm01 {
            width: 93%;
    height: auto;
    margin: 12px 14px;

}
.field-laabel {
           line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.forrm01 input {
	       width: 100%;
    border: none;
    height: 37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.forrm01 select {
    width: 100%;
    border: none;
    height:37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.forrm textarea {
       width: 100%;
    border: none;
    height: 70px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 4px 7px;
    margin: 12px -91px;
    color: #000000;
    font-size: 12px;
}

.forrm .rounded-btn-blue {
      position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 11px 35px;
    font-size: 17px;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 4px 0px 13px 130px;
	}
	

.forrm .field-labeeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 21px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
		
	
	
	
	
	

	
	
.for {
       width: 1147px;
    height: 350px;
    /* position: absolute; */
     /*background: #8a6d3b;*/
    float: left;
    margin: 19px 0px 0px 95px;
}
.for-head {
    width: 325px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for-head h2 {
        text-align: center;
    font-size: 20px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 0px;
    height: 60px;
    float: left;
    font-size: 25px;
    line-height: 0px;
    padding-top: 30px;
    padding-botom: 11px;
    /* background: #f9aa17; */
    color: #222;
}
.for01 {    width: 107px;
    height: 265px;
    margin: 68px -324px;
    float: left;

}
.field-labe2 {
    line-height: 26px;
    margin-bottom: 4px;
    color:black;
}
.for01 input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #000000;
    border: 1px solid #e3e3e3;
}
.for01a input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
}
.for.rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    background: #4388ef;
    margin: -35px 0px 0px 103px;
	}
	
	
	
	
	
	
	
	
	
	
	
.for02 {
    width: 400px;
    height: 410px;
    position: absolute;
    background: #504e4e;
    margin: 304px 0px 0px 848px;
}
.for02-head {
    width: 400px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for02-head h2 {
	background: blue;
    text-align: center;
    font-size: 20px;
    margin: 0px 0px;
    height: 60px;
    font-size: 19px;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #2b75c5;
    color: #fff;
	width: 100%;
    float: left;
}
.for03 {
    width: 170px;
    height: 300px;
    margin: 5px 15px;
    float: left;
}
.field-label3 {
    line-height: 26px;
    margin-bottom: 4px;
       color: white;
}
.for03 input {
    width: 172px;
    border: none;
    height: 36px;
    background: #fff;
    padding: 0px 10px;
    margin: 0px 0px;
    color: #000000;
}


.for02 .rounded-btn-blue {
	 background: blue;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin: -5px 0px 0px 114px;
	}
	
	
.dem-01{
    width: 380px;
    height: 450px;
    position: absolute;
    background: rgba(98, 224, 247, 0.7);
    float: right;
    margin: -500px 145px 0px 0px;
    position: relative;
}	
.demo{
    width: 360px;
    height: 490px;
    position: absolute;
    background: #ffc925;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.demo h1 {
        text-align: center;
    font-size: 22px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 68px;
    height: 60px;
    line-height: 0px;
    padding-top: 30px;
    color: #222;
}
.field-labe08 {
    line-height: 20px;
    margin-bottom: 4px;
    color: #222;
    margin-left: 10px;
	font-weight:bold;
}
.form08 {
        width: 296px;
    height: 229px;
    margin: 5px 15px;
    float: left;
}
.form08 input {
    width: 315px;
    border: none;
    height: 40px;
    background: #fff;
    padding: 0px 7px;
    margin: 4px 10px;
    color: rgb(96, 96, 98);
    border: 1px solid #ddd;
    /* border-radius: 2px; */
    font-size: 12px;
}
.demo .rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 15px;
    padding: 13px 117px;
    font-size: 13px;
    color: #222;
    background: #fff;
    float: left;
    margin: 136px 0px 0px 26px;
    border: none;
	}
	
		
		
		
	}	
	
	
	
	
	
	
	
	
	
	@media only screen and (max-device-width: 736px) and (min-device-width: 414px)
	{
		
	.form {
            width: 100%;
    height: 364px;
    background: #fac700;
    position: absolute;
    border: 0px solid #ddd;
    float: left;
    margin: -11px 0px 0px 0px;
}
.form-head {
    width: 100%;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.form-head h2 {
          text-align: center;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 54px;
    font-size: 27px;
    letter-spacing: .5;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #fac700;
    color: #000;
}
.form01 {
     width: 92%;
    height: 265px;
    margin: -4px 14px;
    float: left;

}
.field-label {
         line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.form01 input {
	    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.form01 select {
    width: 100%;
    border: none;
    height: 27px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.form textarea {
       width: 100%;
    border: none;
    height: 47px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 6px 7px;
    margin: 14px -1px;
    color: #000000;
    font-size: 12px;
}

.form .rounded-btn-blue {
            position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 11px 33px;
    font-size: 16px;
    border: none;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 5px 0px 0px 149px;
	}
	

.form .field-labeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 16px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
	
	
.forrm {
            width: 100%;
    height: auto;
    border: 1px solid #ddd;
    float: left;
  background: #fac700;
    margin: 0px 0px 28px 0px;
}
.forrm-head {
          width: 100%;
    height: 121px;
    background: none;
    border-bottom: 1px solid #f8ac1d;
    float: left;
}
.forrm-head h2 {
            text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    height: 54px;
    font-size: 26px;
    letter-spacing: .5;
    width: 100%;
    line-height: 30px;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #af0f0f;
    color: #fff;
}

.forrm-head h3 {
           text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    /* font-weight: bold; */
    margin: 0px 0px;
    font-size: 24px;
    width: 100%;
    letter-spacing: .5;
    line-height: 27px;
    padding-top: 8px;
    color: #000;
}


.forrm01 {
            width: 93%;
    height: auto;
    margin: 12px 14px;

}
.field-laabel {
           line-height: 26px;
    margin-bottom: 4px;
    color: black;
    font-family: 'Poppins', sans-serif;
}
.forrm01 input {
	       width: 100%;
    border: none;
    height: 37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}

.forrm01 select {
    width: 100%;
    border: none;
    height:37px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 0px 7px;
    margin: 0px -1px;
    color: #000000;
    font-size: 12px;
}


.forrm textarea {
       width: 100%;
    border: none;
    height: 70px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    padding: 4px 7px;
    margin: 12px -91px;
    color: #000000;
    font-size: 12px;
}

.forrm .rounded-btn-blue {
      position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 11px 35px;
    font-size: 17px;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    background: #000000;
    margin: 4px 0px 13px 147px;
	}
	

.forrm .field-labeeel {
          line-height: 26px;
    margin-bottom: 4px;
    color: white;
    margin: -23px 0px 0px 21px;
    float: left;
    font-family: 'Poppins', sans-serif;
}

	
	
		
	
	
	
	
	

	
	
.for {
       width: 1147px;
    height: 350px;
    /* position: absolute; */
     /*background: #8a6d3b;*/
    float: left;
    margin: 19px 0px 0px 95px;
}
.for-head {
    width: 325px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for-head h2 {
        text-align: center;
    font-size: 20px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 0px;
    height: 60px;
    float: left;
    font-size: 25px;
    line-height: 0px;
    padding-top: 30px;
    padding-botom: 11px;
    /* background: #f9aa17; */
    color: #222;
}
.for01 {    width: 107px;
    height: 265px;
    margin: 68px -324px;
    float: left;

}
.field-labe2 {
    line-height: 26px;
    margin-bottom: 4px;
    color:black;
}
.for01 input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #000000;
    border: 1px solid #e3e3e3;
}
.for01a input {
	    width: 301px;
    border: none;
    height: 45px;
    background: #fff;
    padding: 0px 15px;
    margin: 0px 0px;
    color: #000000;
	display: block;
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
}
.for.rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    background: #4388ef;
    margin: -35px 0px 0px 103px;
	}
	
	
	
	
	
	
	
	
	
	
	
.for02 {
    width: 400px;
    height: 410px;
    position: absolute;
    background: #504e4e;
    margin: 304px 0px 0px 848px;
}
.for02-head {
    width: 400px;
    height: 60px;
    background: none;
    border-bottom: 0px solid #fff;
    float: left;
}
.for02-head h2 {
	background: blue;
    text-align: center;
    font-size: 20px;
    margin: 0px 0px;
    height: 60px;
    font-size: 19px;
    line-height: 0px;
    padding-top: 30px;
    padding-bottom: 11px;
    background: #2b75c5;
    color: #fff;
	width: 100%;
    float: left;
}
.for03 {
    width: 170px;
    height: 300px;
    margin: 5px 15px;
    float: left;
}
.field-label3 {
    line-height: 26px;
    margin-bottom: 4px;
       color: white;
}
.for03 input {
    width: 172px;
    border: none;
    height: 36px;
    background: #fff;
    padding: 0px 10px;
    margin: 0px 0px;
    color: #000000;
}


.for02 .rounded-btn-blue {
	 background: blue;
    color: #fff;
    position: relative;
    display: inline-block;
    line-height: 19px;
    padding: 6px 28px;
    font-size: 13px;
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin: -5px 0px 0px 114px;
	}
	
	
.dem-01{
    width: 380px;
    height: 450px;
    position: absolute;
    background: rgba(98, 224, 247, 0.7);
    float: right;
    margin: -500px 145px 0px 0px;
    position: relative;
}	
.demo{
    width: 360px;
    height: 490px;
    position: absolute;
    background: #ffc925;
    float: left;
    margin: 0px 0px 0px 0px;
    position: relative;
}
.demo h1 {
        text-align: center;
    font-size: 22px;
    font-family: calibri;
    font-weight: bold;
    margin: 0px 68px;
    height: 60px;
    line-height: 0px;
    padding-top: 30px;
    color: #222;
}
.field-labe08 {
    line-height: 20px;
    margin-bottom: 4px;
    color: #222;
    margin-left: 10px;
	font-weight:bold;
}
.form08 {
        width: 296px;
    height: 229px;
    margin: 5px 15px;
    float: left;
}
.form08 input {
    width: 315px;
    border: none;
    height: 40px;
    background: #fff;
    padding: 0px 7px;
    margin: 4px 10px;
    color: rgb(96, 96, 98);
    border: 1px solid #ddd;
    /* border-radius: 2px; */
    font-size: 12px;
}
.demo .rounded-btn-blue {
    position: relative;
    display: inline-block;
    line-height: 15px;
    padding: 13px 117px;
    font-size: 13px;
    color: #222;
    background: #fff;
    float: left;
    margin: 136px 0px 0px 26px;
    border: none;
	}
	
		
		
		
	}