/* Enter Your Custom CSS Here */


ul li {
    /*
     * We want the bullets outside of the list,
     * so the text is aligned. Now the actual bullet
     * is outside of the list’s container
     */
    list-style-position: outside;

    /*
     * Because the bullet is outside of the list’s
     * container, indent the list entirely
     */
    margin-left: 1em;
  font-weight: normal;
}
.tp-caption.black h1{
  border-radius: 0px 0px 25px 25px;
}
.dt-service-item:hover, .pagenav a:hover, span.current-menu-item, ul#filters li a.selected, ul#filters li a:hover {
	border-radius: 0px 0px 8px 8px;
}
ul#filters li a {
 	padding: 12px 24px;
  	margin: 0 10px;
  	padding: 30px 10px;
	/*width: 200px;*/
}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current-menu-item {
	color: #fcb81c;
}
ul#mainnav > li > a:hover > span {
	border-bottom: 1px solid #fcb81c;
}
.darker-overlay h1, .darker-overlay h2, .darker-overlay h3, .darker-overlay h4, .darker-overlay h5, .darker-overlay h6{
 	 color: #97b93c;
  
}
.darker-overlay input[type=text], .darker-overlay input[type=email], .darker-overlay textarea,select ,.formInResorces input[type=text], .formInResorces input[type=email], .formInResorces textarea{
	 border-top: none;
  	 border-right: 1px solid #fcb81c;
  	 border-bottom: 1px solid #fcb81c;
   	border-left: 1px solid #fcb81c;
  	border-radius: 0px 0px 8px 8px;

}
.formInResorces input[type=text], .formInResorces input[type=email], .formInResorces textarea{
  color:black !important;
  font-weight: normal;
}
.formInResorces select,.darker-overlay select{
font-kerning: auto;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-variant-ligatures: normal;
font-weight: 300;
}

::-webkit-input-placeholder,.darker-overlay select {
   color: gray;
}

:-moz-placeholder { /* Firefox 18- */
   color: gray;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:gray;  
}

:-ms-input-placeholder {  
   color: gray;  
}
.darker-overlay select,.formInResorces select{
padding: 2% 2%;
width: 100%;
margin-bottom: 20px;  /* Deleted: !important, as per Freshdesk requirement */
}


::-moz-selection { /* Code for Firefox */
  
    background: #fbb81c;
}

::selection {
    background: #fbb81c;
}
input[type=submit] {
	float: left;
	background-color: #fbb81c;
	border: none;
    border-radius: 0px 0px 16px 16px;
	color: white;
  	padding: 8px 25px;
}
.aling-center{
 text-align: center;
  font-size:22px;
}
.cntralignP{
   text-align: center;
}
#navigation {
	margin-top: 30PX;
}
.grid-item-on-hover .grid-text {
    position: static;
    left: 0;
    top: 0;
    text-align: left;
    width: 100%;
    background: #fbb81c;
    border-radius: 0px 0px 20px 20px;
    height: 50%;
    margin-top: 38%;
}
span.item-on-hover, .grid-item-on-hover {
    position: absolute;
    width: 100%;
    height: 100%;
}
.grid-item-on-hover {
	padding: 0%;
  	border-radius:20px;
 	border:solid 2px #fbb81c;
  	border-bottom:0px;
  
}
.grid-item-on-hover h1 {
	border:none;
}
.wpb_column > .wpb_wrapper *:last-child, .wpb_column > .wpb_wrapper > .vc-element:last-child > .wpb_content_element, .wpb_column > .wpb_wrapper > .vc-element:last-child > .wpb_row {
margin-bottom: 0;
}
.map-wrapper [id^="google_map_"], .portfolio li a img, .team-member img.team-avatar, .post-masonry a img, .client-item img, iframe {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);

}
.grid-item-on-hover {
	background: rgba(0, 0, 0, 0);
}
/*.none .team-member .team-text{
  display:none;
}*/
.pecentageTxt .wpb_wrapper .counter-wrapper .counter-item .counter-number::after{
   content: " %";
  font-size:30px;
}
.dollerTxt .wpb_wrapper .counter-wrapper .counter-item .counter-number::before,.dollerTxtWithm .wpb_wrapper .counter-wrapper .counter-item .counter-number::before{
   content: " $";
  font-size:30px;
}
.minTxt .wpb_wrapper .counter-wrapper .counter-item .counter-number::after{
   content: " MINS";
  font-size:30px;
}
.dollerTxtWithm .wpb_wrapper .counter-wrapper .counter-item .counter-number::after{
   content: " M";
}

