body{
	color:#464646;
	font-family: MoolBoranRegular!important; 
	font-size:1em;
	line-height:1.4em; 
	font-weight:normal;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family: MoolBoranRegular;
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
} 


/* links */
a,
a:visited,
a:active,
a:hover{color:#0099ff;}
a:hover{ text-decoration:none;}


/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}

/* structure */   
.wrapper{
	max-width: 1200px; 
	margin: .75em auto;
	width: 92%;
	position: relative;
   overflow: hidden;
}

.clearfix {
    zoom: 1;
}

header{
	padding:0;
	margin: 36px auto 0px auto !important;
	    border-bottom: 1px solid #aeaeae;
}

#banner{ 
	float:left; 
	text-align:left;
	margin-bottom:0px;
}

#content {  
	float:left;
	width:65%;
}
#content.wide-content{
	float:none;
	width:100%;
}
#content.sm-content{
   float: none;
   width: 100%;
   max-width: 980px;
   margin: 20px auto;
   overflow: hidden;
}
aside { 
	float:right;
	width:30%;
}

.top_button{
   float: right;
}

.top_button a{
   float: right;
   text-transform: uppercase;
   font-size: 32px;
   color: #464646;
   text-decoration: none;
   margin-left: 10px;
   padding: 4px 15px 10px 15px;
   border-radius: 5px;
   padding-bottom: 0;
   height:40px;
}

.top_button a.active{
   background: #5cabd1;
   color: #ffffff;
}

/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none;}
.login-txt{display: block;}

.srt-menu{display:block;}

.srt-menu, .srt-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.srt-menu ul {
	position:		absolute;
	display:none;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
	width:			100%;
}
.srt-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
	float:			right;
	position:		relative;
	margin-left:1px;
}
.srt-menu li li {
	margin-left:0px;
}
.srt-menu a {
	display:		block;
	position:		relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	display:block;
	left:			0;
	top:			45px; /* match top ul list item height */
	z-index:		99;
	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO1 SKIN ***/
#topnav, .srt-menu {
	float:right;
}
.srt-menu a {
	text-decoration:none;
}
.srt-menu li a {
	background:#fff;
}
.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#464646;	
}
.srt-menu li li a {
		border-top:		1px solid rgba(255,255,255,.2);
		background:		#333; /*fallback for old IE*/
		background:rgba(0,0,0,.6);
		color:	#fff;
		padding-left:20px;
		height:auto;
}
.srt-menu li li a:visited{color:#fff;}
.srt-menu li li li a,
.srt-menu li.current * li a{
	padding-left:20px;
	background:rgba(0,0,0,.6);
}

.srt-menu li:hover > a,
.srt-menu li.current a{ 
	color:#fff;
	background:#5cabd1;
}
.srt-menu li li:hover > a{
	color:#fff;
	background:#0099ff;
}





.srt-menu{
	clear:both;
	margin-bottom:15px;
	
}
.srt-menu li a {
	display:block;
	text-decoration:none;
}
.srt-menu li a:hover{
	background:#5cabd1;
	color:#fff;
}
.srt-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

/*SECONDARY MENU*/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{ 
	background:#E6E6E6;
	display:block;
	margin:5px 0; 
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#0099ff;
	color:#fff;
}

#big_banner{
   float: left;
   width: 100%;
   background:url(../images/banner.png);
   height: 610px;
   background-size: cover;
}

#sm_banner{
   float: left;
   width: 100%;
   background:url(../images/profile-banner.png);
   height: 420px;
   background-size: cover;
}

.profile-cnt{
   float: left;
   width: 100%;
   text-align: center;
}

.profile-cnt img{
   max-width: 250px;
}

.profile-cnt h1{
   text-transform: uppercase;
   color: white;
   font-size: 40px;
   margin-bottom: 0;
   line-height: 30px;
   margin-top: 15px;
}

.profile_txt p{
   color: #494949;
   font-size: 12px;
   font-family: arial;
}

.right-box{
   margin-top: 50px;
   float: right !important;
}

.right-box p{
   margin-bottom: 0px;
}

.cnt-title{
   color: #494949;
   font-size: 35px;
   text-transform: uppercase;
   margin-bottom: 0;
   line-height: 30px;
   margin-top: 55px;
}

