﻿@font-face {
    font-family: 'HelveticaNeue';
    src: url('/css/HelveticaNeueBold.woff2') format('woff2'),
        url('/css/HelveticaNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




*,
 :after,
 :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

    .btn-1
        {
               
    height: 38px;
    border-radius: 19px;
    
    
   
    border: 1px solid #959595;
   color: #A7A7A7;font: italic normal normal 12px/14px Arial!important; 
    outline: 0;
    box-sizing: border-box;
    padding: 0 27px;
  
   
    float: left;
    line-height: 38px;
    cursor: pointer;
    width: 100%; position: relative;
}
            .btn-1:after
            {

              background: #e0e0e0;
    content: "";
    width: 130px;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 19px 0px 0px 19px;
    z-index: 0;

            }



            .imgCaptcha1{
                 float: right; margin-top:0px; margin-right:-46px;

            }
            .btn-1 span.choosefile
            {position: relative;
    z-index: 2;
    color: #717171;
    font: normal normal bold 13px/15px Arial;
    margin-top: 10px;
    float: left;
            }
        #zsattachment_1
        {display: block;
    outline: none;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
        }
        span#zsMaxSizeMessage
        {float: left;
    margin-top: 11px;
    margin-left: 35px;
        }
        #zsBrowseAttachment
        {cursor: auto!important;
    font: normal normal bold 13px/15px Arial;
    float: left;
    margin-bottom: 6px;
    box-sizing: border-box;
    color: #717171;
    padding-left: 20px;
        }

 table tr td ::-webkit-input-placeholder { /* Edge */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important; 
}

able tr td :-ms-input-placeholder { /* Internet Explorer */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}

 table tr td ::placeholder {
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}
 table tr td textarea::-webkit-input-placeholder { /* Edge */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important; 
}

 table tr td textarea:-ms-input-placeholder { /* Internet Explorer */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}

 table tr td textarea::placeholder {
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}



 tr td ::-webkit-input-placeholder { /* Edge */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important; 
}

 tr td :-ms-input-placeholder { /* Internet Explorer */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}

tr td ::placeholder {
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}
tr td textarea::-webkit-input-placeholder { /* Edge */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important; 
}

tr td textarea:-ms-input-placeholder { /* Internet Explorer */
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}

tr td textarea::placeholder {
  color: #A7A7A7;font: italic normal normal 12px/14px Arial!important;  
}


 

.footer-bg
{padding-top: 0;background: #ffffff; 
}
.border {
	width: 100%;
	float: left;margin-top: 46px;
}

.border ul {
	display: flex;
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.border ul li {
	margin-right: 5px; 
}

.border ul li a {
	position: relative;
	border-radius: 4px;
	display: inline-block;
	font: normal normal bold 30px/34px Arial;
	color: #3c3c3c;
	padding: 21px 10px 0 27px;
	background: #e0e0e0 0 0 no-repeat padding-box;
    width: 326px;
    max-width: 100%; height:74px;
}


.border ul li a svg {
	float: left;
	margin-right: 15px;
}

a.selected {
	background: #d84242 0 0 no-repeat padding-box!important;
	color: #fff!important;
	border-radius: 5px;
}

a.selected path,
a.selected svg {
	fill: #fff!important;
}

.border ul li a.selected:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 20px solid #d84242;
    position: absolute;
    left: 13px;
    bottom: -20px;
}
.hand1, .support1
{ float:left; margin-top:-6px;
}
#content-1,
#content-2 {
	display: none;
}

#content-1.active,
#content-2.active {
	display: block;
}

#crmWebToEntityForm br, #zohoSupportWebToCase br {
	display: none;
}

.divfor {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 47px;
}
.fulltr
{width: 100%!important;
}
.attch22
{ min-height:80px;
}
#crmWebToEntityForm,#zohoSupportWebToCase {
	width: 100%!important;
	max-width: 1001px!important; margin: 0px auto;
}
.zsFormClass
{margin-top:2px; margin-left:2px;
}
.cbtn1
{ margin-left:5px;
}
input[type=reset],
input[type=submit],.cbtn1  {
	width: 123px;
	height: 44px;
	border: 3px solid #717171;
	border-radius: 26px;
	font: normal normal bold 15px/25px Arial!important;
	background: 0 0;
	color: #717171!important;
	outline: 0;
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	cursor: pointer;
}

input[type=reset]:hover,
input[type=submit]:hover,.cbtn1:hover  {
	background: #717171;
	color: #fff!important;
}

table tr:first-child {
	
}
.imgCaptcha{
   height: 53PX;  margin-top:0px; margin-right:0 px; width: 90px; margin-left:-328px
}
table tr td {
	
}

