*
{
margin:0px;
padding:0px;
}
/*@font-face {
  font-family: "icon-font-4";
  src:url("https://teja8.kuikr.com/css/font/icon_fonts/icon-font-4.eot");
  src:url("https://teja8.kuikr.com/font/icon_fonts/icon-font-4.eot?#iefix") format("embedded-opentype"),
    url("https://teja8.kuikr.com/font/icon_fonts/icon-font-4.woff") format("woff"),
    url("https://teja8.kuikr.com/font/icon_fonts/icon-font-4.ttf") format("truetype"),
    url("https://teja8.kuikr.com/font/icon_fonts/icon-font-4.svg#icon-font-4") format("svg");
  font-weight: normal;
  font-style: normal;

}
*/
@font-face {
  font-family: "glyphicons-halflings-regular";
  src:url("/css/services/mobile/fonts/glyphicons-halflings-regular.eot");
  src:url("/css/services/mobile/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
    url("/css/services/mobile/fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("/css/services/mobile/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("/css/services/mobile/fonts/glyphicons-halflings-regular.svg#glyphicons-halflings-regular") format("svg");
  font-weight: normal;
  font-style: normal;

}
.servicesOverlayMainContainer [data-icon]:before {
  font-family: "glyphicons-halflings-regular" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.servicesOverlayMainContainer [class^="icon-"]:before,
.servicesOverlayMainContainer [class*=" icon-"]:before {
  font-family: "glyphicons-halflings-regular" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-01-interior:before {
  content: "a";
}
.icon-02-packers-and-movers:before {
  content: "b";
}
.icon-03-pest:before {
  content: "c";
}
.icon-04-appliances-repair:before {
  content: "d";
}
.icon-05-home-cleaning:before {
  content: "e";
}
.icon-05-home-help:before {
  content: "f";
}
.icon-computer-repair:before {
  content: "g";
}
.icon-02:before {
  content: "h";
}
.icon-03:before {
  content: "i";
}
.icon-01-interior-1:before {
  content: "j";
}
.icon-02-packers-and-movers-1:before {
  content: "k";
}
.icon-03-pest-1:before {
  content: "l";
}
.icon-04-appliances-repair-1:before {
  content: "m";
}
.icon-05-home-cleaning-1:before {
  content: "n";
}
.icon-05-home-help-1:before {
  content: "o";
}
.icon-07-computer-repair:before {
  content: "p";
}
.icon-01:before {
  content: "q";
}

.servicesOverlayMainContainer #category_area label:hover{
  background-color: #027BAA;
  color: #fff;
}

.servicesOverlayMainContainer .Sem_main_area
{
width:700px;
margin: 0px auto;
min-height:518px;
/* max-height: 562px; */
background:#fff;
  /*padding-bottom: 6px;*/
/* top:40px !important; */
}
.servicesOverlayMainContainer .Sem_main_area1
{
width:400px;
margin: 0px auto;
}
.servicesOverlayMainContainer .sem_left_area
{
width:251px;
float:left;
}

.sem_left_area p{
	padding: 0% 20%;	
}
.servicesOverlayMainContainer .sem_left_area{
  background:url(https://teja8.kuikr.com/images/services/v1.1/Image-Banner.jpg) rgba(0,0,0,0);background-repeat:repeat;
}

.servicesOverlayMainContainer .sem_logo {
    padding: 62px 0 0;
    text-align: center;
}

.servicesOverlayMainContainer .call_to_connect {
    padding: 40px 0 60px;
    text-align: center;
}
.servicesOverlayMainContainer .call_to_connect i
{
	font-size:46px;
	
}
.servicesOverlayMainContainer .call_to_connect ul {
    list-style: outside none none;
    padding: 0;
    width: 100%;
}
.servicesOverlayMainContainer .call_to_connect p {
    font-size: 14px;
	font-family:arial;
}


.servicesOverlayMainContainer .call_to_connect ul li {
    background: rgba(0, 0, 0, 0) url("img/arrow.png") no-repeat scroll center 105px;
    color: #fff;
    min-height: 136px;
}
.servicesOverlayMainContainer .call_to_connect ul li:last-child {
    background: none;
}
.sem_right_area {
    float: left;
    padding-left: 52px;
    padding-top: 36px;
    width: 342px;
}
.sem_right_area h1 {
font-family:arial;
font-size:28px;
padding-bottom: 5px;
}

.sem_right_area span {
    color: #333;
    font-family: arial;
    font-size: 14px;
    padding-top: 5px;
}

.sem_right_area h3 {
    font-family: arial;
    font-size: 18px;
    padding-top: 13px;
}


.servicesOverlayMainContainer .category_area {
    float: left;
    margin-bottom: 10px;
    margin-top: 16px;
}
.servicesOverlayMainContainer .category_area label:nth-child(3)
{
clear:left;
}

.servicesOverlayMainContainer #category_area label {
    background-color: #fff;
    border-radius: 4px;
    color: #008bcf;
    float: left;
    margin-bottom: 18px;
    margin-right: 18px;
    padding: 10px 0;
    text-align: center;
    width: 142px;
	cursor:pointer;

    border: 1px solid #008bcf;
}
.servicesOverlayMainContainer .category_area label > input{ 
  visibility: hidden; 
  position: absolute;
}
.servicesOverlayMainContainer .form-control {
    border-radius: 4px;
    height: 41px;
    margin-bottom: 20px;
    width: 340px;
	border: 1px solid #D8D8D8;
	color:#999999;
	font-size:16px;
font-family:arial;
padding-left:10px;
}
.servicesOverlayMainContainer .form-group  select
{
color:#999;
border:1px solid #999;
font-weight:normal;
}

.servicesOverlayMainContainer .form-group {
    float: left;
    margin-bottom: 4px;
    position: relative;
}
.servicesOverlayMainContainer .active{
  background:#008bcf !important;
  color: #fff !important;
}
.servicesOverlayMainContainer .form-group label { font-weight:normal; position:absolute; 	font-size:16px;
font-family:arial;
left:10px; top:10px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; color: #999;}

/* active state */
.servicesOverlayMainContainer input:focus ~ label,.servicesOverlayMainContainer input:valid ~ label{ top:-20px;  left:0px; font-size:12px; color: #999;  }

.servicesOverlayMainContainer .submit_btn {
    background: #008bcf; 
    border-radius: 4px;
    color: #fff;
    float: right;
    height: 37px;
    width: 150px;
	 font-family: arial;
    font-size: 18px;
	 cursor: pointer;
   border: 1px solid #008bcf;
}

.servicesOverlayMainContainer .submit_btn:hover {
    background: #027BAA;
    color: #fff;
}

.servicesOverlayMainContainer .servicesOverlay{
      z-index: -10;
      background-color: rgb(0, 0, 0);
      opacity: 0.6;
      width: 100%;
      height: 100%;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      position: fixed;
      right: 0px;
      top: 0;
        right: 0;
        left: 0;
        z-index: 99154
    }
    .Sem_main_area{
        top: 31.5px;
        position: fixed;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 99999;
    }
    .Sem_main_area1{
        top: 31.5px;
        position: fixed;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 99999;
    }
    .sem_right_area{
      box-sizing: content-box;
    }
    .sem_right_area h1{
      font-weight: bold;
        line-height: normal;
    }
    #category_area label{
      box-sizing: content-box;
      line-height: 18px;
    }
    .sem_right_area h3{
      box-sizing: content-box;
      line-height: normal;
    }
    .call_to_connect p{
      text-align: center;
    }

.hidden{
      display: none !important; 
}

.servicesOverlaySuccessImg{
  margin: 0 auto;
  width: 125px;
  display: block;
}

.servicesModalSuccessMsg{
  float: left;
  padding-left: 52px;
  padding-top: 36px;
  width: 342px;
}

.servicesModalSuccessMsgText{
  text-align: center;
}

.servicesModalError{
  height: 19px;
  font-size: 12px;
  color: red;
  /* margin-left: 175px; */
  /* float: left; */
  float: right;
}

.sem_right_area{
  padding-top: 11px; padding-bottom: 11px;
}

label.servicesModalError.cityError{
  color: red;
}

.servicesOverlayMainContainer .closeIcon{
  position: absolute;
  top: -6px;
  right: -8px;
  cursor: pointer;
  background: url("https://teja8.kuikr.com/images/Common_Sprite.1451452813.png") repeat scroll 19px -41px;
  width: 19px;
  height: 17px;
}

.servicesOverlayMainContainer .voidSpace{
  height: 39px;
  width: 100%;
}

.notVisible{
  visibility: hidden;
}

.servicesModalFormContainer h1, .servicesModalFormContainer h3{
  margin-top: 0;
  color:#333;
}

.servicesOverlayMainContainer #category_area label{
  font-size: 12px;
}

.servicesOverlayMainContainer .inputIsFocused{
  top: -20px !important;
  left: 0px !important;
  font-size: 12px !important;
}
