﻿@charset "utf-8";

*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

html, body {font-size:100%;}
a{color:#fff;text-decoration:none;outline:none;}
a:focus {outline:none;}

img {display:inline-block;}
img, object, embed img {border: 0 none;height: auto;max-width: 100%;vertical-align: middle;}
object, embed {height:100%;}
img {-ms-interpolation-mode:bicubic;}
iframe, embed, object {max-width: 100%; }
video {max-width: 100%;height: auto;}

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {max-width:none !important;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;display:block;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-justify {text-align:justify !important;}
p{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height: 1.7em;}

.hide {display:none;}
.antialiased {-webkit-font-smoothing:antialiased;}

textarea {height:auto;min-height:50px;}
select {width:100%;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-family: sans-serif; /* 1 */-webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}

/* Grid HTML Classes */
.row {width:100%;margin:0 auto;max-width:1100px;*zoom:1;}
.row:before,  .row:after { content:" "; display:table;}
.row:after {clear:both;}
.row .column, .row .columns {position:relative; padding-left:0.7815em; padding-right:0.7815em; width:100%; float:left;}
.row.collapse .column, .row.collapse .columns {position:relative; padding-left:0; padding-right:0; float:left;}
.row .row {width:auto; margin-left:-0.7815em; margin-right:-0.7815em; margin-top:0; margin-bottom:0; max-width:none; *zoom:1;}  
.row .row:before,  .row .row:after {content:" ";   display:table;}  
.row .row:after {clear:both;}  
.row .row.collapse {width:auto;   margin:0;   max-width:none;   *zoom:1;}    
.row .row.collapse:before,  .row .row.collapse:after {content:" ";     display:table;}    
.row .row.collapse:after {clear:both;}

@media only screen {
	.row .column, .row .columns {position:relative; padding-left:0.7815em; padding-right:0.7815em; float:left;}
	.row .small-1 {position:relative; width:8.33333%;}
	.row .small-2 {position:relative; width:16.66667%;}
	.row .small-3 {position:relative; width:25%;}
	.row .small-4 {position:relative; width:33.33333%;}
	.row .small-5 {position:relative; width:41.66667%;}
	.row .small-6 {position:relative; width:50%;}
	.row .small-7 {position:relative; width:58.33333%;}
	.row .small-8 {position:relative; width:66.66667%;}
	.row .small-9 {position:relative; width:75%;}
	.row .small-10 {position:relative; width:83.33333%;}
	.row .small-11 {position:relative; width:91.66667%;}
	.row .small-12 {position:relative; width:100%;}
	.row .small-offset-1 {position:relative; margin-left:8.33333%;}
	.row .small-offset-2 {position:relative; margin-left:16.66667%;}
	.row .small-offset-3 {position:relative; margin-left:25%;}
	.row .small-offset-4 {position:relative; margin-left:33.33333%;}
	.row .small-offset-5 {position:relative; margin-left:41.66667%;}
	.row .small-offset-6 {position:relative; margin-left:50%;}
	.row .small-offset-7 {position:relative; margin-left:58.33333%;}
	.row .small-offset-8 {position:relative; margin-left:66.66667%;}
	.row .small-offset-9 {position:relative; margin-left:75%;}
	.row .small-offset-10 {position:relative; margin-left:83.33333%;}
	[class*="column"] + [class*="column"]:last-child {float:right;}
	[class*="column"] + [class*="column"].end {float:left;}
	.column.small-centered, .columns.small-centered {position:relative; margin-left:auto; margin-right:auto; float:none !important;} 
}

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width:48em) {
	.row .large-1 {position:relative; width:8.33333%;}
	.row .large-2 {position:relative; width:16.66667%;}
	.row .large-3 {position:relative; width:25%;}
	.row .large-4 {position:relative; width:33.33333%;}
	.row .large-5 {position:relative; width:41.66667%;}
	.row .large-6 {position:relative; width:50%;}
	.row .large-7 {position:relative; width:58.33333%;}
	.row .large-8 {position:relative; width:66.66667%;}
	.row .large-9 {position:relative; width:75%;}
	.row .large-10 {position:relative; width:83.33333%;}
	.row .large-11 {position:relative; width:91.66667%;}
	.row .large-12 {position:relative; width:100%;}
	.row .large-offset-1 {position:relative; margin-left:8.33333%;}
	.row .large-offset-2 {position:relative; margin-left:16.66667%;}
	.row .large-offset-3 {position:relative; margin-left:25%;}
	.row .large-offset-4 {position:relative; margin-left:33.33333%;}
	.row .large-offset-5 {position:relative; margin-left:41.66667%;}
	.row .large-offset-6 {position:relative; margin-left:50%;}
	.row .large-offset-7 {position:relative; margin-left:58.33333%;}
	.row .large-offset-8 {position:relative; margin-left:66.66667%;}
	.row .large-offset-9 {position:relative; margin-left:75%;}
	.row .large-offset-10 {position:relative; margin-left:83.33333%;}
	.push-2 {position:relative; left:16.66667%; right:auto;}
	.pull-2 {position:relative; right:16.66667%; left:auto;}
	.push-3 {position:relative; left:25%; right:auto;}
	.pull-3 {position:relative; right:25%; left:auto;}
	.push-4 {position:relative; left:33.33333%; right:auto;}
	.pull-4 {position:relative; right:33.33333%; left:auto;}
	.push-5 {position:relative; left:41.66667%; right:auto;}
	.pull-5 {position:relative; right:41.66667%; left:auto;}
	.push-6 {position:relative; left:50%; right:auto;}
	.pull-6 {position:relative; right:50%; left:auto;}
	.push-7 {position:relative; left:58.33333%; right:auto;}
	.pull-7 {position:relative; right:58.33333%; left:auto;}
	.push-8 {position:relative; left:66.66667%; right:auto;}
	.pull-8 {position:relative; right:66.66667%; left:auto;}
	.push-9 {position:relative; left:75%; right:auto;}
	.pull-9 {position:relative; right:75%; left:auto;}
	.push-10 {position:relative; left:83.33333%; right:auto;}
	.pull-10 {position:relative; right:83.33333%; left:auto;}
	.small-push-2 {left:inherit;}
	.small-pull-2 {right:inherit;}
	.small-push-3 {left:inherit;}
	.small-pull-3 {right:inherit;}
	.small-push-4 {left:inherit;}
	.small-pull-4 {right:inherit;}
	.small-push-5 {left:inherit;}
	.small-pull-5 {right:inherit;}
	.small-push-6 {left:inherit;}
	.small-pull-6 {right:inherit;}
	.small-push-7 {left:inherit;}
	.small-pull-7 {right:inherit;}
	.small-push-8 {left:inherit;}
	.small-pull-8 {right:inherit;}
	.small-push-9 {left:inherit;}
	.small-pull-9 {right:inherit;}
	.small-push-10 {left:inherit;}
	.small-pull-10 {right:inherit;}
	.column.large-centered, .columns.large-centered {position:relative; margin-left:auto; margin-right:auto; float:none !important;} 
}

/* Foundation Block Grids for below small breakpoint */
@media only screen {
	[class*="block-grid-"] {display:block; padding:0; margin:0 -10px; *zoom:1;}  
	[class*="block-grid-"]:before,  [class*="block-grid-"]:after {content:" ";   display:table;}  
	[class*="block-grid-"]:after {clear:both;}  [class*="block-grid-"] > li {display:block;   height:auto;   float:left;   padding:0 10px 10px;}
	.small-block-grid-1 > li {width:100%; padding:0 10px 10px;}  
	.small-block-grid-1 > li:nth-of-type(1n+1) {clear:both;}
	.small-block-grid-2 > li {width:50%; padding:0 10px 10px;}  
	.small-block-grid-2 > li:nth-of-type(2n+1) {clear:both;}
	.small-block-grid-3 > li {width:33.33333%; padding:0 10px 10px;}  
	.small-block-grid-3 > li:nth-of-type(3n+1) {clear:both;}
	.small-block-grid-4 > li {width:25%; padding:0 10px 10px;}  
	.small-block-grid-4 > li:nth-of-type(4n+1) {clear:both;}
	.small-block-grid-5 > li {width:20%; padding:0 10px 10px;}  
	.small-block-grid-5 > li:nth-of-type(5n+1) {clear:both;}
	.small-block-grid-6 > li {width:16.66667%; padding:0 10px 10px;}  
	.small-block-grid-6 > li:nth-of-type(6n+1) {clear:both;}
	.small-block-grid-7 > li {width:14.28571%; padding:0 10px 10px;}  
	.small-block-grid-7 > li:nth-of-type(7n+1) {clear:both;}
	.small-block-grid-8 > li {width:12.5%; padding:0 10px 10px;}  
	.small-block-grid-8 > li:nth-of-type(8n+1) {clear:both;}
	.small-block-grid-9 > li {width:11.11111%; padding:0 10px 10px;}  
	.small-block-grid-9 > li:nth-of-type(9n+1) {clear:both;}
	.small-block-grid-10 > li {width:10%; padding:0 10px 10px;}  
	.small-block-grid-10 > li:nth-of-type(10n+1) {clear:both;}
	.small-block-grid-11 > li {width:9.09091%; padding:0 10px 10px;}  
	.small-block-grid-11 > li:nth-of-type(11n+1) {clear:both;}
	.small-block-grid-12 > li {width:8.33333%; padding:0 10px 10px;}  
	.small-block-grid-12 > li:nth-of-type(12n+1) {clear:both;} 
}

/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width:48em) {
	.large-block-grid-1 > li {width:100%; padding:0 10px 10px;}  
	.large-block-grid-1 > li:nth-of-type(1n+1) {clear:both;}
	.large-block-grid-2 > li {width:50%; padding:0 10px 10px;}  
	.large-block-grid-2 > li:nth-of-type(2n+1) {clear:both;}
	.large-block-grid-3 > li {width:33.33333%; padding:0 10px 10px;}  
	.large-block-grid-3 > li:nth-of-type(3n+1) {clear:both;}
	.large-block-grid-4 > li {width:25%; padding:0 10px 10px;}  
	.large-block-grid-4 > li:nth-of-type(4n+1) {clear:both;}
	.large-block-grid-5 > li {width:20%; padding:0 10px 10px;}  
	.large-block-grid-5 > li:nth-of-type(5n+1) {clear:both;}
	.large-block-grid-6 > li {width:16.66667%; padding:0 10px 10px;}  
	.large-block-grid-6 > li:nth-of-type(6n+1) {clear:both;}
	.large-block-grid-7 > li {width:14.28571%; padding:0 10px 10px;}  
	.large-block-grid-7 > li:nth-of-type(7n+1) {clear:both;}
	.large-block-grid-8 > li {width:12.5%; padding:0 10px 10px;}  
	.large-block-grid-8 > li:nth-of-type(8n+1) {clear:both;}
	.large-block-grid-9 > li {width:11.11111%; padding:0 10px 10px;}  
	.large-block-grid-9 > li:nth-of-type(9n+1) {clear:both;}
	.large-block-grid-10 > li {width:10%; padding:0 10px 10px;}  
	.large-block-grid-10 > li:nth-of-type(10n+1) {clear:both;}
	.large-block-grid-11 > li {width:9.09091%; padding:0 10px 10px;}  
	.large-block-grid-11 > li:nth-of-type(11n+1) {clear:both;}
	.large-block-grid-12 > li {width:8.33333%; padding:0 10px 10px;}  
	.large-block-grid-12 > li:nth-of-type(12n+1) {clear:both;}
	[class*="small-block-grid-"] > li {clear:none !important;} 
}