.tableWrap {
	display: block;
	overflow: auto;
	margin-top: 100px;
}

@media only screen and (max-width:1024px) {
	table tr td {
		max-width: 100%;
		max-width: 100%;
		float: left;
		display: block;
	}
	#crmWebToEntityForm {
		width: 100%!important;
		max-width: 600px;
	}
	 
}

@media only screen and (max-width:480px) {
	table tr td {
		max-width: 100%;
		float: left;
		display: block;
	}
	#crmWebToEntityForm {
		width: 100%!important;
		max-width: 600px;
	}
}
.imgCaptcha{
   height: 53PX;  margin-top:0px; margin-right:0 px; width: 90px; margin-left:0px
}

#crmWebToEntityForm table {
	background: 0 0!important;
	color: #717171!important;
}

#crmWebToEntityForm table tr,.zsFormClass tr {
	width: 478px!important;
	margin-bottom: 15px;
	margin-left: 0;
	margin-right: 0;
	float: left;
	margin: 0;
	padding: 0px 10px;
	box-sizing: content-box;
}

#crmWebToEntityForm table tr td,.zsFormClass tr td {
	width: 100%!important;
	float: left;
	margin: 0;
	padding: 0;
}

#crmWebToEntityForm table tr td:first-child,.zsFormClass tr td:first-child {
	width: 100%!important;
	font: normal normal bold 13px/15px Arial;
	float: left;
	margin-bottom: 6px;
	box-sizing: border-box;
	color: #717171;
	padding-left: 20px;font-size: 13px!important;
}
    #crmWebToEntityForm table tr td i
    { font-weight:normal
    }
#crmWebToEntityForm table tr td input[type=text],#zohoSupportWebToCase table tr td input[type=text] {
	width: 100%!important;
	height: 38px;
	border-radius: 19px;
	background: #fff;
	font-size: 16px;
	font-weight: 300;
	border: 1px solid #959595;
	color: #3a3a3a;
	outline: 0;
	box-sizing: border-box;
	padding: 0 27px;
    line-height: 38px;
	margin-bottom: 15px;
}

#crmWebToEntityForm table tr td textarea,#zohoSupportWebToCase table tr td textarea{
	width: 97.99%!important;
	height: 102px;
	border-radius: 20px;
	background: #fff;
	font-weight: 300;
	border: 1px solid #959595;
	color: #3a3a3a;
	outline: 0;
	box-sizing: border-box;
	padding: 10px;
	resize: none;
}
#zohoSupportWebToCase table tr td textarea
{height: 112px;padding: 17px 27px;
}
#crmWebToEntityForm table tr td textarea
{
    padding: 17px 27px; 
}
#crmWebToEntityForm table tr:last-child td {
    margin-top: 20px;
    margin-bottom: 31px;
    padding: 0;
    padding-left: 10px;text-align: left;
}
   .zsFormClass tr.lasttr td:first-child {
    margin: 0;
    padding: 5px 0px 0px 10px;margin-bottom: 33px;
}

#crmWebToEntityForm table tr td input[type=reset] {
	margin-left: 5px;
}
.lasttr
{margin-bottom: 50px;
}
.p200 {
	padding-top:141px;
}

.contact-add-left {
	width: 373px;
	padding-right: 20px;
}

.contact-add-left img {
	max-width: 100%;
}

.contact-add-right {
	width: 300px!important;
	padding-right: 15px;
}

.contact-formXX{
	width: 100%;float: left;
}

.contry-add {
	font-size: 16px;
}

img#imgid {
	float: left;
	max-width: 163px;
	object-position: bottom;margin-top: -11px;
}

#imgid+a, .rebtm {
    padding: 10px;
    position: relative;
    /* font-size: 18px; */
    /* border: 1px solid grey; */
    border-radius: 19px;
    float: left;
    float: right;
    background: #e0e0e0;
    border: 1px solid #959595;
    color: #717171;
    font: normal normal bold 13px/15px Arial;
    padding: 0 27px;
    line-height: 38px;
}

.contact-add-left {
	width: 31%;
}

#crmWebToEntityForm table tr:last-child {
	width: 100%!important;
	float: left;
}

#crmWebToEntityForm table tr:nth-last-child(2) td:first-child {
	position: relative;
	right: -55%;
	top: -80px;
	width: 1%!important;
}

#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(2) {
	width: 100%!important;
}

#crmWebToEntityForm table tr:nth-last-child(4),
#crmWebToEntityForm table tr:nth-last-child(4) td {
	width: 100%!important;
	max-width: none!important;
}

