/* *********************************************** */
 /* *********************************************** */
 /* *********************************************** */
 /* 						FORM 				    */
 /* *********************************************** */
 /* *********************************************** */
 /* *********************************************** */
 /* Main form wrapper */
 .begone{display: none !important;}
 .fs-form-wrap {
    position: relative;
    max-width: 1024px;
    height: 100%;
    color: #fff;
    margin: 0 auto;
 }
 input#pcompany {
    width: 96%;
}
 input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

 .overview .fs-form-wrap {
     height: auto;
 }
 /* Title */

 .fs-title {
     position: relative;
     top: 0;
     left: 0;
     margin: 0;
     padding: 40px;
     width: 100%;
 }

 .fs-title h1 {
     margin: 0;
 }
 /* Form */

 .fs-form {
     position: relative;
     text-align: left;
     font-size: 2.5em;
 }
.close-icon{
    display: block;
    box-sizing: border-box;
    width: 30px;
    float: right;
    height: 30px;
    border-width: 3px;
    border-style: solid;
    margin: 25px;
    border-color: white;
    border-radius: 100%;
    background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, black 46%, black 56%,transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, black 46%, black 56%,transparent 56%, transparent 100%);
    background-color: white;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}
 .no-js .fs-form {
     padding: 0 0 6em 0;
 }
 .fulladdress{
     width: 100%;
 }
 /* Views (fullscreen and overview)*/

 .fs-form-full {
     top: 4%;
     margin: 0 auto;
 }

 .fs-form-overview .regNotes{
	 display: none !important;
 }

 .fs-form-overview {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #3b3f45;
    font-size: 1.2em;
}

 .fs-form-overview .fs-fields::before {
     display: block;
     margin-bottom: 2.5em;
     color: #3b3f45;
     content: 'Review & Submit';
     font-weight: 700;
     font-size: 1.85em;
 }

 /**********************************************************************************************
 ***********************************************************************************************
 **********************************  REVIEW STYLES  ********************************************
 ***********************************************************************************************
 **********************************************************************************************/

 .review{
    color: #222;
    width: 80%;
    margin: 0 auto;
 }
 .review h2{
	 float: left;
	 color: #D9191E;
	 width: 100%;
 }
 .section img{
	width: 23px;
    padding-left: 8px;

 }
 .section p{
    font-family: Roboto;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	text-align: left;
 }
 #field-first, #field-last{
     font-weight: 700;
 }
 
 

 /* Switch view animation (we hide the current view, switch the view class and show it again) */

 .fs-form.fs-show {
     -webkit-animation: animFadeIn 0.5s;
     animation: animFadeIn 0.5s;
 }

 @-webkit-keyframes animFadeIn {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 @keyframes animFadeIn {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }

 .fs-form.fs-show .fs-fields {
     -webkit-animation: animMove 0.5s;
     animation: animMove 0.5s;
 }

 @-webkit-keyframes animMove {
     from {
         top: 100px;
     }
 }

 @keyframes animMove {
     from {
         top: 100px;
     }
 }
 /* we need to use top here because otherwise all our fixed elements will become absolute */
 /* Visibility control of elements */

 .fs-form-full .fs-fields>li,
 .fs-nav-dots,
 .fs-progress,
 .fs-numbers,
 button.fs-continue,
 .fs-message-error,
 .fs-message-final {
     /*visibility: hidden;*/
	 display: none;
 }

 .no-js .fs-form-full .fs-fields>li {
     visibility: visible;
 }

 .fs-show {
     visibility: visible !important;
 }
 /* Some general styles */

 .fs-form-wrap button {
     border: none;
     background: none;
 }

 .fs-form-wrap button[disabled] {
     opacity: 0.3;
     pointer-events: none;
 }

 .fs-form-wrap input:focus,
 .fs-form-wrap button:focus {
     outline: none;
 }
 /* Hide the submit button */

 .fs-form .fs-submit {
     display: none;
 }
 /* Fields */

 .fs-fields {
     position: relative;
     margin: 0 auto;
     padding: 0;
     top: 0;
     list-style: none;
 }

 .fs-form-overview ol {
     max-width: ;
 }

 .fs-fields>li {
     position: relative;
     z-index: 1;
     margin: 0;
     padding: 0;
     border: none;
 }

 .fs-fields>li:hover {
     z-index: 999;
 }

 .js .fs-form-full .fs-fields>li {
    position: relative;
    width: 100%;
 }

 .fs-form-overview .fs-fields>li,
 .no-js .fs-form .fs-fields>li {
     margin: 1em 0 2em;
     padding: 0 0 2em 0;
     border-bottom: 2px solid rgba(0, 0, 0, 0.1);
 }
 /* Labels & info */
 /* placeholder */
 /* Hide placeholder when focused in Webkit browsers */

 .fs-fields input:focus::-webkit-input-placeholder {
     color: transparent;
 }
 /* Dot navigation */

 .fs-nav-dots {
     position: relative;
     top: 50%;
     right: 60px;
     left: auto;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .fs-nav-dots button {
     position: relative;
     display: block;
     padding: 0;
     margin: 16px 0;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: transparent;
     -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
     transition: transform 0.3s ease, opacity 0.3s ease;
 }

 .fs-nav-dots button::before,
 .fs-nav-dots button::after {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: rgba(0, 0, 0, 0.5);
     content: '';
     text-indent: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 .fs-nav-dots button::after {
     background-color: rgba(0, 0, 0, 0.4);
     -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
     transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
 }

 .fs-nav-dots button.fs-dot-current {
     -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
     transform: perspective(1000px) rotate3d(0, 1, 0, 180deg);
 }

 .fs-nav-dots button:hover::before,
 .fs-nav-dots button.fs-dot-current::before {
     background: #fffed8;
 }
 /* Progress bar */

 .fs-progress {
     position: relative;
     top: 0;
     width: 0%;
     height: 0.5em;
   	 background: #D9191E;
     -webkit-transition: width 0.3s ease-in-out;
     transition: width 0.3s ease-in-out;
 }
 /* Number indicator */

 .fs-numbers {
     position: relative;
     top: 0;
     right: 0;
     overflow: hidden;
     color: rgba(0, 0, 0, 0.4);
     margin: 40px;
     width: 2em;
     font-weight: 700;
     font-size: 2em;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     cursor: default;
 }

 .fs-numbers:after {
     position: relative;
     width: 100%;
     text-align: center;
     content: '/';
     font-weight: 300;
     opacity: 0.4;
     left: 0;
 }
 .fs-form-overview .select.minimal{
	margin-top: 15px;
 }

 .fs-numbers span {
     float: right;
     width: 40%;
     text-align: center;
 }

 .fs-numbers .fs-number-current {
     float: left;
 }

 .fs-numbers .fs-number-new {
     position: relative;
     left: 0;
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
 }
 /* Animations for numbers */
 /* Show next number */

 .fs-numbers.fs-show-next .fs-number-new {
     -webkit-animation: animMoveUpFromDown 0.4s both;
     animation: animMoveUpFromDown 0.4s both;
 }

 @-webkit-keyframes animMoveUpFromDown {
     from {
         -webkit-transform: translateY(100%);
     }
     to {
         -webkit-transform: translateY(0);
     }
 }

 @keyframes animMoveUpFromDown {
     from {
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }
     to {
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fs-numbers.fs-show-next .fs-number-current {
     -webkit-animation: animMoveUp 0.4s both;
     animation: animMoveUp 0.4s both;
 }

 @-webkit-keyframes animMoveUp {
     to {
         -webkit-transform: translateY(-100%);
     }
 }

 @keyframes animMoveUp {
     to {
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }
 }
 /* Show previous number */

 .fs-numbers.fs-show-prev .fs-number-new {
     -webkit-animation: animMoveDownFromUp 0.4s both;
     animation: animMoveDownFromUp 0.4s both;
 }

 @-webkit-keyframes animMoveDownFromUp {
     from {
         -webkit-transform: translateY(-100%);
     }
     to {
         -webkit-transform: translateY(0);
     }
 }

 @keyframes animMoveDownFromUp {
     from {
         -webkit-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     to {
         -webkit-transform: translateY(0);
         transform: translateY(0);
     }
 }

 .fs-numbers.fs-show-prev .fs-number-current {
     -webkit-animation: animMoveDown 0.4s both;
     animation: animMoveDown 0.4s both;
 }

 @-webkit-keyframes animMoveDown {
     to {
         -webkit-transform: translateY(100%);
     }
 }

 @keyframes animMoveDown {
     to {
         -webkit-transform: translateY(100%);
         transform: translateY(100%);
     }
 }
 /* Continue button and submit button */

 button.fs-submit,
 button.fs-continue {
    display:none;
    padding: 0.6em 1.5em;
    border-radius: 7px;
    font-weight: 700;
    background-color: #D9191E;
    color: #ffffff;
 }
 button.nextButton{
    position: relative;
    margin: 40px auto;
    font-size: 0.55em;
    left: 0;
    padding: 0.6em 1.5em;
    border-radius: 7px;
    font-weight: 700;
    background-color: #D9191E;
    color: #ffffff;
    width: 20%;
    display: block;
 }

 .fs-form-overview .fs-submit,
 .no-js .fs-form .fs-submit {
     display: block;
 }

 .fs-form-overview .fs-submit {
     border-color: #232529;
     color: #fff;
 }

 button.fs-continue {
    position: relative;
    margin: 40px auto;
    font-size: 1.25em;
    left: 0;
    width: 20%;
    display: none;
 }

 button.fs-submit:hover,
 button.fs-submit:focus,
 button.fs-continue:hover {
     color: #fff;
 }

 .fs-continue::after {
     position: relative;
     top: 100%;
     left: 0;
     width: 100%;
     line-height: 3;
     text-align: center;
     background: transparent;
     font-size: 0.65em;
     pointer-events: none;
 }
 /* Error message */

 .fs-message-error {
     position: fixed;
     bottom: 75%;
     left: 50%;
     z-index: 800;
     max-width: 960px;
     width: 70%;
     color: #eb7e7f;
     font-weight: 700;
     font-size: 1em;
     opacity: 0;
     -webkit-transform: translate3d(-50%, -5px, 0);
     transform: translate3d(-50%, -5px, 0);
 }

 .fs-message-error.fs-show {
     opacity: 1;
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
     transition: transform 0.3s, opacity 0.3s;
     -webkit-transform: translate3d(-50%, 0, 0);
     transform: translate3d(-50%, 0, 0);
 }
 /* Animation classes & animations */

 .fs-form li.fs-current {
     /*visibility: visible;*/
	 display: block;
 }

 .fs-form li.fs-hide,
 .fs-form li.fs-show {
     pointer-events: none;
 }
 /* Hide current li when navigating to next question */

 .fs-form .fs-display-next .fs-hide {
     visibility: visible;
 }

 .fs-form .fs-display-next .fs-hide .fs-anim-lower,
 .fs-form .fs-display-next .fs-hide .fs-anim-upper {
     -webkit-animation: animHideNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
     animation: animHideNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
 }

 .fs-form .fs-display-next .fs-hide .fs-anim-lower {
     -webkit-animation-delay: 0.1s;
     animation-delay: 0.1s;
 }

 @-webkit-keyframes animHideNext {
     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -500px, 0);
     }
 }

 @keyframes animHideNext {
     to {
         opacity: 0;
         -webkit-transform: translate3d(0, -500px, 0);
         transform: translate3d(0, -500px, 0);
     }
 }
 /* Show new li when navigating to next question */

 .fs-form .fs-display-next .fs-show .fs-anim-lower,
 .fs-form .fs-display-next .fs-show .fs-anim-upper {
     -webkit-animation: animShowNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s;
     animation: animShowNext 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s;
 }

 .fs-form .fs-display-next .fs-show .fs-anim-lower {
     -webkit-animation-delay: 0.25s;
     animation-delay: 0.25s;
 }

 @-webkit-keyframes animShowNext {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 500px, 0);
     }
 }

 @keyframes animShowNext {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 500px, 0);
         transform: translate3d(0, 500px, 0);
     }
 }
 /* Hide current li when navigating to previous question */

 .fs-form .fs-display-prev .fs-hide {
     visibility: visible;
 }

 .fs-form .fs-display-prev .fs-hide .fs-anim-lower,
 .fs-form .fs-display-prev .fs-hide .fs-anim-upper {
     -webkit-animation: animHidePrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
     animation: animHidePrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
 }

 .fs-form .fs-display-prev .fs-hide .fs-anim-upper {
     -webkit-animation-delay: 0.1s;
     animation-delay: 0.1s;
 }

 @-webkit-keyframes animHidePrev {
     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 500px, 0);
     }
 }

 @keyframes animHidePrev {
     to {
         opacity: 0;
         -webkit-transform: translate3d(0, 500px, 0);
         transform: translate3d(0, 500px, 0);
     }
 }
 /* Show new li when navigating to previous question */

 .fs-form .fs-display-prev .fs-show .fs-anim-lower,
 .fs-form .fs-display-prev .fs-show .fs-anim-upper {
     -webkit-animation: animShowPrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s;
     animation: animShowPrev 0.5s cubic-bezier(0.7, 0, 0.3, 1) both 0.15s;
 }

 .fs-form .fs-display-prev .fs-show .fs-anim-upper {
     -webkit-animation-delay: 0.25s;
     animation-delay: 0.25s;
 }

 @-webkit-keyframes animShowPrev {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -500px, 0);
     }
 }

 @keyframes animShowPrev {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -500px, 0);
         transform: translate3d(0, -500px, 0);
     }
 }
 /* Remove IE clear cross */

 input[type=text]::-ms-clear {
     display: none;
 }
 /* Adjust form for smaller screens */

 @media screen and (max-width: 52.5em) {
     body {
         min-height: 500px;
     }
     .fs-form-wrap {
         font-size: 70%;
     }
     .fs-form {
         top: 6em;
         right: 2em;
         left: .5em;
         padding: 0 3.75em 0 0em;
         width: auto;
         font-size: 2em;
     }
     .fs-form.fs-form-overview {
         top: 0;
         right: 0;
         padding: 1.5em 1em 8em 1em;
         font-size: 1.5em;
     }
     .fs-title {
         padding: 20px;
     }
     .fs-numbers {
         margin: 20px;
     }
     .fs-nav-dots {
         right: 25px;
     }
 }
 /* FORM CUSTOM STYLES */