.viewDemo {
  background-color: #fbb81c;
  border: none;
  border-radius: 0px 0px 16px 16px;
  color: white;
  padding: 12px 0px 0px 0px;
  width: 140px;
  margin: 10px auto 0px;
  text-align: center;
  cursor:pointer;
}
.grid-item-on-hover div span{
  display:none;
}
.grid-item-on-hover .grid-text h1{
  font-size: 13px;
  line-height: 1.2;
  color:#323232;
 
  text-transform: none;
  padding-top: 10px;
}
.tagcloud a{
  background: #fff;
  border-radius: 4px;
  border: 1px solid #fbb61c;
}
.widget .tagcloud a:hover {
	color: #353535;
  	background: #fff;
}
/*.tagcloud a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: #fbb61c #fbb61c transparent transparent;
  top: 83px;
  left: 16px;
}*/
.fortyPer {
  width:40% !important;
}
.sixtyPer  {
  width:60% !important;
  border-left: 3px solid #efefef;
}
.skillbar-title {
	bottom: -25px;
	right: 30px;
    left:inherit;
    top:inherit;
}
.customerNames{
  display: inline;
  top: -35px;
  position: relative;
  margin-right: 15px;
  padding: 2px;
  padding-right: 8px;
}
.customerNames:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: gray gray transparent transparent;
  top: 8px;
  left: 95%;
}
.tp-caption h1{
  top: -35px;
  position: relative;
}
html .wpb_heading {
  font-size: 18px;
  margin-bottom: 30px;
}
#header
{
  box-shadow: rgba(0, 0, 0, .50) 0px 0px 4px;
}
.verticalCentr {
  margin-top:14%;
}
.bottom  {
	border-bottom: 1px solid #fbb81c;
}
.hedingInAppPage{
  /*font-family: open-sans;*/
  font-size: 23px;
  color: #323232;
  font-weight: bold;
  text-transform: uppercase;
}
.aboutApp{
    color: #686868;
  font-size: 15px;
  /*font-family: open-sans;*/
}
.parallax-quote{
  font-size: 18px !important;
	line-height: 30px !important;
}
.quote-author{
  color: #fbb81c;
}
.darker-overlay .dt-service-item i {
	color: #fbb81c;
}
.dt-service-item:hover .service-title {
color: #fbb81c;
}
.darker-overlay h3 {
color: #fbb81c;
}
.dt-service-item{
  border: 1px solid #fbb81c;

}
.dt-service-item:hover{
  border: 1px solid #fbb81c;
 /* background: #fff;*/
  display: block;
opacity: 0;
background-color: rgba(251, 184, 28, 0.8);
background-image: url(/wp-content/uploads/2014/11/plus1.png);
/* position: static; */
background-repeat: no-repeat;
background-position: center;
z-index: 99;
}
.dt-service-item:hover>i
{
  opacity:0;
}
#footer {
/*background:#fbb81c;*/
  color: black;
  padding:0px 0px 25px 0px;
}
bottomfooter.cfooter div[class*="percent-"] {
 margin-bottom: 0px;
}
.benifitHeding{
  font-size: 24px;
	font-weight: bold;
}
.appButtonOnBenifit{
  width: 100px;
background: #fbb81c;
padding: 10px;
text-align: center;
  bottom: -140px;
position: absolute;
 
}
.appTxt  {
font-size: 18px;
font-weight: bold;
color: black;
margin: 5px;
}
.inline{
  display:inline;
}
.customer h1.section-title:after{
  background:#fff;
}
.team-text p,.wpb_wrapper p{
  font-weight: normal;
}
.qoutePricing .parallax-quote{
color:#fff;
}
.req{
  color:#fbb81c;
}
.boldTxt{
font-weight: bold !important;
}
.vidieoTxt{ 
font-size: 24px;
  padding:50px 30px 0px 30px;
}
.DemoHed,.ChatHed{
  font-size: 24px;
}
.yello_background{
  background:#fbb81c;
  padding-bottom: 60px;
  margin-top: -60px;
}
.mk_center {
	padding: 10px 30px;
}
.areaForChat{
}
.ChatHed{
  text-align:center;
}
.page-id-1363 .page-title-subtitle,.page-id-1452 .page-title-subtitle,.page-id-1441 .page-title-subtitle,.page-id-1464 .page-title-subtitle,.page-id-1735 .page-title-subtitle,.page-id-1752 .page-title-subtitle,.page-id-1453 .page-title-subtitle{ 
  padding: 40px 0px 20px 0px;
border-bottom: 1px solid #fbb81c;
margin-bottom: 20px;
}
.bottomGray{
  border-bottom:solid 1px lightgray;
}
.visibility{
  visibility: hidden;
}
.alignSet{
  margin-top:-5px;
}
.wrapCenter{
  margin: auto;
width: 1120px;
}
.footerHed{
  margin-top:30px;
}
.footLink{
 	margin-left:10px !important;
}
.fl{
  float:left;
  margin-top: -20px;
}
.noneList li{
  line-height: 10px !important;
  margin-left: -10px;
  list-style-type: none !important;
}
.gbox-img-hover-wrap{
  border:1px solid #fff;
}
.page-title-subtitle{
 padding:30px 0;

}
.sldr_title ,.noneDisplay{
  display:none !important;
}
html .wpb_btn-warning {
background-color: #fbb81c !important;
}
#header .percent-one-fourth, #header .percent-three-fourth {
margin-bottom: 10px !important;
}
#bottomfooter.cfooter p {
text-align: left;

}
#footer a:hover {
color: #fff;
  
}
#footer a{
color: black;
  
}
ul#social li a:hover{
border: 1px solid #fff;
}
ul#social li a{
border: 1px solid black;
  color:black;
}
.totop{
  color:#fff !important;
}
.footHedInner{
font-size: 16px !important;
}
.socialIcon li{
  display:inline;
  float:left;
}
.socialIcon{
  margin-top:-20px;
}
.hemaImg .wpb_wrapper img{
  width:150px !important;
}
.sameerImg .wpb_wrapper .wpb_single_image .wpb_wrapper a img{
  width: 275px !important;
height: 275px !important;
}
.cusLogoSlider{
  border: 5px solid #fbb81c;
box-shadow: rgba(0, 0, 0, .50) 0px 0px 6px inset;
}
.eBookContainer{
  padding-top:0px;
  margin-top: -6px;
}
.marginBottomthty{
  margin-bottom: 30px !important;
}
.demoLinkBttn a{
  color:#fff;
}
.demoLinkBttn a:hover, .demoLinkBttn a:active{
  color:black;
}
.socialLinkSet{
  margin: auto;
width: 100px;
margin-top: -20px;
}