@media only screen and (min-width :991px)and (max-width :1024px) {
	.contact-add-left {
		width: 20%;
	}
	.add-asu {
		margin-top: 20px;
	}
	.contact-add-right {
		padding-top: 36px;
	}
	#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(1) {
		position: static;
	}
    .contact-formXX {
		width: 100%;
		text-align: center;margin: 0;
	}
    .zsFormClass
    { margin-left:0;
    }
}

@media only screen and (min-width :768px) and (max-width :990px) {
	.contact-add-right {
		width: 48%!important;
		padding-top: 32px;
	}
	.contact-formXX {
		width: 100%;
		text-align: center;margin: 0;
	}
	#crmWebToEntityForm table {
		max-width: 100%;
	}
	.getintouch {
		margin-bottom: 20px;
	}
	#crmWebToEntityForm table {
		max-width: 100%!important;
	}
	#crmWebToEntityForm table tr,.zsFormClass tr {
    width: 50%!important;
    box-sizing: border-box;
}
	img#imgid {
		max-width: 250px;
	}
	#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(1) {
		position: static;
	}.zsFormClass
    { margin-left:0;
    }
	 
}

@media only screen and (max-width:767px) {
	.contact-add-left {
		width: 43%;
	}.zsFormClass
    { margin-left:0;
    }
	.contact-add-right {
		padding-top: 0;
	}
	.contact-formXX {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.getintouch {
		margin-bottom: 20px;
	}
	#crmWebToEntityForm table tr,.zsFormClass tr {
		width: 50%!important;
    padding: 0px 5px;
    box-sizing: border-box;
	}
	#crmWebToEntityForm table {
		max-width: 100%!important;
	}
	#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(1) {
		position: static;
	}
	 
}

@media only screen and (max-width:480px) {
    
	.contact-add-left {
		width: 98%;
		padding-right: 0;
	}
	.contact-formXX {
		width: 100%;
	}
	 
	img#imgid {
		max-width: 100%;
	}
	#crmWebToEntityForm table tr,.zsFormClass tr {
		width: 100%!important;
	}
	#crmWebToEntityForm table tr:nth-last-child(2) td:nth-last-child(1) {
		position: static;
	}
	 
}

.heading_page {
	margin-top: 0;
}

.heading_page {
	color: #000;
}

.change_footer__middle {
	display: none;
}

.testimonial_banner {
	background: url(/images2/bg.jpg) no-repeat center top;
}

.fullbox {
	width: 100%;
	text-align: center;
}

.fullboxin {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	max-width: 739px;
}
#zsCaptchaUrl
{margin-top: -7px;
}
.redbdr {
	width: 100%;
	border: 3px solid #d84242;
	border-radius: 10px;
	float: left;
	position: relative;
}

.ccn {
	width: 100%;
	position: absolute;
	left: 0;
	top: -87px;
	text-align: center;
}

.ccn span {
	display: inline-block;
	background: #fff;
	padding: 5px 19px;
	text-transform: uppercase;
	color: #707070;
	 font-family: 'HelveticaNeue';
     font-size:14px; font-weight:bold;
}

.ccnleft {
	text-align: left;
	width: 50%;
	border-right: 2px solid #d8d8d8;
	float: left;
	padding: 0 0px 0 34px;
	margin: 20px 0;
}
.ccnright1
{padding: 0 30px;
}
.ccnright,
.ccnright1 {
	text-align: left;
	float: left;
	padding: 0 26px;
	margin: 20px 0;
	font: normal normal 16px/18px Arial;
	line-height: 23px;
	color: #5a5a5a;
}

.pnumber {
	margin: 0;
	color: #d84242;
	font: normal normal 40px/45px Arial;
	margin-bottom: 9px;
}
.pnumber img 
{ margin-right:4px;
}
    .pnumber a
    {color: #d84242;
	font: normal normal 40px/45px Arial;
    }
.fleft {
	float: left;
}

.fright {
	float: right;
}

.time1 {
	margin: 0;
	font: normal normal bold 16px/18px Arial;
	line-height: 23px;
	color: #5a5a5a;padding-right: 30px;
}
    .time1 img
    { margin-right:5px;
    }
.ccnright p span {
	font-weight: 700;
	background: #5a5a5a;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	border-radius: 50%;
	height: 36px;
	line-height: 36px;
	width: 36px;
	text-align: center;
	margin: 0 5px;
	position: relative;
	top: 2px;
}

.m--0 {
	margin: 0;
}

.m--8 {
	margin-top: 8px;
}

.india1 {
	font: normal normal normal 16px/22px Arial;
	margin: 0;
	color: #5a5a5a;text-align: left;
    margin-top:2px; padding-left:20px;
}
.ccnright1 .india1
{ padding-left: 0px; margin-top:8px;
}
.india1 img
{ margin-right:5px;
}
.india1 img
{ margin-right:8px;
}
    .india1 img:last-child
    { margin-right:10px;
    }
