
#formoid,
#formoid div.selector,
#formoid  select,
#formoid input[type=button],
#formoid input[type=submit] {
	font:400 15px/21px 'Lato';
	color: #1f2226;
	padding: 5px;
}

#formoid { margin-top:-15px; }

/* Select */

#formoid div.selector span{
	background:url(../images/down.png) no-repeat right 8px;
	padding-right:10px;
}

#formoid div.selector select {
  width:100%;
  top: 0px;
  left: 0px;
}

.form-wrapper { margin:0 -12px; }
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

#formoid .selector, 
#formoid .button, 
#formoid .uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

#formoid .selector select:focus, 
#formoid .uploader input:focus {
  outline: 0;
}

/* Button & submit*/
#formoid div.selector,
#formoid  select,
#formoid input[type=button],
#formoid input[type=submit]{
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
}


#formoid div.selector:hover,
#formoid  select:hover,
#formoid input[type=button]:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

#formoid div.selector:active,
#formoid  select:active,
#formoid input[type=button]:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#formoid input[type=button][disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

#formoid input[type=submit] {
	background-color: #006dcc;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-image: -moz-linear-gradient(top, #67c2ef, #2FABE9);
	background-image: -ms-linear-gradient(top, #67c2ef, #2FABE9);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67c2ef), to(#2FABE9));
	background-image: -webkit-linear-gradient(top, #67c2ef, #2FABE9);
	background-image: -o-linear-gradient(top, #67c2ef, #2FABE9);
	background-image: linear-gradient(top, #67c2ef, #2FABE9);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c2ef', endColorstr='#2FABE9', GradientType=0);
	border-color: #1598d9 #1598d9 #007bb8 #1598d9;
}

#formoid input[type=submit]:hover {
  background-color: #2FABE9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#2FABE9', GradientType=0);
  color: #ffffff;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

#formoid input[type=submit]:active,
#formoid input[type=submit][disabled] {
	background-color: #2FABE9;
	*background-color: #2FABE9;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}


/* Select */

#formoid div.selector {
  position: relative;
  overflow: hidden;
  top: 8px;
}

#formoid div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#formoid div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  border: none;
  background: none;
  padding:8px 0;
}

#formoid .dropdown {
	border:1px solid #c4c1c0;
	width:270px;
	padding: 0;
	cursor:pointer;
	display:inline-block;
	margin:1px 10px 10px;
}
#formoid .dropdown .dropdown-toggle {
	padding:7px 6%;
}
#formoid .dropdown .caret {
	position:absolute;
	right:4%;
	top:15px; 
}
#formoid .dropdown-menu {
	top:34px;
	width:269px;
	line-height:30px;
	padding:0;
}
#formoid .dropdown-menu li {
	color:#fff;
	padding:0 5%;
}
#formoid .dropdown-menu li:hover {
	background-color:#ed6723;
}

/* Radio & checkbox */
#formoid input[type=checkbox],
#formoid input[type=radio]{
	z-index:1;
	position:relative;
	opacity:0.01;
	height: 19px;
	width: 19px;
	margin: 0;
	vertical-align:middle;
}
#formoid input[type=checkbox]+span,
#formoid input[type=radio]+span{
	height: 19px;
	margin-right:-19px;
	padding-left: 19px;
	z-index:0;
	position:relative;
	display:inline-block;
	left:-19px;
	top:0px;
	background:url(../images/check-radio-bg.png) no-repeat 0 0;
}
#formoid input[type=checkbox]:hover+span{
	background-position:0 -38px;
}
#formoid input[type=checkbox]:active+span{
	background-position:0 -19px;
}
#formoid input[type=checkbox]:checked+span{
	background-position:0 -76px;
}
#formoid input[type=checkbox]:checked:hover+span{
	background-position:0 -114px;
}
#formoid input[type=checkbox]:checked:active+span{
	background-position:0 -95px;
}
#formoid input[type=radio]+span{
	background-position:0 -190px;
}
#formoid input[type=radio]:hover+span{
	background-position:0 -228px;
}
#formoid input[type=radio]:active+span{
	background-position:0 -209px;
}
#formoid input[type=radio]:checked+span{
	background-position:0 -266px;
}
#formoid input[type=radio]:checked:hover+span{
	background-position:0 -304px;
}
#formoid input[type=radio]:checked:active+span{
	background-position:0 -285px;
}

#formoid input[type=text], #formoid div.selector
 {
	width: 270px;
	height:38px;
	padding: 6px 2%;
	margin-left:-1px;
	border:1px solid #c4c1c0;
	outline: 0;
	margin:0 10px 10px;
	box-shadow:none;
}

textarea  { width:537px; height:108px; display:block; float:left; margin:0 30px 20px 10px; border:1px solid #c4c1c0; padding:10px; }
.capcha { float:left; margin:0 0 10px 0; }
.capchaText { float:left; }

#formoid input[type=text]:focus,
#formoid input[type=password]:focus,
#formoid textarea:focus {
	border-color: #ed6723;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

#formoid .glyphicon-check { clear:both; margin:10px 54px 20px 10px; display:block; font-size:25px; text-align:center; }


ul.serviceInterested { margin:0 0 10px 10px; padding:0; overflow:hidden; }
ul.serviceInterested li { margin:0; padding:0; list-style-type:none; }
ul.serviceInterested li .radioBut { clear:both; display:block; height:25px; width:25px; border:1px solid #1f2226; border-radius:20px; margin:0 0 20px 14px; cursor:pointer; }
ul.serviceInterested li .radioButAcive { clear:both; display:block; height:25px; width:25px; background:#ed6723; border-radius:20px; border:none; margin:0 0 20px 14px; cursor:pointer; }
.webdesign, .eCommerce, .digitalMarketing, .MobileApplication, .webdesignOver, .eCommerceOver, .digitalMarketingOver, .MobileApplicationOver { width:55px; height:47px; display:block; float:left; margin:0 5px 5px 0; }
.webdesign { background:url(../images/services.png) no-repeat -8px -6px; }
.webdesignOver { background:url(../images/services.png) no-repeat -8px -58px; }
.eCommerce { background:url(../images/services.png) no-repeat -76px -5px; }
.eCommerceOver { background:url(../images/services.png) no-repeat -76px -58px; }
.digitalMarketing { background:url(../images/services.png) no-repeat -143px -5px; }
.digitalMarketingOver { background:url(../images/services.png) no-repeat -143px -57px; }
.MobileApplication { background:url(../images/services.png) no-repeat -214px -5px; }
.MobileApplicationOver { background:url(../images/services.png) no-repeat -214px -58px; }

.glyphicon-envelope { font-size:14px; }

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #1f2226;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #1f2226;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #1f2226;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #1f2226;
}