.profile-cnt p{
   font-size: 18px;
   text-transform: uppercase;
   color: white;
   letter-spacing: 2px;
   margin-bottom: 0;
   line-height: 14px;
}

.grid_12.center.profile{
   margin-top: 40px;
}

.grid_12.center{
   text-align: center;
   margin-top: 150px;
}

.sub_head{
   font-size: 23px;
   font-family: SEILS_SANS!important;
   color: #ffffff;
   margin: 0;
   padding: 0;
   line-height: 20px;
   letter-spacing: 7px;
}

.main_head{
   font-family: SpaceAge!important;
   font-size: 65px;
   color: #ffffff;
   margin: 0;
   padding: 0;
   line-height: 55px;
}

.banner_text{
   font-family: Sofia-Regular!important;
   font-size: 20px;
   color: #ffffff;
   max-width: 590px;
   margin: 10px auto;
   letter-spacing: 1px;   
}

.banner_button{
   float: left;
   width: 100%;
   margin: 35px 0px 25px 0px;
}

.banner_button a{
   display: inline-table;
   background:#4ea2ce;
   color: white;
   font-size: 30px;
   text-decoration: none;
   margin-left: 10px;
   padding: 15px 23px 5px 23px;
   border-radius: 5px;
}

a.white_bg{
   background: #ffffff;
   color: #4ea2ce
}

.section-title{
   color: #393939;
   font-size: 35px;
   text-align: center;
   display: table;
   margin: auto;
   line-height: 32px;
   margin-bottom: 20px;
}

.section-title:after{
    content: "";
    display: block;
    width: 56%;
    height: 2px;
    background: #4a4a4a;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 5px;
}

.form-title{
   text-transform: uppercase;
   color: #393939;
   font-size: 40px;
   text-align: center;
   display: table;
   margin: auto;
   line-height: 20px;
   margin-top: 16px;
}

.form-title-sub{
   color: #393939;
   font-size: 20px;
   text-align: center;
   display: table;
   margin: auto;
}



.layer-fld{
   float: left;
   width: 100%;
   text-align: center;
}

.layer-fld h1{
   color: #494949;
   font-size: 35px;
   margin: 10px 0 0px 0;
   line-height: 30px;
}

.layer-fld p{
   color: #7b7a7a;
    font-size: 14px;
    font-family: arial;
    max-width: 70%;
    margin: auto;
}

.layer-fld.img{
    min-height: 110px;
}

.or-bg{
    background: url(../images/devider.png) no-repeat center;
    margin-top: 40px;
    padding: 80px 0px;
}

img {
    max-width: 100%;
    height: auto;
}

.signup_btn{
    width: 150px;
    background:#41a5d3;
    color: white;
    text-align: center;
    border-radius:5px;
    height: 60px;
    font-size: 35px;
    padding-left: 0px;
    padding-right: 0;
    cursor: pointer;
    font-family: MoolBoranRegular;
    line-height: 72px;
    border: 0;
    margin-top: 25px;
}

.form-social{
   float: left;
   width: 100%;
   text-align: center;
}

.form-social a{
   display: inline-table;
   width: 31px;
   height: 30px;
   margin-right: 3px;
}

.form-social .icon{
   background: url(../images/social_blue.png) no-repeat;
   background-size: cover;
}

.form-social .icon.fb{
       background-position: 0px 0px;
}

.form-social .icon.twitter{
       background-position: -34px 0px;
}


.form-social .icon.in{
       background-position: -68px 0px;
}