ul#mainnav li ul {
border: none;
box-shadow: 1px 1px 5px #000000;
}
ul#mainnav li ul {
background: #f2f2f2 !important;
margin-top: 17px;
}
.sf-menu ul {
 padding-top: 0px; 
}
ul#mainnav li ul li ul{
margin-top: 0px;
  margin-left: 1px;
}
ul#mainnav li ul li a {
background: #f2f2f2 !important;
}
ul#mainnav li ul li > a:after {
color: black;
content:url(/wp-content/uploads/2014/10/right-arrow1.png);
padding-left: 10px;
}

.vc_separator.wpb_content_element.vc_el_width_100.vc_sep_color_black.tableline {
margin: 10px 0 !important;
}

table.easy-table.easy-table-default.social1 {
margin-top: -10px;
}

.submit1 input[type="submit"] {
color: black;
font-weight: 800;
font-size: medium;
margin-top: 0px;
  float: right;
}


/*-----tooltip------*/

a.tooltip {
position: relative;
display: inline;
  text-decoration: none;
}

a.tooltip:after{
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 20%;
  opacity: 0;
  content: attr(data-tool); /* might also use attr(title) */
  /*height: auto;*/
  min-height: 120px;
  /*width: */
  width:240px;
  min-width: 120px;
  padding: 5px 8px;
  z-index: 999;
  color: #020202;
  text-decoration: none;
  /*text-align: center;*/
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style: solid;
border-width: 2px;
font-weight: 400;
  border-color: #A9A9A9;
  font-size: 13px;
  line-height: 15px;
}

