/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



	SUPER WP HEROES

	FILE PURPOSE: CSS STYLES FOR FORMS, INPUTS AND BUTTONS
	


   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: GLOBAL INPUT STYLES
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/



	input[type="text"]:not(.NFI-filename),
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="color"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="number"],
	input[type="range"],
	input[type="search"],
	input[type="time"],
	input[type="url"],
	input[type="week"],
	textarea,
	select {
	    color: #000 !important;
	    background: none !important;
	    font-size: 16px !important;
	    padding: 12px 20px 12px 20px !important;
	    border: 1px solid #000 !important;
	    border-radius: 5px !important;
	    width: 100% !important;
	    margin-bottom: 30px !important;
	   	transition: all 0.5s ease !important;
    	font-family: 'open_sanslight', Arial, Helvetica, sans-serif !important;
    	font-weight: 300;
	}

	textarea {
		height: 213px;
	    box-sizing: border-box;
	    /*margin-bottom: 30px;*/
	}


	input[type="text"]:not(.NFI-filename):focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="month"]:focus,
	input[type="number"]:focus,
	input[type="range"]:focus,
	input[type="search"]:focus,
	input[type="time"]:focus,
	input[type="url"]:focus,
	input[type="week"]:focus,
	textarea:focus,
	select:focus {
	    padding: 12px 20px 12px 25px;
	    background: rgba(0,0,0,0.05) !important;
	}

	::-webkit-input-placeholder { color:#000; opacity:  1;}
	::-moz-placeholder { color:#000; opacity:  1;}
	::-moz-placeholder { color: #000;opacity:  1;}
	::-ms-input-placeholder {color: #000; opacity:  1;}

	textarea::-webkit-input-placeholder { font-weight: bold; text-transform: uppercase;}
	textarea::-moz-placeholder { font-weight: bold; opacity:  1; text-transform: uppercase;}
	textarea::-moz-placeholder { font-weight: bold; opacity:  1; text-transform: uppercase;}
	textarea::-ms-input-placeholder {font-weight: bold; text-transform: uppercase;}


	input:-internal-autofill-selected {
	    background-color: #fff !important;
	    background-image: none !important;
	    color: -internal-light-dark-color(black, white) !important;
	}



	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: select2
	*/

	.select2-selection--single {
		background-color: #fff !important;
	    border: 1px solid #000 !important;
	    border-radius: 5px !important;
	    padding: 6px !important;
	    height: auto !important;
	    min-height: 52px;
	}
	.select2-selection--single .select2-selection__arrow b {
		border-color: #000 transparent transparent transparent !important;
		margin-top: -3px !important;
	}
	.select2-results__option {
		color: #000 !important;
	}
	.select2-dropdown {
		border: 1px solid #000;
	}
	.select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
	    background-color: #75c283;
	    color: #fff !important;
	    font-weight: bold;
	}



/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: GLOBAL BUTTON STYLES
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/

	.btn {
		font-family: 'open_sansbold', Impact , arial, serif !important;
		border: 1px solid rgba(0,0,0,0.1) !important;
    	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset  !important;
    	border-radius: 25rem  !important;
    	transition: all 1s  !important;
    	overflow: hidden  !important;
    	position: relative  !important;
	}

		.btn:hover {
			box-shadow: 0 0 3px rgba(255,255,255,0.3) inset, 0 10px 10px #00000050;
		}

		.btn.framed{
			background: transparent !important;
		}
		.btn.white_txt.framed {
			background: transparent !important;
			color: #fff !important;
			border-color: #fff !important;
		}

		.btn:before {
			background-position: center center;
    		background-image: url(../images/overlays/btn-hover-glow.png);
    		background-size: cover;
    		background-repeat: no-repeat;
    		content: "";
    		display: block;
    		width: 100%;
    		height: 150px;
    		position: absolute;
    		left: -100%;
    		top: -40px;
    		transition: left 0.3s;
    		z-index:99;
    		opacity: 0.7;
		}

			.btn:hover:before{
				left: 100%;
			}


	.btn-xl {
		padding: 30px 40px 30px 40px !important;
		font-family: 'open_sansextrabold' !important;
		font-size: 30px !important;
	}

	.btn-lg {
		padding: 20px 25px 20px 25px !important;
		font-family: 'open_sansextrabold' !important;
		font-size: 23px !important;
	}

	.btn-sm {
		font-size: 18px !important;
	    line-height: 100% !important;
	    padding: 20px 25px 15px 25px !important;
	}

	.btn-xs {
		font-size: 13px !important;
	    line-height: 100% !important;
	    padding: 9px 20px 9px 20px !important;
	}





/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: PLUGIN OVERWRITE STYLES
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/



	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: WooCommerce button overwrites
	*/

		.woocommerce .login label[for=rememberme].inline.checkbox-label {
			    padding: 0 0 0 25px;
		    	margin: 10px 0 0 20px;
		}

		.checkout-button {
			border-radius: 25rem;
		}



	/* Contact form 7 */
	span.wpcf7-form-control-wrap,
	span.wpcf7-not-valid-tip {
	    display: block;
	    z-index: 1;
	    width: 100%;
	    height: 100px;
	}
	
	.wpcf7-not-valid label.checkbox-label:not(.checkbox-checked):before{
	    border: 1px solid #ed4242;
	    box-shadow: inset 0 0 1px #ed4242;
	}
	.wpcf7-not-valid .wpcf7-list-item-label{color: #ed4242;}

	.wpcf7-file.wpcf7-not-valid input[type="text"]{background: #ffdff0;}

	.tech-doc span.wpcf7-not-valid-tip,
	.sketch-wireframe span.wpcf7-not-valid-tip,
	.final-desins span.wpcf7-not-valid-tip,
	.theme-files span.wpcf7-not-valid-tip{
	    display: block;
	    text-align: left;
	    font-size: 11px;
	}

	.wpcf7 form.sent .wpcf7-response-output {
	    border: 2px solid #475441;
	    padding: 15px;
	    background-color: #CCF3C8;
	    color: #475441;
	    margin-left: 0;
	    margin-right: 0;
	}

	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	    border: 2px solid #86824F;
	    color: #878a6e;
	    padding: 15px;
	    background-color: #ecedac;
	    margin-left: 0;
	    margin-right: 0;
	}

	


	.wpcf7-acceptance span.wpcf7-list-item,
	.wpcf7-acceptance span.wpcf7-list-item-label {
		display: block;
		width: 100%;
	}



		/*
        //	---		SUPER WP HEROES
        //	---		COMMENT: UPLOADS BUTTON STYLING
        */

	.NFI-wrapper{
	    background: transparent;
	    display: block !important;
	    width: 100%;
	    border-radius: 0;
	    border-bottom: 5px solid #000;
	}

	.product_meta .NFI-wrapper {border-bottom: 7px solid rgba(0,0,0,0.7);}


	.NFI-button {
	    height: 46px;
	    line-height: 46px;
	    background: rgba(0,0,0,0.05);
	    color: #000;
	    width: 30%;
	    font-weight: 700;
	    overflow: hidden;
	    position: relative;
	    display: block;
	    float: left;
	    white-space: nowrap;
	    text-align: center;
	}

	.NFI-button:hover {
	}

	.NFI-current {
	    cursor: pointer !important;
	    background: transparent;
	    font-size: 14px;
	    display: block;
	    width: 100%;
	}

	.NFI-filename {
	    width: 70% !important;
	    height: 46px !important;
	    margin: 0 !important;
	    padding: 0 0 0 20px !important;
	    display: block !important;
	    -webkit-appearance: none !important;
	    -moz-appearance: none !important;
	    appearance: none !important;
	    box-sizing: border-box;
	    padding: 15px;
	    border: 0;
	}


	/*
	//	---		SUPER WP HEROES                                               
	//	---		COMMENT: REQUEST QUOTE FORM
	*/

	/*
            //    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            //    ***
            //    ***        SUPER WP HEROES                                               
            //    ***        SUBSECTION NAME: REQUEST A QUOTE PAGE
            //    ***        DESCRIPTION: 
            //    ***        CALLED ON: 
            //    ***
            //    ***        TO DO: MOVE TO FORMS CSS
            //    ***
            //    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            */


            .the-quote-form{
                padding:50px;
            }
            .the-quote-form span.wpcf7-list-item{
                width:50%;
                padding-left:0;
                margin-left:0;
            }
            .checkbox-project-quote-tos span.wpcf7-list-item,
            .project-quote-newsletter-signup span.wpcf7-list-item{
                width:100%;
            }
            #new-client-query-form label.checkbox-label{
                margin-left: 0;
            }

            .quote-image-checkbox {
                padding: 0px 20px;
                cursor: pointer;
            }

            .quote-image-checkbox img {margin-bottom: 40px;}

            .quote-image-checkbox h5 { padding: 10px; margin: 10px -20px 0 -20px; background: rgba(0,0,0,0.05); }

            .quote-image-checkbox p {
                margin: 0;
            }

            .quote-image-checkbox:not(.active-checkbox):hover {
                background-color: rgba(188, 204, 191, 0.2);
            }
            .quote-image-checkbox.active-checkbox h5{
                background-color: #75c283 !important;
                color: #ecedac !important;
            }
            .active-checkbox.quote-image-checkbox:hover{

            }
            .active-checkbox.quote-image-checkbox {
                background-color: rgba(188, 204, 191, 0.3);
                box-shadow: 0 0 100px #DCDCDC inset;
            }

            .project-desc:after{
                clear: both;
                display: table;
                content: '';
            }

	.website-type,
    .work-type,
    .project-type {
        visibility: hidden;
        position: absolute;
        top: -999px;
    	left: 999px;
    }

    span.wpcf7-list-item {
        display: block;
        text-align: left;
        width: 48%;
        float: left;
        padding-left: 10px;
    }

    .wpcf7-list-item {
        position: relative;
    }

    
    div.wpcf7 img.ajax-loader{display:none;}

	#quote-now .icon-holder{
	    background: #e0e0d1;
	    width: 100px;
	    height: 100px;
	    border-radius: 120px;
	    margin:0px auto 10px auto;
	    padding:0px;

	}
	#quote-now .icon-holder.grey{background: #dfdfd0;text-shadow: 0px 2px 3px #b9b8ad;}
	#quote-now .icon-holder.blue{background: #468390;text-shadow: 0px 2px 3px #3d737f;}
	#quote-now .icon-holder.violet{background: #8783a7;text-shadow: 0px 2px 3px #706c8a;}
	#quote-now .icon-holder .fa{font-size: 40px;font-weight: bold;}

	#quote-now input[type="range"]{
	    background:none;
	    border:0px !important;
	    position: absolute;
	    z-index: 1;
	}

	#quote-now p.size12,
	#quote-now strong.size12
	{font-size: 12px;}
	#quote-now .slider.slider-horizontal{width: 100%;height: 78px;}
	#quote-now .slider.slider-horizontal .slider-track{
	    background: rgba(221,230,172, 0.5);
	    height: 20px;
	    border-radius: 15px;
	    border: 0px;
	    box-shadow: none;
	    top: auto;
	    margin-top: 30px;
	}
	#quote-now .slider.slider-horizontal  .slider-selection{
	    background: rgba(221,230,172, 0.5);
	    box-shadow: none;
	}

	#quote-now .slider-handle{
	    background: rgb(221,230,172);
	    height: 40px;
	    width: 40px;
	    margin-top: -10px;
	    margin-left: 0px;
	}


	input[type=radio],
	input[type=checkbox]
	{
	    display: none;
	}



	label.checkbox-label:not(.checkbox-checked):before
	{
	    content: "";
	    display: inline-block;
	    width: 16px;
	    height: 16px;
	    position: absolute;
	    left: 0;
	    top: 1px;
	    border: 1px solid currentColor;
	    box-shadow: inset 0 0 1px currentColor;
	    border-radius: 3px;
	    background: #fff;
	}

		label.checkbox-checked:before{
                content: "\f046";
                text-align: center;
                display: inline-block;
                font: normal normal normal 17px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                border: none;
                font-size: 21px;
                top: -1px;
                box-shadow: none;
                position: absolute;
                left: 0;
                background: #fff;
            }

	label.radio-label:before,
	{
	    border-radius: 8px;
	}

	label.checkbox-label
	{
	    margin-bottom: 10px;
	    display: inline-block;
	    cursor: pointer;
	    position: relative;
	    padding-left: 25px;
	    margin-right: 15px;
	    font-size: 13px;
	}

	label.checkbox-label:before
	{
	    border-radius: 3px;
	}



	label.radio-label:before
	{
	    content: "\f1db";
	    text-align: center;
	    display: inline-block;
	    font: normal normal normal 17px/1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    border: none;
	    font-size: 21px;
	    position: relative;
	    top: 3px;
	    box-shadow: none;
	    margin-right: 5px;
	}

	label.radio-label.radio-checked:before
	{
	    content: "\f05d";
	}

	#quote-now p.subtitle{  margin: 20px auto 15px auto;}
	#quote-now .skill { width: 60px; height: 60px; display: inline-block; margin: 4px 6px;  cursor: pointer;}
	#quote-now .skill img{}
	#quote-now label.technology:before{
	    border: 0px;
	    box-shadow: none;
	    width: 60px;
	    height: 60px;
	    background-size: 60px 60px !important;
	    background-repeat: no-repeat;
	    bottom:0px;
	}

	#quote-now label.technology.icon_ajax:before{background: url(../images/icons/tech_icon_ajax.png);}
	#quote-now label.technology.icon_angularjs:before{background: url(../images/icons/tech_icon_angularjs.png);}
	#quote-now label.technology.icon_bootstrap:before{background: url(../images/icons/tech_icon_bootstrap.png);}
	#quote-now label.technology.icon_c:before{background: url(../images/icons/tech_icon_c++.png);}
	#quote-now label.technology.icon_cakephp:before{background: url(../images/icons/tech_icon_cakephp.png);}
	#quote-now label.technology.icon_calculator:before{background: url(../images/icons/tech_icon_calculator.png);}
	#quote-now label.technology.icon_css:before{background: url(../images/icons/tech_icon_css3.png);}
	#quote-now label.technology.icon_gimp:before{background: url(../images/icons/tech_icon_gimp.png);}
	#quote-now label.technology.icon_git:before{background: url(../images/icons/tech_icon_git.png);}
	#quote-now label.technology.icon_html:before{background: url(../images/icons/tech_icon_html5.png);}
	#quote-now label.technology.icon_ilustrator:before{background: url(../images/icons/tech_icon_ilustrator.png);}
	#quote-now label.technology.icon_indesign:before{background: url(../images/icons/tech_icon_indesign.png);}
	#quote-now label.technology.icon_java:before{background: url(../images/icons/tech_icon_java.png);}
	#quote-now label.technology.icon_jquery:before{background: url(../images/icons/tech_icon_jquery.png);}
	#quote-now label.technology.icon_linux:before{background: url(../images/icons/tech_icon_linux.png);}
	#quote-now label.technology.icon_microsoftoffice:before{background: url(../images/icons/tech_icon_microsoftoffice.png);}
	#quote-now label.technology.icon_mysql:before{background: url(../images/icons/tech_icon_mysql.png);}
	#quote-now label.technology.icon_openoffice:before{background: url(../images/icons/tech_icon_openoffice.png);}
	#quote-now label.technology.icon_photoshop:before{background: url(../images/icons/tech_icon_photoshop.png);}
	#quote-now label.technology.icon_php:before{background: url(../images/icons/tech_icon_php.png);}
	#quote-now label.technology.icon_shell:before{background: url(../images/icons/tech_icon_shell.png);}
	#quote-now label.technology.icon_symphony:before{background: url(../images/icons/tech_icon_symphony2.png);}
	#quote-now label.technology.icon_windows:before{background: url(../images/icons/tech_icon_windows.png);}
	#quote-now label.technology.icon_wordpress:before{background: url(../images/icons/tech_icon_wordpress.png);}
	#quote-now label.technology.icon_yii:before{background: url(../images/icons/tech_icon_yii.png);}
	#quote-now .checkbox label.technology{
	    margin: 4px 3px;
	    padding: 0px;
	    width: 60px;
	    height: 60px;
	}

	#quote-now input[type=checkbox]:checked + label.technology:before{
	    content: "\f00c";
	    text-align: right;
	    border: none;
	    font-size: 30px;
	    top: 0px;
	    box-shadow: none;
	    color: #365D39;
	    padding-top: 35px;
	    padding-left: 33px;
	}

	/*Range input*/
	input[type=range] {
	    -webkit-appearance: none;
	    margin: 18px 0;
	    width: 100%;
	    border: 0px !important;
	    padding: 15px 0px !important;
	}
	input[type=range]:focus {
	    outline: none;
	    border:0px !important;
	    box-shadow:none !important;
	}
	input[type=range]::-webkit-slider-runnable-track {
	    width: 100%;
	    height: 30px;
	    cursor: pointer;
	    animate: 0.2s;
	    background: #a6cf95;
	    border-radius: 15px;
	}
	input[type=range]::-webkit-slider-thumb{
	    height: 50px;
	    width: 50px;
	    background: #f79a1c; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #f79a1c 0%, #fed61b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #f79a1c 0%,#fed61b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #f79a1c 0%,#fed61b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79a1c', endColorstr='#fed61b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	    cursor: pointer;
	    -webkit-appearance: none;
	    margin-top: -10px;
	    border-radius: 50%;
	    border: 0;
	    z-index:1;
	    box-shadow: 0 5px 5px #0000001f;
	}


	input[type=range]:focus::-webkit-slider-runnable-track {
	    background:  #a6cf95;
	}
	input[type=range]::-moz-range-track {
	    width: 100%;
	    height: 30px;
	    cursor: pointer;
	    animate: 0.2s;
	    background:  #a6cf95;
	    border-radius: 15px 0 0 15px;;
	}
	input[type=range]::-moz-range-thumb {
	    height: 50px;
	    width: 50px;
	    border-radius: 50%;
	    background: rgb(221,230,172);
	    cursor: pointer;
	    border:0;
	    z-index:1;
	}
	input[type=range]::-ms-track {
	    width: 100%;
	    cursor: pointer;
	    animate: 0.2s;
	    border-color: transparent;
	    border-width: 16px 0;
	    color: transparent;
	    background: transparent;
	    border-radius: 15px;
	    height: 50px;
	    margin-top:-25px;
	}
	input[type=range]::-ms-fill-lower {
	    background:  #a6cf95;
	    border-radius: 15px 0 0 15px;
	    height: 30px;
	}
	input[type=range]::-ms-fill-upper {
	    background:  #a6cf95;
	    border: 0.2px solid transparent;
	    border-radius: 15px 0 0 15pxx;
	    height: 30px;
	}
	input[type=range]::-ms-thumb {
	    height: 30px;
	    width: 30px;
	    background: rgb(221,230,172);
	    border-radius: 50%;
	    background: rgb(221,230,172);
	    cursor: pointer;
	    border:0;
	    z-index:1;
	}
	input[type=range]:focus::-ms-fill-lower {
	    background:  #a6cf95;
	}
	input[type=range]:focus::-ms-fill-upper {
	    background:  #a6cf95;
	}
	#tip_how-many-designers,
	#tip_how-many-developers,
	#tip_how-many-testers{
	    position: absolute;
	    /* display: none; */
	    padding: 4px;
	    margin-top: -77px;
	    width: 20px;
	    text-align: center;
	    color: #878a6e;
	    font-weight: bold;
	    left: 52px ;
	}

	.range_helper{
	    font-weight: bold;
	    font-size: 40px;
	    font-family: 'open_sansextrabold';
	    color: #fff;
	    text-align: center;
	    position: absolute;
	    right: -4px;
	    background: #a6cf95;
	    border-radius: 100%;
	    width: 70px !important;
	    height: 70px;
	    letter-spacing: 0px !important;
	    z-index: 1;
	    line-height: 70px;
	    top: 0;
	}
	.number-designers,
	.number-developers,
	.number-full-time,
	.number-part-time,
	.number-as-needed{
	    width: 88.5%;
	    float: left;
	    position: relative;
	}


	#how-many-designers,
	#how-many-developers,
	#how-many-full-time,
	#how-many-part-time,
	#how-many-as-needed{
	    margin:0;
	    padding:0 !important;
	    height: 30px !important;
	    top:22px;
	    left:0;
	}

	.number-full-time, .number-part-time, .number-as-needed{
	    margin-bottom: 100px !important;
	}

	.number-designers,
	.number-developers{width:94.5%;}

	.how-many-designers,
	.how-many-developers{
	    width: 5%;
	}



	#quote-now  .quote-project-management span.wpcf7-list-item {
	    display: block;
	    text-align: left;
	    width: 50%;
	    float: left;
	    padding-left: 10px;
	    background: white;
	    color: black;
	    padding: 20px;
	    margin: 0;
	    border-bottom: 7px solid #0000000f;
	}

		#quote-now  .quote-project-management span.wpcf7-list-item.first {
			background: #f8a73d;
		}


		#quote-now  .quote-project-management span.wpcf7-list-item.last {
			background: #ed4242;
			color: #fff;
		}

