.t3-sidebar
{

padding:0px;
}
.t3-sidebar #sidebar_module .primary_form,.t3-sidebar #sidebar_module .secondary_form
{
background: rgb(252, 252, 252);
border: 1px solid rgba(147, 184, 189,0.8);
-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
-webkit-box-shadow: 5px;
-moz-border-radius: 5px;
border-radius: 5px;padding:20px;
}
.t3-sidebar #sidebar_module 
{
position: relative;height: 750px;
}

#sidebar_module .primary_form .jsn-form-content .control-group .control-label,
#sidebar_module .secondary_form .jsn-form-content .control-group .control-label
{
	display:none;
}
#sidebar_module .primary_form .jsn-form-content .control-group select,
#sidebar_module .secondary_form .jsn-form-content .control-group select,
#sidebar_module .primary_form .jsn-form-content .control-group textarea,
#sidebar_module .secondary_form .jsn-form-content .control-group textarea
{
	width:100% !important;
}
#jsn-captcha
{
	width:95%;
}
#sidebar_module h2.contentheading
{
margin-top: 0px;
font-size: 22px;
font-weighT: bold;
color: rgb(6, 106, 117);
border-bottom: 1px solid;
text-align: center;
padding-bottom: 8px;	
}
#sidebar_module .primary_form .jsn-form-content .controls input,
#sidebar_module .secondary_form .jsn-form-content .controls input
{
background-color: #ffffff !important;
background-repeat: no-repeat !important;
padding: 4px 6px 4px 25px;
width: 88% !important;
background-position: 4px 6px !important;
}