/****************************************************
	VISIBILITY
*****************************************************/
.show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important }
.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important }
.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important }
.hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important }
@media only screen and (min-width: 48em) {
.show-for-medium, .show-for-medium-up { display: inherit !important }
.show-for-small { display: none !important }
.hide-for-small { display: inherit !important }
.hide-for-medium, .hide-for-medium-up { display: none !important }
}
@media only screen and (min-width: 80em) {
.show-for-large, .show-for-large-up { display: inherit !important }
.show-for-medium, .show-for-medium-down { display: none !important }
.hide-for-medium, .hide-for-medium-down { display: inherit !important }
.hide-for-large, .hide-for-large-up { display: none !important }
}
@media only screen and (min-width: 90em) {
.show-for-xlarge { display: inherit !important }
.show-for-large, .show-for-large-down { display: none !important }
.hide-for-large, .hide-for-large-down { display: inherit !important }
.hide-for-xlarge { display: none !important }
.show-for-landscape, .hide-for-portrait { display: inherit !important }
.hide-for-landscape, .show-for-portrait { display: none !important }
}
@media only screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait { display: inherit !important }
.hide-for-landscape, .show-for-portrait { display: none !important }
}
@media only screen and (orientation: portrait) {
.show-for-portrait, .hide-for-landscape { display: inherit !important }
.hide-for-portrait, .show-for-landscape { display: none !important }
}
.show-for-touch { display: none !important }
.hide-for-touch { display: inherit !important }
.touch .show-for-touch { display: inherit !important }
.touch .hide-for-touch { display: none !important }