.runForm{
    font-family: HelveticaNeue;
    font-size: 29px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    padding-top: 45px;
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
    color: #fcfcfc;

}
.agree{
    position: relative;
    width: 80%;
}
.formContainer .group.companyName{
    width: 100%;
}
.formContainer .group.termsAgree{
    width: 60%;
}
#agree{
    position: relative;
    width: 20px;
    top: -20px;
    left: 12px;
}
input[type=checkbox] {
    display: inline-block !important;
}
.icon-close{
	float: right;
	padding-right: 24px;
	padding-top:25px;
}
.formHead{
    height: 116px;
    background-color: #222;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
}
.fs-numbers{
	display:none !important;
}
.fs-nav-dots{
	display: none !important;
}
 .handle {
     width: 50%;
     display: inline-block;
	 margin-left: 5rpx;
 }
 .formContainer{
	 max-width: 1024px;
	 width: 100%;
     margin-top: 40px;
 }
.serviceSelect{
    margin-top: 32px;
    width: 100px;
    font-size: 18px;
    float: left;
	background-color: transparent;
	border: none;
    -webkit-appearance: none;
    border-bottom: 1px solid #222222;
    border-radius: 1px;
}

.formH{
	font-family: HelveticaNeue;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 20px;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	text-align: left;
	color: #d81821;
}
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + -2px),
    calc(100% - 15px) calc(1em + -2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    0px 1.5em;
  background-repeat: no-repeat;
}

 .group {
     position: relative;
     margin-bottom: 45px;
 }

 .formContainer input {
    font-size: 18px;
    padding: 10px 10px 5px 0px;
    display: inline-block;
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #757575;
    vertical-align: bottom;
 }
   .formContainer input[type=radio] {
    font-size: 12px;
    padding: 10px 10px 10px 5px;
    display: inline-block;
    width: 50px;
    background-color: transparent;
    border: none;
    float: left;
    border-bottom: 1px solid #757575;
    vertical-align: bottom;
	margin-top: 5px;
 }
 .formContainer .services input, .formContainer .services .bar{
    width: 65%;
 }
 .formContainer .services{
    width: 45%;
    display: inline-block;
 }
 .services.group select{
	 width: 33%;
 }
 .services.group input{
	 width: 115%;
	}
 .formContainer .group{
    width: 47%;
    display: inline-block;
    margin-left: 0%;
    margin-right: 1%;
 }
  .formContainer .group.radio{
	 width: 50%;
	 font-size: 16px;
	 display: inline-block;
	 float: left;
 }
   .formContainer .group.radio p{
    width: 89%;
    font-size: 16px;
    float: left;
    display: inline-block;
    margin-left: -25px;
    color: #222222;
 }
 .formContainer .select{
	 width: 25%;
 }
 .group.country{
     width: 97%;
 }
 .group.address{
     width: 79%;
 }
 .group.apt{
     width: 15%;
 }
 .group.city, .group.state, .group.zip{
    width: 30.9%;
 }
 .csz{
     width: 100%;
 }
 .companyInfo{
    width: 100%;
    clear: left;
    font-family: HelveticaNeue;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    text-align: left;
    color: #d81821;
 }
 .country{
	font-size: 50%;
    margin-top: 28px;
 }
 .taxSelect{
    font-size: 50%;
    margin-top: 28px;
    width: 50%;
    display: inline-block;
    float: left;
 }
 .group.radio input:valid~label {
	 top: -30px;
	 color: #999999;
 }
 textarea:focus~label, textarea:valid~label {
    top: -25px;
    font-size: 14px;
    color: #D9191E;
}
.group textarea{
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #757575;
    vertical-align: bottom;
    font-size: 18px;
    width: 100%;
}
.group select{
    text-transform: none;
    border: none;
    margin-top: 17px;
    width: 100%;
    height: 43px;
    font-size: 18px;
    background-color: transparent;
    -webkit-appearance: none;
    border-bottom: 1px solid #222222;
    border-radius: 1px;
}
.account{
	clear: left;
}
.group.why label{
	top: 10px;
}
.group.handle{
    margin-left: 10px;
    width: 64%;
    margin-right: 0%;
}
.formContainer .group.why {
    width: 50%;
    display: inline-block;
    float: left;
    margin-top: 50px;
}
 .group.why textarea:focus~label,.group.why textarea:valid~label {
    top: -50px;
    font-size: 14px;
    color: #D9191E;
}
.terms{
    width: 100%;
    overflow: auto;
    height: 680px;
    border: 1px solid #dadada;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
}
.terms p{
	color: #222222;
}
@media (max-width: 1380px){
	.runForm{
    width: 70%;
    margin-left: 4px;
    position: relative;
 }
	.group.handle{
		    margin-left: 10px;
    width: 57%;
	}
}
@media (max-width:840px){
	.runForm{
    width: 70%;
    position: relative;
    padding-left: 0px;
    font-size: 22px;
    margin-left: 11px;
 }

    .formH {
        font-size: 16px;
    }
    button.fs-continue{
            margin: 130px auto;
            width: 50%;
    }
    select.minimal{
            background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0px 1.5em;
    background-repeat: no-repeat;
    }
    .group select{
        margin-top: 0px;
    }
	.formContainer .group{
		width: 100%;
	}
	.formContainer input{
        width: 119%;
  }
    button.nextButton{
        width: 116%;
        margin-bottom: 190px;
        height: 60px;
        font-size: 20px;
        margin-left: 5px;
    }
	.group.handle{
    width: 61.4%;
    margin-left: 10px;
    margin-top: 6px;
 }
	.formContainer .services input, .formContainer .services .bar {
        width: 135%;
}
	.formContainer .services {
   		 width: 100%;
}
.js .fs-form-full .fs-fields>li {
    position: relative;
    width: 100%;
    margin-top: -70px;
}
.formContainer .group.radio {
    width: 100%;
}
.group select {
    width: 119%;
}
.formContainer{
    margin-top: 0px;
}
label {
    width: 130%;
}
.serviceSelect {
    margin-top: 15px;
    width: 100px;
    font-size: 18px;
    float: left;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    border-bottom: 1px solid #222222;
    border-radius: 1px;
}
}