/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: TOP UP FORM - NOT USED
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/

	.top-up-account-header {
	    display: flex;
	    box-sizing: border-box;
	}

	.top-up-account-header h6 {
	    float: left;
	    margin: 6px 20px 0 0;
	}

	.top-up-account-header #topup_amount {
	    padding: 0 15px !important;
	    box-sizing: border-box !important;
	    height: 30px !important;
	    width: 115px  !important;
	    float: right;
	    text-align: center;
	    margin-right: 10px;
	    margin-bottom: 0;
	}

	.top-up-account-header p {
	    display: inline-block;
	    width: auto;
	    margin: 3px 10px 0 0;
	    float: right;
	    font-size: 13px;
	        line-height: 19px;
	}

	.top-up-account-header p .amount {
	    font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	}

	.top-up-account-header .dollar {
	    padding: 13px;
	    border: 0;
	    height: 47px;
	    width: 48px;
	}
	.top-up-account-header .dollar:disabled {
	    opacity: 1;
	        margin-top: 0px;
	}

	.top-up-account-header .top-up {
	    padding: 14px !important;
	        margin-left: -4px;
	    font-size: 12px !important;
	    line-height: 17px !important;
	    font-family: 'open_sansextrabold', sans !important;
	    margin-top: 0px !important;
	    border-radius: 0 !important;
	}

	.top-up-account-header .top-up:active,
	.top-up-account-header .top-up:focus {
	    outline: none;
	    box-shadow: none;
	}

	.top-up-account-header .alg_currency_select {
	    width: auto;
	    padding:9px;
	    margin-bottom: 0;
	}

	    .top-up-account-header .alg_currency_select option {
	        color: #000 !important;
	    }

/*
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	*******
//	*******
//	*******
//	*******
//	*******		SUPER WP HEROES
//	*******		SECTION NAME: PLUGIN OVERWRITE STYLES - CF7
//	*******		DESCRIPTION: 
//	*******
//	*******
//	*******
//	*******
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
//	************************************************************************************************************************************
*/


span.wpcf7-form-control-wrap, span.wpcf7-not-valid-tip {
	height: auto!important;
}

#new-client-query-form .wpcf7-list-item {
    display: none;
}


#new-client-query-form .wpcf7-acceptance .wpcf7-list-item {
    display: block;
}