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

/*----*****---- << Shortcodes >> ----*****----*/
	
	/*----*****---- << Buttons >> ----*****----*/
	
	.button { line-height:normal; display:inline-block; *display:inline; zoom:1; margin:10px 0px 0px; color:#ffffff; cursor:pointer; text-transform:uppercase; background:rgba(0, 0, 0, 0.2); border-radius:5px; box-shadow:0px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 2px 0px rgba(0, 0, 0, 0.4); }
	.button:hover { opacity:0.8; filter:alpha(opacity=80); color:#ffffff; }
	
	.button.small { font-size:14px; padding:11px 20px; }
	.button.medium { font-size:16px; padding:20px; }
	.button.large { font-size:18px; padding:21px 45px; font-size:16px; }
	.button.xlarge { font-size:20px; padding:25px 50px; font-size:18px; }
	
	.button.violet { background:#585fad; }
	.button.blue { background:#1ab0c7; }
	.button.yellow { background:#f7c602; color:#181818; }
	.button.red { background:#e8252d; }
	.button.green { background:#6dbf4a; }
	.button.raspberry { background:#a23b6f; }
	.button.gold { background:#e0a81c; }
	.button.ocean { background:#1abc9c; }
	.button.orange { background:#f38612; }
	.button.pink { background:#e67fb9; }
	.button.purple { background:#9c59b6; } 
	.button.eggplant { background:#614051; }
	.button.darkblue { background:#0b629c; }
	.button.slateblue { background:#836fff; }
	.button.coral { background:#ff7f50; }
	.button.khaki { background:#b6af55; }
	.button.cyan { background:#00cdcd; }
	.button.grey { background:#8e8e8e; }
	.button.chocolate { background:#cd661d; }
	.button.palebrown { background:#987654; }
	
	input.button, input[type="submit"], input[type="button"] { overflow: visible; /* remove padding from left/right */ width:auto !important; }
	
	/*----*****---- << Pricing Table >> ----*****----*/
	
	.pricing-table { width:100%; margin:30px 0px 20px; padding:0px; float:left; }
	.pr-tb-col { position:relative; 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; }
	
	.pr-tb-col .tb-title, .pr-tb-col .buy-now { background:#ffffff; }
	
	.tb-title h5 { color:#181818; padding:20px; text-shadow:none; font-size:20px; line-height:normal; text-transform:uppercase; margin-bottom:0px; }
	
	.tb-header .price { background:rgba(0, 0, 0, 0.2); margin:0px; padding:25px 20px 20px 20px; display:block; font-size:48px; line-height:40px; font-weight:bold; color:#ffffff; }
	.tb-header .price span { font-size:18px; }
	
	.tb-content { border-top:5px solid #f0f0f0; list-style-type:none; margin:0px; }
	.tb-content li { background:#f7f7f7; font-size:14px; color:#181818; border-top:1px solid #dfdfdf; border-bottom:1px solid #ffffff; padding:18px 10px; }
		
	.pr-tb-col .buy-now { border-top:5px solid #f0f0f0; padding:25px; margin:0px; }
	.pr-tb-col .buy-now .button { margin:0px; color:#ffffff; padding:20px 25px 17px; }
	
	.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); margin-top:-25px; }
	.pr-tb-col:hover { z-index:100; }
	.pr-tb-col.selected { border-color:#3a4850; }
	
	.pr-tb-col.selected .tb-title h5, .pr-tb-col:hover .tb-title h5, .pr-tb-col.selected .buy-now, .pr-tb-col:hover .buy-now { padding:25px 20px; }	
	.pr-tb-col.selected .tb-header .price, .pr-tb-col:hover .tb-header .price { padding:35px 20px; }
	
	.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%; }	

	/*----*****---- << 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%; }
	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:20px 15px; text-align:center; font-size:24px; color:#ffffff; text-shadow:0px 0px 1px rgba(0, 0, 0, 0.5); }
	ul.tabs-frame li a.current { background:#ffffff; color:#181818; position:relative; z-index:1; text-shadow:none; }
	
	/* Replace */
	.tabs-frame-content { float:left; clear:both; margin:-1px 0px 0px; padding:25px 4% 15px; width:92%; background:#ffffff; color:#181818; }	
	
	/*----*****---- << 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 0.5% 0px 0px; }
	ul.tabs-vertical-frame li { float:left; display:block; margin:0px 0px 1px; padding:0px; width:100%; position:relative; }
	ul.tabs-vertical-frame li a { display:block; margin:0px; padding:20px 15px; font-size:24px; color:#ffffff; }
	ul.tabs-vertical-frame li a.current { background:#ffffff; color:#181818; margin-right:-2%; }
	
	/* Replace */
	.tabs-vertical-frame-content { float:left; width:60%; margin:0px; padding:15px 4% 5px; background:#ffffff; color:#181818; }		
	
	
/* Add */
/*----*****---- << Lists >> ----*****----*/
	
	ul.fancy-list { list-style-type:none; list-style-position:outside; }
	ul.fancy-list li { display:block; position:relative; padding-left:20px; line-height:normal; }
	ul.fancy-list li ul { padding-left:0px; }
	
	ul.fancy-list.arrow li { padding-left:15px; }
	
	ul.fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#ffffff; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; }
	
	ul.fancy-list.arrow li:before { content:"\f105";  }
	ul.fancy-list.rounded-arrow li:before { content:"\f0a9";  }
	ul.fancy-list.double-arrow li:before { content:"\f101";  }	
	ul.fancy-list.heart li:before { content:"\f004"; font-size:12px; }
	ul.fancy-list.trash li:before { content:"\f014";  }
	ul.fancy-list.star li:before { content:"\f005";  }
	ul.fancy-list.tick li:before { content:"\f00c";  }
	ul.fancy-list.rounded-tick li:before { content:"\f058";  }
	ul.fancy-list.cross li:before { content:"\f00d";  }
	ul.fancy-list.rounded-cross li:before { content:"\f057";  }
	ul.fancy-list.rounded-question li:before { content:"\f059";  }
	ul.fancy-list.rounded-info li:before { content:"\f05a";  }
	ul.fancy-list.delete li:before { content:"\f05e";  }
	ul.fancy-list.warning li:before { content:"\f071";  }
	ul.fancy-list.comment li:before { content:"\f075";  }
	ul.fancy-list.edit li:before { content:"\f044";  }
	ul.fancy-list.share li:before { content:"\f064";  }
	ul.fancy-list.plus li:before { content:"\f067";  }
	ul.fancy-list.rounded-plus li:before { content:"\f055";  }
	ul.fancy-list.minus li:before { content:"\f068";  }	
	ul.fancy-list.rounded-minus li:before { content:"\f056";  }	
	ul.fancy-list.asterisk li:before { content:"\f069";  }
	ul.fancy-list.cart li:before { content:"\f07a";  }
	ul.fancy-list.folder li:before { content:"\f07b";  }
	ul.fancy-list.folder-open li:before { content:"\f07c";  }
	ul.fancy-list.desktop li:before { content:"\f108";  }
	ul.fancy-list.tablet li:before { content:"\f10a";  }
	ul.fancy-list.mobile li:before { content:"\f10b";  }
	ul.fancy-list.reply li:before { content:"\f112";  }
	ul.fancy-list.quote li:before { content:"\f10d";  }
	ul.fancy-list.mail li:before { content:"\f0e0";  }
	ul.fancy-list.external-link li:before { content:"\f08e";  }	
	ul.fancy-list.adjust li:before { content:"\f042";  }
	ul.fancy-list.pencil li:before { content:"\f040";  }
	ul.fancy-list.print li:before { content:"\f02f";  }
	ul.fancy-list.tag li:before { content:"\f02b";  }	
	ul.fancy-list.thumbs-up li:before { content:"\f088";  }
	ul.fancy-list.thumbs-down li:before { content:"\f087";  }
	ul.fancy-list.time li:before { content:"\f017";  }
	ul.fancy-list.globe li:before { content:"\f0ac";  }	
	ul.fancy-list.pushpin li:before { content:"\f08d";  }
	ul.fancy-list.map-marker li:before { content:"\f041";  }
	ul.fancy-list.link li:before { content:"\f0c1";  }
	ul.fancy-list.paper-clip li:before { content:"\f0c6";  }	
	ul.fancy-list.download li:before { content:"\f019";  }
	ul.fancy-list.key li:before { content:"\f084";  }
	ul.fancy-list.search li:before { content:"\f002";  }
	ul.fancy-list.rss li:before { content:"\f09e";  }	
	ul.fancy-list.twitter li:before { content:"\f099";  }
	ul.fancy-list.facebook li:before { content:"\f09a";  }
	ul.fancy-list.linkedin li:before { content:"\f0e1";  }
	ul.fancy-list.google-plus li:before { content:"\f0d5";  }
	
	ul.fancy-list.check li:before { content:"\f046";  }
	ul.fancy-list.hand li:before { content:"\f0a4";  }
	ul.fancy-list.cog li:before { content:"\f013";  }
	ul.fancy-list.play li:before { content:"\f01d";  }
	
	ul.fancy-list.violet li:before { color:#464c9b; }
	ul.fancy-list.blue li:before { color:#16889a; }
	ul.fancy-list.yellow li:before { color:#dcb10b; }
	ul.fancy-list.red li:before { color:#a52100; }
	ul.fancy-list.green li:before { color:#498a2c; }
	ul.fancy-list.raspberry li:before { color:#8d285b; }
	ul.fancy-list.gold li:before { color:#bb8a0e; }	
	ul.fancy-list.ocean li:before { color:#0d9a7e; }
	ul.fancy-list.orange li:before { color:#ca7011; }
	ul.fancy-list.pink li:before { color:#bb6395; }
	ul.fancy-list.purple li:before { color:#7c4292; }
	ul.fancy-list.eggplant li:before { color:#48353f; }
	ul.fancy-list.darkblue li:before { color:#054a78; }
	ul.fancy-list.slateblue li:before { color:#6654d6; }	
	ul.fancy-list.coral li:before { color:#c46441; }
	ul.fancy-list.khaki li:before { color:#8e8944; }
	ul.fancy-list.cyan li:before { color:#009f9f; }
	ul.fancy-list.grey li:before { color:#696969; }
	ul.fancy-list.chocolate li:before { color:#9f4a0e; }
	ul.fancy-list.palebrown li:before { color:#6e543b; }
	
	ol.fancy-list li span { color:#ffffff; }

	ol.decimal { list-style-type:decimal; }
	ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
	ol.lower-alpha { list-style-type:lower-alpha; }
	ol.lower-roman { list-style-type:lower-roman; }
	ol.upper-alpha { list-style-type:upper-alpha; }
	ol.upper-roman { list-style-type:upper-roman; }	
	
	ol.fancy-list.violet li:before { color:#464c9b; }
	ol.fancy-list.blue li:before { color:#16889a; }
	ol.fancy-list.yellow li:before { color:#dcb10b; }
	ol.fancy-list.red li:before { color:#a52100; }
	ol.fancy-list.green li:before { color:#498a2c; }
	ol.fancy-list.raspberry li:before { color:#8d285b; }
	ol.fancy-list.gold li:before { color:#bb8a0e; }	
	ol.fancy-list.ocean li:before { color:#0d9a7e; }
	ol.fancy-list.orange li:before { color:#ca7011; }
	ol.fancy-list.pink li:before { color:#bb6395; }
	ol.fancy-list.purple li:before { color:#7c4292; }
	ol.fancy-list.eggplant li:before { color:#48353f; }
	ol.fancy-list.darkblue li:before { color:#054a78; }
	ol.fancy-list.slateblue li:before { color:#6654d6; }	
	ol.fancy-list.coral li:before { color:#c46441; }
	ol.fancy-list.khaki li:before { color:#8e8944; }
	ol.fancy-list.cyan li:before { color:#009f9f; }
	ol.fancy-list.grey li:before { color:#696969; }
	ol.fancy-list.chocolate li:before { color:#9f4a0e; }
	ol.fancy-list.palebrown li:before { color:#6e543b; }
	
	/*----*****---- << 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 0px 1px; text-shadow:none; font-size:24px; }
	.toggle-frame h5.toggle-accordion a, .toggle-frame h5.toggle a { color:#ffffff; display:block; padding:20px 15px 20px 45px; }
	.toggle-frame h5.toggle-accordion.active a, .toggle-frame h5.toggle.active a, .toggle-frame h5.toggle-accordion.active a:hover { color:#181818 !important; }
	.toggle-content { clear:both; padding:20px 0px 20px; display:none; }
	
	.toggle-frame h5.toggle-accordion.active, .toggle-frame h5.toggle.active { background:#ffffff; }
	
	h5.toggle, h5.toggle-accordion { font-size:24px; clear:both; position:relative; padding-left:30px; color:#333334; -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 { color:#ffffff; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:20px; position:absolute; top:2px; left:0px; content:"\f067"; }
	h5.toggle.active:before, h5.toggle-accordion.active:before { content:"\f068"; }
	.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:#181818; }
	
	.toggle-frame h5.toggle-accordion:before, .toggle-frame h5.toggle:before { top:21px; left:15px; }
	
	.toggle-frame h5.toggle, .toggle-frame h5.toggle-accordion { padding:0px; }	

	/*----*****---- << Progress Bar >> ----*****----*/
		
	.progress { height:42px; margin-bottom:10px; clear:both; display:block; }
	.progress .bar { position:relative; }
	.progress .bar-text { font-size:14px; position:absolute; top:0; left:0; line-height:42px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; padding:0px 20px; color:#fff; font-weight:bold; width:100%; text-align:left; display:none; }
	.progress .bar-text > span { float:right; display:block; }
	
	@-webkit-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-moz-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-ms-keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-o-keyframes progress-bar-stripes {
	  from {
		background-position: 0 0;
	  }
	  to {
		background-position: 40px 0;
	  }
	}
	@keyframes progress-bar-stripes {
	  from {
		background-position: 40px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	.progress {
	  overflow: hidden;
	  height:42px;
	}
	.progress .bar {
	  width: 0%;
	  height: 100%;
	  color: #ffffff;
	  float: left;
	  font-size: 12px;
	  text-align: center;
	  background-color: #4A5A63;
	  background-repeat: repeat-x;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: width 0.6s ease;
	  -moz-transition: width 0.6s ease;
	  -o-transition: width 0.6s ease;
	  transition: width 0.6s ease;
	}
	.progress .bar + .bar {
	}
	.progress-striped .bar {
	  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  -webkit-background-size: 42px 42px;
	  -moz-background-size: 42px 42px;
	  -o-background-size: 42px 42px;
	  background-size: 42px 42px;
	}
	.progress.active .bar {
	  -webkit-animation: progress-bar-stripes 2s linear infinite;
	  -moz-animation: progress-bar-stripes 2s linear infinite;
	  -ms-animation: progress-bar-stripes 2s linear infinite;
	  -o-animation: progress-bar-stripes 2s linear infinite;
	  animation: progress-bar-stripes 2s linear infinite;
	}