.t30 {
	margin-top: 10px;
	padding-left: 5px;
}
.addreess1
{padding-left:20px;
}
.addreess1,
.eid a {
	font: normal normal normal 16px/22px Arial;
	margin: 7px 0px;
	color: #5a5a5a;
}

.cm-mgn {
	margin: 0px 0 0 0;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape)
{
    .p200 {
    padding-top: 150px!important;
}
    #crmWebToEntityForm table tr
    {width: 50%!important;box-sizing: border-box;
    }
    #crmWebToEntityForm table tr:nth-last-child(4), #crmWebToEntityForm table tr:nth-last-child(4) td {
    width: 100%!important;
    max-width: none!important;
    padding: 0px 10px;
}
        #crmWebToEntityForm table tr td textarea
        {
            width: 100%!important;
        }
        #crmWebToEntityForm table tr:last-child
        {padding: 0;
        }
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait)
{.p200 {
    padding-top: 120px!important;
}
    #crmWebToEntityForm table tr,.zsFormClass tr
    {width: 50%!important;box-sizing: border-box; text-align:left
    }
}


@media only screen and (max-width:767px) {
    .imgCaptcha1{
                 float: right; margin-top:0px; margin-right:261px;

            }
    #zsattachment_1
    { max-width:250px;
    }
    .trheight td.zsFontClass
    {  
    }

    .fullboxin
    {padding: 0px 10px;
    }
    .addreess1,.india1
    {text-align: left;
    padding: 0;
    }
    .footer__bottom
    {    padding-top: 0;
    margin-top: 0;
    }
    .ccnright
    { width:100%; text-align: center; margin-top: 0;
    }
    .time1
    {
        
        font: normal normal bold 14px/18px Arial;display: inline-block;
    }
    .time1 img
    { max-width:18px;
    }
        .time1 .fright
        {margin-left: 25px;
        }
	.p200 {
		padding-top: 117px!important;
	}
	.ccnleft {
		width: 100%;
	}
	.border ul li a svg {
		margin-right: 10px;
		max-height: 28px;
		margin-top: 0px;max-width: 30px;
	}
	.border ul li {
		 
		margin: 0;width: 50%; float:left; text-align: left;
	}
	.border ul li:first-child {
		padding-right: 5px;
	}
	.border ul li a {
		padding: 3px 6px;
    font: normal normal bold 17px/34px Arial;
    display: block;
    height: auto;
	}
    .hand1, .support1
    {margin-top: 3px;
    }
	.cm-mgn {
		margin: 0px 0 0 0;
	}
	.ccnright1 {
		margin-top: 0px;padding: 0px 12px;
	}
	.ccnleft {
		margin: 10px 0 10px 0; text-align: center;padding: 0px 12px;border: 0;
	}
    .pnumber, .pnumber a
    {font: normal normal 36px/45px Arial;text-align: center;
    }
    .pnumber img
    {max-width: 26px;
    }
	.border ul li a.selected:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #d84242;
		position: absolute;
		left: 17px;
		bottom: -15px;
	}
	##crmWebToEntityForm table tr td textarea,
	#crmWebToEntityForm table tr:nth-last-child(4),
	#crmWebToEntityForm table tr:nth-last-child(4) td {
		width: auto!important;
	}
  
    .prosrvc-banner
    {
        background: #32393f url(/images/product/prosrcv-heroshot.jpg) no-repeat left top; height:120px;background-size: auto 100%;
        height: 100px!important;
    background-size: auto 100%;
    }
    .master-banner.prosrvc-banner, .prosrvc-banner .heading_page {
    height: 100px;
}
     .divfor
    {margin-top: 40px;
    }
    .border
    {margin-top: 0px;
    }
    .zsFormClass tr.lasttr td
    {
       padding-left: 0px!important;
    }
    #crmWebToEntityForm table tr td textarea, #zohoSupportWebToCase table tr td textarea
    {
        width: 100%!important;height: 112px!important;margin-bottom: 12px;box-sizing: border-box;
    }
    .btn-1
    {padding-right: 0;
    }
}

@media only screen and (max-width:374px)
{

    .pnumber, .pnumber a
    {
        font: normal normal 30px/45px Arial;
        text-align: center;
    }
    .time1 {
    font: normal normal bold 12px/18px Arial;
    display: inline-block;
}
    .ccnright
    {font: normal normal 14px/18px Arial;
    }
    .ccn span
    {padding: 5px 12px;
    }
    .border ul li a {
   
    font: normal normal bold 13px/34px Arial!important;
   
}
    .time1
    {padding-right: 0;
    }
    img#imgid,#zsCaptchaUrl {
    max-width: 64%!important;
}
}