#sidebar_module .primary_form .jsn-form-content .controls textarea,
#sidebar_module .primary_form .jsn-form-content .controls select,
#sidebar_module .secondary_form .jsn-form-content .controls textarea,
#sidebar_module .secondary_form .jsn-form-content .controls select
{
background-color: #ffffff !important;
background-repeat: no-repeat !important;
padding: 4px 6px 4px 25px;
background-position: 4px 6px !important;
}
#sidebar_module .primary_form .jsn-form-content .name .controls input, 
#sidebar_module .secondary_form .jsn-form-content .name .controls input
{
background-image: url(icons/user.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .email .controls input, 
#sidebar_module .secondary_form .jsn-form-content .email .controls input
{
background-image: url(icons/envelope.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .skype_id .controls input, 
#sidebar_module .secondary_form .jsn-form-content .skype_id .controls input
{
background-image: url(icons/skype.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .phone_number .controls input, 
#sidebar_module .secondary_form .jsn-form-content .phone_number .controls input
{
background-image: url(icons/phone.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .requirements_comments .controls textarea, 
#sidebar_module .secondary_form .jsn-form-content .requirements_comments .controls textarea
{
background-image: url(icons/comments.png) !important;resize: none;
}
#sidebar_module .primary_form .jsn-form-content .business_name .controls input, 
#sidebar_module .secondary_form .jsn-form-content .business_name .controls input
{
background-image: url(icons/building.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .budget .controls select {
background-image: url(icons/usd.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .controls input#jsn-captcha, 
#sidebar_module .secondary_form .jsn-form-content .controls input#jsn-captcha
{
background-image: url(icons/lock.png) !important;
}
#sidebar_module .primary_form .jsn-form-content .service_required .controls select
{
background-image: url(icons/cog.png) !important;
}
 
#sidebar_module .secondary_form .jsn-form-content .hire_developer .controls select
{
background-image: url(icons/users.png) !important;
}
#sidebar_module .secondary_form .jsn-form-content .time_duration .controls select
{
background-image: url(icons/clock.png) !important;
}
.jsn-form-submit
{
color: #ffffff !important;
background-color: #00b4dc !important;
  border-color: #009fc3 !important;
background-imagE: none !important;
box-shadow: none !important;
border-radius: 0px !important;
text-shadow: none !important;
padding: 6px 20px !important;
}
.jsn-form-submit:hover
{
color: #ffffff !important;
background-color: #008aa9 !important;
border-color: #006d85 !important;
}
.jsn-master .jsn-row-container {
position: relative;
margin-bottom: 0px !important;
}
.jsn-master .jsn-bootstrap .form-actions, .jsn-master.ui-dialog-contentpane .jsn-bootstrap .form-actions {
margin: 0px 0 !important;
padding: 0px !important;
background: none;
border: none;
}
.jsn-bootstrap .btn-toolbar {
margin-top: 0px !important;
margin-bottom: 0px !important;
font-size: 0;
}
.t3-sidebar .t3-module {
margin-bottom: 0px !important;
}
#sidebar_module .help-block .validation-result
{
display:none;	
}
#sidebar_module .help-block
{
margin:0px;	
}




.panel {
		float: left;
		width: 100%;
		box-shadow: none;
		position: relative;
		
		-webkit-perspective: 1500px;
		-moz-perspective: 1500px;
		perspective: 1500px;
	}
	/* -- make sure to declare a default for every property that you want animated -- */
	/* -- general styles, including Y axis rotation -- */
	.panel .primary_form {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 900;
		width: inherit;
		height: inherit;
		
		box-shadow: 0 1px 5px rgba(0,0,0,0.9);

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .5s ease-in-out;
						transition: all .5s ease-in-out;
	}
	.panel.flip .primary_form {
		z-index: 900;
	

		-webkit-transform: rotateX(0deg) rotateY(180deg);
			 -moz-transform: rotateX(0deg) rotateY(180deg);
						transform: rotateX(0deg) rotateY(180deg);
	}

	.panel .secondary_form {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 800;
		width: inherit;
		height: inherit;
		

		-webkit-transform: rotateX(0deg) rotateY(-180deg);
			 -moz-transform:  rotateX(0deg) rotateY(-180deg); /* setting to 180 causes an unnatural-looking half-flip */
						transform: rotateX(0deg) rotateY(-180deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .5s ease-in-out;
						transition: all .5s ease-in-out;
	}

	.panel.flip .secondary_form {
		z-index: 1000;
		

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		
	}

	


	

  

	/* -- cosmetics -- */
	.panel .pad {padding: 0 15px; }
	
	

.flipaction
{
	
	text-align: right;
margin-bottom: 10px;
font-size: 13px;
margin-top: -13px;
margin-right: -10px;
}
.flipaction a
{
	cursor:pointer;
}



@media only screen and (max-width: 1200px)
{
#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 84% !important;
    background-position: 4px 6px !important;
}
.t3-sidebar #sidebar_module {
    position: relative;
    height: 790px;
}.jsn-uniform.jsn-master .jsn-bootstrap select {
  height: 30px !important;
}
}
@media only screen and (max-width: 780px)
{
#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 95% !important;
    background-position: 4px 6px !important;
}.t3-sidebar #sidebar_module {
    position: relative;
    height: 700px;
}
}
@media only screen and (max-width: 640px)
{#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 94% !important;
    background-position: 4px 6px !important;
}
}
@media only screen and (max-width: 600px)
{#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 93% !important;
    background-position: 4px 6px !important;
}
}

@media only screen and (max-width: 480px)
{#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 92% !important;
    background-position: 4px 6px !important;
}
}
@media only screen and (max-width: 420px)
{#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 91% !important;
    background-position: 4px 6px !important;
}
}
@media only screen and (max-width: 360px)
{
#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 89% !important;
    background-position: 4px 6px !important;
}
}
@media only screen and (max-width: 400px)
{
#sidebar_module .primary_form .jsn-form-content .controls input, #sidebar_module .secondary_form .jsn-form-content .controls input {
    background-color: #FFF !important;
    background-repeat: no-repeat !important;
    padding: 4px 6px 4px 25px;
    width: 87% !important;
    background-position: 4px 6px !important;
}.t3-sidebar #sidebar_module {
    position: relative;
    height: 770px;
}
}