.img-box{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.img-box:hover .text-overlay{
    display: block;
}

.img-box:hover img{
    opacity: 0.9;
    
}

.text-overlay{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 38px;
    letter-spacing: 1px;
    display: none;
}

.grid_8.sign_up{
    float: none;
    overflow: hidden;
    margin-top: 25px;
    background: #e3e1e1;
    border-radius: 7px;
    display: inline-table;
    padding-bottom: 30px;
}

.sign_up_btn{
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    color: #494949;
    text-decoration: none;
    height: 50px;
    line-height: 60px;
    cursor: pointer;
}

.or-devider{
    display: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    color: #494949;
}

.sign_up_btn.active{
    background:#e3e1e1;
    color: white;
}

.signup_form{
    margin-top: 35px;
    float: left;
    width: 100%;
}

.form-title-sub.blue{
    color: #41a5d3;
}

form input{
    float: left;
    width: 100%;
    height: 50px;
    font-family: SimplifiedArabic;
    color: #868686;
    font-size: 15px;
    border:0;
    padding-left: 20px;
}

form .check-field{
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    min-width: 45px;
    margin-bottom: 0;
}

form .check-text{
    float: left;
    color: #7b7a7a;
    font-size: 14px;
    font-family: arial;
    margin-right: 0px;    
    margin-left: 0px;
    text-align: left;
    margin-bottom: 0;
}

form .check-text a{
    color: #41a5d3;
    text-decoration: none;
}


form input.check{
    width: 30px;
    height: 30px;
}

.pad{
    padding:0px 30px 0px 30px;
    margin-bottom: 20px !important;
}

.pad.left{
    padding: 0px 0px 0px 30px;
}

.pad.right{
    padding: 0px 30px 0px 0px;
}

.submit input {
    width: 150px;
    background:#41a5d3;
    color: white;
    text-align: center;
    border-radius:5px;
    height: 60px;
    font-size: 35px;
    padding-left: 0px;
    padding-right: 0;
    cursor: pointer;
    font-family: MoolBoranRegular;
    line-height: 72px;
}

.submit{
    float: left;
}

.submit-text{
    float: left;
    color: #7b7a7a;
    font-size: 14px;
    font-family: arial;
    margin: 20px 0px 0px 25px;
}

.login-txt{
    float: right;
    color: #7b7a7a;
    font-size: 14px;
    font-family: arial;
    margin: 8px 5px 0px 0px !important;
}

#content.frm{
    text-align: center;
}

aside { 
	margin:40px 0;
}

p{ margin:0 0 1.5em;}




/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
/*GRID*/
/*
 & Columns : 12 

 */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 96.666666666667%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 1.6666666666667%;
	margin-right: 1.6666666666667%;
	float: left;
	display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}
.rightfloat{float:right;}

.grid_11.check-text{
width: 87.333333333333%;
}


/*FOOTER*/
footer{  
	clear:both;
	font-size:80%;
	padding:20px 0;
}

/*colors and backgrounds*/
body{
	background:#fff;
}

footer{ 
	background:#e5e5e5;
	color:#b5b5b5;
}

.btm{
   margin-bottom: 0px;
}

.btm h2{
   font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 2px;
    line-height: 25px;
    margin-top: 6px;
}

.btm p{
   margin:0;
   font-size: 17px;
   text-transform: uppercase;
}

.btm.social{
   float: right;
   margin-top: 10px;
}

.btm.social a{
   float: right;
   width: 30px;
   height: 30px;
   margin-left: 10px;
}

.icon{
   background:url(../images/social.png) no-repeat;
   background-size:cover;
}

.icon.in{
   background-position: -68px 0px;
}

.icon.fb{
   background-position: -34px 0px;
}

.icon.twitter{
   background-position: 0px 0px;
}


/* Contain floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.rightfloat{
	float:right;
}

.leftfloat{
	float:left;
}


#simple-menu,
#sidr {
	display:none;
}

/*
LARGER MOBILE DEVICES
*/
@media screen and (min-width: 481px) {
#banner{
	float:left;
	text-align:left;
	margin-bottom:-20px;
}	    

} 



@media screen and (max-width: 768px) {

#simple-menu {
	display:block;
    cursor: pointer;
    float: right;
    margin-bottom: 15px;
}
.wrapper{
	width: 92%; 
	margin: 0 auto;
	overflow: hidden;
}

header{ 
	padding: 30px 0 15px 0 ;
	border-bottom: 1px solid #aeaeae;
	margin: 0px auto 0px auto !important;
}


#banner{ 
	text-align:center;
}	

#content {  
	margin:40px 0;
}	
	
#big_banner {
	height: 400px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	    width: 100%;
	    margin-left: 0;
    margin-right: 0;
}

.grid_12.center{
    margin-top: 90px;
}

.grid_4.btm{
   margin-bottom:0px;
}

/*MAIN MENU*/

#topnav, .srt-menu {
    float: none;
}