/* Panels */
.panel {border-style: solid;border-width: 1px;border-color: #d9d9d9;margin-bottom: 1.25em;padding: 1.25em;background: #f2f2f2; }.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {  color: #333333; }.panel > :first-child {  margin-top: 0; }.panel > :last-child {  margin-bottom: 0; }.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {  line-height: 1;  margin-bottom: 0.625em; }  .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {    line-height: 1.4; }.panel.callout {  border-style: solid;  border-width: 1px;  border-color: #2284a1;  margin-bottom: 1.25em;  padding: 1.25em;  background: #2ba6cb;  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }  .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {    color: white; }  .panel.callout > :first-child {    margin-top: 0; }  .panel.callout > :last-child {    margin-bottom: 0; }  .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {    line-height: 1;    margin-bottom: 0.625em; }    .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {      line-height: 1.4; }.panel.radius {  -webkit-border-radius: 3px;  border-radius: 3px; }

/* Layout Css*/
#wrapper{width:100%;}
#header{margin: 0 0 0px;}

.main-titles h1{color:#333333;font-size:1.8em;font-weight:500;margin: 0.42em 0.525em;}
.fontsize15{font-size:0.938em;}
hr{border:1px solid #E4E4E4;clear:both;display:block;margin: 1.765em 0 0;}
.sub-title{color:#000;font-size:1.500em;font-weight:400;padding: 0;}
.planspricing-section, .howitworks-section, .contact-section, .features-section{margin: 0.875em;}
/* End Layout Css*/

/* Header Top Css */
.header-top {
	background: #fff;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
.accountandlogin{margin: 10px 0 11px;}
	.accountandlogin a {
		background: #58236d;
		font-size: 15px;
		padding: 6px 12px;
		text-align: center;
		border-radius: 4px;
	}
		.accountandlogin a:hover, .free-trailbtn:hover, .filled-btn:hover {
			background: #892a71;
		}
.accountandlogin span{display:inline-block;margin:0 10px 2px 3px;vertical-align:middle;}
.freeaccount span{background:url(../images/createaccount_icon.png) no-repeat left;padding: 0 0 0 18px;}
.login span{background:url(../images/login_icon.png) no-repeat left;padding: 0 0 0 16px;}
/* End Header Top Css */

/* Header Main Css */
.main-header{border-bottom:1px solid #C9C9C9;}
.main-header .row .columns{padding-right:0;}
.logo-section{margin: 0;}
/* Navigation Section Css */
.navigation-section ul{margin:2em 0 0 16.12em;display:block !important;}
/*.navigation-section li{background:url(../images/navigation-top-shadow.png) no-repeat center top;float:left;list-style:none;margin:0 0 0 1px;}
.navigation-section li a{background:#3A3A3A;font-size:0.938em;padding:32px 10px 34px;vertical-align: middle;}*/
.navigation-section span{display:inline-block;margin:0 5px 0 0;}
/*.navigation-section li a:hover, .navigation-section li a.active{background:#58236d;}
.dl-menuwrapper{display:none !important;}*/
/* End Navigation Section Css */
/* End Header Main Css */

/* Banner Section Css */
.banner-section{background:url(../images/banner-homebg.jpg) no-repeat;font-family: verdana;height:480px;padding:1em 0.1em 0.5em 2.6em;background-size: cover; margin-bottom: 30px;background-size: 100% 100%; display:flex; align-items:center;}
.banner-section .row{margin:0;}
.banner-left h1{margin:0.67em 0 0}
.banner-left p{font-size:1.875em;}
.signup_btn{display: block;margin: 0 0 0 3em;}
.fontsize20{color:#fff;font-size:1.250em;margin:0 0.12em 0 3.67em;}
.plansandpricing{color:#333;font-size:1em;text-decoration:underline;}
/* End Banner Section Css */

/* About Tracking Section Css */
.timetracking-heading{color:#333333;font-size:1.5em;font-weight:normal;margin: 0.1em 0 0.3em;}
.abouttracking-section p{width: 95%;}
.abouttracking-section .large-3{margin:0.95em 0 0 2.55em;width: 21%;}
.abouttracking-section h4{color:#333;font-size:0.95em;}
/* End About Tracking Section Css */

/* Information Box Section Css */
.informationinner-box{background:url(../images/informationinner-box-bg.png) repeat-x #ebebeb;border:1px solid #E5E5E5;border-radius:8px;box-shadow: 1px 2px 2px 2px #D8D8D8;margin-bottom:1.6em;min-height:200px;}
.information-box .large-4{width:32.5%;}
.information-box .large-offset-1 {margin-left:1%;}
.information-heading{font-size:1em;font-weight:normal;margin:0.5em 0 1.257em;}
.information-box-left{float:left;width:75%;}
.information-box-right{float:right;}
.information_logo{display: block;margin:0.37em 0 0;}
.deatils_btn { /*background: url(../images/learnmore_btn.png) no-repeat;*/
	display: block;
	/*height: 35px;*/
	margin: 4.2em 0 1rem;
	width: 80px;
	/* background-size: 100% 100%;*/
	width: 80px;
	background-size: 100% 100%;
	background-color: #58236d;
	font-size: 12px;
	padding: 12px 5px;
	border-radius: 4px;
	text-align: center;
	color:#fff
}
.features-section .deatils_btn {display: initial;    margin: 4.2em -5px 1rem;
    padding: 12px 10px;}
/* End Information Box Section Css */

/* Customer Say Section Css */
.content-sub-heading, .customersay-heading{color:#333;font-family:Calibri;font-size:1.375em;font-weight:normal;margin:0.5em 0 0.75em;}
/* End Customer Say Section Css */
.main-container-bottom{display:block;clear:both;height:6px;margin:1em 0 0;}

/* Footer Css */
footer{font-family:Arial, Helvetica, sans-serif;}
.footer-top, .footer-bottom{color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;width:100%;}
.footer-top {background: #f6f6f6;height: 40px;}
.footer-bottom {
	background: #444;
	text-align: center;
}
.footer-top .row .row, .footer-bottom .row .row{margin:0;}
.footer-nav ul{padding:0;}
.footer-nav li{/*background:url(../images/footernav_sep.png) no-repeat right;*/display: inline;float: left;list-style:none;}
.footer-nav li.lastsep{background:none;}
.footer-nav li a{font-size:14px;padding:0 1em;color:#333333}
.footer-nav li a :hover{color: #58236d;}
.footer-nav li.nopaddingleft a{padding:0 1em 0 0;}
.social-network{margin:1.5em 0 1.37em;}
.social-network span{color:#fff;font-size:15px;margin-right: 5px;}
.social-network a{display:inline;margin: 0 0.8em;}
.footer-bottom p{font-size:12px;line-height: 1.25em;margin: 0.75em 0;}
/* End Footer Css */

/* Workshots Features Section Css */
.features_left{border-right:1px solid #E4E4E4;margin-right: 1em;padding-bottom: 0.275em;}
.features-ul li{font-size:13px;line-height:20px;}
.features_content{width:96%;}
.features-heading{color:#000;font-size:1.500em;font-weight:400;padding:0.75em 3.2em 1.3em;}
.features_content p{color:#000;line-height: 1.4em;margin:0 0 1em 4.375em;text-align: left;}
.features_content p+p{margin: 1.5rem 0 1em 5.525em;}
.timetracker{background:url(../images/time-trackers-icon.png) no-repeat left;}
.costtracker{background:url(../images/cost-tracker-icon.png) no-repeat left;}
.projectmanager{background:url(../images/project-manager-icon.png) no-repeat left;}
.timesheetmanager{background:url(../images/timesheet-manager-icon.png) no-repeat left;}
.reportingtool{background:url(../images/reporting-tool-icon.png) no-repeat left;}
.support{background:url(../images/support-icon.png) no-repeat left;}
/*.reportanalysisandstatistics{background:url(../images/report_icons.png) no-repeat left;}
.integrations{background:url(../images/integrations_icons.png) no-repeat left;}*/
.features_right hr{margin-left: -1em;}
/* End Workshots Features Section Css */

/* Plans and Pricing Section Css */

.planandpricing-table{margin:1.375em 0 0.85em;padding-bottom: 30px;}
.planandpricing-table table{border:1px solid #58236c;text-align: center;width: 100%;}
.planandpricing-table table th, .planandpricing-table table td{border-bottom:1px solid #58236c;border-right:1px solid #58236c;padding:12px 10px;text-align: center;}
.planandpricing-table table th{position: relative;padding: 30px 30px; color:#333333;font-size: 14px;font-weight: 400;text-align: center;}
.planandpricing-table table td{color:#000;font-size:0.813em;font-family:Arial, Helvetica, sans-serif;}
.planandpricing-table table td.catergoriesname{color:#232323;font-size:0.938em;}
.planandpricing-table table th.norightborder, .planandpricing-table table td.norightborder{border-right:none;}
.planandpricing-table table td.nobottomborder{border-bottom:none;}
.planspricing-section .signup_btn{background:url(../images/signup_bg.jpg) repeat-x; border-radius:7px;color: #FFFFFF;font-size: 1.563em;line-height: 45px;margin:0.875em 0 2.855em;padding: 0 0.85em;width: 210px;}
.inquire-btn{    border: 1px solid #ccc;
    background: #3a3a3a;
    color: #fff;
        padding: 6px 26px;
    border-radius: 50px;}
 .active-mode .inquire-btn{ border: 1px solid #58236c;
    background: #58236c;} 
 .planandpricing-table .active-mode  { color: #58236c;}   
 .limit-heading   {        width: 44%;
    color: #000;
    margin: 0 auto 17px;
    text-align: center;
    font-size: 1.5rem;
    padding: 5px;}
 .price-col td  {font-size: 20px !important;
    color: #3a3a3a ;
    font-weight: 600 !important;}  
  .cancel-price  {    text-decoration: line-through;
    text-decoration-color: #58236b;}
  .offer-sec  {    display: block;
    background-image: url('../Images/arrowbg.png');
    color: #fff;
    writing-mode: tb-rl;
    position: absolute;
    top: 0;
    right: 2px;
        font-size: 10px;
    padding: 0 9px 5px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 66px;}
    .offer-sec::after{content: ''; background:#58236b; width: 15px;height: 15px }
   .planandpricing-table  .text-simple {font-size: 25px;    color: #676363;
    text-align: center;
    letter-spacing: 0.25pt;line-height: 31px;
    margin: 11px;
    font-weight: 300;}
    .planandpricing-table .sub-info{ font-weight: 300; font-size: 14px; }
    .table-responsive{overflow-x: auto;}
/* End Plans and Pricing Section Css */
.sidecolumn p { line-height:16px;}
.sidecolumn a{color:#58236d;background:url(../images/arrow.jpg) no-repeat left; margin-left:11px; padding-left:15px; font: 13px/18px 'Open Sans',sans-serif;}
.sidecolumn a:hover{color:#000;}
.marb25{margin-bottom:25px;}
.inner_points li{font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height: 1.7em;}
h3{font-size: 18px;}
.mart30{margin-top:30px;}
.floatleft{float:left;}
.floatright{float:right;}
.clr{clear:both;display:block;}
/* pricing tables */
.pricing-tables-main {position: relative;float: left;margin: 30px 0 40px 150px;}

.pricing-tables {position: relative;float: left;width: 28.3%;border: 1px solid #eee;}
.pricing-tables .title {float: left;width: 100%;height: 30px;padding: 13px 0 36px;background-color: #454545;text-align: center;font-size: 23px;color: #fff;border-top: 3px solid #272727;border-bottom: 1px solid #818181;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables .price {float: left;width: 100%;padding: 30px 0 30px 0;background-color: #636363;text-align: center;font-size: 40px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables .price i {font-size: 14px;color: #fff;display: block;font-weight: normal;font-style: normal;margin-top: 5px;}
.pricing-tables .cont-list {float: left;width: 100%;padding: 15px 0;border-top: 3px solid #fff;border-bottom: 3px solid #fff;background-color: #f9f9f9;text-align: center;color: #727272;font-size: 13px;font-family:Verdana, Geneva, sans-serif;}
.pricing-tables .cont-list ul {margin: 0;padding: 0;}
.pricing-tables .cont-list li {margin: 0;padding: 0;list-style-type: none;line-height: 30px;border-bottom: 1px solid #fff;}
.pricing-tables .cont-list li.last {border: none;}
.pricing-tables .ordernow {float: left;width: 100%;padding: 28px 0px;background-color: #eee;text-align: center;color: #fff;}
.pricing-tables-main .ordernow .normalbut{color: #fff;background-color: #666;border: 1px solid #454545;padding: 10px 18px;border-radius: 3px;font-weight: normal;}
.pricing-tables-main .ordernow .normalbut:hover{background-color: #727272;}
.pricing-tables-main .ordernow .colorchan{color: #fff;background-color: #4abe63;padding: 10px 18px;border-radius: 3px;font-weight: normal;}
.pricing-tables-main .ordernow .colorchan:hover{color: #fff;background-color: #f67220;}
.pricing-tables-helight{position: relative;float: left;width:30.333%;-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);}
.pricing-tables-helight .title {float: left;width: 100%;height: 46px;padding: 20px 0 43px;margin-top: -10px;background-color: #3fb458;text-align: center;font-size: 23px;color: #fff;
border-top: 3px solid #30a749;border-bottom: 1px solid #5dca74;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables-helight .price {float: left;width: 100%;padding: 30px 0 30px 0;background-color: #4abe63;text-align: center;font-size: 45px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables-helight .price i {font-size: 14px;color: #eee;display: block;font-weight: normal;font-style: normal;margin-top: 5px;}
.pricing-tables-helight .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables-helight .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables-helight .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 29px;
	border-bottom: 1px solid #fff;
	color: #727272;
    font-size: 13px;
}
.pricing-tables-helight .cont-list li.last {border: none;}
.pricing-tables-helight .ordernow {float: left;width: 100%;padding: 30px 0 35px 0;background-color: #eee;text-align: center;color: #fff;}
.pricing-tables-two {position: relative;float: left;width: 33%;border: 1px solid #eee;}
.pricing-tables-two .title {float: left;width: 100%;height: 30px;padding: 13px 0 10px 0;background-color: #454545;text-align: center;font-size: 23px;color: #fff;border-top: 3px solid #272727;border-bottom: 1px solid #818181;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables-two .price {float: left;width: 100%;padding: 30px 0 30px 0;background-color: #636363;text-align: center;font-size: 40px;color: #fff;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables-two .price i {font-size: 14px;color: #ccc;display: block;font-weight: normal;font-style: normal;margin-top: 5px;}
.pricing-tables-two .cont-list {float: left;width: 100%;padding: 15px 0;border-top: 3px solid #fff;border-bottom: 3px solid #fff;background-color: #f9f9f9;text-align: center;color: #727272;}
.pricing-tables-two .cont-list ul {margin: 0;padding: 0;}
.pricing-tables-two .cont-list li {margin: 0;padding: 0;list-style-type: none;line-height: 30px;border-bottom: 1px solid #fff;}
.pricing-tables-two .cont-list li.last {border: none;}
.pricing-tables-two .ordernow {float: left;width: 100%;padding: 28px 0;background-color: #eee;text-align: center;color: #fff;}
.pricing-tables-helight-two{position: relative;float: left;width: 33%;z-index: 3;-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);}
.pricing-tables-helight-two .title {float: left;width: 100%;height: 46px;padding: 20px 0 0 0;margin-top: -10px;background-color: #2b8ec9;text-align: center;font-size: 23px;color: #fff;border-top: 3px solid #2285c0;border-bottom: 1px solid #41a3dd;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.pricing-tables-helight-two .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #4abe63;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight-two .price i {
	font-size: 14px;
	color: #eee;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables-helight-two .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables-helight-two .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables-helight-two .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}
.pricing-tables-helight-two .cont-list li.last {
	border: none;
}
.pricing-tables-helight-two .ordernow {
	float: left;
	width: 100%;
	padding: 30px 0 35px 0;
	background-color: #eee;
	text-align: center;
	color: #fff;
}
.pricing-tables-orange .title, .pricing-tables-orange .price{background:#FEB858;}
.pricing-tables-blue .title, .pricing-tables-blue .price{background:#97E0FF;}
.pricing-tables-orange .title{border-top:3px solid #FEAC3D;border-bottom: 1px solid #FECB85;}
.pricing-tables-blue .title{border-top:3px solid #5BD2FF;border-bottom: 1px solid #C6EFFF;}
/* columns with box */
.framed-box {
	border: 1px solid #e3e3e3;
	width: 100%;
}
.framed-box.center{
	text-align:center;
}
.framed-box-wrap {
	border: 1px solid #fff;
	background-color: #f9f9f9;
}
.framed-box-wrap .pricing-title {
	background-color: #f1f1f1;
	padding: 20px 0px 0px 0px;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.framed-box-wrap .pricing-text-list {
	padding: 15px 20px 40px 20px;
	text-align: center;
}


.blocklabel {
	float: left;
	width: 100%;
	display: block;
	margin-top: 10px;
	color: #727272;
    font: 13px/22px 'Open Sans',sans-serif;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 20px;
}
.input_bg {
	float: left;
	width: 70%;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	padding: 0px 0px 0px 10px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.textarea_bg {
	float: left;
	width: 90%;
	height: 235px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e1e1e1;
	border-left: 2px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.address-info {
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 20px 20px 10px 20px;
	width: 100%;
	margin-bottom: 40px;
}
.address-info a {
	color: #1889c1;
}
.address-info a:hover {
	color: #454545;
}

.google-map {
	width: 99%;
	height: 350px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
}
.clearfix {
    display: block;
}
.clearfix {
    display: inline-block;
}
.comment_submit {
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
	padding: 9px 13px;
	text-transform: uppercase;
	font-size: 13px;
	background-color: #58236d;
	border: 1px solid;
}
h3 i {font-style: normal;font-weight: normal;}
.address-info h3{margin:0; padding:0;}
.address-info ul{padding:0;}
.address-info ul li{color: #727272;font: 13px/22px 'Open Sans',sans-serif; list-style:none;}
.content_fullwidth {float: left;padding: 50px 0 0;width: 100%;}
dl{font-size:1.2em;line-height:170%;margin-bottom:20px}
dl,dt,dd{padding:0;margin:0;font: 13px/22px 'Open Sans',sans-serif;}
.faqs{padding-top:20px}
.faqs dt{font-weight:bold;background:url(../images/q.gif) 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{background:url(../images/a.gif) 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333;margin-left:0;}
.faqs .hover{color:#990000;text-decoration:underline}
.inputvalidwrap {position: relative;margin-bottom: 0px;}
.inputvalidwrap .input_bg {display: block;float: none;}
.inputvalidwrap span {color: red; font-weight:600;}
.mt-20{margin-top: 20px;}

.contact-infoheader{    margin: 15px 0 11px;
    font-size: 12px;}

.features_content {
	
	border-bottom: 1px solid #E4E4E4;
	min-height: 285px;
}
.contact-infoheader a{ color:#000}
.main-header .row .large-12.columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:15px 0
}

.navigation-section .navbar .nav > li {
	background: transparent;
	float: left;
	margin: 0 0 0 1px;
}
.navigation-section .navbar-inverse .nav > li > a {
	color: #000;
	padding:10px;
}
	.navigation-section .navbar-inverse .nav .active > a,
	.navigation-section .navbar-inverse .nav .active > a:hover,
	.navigation-section .navbar-inverse .nav .active > a:focus,
	.navigation-section .navbar-inverse .nav > li > a:hover,
	.navigation-section .navbar-inverse .nav .btn:focus {
		color: #58236d;
		border-bottom: 2px solid #892a71;
		outline: none;
	}
.button-section .btn:focus {
	color: #58236d !important;
	background-color: #d6cadc!important;
	border-radius: 3px 3px 0 0;
	border-color: #d6cadc;
	outline: none;
}
.free-trailbtn
{
	background: #58236D;
	color: #fff;
	border: 1px solid #58236D;
}
.main-titles h1::after {
	content: "";
	height: 4px;
	width: 50px;
	background: #58236d;
	
	display: block;
	margin-top: 8px;
}
.phone-code{ display:flex;align-items:center}
#lblCountryCode {
	border-radius: 4px;
	margin-right: 2px;
	border: 1px solid #ccc;
	padding: 11px 5px;
	background: #fff;
	color: #ccc;
}
.btn:focus {
	
	outline: none !important;
	outline-offset: 0 !important;
}
.header-top .row .large-12.columns{display:flex;justify-content:space-between;align-items:center}
.ui-state-default.ui-th-column.ui-th-ltr  input {height:24px!important}
.close-btn  {
	color: #000;
	float: right;
	position: absolute;
	top: 10px;
	right: 15px;
}
.fc-button {
	text-transform: capitalize;
}