/* Continue button and submit button */
button.fs-submit,
button.fs-continue,
button.fs-confirm {
 padding: 0.6em 1.5em;
 border: 3px solid #e2ddd7;
 border-radius: 40px;
 font-weight: 700;
 color: rgba(226, 222, 215, 0.8);
}

.fs-form .fs-submit {
 display: block;
 float: right;
 border-color: #232529;
 color: #232529;
}

button.fs-continue,
button.fs-confirm {
 position: relative;
 /*right: 0;
 bottom: 0;
 margin: 0px 40px 60px 0;*/
 left: 0;
 top: 0;
 margin-bottom: 25px;
 font-size: 1.25em;
}

button.fs-submit:hover,
button.fs-submit:focus,
button.fs-continue:hover,
button.fs-confirm:hover,
button.fs-confirm:focus
{
 background: #232529;
 color: #fff;
}
body {
   color: #fff;
   font-weight: 400;
   font-size: 16px !important;
   font-family: "Montserrat", Arial, sans-serif;
   overflow: hidden;
   overflow-y: scroll;
   margin: 0;
}
   .label_container{text-align:center;font-size: 24px;margin: 5px;}
   .project_type{max-width: 33.33%;float: left;padding: 10px 0px;margin: auto;min-width: 320px;}
h2 {
 font-size: 34px;
 color:#2c2b2a;
 text-align: left;
}
label {color:black;}
span.scale-rating{
margin: 5px 0 15px;
   display: inline-block;
  
   width: 100%;
  
}
span.scale-rating>label {
 position:relative;
   -webkit-appearance: none;
 outline:0 !important;
   border: 1px solid grey;
   height:33px;
   margin: 0 5px 0 0;
 width: calc(20% - 7px);
   float: left;
 cursor:pointer;
}
span.scale-rating label {
 position:relative;
   -webkit-appearance: none;
 outline:0 !important;
   height:33px;
   margin: 0 5px 0 0;
 width: calc(20% - 7px);
   float: left;
 cursor:pointer;
}
span.scale-rating input[type=radio] {
 position:absolute;
   -webkit-appearance: none;
 opacity:0;
 outline:0 !important;
   /*border-right: 1px solid grey;*/
   height:33px;
   margin: 0 5px 0 0;
 
 width: 100%;
   float: left;
 cursor:pointer;
 z-index:3;
}
span.scale-rating label:hover{
background:#fddf8d;
}
span.scale-rating input[type=radio]:last-child{
border-right:0;
}
span.scale-rating label input[type=radio]:checked ~ label{
   -webkit-appearance: none;

   margin: 0;
 background:#fddf8d;
}
span.scale-rating label:before
{
 content:attr(value);
   top: 7px;
   width: 100%;
   position: absolute;
   left: 0;
   right: 0;
   text-align: center;
   vertical-align: middle;
 z-index:2;
}
.survey-hr{
margin:30px 0;
 border: .5px solid #ddd;
}

/* Main form wrapper */
.fs-form-wrap {
 position: relative;
 width: 100%;
 /*height: 100%;*/
 color: #000;
 text-align: center;
}

/* Title */
.fs-title {
 position: relative;
 top: 0;
 left: 0;
 margin: 0;
 padding: 20px 40px 20px 40px;
 border-bottom: 2px solid black;
   z-index: 99999;
   background-color: #2c2b2a;
}

.fs-title h1 {
 margin: 0;
 font-size: 18px
}

.fs-form-full {
 /*top: 32%;*/
 margin: 0 auto;
 height: 100%;
 margin-top: 15px;
 /*width: 70%;*/
 max-width:900px;
 width:100%;
}

.fs-form-full,
.fs-message-error {
 /*max-width: 960px;
 height: 100%;
   margin-top: 15px;*/
}
.fs-form {
   position: relative;
   text-align: left;
   font-size: 1em;
   /* top: 4em; */
}

textarea {
 padding: 0px;
 width: 100%;
 max-width:860px;
 height: 100px;
 border: 2px solid rgba(0, 0, 0, 0.2);
 background-color: transparent;
 color: #2c2b2a;
 font-weight: 700;
 font-size: 0.85em;
 resize: none;
}

