@charset "utf-8";
/* CSS Document */

/*----*****---- << Buttons >> ----*****----*/
	
.button { display:inline-block !important; *display:inline; zoom:1; margin:10px 0px 0px; cursor:pointer; font-size:16px; border-radius:5px; }
.button:hover {  color:#fff; }

.button.small { padding:11px 20px; }
.button.medium { padding:16px 24px; }
.button.large { padding:21px 30px; font-size:16px; }
.button.xlarge { padding:28px 35px; font-size:18px; }

.button span { margin-left:8px; font-size:15px; }

.button.ico.medium { padding:7px 24px; border-radius:10px; }
.button.ico { font-weight:700; font-size:17px; line-height:58px; position:relative; }
.button.ico i { padding-right:19px; font-size:58px; float:left; margin-right:25px; }

.button.ico i:after { content: ""; height: 100%; position: absolute; left:103px; top: 0; width: 1px; }

input.button, input[type="submit"], input[type="button"] { overflow: visible; /* remove padding from left/right */ width:auto !important; }

/*----*****---- << Vertical Tabs >> ----*****----*/
	
.tabs-vertical-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
ul.tabs-vertical-frame { float:left; width:31%; margin:0px; padding:0px 13px 0px 0px; }
ul.tabs-vertical-frame li { display:inline; width:98.5%; float:left; margin:0px; padding:0px; position:relative; border-right:5px solid; }
ul.tabs-vertical-frame li a { display:block;  border-bottom:5px solid #dcdce1; margin:0px; padding:18px 20px; background:#ffffff; color:#666666; }

ul.tabs-vertical-frame li.current a { color:#ffffff; border-bottom:5px solid; }

ul.tabs-vertical-frame li a span { background: #FFFFFF; border: 5px solid #DCDCE1; border-radius: 23px 23px 23px 23px; color: #666666; float: left; height: 10px; line-height: 10px; margin-top: -12px; margin-right:25px; padding: 10px; text-align: center; width: 10px; }

.tabs-vertical-frame-content { float:left; margin:-1px 0px 0px; padding:14px 0px; }		
.tabs-vertical-frame-content h4 { text-transform:none; }


/*----*****---- << Pricing Table >> ----*****----*/
	
	.pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
	.pr-tb-col { position:relative; border:1px solid #d3dae5; background:#fff; width:100%; margin:0px; padding:0px; text-align:center; -webkit-transition:-webkit-box-shadow 0.2s ease-out; -moz-transition:-moz-box-shadow 0.2s ease-out; 	-o-transition:-o-box-shadow 0.2s ease-out; transition:box-shadow 0.2s ease-out; }
	
	.tb-title h5 { font-size:30px; color:#5a6d78; line-height:normal; margin-bottom:0px; }
	
	.guarantee, .tb-title h5 { padding:7px 10px; }
	.tb-title, .guarantee { box-shadow: 0 -7px 6px #f7f7f7 inset; }
	
	.tb-title, .guarantee, .price { background:#fff; border-bottom: 1px solid #d3dae5; }
	.guarantee { font-size:17px; padding-top:17px; padding-bottom:17px; }
	.guarantee p { margin-bottom:0; }
	
	.tb-header .price { box-shadow: 0 -29px 20px #f7f7f7 inset; padding:32px 20px; display:block; font-size:80px; }
	.tb-header .price span { font-size:15px; color:#666666; display:block; text-transform:capitalize; margin-top:15px; }
	
	.tb-content { list-style-type:none; margin:0px; padding:0px 25px 10px 25px; }
	.tb-content li { font-size:14px; color:#757575; border-bottom:1px solid #d3dae5; padding:10px 0px; line-height:25px; }
		
	.pr-tb-col .buy-now { padding:0 20px 25px; margin:0px; }
	.pr-tb-col .buy-now a.button { position:relative; z-index:2; }
	
	.pr-tb-col, .tb-header .price, .tb-title h5, .pr-tb-col .buy-now { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	.pr-tb-col.selected, .pr-tb-col:hover { z-index:10; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.25); }
	.pr-tb-col:hover { z-index:100; }
	
	.pricing-table.no-space .column { margin-right:0px; }
	.pricing-table.no-space .one-fourth { width:25%; } 	
	.pricing-table.no-space .one-third { width:33.3%; }	
	.pricing-table.no-space .one-half { width:50%; }
	.pricing-table.no-space .one-fifth { width:20%; }
	.pricing-table.no-space .one-sixth { width:16.6%; }
	
	.pricing-table.no-space .three-fourth { width:75%; }
	.pricing-table.no-space .two-third { width:66.6%; }
	.pricing-table.no-space .four-fifth { width:80%; }
	.pricing-table.no-space .three-fifth { width:60%; }
	.pricing-table.no-space .two-fifth { width:40%; }
	.pricing-table.no-space .two-sixth { width:33.2%; }
	.pricing-table.no-space .three-sixth { width:49.8%; }
	.pricing-table.no-space .four-sixth { width:66.4%; }
	.pricing-table.no-space .five-sixth { width:83%; }
	
	
	.pr-tb-col:hover:after, .pr-tb-col.active:after { border-bottom:none; content: ""; height: 98.9%; left: -1px; position: absolute; top: -1px; width: 97.5%; z-index: 1; }
	
	/*----*****---- << Progress Bars >> ----*****----*/
	.progress-bar-wrapper { text-align:center; display:inline-block; padding:20px 0px; background:#f2f2f2; }
	.progress-bar-content { clear:both; float:left; width:100%; text-align:center; margin:20px 0px 0px\0/; }
	.progress-bar-content h4 { font-weight:600; text-transform:capitalize; }
	.progress-bar-content span.code { margin-bottom:15px; display:inline-block; }
	.progress-bar-content p { padding:0px 13px; }
	
	.progress-bar-wrapper.orange h4 { color:#e08e79; }
	.progress-bar-wrapper.yellow h4 { color:#d8be9d; }
	.progress-bar-wrapper.blue h4 { color:#b1c9c6; }
	.progress-bar-wrapper.brown h4 { color:#7f7774; }
	
	.legend-wrapper, .legend { float:left; width:100%; }
	.legend { margin:10px 0; }
	
	.legendColorBox, .legendLabel { float:left; margin-right:20px; }
	.legendLabel { font-size:20px; }
	.legendColorBox { height: 20px; overflow: hidden; width: 60px; }
	
	.orange .legendColorBox { background:#ec7e00; }
	.blue .legendColorBox { background:#0089cf; }
	
	.progress-bar-wrapper #donutchart1 .donutcharttext { color:#E08E79; }
	.progress-bar-wrapper #donutchart2 .donutcharttext { color:#D8BE9D; }
	.progress-bar-wrapper #donutchart3 .donutcharttext { color:#B1C9C6; } 
	.progress-bar-wrapper #donutchart4 .donutcharttext { color:#7F7774; }
	
	.progress-bar-wrapper #donutchart1, .progress-bar-wrapper #donutchart2, .progress-bar-wrapper #donutchart3, .progress-bar-wrapper #donutchart4 { margin:0 auto 25px; display:block; height:140px; }
	.progress-bar-wrapper .customtext { font-size:15px; position:absolute; top:22%; left:0; right:0; margin:0 auto; }
	.donutcharttext { text-align:center; width:100%; font-size:50px; font-weight:normal; font-family: 'Titillium Web', sans-serif; line-height:32px !important; top:40%; }
	
	/*----*****---- << blockquote >> ----*****----*/
	blockquote:before, blockquote:after, .check li:before { font-family:FontAwesome; font-style:normal; font-weight:normal;  }
	blockquote:before, blockquote:after { text-decoration:inherit; font-size:20px; color:#fff; }
	blockquote:before { content:"\f10d"; top:0px; left:0px; position:absolute; }
	blockquote:after { content: "\f10e"; padding-left:11px; }
	
	/*----*****---- << Horizontal Tabs >> ----*****----*/
	
	.tabs-container { float:left; width:100%; margin:0px 0px 20px; padding:0px; clear:both; }
	ul.tabs-frame { float:left; margin:0px; padding:0px; width:100%; border-bottom:5px solid; }
	ul.tabs-frame li { float:left; display:inline; margin:0px 1px 0px 0px; padding:0px; }
	ul.tabs-frame li a { float:left; margin:0px; padding:0px 20px; background:#ededed; text-align:center; font-size:16px;  color:#666; line-height:53px; }
	ul.tabs-frame li a.current { color:#ffffff; border-bottom:0px; position:relative; z-index:1; }
	
	.tabs-frame-content { background:#ffffff; float:left; clear:both; width:100%; margin:0px; padding:29px 0px 0; }
	
	.check li:before { content: "\f05d"; padding-right:11px; float:left; margin-top:1px; }
	.check li { display:inline-block; width:100%; padding-bottom:12px; }
	.check.type2 li { font-size:16px; border-bottom:1px solid #d3d3d3; padding-bottom:15px; padding-top:15px; }
	
	/*----*****---- << Toggle & Accordion >> ----*****----*/
	
	.toggle-frame-set { float:left; width:100%; margin:0px; padding:0px; }
	.toggle-frame h5.toggle-accordion, .toggle-frame h5.toggle { clear:both; margin:0px; background:#f5f5f5; }
	.toggle-frame h5.toggle-accordion a, .toggle-frame h5.toggle a { display:block; padding:15px 15px 18px 50px; border-bottom:5px solid #eff0f0; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active a:hover { color:#ffffff !important; }
	.toggle-content { clear:both; padding:20px 0px 20px; display:none; }
	
	h5.toggle, h5.toggle-accordion { clear:both; position:relative; padding-left:22px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	h5.toggle:before, h5.toggle-accordion:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:18px; position:absolute; top:2px; left:0px; content:"\f0fe"; }
	h5.toggle.active:before, h5.toggle-accordion.active:before { content:"\f056"; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active:before, .toggle-frame h5.toggle.active:before, .toggle-frame h5.toggle-accordion.active:hover, .toggle-frame h5.toggle.active:hover { color:#ffffff; }
	
	.toggle-frame h5.toggle-accordion:before, .toggle-frame h5.toggle:before { top:16px; left:15px; }
	
	.toggle-frame h5.toggle, .toggle-frame h5.toggle-accordion { padding:0px; }	
	
	@media only screen and (min-width:768px) and (max-width:959px) {
		
		.pr-tb-col:hover:after, .pr-tb-col.active:after { width:96%; }
		
		ul.tabs-frame li a { padding:0 17px; }
		
		.button { font-size:14px; }
		.button.small { padding:11px 18px; }
	}
	
	 @media only screen and (min-width: 480px) and (max-width: 767px) {
		.pr-tb-col:hover:after, .pr-tb-col.active:after { width:98%; }
	 }
	
	@media only screen and (max-width: 479px) { 
	blockquote:before, blockquote:after { font-size:15px; }
	blockquote { padding-left:15px; font-size:13px; }
	.pr-tb-col:hover:after, .pr-tb-col.active:after { width:95.7%; }
	
	ul.tabs-frame li { width:100%; }
	ul.tabs-frame li a { width:80%; display:block; }
	}