.menu-toggle{
	display:block;
	cursor:pointer;
	float: right;
	margin-bottom: 15px;
}

.srt-menu li a {
    background: #dadada;
    display: block;
    text-decoration: none;
}

.login-txt{display: none;}

.top_button.toggled-on a{
       margin-left: 0px;
       width: 100%;
           border-radius: 0px;
}
.srt-menu{
	display:none;
}	

.srt-menu li{
   float: none;
   margin-left: 0px;
}

.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
	list-style-type: none;
	width: 100%;
   padding-left: 0;
}

/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}

#sole .grid_6{
        margin-left: 1.6666666666667%;
    margin-right: 1.6666666666667%;
    float: left;
    display: block;
        width: 48.1%;
}

#sole .grid_6.left{
    margin-left: 0;
}

#sole .grid_6.right{
    margin-right: 0;
}

form .grid_11.check-text{
    width: 87.333333333333%;
}

form .grid_1.check-field{
    width: 5%;
}
.pad{
    float: left;
    width: 100%;
}

.pad.left,.pad.right {
        padding: 0px 30px 0px 30px;
}

.or-bg{
    background: none;
    padding: 20px 0px;
}

.or-bg .grid_6{ float: left;}

.or-devider{
    display: block;
}

.right-box{
   margin-top: 10px;
   float: left !important;
   text-align: center;
   width: 100%;
}

}

@media screen and (max-width: 580px) {
#big_banner {
	height: 380px;
}

.grid_12.center{
   margin-top: 50px;
}

#banner, .top_button{
   float: left;
   text-align: center;
   margin-bottom: 10px;
}

.top_button a{
   float: none;
   display: inline-table;
}

.banner_button a{
   margin-top: 10px;
}

.grid_4.btm {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
}

.grid_4.btm.social{
    float: left;
}

.btm.social a{
    float: none;
    display: inline-table;
}

form .grid_11.check-text{
    width: 75.333333333333%;
}

form .grid_1.check-field{
    width: 5%;
}

.sign_up_btn{
    width: 100%;
}

.pad {
    padding: 0px 15px 0px 15px;
}

.pad.left {
    padding: 0px 15px 0px 15px;
}

.pad.right {
    padding: 0px 15px 0px 15px;
}

#logo img{
    max-width: 240px;
}

.menu-toggle img,
#simple-menu img {
    height: 30px;
}

}
@media screen and (max-width: 400px) {

.submit-text, .submit{
    width: 100%;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.submit input{
    float: none;
    display: inline-table;
}


#logo img{
    max-width: 200px;
}

}

@media screen and (min-width: 480px){

.grid_4.btm {
    width: 30%;
        margin-left: 1.6666666666667%;
    margin-right: 1.6666666666667%;
    display: block;
    float: left;
}

.grid_4.btm.social{
    float: right;
}

}
.boot-top{margin-top:3%;}
.copyright{font-size:20px;}
.col-md-4  h2{font-size:40px;line-height:1px;}
footer .row {margin: 0;}
.back {   float: left;
   width: 100%!important;
   background:url(../images/banner.png);
   height: 610px;
   background-size: cover;}
   .back-bottom{margin-top: 12%;
    text-align: center;}
.imgrow{ padding-left: 100px;
    padding-right: 100px;}
.labor{ margin-top: -13.4%;} 	
.personal{ margin-top: -10.1%;} 
.newform{ background: #e3e1e1 none repeat scroll 0 0;
    border-radius: 7px;
    display: inline-table;
    float: none;
    margin-top: 25px;
    overflow: hidden;
    padding-bottom: 30px;}
.newform1{padding:20px;}