/** checkbox style **/
/* basic css */
input[type=checkbox]   { display:none; }
#check-awesome         { position:relative; }

/* checkbox css */
/* */
 input:focus {
     outline: none;
 }
 /* LABEL ======================================= */

 label {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 50%;
    width: 100%;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
 }
 /* active state */

 input:focus~label,
 input:valid~label {
     top: -0px;
     font-size: 14px;
     color: #d81821;
 }
 .selectLabel{
    top: -0px;
    font-size: 14px;
    color: #000000;
 }
 select.ws-success~label{
    color: #d81821;
 }

 .ws-invalid~label{
     top: 0px !important;
     /* font-size: 14px; */
     color: #000000 !important;
}
 /* BOTTOM BARS ================================= */

 .bar {
	position: relative;
    display: block;
    width: 63%;
 }

 .bar:before,
 .bar:after {
     content: '';
     height: 2px;
     width: 0;
     bottom: 1px;
     position: relative;
     background: #d81821;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
 }

 .bar:before {
     left: 50%;
 }

 .bar:after {
     right: 50%;
 }
 /* active state */

 input:focus~.bar:before,
 input:focus~.bar:after {
     width: 50%;
 }
 /* HIGHLIGHTER ================================== */

 .highlight {
     position: relative;
     height: 60%;
     width: 100px;
     top: 25%;
     left: 0;
     pointer-events: none;
     opacity: 0.5;
 }
 /* active state */

 input:focus~.highlight {
     -webkit-animation: inputHighlighter 0.3s ease;
     -moz-animation: inputHighlighter 0.3s ease;
     animation: inputHighlighter 0.3s ease;
 }
 /* ANIMATIONS ================ */

 @-webkit-keyframes inputHighlighter {
     from {
         background: #5264AE;
     }
     to {
         width: 0;
         background: transparent;
     }
 }

 @-moz-keyframes inputHighlighter {
     from {
         background: #5264AE;
     }
     to {
         width: 0;
         background: transparent;
     }
 }

 @keyframes inputHighlighter {
     from {
         background: #5264AE;
     }
     to {
         width: 0;
         background: transparent;
     }
 }
 @media (max-width: 840px) {
    input#pcompany {
        width: 119%;
    }  
    label{
        top: 17%;
        margin-bottom: 0px;
    }
    input:focus~label,
    input:valid~label {
        top: -10px;
        font-size: 14px;
        color: #d81821;
    }
    .selectLabel{
       top: -10px;
       font-size: 14px;
       color: #000000;
    }
    select.ws-success~label{
       color: #d81821;
    }
   
    .ws-invalid~label{
         top: -10px; 
         font-size: 14px; 
         color: #000000; 
   }

 }
 @media (min-width: 1380px) {
    input#screen {
        width: 102%;
    }
 }
 @media (max-width: 1014px) and (min-width: 700px) {
    .formContainer .services input, .formContainer .services .bar {
        width: 106%;
    }
    input#pcompany {
    	width:100%;	
    }
    .formContainer input {
        width: 100%;
    }
    .group select {
        width: 99%;
    }
 }