textarea:focus {
 outline: none;
 background: #fffed8;
}
.label-title{font-size:1.25em;}
section{padding:20px;}

 /* Continue button and submit button */
 button.fs-submit,
 button.fs-continue,
 button.fs-confirm {
   padding: 0.6em 1.5em;
   border: 3px solid #e2ddd7;
   border-radius: 40px;
   font-weight: 700;
   color: rgba(226, 222, 215, 0.8);
 }
 
 .fs-form .fs-submit {
   display: block;
   float: right;
   border-color: #232529;
   color: #232529;
 }
 
 button.fs-continue,
 button.fs-confirm {
   position: relative;
   /*right: 0;
   bottom: 0;
   margin: 0px 40px 60px 0;*/
   left: 0;
   top: 0;
   margin-bottom: 25px;
   font-size: 1.25em;
 }
 
 button.fs-submit:hover,
 button.fs-submit:focus,
 button.fs-continue:hover,
 button.fs-confirm:hover,
 button.fs-confirm:focus
  {
   background: #232529;
   color: #fff;
 }
  body {
     color: #fff;
     font-weight: 400;
     font-size: 16px !important;
     font-family: "Montserrat", Arial, sans-serif;
     overflow: hidden;
     overflow-y: scroll;
     margin: 0;
  }
     .label_container{text-align:center;font-size: 24px;margin: 5px;}
     .project_type{max-width: 33.33%;float: left;padding: 10px 0px;margin: auto;min-width: 320px;}
 h2 {
   font-size: 34px;
   color:#2c2b2a;
   text-align: left;
 }
 label {color:black;}
 span.scale-rating{
 margin: 5px 0 15px;
     display: inline-block;
    
     width: 100%;
    
 }
 span.scale-rating>label {
   position:relative;
     -webkit-appearance: none;
   outline:0 !important;
     border: 1px solid grey;
     height:33px;
     margin: 0 5px 0 0;
   width: calc(20% - 7px);
     float: left;
   cursor:pointer;
 }
 span.scale-rating label {
   position:relative;
     -webkit-appearance: none;
   outline:0 !important;
     height:33px;
     margin: 0 5px 0 0;
   width: calc(20% - 7px);
     float: left;
   cursor:pointer;
 }
 span.scale-rating input[type=radio] {
   position:absolute;
     -webkit-appearance: none;
   opacity:0;
   outline:0 !important;
     /*border-right: 1px solid grey;*/
     height:33px;
     margin: 0 5px 0 0;
   
   width: 100%;
     float: left;
   cursor:pointer;
   z-index:3;
 }
 span.scale-rating label:hover{
 background:#fddf8d;
 }
 span.scale-rating input[type=radio]:last-child{
 border-right:0;
 }
 span.scale-rating label input[type=radio]:checked ~ label{
     -webkit-appearance: none;
 
     margin: 0;
   background:#fddf8d;
 }
 span.scale-rating label:before
 {
   content:attr(value);
     top: 7px;
     width: 100%;
     position: absolute;
     left: 0;
     right: 0;
     text-align: center;
     vertical-align: middle;
   z-index:2;
 }
 .survey-hr{
 margin:30px 0;
   border: .5px solid #ddd;
 }
 
 /* Main form wrapper */
 .fs-form-wrap {
   position: relative;
   width: 100%;
   /*height: 100%;*/
   color: #000;
   text-align: center;
 }
 
 /* Title */
 .fs-title {
   position: relative;
   top: 0;
   left: 0;
   margin: 0;
   padding: 20px 40px 20px 40px;
   border-bottom: 2px solid black;
     z-index: 99999;
     background-color: #2c2b2a;
 }
 
 .fs-title h1 {
   margin: 0;
   font-size: 18px
 }
 
 .fs-form-full {
   /*top: 32%;*/
   margin: 0 auto;
   height: 100%;
   margin-top: 15px;
   /*width: 70%;*/
   max-width:900px;
   width:100%;
 }
 
 .fs-form-full,
 .fs-message-error {
   /*max-width: 960px;
   height: 100%;
     margin-top: 15px;*/
 }
 .fs-form {
     position: relative;
     text-align: left;
     font-size: 1em;
     /* top: 4em; */
 }
 
 textarea {
   padding: 0px;
   width: 100%;
   max-width:860px;
   height: 100px;
   border: 2px solid rgba(0, 0, 0, 0.2);
   background-color: transparent;
   color: #2c2b2a;
   font-weight: 700;
   font-size: 0.85em;
   resize: none;
 }
 
 textarea:focus {
   outline: none;
   background: #fffed8;
 }
 section{padding:20px;}