a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0,0,0,0.85) transparent transparent transparent;
}
a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

a.tooltip.animate:after, a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


/* tips on bottom */
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }
a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0,0,0,0.85) transparent;
  top: 0px
}
a.tooltip.bottom:hover:before { top: 10px; }


/* tips on the right */
a.tooltip.right:after { left: 100%; bottom: -45%; }
a.tooltip.right:hover:after { left: 140%; /*bottom: -185%;*/ top: 7px; }
a.tooltip.right:before {
  border-width: 5px 10px 5px 0;
  border-color: transparent rgba(0,0,0,0.85) transparent transparent;
  left: 110%;
  /*bottom: 2%;*/
  top: 7px;
}
a.tooltip.right:hover:before { left: 110%; /*bottom: 2%;*/ top: 7px; }


/* tips on the left */
a.tooltip.left:after { left: auto; right: 100%; bottom: -45%; }
a.tooltip.left:hover:after { right: 110%; bottom: -45%; }
a.tooltip.left:before {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent rgba(0,0,0,0.85);
  left: auto;
  right: 90%;
  bottom: 2%;
}
a.tooltip.left:hover:before { right: 100%; bottom: 2%; }


/* tooltip colors (add your own!) */
a.tooltip.blue:after { background:rgba(252, 252, 252, 1); }
a.tooltip.blue:before { border-color: #5f87c2 transparent transparent transparent; }
a.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
a.tooltip.right.blue:before { border-color: transparent #A9A9A9 transparent transparent; }
a.tooltip.left.blue:before { border-color: transparent transparent transparent #5f87c2; }



/* input field tooltips */
input + .fieldtip {
  visibility: hidden;
  position: relative;
  bottom: 0;
  left: 15px;
  opacity: 0;
  content: attr(data-tool);
  height: auto;
  min-width: 100px;
  padding: 5px 8px;
  z-index: 9999;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: rgba(0,0,0,0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input + .fieldtip:after {
  display: block;
  position: absolute;
  visibility: hidden;
  content:'';
  width: 0;
  height: 0;
  top: 8px;
  left: -8px;
  border-style: solid;
  border-width: 4px 8px 4px 0;
  border-color: transparent rgba(0,0,0,0.75) transparent transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

input:focus + .fieldtip, input:focus + .fieldtip:after {
  visibility: visible;
  opacity: 1;
}


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/**.clearfix { display: inline-block; }**/ /**Deactivated the class, as per Freshdesk requirement**/
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*-----tooltip----*/
.easy-table td {
font: inherit;
font-weight: normal;
font-size: 100%;
}

/*....cross sign...*/
.dt-service-hover {
background-image: url(/wp-content/uploads/2014/12/cross3.png);
background-repeat: no-repeat;
background-position: right top;
}


/*----tags----*/
.footer-widget a {
background: #fff;
border-radius: 4px;
border: 1px solid #fbb61c;
font-size: 15px !important;
float: left;
margin: 0 4px 4px 0;
display: block;
padding: 6px 13px;
color: #353535;
vertical-align: baseline;
font-weight: 500;
}

.footer-widget a:hover {
color: #353535 !important;
}

.footer-widget a:hover {
color: #fff!important;
background: #fbb61c;
}

.tagcurropn
{
  top: 160px;
 
}
div#fvfeedbackbutton0 span {
  background-color: #ffffff;
  display: block;
  padding: 0px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  font-family: Arial, sans-serif;
  height: px;
}

/*....Custom Changes Made to Match Blog Site...*/
.page-title-subtitle h2{color:#97B93C;}

.widget h3{color:#97B93C;font-size:20px;}

.page-title-subtitle .widget1 {
    float: right;
    margin-top: -50px;
}


.darker-overlay input[type="text"], .darker-overlay input[type="email"], .darker-overlay textarea, select, .formInResorces input[type="text"], .formInResorces input[type="email"], .formInResorces textarea {
   border-width: medium 1px 1px; 
    border-style: none solid solid;
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #E4E4E4;
    border-radius:0px;
}