@import "/application/css.php?c=2763&request=application%2Fthemes%2Fdefault%2Ftheme.css&pageStart=0&pageEnd=249002";




/*visited ul li*/
.visited li a
{
	color: #686868;
}

.visited li.active a
{
	color: #3497D9;
}

/*Stats Row*/
.stats-row
{
	margin-bottom: 20px;
}

.stat-item
{
	display: inline-block;
	padding-right: 15px;
}

.stat-item + .stat-item
{
	padding-left: 15px;
	border-left: 1px solid #eee;
}

/*Stats Row*/
.stats-dash-row
{
	text-align: right;
}

.stat-dash-item
{
	display: inline-block;
	padding-right: 15px;
}

.stat-dash-item + .stat-dash-item
{
	padding-left: 15px;
	border-left: 1px solid #eee;
}

.stat-dash-item h6
{
	color: #616f77;
}

/*country-state*/
.country-state
{
	list-style: none;
	margin: 0px;
	padding: 0px 0 0 10px;
}

.country-state h2
{
	margin: 0px;
}

.country-state .progress
{
	margin-top: 8px;
}

/*Two part*/
.two-part li
{
	width: 48.8%;
}

.two-part li i
{
	font-size: 50px;
}

.two-part li span
{
	font-size: 50px;
	font-weight: 100;
	font-family: Roboto, sans-serif;
}

/*News Slides*/
.news-slide
{
	position: relative;
}

.news-slide .overlaybg
{
	height: 360px;
	overflow: hidden;
}

.news-slide .overlaybg img
{
	width: 100%;
	height: 100%;
}

.news-slide .news-content
{
	position: absolute;
	height: 360px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
	width: 100%;
	top: 0px;
	padding: 30px;
}

.news-slide .news-content h2
{
	height: 240px;
	overflow: hidden;
	color: #ffffff;
}

.news-slide .news-content a
{
	color: #ffffff;
	opacity: 0.6;
	text-transform: uppercase;
}

.news-slide .news-content a:hover
{
	opacity: 1;
}

/*Nav pill rounded*/
.nav-pills-rounded li
{
	display: inline-block;
	float: none;
}

.nav-pills-rounded li a
{
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	color: #686868;
	padding: 10px 25px;
}

.nav-pills-rounded li.active a,
.nav-pills-rounded li.active a:focus, .nav-pills-rounded li.active a:hover
{
	background: #3497D9;
	color: #ffffff;
}

/*statistics-info*/
.statistics-info .list-inline
{
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
}

/*analytics-info*/
.analytics-info .list-inline
{
	margin-bottom: 0px;
}

.analytics-info .list-inline li
{
	vertical-align: middle;
}

.analytics-info .list-inline li span
{
	font-size: 24px;
}

.analytics-info .list-inline li i
{
	font-size: 20px;
}

/*Feeds*/
.feeds
{
	margin: 0px;
	padding: 0px;
}

.feeds li
{
	list-style: none;
	padding: 10px;
	display: block;
}

.feeds li:hover
{
	background: #f7fafc;
}

.feeds li > div
{
	width: 40px;
	height: 40px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border-radius: 100%;
}

.feeds li > div i
{
	line-height: 40px;
}

.feeds li span
{
	width: auto;
	font-size: 12px;
}

.feeds li.notifications_unread
{
	font-weight: bold;
	background: #f7fafc;
}

.feeds li span.text-muted > a
{
	color: #2F9EE0;
}

.white-box .feeds li span
{
	font-size: 12px;
}

/*Jquery toaster alert*/
.jq-icon-info
{
	background-color: #2d96dc;
	color: #ffffff;
}

.jq-icon-success
{
	background-color: #00c292;
	color: #ffffff;
}

.jq-icon-error
{
	background-color: #e04a4a;
	color: #ffffff;
}

.jq-icon-warning
{
	background-color: #F6BB42;
	color: #ffffff;
}

/*Dropzone*/
.dropzone
{
	border-style: dashed;
	border-width: 1px;
}

/*sales boxes*/
.weather h1 sup
{
	font-size: 20px;
	top: -1.2em;
}

/* Button 1c */
.fcbtn
{
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding: 8px 20px;
}

.fcbtn:after
{
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/*sweat Aleart*/
.btn.btn-xs
{
	padding-top: 3px;
}

.btn.btn-xs.btn-default
{
	color: #686868;
}

/* Button 1b */
.btn-1b:after
{
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
}

.btn-1b:hover, .btn-1b:active
{
	color: #fff;
}

.btn-1b:hover:after, .btn-1b:active:after
{
	height: 100%;
}

.btn-1b.btn-info:after, .btn-1c.btn-info:after, .btn-1d.btn-info:after, .btn-1e.btn-info:after, .btn-1f.btn-info:after
{
	background: #2d96dc;
}

.btn-1b.btn-warning:after, .btn-1c.btn-warning:after, .btn-1d.btn-warning:after, .btn-1e.btn-warning:after, .btn-1f.btn-warning:after
{
	background: #F6BB42;
}

.btn-1b.btn-danger:after, .btn-1c.btn-danger:after, .btn-1d.btn-danger:after, .btn-1e.btn-danger:after, .btn-1f.btn-danger:after
{
	background: #e04a4a;
}

.btn-1b.btn-primary:after, .btn-1c.btn-primary:after, .btn-1d.btn-primary:after, .btn-1e.btn-primary:after, .btn-1f.btn-primary:after
{
	background: #3497D9;
}

.btn-1b.btn-success:after, .btn-1c.btn-success:after, .btn-1d.btn-success:after, .btn-1e.btn-success:after, .btn-1f.btn-success:after
{
	background: #00c292;
}

.btn-1b.btn-inverse:after, .btn-1c.btn-inverse:after, .btn-1d.btn-inverse:after, .btn-1e.btn-inverse:after, .btn-1f.btn-inverse:after
{
	background: #6c6461;
}

/* Button 1c */
.btn-1c:after
{
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
}

.btn-1c:hover, .btn-1c:active
{
	color: #000;
}

.btn-1c:hover:after, .btn-1c:active:after
{
	width: 100%;
}

/* Button 1d */
.btn-1d
{
	overflow: hidden;
}

.btn-1d:after
{
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1d:hover:after
{
	width: 100%;
	opacity: 1;
}

/* Button 1e */
.btn-1e
{
	overflow: hidden;
}

.btn-1e:after
{
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-1e:hover:after
{
	height: 260%;
	opacity: 1;
}

.btn-1e:active:after
{
	height: 400%;
	opacity: 1;
}

/* Button 1f */
.btn-1f
{
	overflow: hidden;
}

.btn-1f:after
{
	width: 101%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1f:hover:after
{
	height: 100%;
	opacity: 1;
}

.btn-1f:active:after
{
	height: 130%;
	opacity: 1;
}

/*sweat Aleart*/
.sweet-alert
{
	padding: 25px;
}

.sweet-alert h2
{
	margin-top: 0px;
}

.sweet-alert p
{
	line-height: 30px;
}

/*List icon*/
ul.list-icons
{
	margin: 0px;
	padding: 0px;
}

ul.list-icons li
{
	list-style: none;
	line-height: 40px;
}

ul.list-icons li i
{
	font-size: 12px;
	margin-right: 5px;
}

/*Tooltip*/
.demo-tooltip .tooltip,
.demo-popover .popover
{
	position: relative;
	margin-right: 25px;
	opacity: 1;
	display: inline-block;
}

.tooltip-inner
{
	border-radius: 3px;
	padding: 5px 10px;
}

.tooltip.in
{
	opacity: 1;
}

.tooltip-primary.tooltip .tooltip-inner,
.tooltip-primary + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #3497D9;
}

.tooltip-primary.tooltip.top .tooltip-arrow,
.tooltip-primary + .tooltip.top .tooltip-arrow
{
	border-top-color: #3497D9;
}

.tooltip-primary.tooltip.right .tooltip-arrow,
.tooltip-primary + .tooltip.right .tooltip-arrow
{
	border-right-color: #3497D9;
}

.tooltip-primary.tooltip.bottom .tooltip-arrow,
.tooltip-primary + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #3497D9;
}

.tooltip-primary.tooltip.left .tooltip-arrow,
.tooltip-primary + .tooltip.left .tooltip-arrow
{
	border-left-color: #3497D9;
}

.tooltip-success.tooltip .tooltip-inner,
.tooltip-success + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #00c292;
}

.tooltip-success.tooltip.top .tooltip-arrow,
.tooltip-success + .tooltip.top .tooltip-arrow
{
	border-top-color: #00c292;
}

.tooltip-success.tooltip.right .tooltip-arrow,
.tooltip-success + .tooltip.right .tooltip-arrow
{
	border-right-color: #00c292;
}

.tooltip-success.tooltip.bottom .tooltip-arrow,
.tooltip-success + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #00c292;
}

.tooltip-success.tooltip.left .tooltip-arrow,
.tooltip-success + .tooltip.left .tooltip-arrow
{
	border-left-color: #00c292;
}

.tooltip-green.tooltip .tooltip-inner,
.tooltip-green + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #83af31;
}

.tooltip-green.tooltip.top .tooltip-arrow,
.tooltip-green + .tooltip.top .tooltip-arrow
{
	border-top-color: #83af31;
}

.tooltip-green.tooltip.right .tooltip-arrow,
.tooltip-green + .tooltip.right .tooltip-arrow
{
	border-right-color: #83af31;
}

.tooltip-green.tooltip.bottom .tooltip-arrow,
.tooltip-green + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #83af31;
}

.tooltip-green.tooltip.left .tooltip-arrow,
.tooltip-green + .tooltip.left .tooltip-arrow
{
	border-left-color: #83af31;
}

.tooltip-purple.tooltip .tooltip-inner,
.tooltip-purple + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #a12e6b;
}

.tooltip-purple.tooltip.top .tooltip-arrow,
.tooltip-purple + .tooltip.top .tooltip-arrow
{
	border-top-color: #a12e6b;
}

.tooltip-purple.tooltip.right .tooltip-arrow,
.tooltip-purple + .tooltip.right .tooltip-arrow
{
	border-right-color: #a12e6b;
}

.tooltip-purple.tooltip.bottom .tooltip-arrow,
.tooltip-purple + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #a12e6b;
}

.tooltip-purple.tooltip.left .tooltip-arrow,
.tooltip-purple + .tooltip.left .tooltip-arrow
{
	border-left-color: #a12e6b;
}

.tooltip-pink.tooltip .tooltip-inner,
.tooltip-pink + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #BE2977;
}

.tooltip-pink.tooltip.top .tooltip-arrow,
.tooltip-pink + .tooltip.top .tooltip-arrow
{
	border-top-color: #BE2977;
}

.tooltip-pink.tooltip.right .tooltip-arrow,
.tooltip-pink + .tooltip.right .tooltip-arrow
{
	border-right-color: #BE2977;
}

.tooltip-pink.tooltip.bottom .tooltip-arrow,
.tooltip-pink + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #BE2977;
}

.tooltip-pink.tooltip.left .tooltip-arrow,
.tooltip-pink + .tooltip.left .tooltip-arrow
{
	border-left-color: #BE2977;
}

.tooltip-red.tooltip .tooltip-inner,
.tooltip-red + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #a31a22;
}

.tooltip-red.tooltip.top .tooltip-arrow,
.tooltip-red + .tooltip.top .tooltip-arrow
{
	border-top-color: #a31a22;
}

.tooltip-red.tooltip.right .tooltip-arrow,
.tooltip-red + .tooltip.right .tooltip-arrow
{
	border-right-color: #a31a22;
}

.tooltip-red.tooltip.bottom .tooltip-arrow,
.tooltip-red + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #a31a22;
}

.tooltip-red.tooltip.left .tooltip-arrow,
.tooltip-red + .tooltip.left .tooltip-arrow
{
	border-left-color: #a31a22;
}

.tooltip-orange.tooltip .tooltip-inner,
.tooltip-orange + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #fe9220;
}

.tooltip-orange.tooltip.top .tooltip-arrow,
.tooltip-orange + .tooltip.top .tooltip-arrow
{
	border-top-color: #fe9220;
}

.tooltip-orange.tooltip.right .tooltip-arrow,
.tooltip-orange + .tooltip.right .tooltip-arrow
{
	border-right-color: #fe9220;
}

.tooltip-orange.tooltip.bottom .tooltip-arrow,
.tooltip-orange + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #fe9220;
}

.tooltip-orange.tooltip.left .tooltip-arrow,
.tooltip-orange + .tooltip.left .tooltip-arrow
{
	border-left-color: #fe9220;
}

.tooltip-blue.tooltip .tooltip-inner,
.tooltip-blue + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #2d96dc;
}

.tooltip-blue.tooltip.top .tooltip-arrow,
.tooltip-blue + .tooltip.top .tooltip-arrow
{
	border-top-color: #2d96dc;
}

.tooltip-blue.tooltip.right .tooltip-arrow,
.tooltip-blue + .tooltip.right .tooltip-arrow
{
	border-right-color: #2d96dc;
}

.tooltip-blue.tooltip.bottom .tooltip-arrow,
.tooltip-blue + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #2d96dc;
}

.tooltip-blue.tooltip.left .tooltip-arrow,
.tooltip-blue + .tooltip.left .tooltip-arrow
{
	border-left-color: #2d96dc;
}

.tooltip-warning.tooltip .tooltip-inner,
.tooltip-warning + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #F6BB42;
}

.tooltip-warning.tooltip.top .tooltip-arrow,
.tooltip-warning + .tooltip.top .tooltip-arrow
{
	border-top-color: #F6BB42;
}

.tooltip-warning.tooltip.right .tooltip-arrow,
.tooltip-warning + .tooltip.right .tooltip-arrow
{
	border-right-color: #F6BB42;
}

.tooltip-warning.tooltip.bottom .tooltip-arrow,
.tooltip-warning + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #F6BB42;
}

.tooltip-warning.tooltip.left .tooltip-arrow,
.tooltip-warning + .tooltip.left .tooltip-arrow
{
	border-left-color: #F6BB42;
}

.tooltip-info.tooltip .tooltip-inner,
.tooltip-info + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #2d96dc;
}

.tooltip-info.tooltip.top .tooltip-arrow,
.tooltip-info + .tooltip.top .tooltip-arrow
{
	border-top-color: #2d96dc;
}

.tooltip-info.tooltip.right .tooltip-arrow,
.tooltip-info + .tooltip.right .tooltip-arrow
{
	border-right-color: #2d96dc;
}

.tooltip-info.tooltip.bottom .tooltip-arrow,
.tooltip-info + tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #2d96dc;
}

.tooltip-info.tooltip.left .tooltip-arrow,
.tooltip-info + .tooltip.left .tooltip-arrow
{
	border-left-color: #2d96dc;
}

.tooltip-danger.tooltip .tooltip-inner,
.tooltip-danger + .tooltip .tooltip-inner
{
	color: #ffffff;
	background-color: #e04a4a;
}

.tooltip-danger.tooltip.top .tooltip-arrow,
.tooltip-danger + .tooltip.top .tooltip-arrow
{
	border-top-color: #e04a4a;
}

.tooltip-danger.tooltip.right .tooltip-arrow,
.tooltip-danger + .tooltip.right .tooltip-arrow
{
	border-right-color: #e04a4a;
}

.tooltip-danger.tooltip.bottom .tooltip-arrow,
.tooltip-danger + .tooltip.bottom .tooltip-arrow
{
	border-bottom-color: #e04a4a;
}

.tooltip-danger.tooltip.left .tooltip-arrow,
.tooltip-danger + .tooltip.left .tooltip-arrow
{
	border-left-color: #e04a4a;
}

.flotTip
{
	padding: 8px 12px;
	background-color: #2b2b2b;
	z-index: 100;
	color: #ffffff;
	opacity: 0.9;
	font-size: 13px;
}