.error-font{font-size:20px;margin-top: 15px;}
.error-back {background:#f5f5f5;float: left;width: 100% !important;}



.find{font-family: 'SeilsSans' !important;}
.lawyers{font-family: 'SpaceAge'!important;}
.post{font-family:'Sofia-Regular' !important;}
.signup-lawyerform{font-family: 'SimplifiedArabic'!important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
background-color: #41a5d3!important;color: #fff!important;}
.tableft{  margin-left: -4%;}
.tabright{ margin-left: 7%;margin-right: -4%;}
.tabrow{ margin-bottom: 2%;margin-top: 2%;}
.nav-tabs > li > a {
    background: transparent none repeat scroll 0 0 !important;border:none !important;}


.cmp
{
color:#4FA3CE;
font-size:30px;
}

.cmptext {
font-family: Simplified Arabic;
font-size: 16px;
}

.cmp1
{
color:#4FA3CE;
font-size:22px;
}
.cmppvr_next
{
float:left;
}

.cmppvr_next1
{
float:right;
}

.cmpon_nextone
{
float:left;
padding:5px;
}

.cmpserach
{
background: #e3e1e1 none repeat scroll 0 0;
border-radius: 5px;
font-size: 22px;
padding: 20px;
height:100px;
margin-bottom: 31px;
}

.cmp_serchform {
padding-bottom: 9px;
padding-left: 12px;
padding-top: 17px;
width: 70%;
}

.cmp_inmput
{
float:right;
}

.cmp_inputsearch
{
border:none!important;
padding-top: 12px !important;
}

.cmpimg
{
width:52%;
}

.cmpli
{
color:#41A5D3!important;
}

.cmpb
{
color: #41a5d3;
font-size: 20px;
font-weight: normal;
line-height: 1;
}

.cmpb1
{
color: #41a5d3;
font-size: 25px;
font-weight: normal;
}

.cmpimg1
{
padding-bottom: 8px;
margin-left: -8px;
}


.cmphd{
padding-bottom: 4px!important;
    padding-left: 0!important;
    padding-top: 0!important;
}

.cmp_li1
{
color:#41a5d3;
font-size: 18px;
}

.cmphr {
    border-color: #4ea5cf;
    margin-bottom: 7px;
}
.cmphr1 {
    margin-top: 2px;
 border-color: #4ea5cf;
}

.cmphdli
{
    padding-left: 25px;
}

/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {

}

/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1186px) {
.srt-menu li a {
    background: #fff none repeat scroll 0 0;
    font-size: 24px;
}
.col-md-8 {
    float: right;
    width: 65%;
}
.col-md-2 {
    float: left;
    width: 35%;
}
.cmp_serchform {
    padding-bottom: 9px;
    padding-left: 12px;
    padding-top: 17px;
    width: 50%;
}
.cmpserach {
    background: #e3e1e1 none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 15px;
    height: 100px;
    margin-bottom: 31px;
    padding: 20px;
}
.cmp_inputsearch {
    border: medium none !important;
    font-size: 32px !important;
    padding-top: 12px !important;
    width: 77% !important;
}
.cmp_inmput {
    float: right;
    width: 48%;
}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
.imgrow {padding-left: 25px!important;padding-right: 25px!important;}
.tabright {margin-top: 0px; margin-left: 0!important;}
.tableft{  margin-left: 0px!important;}
.col-md-8 {
    float: right;
    width: 65%;
}
.col-md-2 {
    float: left;
    width: 35%;
}
.srt-menu li a {
    background: #fff none repeat scroll 0 0;
    font-size: 24px;
}


.cmp_serchform {
    padding-bottom: 9px;
    padding-left: 12px;
    padding-top: 17px;
    width: 50%;
}
.cmpserach {
    background: #e3e1e1 none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 15px;
    height: 100px;
    margin-bottom: 31px;
    padding: 20px;
}
.cmp_inputsearch {
    border: medium none !important;
    font-size: 32px !important;
    padding-top: 12px !important;
    width: 77% !important;
}
.cmp_inmput {
    float: right;
    width: 48%;
}

}
@media only screen and (min-width: 100px) and (max-width: 479px) {
.imgrow {padding-left: 25px!important;padding-right: 25px!important;}
.tabright {margin-right: -4%!important;margin-top: 6%; margin-left: 0!important;}
.tableft{  margin-left: 0px!important;}
.cmp_serchform {
    padding-bottom: 9px;
    padding-left: 12px;
    padding-top: 17px;
    width: 50%;
}
.cmpserach {
    background: #e3e1e1 none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 15px;
    height: 100px;
    margin-bottom: 31px;
    padding: 20px;
}
.cmp_inputsearch {
    border: medium none !important;
    font-size: 32px !important;
    padding-top: 12px !important;
    width: 77% !important;
}
.cmp_inmput {
    float: right;
    width: 48%;
}
}