/*Popover*/
.popover
{
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.popover .popover-title
{
	border-radius: 0px;
}

.popover-primary + .popover .popover-title
{
	color: #ffffff;
	background-color: #3497D9;
	border-color: #3497D9;
}

.popover-primary + .popover.bottom .arrow
{
	border-bottom-color: #3497D9;
}

.popover-primary + .popover.bottom .arrow:after
{
	border-bottom-color: #3497D9;
}

.popover-success + .popover .popover-title
{
	color: #ffffff;
	background-color: #00c292;
	border-color: #00c292;
}

.popover-success + .popover.bottom .arrow
{
	border-bottom-color: #00c292;
}

.popover-success + .popover.bottom .arrow:after
{
	border-bottom-color: #00c292;
}

.popover-info + .popover .popover-title
{
	color: #ffffff;
	background-color: #2d96dc;
	border-color: #2d96dc;
}

.popover-info + .popover.bottom .arrow
{
	border-bottom-color: #2d96dc;
}

.popover-info + .popover.bottom .arrow:after
{
	border-bottom-color: #2d96dc;
}

.popover-warning + .popover .popover-title
{
	color: #ffffff;
	background-color: #F6BB42;
	border-color: #F6BB42;
}

.popover-warning + .popover.bottom .arrow
{
	border-bottom-color: #F6BB42;
}

.popover-warning + .popover.bottom .arrow:after
{
	border-bottom-color: #F6BB42;
}

.popover-danger + .popover .popover-title
{
	color: #ffffff;
	background-color: #e04a4a;
	border-color: #e04a4a;
}

.popover-danger + .popover.bottom .arrow
{
	border-bottom-color: #e04a4a;
}

.popover-danger + .popover.bottom .arrow:after
{
	border-bottom-color: #e04a4a;
}

/*File Upload*/
.btn-file
{
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.btn-file > input
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 23px;
	height: 100%;
	width: 100%;
	direction: ltr;
	cursor: pointer;
	border-radius: 0px;
}

.fileinput
{
	margin-bottom: 9px;
	display: inline-block;
}

.fileinput .form-control
{
	padding-top: 7px;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 0px;
	vertical-align: middle;
	cursor: text;
}

.fileinput .thumbnail
{
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

.fileinput .thumbnail > img
{
	max-height: 100%;
}

.fileinput .btn
{
	vertical-align: middle;
}

.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists
{
	display: none;
}

.fileinput-inline .fileinput-controls
{
	display: inline;
}

.fileinput-filename
{
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
}

.form-control .fileinput-filename
{
	vertical-align: bottom;
}

.fileinput.input-group
{
	display: table;
}

.fileinput.input-group > *
{
	position: relative;
	z-index: 2;
}

.fileinput.input-group > .btn-file
{
	z-index: 1;
}

/*Bootstrap select*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
	width: 100%;
}

.ms-container .ms-list
{
	border-radius: 0px;
	box-shadow: none;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection
{
	padding: 6px 10px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover
{
	background: #2d96dc;
}

/*Dropzone*/
.dropzone .dz-message
{
	text-align: center;
	margin: 10% 0;
}

/*xeditable*/
.editable-input .form-control
{
	height: 30px;
}

/*ascolorpicker*/
.asColorPicker-trigger
{
	position: absolute;
	top: 0;
	right: -35px;
	height: 38px;
	width: 37px;
	border: 0px;
}

.asColorPicker-dropdown
{
	max-width: 260px;
}

.asColorPicker-clear
{
	top: 7px;
	right: 16px;
}

/*Datepicker*/
.datepicker table tr td.today,
.datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover
{
	background-image: none;
	background: #3497D9;
	color: #ffffff;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover
{
	background-image: none;
	background: #2d96dc;
	color: #ffffff;
}

/*Datatable*/
.editable-table + input.error
{
	border: 1px solid #danger;
	outline: 0;
	outline-offset: 0;
}

.editable-table + input,
.editable-table + input:focus, #editable-datatable_wrapper + input:focus
{
	border: 1px solid #2d96dc !important;
	outline: 0!important;
	outline-offset: 0 !important;
}

.editable-table td:focus
{
	outline: 0;
}

/*Form-Wizard*/
.wizard-steps
{
	display: table;
	width: 100%;
}

.wizard-steps > li
{
	display: table-cell;
	padding: 10px 20px;
	background: #f7fafc;
}

.wizard-steps > li span
{
	border-radius: 100%;
	border: 1px solid rgba(120, 130, 140, 0.13);
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 9px;
	margin-right: 8px;
	text-align: center;
}

.wizard-content
{
	padding: 25px;
	border-color: rgba(120, 130, 140, 0.13);
	margin-bottom: 30px;
}

.wizard-steps > li.current,
.wizard-steps > li.done
{
	background: #2d96dc;
	color: #ffffff;
}

.wizard-steps > li.current span,
.wizard-steps > li.done span
{
	border-color: #ffffff;
	color: #ffffff;
}

.wizard-steps > li.current h4,
.wizard-steps > li.done h4
{
	color: #ffffff;
}

.wizard-steps > li.done
{
	background: #00c292;
}

.wizard-steps > li.error
{
	background: #e04a4a;
}

.wiz-aco .pager
{
	margin: 0px;
}

/*********************************

**** Autocomple ******************

**********************************/
.ui-autocomplete
{
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	list-style: none;
	background: #ffffff;
	border-right: solid 1px #e4e7ea;
	border-bottom: solid 1px #e4e7ea;
	border-left: solid 1px #e4e7ea;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 0;
	max-height: 400px;
	overflow-y: auto;
}

.ui-corner-all
{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-menu
{
	border: 1px solid #e4e7ea;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	z-index: 99;
}

.ui-menu .ui-menu-item
{
	color: #888;
	padding: 2px 4px;
}

.ui-menu .ui-menu-item:hover
{
	display: block;
	text-decoration: none;
	color: #00A8F6;
	cursor: pointer;
	background-color: #f1f4f7;
	background-image: none;
	border: 1px solid #e4e7ea;
}

.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus
{
	border: 1px solid #e4e7ea;
	background-image: none;
	background-color: #f1f4f7;
	color: #3D3D3D;
}

.each-autocompleter
{
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	padding: 3px 0;
}

.acItem-autocompleter span
{
	display: block;
	clear: both;
}

.acItem-autocompleter .name-autocompleter
{
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F5467;
}

.each-autocompleter:hover .acItem-autocompleter .name-autocompleter
{
	color: #00A8F6;
}

.acItem-autocompleter .desc-autocompleter
{
	font-size: 9px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #74838a;
}

/*************************

*** FORM EDITABLE

/***************************!*/
/*/
 X-editable - v1.5.1

* In-place editing with Twitter Bootstrap,
jQuery UI or pure jQuery

* 	http: //github.com/vitalets/x-editable

* Copyright (c) 2013 Vitaliy Potapov;
Licensed MIT */
.editableform
{
	margin-bottom: 0;
/* overwrites bootstrap margin */
}

.editableform .control-group
{
	margin-bottom: 0;
/* overwrites bootstrap margin */
	white-space: nowrap;
/* prevent wrapping buttons on new line */
	line-height: 20px;
/* overwriting bootstrap line-height. See #133 */
}

/*

  BS3 width:1005 for inputs breaks editable form in popup

  See: https://github.com/vitalets/x-editable/issues/393

*/
.editableform .form-control
{
	width: auto;
}

.editable-buttons
{
	display: inline-block;
/* should be inline to take effect of parent's 	white-space: nowrap */
vertical-align:top;
	margin-left: 7px;
/* inline-block emulation for IE7*/
	zoom: 1;
*	display: inline;
}

.editable-buttons.editable-buttons-bottom
{
	display: block;
	margin-top: 7px;
	margin-left: 0;
}

.editable-input
{
	vertical-align: top;
	display: inline-block;
/* should be inline to take effect of parent's 	white-space: nowrap */
width:auto;
/* bootstrap-responsive has 	width: 100% that breakes layout */
white-space:normal;
/* reset white-space decalred in parent*/
/* display-inline emulation for IE7*/
	zoom: 1;
*	display: inline;
}

.editable-buttons .editable-cancel
{
	margin-left: 7px;
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only
{
	height: 24px;
	width: 30px;
}

.editableform-loading
{
	background: url(/application/themes/default/images/bootstra-editable/loading.gif?c=2763) center center no-repeat;
	height: 25px;
	width: auto;
	min-width: 25px;
}

.editable-inline .editableform-loading
{
	background-position: left 5px;
}

.editable-error-block
{
	max-width: 300px;
	margin: 5px 0 0 0;
	width: auto;
	white-space: normal;
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error
{
	padding: 3px;
}

.editable-error
{
	color: red;
}

/* ---- For specific types ---- */
.editableform .editable-date
{
	padding: 0;
	margin: 0;
	float: left;
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th
{
	margin-top: 3px;
	margin-left: 1px;
}

/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span
{
	vertical-align: middle;
	margin: 0;
}

.editable-checklist label
{
	white-space: nowrap;
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5
{
	width: 566px;
	height: 250px;
}

/* clear button shown as link in date inputs */
.editable-clear
{
	clear: both;
	font-size: 0.9em;
	text-decoration: none;
	text-align: right;
}

/* IOS-style clear button for text inputs */
.editable-clear-x
{
	background: url(/application/themes/default/images/bootstra-editable/clear.png?c=2763) center center no-repeat;
	display: block;
	width: 13px;
	height: 13px;
	position: absolute;
	opacity: 0.6;
	z-index: 100;
	top: 50%;
	right: 6px;
	margin-top: -6px;
}

.editable-clear-x:hover
{
	opacity: 1;
}

.editable-pre-wrapped
{
	white-space: pre-wrap;
}

.editable-container.editable-popup
{
	max-width: none !important;
/* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover
{
	width: auto;
/* without this rule popover does not stretch */
}

.editable-container.editable-inline
{
	display: inline-block;
	vertical-align: middle;
	width: auto;
/* inline-block emulation for IE7*/
	zoom: 1;
*	display: inline;
}

.editable-container.ui-widget
{
	font-size: inherit;
/* jqueryui widget font 1.1em too big,
overwrite it */
	z-index: 9990;
/* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover
{
	text-decoration: none;
	border-bottom: dashed 1px #0088cc;
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover
{
	color: #585858;
	cursor: default;
	border-bottom: none;
}

.editable-empty,
.editable-empty:hover, .editable-empty:focus
{
	font-style: italic;
	color: #DD1144;
/* 	border-bottom: none;
*/
	text-decoration: none;
}

.editable-unsaved
{
	font-weight: bold;
}

.editable-unsaved:after
{
/*    content: '*'*/
}

.editable-bg-transition
{
	-webkit-transition: background-color 1400ms ease-out;
	-moz-transition: background-color 1400ms ease-out;
	-o-transition: background-color 1400ms ease-out;
	-ms-transition: background-color 1400ms ease-out;
	transition: background-color 1400ms ease-out;
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable
{
	padding-top: 5px;
	display: inline-block;
}

/*** CART ***/
.mini-menu > ul > li > .mini_cart > a.dropdown-cart
{
	background-color: #2a8bc5;
}

.mini-menu > ul > li > .mini_cart > a.dropdown-cart:hover
{
	background-color: #309fe1;
}

/*** Logout link ***/
.mini-menu > ul > li a.core_mini_logout:first-child, .mini-menu > ul > li a.core_mini_logout
{
	border-color: #c4131c;
	color: #ffffff;
	background-color: #f96262;
}

.mini-menu > ul > li a.core_mini_logout:hover
{
	background-color: #c4131c;
}

/*** Tooltip ***/
.mini-menu .tooltip-inner
{
	min-width: 150px;
}

/* eof search */
/* sidebar */
.sidebar
{
	overflow-y: auto;
	background: #fff;
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

.sidebar .sidebar-nav.navbar-collapse
{
	padding-left: 0;
	padding-right: 0;
}

.sidebar .fa-fw
{
	width: 20px;
	text-align: left!important;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}

.sidebar .label
{
	font-size: 10px;
	border-radius: 60px;
	padding: 6px 8px;
	min-width: 30px;
	height: 20px;
}

.sidebar #side-menu .user-pro a
{
	padding-left: 20px;
}

.sidebar #side-menu .user-pro .nav-second-level a:hover
{
	color: #ff6849;
}

.sidebar #side-menu .user-pro .arrow
{
	top: 23px;
	right: 20px;
}

.sidebar #side-menu .user-pro > a
{
	background: #EFAE2C;
	padding: 17px 7px 16px 15px !important;
	color: #fff;
}

.sidebar #side-menu .user-pro > a > span
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 71%;
	display: block;
	float: left;
	line-height: 30px;
}

body.content-wrapper .sidebar #side-menu .user-pro > a > span
{
	display: none;
}

body.content-wrapper .sidebar #side-menu .user-pro:hover > a > span
{
	display: block;
}

/*.content-wrapper .sidebar #side-menu > li,
*/
.content-wrapper .sidebar #side-menu .user-pro > a
{
	background: transparent;
	color: #6c6461;
}

.sidebar #side-menu .user-pro .img-circle
{
	width: 30px;
	margin-right: 8px;
	display: block;
	float: left;
}

.sidebar #side-menu .user-pro .nav-second-level li i
{
	margin-right: 5px;
}

.sidebar .sidebar-search
{
	padding: 15px;
}

#side-menu li.active > a
{
	background: rgba(0, 0, 0, 0.02);
}

#side-menu li a
{
	color: #6c6461;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	border-left: 0px solid #ffffff;
}

#side-menu > li > a
{
	padding: 15px;
}

#side-menu > li > a > i
{
	margin-right: 7px;
}

#side-menu > li > a:hover, #side-menu > li > a:focus
{
	background: rgba(108, 100, 97, 0.03);
}

#side-menu > li.active > a
{
	border-left: 3px solid #EFAE2C;
	color: #2b2b2b;
	font-weight: 600;
	background: rgba(0, 0, 0, 0.03);
}

#side-menu ul > li > a:hover
{
	color: #EFAE2C;
	background: none;
}

#side-menu ul > li.active > a
{
	color: #EFAE2C;
}

.sidebar .arrow
{
	position: absolute;
	right: 15px;
	top: 18px;
}

.sidebar .nav-second-level .arrow
{
	top: 12px;
}

.sidebar .fa.arrow:before
{
	content: "\f105";
}

.sidebar .active > a > span > .fa.arrow:before
{
	content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li
{
	border-bottom: none !important;
}

.sidebar .nav-second-level li a
{
	padding-left: 40px;
}

.sidebar .nav-third-level li a
{
	padding-left: 52px;
}

.content-wrapper .nicescroll-rails
{
	display: none!important;
}

.fix-sidebar .top-left-part
{
	background: #EFAE2C;
}

/*Ipad*/
@media (min-width: 768px)
{
#page-wrapper
{
	position: inherit;
	margin: 0px 0 0px 220px;
}

.navbar-default
{
	position: relative;
	width: 100%;
	top: 0px;
}

.fix-header .navbar-static-top
{
	position: fixed;
}

.fix-header #page-wrapper
{
	margin-top: 60px;
}

.sidebar
{
	z-index: 13;
	position: absolute;
	width: 220px;
	padding-top: 60px;
	height: 100%;
}

.fix-sidebar .sidebar
{
	position: fixed;
	overflow: hidden;
}

.fix-sidebar .top-left-part
{
	position: fixed;
	width: 220px;
}

.fix-sidebar .navbar-left
{
	margin-left: 220px;
}

.footer
{
	padding-left: 220px;
}

.content-wrapper #page-wrapper
{
	margin-left: 60px;
}

.content-wrapper .navbar-left
{
	margin-left: 0px;
}

.content-wrapper .footer
{
	padding-left: 60px;
}

.content-wrapper .sidebar
{
	width: 60px;
}

.content-wrapper .sidebar .hide-menu
{
	display: none;
	width: 180px;
	left: 60px;
}

.content-wrapper .sidebar .sidebar-nav
{
	position: absolute;
	overflow: hidden;
}

.content-wrapper .sidebar .sidebar-nav .nav-second-level
{
	position: absolute;
	z-index: 999999;
}

.content-wrapper .sidebar .nav-small-cap,
.content-wrapper .sidebar li span span
{
	display: none;
}

.content-wrapper .sidebar #side-menu > li:hover
{
	width: 300px;
	background: #f7fafc;
}

.content-wrapper .sidebar li:hover .hide-menu
{
	display: inline;
}

.content-wrapper .sidebar #side-menu > li > a
{
	padding: 15px 17px 15px 20px;
	max-height: 50px;
}

.content-wrapper .sidebar li:hover .nav-second-level.in, .content-wrapper .sidebar li:hover .nav-second-level, .content-wrapper .sidebar li:hover .nav-second-level.collapse li
{
	display: block;
}

.content-wrapper .sidebar .nav-second-level
{
	position: absolute;
	left: 60px;
	background: #f7fafc;
	width: 240px;
	opacity: 1;
	padding-bottom: 20px;
	display: none;
}

.content-wrapper .sidebar .nav-second-level li
{
	background: #f7fafc;
}

.content-wrapper .top-left-part
{
	width: 60px;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts
{
	margin-left: auto;
}

.mail_listing
{
	border-left: 1px solid rgba(120, 130, 140, 0.13);
	padding-left: 20px;
}

.inbox-panel
{
	padding-right: 20px;
}

.top-minus
{
	margin-top: -62px;
	float: right;
}

.fix-sidebar.content-wrapper .navbar-left,
.content-wrapper.fix-sidebar .navbar-left
{
	margin-left: 60px!important;
}

.fix-sidebar.content-wrapper .sidebar,
.content-wrapper.fix-sidebar .sidebar
{
	position: fixed;
}

.fix-sidebar.content-wrapper .sidebar .sidebar-nav,
.content-wrapper.fix-sidebar .sidebar .sidebar-nav
{
	position: absolute;
}

.fix-sidebar.content-wrapper .sidebar .sidebar-nav .nav-second-level,
.content-wrapper.fix-sidebar .sidebar .sidebar-nav .nav-second-level
{
	position: absolute;
	z-index: 99999;
}


}

/* eof sidebar */
/* profile */
.profile
{
	float: left;
	width: 100%;
	padding: 6px 0px 6px 10px;
	position: relative;
	border-top: 1px solid #6c6461;
	border-bottom: 1px solid #5c6461;
}

.profile img
{
	border: 3px solid #5a7793;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	float: left;
	margin-right: 7px;
	max-width: 40px;
	max-height: 40px;
}

.profile .profile-info
{
	float: left;
	position: relative;
	width: 150px;
	height: 36px;
	padding-top: 3px;
}

.profile .profile-info .profile-title
{
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 16px;
}

.profile .profile-info .profile-subtitle
{
	font-size: 11px;
	color: #CCC;
	display: block;
	float: left;
	clear: both;
}

.profile .profile-info .profile-buttons
{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -10px;
}

.profile .profile-info .profile-buttons a.but
{
	display: block;
	color: #FFF;
	font-size: 16px;
	width: 28px;
	height: 16px;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	cursor: pointer;
	text-align: center;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 16px;
}

.profile .profile-info .profile-buttons a.but:hover
{
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	transition: all 100ms;
}

.profile-buttons .dropdown-menu
{
	top: 25px;
}

.commerciale-details-box
{
	padding-left: 15px;
	padding-right: 15px;
}

/* eof profile */
/* page toolbar */
.page-content .page-toolbar
{
	width: 100%;
	float: left;
	padding: 0px;
	background: #ffffff;
	border-bottom: 1px solid #e5e5e5;
}

.page-content .page-toolbar .page-toolbar-block
{
	float: left;
	margin: 20px 0px 10px 20px;
}

.page-content .page-toolbar .page-toolbar-title
{
	font-size: 24px;
	line-height: 25px;
	color: #444;
	font-weight: 500;
	margin-bottom: 5px;
}

.page-content .page-toolbar .page-toolbar-subtitle
{
	font-size: 12px;
	line-height: 20px;
	color: #888;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0px 0px 5px;
}

.page-container .page-content.page-content-default
{
	background: #6c6461;
	padding: 0px;
	float: left;
	width: 100%;
}

.page-toolbar-block ul.navigation li
{
	display: inline-block;
}

.page-toolbar-block ul.navigation li a
{
	border: solid 1px rgba(0, 0, 0, .05);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	padding: 5px 10px 6px;
	font-weight: 400;
	line-height: 1.42857143;
	background-color: #F6F6F6;
	color: #555;
}

.page-toolbar-block ul.navigation li a:hover, .page-toolbar-block ul.navigation li.active a
{
	border: solid 1px #1d8db9;
	background-color: #3497D9;
	color: #fff;
}

.widget-info
{
	float: left;
	position: relative;
	border-right: 1px solid #e5e5e5;
	padding: 0px 20px;
	margin-bottom: 10px;
}

.widget-info.widget-from
{
	margin-top: 10px;
}

.widget-info .widget-info-title,
.widget-info .widget-info-value
{
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #888;
	clear: both;
	text-transform: uppercase;
	font-weight: 400;
}

.widget-info .widget-info-title
{
	margin-bottom: 5px;
}

.widget-info .widget-info-value
{
	color: #444;
	font-size: 16px;
}

.widget-info .widget-info-chart
{
	margin-left: 10px;
}

div .widget-info:last-child
{
	border-right: 0px;
}

/* page tabs */
/*.page-toolbar-tabs
{
*/
/*	float: left;
*/
/*	width: 100%;
*/
/*	margin: 0px;
*/
/*	padding: 0px;
*/
/*	border-top: 1px solid #e5e5e5;
*/
/*	list-style: none;
*/
/*
}

*/
/*.page-toolbar-tabs li
{
*/
/*	float: left;
*/
/*	display: block;
*/
/*
}

*/
/*.page-toolbar-tabs li a
{
*/
/*	font-size: 12px;
*/
/*	text-transform: uppercase;
*/
/*	text-decoration: none;
*/
/*	display: block;
*/
/*	float: left;
*/
/*	line-height: 20px;
*/
/*	padding: 10px 10px 7px;
*/
/*	color: #333;
*/
/*	font-weight: 400;
*/
/*	margin-right: 1px;
*/
/*	border-bottom: 3px solid transparent;
*/
/*	-webkit-transition: all 200ms;
*/
/*	-moz-transition: all 200ms;
*/
/*	transition: all 200ms;
*/
/*	position: relative;
*/
/*
}

*/
/*.page-toolbar-tabs li a:hover, */
/*.page-toolbar-tabs li.active a
{
*/
/*	border-bottom-color: #3497D9;
*/
/*	background: #F5F5F5;
*/
/*
}

*/
/*.page-toolbar-tabs li a.new-tab:hover, */
/*.page-toolbar-tabs li.active a.new-tab
{
*/
/*	border-bottom-color: transparent;
*/
/*
}

*/
/*#ajax-content-tabs li a
{
*/
/*	padding-right: 20px;
*/
/*
}

*/
/*.page-toolbar-tabs li a span.tab-close
{
*/
/*	position: absolute;
*/
/*	right: 5px;
*/
/*	top: 14px;
*/
/*	color: #AAA;
*/
/*	font-size: 11px;
*/
/*
}

*/
/*.page-toolbar-tabs li a span.tab-close:hover
{
*/
/*	color: #333;
*/
/*
}

*/
/*#ajax-content-tabs li a.new-tab
{
*/
/*	padding-right: 10px;
*/
/*
}

*/
/*.page-toolbar-tab
{
*/
/*	display: none;
*/
/*
}

*/
/*.page-toolbar-tab.active
{
*/
/*	display: block;
*/
/*
}

*/
/* eof page tabs */
/* eof page toolbar */
/* eof page navigation elements */
/* profile */
.profile
{
	float: left;
	width: 100%;
	padding: 6px 0px 6px 10px;
	position: relative;
	border-top: 1px solid #6c6461;
	border-bottom: 1px solid #5c6461;
}

.profile img
{
	border: 3px solid #5a7793;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.profile .profile-info
{
	float: left;
	position: relative;
	width: 150px;
	height: 36px;
	padding-top: 3px;
}

.profile .profile-info .profile-title
{
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 16px;
}

.profile .profile-info .profile-subtitle
{
	font-size: 11px;
	color: #CCC;
	display: block;
	float: left;
	clear: both;
}

.profile .profile-info .profile-parent
{
	font-size: 8px;
	color: #88afd9;
	display: block;
	float: left;
	clear: both;
}

.profile .profile-info .profile-buttons
{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -10px;
}

.profile .profile-info .profile-buttons a.but
{
	display: block;
	color: #FFF;
	font-size: 16px;
	width: 28px;
	height: 16px;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	cursor: pointer;
	text-align: center;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 16px;
}

.profile .profile-info .profile-buttons a.but:hover
{
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	transition: all 100ms;
}

.profile-buttons .dropdown-menu
{
	top: 25px;
}

/* eof profile */
/* page toolbar */
.page-content .page-toolbar
{
	width: 100%;
	float: left;
	padding: 0px;
	background: #ffffff;
	border-bottom: 1px solid #e5e5e5;
}

.page-content .page-toolbar .page-toolbar-block
{
	float: left;
	margin: 20px 0px 10px 20px;
}

.page-content .page-toolbar .page-toolbar-title
{
	font-size: 24px;
	line-height: 25px;
	color: #444;
	font-weight: 500;
	margin-bottom: 5px;
}

.page-content .page-toolbar .page-toolbar-subtitle
{
	font-size: 12px;
	line-height: 20px;
	color: #888;
	text-transform: uppercase;
	margin: 0px 0px 5px;
}

.page-container .page-content.page-content-default
{
	background: #6c6461;
	padding: 0px;
	float: left;
	width: 100%;
}

.page-toolbar-block ul.navigation li
{
	display: inline-block;
}

.page-toolbar-block ul.navigation li a
{
	border: solid 1px rgba(0, 0, 0, .05);
	padding: 5px 10px;
	line-height: 1.42857143;
	background-color: #F6F6F6;
	color: #555;
}

.page-toolbar-block ul.navigation li a:hover, .page-toolbar-block ul.navigation li.active a
{
	border: solid 1px #1d8db9;
	background-color: #3497D9;
	color: #fff;
}

.widget-info
{
	float: left;
	position: relative;
	border-right: 1px solid #e5e5e5;
	padding: 0px 20px;
	margin-bottom: 10px;
}

.widget-info.widget-from
{
	margin-top: 10px;
}

.widget-info .widget-info-title,
.widget-info .widget-info-value
{
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #888;
	clear: both;
	text-transform: uppercase;
	font-weight: 400;
}

.widget-info .widget-info-title
{
	margin-bottom: 5px;
}

.widget-info .widget-info-value
{
	color: #444;
	font-size: 16px;
}

.widget-info .widget-info-chart
{
	margin-left: 10px;
}

div .widget-info:last-child
{
	border-right: 0px;
}

/* page tabs */
.page-toolbar-tabs
{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #e5e5e5;
	list-style: none;
}

.page-toolbar-tabs li
{
	float: left;
	display: block;
}

.page-toolbar-tabs li a
{
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 20px;
	padding: 10px 10px 7px;
	color: #333;
	font-weight: 400;
	margin-right: 1px;
	border-bottom: 3px solid transparent;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
	position: relative;
}

.page-toolbar-tabs li a:hover, .page-toolbar-tabs li.active a
{
	border-bottom-color: #3497D9;
	background: #F5F5F5;
}

.page-toolbar-tabs li a.new-tab:hover, .page-toolbar-tabs li.active a.new-tab
{
	border-bottom-color: transparent;
}

#ajax-content-tabs li a
{
	padding-right: 20px;
}

.page-toolbar-tabs li a span.tab-close
{
	position: absolute;
	right: 5px;
	top: 14px;
	color: #AAA;
	font-size: 11px;
}

.page-toolbar-tabs li a span.tab-close:hover
{
	color: #333;
}

#ajax-content-tabs li a.new-tab
{
	padding-right: 10px;
}

.page-toolbar-tab
{
	display: none;
}

.page-toolbar-tab.active
{
	display: block;
}

/* eof page tabs */
/* eof page toolbar */
/* Block */
.block
{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 10px;
	background: #ffffff;
}

.block table
{
	margin-bottom: 0;
}

.block.block-transparent
{
	background: transparent;
	border-color: transparent;
}

.block-head
{
	border-bottom: 1px solid #E8E6E6;
	width: 100%;
	float: left;
	background: #ffffff;
}

.block-head h1,
.block-head h2,
.block-head h3,
.block-head h4
{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 42px;
	margin: 0px;
	font-weight: 100;
	display: block;
	float: left;
	color: #464646;
	font-weight: bold;
}

.block-head h1,
.block-head h2,
.block-head h3
{
	padding: 5px 0px 4px 10px;
}

.block-head h4
{
	padding: 4px 0px 3px 10px;
}

.block-head h5,
.block-head h6,
.block-title,
.block-wide .block-wide-title
{
	font-size: 14px;
	text-transform: uppercase;
	line-height: 30px;
	padding: 10px 0px 10px 10px;
	margin: 0px;
	font-weight: 100;
	display: block;
	float: left;
	color: #464646;
	font-weight: 400;
}

.block-head strong
{
	line-height: 29px;
}

.block-title-icon
{
	float: left;
	margin-right: 5px;
}

.block-title-date
{
	color: #AAA;
	padding: 5px 10px 4px 0px;
	margin: 0px;
	float: right;
	font-size: 11px;
}

.block-head .block-head-form
{
	float: right;
	padding: 5px;
	line-height: 30px;
}

.block-head .buttons,
.block-head .block-head-buttons,
.block-head .block-head-pagination
{
	float: right;
}

.block-head .block-head-buttons
{
	padding: 10px;
}

.block-head .block-head-faq-browse
{
	line-height: 32px;
	padding-right: 15px;
}

.block-head.block-head-success
{
	background: #83af31;
}

.block-head.block-head-primary
{
	background: #3497D9;
}

.block-head.block-head-secondary
{
	background: #EFAE2C;
}

.block-head.block-head-success h4,
.block-head.block-head-primary h4,
.block-head.block-head-primary .block-title,
.block-head.block-head-secondary h4
{
	color: #ffffff;
}

/* Block filter */
.block-filter
{
	clear: both;
	padding: 0 10px;
}

.block-content,
.block-footer
{
	width: 100%;
	float: left;
	padding: 10px;
	position: relative;
}

.block-form
{
	clear: both;
	padding-top: 20px;
}

.block-form-content form.global_form
{
	margin: 0;
	border: 0;
}

.block-footer
{
	border-top: 1px solid #f2f2f2;
	line-height: 30px;
}

.block-toggled .block-head
{
	border-bottom: 0px;
}

.page-content .container .row:last-child .block:last-child
{
	margin-bottom: 20px;
}

.block-content.np,
.block-footer.np
{
	padding: 0px;
}

/* Eof Block */
/* buttons panel */
ul.buttons
{
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}

ul.buttons li
{
	float: left;
	display: block;
	position: relative;
}

ul.buttons li a
{
	display: block;
	float: left;
	line-height: 29px;
	min-width: 40px;
	padding: 10px 8px;
	font-size: 13px;
	color: #464646;
	text-align: center;
	border-left: 1px solid #E8E6E6;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}

ul.buttons li a:hover
{
	color: #3497D9;
	background: #f7fbfe;
}

ul.buttons li.active a
{
	background-color: #3497D9;
	color: #fff;
}

/** success **/
ul.buttons li.button-success a
{
	background-color: #83af31;
	color: #fff;
}

ul.buttons li.button-success a:hover
{
	background-color: #79a22d;
}

/** primary **/
ul.buttons li.button-primary a
{
	background-color: #3497D9;
	color: #fff;
}

ul.buttons li.button-primary a:hover
{
	background-color: #1c87b2;
}

/** secondary **/
ul.buttons li.button-secondary a
{
	background-color: #EFAE2C;
	color: #fff;
}

ul.buttons li.button-secondary a:hover
{
	background-color: #ffba33;
}

/** purple **/
ul.buttons li.button-purple a
{
	background-color: #a12e6b;
	color: #fff;
}

ul.buttons li.button-purple a:hover
{
	background-color: #92245f;
}

ul.buttons li:last-child a
{
	-moz-border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}

/* eof buttons panel */
/* froms */
.help-block
{
	display: inline-block;
	color: #AAA;
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-rounded
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.file input[type="file"]
{
	display: none;
}

.img-thumbnail
{
	border: 3px solid rgba(255, 255, 255, 0.3);
	background: transparent;
}

.input-group
{
	line-height: 28px;
}

.input-group-addon
{
	padding: 7px 9px;
	border-color: #e4e7ea;
}

div .form-group:last-child
{
	margin-bottom: 0px;
}

div .form-group:first-child:last-child
{
	margin-bottom: 10px;
}

.block-content .input-group-btn .btn,
.block-content .btn-group .btn
{
	margin-bottom: 0px;
}

/* my progress bar */
.mpb
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1001;
	-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}

.mpb.bottom
{
	top: auto;
	bottom: 0px;
}

.mpb .mpb-progress
{
	background: #EFAE2C;
	display: block;
	float: left;
	height: 5px;
}

/* eof my progress bar */
/* tabs */
.tabs
{
	float: left;
	width: 100%;
	position: relative;
}

.nav-tabs,
.nav-tabs.nav-justified
{
	border-bottom: 1px solid #E8E6E6;
}

.block-head .nav-tabs
{
	border-bottom: 0px;
}

.nav-tabs > li
{
	margin-bottom: 0px;
}

.nav-tabs > li > a
{
	margin-right: 0px;
	border: 0px;
	border-bottom: 2px solid transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	color: #6c6461;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}

.nav-tabs > li:first-child > a
{
	-moz-border-radius: 3px 0px 0px 0px;
	-webkit-border-radius: 3px 0px 0px 0px;
	border-radius: 3px 0px 0px 0px;
}

.nav-tabs > li > a:hover
{
	border-color: #3497D9;
	background: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > .dropdown.active.open > a:hover
{
	border: 0px;
	border-bottom: 2px solid #3497D9;
	background: #F5F5F5;
}

.nav-tabs.nav-justified > li > a
{
	border: 0px;
	border-bottom: 2px solid transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #6c6461;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	transition: all 200ms;
}

.nav-tabs.nav-justified > li > a:hover
{
	border-color: #3497D9;
	background: transparent;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus
{
	border: 0px;
	border-bottom: 2px solid #3497D9;
	background: #F5F5F5;
}

.nav-tabs a .caret,
.nav-tabs a:hover .caret
{
	color: #3497D9;
}

.nav-tabs-vertical .nav-tabs
{
	float: left;
	width: 150px;
	position: absolute;
	left: 0px;
	border-bottom: 0px;
}

.nav-tabs-vertical .nav-tabs > li
{
	width: 100%;
}

.nav-tabs-vertical .nav-tabs > li > a
{
	width: 100%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-bottom: 0px;
	border-left: 2px solid transparent;
}

.nav-tabs-vertical .nav-tabs > li > a:hover
{
	border-left-color: #3497D9;
	background: transparent;
}

.nav-tabs-vertical .nav-tabs > li.active > a,
.nav-tabs-vertical .nav-tabs > li.active > a:hover, .nav-tabs-vertical .nav-tabs > li.active > a:focus, .nav-tabs-vertical .nav-tabs > .dropdown.active.open > a:hover
{
	border-bottom: 0px;
	border-left: 2px solid #3497D9;
	background: #F5F5F5;
}

.nav-tabs-vertical .nav-tabs > li:first-child > a
{
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

.nav-tabs-vertical .nav-tabs > li:last-child > a
{
	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.nav-tabs-vertical .tab-content
{
	width: auto;
	margin-left: 150px;
}

.tabs .nav-tabs > li:first-child > a, .tabs .nav-tabs > li:last-child > a
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

/* eof tabs */
/********************************

*** PROFILE NAV TABS

********************************/
.white-nav-tabs
{
	background: rgb(255, 255, 255);
}

.nav-tabs.profile-nav-tabs
{
	border-bottom: 0;
}

.nav-tabs.profile-nav-tabs > li > a
{
	border-left: 0;
	border-right: 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	margin-right: 0px;
	color: #6c6461;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 28px;
	padding-left: 20px;
	padding-right: 20px;
}

.nav-tabs.profile-nav-tabs > li > a > .label.label-small
{
	font-size: 14px;
	line-height: 26px;
	vertical-align: top;
	margin-right: 4px;
}

.nav-tabs.profile-nav-tabs > li > a:hover
{
	border-top-color: transparent;
	border-bottom-color: #6c6461;
	background: transparent;
}

.nav-tabs.profile-nav-tabs > li.active > a,
.nav-tabs.profile-nav-tabs > li.active > a:hover, .nav-tabs.profile-nav-tabs > li.active > a:focus, .nav-tabs.profile-nav-tabs > .dropdown.active.open > a:hover
{
	background: #6c6461;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	color: #fff;
}

.nav-tabs.profile-nav-tabs > li.active a::after
{
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: #6c6461;
	content: '';
	pointer-events: none;
}

/* Step element */
.process-wrapper
{
	clear: both;
	overflow: hidden;
	width: 100%;
}

.process
{
	display: table;
	width: 100%;
	position: relative;
}

.stepwizard-step p
{
	margin-top: 10px;
}

.process-row
{
	display: table-row;
}

.process-step button
{
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.process-step button[disabled]
{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.process-step
{
	display: table-cell;
	text-align: center;
	position: relative;
}

.process-step p
{
	font-size: 12px;
	color: #74838a;
	margin-top: 10px;
}

.process-step > .btn.btn-default > i
{
	color: #6c6461;
}

.process-step > .btn.btn-danger > i,
.process-step > .btn.btn-success > i,
.process-step > .btn.btn-info > i
{
	color: #fff;
}

.btn-circle
{
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

/* eof step element */
/* result action */
.result-action-icon > span
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: table;
	float: none;
	height: 136px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	width: 136px;
	border: 1px solid #CECECE;
	padding: 3px;
}

.result-action-icon > span > img
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	float: left;
	width: 100%;
}

.result-action-icon > span > i
{
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.result-action-icon > span > i
{
	font-size: 62px;
	line-height: 133px;
}

.result-action-icon:hover > span i
{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}

.result-action-icon > span:before
{
	background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	width: 100%;
}

.result-action-icon:hover > span:before
{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	filter: alpha(opacity=0);
}

/* eof result action */
/* widgets */
.widget
{
	float: left;
	width: 100%;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #6c6461;
	color: #FFF;
	margin-top: 10px;
}

.widget .widget-container
{
	background: #5c6461;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 50%;
	float: left;
	min-height: 100%;
}

.widget .widget-content
{
	width: 50%;
	float: left;
	padding: 0px 5px 0px 10px;
}

.widget .widget-text
{
	font-size: 12px;
	float: left;
	width: 100%;
	text-align: center;
	line-height: 14px;
}

.widget .widget-text strong
{
	display: inline-block;
	width: 100%;
}

.widget .widget-content .widget-text
{
	text-align: left;
	margin-bottom: 3px;
}

.widget .widget-content .widget-text:last-child
{
	margin-bottom: 0px;
}

.widget .widget-chart
{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

.widget.widget-success
{
	background: #8cc152;
}

.widget.widget-success .widget-container
{
	background: #587f2e;
}

.widget.widget-info
{
	background: #4fc1e9;
}

.widget.widget-info .widget-container
{
	background: #1790bb;
}

.widget.widget-warning
{
	background: #f6bb42;
}

.widget.widget-warning .widget-container
{
	background: #c88a0a;
}

.widget.widget-danger
{
	background: #da4453;
}

.widget.widget-danger .widget-container
{
	background: #9a1e2b;
}

.widget.widget-primary
{
	background: #3497D9;
}

.widget.widget-primary .widget-container
{
	background: #166593;
}

/* eof widgets */
/* tags */
.tags span.tag
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	display: block;
	float: left;
	text-decoration: none;
	background: #3497D9;
	color: #FFF;
	margin: 4px 0px 4px 5px;
	line-height: 20px;
	padding: 0px 5px 0px 20px;
	position: relative;
}

.tags span.tag a
{
	color: #FFF;
	text-decoration: none;
	position: absolute;
	left: 5px;
	top: 0;
	width: 15px;
	height: 20px;
}

.tags span.tag a:before
{
	position: absolute;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
}

div.tagsinput input
{
	width: 80px;
	margin: 4px 5px;
	border: 0px;
	height: 20px;
	line-height: 20px;
}

div.tagsinput div
{
	display: block;
	float: left;
}

.tags_clear
{
	clear: both;
	width: 100%;
	height: 0px;
}

/** Table lead border color **/
.table tbody tr td.td-pink
{
	border-left: solid 3px #BE2977 !important;
}

.table tbody tr td.td-purple
{
	border-left: solid 3px #a12e6b !important;
}

.table tbody tr td.td-red
{
	border-left: solid 3px #c4131c !important;
}

.table tbody tr td.td-green
{
	border-left: solid 3px #83af31 !important;
}

.table tbody tr td.td-orange
{
	border-left: solid 3px #EFAE2C !important;
}

.table tbody tr td.td-blue
{
	border-left: solid 3px #3497D9 !important;
}

/* eof tables */
/* pulsate informers */
.informer
{
	border: 3px solid #3497D9;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	color: #FFF;
	text-align: center;
	line-height: 14px;
	font-size: 10px;
	background: #6c6461;
	position: absolute;
	right: 0px;
	top: 0px;
}

.informer.informer-pulsate
{
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: pulsate 1s ease-out;
	-moz-animation-iteration-count: infinite;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	opacity: 0.0;
}

.informer > a
{
	color: #ffffff;
}

.informer.informer-success
{
	border-color: #8cc152;
}

.informer.informer-warning
{
	border-color: #f6bb42;
}

.informer.informer-danger
{
	border-color: #da4453;
}

.informer.informer-info
{
	border-color: #4fc1e9;
}

.informer.informer-message
{
	border-color: #EFAE2C;
}

.informer.informer-disabled
{
	border-color: transparent;
}

/* eof pulsate informers */
/* knob */
.knob
{
	width: 100px;
	display: inline-block;
	position: relative;
}

.knob > div
{
	display: block;
}

.knob input
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 11px;
	color: #333;
}

.circle_chart
{
	width: 100%;
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.circle_chart span
{
	display: block;
}

/* eof knob*/
/* timeline */
.timeline
{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	margin-top: 10px;
}

.timeline:before
{
	content: '';
	position: absolute;
	display: block;
	width: 1px;
	background: #E8E6E6;
	left: 30px;
	top: 0px;
	z-index: 0;
	height: 100%;
	margin-top: 5px;
}

.timeline .timeline-date
{
	width: 60px;
	height: 60px;
	float: left;
	border: 1px solid #E8E6E6;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 5px;
	z-index: 1;
	position: absolute;
	top: -10px;
	left: 0px;
	background: #FFF;
}

.timeline .timeline-date > div
{
	width: 48px;
	height: 48px;
	padding: 10px;
	background: #6c6461;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
}

.timeline .timeline-date > div > span
{
	font-size: 15px;
	font-weight: 400;
	display: block;
}

.timeline .timeline-date > div > a.viewmore
{
	color: #ffffff;
}

.timeline .timeline-event
{
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-left: 10px;
	min-height: 50px;
	position: relative;
}

.timeline .timeline-event .timeline-event-icon
{
	width: 45px;
	height: 45px;
	border: 1px solid #E8E6E6;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #FFF;
	line-height: 38px;
	font-size: 21px;
	text-align: center;
	color: #AAA;
	float: left;
	position: relative;
}

.timeline .timeline-event .timeline-event-icon:before
{
	position: absolute;
	width: 10px;
	height: 1px;
	background: #E8E6E6;
	top: 20px;
	right: -10px;
	content: '';
}

.timeline .timeline-event .timeline-event-icon a,
.timeline .timeline-event .timeline-event-icon a img.img-circle
{
	border: 0;
	width: 42px;
	height: 42px;
}

.timeline .timeline-event .timeline-event-content
{
	margin-left: 50px;
	padding: 8px 10px;
	background: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #E8E6E6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
}

.timeline .timeline-event .event-title
{
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 3px;
}

.timeline .timeline-event .timeline-event-content img
{
	margin: 0px 3px 3px 0px;
}

.timeline .timeline-event p
{
	margin: 0px 0px 5px;
}

.timeline .timeline-event .event-date
{
	font-size: 10px;
	color: #999;
}

.timeline .timeline-event.action-green .timeline-event-content
{
	border-color: #83af31;
}

.timeline .timeline-event.action-green .timeline-event-content:before
{
	border-right-color: #83af31;
}

.timeline .timeline-event.action-green .timeline-event-icon:before
{
	background: #83af31;
}

.timeline .timeline-event.action-purple .timeline-event-content
{
	border-color: #a12e6b;
}

.timeline .timeline-event.action-purple .timeline-event-content:before
{
	border-right-color: #a12e6b;
}

.timeline .timeline-event.action-purple .timeline-event-icon:before
{
	background: #a12e6b;
}

.timeline .timeline-event.action-red .timeline-event-content
{
	border-color: #c4131c;
}

.timeline .timeline-event.action-red .timeline-event-content:before
{
	border-right-color: #c4131c;
}

.timeline .timeline-event.action-red .timeline-event-icon:before
{
	background: #c4131c;
}

.timeline .timeline-event.action-orange .timeline-event-content
{
	border-color: #EFAE2C;
}

.timeline .timeline-event.action-orange .timeline-event-content:before
{
	border-right-color: #EFAE2C;
}

.timeline .timeline-event.action-orange .timeline-event-icon:before
{
	background: #EFAE2C;
}

.timeline .timeline-event:hover .timeline-event-icon
{
	border-color: #3497D9;
	color: #3497D9;
}

.timeline .timeline-event:hover .timeline-event-content
{
	border-color: #3497D9;
}

.timeline .timeline-event:hover .timeline-event-content:before
{
	border-right-color: #3497D9;
}

.timeline .timeline-event:hover .timeline-event-icon:before
{
	background: #3497D9;
}

.timeline .timeline-event:hover .event-date
{
	color: #3497D9;
}

.timeline .timeline-event .timeline-event-content:before, .timeline .timeline-event .timeline-event-content:after
{
	right: 100%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.timeline .timeline-event .timeline-event-content:after
{
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 5px;
	margin-top: -5px;
}

.timeline .timeline-event .timeline-event-content:before
{
	border-color: rgba(229, 229, 229, 0);
	border-right-color: #E8E6E6;
	border-width: 6px;
	margin-top: -6px;
}

/* eof timeline */
/* user-profile */
.user-profile
{
	position: relative;
	width: 100%;
}

.user-profile .user-profile-block
{
	float: left;
	padding-right: 10px;
}

.user-profile .user-profile-block.pull-right
{
	padding-right: 0px;
}

.user-profile-info
{
	float: left;
	max-width: 320px;
}

.user-profile-image img
{
	border-color: #f0eff5;
}

.user-profile-address
{
	font-size: 11px;
}

.user-profile-address p
{
	line-height: 15px;
	margin: 5px 0px;
}

.user-profile .user-profile-title
{
	font-size: 21px;
	color: #3497D9;
	font-weight: 600;
}

.user-profile .user-profile-text
{
	font-size: 11px;
	margin-top: 10px;
}

/* eof user-profile */
/********************************

*** profile DETAILS

********************************/
.profile-details-box
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

.profile-details-box [class^='col-xs-'],
.profile-details-box [class^='col-sm-'],
.profile-details-box [class^='col-md-'],
.profile-details-box [class^='col-lg-']
{
	padding-left: 7.5px;
	padding-right: 7.5px;
}

.profile-details-box.profile-command
{
	padding-top: 15px;
	padding-bottom: 1%;
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	border-bottom: solid 1px rgba(0, 0, 0, .05);
}

.profile-details-box .profile-image
{
	max-width: 55px;
}

.profile-details-box .profile-image img
{
	border: solid 1px rgba(0, 0, 0, .05);
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
}

.profile-details-box .profile-icon
{
	text-align: center;
}

.profile-details-box .profile-icon span
{
	font-size: 42px;
	padding-top: 3px;
}

.profile-details-info
{
	display: inline-block;
}

.profile-details span,
.profile-details-info span
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 20em;
}

.profile-title
{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}

.profile-level,
.profile-assigned
{
	clear: both;
	display: block;
	font-size: 14px;
	color: #2D96DC;
	line-height: 18px;
}

.profile-parent-details .profile-title
{
	font-size: 14px;
	line-height: 20px;
}

.profile-details-options
{
	text-align: right;
	line-height: 45px;
}

.profile-details-options > a
{
	margin-left: 6px;
}

.profile-parent-title
{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
}

.profile-parent-assigned
{
	clear: both;
	display: block;
	font-size: 14px;
	color: #2D96DC;
	line-height: 18px;
}

.profile-details-options
{
	text-align: right;
	line-height: 47px;
}

.profile-details-options.table-profile-actions
{
	padding-right: 75px;
}

#smoothbox_window .profile-details-box
{
	border-bottom: solid 1px rgba(0, 0, 0, .05);
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: #FAFBFD;
}

#smoothbox_window .profile-image
{
	max-width: 55px;
	padding-top: 3px;
}

/*******************************

*** RATING Reporting

********************************/
.profile-rating
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	min-height: 30px;
	padding: 8px 5px 0 5px;
}

.profile-rating .label
{
	margin: -7px 0 0 6px;
	display: inline-block;
	vertical-align: middle;
}

.symbol
{
	display: inline-block;
	border-radius: 50%;
	border: 5px double white;
	width: 30px;
	height: 30px;
}

.rating-symbol-foreground span:hover, .rating-symbol-background span:hover
{
	cursor: pointer;
}

.rating-symbol-background,
.rating-symbol span::before
{
	color: #dca537;
}

.rating-symbol-foreground span::before
{
	color: #F6BB43;
}

.symbol-empty
{
	background-color: #607488;
}

.symbol-filled
{
	background-color: #F6BB43;
}

/* Error Page */
body.core-error-notfound .page-container .page-content,
body.core-error-requireauth .page-container .page-content,
body.core-error-requiresubject .page-container .page-content,
body.core-error-requireuser .page-container .page-content,
body.core-error-error .page-container .page-content
{
	background: #ffffff;
}

.error-sec
{
	padding-top: 40px;
	padding-bottom: 0;
	clear: both;
}

.error-page
{
	float: left;
	margin-top: 65px;
	margin-bottom: 50px;
	min-height: 100%;
	width: 100%;
}

.error-page .error-title
{
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	color: #e04a4a;
	font-weight: 500;
	margin-bottom: 55px;
}

.alert-error-container
{
	padding-bottom: 30%;
}

.error-page .info-container
{
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0 15px;
	width: 100%;
	clear: both;
}

.error-page > .error-footer
{
	bottom: 0;
	content: "";
	height: 130px;
	left: 0;
	position: absolute;
	width: 100%;
	background-color: #EFAE2C;
}

.error-page > .error-footer:before
{
	background-image: url(/application/themes/default/images/circle.png?c=2763);
	background-repeat: repeat-x;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.error-page > h1
{
	display: table;
	float: none;
	margin: 0 auto 40px;
	width: auto;
}

.error-page > h2
{
	color: #666666;
	float: left;
	font-size: 30px;
	letter-spacing: 0.3px;
	line-height: 27px;
	margin: 0 0 25px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.error-page > h3
{
	color: #777777;
	float: left;
	font-size: 17px;
	letter-spacing: 0.3px;
	line-height: 16px;
	margin: 0 0 40px;
	text-align: center;
	width: 100%;
}

.error-page > form
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E8ECEC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	display: table;
	float: none;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.error-page > form > input
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #555555;
	float: left;
	font-size: 13px;
	height: 35px;
	padding: 0 14px;
	width: 300px;
}

.error-page > form > i
{
	color: #BEBEBE;
	float: right;
	font-size: 16px;
	padding: 8px 12px;
}

.error-page > ul
{
	display: table;
	float: none;
	margin: 30px auto 70px;
	padding: 0;
}

.error-page > ul > li
{
	float: left;
	list-style: none outside none;
	margin: 0 15px;
}

/* widget-window */
.widget-window
{
	float: left;
	width: 100%;
	padding: 0px;
	background: #FFF;
	border: 0px;
	color: #333;
	margin-top: 10px;
}

.widget-window .window
{
	float: left;
	width: 100%;
	padding: 10px;
	background: #FFF;
	position: relative;
}

.widget-window .window.window-quotation
{
	min-height: 132px;
}

.widget-window .window .window-title
{
	font-size: 15px;
	font-weight: 200;
	line-height: 17px;
	margin-bottom: 5px;
}

.widget-window .window-image
{
	overflow: hidden;
}

.widget-window .window-image .window-icon
{
	width: 150px;
	height: 150px;
	margin: 0 auto;
}

.widget-window .window.window-account
{
	min-height: 143px;
}

.widget-window .window.window-npb
{
	padding-bottom: 0px;
}

.widget-window .window.window-ftb
{
	padding-bottom: 5px;
}

.widget-window .window.window-dark
{
	background: #6c6461;
	color: #FFF;
}

.widget-window .window.window-grey
{
	background: #F0F0F0;
}

.widget-window .window.window-success
{
	background: #8cc152;
	color: #FFF;
}

.widget-window .window.window-secondary
{
	background: #EFAE2C;
	color: #FFF;
}

.widget-window .window.window-green
{
	background: #83af31;
	color: #FFF;
}

.widget-window .window.window-primary
{
	background: #3497D9;
	color: #FFF;
}

.widget-window .window.window-purple
{
	background: #a12e6b;
	color: #FFF;
}

.widget-window .window.window-danger
{
	background: #da4453;
	color: #FFF;
}

.widget-window .window.window-royal-blue
{
	background: #3F51B5;
	color: #FFF;
}

.widget-window .window.window-warning
{
	background: #f6bb42;
	color: #FFF;
}

.widget-window .window.window-info
{
	background: #4fc1e9;
	color: #FFF;
}

.widget-window .window-block
{
	float: left;
	padding: 0px 10px 5px 0px;
}

.widget-window .window-block.window-wide
{
	width: 100%;
	padding: 0px;
}

.widget-window .window-block h4
{
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: 600;
}

.widget-window .window-block h3,
.widget-window .window-content h3
{
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 7px 0;
}

.widget-window .window-block p
{
	font-size: 11px;
	margin: 3px 0px 8px;
}

.widget-window .window-block .progress
{
	margin: 3px 0px 8px;
}

.widget-window .window-block .price
{
	font-size: 32px;
	line-height: 72px;
	color: #3497D9;
	text-align: center;
}

.widget-window .window-block p:last-child
{
	margin-bottom: 0px;
}

.widget-window .window-footer,
.widget-window .window-footer-center
{
	border-top: solid 1px rgba(0, 0, 0, .05);
	clear: both;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
}

.widget-window .window-footer
{
	text-align: right;
}

.widget-window .window-footer-center
{
	text-align: center;
	position: relative;
}

/* eof widget-window */
/****************

* CREDITS TABLE PACKS

**/
.table-credits-buy tbody > tr > td
{
	line-height: 26px;
}

.credit-pack-title
{
	font-size: 22px;
	color: #3597D8;
}

.credit-pack-price
{
	font-size: 22px;
	text-align: right;
	color: #a9301a;
}

.credit-pack-action
{
	text-align: center;
}

.credit-pack-payment-action
{
	padding-left: 20px;
}

.credit-pack-payment-action button.btn
{
	padding: 15px 20px;
	font-size: 22px;
	line-height: 1.6em;
}

/** Choice payments method ***/
.paymentWrap
{
	padding: 20px 0;
}

.paymentWrap .paymentBtnGroup .paymentMethod
{
	width: 150px;
	height: 80px;
	box-shadow: none;
	position: relative;
	margin-right: 20px;
}

.paymentWrap .paymentBtnGroup .paymentMethod:last-child
{
	margin-right: 0;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-color: #c0c0c0;
	position: absolute;
	right: 3px;
	top: 3px;
	bottom: 3px;
	left: 3px;
	background-image: url(/application/themes/default/images/payment-logos-sprite.png?c=2763);
	background-size: cover;
	background-repeat: no-repeat;
	border: 2px solid transparent;
	transition: all 0.5s;
}

.paymentWrap .paymentBtnGroup .paymentMethod.active
{
	outline: none !important;
}

.paymentWrap .paymentBtnGroup .paymentMethod.active .method
{
	border-color: #EFAE2C;
	outline: none !important;
	box-shadow: 0px 3px 18px 0px #b3b3b3;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method.paypal
{
	background-position: center 0px;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method.monetico,
.paymentWrap .paymentBtnGroup .paymentMethod .method.visa
{
	background-position: center -75px;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method.mestro
{
	background-position: center -150px;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method.master
{
	background-position: center -225px;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method.amex
{
	background-position: center -300px;
}

.paymentWrap .paymentBtnGroup .paymentMethod .method:hover
{
	border-color: #EFAE2C;
	outline: none !important;
}

/*********************************

*** PULLDOWN SELECT BOX

*********************************/
.pulldown > a,
.pulldown_active > a
{
	display: inline-block;
	font-weight: bold;
	padding: 5px 7px 5px 18px;
	background-position: 6px 5px;
	outline: none;
	font-size: .8em;
	-moz-user-select: none;
	-webkit-user-select: none;
	background-image: url(/application/modules/Core/externals/images/more.png?c=2763);
	background-repeat: no-repeat;
}

.pulldown > a
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	background-color: #eee;
	text-decoration: none;
}

.pulldown > a:hover
{
	background-color: #f2f2f2;
}

.pulldown_active > a
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-ms-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
	background-color: #EB773B;
	color: #fff;
	text-decoration: none;
	background-image: url(/application/modules/Core/externals/images/more_active.png?c=2763);
}

.pulldown_contents_wrapper
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-ms-border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	position: absolute;
	min-width: 100px;
	max-width: 300px;
	padding: 4px;
	background-color: #EB773B;
	z-index: 99;
	left: 50%;
	margin: 50px 0 0 -130px;
	top: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.pulldown_active .pulldown_contents_wrapper
{
	display: block;
}

.pulldown_contents
{
	overflow: hidden;
	background: #fff;
	max-height: 500px;
	overflow-y: auto;
}

.pulldown_contents ul > li
{
	padding: 5px;
	padding-right: 15px;
	font-size: .8em;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.pulldown_contents ul > li + li
{
	border-top: 1px solid rgba(0, 0, 0, .05);
}

.pulldown_contents ul > li:hover
{
	background-color: #f2f2f2;
	cursor: pointer;
}

.pulldown_options
{
	margin: 4px 0px;
}

.pulldown_options a
{
	color: #fff;
	font-size: .8em;
	padding: 3px;
	margin-right: 3px;
}

/*********************************

*** PULLDOWN UPDATES

*********************************/
.updates_pulldown > a,
.updates_pulldown_active > a
{
	color: #999;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	padding: 7px 10px;
	display: block;
}

.updates_pulldown > a.label
{
	border-color: #EFAE2C;
	background: #EFAE2C;
	display: block;
	height: 49px;
	min-width: 50px;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	line-height: 31px;
}

.updates_pulldown > a.label:hover
{
	background: #d96e29;
	color: #fff;
}

.lead_mini_cart > a.label
{
	position: relative;
	padding-left: 28px;
}

.lead_mini_cart > a.label i
{
	font-size: 18px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.updates_pulldown > a:hover
{
	background: #D7E7F0;
	color: #444;
	text-decoration: none;
}

.updates_pulldown_active > a
{
	background-color: #EB773B;
	color: #fff;
	text-decoration: none;
}

.updates_pulldown_active .pulldown_contents_wrapper
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	display: block;
	margin-top: 53px;
}

.updates_pulldown_active .pulldown_contents_wrapper:before
{
	border-bottom: 10px solid #EB773B;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	content: "";
	left: 47%;
	margin-left: -2.5px;
	position: absolute;
	top: -10px;
}

.updates_pulldown_active .pulldown_contents_wrapper
{
	margin-top: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	top: 100%;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.notifications_loading
{
	padding: 10px;
}

ul.notifications_menu
{
	list-style: none;
	padding-left: 0;
}

ul.notifications_menu.cartitems_menu > li,
ul.notifications_menu.cartitems_menu > div
{
	min-width: 260px;
}

.lead_mini_cart .pulldown_contents_wrapper
{
	-moz-box-shadow: 2px 2px 5px -1px #aaa;
	-webkit-box-shadow: 2px 2px 5px -1px #aaa;
	box-shadow: 2px 2px 5px -1px #aaa;
	-ms-box-shadow: 2px 2px 5px -1px #aaa;
	-o-box-shadow: 2px 2px 5px -1px #aaa;
}

.cartitems_loading
{
	padding: 5px 10px;
}

/* helpers */
.np
{
	padding: 0px;
}

.npt
{
	padding-top: 0px;
}

.npr
{
	padding-right: 0px;
}

.npl
{
	padding-left: 0px;
}

.npb
{
	padding-bottom: 0px;
}

.nb
{
	border: 0px;
}

.nm,
.block-content .btn.nm
{
	margin: 0px;
}

.nmb
{
	margin-bottom: 0px;
}

.tac
{
	text-align: center;
}

/*************************

*** CSS CHART

/*************************/
/* -------------------------------------

 * Bar container

 * ------------------------------------- */
.css-bar
{
	position: relative;
	display: inline-block;
	font-size: 16px;
	border-radius: 50%;
	background-color: transparent;
	margin-bottom: 20px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 80px;
	height: 80px;
	font-size: 18px;
}

.css-bar:after, .css-bar > img
{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	text-align: center;
	font-weight: light;
	color: #a1a2a3;
}

.css-bar:after
{
	content: attr(data-label);
	background-color: #fff;
	z-index: 101;
}

.css-bar > img
{
	z-index: 102;
}

.css-bar:after, .css-bar > img
{
	width: 70px;
	height: 70px;
	margin-left: 5px;
	margin-top: 5px;
	line-height: 70px;
}

.css-bar.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-50
{
	background-image: linear-gradient(270deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-55
{
	background-image: linear-gradient(288deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-60
{
	background-image: linear-gradient(306deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-65
{
	background-image: linear-gradient(324deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-70
{
	background-image: linear-gradient(342deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-75
{
	background-image: linear-gradient(360deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-80
{
	background-image: linear-gradient(378deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-85
{
	background-image: linear-gradient(396deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-90
{
	background-image: linear-gradient(414deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-95
{
	background-image: linear-gradient(432deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar.css-bar-100
{
	background-image: linear-gradient(450deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-50
{
	background-image: linear-gradient(270deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-55
{
	background-image: linear-gradient(288deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-60
{
	background-image: linear-gradient(306deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-65
{
	background-image: linear-gradient(324deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-70
{
	background-image: linear-gradient(342deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-75
{
	background-image: linear-gradient(360deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-80
{
	background-image: linear-gradient(378deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-85
{
	background-image: linear-gradient(396deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-90
{
	background-image: linear-gradient(414deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-95
{
	background-image: linear-gradient(432deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-primary.css-bar-100
{
	background-image: linear-gradient(450deg, #6164c1 50%, transparent 50%, transparent), linear-gradient(270deg, #6164c1 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-50
{
	background-image: linear-gradient(270deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-55
{
	background-image: linear-gradient(288deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-60
{
	background-image: linear-gradient(306deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-65
{
	background-image: linear-gradient(324deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-70
{
	background-image: linear-gradient(342deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-75
{
	background-image: linear-gradient(360deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-80
{
	background-image: linear-gradient(378deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-85
{
	background-image: linear-gradient(396deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-90
{
	background-image: linear-gradient(414deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-95
{
	background-image: linear-gradient(432deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-success.css-bar-100
{
	background-image: linear-gradient(450deg, #00C292 50%, transparent 50%, transparent), linear-gradient(270deg, #00C292 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-50
{
	background-image: linear-gradient(270deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-55
{
	background-image: linear-gradient(288deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-60
{
	background-image: linear-gradient(306deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-65
{
	background-image: linear-gradient(324deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-70
{
	background-image: linear-gradient(342deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-75
{
	background-image: linear-gradient(360deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-80
{
	background-image: linear-gradient(378deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-85
{
	background-image: linear-gradient(396deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-90
{
	background-image: linear-gradient(414deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-95
{
	background-image: linear-gradient(432deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-green.css-bar-100
{
	background-image: linear-gradient(450deg, #83af31 50%, transparent 50%, transparent), linear-gradient(270deg, #83af31 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-50
{
	background-image: linear-gradient(270deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-55
{
	background-image: linear-gradient(288deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-60
{
	background-image: linear-gradient(306deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-65
{
	background-image: linear-gradient(324deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-70
{
	background-image: linear-gradient(342deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-75
{
	background-image: linear-gradient(360deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-80
{
	background-image: linear-gradient(378deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-85
{
	background-image: linear-gradient(396deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-90
{
	background-image: linear-gradient(414deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-95
{
	background-image: linear-gradient(432deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-info.css-bar-100
{
	background-image: linear-gradient(450deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-50
{
	background-image: linear-gradient(270deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-55
{
	background-image: linear-gradient(288deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-60
{
	background-image: linear-gradient(306deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-65
{
	background-image: linear-gradient(324deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-70
{
	background-image: linear-gradient(342deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-75
{
	background-image: linear-gradient(360deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-80
{
	background-image: linear-gradient(378deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-85
{
	background-image: linear-gradient(396deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-90
{
	background-image: linear-gradient(414deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-95
{
	background-image: linear-gradient(432deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-warning.css-bar-100
{
	background-image: linear-gradient(450deg, #ffca4a 50%, transparent 50%, transparent), linear-gradient(270deg, #ffca4a 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-50
{
	background-image: linear-gradient(270deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-55
{
	background-image: linear-gradient(288deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-60
{
	background-image: linear-gradient(306deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-65
{
	background-image: linear-gradient(324deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-70
{
	background-image: linear-gradient(342deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-75
{
	background-image: linear-gradient(360deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-80
{
	background-image: linear-gradient(378deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-85
{
	background-image: linear-gradient(396deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-90
{
	background-image: linear-gradient(414deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-95
{
	background-image: linear-gradient(432deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

.css-bar-danger.css-bar-100
{
	background-image: linear-gradient(450deg, #f96262 50%, transparent 50%, transparent), linear-gradient(270deg, #f96262 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Default -- */
.css-bar-default.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-50
{
	background-image: linear-gradient(270deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-55
{
	background-image: linear-gradient(288deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-60
{
	background-image: linear-gradient(306deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-65
{
	background-image: linear-gradient(324deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-70
{
	background-image: linear-gradient(342deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-75
{
	background-image: linear-gradient(360deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-80
{
	background-image: linear-gradient(378deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-85
{
	background-image: linear-gradient(396deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-90
{
	background-image: linear-gradient(414deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-95
{
	background-image: linear-gradient(432deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

.css-bar-default.css-bar-100
{
	background-image: linear-gradient(450deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #13dafe 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Pink -- */
.css-bar-pink.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-50
{
	background-image: linear-gradient(270deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-55
{
	background-image: linear-gradient(288deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-60
{
	background-image: linear-gradient(306deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-65
{
	background-image: linear-gradient(324deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-70
{
	background-image: linear-gradient(342deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-75
{
	background-image: linear-gradient(360deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-80
{
	background-image: linear-gradient(378deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-85
{
	background-image: linear-gradient(396deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-90
{
	background-image: linear-gradient(414deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-95
{
	background-image: linear-gradient(432deg, #fd5e94 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

.css-bar-pink.css-bar-100
{
	background-image: linear-gradient(450deg, #13dafe 50%, transparent 50%, transparent), linear-gradient(270deg, #fd5e94 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Purple -- */
.css-bar-purple.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-50
{
	background-image: linear-gradient(270deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-55
{
	background-image: linear-gradient(288deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-60
{
	background-image: linear-gradient(306deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-65
{
	background-image: linear-gradient(324deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-70
{
	background-image: linear-gradient(342deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-75
{
	background-image: linear-gradient(360deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-80
{
	background-image: linear-gradient(378deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-85
{
	background-image: linear-gradient(396deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-90
{
	background-image: linear-gradient(414deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-95
{
	background-image: linear-gradient(432deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

.css-bar-purple.css-bar-100
{
	background-image: linear-gradient(450deg, #7266ba 50%, transparent 50%, transparent), linear-gradient(270deg, #7266ba 50%, #fafafa 50%, #fafafa);
}

/* -- Radial Inverse -- */
.css-bar-inverse.css-bar-0
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-5
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-10
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-15
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-20
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-25
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-30
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-35
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-40
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-45
{
	background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-50
{
	background-image: linear-gradient(270deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-55
{
	background-image: linear-gradient(288deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-60
{
	background-image: linear-gradient(306deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-65
{
	background-image: linear-gradient(324deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-70
{
	background-image: linear-gradient(342deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-75
{
	background-image: linear-gradient(360deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-80
{
	background-image: linear-gradient(378deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-85
{
	background-image: linear-gradient(396deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-90
{
	background-image: linear-gradient(414deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-95
{
	background-image: linear-gradient(432deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-inverse.css-bar-100
{
	background-image: linear-gradient(450deg, #4c5667 50%, transparent 50%, transparent), linear-gradient(270deg, #4c5667 50%, #fafafa 50%, #fafafa);
}

.css-bar-lg
{
	width: 100px;
	height: 100px;
	font-size: 20px;
}

.css-bar-lg:after, .css-bar-lg > img
{
	width: 90px;
	height: 90px;
	margin-left: 5px;
	margin-top: 5px;
	line-height: 90px;
}

.css-bar-lg > img
{
	width: 70px;
	height: 70px;
	margin-left: 15px;
	margin-top: 15px;
	line-height: 70px;
}

.css-bar-sm
{
	width: 50px;
	height: 50px;
	font-size: 12px;
}

.css-bar-sm:after, .css-bar-sm > img
{
	width: 40px;
	height: 40px;
	margin-left: 5px;
	margin-top: 5px;
	line-height: 40px;
}

.css-bar-xs
{
	width: 30px;
	height: 30px;
	font-size: 8px;
}

.css-bar-xs:after, .css-bar-xs > img
{
	width: 24px;
	height: 24px;
	margin-left: 3px;
	margin-top: 3px;
	line-height: 21px;
}

.css-bar
{
	background-clip: content-box;
}

/**********************************

/**** RESPONSIVE ******************

/*********************************/
@media (max-width: 940px)
{
.page-head .page-head-elements > li > a.profile_thumb span.profilename
{
	display: none;
}

.page-head .page-head-elements > li.mini_current_credits
{
	display: none;
}


}

/* eof */
@media only screen and (max-width: 768px)
{
.row > [class^='col-xs-'], .row > [class^='col-sm-'], .row > [class^='col-md-'], .row > [class^='col-lg-']
{
	margin-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.container
{
	padding-left: 0px;
	padding-right: 0px;
}

.container .row
{
	margin-left: 5px;
	margin-right: 5px;
}

.block .block-content
{
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.page-toolbar-block,
.widget-info
{
	width: 100%;
}

.page-content .page-toolbar .page-toolbar-block
{
	margin-top: 0px;
}

.page-content .page-toolbar .page-toolbar-block:first-child
{
	margin-top: 10px;
	margin-bottom: 0px;
}

.block-login
{
	width: 100%;
	padding: 5px;
	margin: 0px;
}


}

@media only screen and (max-width: 1024px)
{
.block .user
{
	padding: 35px 10px;
}

.container.container-fixed
{
	width: auto;
	max-width: auto !important;
}

.block .block-content
{
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.form-wizard .form-wizard-levels li a
{
	font-size: 0px;
	color: transparent;
	padding: 10px 0px 10px 5px;
}

.form-wizard .form-wizard-levels li a span
{
	font-size: 11px;
	color: #FFF;
	margin-right: 0px;
}

.form-label.col-xs-12
{
	text-align: left;
}


}

.login-content-wrapper
{
	margin-top: 80px;
	padding: 20px;
}

.login-content
{
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	padding: 20px;
}

@media only screen and (max-width: 1200px)
{
.form-element-theme ul.form-options-wrapper li
{
	float: none;
	width: 100%;
	margin-right: 0;
}


}

*
{
	letter-spacing: 0.3px;
}

h1,
h2,
h3,
h4,
h5,
h6
{
	color: #6c6461;
	margin: 0 0 20px 0;
}

img
{
	max-width: 100%;
}

p
{
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	color: #555;
}

a.btn:not(.btn-rounded)
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

:before, :after
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row
{
	clear: both;
}

section
{
	z-index: 2;
}

.visitor-container [class^='col-xs-']:not(.visitor-container form [class^='col-xs-']), .visitor-container [class^='col-sm-']:not(.visitor-container form [class^='col-sm-']), .visitor-container [class^='col-md-']:not(.visitor-container form [class^='col-md-']), .visitor-container [class^='col-lg-']:not(.visitor-container form [class^='col-lg-'])
{
	padding-left: 15px;
	padding-right: 15px;
}

/**********************
*** SECTIONS
***********************/
.sw-box,
.sb-box,
.sg-box
{
	float: left;
}

.sg-box .container,
.sb-box .container,
.sw-box .container
{
	padding: 0;
	position: relative;
	z-index: 9;
}

/**********************
*** STICKY
***********************/
.page-visitor-container .for-sticky.sticky .container
{
	width: 100%;
	padding: 0;
}

.page-visitor-container .sticky-logo
{
	float: left;
	margin-right: 15px;
	padding-left: 5px;
}

.page-visitor-container .for-sticky.sticky > .sticky-logo + img
{
	max-width: none;
	width: 70%;
	transition: all 0.5s ease 0s;
	-khtml-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

@media (min-width: 767px)
{
.page-visitor-container .for-sticky.sticky
{
	background: #fff;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	-ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	-o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	left: 0;
	position: fixed;
	top: 0;
	height: auto !important;
	z-index: 2147483647;
	transition: all 0.5s ease 0s;
	-khtml-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}


}

/**********************
*** MAIN MENU
***********************/
.page-visitor-container .main-menu
{
	position: relative;
	background: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
	z-index: 10;
	transition: all 0.5s ease 0s;
	-khtml-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

.page-visitor-container .main-menu .main-menu-nav.navbar-collapse
{
	padding-left: 10px;
	padding-right: 10px;
}

.page-visitor-container .main-menu .fa-fw
{
	width: 20px;
	text-align: left;
	display: none;
}

.page-visitor-container .main-menu .label
{
	font-size: 9px;
	width: 18px;
	height: 18px;
}

.page-visitor-container .main-menu .main-menu-search
{
	padding: 15px;
}

.page-visitor-container #main-menu li.active > a:not(.btn)
{
/*	background: rgba(0, 0, 0, 0.02);
*/
}

.page-visitor-container #main-menu li a:not(.btn)
{
	color: #2d323a;
	text-transform: uppercase;
}

.page-visitor-container #main-menu > li > a:not(.btn)
{
	color: #2d323a;
	border-bottom: 2px solid #ffffff;
	padding: 15px 16px 13px 16px;
	font-size: 16px;
}

.page-visitor-container #main-menu > li > a:not(.btn) > i
{
	display: none;
}

.page-visitor-container #main-menu > li > a:hover:not(.btn), .page-visitor-container #main-menu > li > a:focus:not(.btn)
{
	background: #f7fafc;
	border-color: #f7fafc;
}

.page-visitor-container #main-menu > li > a.active:not(.btn), .page-visitor-container #main-menu > li.active > a:not(.btn)
{
	border-bottom: 2px solid #EFAE2C;
	background: rgba(0, 0, 0, 0.03);
	color: #2b2b2b;
	font-weight: 500;
}

.page-visitor-container #main-menu ul > li > a:hover:not(.btn)
{
	background: rgba(108, 100, 97, 0.03);
}

.page-visitor-container #main-menu ul > li > a.active:not(.btn)
{
	background: rgba(108, 100, 97, 0.03);
}

.page-visitor-container .main-menu .arrow
{
	position: absolute;
	right: 15px;
	top: 13px;
}

.page-visitor-container .main-menu .fa.arrow:before, .page-visitor-container .main-menu .ic.arrow:before
{
	content: "f105";
}

.page-visitor-container .main-menu .active > a > .fa.arrow:before, .page-visitor-container .main-menu .active > a > .ic.arrow:before
{
	content: "f107";
}

.page-visitor-container #main-menu > li:hover .nav-second-level, .page-visitor-container #main-menu > li:hover .collapse.in, .page-visitor-container .main-menu .nav-second-level, .page-visitor-container .main-menu .nav-second-level li
{
	z-index: 100!important;
}

.page-visitor-container .main-menu .nav-second-level li a
{
	padding-left: 37px;
}

.page-visitor-container .main-menu .nav-second-level li a > i
{
	display: none;
}

.page-visitor-container .main-menu .nav-third-level li a
{
	padding-left: 52px;
}

/* main menu actions */
.page-visitor-container #main-menu .mma .btn
{
	margin-top: 6px;
}

.page-visitor-container #main-menu .mma.ml .btn
{
	margin-left: 15px;
}

.page-visitor-container #main-menu .mma
{
	float: right;
}

.mini-menu ul > li a.dropdown-cart
{
	background: #EFAE2C;
	margin-left: 10px;
}

.mini-menu ul > li a.dropdown-cart:hover
{
	background: #ffba33;
}

@media (min-width: 767px)
{
.page-visitor-container .nav-second-level
{
	position: absolute;
	width: 220px;
}

.page-visitor-container .nav-second-level li
{
	background: #f7fafc;
}

.page-visitor-container #main-menu > li > a span.arrow
{
	display: none;
}

.page-visitor-container .main-menu .nav-second-level li a
{
	padding-left: 15px;
}

.page-visitor-container .main-menu .nav-third-level li a
{
	padding-left: 30px;
}

.page-visitor-container #main-menu > li
{
	float: left;
}

.page-visitor-container #main-menu > li .collapse.in
{
	display: none;
}

.page-visitor-container #main-menu > li:hover .nav-second-level, .page-visitor-container #main-menu > li:hover .collapse.in
{
	display: block;
	z-index: 1;
}


}

@media (max-width: 480px)
{
.page-visitor-container .sticky-logo
{
	display: none;
}

.page-visitor-container #main-menu .mma
{
	padding-bottom: 10px;
}

.page-visitor-container #main-menu .mma .btn
{
	margin-right: 15px;
}


}

/****************************
* VISITOR SEARCH ************
*****************************/
.visitor-search
{
	position: relative;
	margin: 0 15px 0 15px;
}

.visitor-search .form-control,
.visitor-search .form-control:focus
{
	border: none;
	font-size: 13px;
	color: #4c5667;
	padding-left: 20px;
	padding-right: 40px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: none;
	height: 30px;
	font-weight: 600;
	width: 230px;
	display: inline-block;
	line-height: 30px;
	margin-top: 15px;
	transition: 0.5s ease-out;
}

.visitor-search a
{
	position: absolute;
	top: 20px;
	right: 10px;
	color: #6c6461;
}

/* Jquery Autocomplete */
.ui-menu
{
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 24px;
	z-index: 1010;
	font-weight: 300;
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-menu .ui-menu-item
{
	border: solid 1px transparent;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-menu .ui-menu-item > a
{
	color: #6c6461;
	transition: all 0.3s ease 0s;
	-khtml-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.ui-menu .ui-menu-item:hover > a
{
	color: #EFAE2C;
	padding-left: 5px;
	transition: all 0.3s ease 0s;
	-khtml-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.ui-menu .ui-menu-item:hover
{
	border-color: transparent;
	color: #EFAE2C;
}

/* Signup Btn Content */
.signup-content
{
	padding: 20px 0 25px 0;
	text-align: center;
}

.signup-content a.btn
{
	padding: 14px 22px;
	text-transform: uppercase;
}

/**********************
*** FOOTER
***********************/
footer
{
	float: left;
	width: 100%;
	z-index: 10;
}

@media (min-height:900px)
{
.core-error-notfound footer
{
	position: absolute;
	bottom: 0;
}


}

/* jump to top */
.jump-to-top
{
	display: none;
}

/**********************
*** BREADCRUMB
***********************/
.breadcrumb-wrapper
{
	background-image: url(/application/themes/default/images/visitor/breacrumb-bg.jpg?c=2763);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	overflow: hidden;
	padding: 50px 0;
}

.breadcrumb-wrapper .breadcrumb
{
	background: none;
	float: right;
	margin: 0px;
	padding: 0;
}

.breadcrumb-wrapper .breadcrumb a
{
	color: #fff;
	font-weight: 300;
}

.breadcrumb-wrapper .breadcrumb a:hover
{
	color: #fff;
}

.breadcrumb-wrapper .breadcrumb .active
{
	color: #ffc654;
}

.breadcrumb-wrapper .page-title
{
	margin: 0;
	color: #fff;
	font-size: 28px;
}

.breadcrumb-wrapper .breadcrumb > li
{
	color: #F6F6F6;
}

@media (max-width: 480px)
{
.breadcrumb-wrapper
{
	padding: 30px 0;
}

.breadcrumb-wrapper .page-title
{
	text-align: center;
	margin-bottom: 15px;
}

.breadcrumb-wrapper .breadcrumb
{
	float: none;
	text-align: center;
	margin-bottom: 0;
}


}

/***********************************************************************************
 *	+ FULL SECTIONS
 ***********************************************************************************/
/** SECTIONS WHITE BOX **/
.sw-box,
.sg-box,
.sb-box
{
	padding: 80px 0;
	position: relative;
	width: 100%;
}

.sw-md-box,
.sg-md-box,
.sb-md-box
{
	padding: 40px 0;
	position: relative;
	width: 100%;
}

.sw-box,
.sw-md-box
{
	background-color: #ffffff;
}

.sg-box,
.sg-md-box
{
	background-color: #EDF1F5;
/*	background-color: #e2e6ea;
*/
/*	background-color: #E9F1F7;
*/
/*	background: #F0F2F7;
*/
}

.sb-box,
.sb-md-box
{
	background-color: #6c6461;
	color: #ffffff;
}

.sb-box label,
.sb-md-box label
{
	color: #3a3a3a;
}

.sb-box h1,
.sb-box h2,
.sb-box h3,
.sb-box h4,
.sb-box h5,
.sb-box h6,
.sb-box p
{
	color: #ffffff;
}

/*** Parallax Section ***/
.parallax
{
	background-attachment: fixed !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.parallax-signup
{
	padding: 80px 0 70px;
	background-image: url(/application/themes/default/images/visitor/parallax-signup.jpg?c=2763);
}

.parallax-prospects
{
	background-image: url(/application/themes/default/images/visitor/parallax-prospects.png?c=2763);
	background-position: center top;
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: center;
}

/*** Section Pattern ***/
.fs-pattern
{
	background-image: url(/application/themes/default/images/pattern.png?c=2763);
	background-repeat: repeat;
	background-position: top left;
}

.fs-cubbic-pattern
{
	background-image: url(/application/themes/default/images/pattern-cube.png?c=2763);
	background-repeat: repeat;
	background-position: top left;
}

.fs-geometry-pattern
{
	background-image: url(/application/themes/default/images/pattern-geometry.png?c=2763);
	background-repeat: repeat;
	background-position: top left;
}

.fs-prallax-building
{
	background-image: url(/application/themes/default/images/prallax-building.jpg?c=2763);
}

.fs-overlay-color
{
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.9;
	background-color: #2D3B55;
}

.fs-shadow-top
{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	height: 90px;
	opacity: 0.31;
	background: -webkit-linear-gradient(#000, transparent);
	background: linear-gradient(#000, transparent);
}

.fs-shadow-bottom
{
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	opacity: 0.05;
	background: -webkit-linear-gradient(transparent, #000);
	background: linear-gradient(transparent, #000);
}

/*.fs-container
{
*/
/*	position: relative;
*/
/*	z-index: 6;
*/
/*
}

*/
/*.full-screen .fs-container
{
*/
/*	position: absolute;
*/
/*	top: 50%;
*/
/*	left: 0;
*/
/*	right: 0;
*/
/*	-webkit-transform: translateY(-50%);
*/
/*	-ms-transform: translateY(-50%);
*/
/*	transform: translateY(-50%);
*/
/*
}

*/
/******************************
** Fluid image **************
*******************************/
.fluid-image-outer
{
	position: relative;
}

.fluid-image-outer img
{
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	max-width: none!important;
}

.auto-container
{
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.default-section
{
	position: relative;
	padding: 80px 0px 20px;
	background: #fff;
}

.bg-waves
{
	position: relative;
	min-height: 590px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.outside-hidden
{
	width: 100%;
	overflow: hidden;
}

.default-section .column
{
	position: relative;
	margin-bottom: 50px;
}

/******************************
** Register **************
*******************************/
/*.step-register-wrapper
{
*/
/*!*	background: url(/application/themes/default/images/visitor/login-wrapper.jpg?c=2763) no-repeat center center / cover !important;
*!*/
/*	height: 100%;
*/
/*	position: fixed;
*/
/*
}

*/
.register-wrapper
{
	background-image: url(/application/themes/default/images/visitor/login-wrapper.jpg?c=2763);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 100%;
	width: 100%;
	position: absolute;
	padding-bottom: 80px;
}

/*.register-wrapper
{
*/
/*	background: url(/application/themes/default/images/visitor/login-wrapper.jpg?c=2763) no-repeat center center / cover !important;
*/
/*	height: 100%;
*/
/*	width: 100%;
*/
/*	position: fixed;
*/
/*	margin: 0 auto;
*/
/*
}

*/
/* register box */
.register-box
{
	max-width: 600px;
	margin: 0 auto;
	padding-top: 2%;
}

.register-logo
{
	text-align: center;
	margin-bottom: 20px;
}

@media (max-width:767px)
{
.login-register, .register-box
{
	position: relative;
}


}

/* login box */
.btn-login-back
{
	margin: 20px;
	float: left;
}

@media (max-width: 480px)
{
.login-box
{
	width: 100%;
}


}

/******************************
** Step register **************
*******************************/
.step-register
{
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 0px;
	counter-reset: step;
}

.step-register li
{
	list-style-type: none;
	color: #ffffff;
	font-size: 13px;
	width: 50%;
	float: left;
	position: relative;
}

.step-register li:before
{
	content: counter(step);
	counter-increment: step;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 10px;
	color: #fff;
	background: #686868;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	position: relative;
	z-index: 10;
	margin: 0 auto 5px auto;
}

/*step-register connectors*/
.step-register li:after
{
	content: '';
	width: 100%;
	height: 2px;
	background: #dadada;
	position: absolute;
	left: -50%;
	top: 19px;
	z-index: 1;
/*put it behind the numbers*/
}

.step-register li:first-child:after
{
	content: none;
}

.step-register li.active:before, .step-register li.active:after
{
	background: #EFAE2C;
	color: #fff;
}

#signup-form .form-errors
{
	margin: 0;
}

#signup-form.form-horizontal .form-heading,
#signup-form.form-horizontal .form-group
{
	padding-left: 7.5px !important;
	padding-right: 7.5px !important;
}

#signup-form.form-horizontal .form-heading:first-child
{
	padding-top: 0;
}

#signup-form.form-horizontal .form-group
{
	margin-bottom: 0;
}

.signup-terms-group
{
	position: relative;
	margin-top: 20px;
}

/******************************
** Terms **********************
*******************************/
.terms-box
{
	margin-left: 20px;
	margin-right: 20px;
}

/**********************
*** HERO VIDEO
***********************/
.s-hero-video
{
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.hero-fixed .intro-hero
{
	position: absolute;
	top: 0;
	width: 100%;
}

.hero-fixed.cp-active
{
	padding-top: 0 !important;
}

.video-bg .intro-hero
{
	background: none;
}

.hero-vid
{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	background: url(/application/themes/default/images/visitor/meeting.jpg?c=2763) no-repeat;
	background-size: cover;
	display: none;
}

.hero-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(108, 100, 97, 0.60);
	display: none;
	z-index: 1;
}

/** Intro **/
.intro-hero
{
	position: relative;
	min-height: 600px;
	color: white;
}

.intro-hero:after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(108, 100, 97, 0.3);
}

.intro-hero .container
{
	position: absolute;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 13%;
	left: 0;
	right: 0;
	margin: auto;
}

.intro-hero .title-wrapper
{
	text-align: center;
	margin-top: 20%;
}

.intro-hero .hero-title
{
	font-size: 2.1rem;
	margin-bottom: 1.5rem;
}

.intro-hero .hero-title h1,
.intro-hero .hero-title h2,
.intro-hero .hero-title h3,
.intro-hero .hero-title h4
{
	margin: 0.50em 0;
}

.intro-hero .hero-title h1:first-child, .intro-hero .hero-title h2:first-child, .intro-hero .hero-title h3:first-child, .intro-hero .hero-title h4:first-child
{
	margin-top: 0;
}

.intro-hero .hero-title h1:last-child, .intro-hero .hero-title h2:last-child, .intro-hero .hero-title h3:last-child, .intro-hero .hero-title h4:last-child
{
	margin-bottom: 0;
}

.intro-hero .hero-title h1
{
	font-size: 2.2em;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
}

.intro-hero .hero-title h2
{
	font-size: 1.9em;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
}

.intro-hero .hero-title h3
{
	font-size: 1.4em;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffbb15;
}

.intro-hero .hero-title h4
{
	font-size: 1.4em;
	font-weight: 400;
	text-transform: uppercase;
	color: white;
}

.intro-hero .blurb
{
	font-weight: 100;
	color: white;
	margin-top: 20px;
}

.intro-hero .blurb a
{
	color: white;
	border-bottom: 1px dotted;
}

.intro-hero .blurb a:hover
{
	color: #EFAE2C;
}

.intro-hero .button
{
	margin-top: 0.75em;
}

.intro-hero .button:last-child
{
	margin-left: 0.5em;
}

.intro-hero .button.border
{
	border: 2px solid #ffffff !important;
	color: #ffffff;
}

.intro-hero .button.border:hover
{
	background: #ffffff;
	color: #071216;
}

@media (min-width: 720px)
{
.intro-hero .hero-title > span
{
	display: table-cell;
	vertical-align: middle;
}


}

@media (min-width: 940px)
{
.intro-hero
{
	height: 900px;
	height: 100vh;
	min-height: 750px;
}

.intro-hero .hero-title
{
	font-size: 2.85rem;
}

.intro-hero .container
{
	top: 12%;
}

.intro-hero .title-wrapper
{
	width: 100%;
}

.intro-hero .blurb
{
	font-size: 1.6rem;
}

.intro-hero .button
{
	font-size: 1.2rem;
}

.intro-hero .hero-down
{
	display: inline-block;
}

.intro-hero .title-wrapper
{
	position: relative;
}

.intro-hero .hero-title,
.intro-hero .blurb,
.intro-hero .button
{
	position: relative;
	transition: 0.85s;
	opacity: 1;
	top: 0;
}

.intro-hero.inactive .hero-title,
.intro-hero.inactive .blurb,
.intro-hero.inactive .button
{
	opacity: 0;
}

.intro-hero.inactive .hero-title
{
	top: 6rem;
}

.intro-hero.inactive .blurb
{
	top: -1rem;
}

.intro-hero.inactive .button
{
	top: -6rem;
}

.intro-hero.inactive .hero-down
{
	bottom: 2em;
	opacity: 0;
}


}

@media (min-width: 1200px)
{
.intro-hero .hero-title
{
	font-size: 2.85rem;
}


}

@media (max-width: 767px)
{
.intro-hero .container
{
	top: 150px;
	text-align: center;
}

.intro-hero .hero-title h2
{
	line-height: 54px;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.intro-hero .hero-title h3
{
	font-size: 1.1em;
}


}

@media (max-width: 480px)
{
.s-hero-video
{
	height: 450px;
}

.intro-hero
{
	min-height: 450px;
}

.intro-hero .hero-down
{
	top: 365px;
}


}

.intro-hero .hero-down
{
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 500px;
	left: 0;
	right: 0;
	width: 100%;
	height: 100px;
	transition: 0.4s;
}

.intro-hero .hero-down:hover
{
	border-bottom: none;
}

/**********************
*** WELCOME
***********************/
.s-welcome
{
	border: 0;
	padding-bottom: 0;
	padding-top: 20px;
}

.s-welcome-wrapper
{
	float: none;
	margin: 0 auto;
	display: table;
	width: auto;
}

.s-welcome-wrapper > #s-welcome-rotate
{
	float: none;
	margin: 0 auto;
	display: table;
	width: auto;
}

#s-welcome-rotate > span
{
	float: left;
	font-family: Roboto;
	font-size: 40px;
	letter-spacing: 0.3px;
}

#s-welcome-rotate > span.text-tertiary
{
	color: #6c6461;
}

#s-welcome-rotate > span.right
{
	float: right;
}

.s-welcome-wrapper > p
{
	float: left;
	width: 100%;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #6c6461;
	font-weight: 300;
	letter-spacing: 0.30px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 30px;
}

.s-welcome-wrapper > img
{
	display: table;
	float: none;
	margin-bottom: -70px;
	margin-left: auto;
	margin-right: auto;
}

/* s-welcome / roles */
.roles
{
	display: inline-block;
	font-size: 40px;
	height: 50px;
	overflow: hidden;
	vertical-align: middle;
	font-family: Roboto;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 15px;
}

.roles div
{
	height: 50px;
	-webkit-transition: margin-top 1s ease-in-out;
	-moz-transition: margin-top 1s ease-in-out;
	-o-transition: margin-top 1s ease-in-out;
	transition: margin-top 1s ease-in-out;
}

.roles div:nth-child(1)
{
	color: #3497D9;
}

.roles div:nth-child(2)
{
	color: #F5A941;
}

/* LIST PLAN */
.s-plan
{
	padding-top: 70px;
	padding-bottom: 0;
}

.list-plan-box
{
	float: left;
	width: 100%;
}

#list-plan-box
{
	padding-top: 40px;
}

.list-plan-box > .row > div > img
{
	float: left;
}

.list-plan-detail
{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.list-plan-detail > h3
{
	color: #6c6461;
	float: left;
	margin: -10px 0 20px;
	text-transform: uppercase;
	width: 100%;
}

.list-plan-detail p
{
	color: #888;
	float: left;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin: 0;
	width: 100%;
	margin-top: -10px;
}

.list-plan-detail > ul
{
	float: left;
	padding: 0;
	width: 100%;
	margin: 40px 0 50px;
}

.list-plan-detail > ul > li
{
	float: left;
	list-style: none outside none;
	margin-bottom: 40px;
	width: 100%;
}

.list-plan-detail > ul > li:last-child
{
	margin: 0;
}

.list-plan-detail > ul > li > span
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background-color: #6c6461;
	float: left;
	height: 45px;
	margin-right: 22px;
	padding: 9px 0;
	text-align: center;
	width: 45px;
}

.list-plan-detail > ul > li > span > i
{
	font-size: 28px;
	color: #ffffff;
}

.list-plan-detail > ul > li > h4
{
	color: #EFAE2C;
	text-transform: uppercase;
	margin: 0 0 20px;
	float: left;
	width: 100%;
}

.list-plan-box > .row > div
{
	float: left;
	position: relative;
}

.list-plan-box > .row > div.col-md-3:before
{
	background-image: url(/application/themes/default/images/visitor/shadow3.png?c=2763);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 12px;
	content: "";
}

.list-plan-detail > ul > li > p
{
	display: block;
	float: left;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin: -3px 0 0 0;
	width: 90%;
}

.list-plan-action
{
	float: left;
	clear: both;
}

/** how-it-works***/
@media (min-width: 992px)
{
.sg-box.how-it-works-wrapper
{
	padding-bottom: 0;
}

.how-it-works
{
	background-image: url(/application/themes/default/images/visitor/how-it-works.png?c=2763);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 350px;
}


}

@media (max-width: 480px)
{
.heading1
{
	width: 100%;
}

.heading-service p
{
	padding: 5px 10%;
}

.list-plan-box > .row > div
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.list-plan-detail > ul > li > p
{
	max-width: 77%;
}

.list-plan-action
{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.sw-box,
.sg-box,
.sb-box
{
	padding: 40px 0;
}

.default-section
{
	padding: 40px 0 20px 0;
}

.default-section .column .inner-box
{
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}


}

/***
====================================================================
    Services
====================================================================
***/
.block-tools
{
	margin-bottom: 10px;
}

.tool-box
{
	position: relative;
	padding: 20px;
}

.tool-box:before
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #6c6461;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
	content: " ";
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.tool-box .tool-box-link
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 2;
	text-decoration: none;
}

.tool-box .tool-box-media
{
	max-width: 90px;
	min-width: 90px;
	display: table-cell;
	vertical-align: middle;
}

.tool-box .tool-box-media .tool-box-icon
{
	width: 70px;
	height: 70px;
	border: solid 2px #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.tool-box .tool-box-body
{
	position: relative;
	z-index: 1;
}

.tool-box .tool-box-body .tool-box-content
{
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}

.tool-box .tool-box-body .tool-box-title,
.tool-box .tool-box-body .tool-box-text,
.tool-box .tool-box-body .tool-box-learn
{
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.tool-box .tool-box-body .tool-box-title
{
	font-size: 28px;
	vertical-align: middle;
	color: #fff;
	margin: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tool-box .tool-box-body .tool-box-text
{
	color: #fff;
	opacity: 1;
	margin-bottom: 5px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tool-box .tool-box-body .tool-box-learn
{
	font-weight: 500;
	display: block;
	color: #34343c;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tool-box:hover:before
{
	background: #EFAE2C;
	-webkit-transform: scale(1.075, 1.075);
	-moz-transform: scale(1.075, 1.075);
	transform: scale(1.075, 1.075);
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.tool-box:hover .tool-box-title, .tool-box:hover .tool-box-text, .tool-box:hover .tool-box-learn
{
	transition-duration: 300ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

/*.tool-box:hover .tool-box-title
{
*/
/*	color: #34343c;
*/
/*	opacity: 0;
*/
/*	-webkit-transform: translate3d(0, -100%, 0);
*/
/*	-moz-transform: translate3d(0, -100%, 0);
*/
/*	transform: translate3d(0, -100%, 0);
*/
/*
}

*/
.tool-box:hover .tool-box-text
{
	color: #606060;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.tool-box:hover .tool-box-learn
{
	margin-bottom: 0;
	opacity: 1;
	-webkit-transform: translate3d(0, -100%, 0);
	-moz-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

/**********************
*** FOOTER
***********************/
.thematic-section
{
	background: #6c6461;
}

.thematic-section *
{
	color: #fff;
}

.objective-defiscalisation h1
{
	color: #fff;
	margin: 0px;
}

.objective-defiscalisation h4
{
	color: #fff;
	margin: 0px;
}

.objective-defiscalisation-content
{
	margin-top: 35px;
	color: #fff;
}

.objectice-row
{
	padding: 30px 0px 30px 0;
}

.thm-image-hover .img-holder
{
	position: relative;
	overflow: hidden;
}

#objectifs .thm-image-hover .img-holder
{
	overflow: visible;
}

#objectifs .thm-image-hover .img-holder img
{
	max-width: none !important;
	transition: all .3s ease;
}

#objectifs .thm-image-hover .img-holder:before
{
	background: #CB2B34;
}

/**********************
*** SERVICES SECTION
***********************/
#services-sec
{
	float: left;
	width: 100%;
	margin-top: -30px;
	clear: both;
}

#services-sec .service2
{
	float: left;
	width: 100%;
	margin-top: 30px;
}

.heading-service p
{
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	font-family: Roboto, sans-serif;
	font-weight: 100;
	width: 50%;
	margin: 0 auto 40px auto;
}

.service-sec-container
{
	padding: 50px 0;
}

@media (max-width: 480px)
{
.heading-service p
{
	width: 90%;
}


}

/* Service icon */
.service-block
{
	text-align: center;
}

.service-block .service-icon,
.service-block .service-icon .icon
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.service-block .service-icon
{
	position: relative;
	text-align: center;
	height: 128px;
	width: 128px;
	margin: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.3s ease 0s;
	-khtml-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.service-block .icon
{
	background-color: #6c6461;
	color: #fff;
	font-size: 50px;
	text-align: center;
	height: 125px;
	width: 125px;
	margin: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.3s ease 0s;
	-khtml-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.service-block .service-icon::before
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 2px solid transparent;
	content: "";
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
}

.service-block:hover .service-icon::before
{
	border-color: #EFAE2C;
}

.service-block:hover .icon
{
	background-color: #EFAE2C;
}

.service-block .service-info
{
	clear: both;
	margin-bottom: 20px;
}

.service-info > h2
{
	color: #6c6461;
	float: left;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.3px;
	line-height: 13px;
	margin: 30px 0 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

.service-info > h2 > a
{
	color: #6c6461;
}

.service-info > p
{
	color: #777777;
	float: left;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 24px;
	margin: 0;
	position: relative;
	text-align: center;
	padding: 0 5px;
}

/** SERVICES 5 ***/
.how-it-work-box
{
	float: left;
	width: 100%;
	position: relative;
}

.how-it-work-box:before
{
	border: 1px solid rgba(0, 0, 0, .1);
	background: rgba(255, 255, 255, 0.54);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.how-it-work-box:hover:before
{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.how-it-work-box:after
{
/*	background: none repeat scroll 0 0 rgba(45, 150, 220, 0.88);
*/
	background: #6c6461;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transform: scale(1);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.how-it-work-box:hover:after
{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.how-it-work-box > i
{
	color: #6c6461;
	float: left;
	font-size: 60px;
	margin-bottom: 15px;
	margin-top: 45px;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 99;
}

.how-it-work-box > h2
{
	color: #3497D9;
	float: left;
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 14px;
	margin: 0 0 15px;
	position: relative;
	text-align: center;
	width: 100%;
}

.how-it-work-box > p
{
	color: #555555;
	float: left;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 26px;
	margin: 20px 0 45px;
	padding: 0 20px;
	position: relative;
	text-align: center;
	width: 100%;
}

.how-it-work-box:hover > i, .how-it-work-box:hover > h2, .how-it-work-box:hover > p
{
	color: #ffffff;
}

/************************************
 *** STEP ESTIMATE BOX
 ************************************/
.how-box-one
{
	position: relative;
	padding: 40px 20px;
	transition: all .3s;
}

.how-box-one:hover, .how-box-one.active
{
	box-shadow: 0 0 35px rgba(0, 0, 0, .1);
}

.how-box-one:after
{
	content: '';
	position: absolute;
	top: 0;
	right: -100px;
	width: 200px;
	height: 120px;
	background: url(/application/themes/default/images/visitor/arrow-big.png?c=2763) center center no-repeat;
}

.how-box-one.last-box:after, .how-box-one:last-child:after
{
	display: none;
}

@media (max-width:991px)
{
.how-one-container .how-box-one:after
{
	display: none;
}


}

.how-box-one .icon-box
{
	position: relative;
	font-size: 72px;
	font-weight: 700;
	font-family: Roboto, sans-serif;
	text-align: center;
	color: #EFAE2C;
	width: 90px;
	height: 90px;
	line-height: 80px;
	margin: 0 auto 30px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.how-box-one h4
{
	position: relative;
	line-height: 1.6em;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 7px;
	color: #6c6461;
	font-weight: 500;
}

.how-box-one h4 a
{
	color: #6c6461;
	transition: .5s;
}

.how-box-one .text
{
	position: relative;
	line-height: 1.8em;
	padding: 0px 10px;
	color: #6c6461;
}

.how-box-one h3 a
{
	position: relative;
	color: #6c6461;
}

/************************************
 *** STEP ESTIMATE BOX
 ************************************/
.step-estimate-box
{
	float: left;
	width: 100%;
	min-height: 125px;
}

.step-estimate-box > .row > div > img
{
	float: left;
	width: 89%;
}

.step-estimate-box span
{
	float: left;
	height: 70px;
	width: 70px;
	border: 1px solid #6c6461;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	color: #6c6461;
	text-align: center;
	font-size: 25px;
	line-height: 69px;
	-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.01) inset;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.01) inset;
	background: #fff;
}

.step-estimate-box span.pack-selected
{
	margin-top: 0;
}

.step-estimate-box:hover span
{
	background-color: #EFAE2C;
	border-color: #EFAE2C;
	color: #fff;
}

.step-estimate-detail
{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.step-estimate-detail > p
{
	color: #888;
	float: left;
	font-family: Roboto, sans-serif;
	letter-spacing: 0.3px;
	margin: 0;
	width: 100%;
	margin-top: -10px;
}

.step-estimate-detail h4
{
	color: #EFAE2C;
	font-weight: 300;
	letter-spacing: 0.3px;
	margin: 0 0 20px;
	float: left;
	width: 100%;
}

.select2-results li.select2-result-with-children > .select2-result-label
{
	font-family: Roboto, sans-serif;
	font-weight: 700;
	color: #6c6461;
}

@media (min-width: 767px)
{
.row .col-md-6:first-child .step-estimate-box
{
	padding-right: 25px;
}


}

@media (max-width: 480px)
{
.step-estimate-box span
{
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 39px;
}


}

/******* Public Cart ***/
.public-seller-cart-details
{
	border-top: dashed 1px #e2e6ea;
	padding-top: 25px;
	clear: both;
}

.public-seller-cart-details .form-actions-row
{
	border-top: dashed 1px #e2e6ea;
}

/* Counter */
.s-box-counter
{
	padding-top: 80px;
	padding-bottom: 90px;
}

.counters-sec
{
	float: left;
	width: 100%;
}

.counters
{
	float: left;
	width: 100%;
}

.counter
{
	border: solid 1px rgba(0, 0, 0, .1);
	background-color: #fff;
	padding: 30px 0px;
	text-align: center;
	font-size: 50px;
	color: #EFAE2C;
	font-weight: bold;
}

.counter i
{
	color: #6c6461;
	font-size: 40px;
	display: block;
	margin-bottom: 30px;
}

.counter > .f-text,
.counter h4
{
	font-size: 18px;
	color: #999;
	font-weight: 400;
}

.counter > .f-text
{
	display: block;
	width: 100%;
	margin: 0px 0px 5px 0px;
}

.counter > h4
{
	margin: 5px 0px 0px 0px;
}

/* Arguments */
arguments-wrapper
{
	padding-top: 0;
}

.arguments
{
	height: 195px;
	text-align: center;
}

.arguments img
{
	margin: 0 auto;
	width: auto;
}

.arguments:hover img
{
	-webkit-transform: rotateY(720deg);
	-moz-transform: rotateY(720deg);
	-ms-transform: rotateY(720deg);
	-o-transform: rotateY(720deg);
	transform: rotateY(720deg);
	transition: all 1.5s ease 0s;
	-khtml-transition: all 1.5s ease 0s;
	-webkit-transition: all 1.5s ease 0s;
	-moz-transition: all 1.5s ease 0s;
	-ms-transition: all 1.5s ease 0s;
	-o-transition: all 1.5s ease 0s;
}

.argument-text h2
{
	margin-top: 20px;
	margin-bottom: 25px;
}

.argument-text p
{
	margin-bottom: 15px;
}

/* Activities Timeline*/
.s-activity-timeline
{
	float: left;
	padding: 50px 0 0 0;
	position: relative;
	width: 100%;
}

.activities-sec
{
	float: left;
	width: 100%;
}

.activities-sec > h2
{
	border-bottom: 4px solid #E8E8E8;
	display: table;
	float: none;
	font-size: 25px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 auto;
	padding: 0 15px 15px;
	text-transform: uppercase;
	position: relative;
}

.activities-sec > h2:after
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: none repeat scroll 0 0 #E8E8E8;
	bottom: 0;
	left: 0;
	position: absolute;
	height: 18px;
	width: 18px;
	content: "";
	left: 50%;
	margin-left: -9px;
	margin-bottom: -11px;
	z-index: 2;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.activities
{
	float: left;
	width: 100%;
}

.activities > div > h2.active
{
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.activities > div > h2:before
{
	left: 15px;
	position: absolute;
	top: 50%;
	content: "+";
	margin-top: -7px;
}

.activities > div > h2.active:before
{
	content: "-";
}

.activities > div > h2
{
	background-color: #FFFFFF;
	background-position: 17px 17px;
	background-repeat: no-repeat;
	background-size: 8px 8px;
	border: 1px solid #E8ECEC;
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	color: #454545;
	cursor: pointer;
	float: left;
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 11px;
	margin: 0 0 10px;
	padding: 15px 40px;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	position: relative;
	width: 100%;
}

.activities .content,
.activities .content2
{
	float: left;
	width: 100%;
}

.activities .content > p,
.activities .content2 > p
{
	color: #777;
	float: left;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	letter-spacing: 0.21px;
	line-height: 24px;
	margin: 3px 0 13px;
	width: 100%;
	margin-top: 4px;
	letter-spacing: 0.30px;
}

/* activity-timeline */
.activity-timeline
{
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 70px 0;
	position: relative;
	width: 100%;
}

.activity-timeline > .left
{
	padding-right: 15px;
}

.activity-timeline > .right
{
	padding-left: 15px;
}

.activity-timeline > .left > .activity-timeline-box
{
	margin-bottom: 60px;
}

.activity-timeline-box:hover
{
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
	-o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}

.activity-timeline:before
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #e8e8e8;
	content: "";
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: -1px;
	width: 4px;
}

.activity-timeline-box
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E8E8E8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	float: left;
	position: relative;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 100%;
}

.activity-timeline .activity-timeline-box:before
{
	background: none repeat scroll 0 0 #E8E8E8;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	content: "";
	height: 18px;
	margin-right: -24.5px;
	position: absolute;
	right: 0;
	top: 30px;
	width: 18px;
	z-index: 0;
}

.activity-timeline .activity-timeline-box:after
{
	background: none repeat scroll 0 0 #E8E8E8;
	content: "";
	height: 4px;
	margin-right: -10px;
	position: absolute;
	right: 0;
	top: 37px;
	width: 80%;
	z-index: -1;
}

.activity-timeline > .right > .activity-timeline-box:before
{
	left: 0;
	margin-left: -23.5px;
}

.activity-timeline > .right > .activity-timeline-box:after
{
	left: 0;
	margin-left: -10px;
}

.activity-timeline > .right > .activity-timeline-box
{
	margin-top: 60px;
}

.activity-box-header
{
	padding: 10px 15px 7px 15px;
	background: #6c6461;
	border-bottom: solid 1px rgba(0, 0, 0, .05);
	overflow: hidden;
}

.activity-box-icon
{
	float: left;
	min-width: 60px;
	min-height: 55px;
	width: 12%;
	margin-right: 10px;
}

.activity-box-title
{
	width: 85%;
	float: left;
}

.activity-box-title h3,
.activity-box-title h3 a
{
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	line-height: 55px;
	margin: 0;
	color: #ffffff;
}

.activity-box-title h3 a:hover
{
	text-decoration: none;
}

.activity-box-description > p
{
	color: #aaa;
	padding: 10px 10px 0;
	font-weight: 300;
	font-size: 12px;
	line-height: 20px;
	font-family: Roboto, sans-serif;
	font-weight: 300;
}

/* Categories Widget */
.s-category-widget
{
	clear: both;
	overflow: hidden;
	padding: 15px;
}

.s-category-widget > ul
{
	float: left;
	padding: 0;
}

.s-category-widget > ul > li
{
	list-style: none outside none;
	color: #666666;
	float: left;
	font-size: 12px;
	letter-spacing: 0.3px;
	line-height: 18px;
	padding: 10px 0;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 47%;
	min-width: 200px;
}

.s-category-widget > ul > li a
{
	color: #666666;
}

.s-category-widget > ul > li a:hover
{
	text-decoration: none;
}

.s-category-widget > ul > li:nth-child(1n)
{
	margin-right: 3%;
}

.s-category-widget > ul > li > i
{
	float: left;
	font-size: 14px;
	margin-right: 7px;
	margin-top: 1px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.s-category-widget > ul > li > i.blue
{
	color: #3497D9;
}

.s-category-widget > ul > li > i.pink
{
	color: #BE2977;
}

.s-category-widget > ul > li > i.red
{
	color: #c4131c;
}

.s-category-widget > ul > li > i.purple
{
	color: #a12e6b;
}

.s-category-widget > ul > li > i.green
{
	color: #83af31;
}

.s-category-widget > ul > li > i.orange
{
	color: #EFAE2C;
}

.s-category-widget > ul > li:hover > i
{
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}

.s-category-widget > ul > li > a > span
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E8ECEC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	color: #777777;
	font-size: 12px;
	line-height: 10px;
	padding: 7px 6px;
	position: absolute;
	right: 0;
}

/***
====================================================================
	Features
====================================================================
***/
#features
{
	background-color: #fff;
	display: inline;
	float: left;
	padding: 50px 0;
	width: 100%;
}

.features-area a
{
	color: #6c6461;
}

.features-area
{
	display: inline;
	float: left;
	width: 100%;
}

.features-left
{
	display: inline;
	float: left;
	width: 100%;
}

.features-list li
{
	float: left;
	padding: 25px 0;
	position: relative;
}

.features-list li span.icon
{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #6c6461;
	color: #fff;
	display: block;
	font-size: 35px;
	height: 90px;
	width: 90px;
	line-height: 93px;
	margin: 20px auto;
	position: absolute;
	text-align: center;
	top: 10px;
	transition: all 0.5s ease 0s;
	-khtml-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

.features-list li span.icon img
{
	vertical-align: top;
	text-align: center;
}

.features-list li span.icon:hover
{
	background-color: #6c6461;
	color: #fff;
}

.features-list-left .features-content
{
	padding-left: 115px;
}

/** Fearures Left Icons **/
.features-list-left li span.icon
{
	left: 0;
}

.features-content
{
	float: left;
	display: inline;
	width: 100%;
}

.features-content h4
{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}

.features-content p
{
	font-size: 15px;
}

.feature-img
{
	display: inline;
	float: left;
	padding: 0 10px;
	text-align: center;
	width: 100%;
}

.feature-img img
{
	width: 100%;
}

.features-right
{
	display: inline;
	float: left;
	width: 100%;
}

.features-list-right .features-content
{
	padding-right: 115px;
}

.features-list-right li span.icon
{
	right: 0;
}

/***
====================================================================
	Expert Layer
====================================================================
***/
.expert-lawyer-sec
{
	float: left;
	width: 100%;
	position: relative;
}

.lawyer-slide
{
	float: left;
	position: relative;
	width: 100%;
	margin-top: -30px;
}

.lawyer-box
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	float: left;
	margin-top: 30px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.lawyer-box > img
{
	float: left;
	width: 100%;
}

.lawyer-box:hover .layer-desc
{
	height: 90%;
	background: rgba(255, 255, 255, 0.88);
}

.layer-desc
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	bottom: 5%;
	height: 69px;
	left: 3%;
	padding: 10px 45px;
	position: absolute;
	background-color: #6c6461;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	width: 94%;
}

.lawyer-box:hover .layer-desc > i
{
	height: 50%;
	margin-top: -14%;
	background: #666;
}

.layer-desc > i
{
	background: none repeat scroll 0 0 #FFFFFF;
	height: 44%;
	left: 45px;
	margin-top: -5%;
	position: absolute;
	top: 50%;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	width: 1px;
}

.layer-desc > span
{
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	left: 70px;
	line-height: 10px;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 50%;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.layer-desc > h2
{
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	left: 70px;
	margin: -11px 0 0;
	position: absolute;
	top: 35%;
	transition: all 0.4s ease 0s;
	-khtml-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.layer-desc > h2 > a
{
	color: #FFFFFF;
}

.lawyer-box:hover .layer-desc > h2 > a
{
	color: #6c6461;
}

.lawyer-box:hover .layer-desc > h2
{
	margin-top: -25px;
	color: #666;
}

/***
====================================================================
	Product Thumb Line
====================================================================
***/
.product-thumbline-sec ul
{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.product-thumbline-box img
{
	float: left;
	width: 100%;
	padding: 1px;
}

.product-thumbline-sec ul > li
{
	float: left;
	width: 20%;
	list-style: none;
}

.product-thumbline-box
{
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.product-thumbline-box > h3
{
	color: #FFFFFF;
	font-size: 14px;
	left: 0;
	letter-spacing: 0.3px;
	line-height: 17px;
	margin: -40px 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: all 0.5s ease 0.4s;
	-khtml-transition: all 0.5s ease 0.4s;
	-webkit-transition: all 0.5s ease 0.4s;
	-moz-transition: all 0.5s ease 0.4s;
	-ms-transition: all 0.5s ease 0.4s;
	-o-transition: all 0.5s ease 0.4s;
	width: 100%;
	z-index: 99999;
}

.product-thumbline-box:hover h3
{
	bottom: 10px;
	opacity: 1;
	filter: alpha(opacity=1);
}

.product-thumbline-box > i
{
	position: absolute;
	width: 50%;
	height: 25%;
	background: rgba(29, 85, 128, 0.8);
	z-index: 9;
}

.product-thumbline-box > .actions
{
	position: absolute;
	text-align: center;
	top: 50%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s ease 0.4s;
	-khtml-transition: all 0.5s ease 0.4s;
	-webkit-transition: all 0.5s ease 0.4s;
	-moz-transition: all 0.5s ease 0.4s;
	-ms-transition: all 0.5s ease 0.4s;
	-o-transition: all 0.5s ease 0.4s;
	width: 100%;
	z-index: 9999999999;
}

.product-thumbline-box > a
{
	background: #fff;
	color: #6c6461;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-left: -15px;
	margin-top: 6px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.product-thumbline-box:hover > .actions
{
	margin-left: 5px;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 0.5s ease 0.4s;
	-khtml-transition: all 0.5s ease 0.4s;
	-webkit-transition: all 0.5s ease 0.4s;
	-moz-transition: all 0.5s ease 0.4s;
	-ms-transition: all 0.5s ease 0.4s;
	-o-transition: all 0.5s ease 0.4s;
}

.product-thumbline-box > a:hover
{
	background: #fff;
	color: #333;
}

.product-thumbline-box > i.box1
{
	left: -50%;
	top: 0;
	-webkit-transition: all 0.2s 0.1s;
	-moz-transition: all 0.2s 0.1s;
	-ms-transition: all 0.2s 0.1s;
	-o-transition: all 0.2s 0.1s;
	transition: all 0.2s 0.1s;
}

.product-thumbline-box > i.box2
{
	right: -50%;
	top: 0;
	-webkit-transition: all 0.2s 0.1s;
	-moz-transition: all 0.2s 0.1s;
	-ms-transition: all 0.2s 0.1s;
	-o-transition: all 0.2s 0.1s;
	transition: all 0.2s 0.1s;
}

.product-thumbline-box > i.box3
{
	left: -50%;
	top: 25%;
	-webkit-transition: all 0.2s 0.2s;
	-moz-transition: all 0.2s 0.2s;
	-ms-transition: all 0.2s 0.2s;
	-o-transition: all 0.2s 0.2s;
	transition: all 0.2s 0.2s;
}

.product-thumbline-box > i.box4
{
	right: -50%;
	top: 25%;
	-webkit-transition: all 0.2s 0.2s;
	-moz-transition: all 0.2s 0.2s;
	-ms-transition: all 0.2s 0.2s;
	-o-transition: all 0.2s 0.2s;
	transition: all 0.2s 0.2s;
}

.product-thumbline-box > i.box5
{
	left: -50%;
	top: 50%;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-ms-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
}

.product-thumbline-box > i.box6
{
	right: -50%;
	top: 50%;
	-webkit-transition: all 0.2s 0.3s;
	-moz-transition: all 0.2s 0.3s;
	-ms-transition: all 0.2s 0.3s;
	-o-transition: all 0.2s 0.3s;
	transition: all 0.2s 0.3s;
}

.product-thumbline-box > i.box7
{
	left: -50%;
	top: 75%;
	-webkit-transition: all 0.2s 0.4s;
	-moz-transition: all 0.2s 0.4s;
	-ms-transition: all 0.2s 0.4s;
	-o-transition: all 0.2s 0.4s;
	transition: all 0.2s 0.4s;
}

.product-thumbline-box > i.box8
{
	right: -50%;
	top: 75%;
	-webkit-transition: all 0.2s 0.4s;
	-moz-transition: all 0.2s 0.4s;
	-ms-transition: all 0.2s 0.4s;
	-o-transition: all 0.2s 0.4s;
	transition: all 0.2s 0.4s;
}

.product-thumbline-box:hover i.box1, .product-thumbline-box:hover i.box3, .product-thumbline-box:hover i.box5, .product-thumbline-box:hover i.box7
{
	left: 0;
}

.product-thumbline-box:hover i.box2, .product-thumbline-box:hover i.box4, .product-thumbline-box:hover i.box6, .product-thumbline-box:hover i.box8
{
	right: 0;
}

/***
====================================================================
	Heading interface footer
====================================================================
***/
.heading-interface
{
	padding: 0 200px 30px 200px;
	text-align: center;
}

/***
====================================================================
	Google map
====================================================================
***/
.location-map
{
	clear: both;
	position: relative;
	text-align: center;
	width: 100%;
	height: 350px;
}

.gm-style-iw h6,
.gm-style-iw p
{
	margin-bottom: 0;
}

.gm-style-iw h6
{
	color: #6c6461;
	font-weight: bold;
}

.gm-style-iw p
{
	color: #8c8c8c;
}

.gm-style-iw a
{
	color: #3497D9;
}

/***
====================================================================
	COMMENT CA MARCHE
====================================================================
***/
.services-content-bg
{
	background: url(/application/themes/default/images/who-it-work/shape.png?c=2763) no-repeat 50% 0%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	margin: auto;
}

.top-services-space
{
	padding-top: 500px;
}

.top-services-space-2
{
	padding-top: 90px;
}

.top-services-space-3
{
	padding-top: 175px;
}

.top-services-space-4
{
	padding-top: 300px;
}

.services-content-inner
{
	margin-top: 80px;
}

.services-content-inner h3
{
	font-size: 22px;
	line-height: 36px;
	color: #6c6461;
}

.services-content-inner p
{
	font-size: 14px;
	line-height: 24px;
	color: #879cb0;
	margin-bottom: 20px;
}

.services-content-image
{
	position: relative;
}

.image-inner img
{
	float: right;
	margin: 0 auto;
}

.image-inner-2 img
{
	float: left;
	margin: 0 auto;
}

.add-image-inner
{
	position: absolute;
	z-index: 1;
	top: 90px;
	left: 70px;
}

.add-image-inner-2
{
	position: absolute;
	z-index: 1;
	top: 90px;
	right: 90px;
}

.add-image-inner img
{
	margin: 0 auto;
}

.add-image-inner-2 img
{
	margin: 0 auto;
}

.browser-image-box
{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 50px;
}

.browser-image-inner-1
{
	position: relative;
	max-width: 680px;
	margin: auto;
	z-index: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.browser-image-inner-2
{
	max-width: 680px;
	min-height: 345px;
	position: absolute;
	margin-top: -227px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.browser-image-inner-3
{
	max-width: 680px;
	min-height: 345px;
	position: absolute;
	right: 0px;
	margin-top: -227px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.browser-image-inner-1 img,
.browser-image-inner-2 img,
.browser-image-inner-3 img
{
	margin: 0 auto;
}

.browser-image-inner-1:hover
{
	z-index: 2;
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);
	cursor: pointer;
}

.browser-image-inner-2:hover
{
	z-index: 2;
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);
	cursor: pointer;
}

.browser-image-inner-3:hover
{
	z-index: 2;
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10);
	transform: scale(1.10);
	cursor: pointer;
}