:root {
	--color-primary: #0080A3;
	--color-text1: #606269;
	--color-text2: #979ca7;
	--color-red: #f44436;
	--color-yellow: #ffca00;
	--color-green: #26a93b;
	--color-background1: #f0f0f0;
	--color-background2: #f5f5f5;
	--color-background3: #f6f7f8;
	--color-background4: #fafbfb;
	--color-black: #000;
	--color-white: #fff;
	--font-size-logo: 24px;
	--font-size-text-lead: 18px;
	--font-size-text: 16px;
	--font-size-text-small: 14px;
	--font-size-breadcrumb: 15px
}

body {
	background-color: #E5E5E5;
	color: var(--color-text1)!important;
	text-transform:capitalize;
	font-family: "Roboto","Helvetica","Arial",sans-serif!important;
	
}

body.inverse {
	background: #333
}

body.inverse,body.inverse .form-control {
	color: #fff
}

body.inverse .modal,body.inverse .modal .form-control,body.inverse .panel-default,body.inverse .panel-default .form-control,body.inverse .card,body.inverse .card .form-control {
	background-color: initial;
	color: initial
}

.nav-open-absolute body {
	overflow: hidden
}

blockquote p {
	font-style: italic
}

.life-of-material-kit {
	background: #FFF
}

body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4 {
	font-family: "Roboto","Helvetica","Arial",sans-serif;
	font-weight: 300;
	line-height: 1.5em
}

.serif-font {
	font-family: "Roboto","Times New Roman",serif
}

a {
	color: var(--color-primary)
}

a:hover,a:focus {
	color: var(--color-primary);
	text-decoration: none
}

a.text-info:hover,a.text-info:focus {
	color: #00a5bb
}

a .material-icons {
	vertical-align: middle
}

.dropdown.open .caret,.dropup.open .caret,.btn-group.bootstrap-select.open .caret {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.animation-transition-general,.carousel .carousel-indicators li {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}

.animation-transition-slow {
	-webkit-transition: all 370ms linear;
	-moz-transition: all 370ms linear;
	-o-transition: all 370ms linear;
	-ms-transition: all 370ms linear;
	transition: all 370ms linear
}

.caret {
	-webkit-transition: transform 150ms ease 0s;
	-moz-transition: transform 150ms ease 0s;
	-o-transition: transform 150ms ease 0s;
	-ms-transition: transform 150ms ease 0s;
	transition: transform 150ms ease 0s
}



legend {
	border-bottom: 0
}

* {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
	-webkit-tap-highlight-color: transparent
}

*:focus {
	outline: 0
}

a:focus,a:active,button:active,button:focus,button:hover,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner {
	outline: 0!important
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
	padding-top: 0
}

.form-horizontal .radio {
	margin-bottom: 10px
}

.form-horizontal label {
	text-align: right
}

.form-horizontal label.control-label {
	margin: 0
}

.form-newsletter .input-group,.form-newsletter .form-group {
	float: left;
	width: 78%;
	margin-right: 2%;
	margin-top: 9px
}

.form-newsletter .btn {
	float: left;
	width: 20%;
	margin: 9px 0 0
}

.form-file-upload .input-group-btn:last-child>.btn-round {
	border-radius: 30px
}

.form-file-upload .input-group {
	width: 100%
}


.page-header .container {
	padding-top: 80px
}

.page-header .container h1 {
	font-size: 4.4em!important;
	margin-top: 80px!important;
}

.brand h1 {
	font-size: 3.4em!important;
}

.page-header .container h2,.page-header .container h3 {
	font-size: 1.4em;
	font-weight: normal;
	max-width: none;
	color: #fff
}

.page-header.page-header-homepage .container h2,.page-header.page-header-homepage .container h3 {
	color: #fff
}



.btn.btn-fab,.navbar .navbar-nav>li>a.btn.btn-fab {

	font-size: 24px;
	height: 56px;
	margin: auto;
	min-width: 56px;
	width: 56px;
	padding: 0;
	overflow: hidden;
	position: relative;
	line-height: normal
}

.btn.btn-fab .ripple-container,.navbar .navbar-nav>li>a.btn.btn-fab .ripple-container {
	border-radius: 50%
}

.btn.btn-fab.btn-fab-mini,.btn-group-sm .btn.btn-fab,.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini,.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab {
	height: 40px;
	min-width: 40px;
	width: 40px
}

.btn.btn-fab.btn-fab-mini.material-icons,.btn-group-sm .btn.btn-fab.material-icons,.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini.material-icons,.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab.material-icons {
	top: -3.5px;
	left: -3.5px
}

.btn.btn-fab.btn-fab-mini .material-icons,.btn-group-sm .btn.btn-fab .material-icons,.navbar .navbar-nav>li>a.btn.btn-fab.btn-fab-mini .material-icons,.btn-group-sm .navbar .navbar-nav>li>a.btn.btn-fab .material-icons {
	font-size: 17px
}

.btn.btn-fab i.material-icons,.navbar .navbar-nav>li>a.btn.btn-fab i.material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-12px,-12px);
	line-height: 24px;
	width: 24px;
	font-size: 24px
}

.btn.btn-lg,.btn-group-lg .btn,.navbar .navbar-nav>li>a.btn.btn-lg,.btn-group-lg .navbar .navbar-nav>li>a.btn {
	font-size: 14px;
	padding: 18px 36px
}

.btn.btn-sm,.btn-group-sm .btn,.navbar .navbar-nav>li>a.btn.btn-sm,.btn-group-sm .navbar .navbar-nav>li>a.btn {
	padding: 5px 20px;
	font-size: 11px
}

.btn.btn-xs,.btn-group-xs .btn,.navbar .navbar-nav>li>a.btn.btn-xs,.btn-group-xs .navbar .navbar-nav>li>a.btn {
	padding: 4px 15px;
	font-size: 10px
}

.btn.btn-just-icon,.navbar .navbar-nav>li>a.btn.btn-just-icon {
	font-size: 20px;
	padding: 12px 12px;
	line-height: 1em
}

.btn.btn-just-icon i,.navbar .navbar-nav>li>a.btn.btn-just-icon i {
	width: 20px
}

.btn.btn-just-icon.btn-lg,.navbar .navbar-nav>li>a.btn.btn-just-icon.btn-lg {
	font-size: 22px;
	padding: 13px 18px
}

.btn .material-icons {
	vertical-align: middle;
	font-size: 17px;
	top: -1px;
	position: relative
}

.btn .caret {
	margin-left: 3px
}

.navbar .navbar-nav>li>a.btn {
	margin-top: 2px;
	margin-bottom: 2px
}

.navbar .navbar-nav>li>a.btn.btn-fab {
	margin: 5px 2px
}

.navbar .navbar-nav>li>a:not(.btn) .material-icons {
	margin-top: -3px;
	top: 0;
	position: relative;
	margin-right: 3px
}

.navbar .navbar-nav>li>.profile-photo {
	margin: 5px 2px
}


.btn-group,.btn-group-vertical {
	position: relative;
	margin: 10px 1px
}

.btn-group .dropdown-menu,.btn-group-vertical .dropdown-menu {
	border-radius: 0 0 3px 3px
}

.btn-group.btn-group-raised,.btn-group-vertical.btn-group-raised {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}

.btn-group .btn+.btn,.btn-group .btn,.btn-group .btn:active,.btn-group .btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn,.btn-group-vertical .btn:active,.btn-group-vertical .btn-group {
	margin: 0
}


.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.bj_1 {
    background-color: #F2F2F2;
}

.bj_2 {
    background-color: #fff;
}

	.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}

.pr-3 {
    padding-right: 2rem !important;
}

.pl-3 {
    padding-left: 2rem !important;
}

.border5 {
    border-radius: 5px;
}

.close {
	font-size: inherit;
	color: #FFF;
	opacity: .9;
	text-shadow: none
}

.close:hover,.close:focus {
	opacity: 1;
	color: #FFF
}

.close i {
	font-size: 20px
}

.checkbox label {
	cursor: pointer;
	padding-left: 0;
	color: rgba(0,0,0,0.26)
}

.form-group.is-focused .checkbox label {
	color: rgba(0,0,0,0.26)
}

.form-group.is-focused .checkbox label:hover,.form-group.is-focused .checkbox label:focus {
	color: rgba(0,0,0,.54)
}

fieldset[disabled] .form-group.is-focused .checkbox label {
	color: rgba(0,0,0,0.26)
}

.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	margin: 0;
	z-index: -1;
	width: 0;
	height: 0;
	overflow: hidden;
	left: 0;
	pointer-events: none
}

.checkbox .checkbox-material {
	vertical-align: middle;
	position: relative;
	top: 1px;
	padding-right: 5px;
	display: inline-block
}

.checkbox .checkbox-material:before {
	display: block;
	position: absolute;
	left: 0;
	content: "";
	background-color: rgba(0,0,0,0.84);
	height: 20px;
	width: 20px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	margin: 0;
	top: 0;
	-webkit-transform: scale3d(2.3,2.3,1);
	-moz-transform: scale3d(2.3,2.3,1);
	-o-transform: scale3d(2.3,2.3,1);
	-ms-transform: scale3d(2.3,2.3,1);
	transform: scale3d(2.3,2.3,1)
}

.checkbox .checkbox-material .check {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0,0,0,.54);
	overflow: hidden;
	z-index: 1;
	border-radius: 3px
}

.checkbox .checkbox-material .check:before {
	position: absolute;
	content: "";
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	margin-left: 7px;
	width: 0;
	height: 0;
	background: red;
	box-shadow: 0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
	-webkit-animation: checkbox-off 0.3s forwards;
	-moz-animation: checkbox-off 0.3s forwards;
	-o-animation: checkbox-off 0.3s forwards;
	-ms-animation: checkbox-off 0.3s forwards;
	animation: checkbox-off 0.3s forwards
}

.checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
	opacity: 0.2
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background: var(--color-primary)
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
	color: #FFF;
	box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
	-webkit-animation: checkbox-on 0.3s forwards;
	-moz-animation: checkbox-on 0.3s forwards;
	-o-animation: checkbox-on 0.3s forwards;
	-ms-animation: checkbox-on 0.3s forwards;
	animation: checkbox-on 0.3s forwards
}

.checkbox input[type=checkbox]:checked+.checkbox-material:before {
	-webkit-animation: rippleOn 500ms;
	-moz-animation: rippleOn 500ms;
	-o-animation: rippleOn 500ms;
	-ms-animation: rippleOn 500ms;
	animation: rippleOn 500ms
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:after {
	-webkit-animation: rippleOn 500ms forwards;
	-moz-animation: rippleOn 500ms forwards;
	-o-animation: rippleOn 500ms forwards;
	-ms-animation: rippleOn 500ms forwards;
	animation: rippleOn 500ms forwards
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
	-webkit-animation: rippleOff 500ms;
	-moz-animation: rippleOff 500ms;
	-o-animation: rippleOff 500ms;
	-ms-animation: rippleOff 500ms;
	animation: rippleOff 500ms
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
	-webkit-animation: rippleOff 500ms;
	-moz-animation: rippleOff 500ms;
	-o-animation: rippleOff 500ms;
	-ms-animation: rippleOff 500ms;
	animation: rippleOff 500ms
}

fieldset[disabled] .checkbox,fieldset[disabled] .checkbox input[type=checkbox],.checkbox input[type=checkbox][disabled]~.checkbox-material .check,.checkbox input[type=checkbox][disabled]+.circle {
	opacity: 0.5
}

.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
	border-color: #000;
	opacity: .26
}

.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
	background-color: rgba(0,0,0,0.87);
	transform: rotate(-45deg)
}

@keyframes checkbox-on {
	0% {
		box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px
	}

	50% {
		box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px
	}

	100% {
		box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px
	}
}

@keyframes rippleOn {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}

@keyframes rippleOff {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}

.togglebutton {
	vertical-align: middle
}

.togglebutton,.togglebutton label,.togglebutton input,.togglebutton .toggle {
	user-select: none
}

.togglebutton label {
	cursor: pointer;
	color: rgba(0,0,0,0.26)
}

.form-group.is-focused .togglebutton label {
	color: rgba(0,0,0,0.26)
}

.form-group.is-focused .togglebutton label:hover,.form-group.is-focused .togglebutton label:focus {
	color: rgba(0,0,0,.54)
}

fieldset[disabled] .form-group.is-focused .togglebutton label {
	color: rgba(0,0,0,0.26)
}

.togglebutton label input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0
}

.togglebutton label .toggle {
	text-align: left;
	margin-left: 5px
}

.togglebutton label .toggle,.togglebutton label input[type=checkbox][disabled]+.toggle {
	content: "";
	display: inline-block;
	width: 30px;
	height: 15px;
	background-color: rgba(80,80,80,0.7);
	border-radius: 15px;
	margin-right: 15px;
	transition: background 0.3s ease;
	vertical-align: middle
}

.togglebutton label .toggle:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4);
	left: -5px;
	top: -3px;
	border: 1px solid rgba(0,0,0,.54);
	transition: left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease
}

.togglebutton label input[type=checkbox][disabled]+.toggle:after,.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after {
	background-color: #BDBDBD
}

.togglebutton label input[type=checkbox]+.toggle:active:after,.togglebutton label input[type=checkbox][disabled]+.toggle:active:after {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(0,0,0,0.1)
}

.togglebutton label input[type=checkbox]:checked+.toggle:after {
	left: 15px
}

.togglebutton label input[type=checkbox]:checked+.toggle {
	background-color: rgba(33,150,243,0.7)
}

.togglebutton label input[type=checkbox]:checked+.toggle:after {
	border-color: var(--color-primary)
}

.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.4),0 0 0 15px rgba(33,150,243,0.1)
}

.radio label {
	cursor: pointer;
	padding-left: 35px;
	position: relative;
	color: rgba(0,0,0,0.26)
}

.form-group.is-focused .radio label {
	color: rgba(0,0,0,0.26)
}

.form-group.is-focused .radio label:hover,.form-group.is-focused .radio label:focus {
	color: rgba(0,0,0,.54)
}

fieldset[disabled] .form-group.is-focused .radio label {
	color: rgba(0,0,0,0.26)
}

.radio label span {
	display: block;
	position: absolute;
	left: 10px;
	top: 2px;
	transition-duration: 0.2s
}

.radio label .circle {
	border: 1px solid rgba(0,0,0,.54);
	height: 15px;
	width: 15px;
	border-radius: 100%
}

.radio label .check {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background-color: var(--color-primary);
	-webkit-transform: scale3d(0,0,0);
	-moz-transform: scale3d(0,0,0);
	-o-transform: scale3d(0,0,0);
	-ms-transform: scale3d(0,0,0);
	transform: scale3d(0,0,0)
}

.radio label .check:after {
	display: block;
	position: absolute;
	content: "";
	background-color: rgba(0,0,0,0.87);
	left: -18px;
	top: -18px;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	margin: 0;
	-webkit-transform: scale3d(1.5,1.5,1);
	-moz-transform: scale3d(1.5,1.5,1);
	-o-transform: scale3d(1.5,1.5,1);
	-ms-transform: scale3d(1.5,1.5,1);
	transform: scale3d(1.5,1.5,1)
}

.radio label input[type=radio]:not(:checked)~.check:after {
	-webkit-animation: rippleOff 500ms;
	-moz-animation: rippleOff 500ms;
	-o-animation: rippleOff 500ms;
	-ms-animation: rippleOff 500ms;
	animation: rippleOff 500ms
}

.radio label input[type=radio]:checked~.check:after {
	-webkit-animation: rippleOff 500ms;
	-moz-animation: rippleOff 500ms;
	-o-animation: rippleOff 500ms;
	-ms-animation: rippleOff 500ms;
	animation: rippleOff 500ms
}

.radio input[type=radio] {
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden
}

.radio input[type=radio]:checked~.check,.radio input[type=radio]:checked~.circle {
	opacity: 1
}

.radio input[type=radio]:checked~.check {
	background-color: var(--color-primary)
}

.radio input[type=radio]:checked~.circle {
	border-color: var(--color-primary)
}

.radio input[type=radio]:checked~.check {
	-webkit-transform: scale3d(0.65,0.65,1);
	-moz-transform: scale3d(0.65,0.65,1);
	-o-transform: scale3d(0.65,0.65,1);
	-ms-transform: scale3d(0.65,0.65,1);
	transform: scale3d(0.65,0.65,1)
}

.radio input[type=radio][disabled]~.check,.radio input[type=radio][disabled]~.circle {
	opacity: 0.26
}

.radio input[type=radio][disabled]~.check {
	background-color: #000
}

.radio input[type=radio][disabled]~.circle {
	border-color: #000
}

.checkbox+.checkbox,.radio+.radio {
	margin-top: 0
}

@keyframes rippleOn {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}

@keyframes rippleOff {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}

legend {
	margin-bottom: 20px;
	font-size: 21px
}

output {
	padding-top: 8px;
	font-size: 14px;
	line-height: 1.42857
}

.form-control {
	height: 36px;
	padding: 7px 0;
	font-size: 14px;
	line-height: 1.42857
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
		line-height: 36px
	}

	input[type="date"].input-sm,.input-group-sm input[type="date"],input[type="time"].input-sm,.input-group-sm input[type="time"],input[type="datetime-local"].input-sm,.input-group-sm input[type="datetime-local"],input[type="month"].input-sm,.input-group-sm input[type="month"] {
		line-height: 24px
	}

	input[type="date"].input-lg,.input-group-lg input[type="date"],input[type="time"].input-lg,.input-group-lg input[type="time"],input[type="datetime-local"].input-lg,.input-group-lg input[type="datetime-local"],input[type="month"].input-lg,.input-group-lg input[type="month"] {
		line-height: 44px
	}
}

.radio label,.checkbox label {
	min-height: 20px
}

.form-control-static {
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 34px
}

.input-sm .input-sm {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 0
}

.input-sm select.input-sm {
	height: 24px;
	line-height: 24px
}

.input-sm textarea.input-sm,.input-sm select[multiple].input-sm {
	height: auto
}

.form-group-sm .form-control {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5
}

.form-group-sm select.form-control {
	height: 24px;
	line-height: 24px
}

.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control {
	height: auto
}

.form-group-sm .form-control-static {
	height: 24px;
	min-height: 31px;
	padding: 4px 0;
	font-size: 11px;
	line-height: 1.5
}

.input-lg .input-lg {
	height: 44px;
	padding: 9px 0;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 0
}

.input-lg select.input-lg {
	height: 44px;
	line-height: 44px
}

.input-lg textarea.input-lg,.input-lg select[multiple].input-lg {
	height: auto
}

.form-group-lg .form-control {
	height: 44px;
	padding: 9px 0;
	font-size: 18px;
	line-height: 1.33333
}

.form-group-lg select.form-control {
	height: 44px;
	line-height: 44px
}

.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control {
	height: auto
}

.form-group-lg .form-control-static {
	height: 44px;
	min-height: 38px;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.33333
}

.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
	padding-top: 8px
}

.form-horizontal .radio,.form-horizontal .checkbox {
	min-height: 28px
}

@media (min-width:768px) {
	.form-horizontal .control-label {
		padding-top: 8px
	}
}

@media (min-width:768px) {
	.form-horizontal .form-group-lg .control-label {
		padding-top: 13px;
		font-size: 18px
	}
}

@media (min-width:768px) {
	.form-horizontal .form-group-sm .control-label {
		padding-top: 4px;
		font-size: 11px
	}
}

.label {
	border-radius: 2px
}

.label,.label.label-default {
	background-color: #FFF
}

.label.label-inverse {
	background-color: #212121
}

.label.label-primary {
	background-color: var(--color-primary)
}

.label.label-success {
	background-color: var(--color-green)
}

.label.label-info {
	background-color: var(--color-primary)
}

.label.label-warning {
	background-color: var(--color-yellow)
}

.label.label-danger {
	background-color: var(--color-red)
}

.label.label-rose {
	background-color: #e91e63
}

.form-control,.form-group .form-control {
     border: 0;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	font-weight: 400;
	background:#f5f5f5;
	
	
}

.form-control::-moz-placeholder,.form-group .form-control::-moz-placeholder {
	color: #AAA;
	font-weight: 400
}

.form-control:-ms-input-placeholder,.form-group .form-control:-ms-input-placeholder {
	color: #AAA;
	font-weight: 400
}

.form-control::-webkit-input-placeholder,.form-group .form-control::-webkit-input-placeholder {
	color: #AAA;
	font-weight: 400
}

.form-control[readonly],.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[readonly],.form-group .form-control[disabled],fieldset[disabled] .form-group .form-control {
	background-color: transparent
}

.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[disabled],fieldset[disabled] .form-group .form-control {
	background-image: none;
	border-bottom: 1px dotted #D2D2D2
}

.form-group {
	position: relative
}

.form-group.label-static label.control-label,.form-group.label-placeholder label.control-label,.form-group.label-floating label.control-label {
	position: absolute;
	pointer-events: none;
	transition: 0.3s ease all
}

.form-group.label-floating label.control-label {
	will-change: left,top,contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
	display: none
}

.form-group .help-block {
	position: absolute;
	display: none
}

.form-group.is-focused .form-control {
	outline: none;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2);
	background-size: 100% 2px,100% 1px;
	box-shadow: none;
	transition-duration: 0.3s
}

.form-group.is-focused .form-control .material-input:after {
	background-color: var(--color-primary)
}

.form-group.is-focused.form-info .form-control {
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.is-focused.form-success .form-control {
	background-image: linear-gradient(var(--color-green),var(--color-green)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.is-focused.form-warning .form-control {
	background-image: linear-gradient(var(--color-yellow),var(--color-yellow)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.is-focused.form-danger .form-control {
	background-image: linear-gradient(var(--color-red),var(--color-red)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.is-focused.form-rose .form-control {
	background-image: linear-gradient(#e91e63,#e91e63),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.is-focused.form-white .form-control {
	background-image: linear-gradient(#FFF,#FFF),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.is-focused.label-placeholder label,.form-group.is-focused.label-placeholder label.control-label {
	color: #AAA
}

.form-group.is-focused .help-block {
	display: block
}

.form-group.has-warning .form-control {
	box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
	background-image: linear-gradient(var(--color-yellow),var(--color-yellow)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.has-warning label.control-label,.form-group.has-warning .help-block {
	color: var(--color-yellow)
}

.form-group.has-error .form-control {
	box-shadow: none
}

.form-group.has-error.is-focused .form-control {
	background-image: linear-gradient(var(--color-red),var(--color-red)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.has-error label.control-label,.form-group.has-error .help-block {
	color: var(--color-red)
}

.form-group.has-success .form-control {
	box-shadow: none
}

.form-group.has-success.is-focused .form-control {
	background-image: linear-gradient(var(--color-green),var(--color-green)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.has-success label.control-label,.form-group.has-success .help-block {
	color: var(--color-green)
}

.form-group.has-info .form-control {
	box-shadow: none
}

.form-group.has-info.is-focused .form-control {
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2)
}

.form-group.has-info label.control-label,.form-group.has-info .help-block {
	color: var(--color-primary)
}

.form-group textarea {
	resize: none
}

.form-group textarea~.form-control-highlight {
	margin-top: -11px
}

.form-group select {
	appearance: none
}

.form-group select~.material-input:after {
	display: none
}

.form-control {
	margin-bottom: 7px
}

.form-control::-moz-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.form-control:-ms-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.form-control::-webkit-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.checkbox label,.radio label,label {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

label.control-label {
	font-size: 11px;
	line-height: 1.07143;
	color: #AAA;
	font-weight: 400;
	margin: 16px 0 0 0
}

.help-block {
	margin-top: 0;
	font-size: 11px
}

.form-group {
	padding-bottom: 7px;
	margin: 5px 0 0 0
}

.form-group .form-control {
	margin-bottom: 7px
}

.form-group .form-control::-moz-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.form-group .checkbox label,.form-group .radio label,.form-group label {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAA;
	font-weight: 400
}

.form-group label.control-label {
	font-size: 11px;
	line-height: 1.07143;
	color: #AAA;
	font-weight: 400;
	margin: 16px 0 0 0
}

.form-group .help-block {
	margin-top: 0;
	font-size: 11px
}

.form-group.label-floating label.control-label,.form-group.label-placeholder label.control-label {
	top: -7px;
	font-size: 14px;
	line-height: 1.42857
}

.form-group.label-static label.control-label,.form-group.label-floating.is-focused label.control-label,.form-group.label-floating:not(.is-empty) label.control-label {
	top: -28px;
	left: 0;
	font-size: 11px;
	line-height: 1.07143
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
	top: -28px;
	left: 0;
	font-size: 11px;
	line-height: 1.07143
}

.form-group.form-group-sm {
	padding-bottom: 3px;
	margin: 21px 0 0 0
}

.form-group.form-group-sm .form-control {
	margin-bottom: 3px
}

.form-group.form-group-sm .form-control::-moz-placeholder {
	font-size: 11px;
	line-height: 1.5;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
	font-size: 11px;
	line-height: 1.5;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
	font-size: 11px;
	line-height: 1.5;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-sm .checkbox label,.form-group.form-group-sm .radio label,.form-group.form-group-sm label {
	font-size: 11px;
	line-height: 1.5;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-sm label.control-label {
	font-size: 9px;
	line-height: 1.125;
	color: #AAA;
	font-weight: 400;
	margin: 16px 0 0 0
}

.form-group.form-group-sm .help-block {
	margin-top: 0;
	font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,.form-group.form-group-sm.label-placeholder label.control-label {
	top: -11px;
	font-size: 11px;
	line-height: 1.5
}

.form-group.form-group-sm.label-static label.control-label,.form-group.form-group-sm.label-floating.is-focused label.control-label,.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
	top: -25px;
	left: 0;
	font-size: 9px;
	line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
	top: -25px;
	left: 0;
	font-size: 9px;
	line-height: 1.125
}

.form-group.form-group-lg {
	padding-bottom: 9px;
	margin: 30px 0 0 0
}

.form-group.form-group-lg .form-control {
	margin-bottom: 9px
}

.form-group.form-group-lg .form-control::-moz-placeholder {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-lg .checkbox label,.form-group.form-group-lg .radio label,.form-group.form-group-lg label {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAA;
	font-weight: 400
}

.form-group.form-group-lg label.control-label {
	font-size: 14px;
	line-height: 1;
	color: #AAA;
	font-weight: 400;
	margin: 16px 0 0 0
}

.form-group.form-group-lg .help-block {
	margin-top: 0;
	font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,.form-group.form-group-lg.label-placeholder label.control-label {
	top: -5px;
	font-size: 18px;
	line-height: 1.33333
}

.form-group.form-group-lg.label-static label.control-label,.form-group.form-group-lg.label-floating.is-focused label.control-label,.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
	top: -32px;
	left: 0;
	font-size: 14px;
	line-height: 1
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
	top: -32px;
	left: 0;
	font-size: 14px;
	line-height: 1
}

select.form-control {
	border: 0;
	box-shadow: none;
	border-radius: 0
}

.form-group.is-focused select.form-control {
	box-shadow: none;
	border-color: #D2D2D2
}

select.form-control[multiple],.form-group.is-focused select.form-control[multiple] {
	height: 85px
}

.input-group-btn .btn {
	margin: 0 0 7px 0
}

.form-group.form-group-sm .input-group-btn .btn {
	margin: 0 0 3px 0
}

.form-group.form-group-lg .input-group-btn .btn {
	margin: 0 0 9px 0
}

.input-group .input-group-btn {
	padding: 0 12px
}

.input-group .input-group-addon {
	border: 0;
	background: transparent;
	padding: 6px 15px 0
}

.form-group input[type=file] {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

.form-control-feedback {
	opacity: 0
}

.has-success .form-control-feedback {
	color: var(--color-green);
	opacity: 1
}

.has-error .form-control-feedback {
	color: var(--color-red);
	opacity: 1
}

.pagination>li>a,.pagination>li>span {
	border: 0;
	border-radius: 30px!important;
	transition: all .3s;
	padding: 0 11px;
	margin: 0 3px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	color: #999;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	background: transparent
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
	color: #999
}

.pagination>.active>a,.pagination>.active>span {
	color: #999
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #FFF;
	box-shadow: 0 4px 5px 0 rgba(33,150,243,0.14),0 1px 10px 0 rgba(33,150,243,0.12),0 2px 4px -1px rgba(33,150,243,0.2)
}

.pagination.pagination-info>.active>a,.pagination.pagination-info>.active>a:focus,.pagination.pagination-info>.active>a:hover,.pagination.pagination-info>.active>span,.pagination.pagination-info>.active>span:focus,.pagination.pagination-info>.active>span:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	box-shadow: 0 4px 5px 0 rgba(0,188,212,0.14),0 1px 10px 0 rgba(0,188,212,0.12),0 2px 4px -1px rgba(0,188,212,0.2)
}

.pagination.pagination-success>.active>a,.pagination.pagination-success>.active>a:focus,.pagination.pagination-success>.active>a:hover,.pagination.pagination-success>.active>span,.pagination.pagination-success>.active>span:focus,.pagination.pagination-success>.active>span:hover {
	background-color: var(--color-green);
	border-color: var(--color-green);
	box-shadow: 0 4px 5px 0 rgba(76,175,80,0.14),0 1px 10px 0 rgba(76,175,80,0.12),0 2px 4px -1px rgba(76,175,80,0.2)
}

.pagination.pagination-warning>.active>a,.pagination.pagination-warning>.active>a:focus,.pagination.pagination-warning>.active>a:hover,.pagination.pagination-warning>.active>span,.pagination.pagination-warning>.active>span:focus,.pagination.pagination-warning>.active>span:hover {
	background-color: var(--color-yellow);
	border-color: var(--color-yellow);
	box-shadow: 0 4px 5px 0 rgba(255,152,0,0.14),0 1px 10px 0 rgba(255,152,0,0.12),0 2px 4px -1px rgba(255,152,0,0.2)
}

.pagination.pagination-danger>.active>a,.pagination.pagination-danger>.active>a:focus,.pagination.pagination-danger>.active>a:hover,.pagination.pagination-danger>.active>span,.pagination.pagination-danger>.active>span:focus,.pagination.pagination-danger>.active>span:hover {
	background-color: var(--color-red);
	border-color: var(--color-red);
	box-shadow: 0 4px 5px 0 rgba(244,67,54,0.14),0 1px 10px 0 rgba(244,67,54,0.12),0 2px 4px -1px rgba(244,67,54,0.2)
}

.label {
	border-radius: 12px;
	padding: 5px 12px;
	text-transform: uppercase;
	font-size: 10px
}

.label.label-default {
	background-color: #999
}

.section-dark .nav-pills>li>a,.section-image .nav-pills>li>a {
	color: #999
}

.section-dark .nav-pills>li>a:hover,.section-dark .nav-pills>li>a:focus,.section-image .nav-pills>li>a:hover,.section-image .nav-pills>li>a:focus {
	background-color: #EEE
}

.nav-pills>li>a {
	line-height: 24px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	min-width: 100px;
	text-align: center;
	color: #555;
	transition: all .3s
}

.nav-pills>li>a:hover {
	background-color: rgba(200,200,200,0.2)
}

.nav-pills>li i {
	display: block;
	font-size: 30px;
	padding: 15px 0
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
	background-color: var(--color-primary);
	color: #FFF;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(33,150,243,0.6)
}

.nav-pills:not(.nav-pills-icons)>li>a {
	border-radius: 30px
}

.nav-pills.nav-stacked>li+li {
	margin-top: 5px
}

.nav-pills.nav-pills-info>li.active>a,.nav-pills.nav-pills-info>li.active>a:focus,.nav-pills.nav-pills-info>li.active>a:hover {
	background-color: var(--color-primary);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(0,188,212,0.6)
}

.nav-pills.nav-pills-success>li.active>a,.nav-pills.nav-pills-success>li.active>a:focus,.nav-pills.nav-pills-success>li.active>a:hover {
	background-color: var(--color-green);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(76,175,80,0.6)
}

.nav-pills.nav-pills-warning>li.active>a,.nav-pills.nav-pills-warning>li.active>a:focus,.nav-pills.nav-pills-warning>li.active>a:hover {
	background-color: var(--color-yellow);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(255,152,0,0.6)
}

.nav-pills.nav-pills-danger>li.active>a,.nav-pills.nav-pills-danger>li.active>a:focus,.nav-pills.nav-pills-danger>li.active>a:hover {
	background-color: var(--color-red);
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(255,152,0,0.6)
}

.nav-pills.nav-pills-rose>li.active>a,.nav-pills.nav-pills-rose>li.active>a:focus,.nav-pills.nav-pills-rose>li.active>a:hover {
	background-color: #e91e63;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6)
}

.tab-space {
	padding: 20px 0 50px 0
}



@media (max-width:767px) {
	.navbar .navbar-nav .navbar-text {
		color: inherit;
		margin-top: 15px;
		margin-bottom: 15px
	}

	.navbar .navbar-nav .open .dropdown-menu>.dropdown-header {
		border: 0;
		color: inherit
	}

	.navbar .navbar-nav .open .dropdown-menu .divider {
		border-bottom: 1px solid;
		opacity: 0.08
	}
}

.navbar.navbar-default .logo-container .brand {
	color: #555
}

.navbar .navbar-link {
	color: inherit
}

.navbar .navbar-link:hover {
	color: inherit
}

.navbar .btn {
	margin-top: 0;
	margin-bottom: 0
}

.navbar .btn-link {
	color: inherit
}

.navbar .btn-link:hover,.navbar .btn-link:focus {
	color: inherit
}

.navbar .btn-link[disabled]:hover,.navbar .btn-link[disabled]:focus,fieldset[disabled] .navbar .btn-link:hover,fieldset[disabled] .navbar .btn-link:focus {
	color: inherit
}

.navbar .navbar-form {
	margin: 4px 0 0
}

.navbar .navbar-form .form-group {
	margin: 0;
	padding: 0
}

.navbar .navbar-form .form-group .material-input:before,.navbar .navbar-form .form-group.is-focused .material-input:after {
	background-color: inherit
}

.navbar .navbar-form .form-group .form-control,.navbar .navbar-form .form-control {
	border-color: inherit;
	color: inherit;
	padding: 0;
	margin: 0;
	height: 28px;
	font-size: 14px;
	line-height: 1.42857
}

.navbar,.navbar.navbar-default {
	background-color: #FFF;
	color: #555;
	box-shadow: 0 4px 18px 0 rgba(0,0,0,0.12),0 7px 10px -5px rgba(0,0,0,0.15)
}

.navbar .navbar-form .form-group input.form-control::-moz-placeholder,.navbar .navbar-form input.form-control::-moz-placeholder,.navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
	color: #555
}

.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar .navbar-form input.form-control:-ms-input-placeholder,.navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
	color: #555
}

.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar .navbar-form input.form-control::-webkit-input-placeholder,.navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
	color: #555
}

.navbar .dropdown-menu,.navbar.navbar-default .dropdown-menu {
	border-radius: 3px!important
}

.navbar .dropdown-menu li>a:hover,.navbar .dropdown-menu li>a:focus,.navbar.navbar-default .dropdown-menu li>a:hover,.navbar.navbar-default .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: #FFF;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(255,255,255,0.4)
}

.navbar .dropdown-menu .active>a,.navbar.navbar-default .dropdown-menu .active>a {
	background-color: #FFF;
	color: #555
}

.navbar .dropdown-menu .active>a:hover,.navbar .dropdown-menu .active>a:focus,.navbar.navbar-default .dropdown-menu .active>a:hover,.navbar.navbar-default .dropdown-menu .active>a:focus {
	color: #555
}

.navbar.navbar-inverse {
	background-color: #212121;
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(33,33,33,0.46)
}

.navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-inverse .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-inverse .dropdown-menu li>a:hover,.navbar.navbar-inverse .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: #212121;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(33,33,33,0.4)
}

.navbar.navbar-inverse .dropdown-menu .active>a {
	background-color: #212121;
	color: #fff
}

.navbar.navbar-inverse .dropdown-menu .active>a:hover,.navbar.navbar-inverse .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar.navbar-primary {
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(33,150,243,0.46)
}

.navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-primary .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-primary .dropdown-menu li>a:hover,.navbar.navbar-primary .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: var(--color-primary);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(33,150,243,0.4)
}

.navbar.navbar-primary .dropdown-menu .active>a {
	background-color: var(--color-primary);
	color: #fff
}

.navbar.navbar-primary .dropdown-menu .active>a:hover,.navbar.navbar-primary .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar.navbar-success {
	background-color: var(--color-green);
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(76,175,80,0.46)
}

.navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-success .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-success .dropdown-menu li>a:hover,.navbar.navbar-success .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: var(--color-green);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(76,175,80,0.4)
}

.navbar.navbar-success .dropdown-menu .active>a {
	background-color: var(--color-green);
	color: #fff
}

.navbar.navbar-success .dropdown-menu .active>a:hover,.navbar.navbar-success .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar.navbar-info {
	background-color: var(--color-primary);
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(0,188,212,0.46)
}

.navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-info .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-info .dropdown-menu li>a:hover,.navbar.navbar-info .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: var(--color-primary);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(0,188,212,0.4)
}

.navbar.navbar-info .dropdown-menu .active>a {
	background-color: var(--color-primary);
	color: #fff
}

.navbar.navbar-info .dropdown-menu .active>a:hover,.navbar.navbar-info .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar.navbar-warning {
	background-color: var(--color-yellow);
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(255,152,0,0.46)
}

.navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-warning .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-warning .dropdown-menu li>a:hover,.navbar.navbar-warning .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: var(--color-yellow);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(255,152,0,0.4)
}

.navbar.navbar-warning .dropdown-menu .active>a {
	background-color: var(--color-yellow);
	color: #fff
}

.navbar.navbar-warning .dropdown-menu .active>a:hover,.navbar.navbar-warning .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar.navbar-danger {
	background-color: var(--color-red);
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(244,67,54,0.46)
}

.navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-danger .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-danger .dropdown-menu li>a:hover,.navbar.navbar-danger .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: var(--color-red);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(244,67,54,0.4)
}

.navbar.navbar-danger .dropdown-menu .active>a {
	background-color: var(--color-red);
	color: #fff
}

.navbar.navbar-danger .dropdown-menu .active>a:hover,.navbar.navbar-danger .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar.navbar-rose {
	background-color: #e91e63;
	color: #fff;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 12px -5px rgba(233,30,99,0.46)
}

.navbar.navbar-rose .navbar-form .form-group input.form-control::-moz-placeholder,.navbar.navbar-rose .navbar-form input.form-control::-moz-placeholder {
	color: #fff
}

.navbar.navbar-rose .navbar-form .form-group input.form-control:-ms-input-placeholder,.navbar.navbar-rose .navbar-form input.form-control:-ms-input-placeholder {
	color: #fff
}

.navbar.navbar-rose .navbar-form .form-group input.form-control::-webkit-input-placeholder,.navbar.navbar-rose .navbar-form input.form-control::-webkit-input-placeholder {
	color: #fff
}

.navbar.navbar-rose .dropdown-menu {
	border-radius: 3px!important
}

.navbar.navbar-rose .dropdown-menu li>a:hover,.navbar.navbar-rose .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: #e91e63;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(233,30,99,0.4)
}

.navbar.navbar-rose .dropdown-menu .active>a {
	background-color: #e91e63;
	color: #fff
}

.navbar.navbar-rose .dropdown-menu .active>a:hover,.navbar.navbar-rose .dropdown-menu .active>a:focus {
	color: #fff
}

.navbar-inverse {
	background-color: #3f51b5
}






@media (max-width:1199px) {
	.navbar {
	}

	.navbar .navbar-brand {
		height: 50px;
		padding: 10px 15px
	}

	.navbar .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

.navbar .alert {
	border-radius: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 85px;
	width: 100%;
	z-index: 3;
	transition: all 0.3s
}

.nav-align-center {
	text-align: center
}

.nav-align-center .nav-pills {
	display: inline-block
}

.navbar-absolute {
	position: absolute;
	width: 100%;
	padding-top: 10px;
	z-index: 1029
}

.dropdown-menu {
	border: 0;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26)
}

.dropdown-menu .divider {
	background-color: rgba(0,0,0,0.12)
}

.dropdown-menu li>a {
	font-size: 13px;
	padding: 10px 20px;
	margin: 0 5px;
	border-radius: 2px;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear
}

.dropdown-menu li>a:hover,.dropdown-menu li>a:focus {
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(33,150,243,0.4)
}

.dropdown-menu.dropdown-with-icons li>a {
	padding: 12px 20px 12px 12px
}

.dropdown-menu.dropdown-with-icons li>a .material-icons {
	vertical-align: middle;
	font-size: 24px;
	position: relative;
	margin-top: -4px;
	top: 1px;
	margin-right: 12px;
	opacity: .5
}

.dropdown-menu li {
	position: relative
}

.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-menu li a:active {
	background-color: var(--color-primary);
	color: #FFF
}

.dropdown-menu .divider {
	margin: 5px 0
}

.navbar .dropdown-menu li>a:hover,.navbar .dropdown-menu li>a:focus,.navbar.navbar-default .dropdown-menu li>a:hover,.navbar.navbar-default .dropdown-menu li>a:focus {
	color: #FFF;
	background-color: var(--color-primary);
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(33,150,243,0.4)
}

.dropdown .dropdown-menu,.dropup:not(.bootstrap-select) .dropdown-menu,.dropdown-menu.bootstrap-datetimepicker-widget {
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	visibility: hidden;
	display: block;
	opacity: 0
}

.dropdown.open .dropdown-menu,.dropdown-menu.bootstrap-datetimepicker-widget.open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,1px,0);
	-moz-transform: translate3d(0,1px,0);
	-o-transform: translate3d(0,1px,0);
	-ms-transform: translate3d(0,1px,0);
	transform: translate3d(0,1px,0)
}

.dropup:not(.bootstrap-select) .dropdown-menu {
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0)
}

.dropup:not(.bootstrap-select).open .dropdown-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,-2px,0);
	-moz-transform: translate3d(0,-2px,0);
	-o-transform: translate3d(0,-2px,0);
	-ms-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0)
}

.alert {
	border: 0;
	border-radius: 0;
	padding: 20px 15px;
	line-height: 20px
}

.alert b {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px
}

.alert,.alert.alert-default {
	background-color: white;
	color: #555
}

.alert a,.alert .alert-link,.alert.alert-default a,.alert.alert-default .alert-link {
	color: #555
}

.alert.alert-inverse {
	background-color: #292929;
	color: #fff
}

.alert.alert-inverse a,.alert.alert-inverse .alert-link {
	color: #fff
}

.alert.alert-primary {
	background-color: #a72abd;
	color: #fff
}

.alert.alert-primary a,.alert.alert-primary .alert-link {
	color: #fff
}

.alert.alert-success {
	background-color: #55b559;
	color: #fff
}

.alert.alert-success a,.alert.alert-success .alert-link {
	color: #fff
}

.alert.alert-info {
	background-color: #00cae3;
	color: #fff
}

.alert.alert-info a,.alert.alert-info .alert-link {
	color: #fff
}

.alert.alert-warning {
	background-color: #ff9e0f;
	color: #fff
}

.alert.alert-warning a,.alert.alert-warning .alert-link {
	color: #fff
}

.alert.alert-danger {
	background-color: #f55145;
	color: #fff
}

.alert.alert-danger a,.alert.alert-danger .alert-link {
	color: #fff
}

.alert.alert-rose {
	background-color: #ea2c6d;
	color: #fff
}

.alert.alert-rose a,.alert.alert-rose .alert-link {
	color: #fff
}

.alert-info,.alert-danger,.alert-warning,.alert-success {
	color: #fff
}

.alert-default a,.alert-default .alert-link {
	color: rgba(0,0,0,0.87)
}

.alert .alert-icon {
	display: block;
	float: left;
	margin-right: 15px
}

.alert .alert-icon i {
	margin-top: -7px;
	top: 5px;
	position: relative
}

.progress {
	height: 4px;
	border-radius: 0;
	box-shadow: none;
	background: #DDD
}

.progress .progress-bar {
	box-shadow: none
}

.progress .progress-bar,.progress .progress-bar.progress-bar-default {
	background-color: #FFF
}

.progress .progress-bar.progress-bar-inverse {
	background-color: #212121
}

.progress .progress-bar.progress-bar-primary {
	background-color: var(--color-primary)
}

.progress .progress-bar.progress-bar-success {
	background-color: var(--color-green)
}

.progress .progress-bar.progress-bar-info {
	background-color: var(--color-primary)
}

.progress .progress-bar.progress-bar-warning {
	background-color: var(--color-yellow)
}

.progress .progress-bar.progress-bar-danger {
	background-color: var(--color-red)
}

.progress .progress-bar.progress-bar-rose {
	background-color: #e91e63
}

.progress.progress-line-primary {
	background: rgba(33,150,243,0.2)
}

.progress.progress-line-info {
	background: rgba(0,188,212,0.2)
}

.progress.progress-line-success {
	background: rgba(76,175,80,0.2)
}

.progress.progress-line-warning {
	background: rgba(255,152,0,0.2)
}

.progress.progress-line-danger {
	background: rgba(244,67,54,0.2)
}

.progress .progress-bar,.progress .progress-bar.progress-bar-default {
	background-color: var(--color-primary)
}

h1,.h1 {
	font-size: 3.8em;
	line-height: 1.15em
}

h2,.h2 {
	font-size: 2.6em
}

h3,.h3 {
	font-size: 1.825em;
	line-height: 1.4em;
	margin: 20px 0 10px
}

h4,.h4 {
	font-size: 1.3em;
	line-height: 1.55em
}

h5,.h5 {
	font-size: 1.25em;
	line-height: 1.55em;
	margin-bottom: 15px
}

h6,.h6 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 500
}

.title,.card-title,.info-title,.footer-brand,.footer-big h5,.footer-big h4,.media .media-heading {
	font-weight: 700;
	font-family: "Roboto","Times New Roman",serif
}

.title,.title a,.card-title,.card-title a,.info-title,.info-title a,.footer-brand,.footer-brand a,.footer-big h5,.footer-big h5 a,.footer-big h4,.footer-big h4 a,.media .media-heading,.media .media-heading a {
	color: var(--color-text1);
	text-decoration: none
}

h2.title {
	margin-bottom: 30px
}

.description,.card-description,.footer-big p {
	color: #999
}

.text-warning {
	color: var(--color-yellow)
}

.text-primary {
	color: var(--color-primary)
}

.text-danger {
	color: var(--color-red)
}

.text-success {
	color: var(--color-green)
}

.text-info {
	color: var(--color-primary)
}

.text-rose {
	color: #e91e63
}

.text-gray {
	color: #999
}

.nav-tabs {
	background: var(--color-primary);
	border: 0;
	border-radius: 3px;
	padding: 0 15px
}

.nav-tabs>li>a {
	color: #FFF;
	border: 0;
	margin: 0;
	border-radius: 3px;
	line-height: 24px;
	text-transform: uppercase;
	font-size: 12px
}

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

.nav-tabs>li>a,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
	background-color: transparent;
	border: 0!important;
	color: #FFF!important;
	font-weight: 500
}

.nav-tabs>li.disabled>a,.nav-tabs>li.disabled>a:hover {
	color: rgba(255,255,255,0.5)
}

.nav-tabs>li .material-icons {
	margin: -1px 5px 0 0
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
	background-color: rgba(255,255,255,0.2);
	transition: background-color .1s .2s
}

.popover,.tooltip-inner {
	color: #555;
	line-height: 1.5em;
	background: #FFF;
	border: none;
	border-radius: 3px;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
}

.popover {
	padding: 0;
	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.popover.left>.arrow,.popover.right>.arrow,.popover.top>.arrow,.popover.bottom>.arrow {
	border: none
}

.popover-title {
	background-color: #FFF;
	border: none;
	padding: 15px 15px 5px;
	font-size: 1.3em
}

.popover-content {
	padding: 10px 15px 15px;
	line-height: 1.4
}

.tooltip.in {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.tooltip {
	opacity: 0;
	transition: opacity,transform .2s ease;
	-webkit-transform: translate3d(0,5px,0);
	-moz-transform: translate3d(0,5px,0);
	-o-transform: translate3d(0,5px,0);
	-ms-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0)
}

.tooltip.left .tooltip-arrow {
	border-left-color: #FFF
}

.tooltip.right .tooltip-arrow {
	border-right-color: #FFF
}

.tooltip.top .tooltip-arrow {
	border-top-color: #FFF
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #FFF
}

.tooltip-inner {
	padding: 10px 15px;
	min-width: 130px
}

.carousel .carousel-control.left,.carousel .carousel-control.right {
	background-image: none
}

.carousel .carousel-control.right i {
	right: 0
}

.carousel .item {
	text-align: center
}

.carousel.carousel-full-nagivation .carousel-control {
	width: 50%
}

.carousel.carousel-full-nagivation .carousel-control.left,.carousel.carousel-full-nagivation .carousel-control.right {
	background-image: none
}

.carousel.carousel-full-nagivation .carousel-control .material-icons,.carousel.carousel-full-nagivation .carousel-control .fa {
	display: none
}

.carousel.carousel-full-nagivation .left {
	cursor: url(img/arrow-left.png),url(img/arrow-left.cur),default!important
}

.carousel.carousel-full-nagivation .right {
	cursor: url(img/arrow-right.png),url(img/arrow-right.cur),default!important
}

.carousel .carousel-control {
	height: 15%;
	margin: auto
}

.carousel .carousel-control .material-icons {
	z-index: 5;
	display: inline-block;
	font-size: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	margin: auto
}

.carousel .carousel-indicators {
	bottom: 5px
}

.carousel .carousel-indicators li,.carousel .carousel-indicators .active {
	margin: 11px 10px
}

.carousel .carousel-indicators li {
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
	border-radius: 2px
}

.carousel .carousel-indicators .active {
	margin-top: 10px;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)
}

.carousel .carousel-caption {
	padding-bottom: 45px
}

.carousel .carousel-caption .material-icons {
	position: relative;
	top: 5px
}

.card {
	display: inline-block;
	position: relative;
	width: 100%;
	border-radius: 6px;
	color: rgba(0,0,0,0.87);

	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}

.card .card-height-indicator {
	margin-top: 100%
}

.card.no-shadow .card-image,.card.no-shadow .card-image img {
	box-shadow: none
}

.card .card-image {
	height: 60%;
	position: relative;
	z-index: 1;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -30px;
	border-radius: 6px
}

.card .card-image img {
	width: 100%;
	border-radius: 6px;
	pointer-events: none;
	box-shadow: 0 5px 15px -8px rgba(0,0,0,0.24),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card .card-image .card-title {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	font-size: 1.3em;
	text-shadow: 0 2px 5px rgba(33,33,33,0.5)
}

.card .card-image .colored-shadow {
	transform: scale(0.94);
	top: 12px;
	filter: blur(12px);
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: -1;
	transition: opacity .45s;
	opacity: 0
}

.card .card-image.no-shadow {
	box-shadow: none
}

.card .card-image.no-shadow.shadow-normal {
	box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card .card-image.no-shadow .colored-shadow {
	display: none!important
}

.card .category:not([class*="text-"]) {
	color: #999
}

.card .card-content {
	padding: 15px 30px
}

.card .card-body {
	height: 30%;
	padding: 18px
}

.card .card-footer {
	height: 10%;
	padding: 18px
}

.card .card-footer button,.card .card-footer a {
	margin: 0!important;
	position: relative;
	bottom: 25px;
	width: auto
}

.card .card-footer button:first-child,.card .card-footer a:first-child {
	left: -15px
}

.card .header {
	box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
	margin: 15px;
	border-radius: 3px;
	padding: 15px 0;
	background-color: #FFF
}

.card .header .title {
	color: #FFF
}

.card .header-primary,.card .content-primary {
	background: linear-gradient(60deg,#ab47bc,#7b1fa2)
}

.card .header-info,.card .content-info {
	background: linear-gradient(60deg,#26c6da,#0097a7)
}

.card .header-success,.card .content-success {
	background: linear-gradient(60deg,#66bb6a,#388e3c)
}

.card .header-warning,.card .content-warning {
	background: linear-gradient(60deg,#ffa726,#f57c00)
}

.card .header-danger,.card .content-danger {
	background: linear-gradient(60deg,#ef5350,#d32f2f)
}

.card .header-rose,.card .content-rose {
	background: linear-gradient(60deg,#ec407a,#c2185b)
}

.card .header-primary {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(33,150,243,0.6)
}

.card .header-danger {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(244,67,54,0.6)
}

.card .header-rose {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(233,30,99,0.6)
}

.card .header-warning {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(255,152,0,0.6)
}

.card .header-info {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(0,188,212,0.6)
}

.card .header-success {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(76,175,80,0.6)
}

.card [class*="header-"],.card [class*="content-"] {
	color: #FFF
}

.card [class*="header-"] .card-title a,.card [class*="header-"] .card-title,.card [class*="header-"] .icon i,.card [class*="content-"] .card-title a,.card [class*="content-"] .card-title,.card [class*="content-"] .icon i {
	color: #FFF
}

.card [class*="header-"] .icon i,.card [class*="content-"] .icon i {
	border-color: rgba(255,255,255,0.25)
}

.card [class*="header-"] .author a,.card [class*="header-"] .footer .stats,.card [class*="header-"] .category,.card [class*="header-"] .card-description,.card [class*="content-"] .author a,.card [class*="content-"] .footer .stats,.card [class*="content-"] .category,.card [class*="content-"] .card-description {
	color: rgba(255,255,255,0.8)
}

.card [class*="header-"] .author a:hover,.card [class*="header-"] .author a:focus,.card [class*="header-"] .author a:active,.card [class*="content-"] .author a:hover,.card [class*="content-"] .author a:focus,.card [class*="content-"] .author a:active {
	color: #FFF
}

.card [class*="content-"] {
	border-radius: 6px
}

.card [class*="content-"] h1 small,.card [class*="content-"] h2 small,.card [class*="content-"] h3 small {
	color: rgba(255,255,255,0.8)
}

.card img {
	width: 100%;
	height: auto
}

.card .category .material-icons {
	position: relative;
	top: 6px;
	line-height: 0
}

.card .category-social .fa {
	font-size: 24px;
	position: relative;
	margin-top: -4px;
	top: 2px;
	margin-right: 5px
}

.card .category-social .material-icons {
	position: relative;
	top: 5px
}

.card .author .avatar {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 5px
}

.card .author a {
	color: var(--color-text1);
	text-decoration: none
}

.card .author a .ripple-container {
	display: none
}

.card .footer {
	margin-top: 15px
}

.card .footer div {
	display: inline-block
}

.card .footer .author {
	color: #999
}

.card .footer .stats {
	float: right;
	line-height: 30px;
	color: #999
}

.card .footer .stats .material-icons {
	position: relative;
	top: 4px;
	font-size: 18px
}

.carousel .card {
	max-width: 650px;
	margin: 60px auto
}

.card .checkbox,.card .radio {
	margin-top: 16px
}

.card-signup .header {
	box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -40px;
	padding: 20px 0
}

.card-signup .text-divider {
	margin-top: 30px;
	margin-bottom: 0;
	text-align: center
}

.card-signup .card-content {
	padding: 0 30px 0 10px
}

.card-signup .checkbox {
	margin-top: 20px
}

.card-signup .checkbox label {
	margin-left: 17px
}

.card-signup .checkbox .checkbox-material {
	padding-right: 12px
}

.card-signup .social-line {
	margin-top: 15px;
	text-align: center;
	padding: 0
}

.card-signup .social-line .btn {
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px
}

.card-contact .header {
	margin-top: -20px
}

.card-contact .header .title {
	margin: 10px 0 10px
}

.card-nav-tabs {
	margin-top: 45px
}

.card-nav-tabs .header {
	margin-top: -30px
}

.card-nav-tabs .nav-tabs {
	background: transparent
}

.card-plain {
	background: transparent;
	box-shadow: none
}

.card-plain .header {
	margin-left: 0;
	margin-right: 0
}

.card-plain .card-content {
	padding-left: 5px;
	padding-right: 5px
}

.card-plain .card-image {
	margin: 0;
	border-radius: 6px
}

.card-plain .card-image img {
	border-radius: 6px
}

.iframe-container iframe {
	width: 100%;
	box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card-form-horizontal .card-content {
	padding-left: 15px;
	padding-right: 15px
}

.card-form-horizontal .form-group {
	padding-bottom: 0;
	margin: 3px 0 0 0
}

.card-form-horizontal .form-group .form-control {
	margin-bottom: 0
}

.card-form-horizontal .btn {
	margin: 0
}

.card-form-horizontal .input-group .input-group-addon {
	padding-left: 0
}

.card-profile,.card-testimonial {
	margin-top: 30px;
	text-align: center
}

.card-profile .btn-just-icon.btn-raised,.card-testimonial .btn-just-icon.btn-raised {
	margin-left: 6px;
	margin-right: 6px
}

.card-profile .card-avatar,.card-testimonial .card-avatar {
	max-width: 130px;
	max-height: 130px;
	margin: -50px auto 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card-profile .card-avatar+.card-content,.card-testimonial .card-avatar+.card-content {
	margin-top: 15px
}

.card-profile.card-plain .card-avatar,.card-testimonial.card-plain .card-avatar {
	margin-top: 0
}

.card-testimonial .card-avatar {
	max-width: 100px;
	max-height: 100px
}

.card-testimonial .footer {
	margin-top: 0
}

.card-testimonial .footer .card-avatar {
	margin-top: 10px;
	margin-bottom: -50px
}

.card-testimonial .card-description {
	font-style: italic
}

.card-testimonial .card-description+.card-title {
	margin-top: 30px
}

.card-testimonial .icon {
	margin-top: 30px
}

.card-testimonial .icon .material-icons {
	font-size: 40px
}

.card-blog {
	margin-top: 30px
}

.card-blog .row .category {
	margin-bottom: 0
}

.card-blog .card-title {
	margin-top: 5px
}

.card-blog .card-image+.category {
	margin-top: 20px
}

.card-pricing {
	text-align: center
}

.card-pricing .card-title {
	margin-top: 30px
}

.card-pricing .card-content {
	padding: 15px!important
}

.card-pricing .icon {
	padding: 10px 0 0;
	color: #999
}

.card-pricing .icon i {
	font-size: 55px;
	border: 1px solid #E5E5E5;
	border-radius: 50%;
	width: 130px;
	line-height: 130px;
	height: 130px
}

.card-pricing h1 small {
	font-size: 18px
}

.card-pricing h1 small:first-child {
	position: relative;
	top: -17px;
	font-size: 26px
}

.card-pricing ul {
	list-style: none;
	padding: 0;
	max-width: 240px;
	margin: 10px auto
}

.card-pricing ul li {
	color: #999;
	text-align: center;
	padding: 12px 0;
	border-bottom: 1px solid rgba(153,153,153,0.3)
}

.card-pricing ul li:last-child {
	border: 0
}

.card-pricing ul li b {
	color: var(--color-text1)
}

.card-pricing ul li i {
	top: 6px;
	position: relative
}

.card-pricing.card-background ul li,.card-pricing [class*="content-"] ul li {
	color: #FFF;
	border-color: rgba(255,255,255,0.3)
}

.card-pricing.card-background ul li b,.card-pricing [class*="content-"] ul li b {
	color: #FFF
}

.card-pricing.card-background [class*="text-"],.card-pricing [class*="content-"] [class*="text-"] {
	color: #FFF
}

.card-pricing.card-background:after {
	background-color: rgba(0,0,0,0.7)
}

.card-raised {
	box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.card-background,.back-background,.front-background {
	background-position: center center;
	background-size: cover;
	text-align: center
}

.card-background .card-content,.back-background .card-content,.front-background .card-content {
	position: relative;
	z-index: 2;
	min-height: 280px;
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 440px;
	margin: 0 auto
}

.card-background .category,.card-background .card-description,.card-background small,.back-background .category,.back-background .card-description,.back-background small,.front-background .category,.front-background .card-description,.front-background small {
	color: rgba(255,255,255,0.7)
}

.card-background .card-title,.back-background .card-title,.front-background .card-title {
	color: #FFF;
	margin-top: 10px
}

.card-background:not(.card-pricing) .btn,.back-background:not(.card-pricing) .btn,.front-background:not(.card-pricing) .btn {
	margin-bottom: 0
}

.card-background:after,.back-background:after,.front-background:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
	background-color: rgba(0,0,0,0.56);
	border-radius: 6px
}

.back-background .card-content {
	min-height: auto;
	padding-top: 15px;
	padding-bottom: 15px
}

.card-product {
	margin-top: 30px
}

.card-product .btn-simple.btn-just-icon {
	padding: 0
}

.card-product .footer {
	margin-top: 5px
}

.card-product .footer .price h4 {
	margin-bottom: 0
}

.card-product .footer .stats {
	margin-top: 5px
}

.card-product .card-title,.card-product .category,.card-product .card-description {
	text-align: center
}

.card-product .category {
	margin-bottom: 0
}

.card-product .category~.card-title {
	margin-top: 0
}

.card-product .price {
	font-size: 18px;
	color: #9A9A9A
}

.card-product .price-old {
	text-decoration: line-through;
	font-size: 16px;
	color: #9A9A9A
}

.card-product .price-new {
	color: var(--color-red)
}

.rotating-card-container {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px
}

.rotating-card-container .card-rotate {
	background: transparent;
	box-shadow: none
}

.rotating-card-container .card-rotate:after {
	display: none
}

.rotating-card-container .card {
	-webkit-transition: transform 0.8s cubic-bezier(0.34,1.45,0.7,1);
	-moz-transition: transform 0.8s cubic-bezier(0.34,1.45,0.7,1);
	-o-transition: transform 0.8s cubic-bezier(0.34,1.45,0.7,1);
	-ms-transition: transform 0.8s cubic-bezier(0.34,1.45,0.7,1);
	transition: transform 0.8s cubic-bezier(0.34,1.45,0.7,1);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative
}

.rotating-card-container .card .back,.rotating-card-container .card .front {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
	position: absolute;
	background-color: #FFF;
	border-radius: 6px;
	top: 0;
	left: 0
}

.rotating-card-container .card .back .card-content,.rotating-card-container .card .front .card-content {
	height: 100%;
	justify-content: center;
	align-content: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column
}

.rotating-card-container .card .front {
	z-index: 2;
	position: relative
}

.rotating-card-container .card .back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	z-index: 5;
	text-align: center;
	width: 100%;
	height: 100%
}

.rotating-card-container .card .back.back-background:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
	background-color: rgba(0,0,0,0.56);
	border-radius: 6px
}

.rotating-card-container .card .back.back-background .card-content {
	position: relative;
	z-index: 2
}

.rotating-card-container .card .back .footer .btn {
	margin: 0
}

.rotating-card-container .card .back .card-content {
	padding-left: 15px;
	padding-right: 15px
}

.rotating-card-container:not(.manual-flip):hover .card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.rotating-card-container.hover.manual-flip .card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.card-profile .rotating-card-container .front {
	text-align: left
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
	.rotating-card-container .card .front,.rotating-card-container .card .back {
		-ms-backface-visibility: visible;
		backface-visibility: visible
	}

	.rotating-card-container .card .back {
		visibility: hidden;
		transition: visibility 0.3s cubic-bezier(0.34,1.45,0.7,1)
	}

	.rotating-card-container .card .front {
		z-index: 4
	}

	.rotating-card-container:not(.manual-flip):hover .card .back,.rotating-card-container.manual-flip.hover .card .back {
		z-index: 5;
		visibility: visible
	}
}

.modal-content {
	box-shadow: 0 27px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22);
	border-radius: 6px;
	border: none
}

.modal-content .modal-header {
	border-bottom: none;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 0;
	padding-left: 24px
}

.modal-content .modal-body {
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 16px;
	padding-left: 24px
}

.modal-content .modal-footer {
	border-top: none;
	padding: 24px
}

.modal-content .modal-footer.text-center {
	text-align: center
}

.modal-content .modal-footer button {
	margin: 3px;
	padding-left: 16px;
	padding-right: 16px;
	width: auto
}

.modal-content .modal-footer button.pull-left {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	left: -5px
}

.modal-content .modal-footer button+button {
	margin-bottom: 16px
}

.modal-content .modal-body+.modal-footer {
	padding-top: 0
}

.modal-backdrop {
	background: rgba(0,0,0,0.3)
}

.modal .modal-dialog {
	margin-top: 200px
}

.modal .modal-dialog.modal-login {
	width: 360px
}

.modal .modal-dialog.modal-login .modal-header .close {
	margin-top: -30px;
	margin-right: 10px;
	color: #FFF
}

.modal .modal-dialog.modal-login .modal-footer {
	padding-bottom: 0;
	padding-top: 0
}

.modal .modal-dialog.modal-login .modal-body {
	padding-left: 4px;
	padding-bottom: 0;
	padding-top: 0
}

.modal .modal-dialog.modal-login .card-signup {
	margin-bottom: 0
}

.modal .modal-dialog.modal-signup {
	width: 900px
}

.modal .modal-dialog.modal-signup .info-horizontal {
	padding: 0 0 20px
}

.modal .modal-dialog.modal-signup .modal-footer {
	padding: 0 5px
}

.modal .modal-dialog.modal-signup .modal-header {
	padding-top: 0
}

.modal .modal-dialog.modal-signup .card-signup {
	padding: 40px 0;
	margin-bottom: 0
}

.modal .modal-dialog.modal-signup .modal-body {
	padding-bottom: 0;
	padding-top: 0
}

.modal .modal-header .close {
	color: #999
}

.modal .modal-header .close:hover,.modal .modal-header .close:focus {
	opacity: 1
}

.modal .modal-header .close i {
	font-size: 16px
}

.modal-notice .instruction {
	margin-bottom: 25px
}

.modal-notice .picture {
	max-width: 150px
}

.modal-notice .modal-content .btn-raised {
	margin-bottom: 15px
}

.modal-small {
	width: 300px;
	margin: 0 auto
}

.modal-small .modal-body {
	margin-top: 20px
}

.panel {
	background-color: transparent;
	border: 0 none;
	box-shadow: none
}

.panel .panel-heading {
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	padding: 25px 10px 5px 0
}

.panel .panel-heading .panel-title {
	font-size: 15px;
	font-weight: bolder
}

.panel .panel-heading a {
	color: var(--color-text1)
}

.panel .panel-heading a:hover,.panel .panel-heading a:active,.panel .panel-heading a[aria-expanded="true"] {
	color: var(--color-primary)
}

.panel .panel-heading a[aria-expanded="true"] i,.panel .panel-heading a.expanded i {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.panel .panel-heading i {
	float: right
}

.panel .panel-body {
	border: 0 none;
	padding: 15px 0 5px
}

.panel.panel-default .panel-heading+.panel-collapse .panel-body {
	border: 0 none
}

hr.on-dark {
	color: #1a1a1a
}

hr.on-light {
	color: white
}

@media (-webkit-min-device-pixel-ratio:0.75),(min--moz-device-pixel-ratio:0.75),(-o-device-pixel-ratio:3 / 4),(min-device-pixel-ratio:0.75),(min-resolution:0.75dppx),(min-resolution:120dpi) {
	hr {
		height: 0.75px
	}
}

@media (-webkit-min-device-pixel-ratio:1),(min--moz-device-pixel-ratio:1),(-o-device-pixel-ratio:1),(min-device-pixel-ratio:1),(min-resolution:1dppx),(min-resolution:160dpi) {
	hr {
		height: 1px
	}
}

@media (-webkit-min-device-pixel-ratio:1.33),(min--moz-device-pixel-ratio:1.33),(-o-device-pixel-ratio:133 / 100),(min-device-pixel-ratio:1.33),(min-resolution:1.33dppx),(min-resolution:213dpi) {
	hr {
		height: 1.333px
	}
}

@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-device-pixel-ratio:3 / 2),(min-device-pixel-ratio:1.5),(min-resolution:1.5dppx),(min-resolution:240dpi) {
	hr {
		height: 1.5px
	}
}

@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(-o-device-pixel-ratio:2 / 1),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:380dpi) {
	hr {
		height: 2px
	}
}

@media (-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(-o-device-pixel-ratio:3 / 1),(min-device-pixel-ratio:3),(min-resolution:3dppx),(min-resolution:480dpi) {
	hr {
		height: 3px
	}
}

@media (-webkit-min-device-pixel-ratio:4),(min--moz-device-pixel-ratio:4),(-o-device-pixel-ratio:4 / 1),(min-device-pixel-ratio:3),(min-resolution:4dppx),(min-resolution:640dpi) {
	hr {
		height: 4px
	}
}

.img-thumbnail {
	border-radius: 16px
}

.img-raised {
	box-shadow: 0 5px 15px -8px rgba(0,0,0,0.24),0 8px 10px -5px rgba(0,0,0,0.2)
}

.media .avatar {
	margin: 0 auto;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 15px;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.2)
}

.media .avatar img {
	width: 100%
}

.media .media-heading small {
	font-family: "Roboto","Helvetica","Arial",sans-serif
}

.media .media-body {
	padding-right: 10px
}

.media .media-body .media .media-body {
	padding-right: 0
}

.media .media-footer .btn {
	margin-bottom: 20px
}

.media .media-footer:after {
	display: table;
	content: " ";
	clear: both
}

.media p {
	color: #999;
	font-size: 16px;
	line-height: 1.6em
}

.media-left,.media>.pull-left {
	padding: 10px
}

.info {
	max-width: 360px;
	margin: 0 auto;
	padding: 70px 0 30px
}

.info .icon {
	color: #999
}

.info .icon>i {
	font-size: 4.4em
}

.info .info-title {
	color: var(--color-text1);
	margin: 30px 0 15px
}

.info p {
	color: #999
}

.info-horizontal .icon {
	float: left;
	margin-top: 24px;
	margin-right: 10px
}

.info-horizontal .icon>i {
	font-size: 2.6em
}

.info-horizontal .description {
	overflow: hidden
}

.icon.icon-primary {
	color: var(--color-primary)
}

.icon.icon-info {
	color: var(--color-primary)
}

.icon.icon-success {
	color: var(--color-green)
}

.icon.icon-warning {
	color: var(--color-yellow)
}

.icon.icon-danger {
	color: var(--color-red)
}

.icon.icon-rose {
	color: #e91e63
}

.table>thead>tr>th {
	border-bottom-width: 1px;
	font-size: 1.25em;
	font-weight: 300
}

.table .radio,.table .checkbox {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	width: 15px
}

.table .radio .icons,.table .checkbox .icons {
	position: relative
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
	padding: 12px 8px;
	vertical-align: middle
}

.table .th-description {
	max-width: 150px
}

.table .td-price {
	font-size: 26px;
	font-weight: 300;
	margin-top: 5px;
	text-align: right
}

.table .td-total {
	font-weight: 500;
	font-size: 1.25em;
	padding-top: 20px;
	text-align: right
}

.table .td-actions .btn {
	margin: 0;
	padding: 5px
}

.table>tbody>tr {
	position: relative
}

.table-shopping>thead>tr>th {
	font-size: 0.9em;
	text-transform: uppercase
}

.table-shopping>tbody>tr>td {
	font-size: 16px
}

.table-shopping>tbody>tr>td b {
	display: block;
	margin-bottom: 5px
}

.table-shopping .td-name {
	font-weight: 400;
	font-size: 1.5em
}

.table-shopping .td-name small {
	color: #999;
	font-size: 0.75em;
	font-weight: 300
}

.table-shopping .td-number {
	font-weight: 300;
	font-size: 1.3em
}

.table-shopping .td-name {
	min-width: 200px
}

.table-shopping .td-number {
	text-align: right;
	min-width: 145px
}

.table-shopping .td-number small {
	margin-right: 3px
}

.table-shopping .img-container {
	width: 120px;
	max-height: 160px;
	overflow: hidden;
	display: block
}

.table-shopping .img-container img {
	width: 100%
}

.dropdownjs {
	position: relative
}

.dropdownjs * {
	box-sizing: border-box
}

.dropdownjs>input {
	width: 100%;
	padding-right: 30px;
	text-overflow: ellipsis;
	outline: none!important
}

.dropdownjs>ul {
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	display: block;
	margin-top: -20px;
	min-width: 200px;
	opacity: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 10000
}

.dropdownjs>input.focus~ul {
	opacity: 1;
	visibility: visible;
	margin-top: 1px
}

.dropdownjs>ul>li {
	list-style: none;
	padding: 10px 20px
}

.dropdownjs>ul>li.dropdownjs-add {
	padding: 0
}

.dropdownjs>ul>li.dropdownjs-add>input {
	border: 0;
	padding: 10px 20px;
	width: 100%
}

.dropdownjs>input[readonly] {
	cursor: pointer
}

select[data-dropdownjs][disabled]+.dropdownjs>input[readonly] {
	cursor: default
}

.dropdownjs>ul {
	background: #FFF;
	border-radius: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	padding: 5px 0;
	overflow: auto;
	max-width: 500px
}

.dropdownjs>ul>li {
	cursor: pointer;
	word-wrap: break-word;
	font-size: 13px;
	font-weight: 400;
	padding: 10px 20px;
	margin: 0 5px;
	border-radius: 2px;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear
}

.dropdownjs>ul>li .selected,.dropdownjs>ul>li:active,.dropdownjs>ul>li:focus,.dropdownjs>ul>li:hover {
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
	background-color: var(--color-primary);
	color: #FFF
}

.dropdownjs>ul>li>.close:before {
	content: "\00d7";
	display: block;
	position: absolute;
	right: 15px;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .6
}

.dropdownjs>ul>li:h>.close:hover:before {
	opacity: .9
}

.dropdownjs::after {
	right: 10px;
	top: 20px;
	font-size: 25px;
	position: absolute;
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	content: "\e5c5";
	pointer-events: none;
	color: #fff
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	width: 100%!important
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-search--inline {
	float: left
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: white;
	border: 0;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 200px!important;
	min-width: 200px;
	max-width: 500px;
	left: -100000px;
	width: 100%;
	z-index: 1051;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
	float: left;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	min-width: 160px;
	top: 100%
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option[aria-selected] {
	cursor: pointer;
	font-size: 13px;
	padding: 10px 20px;
	margin: 0 5px;
	border-radius: 2px;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	height: 0;
	left: 50%;
	margin-left: -21px;
	margin-top: 3px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0
}

.select2 .select2-simple .select2-selection__arrow {
	display: none
}

.select2 .select2-simple {
	border: 0;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2);
	background-size: 0 2px,100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom,center calc(100% - 1px);
	background-color: transparent;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	height: 30px;
	font-weight: 400
}

.select2 .select2-simple::-moz-placeholder {
	color: #AAA;
	font-weight: 400
}

.select2 .select2-simple:-ms-input-placeholder {
	color: #AAA;
	font-weight: 400
}

.select2 .select2-simple::-webkit-input-placeholder {
	color: #AAA;
	font-weight: 400
}

.select2.select2-container--open .select2-simple {
	outline: none;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2);
	background-size: 100% 2px,100% 1px;
	box-shadow: none;
	transition-duration: 0.3s
}

.select2.select2-container--open .select2-simple .material-input:after {
	background-color: var(--color-primary)
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container .select2-dropdown {
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
	display: block;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	min-width: 200px;
	opacity: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 10000
}

.select2-container--open.show-dropdown-with-animation .select2-dropdown {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,1px,0);
	-moz-transform: translate3d(0,1px,0);
	-o-transform: translate3d(0,1px,0);
	-ms-transform: translate3d(0,1px,0);
	transform: translate3d(0,1px,0)
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 0;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2);
	background-size: 0 2px,100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom,center calc(100% - 1px);
	background-color: transparent;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	height: 30px;
	font-weight: 400
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	outline: none;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2);
	background-size: 100% 2px,100% 1px;
	box-shadow: none;
	transition-duration: 0.3s
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus .material-input:after {
	background-color: var(--color-primary)
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-results ul {
	padding: 5px 0
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 500px;
	overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
	padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected]:focus,.select2-container--default .select2-results__option--highlighted[aria-selected]:hover,.select2-container--default .select2-results__option--highlighted[aria-selected]:active {
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(33,150,243,0.4);
	background-color: var(--color-primary);
	color: #FFF
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top,white 50%,#eee 100%);
	background-image: -o-linear-gradient(top,white 50%,#eee 100%);
	background-image: linear-gradient(to bottom,white 50%,#eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
	background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
	background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top,white 0,#eee 50%);
	background-image: -o-linear-gradient(top,white 0,#eee 50%);
	background-image: linear-gradient(to bottom,white 0,#eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top,#eee 50%,white 100%);
	background-image: -o-linear-gradient(top,#eee 50%,white 100%);
	background-image: linear-gradient(to bottom,#eee 50%,white 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: white;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
	padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: white
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

.bootstrap-tagsinput {
	display: inline-block;
	padding: 4px 6px;
	max-width: 100%;
	line-height: 22px
}

.bootstrap-tagsinput input {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	margin: 0;
	width: 74px;
	max-width: inherit
}

.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
	color: #777;
	opacity: 1
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder,.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
	color: #777
}

.bootstrap-tagsinput .tag {
	cursor: pointer;
	margin: 5px 3px 5px 0;
	position: relative;
	padding: 3px 8px;
	border-radius: 12px;
	color: #FFF;
	font-weight: 500;
	font-size: 0.75em;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1.5em;
	padding-left: 0.8em
}

.bootstrap-tagsinput .tag.tag-primary .tag {
	background-color: var(--color-primary);
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-primary .tag .tagsinput-remove-link {
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-primary .tagsinput-add {
	color: var(--color-primary)
}

.bootstrap-tagsinput .tag.tag-info .tag {
	background-color: var(--color-primary);
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-info .tag .tagsinput-remove-link {
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-info .tagsinput-add {
	color: var(--color-primary)
}

.bootstrap-tagsinput .tag.tag-success .tag {
	background-color: var(--color-green);
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-success .tag .tagsinput-remove-link {
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-success .tagsinput-add {
	color: var(--color-green)
}

.bootstrap-tagsinput .tag.tag-warning .tag {
	background-color: var(--color-yellow);
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-warning .tag .tagsinput-remove-link {
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-warning .tagsinput-add {
	color: var(--color-yellow)
}

.bootstrap-tagsinput .tag.tag-danger .tag {
	background-color: var(--color-red);
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-danger .tag .tagsinput-remove-link {
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-danger .tagsinput-add {
	color: var(--color-red)
}

.bootstrap-tagsinput .tag.tag-rose .tag {
	background-color: #e91e63;
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-rose .tag .tagsinput-remove-link {
	color: #FFF
}

.bootstrap-tagsinput .tag.tag-rose .tagsinput-add {
	color: #e91e63
}

.bootstrap-tagsinput .tag:hover {
	padding-right: 18px
}

.bootstrap-tagsinput .tag:hover [data-role="remove"] {
	opacity: 1;
	padding-right: 6px
}

.bootstrap-tagsinput .tag [data-role="remove"] {
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 0;
	opacity: 0
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "x";
	padding: 0 2px
}

.btn-file {
	position: relative;
	overflow: hidden;
	vertical-align: middle
}

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

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

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

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

.fileinput .thumbnail.img-circle {
	border-radius: 50%;
	max-width: 100px
}

.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 {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle
}

.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
}

.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file {
	border-radius: 0 4px 4px 0
}

.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm {
	border-radius: 0 3px 3px 0
}

.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg {
	border-radius: 0 6px 6px 0
}

.form-group.has-warning .fileinput .fileinput-preview {
	color: var(--color-yellow)
}

.form-group.has-warning .fileinput .thumbnail {
	border-color: var(--color-yellow)
}

.form-group.has-error .fileinput .fileinput-preview {
	color: var(--color-red)
}

.form-group.has-error .fileinput .thumbnail {
	border-color: var(--color-red)
}

.form-group.has-success .fileinput .fileinput-preview {
	color: var(--color-green)
}

.form-group.has-success .fileinput .thumbnail {
	border-color: var(--color-green)
}

.input-group-addon:not(:first-child) {
	border-left: 0
}

.thumbnail {
	border: 0 none;
	border-radius: 0;
	padding: 0
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%
}

.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center
}

.nbs-flexisel-inner {
	overflow: hidden;
	width: 100%
}

.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: relative;
	line-height: 0
}

.nbs-flexisel-item img {
	max-width: 100%;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px
}

.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {
	top: 40%
}

.nbs-flexisel-nav-left {
	left: -20px
}

.nbs-flexisel-nav-left.disabled {
	opacity: 0.4
}

.nbs-flexisel-nav-right {
	right: -20px
}

.nbs-flexisel-nav-right.disabled {
	opacity: 0.4
}

.nbs-flexisel-nav-right,.nbs-flexisel-nav-left {
	position: absolute;
	cursor: pointer;
	z-index: 100;
	opacity: 0.5
}

.section-white {
	background: #FFF
}

.section-white-to-gray {
	background-color: #fff;
	background: transparent linear-gradient(0deg,#e5e5e5 0,#fff 100%) repeat scroll 0 0
}

.section-gray {
	background:#F3F3F3;
}

.section-light-gray {
	background: #eee
}



.section-space {
	height: 70px;
	display: block
}

.section {
	padding: 70px 0
}

.section-navbars {
	padding-bottom: 0
}

.section-full-screen {
	height: 100vh
}

.section-signup {
	padding-top: 20vh
}

.section-dark,.section-image {
	background-color: #343434;
	background-size: 200% 240%;
	background: #232323;
	background: -moz-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#585858),color-stop(100%,#232323));
	background: -webkit-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -o-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -ms-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: radial-gradient(ellipse at center,#585858 0,#232323 100%);
	background-size: 550% 450%
}

.section-dark .title,.section-dark .card-plain .card-title,.section-dark .card-plain .icon i,.section-image .title,.section-image .card-plain .card-title,.section-image .card-plain .icon i {
	color: #FFF
}

.section-dark .description,.section-dark .card-plain .card-description,.section-dark .card-plain .icon,.section-image .description,.section-image .card-plain .card-description,.section-image .card-plain .icon {
	color: rgba(255,255,255,0.76)
}

.section-dark .card-plain [class*="text-"],.section-dark .card-plain ul li b,.section-image .card-plain [class*="text-"],.section-image .card-plain ul li b {
	color: #FFF
}

.section-dark .card-plain .category,.section-image .card-plain .category {
	color: rgba(255,255,255,0.5)
}

.section-dark .card .card-image .colored-shadow,.section-image .card .card-image .colored-shadow {
	top: 0
}

.section-image {
	position: relative
}

.section-image:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
	background-color: rgba(0,0,0,0.7)
}

.section-image .container {
	z-index: 2;
	position: relative
}

.section,.section-image {
	background-position: center center;
	background-size: cover
}[class*="features-"],[class*="team-"],[class*="projects-"],[class*="pricing-"],[class*="testimonials-"],[class*="contactus-"] {
	padding: 80px 0
}

.page-header {
	height: 100vh;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
	border: 0
}

.page-header .carousel .carousel-indicators {
	bottom: 60px
}

.page-header .container {
	color: #FFF
}

.page-header .title {
	color: #FFF
}

.page-header.header-small {
	height: 65vh;
	min-height: 65vh
}

.page-header.header-small .container {
	padding-top: 20vh
}

.header-filter {
	position: relative
}

.header-filter:before,.header-filter:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: ""
}

.header-filter::before {
	background-color: #ccc;
}

.header-filter .container {
	z-index: 2;
	position: relative
}


.clear-filter:before {
	display: none
}

.header-1 .wrapper,.header-2 .wrapper,.header-3 .wrapper {
	background: #CCC
}

.header-2 .page-header .container {
	padding-top: 25vh
}

.header-2 .page-header .card {
	margin-top: 60px
}

.header-3 .btn {
	margin: 0
}

.header-3 h6 {
	margin-bottom: 0
}

.phone-container img {
	width: 100%
}

.features-1 {
	text-align: center
}

.features-3 .info {
	max-width: none;
	margin: 0 auto;
	padding: 10px 0 0
}

.features-3 .phone-container {
	max-width: 200px;
	margin: 0 auto
}

.features-4 .phone-container {
	max-width: 260px;
	margin: 60px auto 0
}

.features-4 .info {
	max-width: none;
	margin: 0 auto;
	padding: 10px 0 0
}

.features-4 .info:first-child {
	padding-top: 130px
}

.features-5 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative
}

.features-5:after {
	background: rgba(0,0,0,0.55);
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 0;
	left: 0;
	top: 0
}

.features-5 .container,.features-5 .title {
	position: relative;
	z-index: 2
}

.features-5 .title,.features-5 .info-title {
	color: #FFF
}

.features-5 .info {
	text-align: center;
	max-width: 310px;
	min-height: 320px
}

.features-5 .info .icon {
	color: #FFF
}

.features-5 .info .icon>i {
	font-size: 2.8em
}

.features-5 .info p {
	color: #FFF;
	min-height: 120px
}

.features-5 .container [class*="col-"] {
	border: 1px solid rgba(255,255,255,0.35);
	border-top: 0
}

.features-5 .container [class*="col-"] {
	border-left: 0
}

.features-5 .container [class*="col-"]:last-child {
	border-right: 0
}

.features-5 .container .row:last-child [class*="col-"] {
	border-bottom: 0
}[class*="blogs-"] {
	padding: 50px 0
}

.blogs-1 .card {
	margin-bottom: 80px
}

.blogs-4 .card {
	margin-bottom: 60px;
	text-align: center
}

.team-1 .card .content {
	padding-left: 15px;
	padding-right: 15px
}

.team-1 .card .description {
	min-height: 90px
}

.team-1 .card .btn {
	margin-top: 0
}

.team-1 h5.description {
	margin-bottom: 80px
}

.team-2 .card .title {
	margin: 10px 0 0
}

.team-2 .card h6 {
	margin-top: 5px
}

.team-2 h5.description {
	margin-bottom: 80px
}

.team-3 .card,.team-5 .card {
	text-align: left
}

.team-3 .card .footer,.team-5 .card .footer {
	margin-top: 0
}

.team-3 h5.description,.team-5 h5.description {
	margin-bottom: 70px
}

.team-4 h5.description {
	margin-bottom: 100px
}

.projects-1 .title {
	margin-top: 10px
}

.projects-1 .nav-pills {
	display: inline-block
}

.projects-2 h2.title {
	margin-top: 5px;
	margin-bottom: 15px
}

.projects-2 .card-title {
	margin-bottom: 5px
}

.projects-2 .category {
	color: #999;
	margin-top: 5px
}

.projects-2 .card-description {
	margin-top: 20px
}

.projects-2 .card {
	text-align: center
}

.projects-3 h2.title,.projects-3 h3.title {
	margin-bottom: 80px;
	margin-top: 5px
}

.projects-3 .card {
	margin-bottom: 30px;
	text-align: center
}

.projects-3 .category {
	margin-bottom: 5px
}

.projects-3 .card-title {
	margin-top: 5px
}

.projects-4 h2.title {
	margin-top: 5px;
	margin-bottom: 15px
}

.projects-4 .info {
	padding: 0
}

.projects-4 .info p {
	margin: 0
}

.projects-4 .card-background {
	margin-bottom: 0
}

.projects-4 .card-background .card-content {
	padding-top: 140px;
	padding-bottom: 140px
}

.projects-4 hr {
	margin: 70px auto;
	max-width: 970px
}

.pricing-1 h2.title {
	margin-bottom: 10px
}

.pricing-1 .card-separator {
	width: 1px;
	display: block;
	height: 100%;
	background-color: rgba(153,153,153,0.2);
	position: absolute;
	left: 0;
	top: 0
}

.pricing-1.section-image:after {
	background-color: rgba(0,0,0,0.8)
}

.pricing-2 .nav-pills {
	display: inline-block;
	margin-bottom: 50px
}

.pricing-5 .nav-pills {
	margin-top: 50px;
	margin-bottom: 50px
}

.pricing-3 .title,.pricing-4 .title {
	margin-bottom: 10px
}

.testimonials-1 .description {
	margin-bottom: 50px
}

.contactus-1 .info {
	padding: 0;
	margin: 0
}

.contactus-1 .info:first-child {
	margin-top: 30px
}

.contactus-1 .info .info-title {
	margin-top: 20px;
	color: #FFF
}

.contactus-1 .info .icon {
	margin-top: 14px;
	color: #FFF
}

.contactus-1 .card-contact {
	margin-top: 30px
}

.contactus-2 {
	padding: 0
}

.contactus-2 .card-contact {
	max-width: 560px;
	margin: 80px 0 80px 150px
}

.contactus-2 .card-contact .info {
	padding: 0;
	margin: 0
}

.contactus-2 .map {
	width: 100%;
	height: 100%;
	position: absolute
}

.contactus-2 .info-horizontal .icon {
	margin-top: 26px
}

.contactus-2 .info-horizontal .icon>i {
	font-size: 2.2em;
	max-width: 45px
}

footer {
	padding: 15px 0;
	text-align: center
}

footer ul {
	margin-bottom: 0;
	padding: 0;
	list-style: none
}

footer ul li {
	display: inline-block
}

footer ul li a {
	color: inherit;
	padding: 15px;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px;
	text-decoration: none;
	position: relative;
	display: block
}

footer ul li a:hover {
	text-decoration: none
}

footer ul li .btn {
	margin: 0
}

footer ul.links-horizontal:first-child a {
	padding-left: 0
}

footer ul.links-horizontal:last-child a {
	padding-right: 0
}

footer ul.links-vertical li {
	display: block;
	margin-left: -5px;
	margin-right: -5px
}

footer ul.links-vertical li a {
	padding: 5px
}

footer .social-buttons a,footer .social-buttons .btn {
	margin-top: 5px;
	margin-bottom: 5px
}

footer .footer-brand {
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
	margin-left: -15px
}

footer .footer-brand:hover,footer .footer-brand:focus {
	color: var(--color-text1)
}

footer .copyright {
	padding: 15px 0
}

footer .copyright .material-icons {
	font-size: 18px;
	position: relative;
	top: 3px
}

footer .pull-center {
	display: inline-block;
	float: none
}

.footer-big {
	padding: 30px 0
}

.footer-big .content {
	text-align: left
}

.footer-big .social-feed i {
	font-size: 20px;
	display: table-cell;
	padding-right: 10px
}

.footer-big .social-feed p {
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
	padding-bottom: 10px;
	max-width: 300px
}

.footer-big .gallery-feed img {
	width: 20%;
	margin-right: 5%;
	margin-bottom: 5%;
	float: left
}

.footer-white {
	background-color: #FFF
}

.footer-gray {
	background-color: #eee
}

.footer-black {
	background: #232323;
	background: -moz-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#585858),color-stop(100%,#232323));
	background: -webkit-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -o-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -ms-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: radial-gradient(ellipse at center,#585858 0,#232323 100%);
	background-size: 550% 450%
}

.footer-black a {
	color: #FFF;
	opacity: .86
}

.footer-black a:hover,.footer-black a:focus {
	opacity: 1
}

.footer-black .footer-brand {
	color: #FFF
}

.footer-black .footer-brand:hover,.footer-black .footer-brand:focus {
	color: #FFF
}

.footer-black h5,.footer-black h4,.footer-black i,.footer-black .copyright {
	color: #FFF
}

.footer-black hr {
	border-color: rgba(255,255,255,0.2)
}

.social-line {
	padding: 15px 0
}

.social-line-big-icons [class*="col-"] {
	border-right: 1px solid #eee
}

.social-line-big-icons [class*="col-"]:last-child {
	border: 0
}

.social-line-big-icons .btn {
	margin: 0;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px
}

.social-line-big-icons .btn .fa {
	font-size: 25px
}

.subscribe-line {
	padding: 30px 0
}

.subscribe-line .card {
	margin-top: 30px
}

.subscribe-line.subscribe-line-image {
	position: relative;
	background-position: top center;
	background-size: cover
}

.subscribe-line.subscribe-line-image .title {
	color: #FFF
}

.subscribe-line.subscribe-line-image:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
	background-color: rgba(0,0,0,0.66)
}

.subscribe-line.subscribe-line-image .container {
	z-index: 2;
	position: relative
}

.social-line-white,.subscribe-line-white {
	background-color: #FFF
}

.social-line-black,.subscribe-line-black {
	background: #232323;
	background: -moz-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#585858),color-stop(100%,#232323));
	background: -webkit-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -o-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: -ms-radial-gradient(center,ellipse cover,#585858 0,#232323 100%);
	background: radial-gradient(ellipse at center,#585858 0,#232323 100%);
	background-size: 550% 450%
}

.social-line-black [class*="col-"],.subscribe-line-black [class*="col-"] {
	border-color: rgba(255,255,255,0.1)
}

.noUi-target,.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-connect {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.noUi-origin {
	position: absolute;
	height: 0;
	width: 0;
	margin: 0;
	border-radius: 0;
	height: 2px;
	background: #c8c8c8
}

.noUi-origin[style^="left: 0"] .noUi-handle {
	background-color: #fff;
	border: 2px solid #c8c8c8
}

.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
	border-width: 1px
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
	-webkit-transition: top 0.3s,right 0.3s,bottom 0.3s,left 0.3s;
	transition: top 0.3s,right 0.3s,bottom 0.3s,left 0.3s
}

.noUi-state-drag * {
	cursor: inherit!important
}

.noUi-base,.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.noUi-horizontal {
	height: 2px;
	margin: 15px 0
}

.noUi-vertical {
	width: 18px
}

.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px
}

.noUi-target {
	background: #c8c8c8;
	border-radius: 4px
}

.noUi-connect {
	background: #3FB8AF;
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-draggable {
	cursor: w-resize
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize
}

.noUi-handle {
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	left: -10px;
	top: -6px;
	cursor: pointer;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	border: 1px solid;
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}

.noUi-handle.noUi-active {
	transform: scale3d(1.5,1.5,1)
}

.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.noUi-vertical .noUi-handle:after {
	top: 17px
}[disabled] .noUi-connect {
	background: #B8B8B8
}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle {
	cursor: not-allowed
}

.slider {
	background: #c8c8c8
}

.slider .noUi-connect {
	background-color: var(--color-primary);
	border-radius: 4px
}

.slider .noUi-handle {
	border-color: var(--color-primary)
}

.slider.slider-info .noUi-connect {
	background-color: var(--color-primary)
}

.slider.slider-info .noUi-handle {
	border-color: var(--color-primary)
}

.slider.slider-success .noUi-connect {
	background-color: var(--color-green)
}

.slider.slider-success .noUi-handle {
	border-color: var(--color-green)
}

.slider.slider-warning .noUi-connect {
	background-color: var(--color-yellow)
}

.slider.slider-warning .noUi-handle {
	border-color: var(--color-yellow)
}

.slider.slider-danger .noUi-connect {
	background-color: var(--color-red)
}

.slider.slider-danger .noUi-handle {
	border-color: var(--color-red)
}

.slider.slider-rose .noUi-connect {
	background-color: #e91e63
}

.slider.slider-rose .noUi-handle {
	border-color: #e91e63
}

.sr-only,.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,.bootstrap-datetimepicker-widget .picker-switch::after,.bootstrap-datetimepicker-widget table th.prev::after,.bootstrap-datetimepicker-widget table th.next::after {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0
}

.bootstrap-datetimepicker-widget {
	list-style: none
}

.bootstrap-datetimepicker-widget a .btn:hover {
	background-color: transparent
}

.bootstrap-datetimepicker-widget.dropdown-menu {
	padding: 4px;
	width: 19em
}

@media (min-width:768px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

@media (min-width:992px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

@media (min-width:1200px) {
	.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
		width: 38em
	}
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
	right: auto;
	left: 12px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top {
	margin-top: auto;
	margin-bottom: -20px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top.open {
	margin-top: auto;
	margin-bottom: 5px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
	left: auto;
	right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
	left: auto;
	right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
	margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
	padding: 0;
	margin: 0;
	border-width: 0;
	background-color: transparent;
	color: var(--color-primary);
	box-shadow: none
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
	background-color: transparent
}

.bootstrap-datetimepicker-widget a[data-action]:hover span {
	background-color: #eee;
	color: var(--color-primary)
}

.bootstrap-datetimepicker-widget a[data-action]:active {
	box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 300;
	font-size: 1.3em;
	margin: 0;
	border-radius: 50%
}

.bootstrap-datetimepicker-widget button[data-action] {
	width: 38px;
	height: 38px;
	margin-right: 3px;
	padding: 0
}


.bootstrap-datetimepicker-widget .picker-switch td {
	padding: 0;
	margin: 0;
	height: auto;
	width: auto;
	line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
	line-height: 2.5;
	height: 2.5em;
	width: 100%;
	border-radius: 3px;
	margin: 2px 0px!important
}

.bootstrap-datetimepicker-widget table {
	width: 100%;
	margin: 0
}

.bootstrap-datetimepicker-widget table.table-condensed tr>td {
	text-align: center
}

.bootstrap-datetimepicker-widget table td>div,.bootstrap-datetimepicker-widget table th>div {
	text-align: center
}

.bootstrap-datetimepicker-widget table th {
	height: 20px;
	line-height: 20px;
	width: 20px;
	font-weight: 500
}

.bootstrap-datetimepicker-widget table th.picker-switch {
	width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover {
	background: none;
	color: #eee;
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev span,.bootstrap-datetimepicker-widget table th.next span {
	border-radius: 3px;
	height: 27px;
	width: 27px;
	line-height: 28px;
	font-size: 12px;
	border-radius: 50%;
	text-align: center
}

.bootstrap-datetimepicker-widget table th.prev::after {
	content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
	content: "Next Month"
}

.bootstrap-datetimepicker-widget table th.dow {
	text-align: center;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	font-weight: 400;
	padding-bottom: 5px;
	padding-top: 10px
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
	cursor: pointer
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover span,.bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover {
	background: #eee
}

.bootstrap-datetimepicker-widget table td>div {
	border-radius: 3px;
	height: 54px;
	line-height: 54px;
	width: 54px;
	text-align: center
}

.bootstrap-datetimepicker-widget table td.cw>div {
	font-size: .8em;
	height: 20px;
	line-height: 20px;
	color: #999
}

.bootstrap-datetimepicker-widget table td.day>div {
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
	position: relative;
	z-index: -1
}

.bootstrap-datetimepicker-widget table td.minute>div,.bootstrap-datetimepicker-widget table td.hour>div {
	border-radius: 50%
}

.bootstrap-datetimepicker-widget table td.day:hover>div,.bootstrap-datetimepicker-widget table td.hour:hover>div,.bootstrap-datetimepicker-widget table td.minute:hover>div,.bootstrap-datetimepicker-widget table td.second:hover>div {
	background: #eee;
	cursor: pointer
}

.bootstrap-datetimepicker-widget table td.old>div,.bootstrap-datetimepicker-widget table td.new>div {
	color: #999
}

.bootstrap-datetimepicker-widget table td.today>div {
	position: relative
}

.bootstrap-datetimepicker-widget table td.today>div:before {
	content: '';
	display: inline-block;
	border: 0 0 7px 7px solid transparent;
	border-bottom-color: var(--color-primary);
	border-top-color: rgba(0,0,0,0.2);
	position: absolute;
	bottom: 4px;
	right: 4px
}

.bootstrap-datetimepicker-widget table td.active>div,.bootstrap-datetimepicker-widget table td.active:hover>div {
	background-color: var(--color-primary);
	color: #FFF;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14),0 7px 10px -5px rgba(33,150,243,0.4)
}

.bootstrap-datetimepicker-widget table td.active.today:before>div {
	border-bottom-color: #FFF
}

.bootstrap-datetimepicker-widget table td.disabled>div,.bootstrap-datetimepicker-widget table td.disabled:hover>div {
	background: none;
	color: #eee;
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 3px 3px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center
}

.bootstrap-datetimepicker-widget table td span:hover {
	background: #eee
}

.bootstrap-datetimepicker-widget table td span.active {
	background-color: var(--color-primary);
	color: #FFF
}

.bootstrap-datetimepicker-widget table td span.old {
	color: #999
}

.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover {
	background: none;
	color: #eee;
	cursor: not-allowed
}

.bootstrap-datetimepicker-widget .timepicker-picker span,.bootstrap-datetimepicker-widget .timepicker-hours span,.bootstrap-datetimepicker-widget .timepicker-minutes span {
	border-radius: 50%!important
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
	height: 27px;
	line-height: 27px
}

.input-group.date .input-group-addon {
	cursor: pointer
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
	padding: 1px;
	text-align: center;
	z-index: 1;
	cursor: pointer
}

select.bs-select-hidden,select.selectpicker {
	display: none!important
}

.bootstrap-select {
	width: 220px \0
}

.bootstrap-select>.dropdown-toggle {
	width: 100%;
	padding-right: 25px;
	z-index: 1
}

.bootstrap-select>select {
	position: absolute!important;
	bottom: 0;
	left: 50%;
	display: block!important;
	width: 0.5px!important;
	height: 100%!important;
	padding: 0!important;
	opacity: 0!important;
	border: none
}

.bootstrap-select>select.mobile-device {
	top: 0;
	left: 0;
	display: block!important;
	width: 100%!important;
	z-index: 2
}

.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle {
	border-color: #b94a48
}

.bootstrap-select.fit-width {
	width: auto!important
}

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

.bootstrap-select.form-control {
	margin-bottom: 0;
	padding: 0;
	border: none
}

.bootstrap-select.form-control:not([class*="col-"]) {
	width: 100%
}

.bootstrap-select.form-control.input-group-btn {
	z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="col-"] {
	float: none;
	display: inline-block;
	margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
	float: right
}

.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group {
	margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control {
	padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
	width: 100%
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a:hover,.bootstrap-select.btn-group .dropdown-menu li.disabled a:focus {
	box-shadow: none
}

.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled {
	cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus {
	outline: none!important
}

.bootstrap-select.btn-group.bs-container {
	position: absolute;
	height: 0!important;
	padding: 0!important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
	z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	text-overflow: ellipsis
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -2px;
	vertical-align: middle
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
	width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
	border-radius: 4px;
	padding: 0;
	min-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	position: static;
	float: none;
	border: 0;
	padding: 5px 0;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-overflow-style: auto
}

.bootstrap-select.btn-group .dropdown-menu li {
	position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
	color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
	cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0
}

.bootstrap-select.btn-group .dropdown-menu li a:focus,.bootstrap-select.btn-group .dropdown-menu li a:hover {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2),0 13px 24px -11px rgba(33,150,243,0.6)
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
	position: relative;
	padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
	display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
	display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
	padding-left: 0.5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
	position: absolute;
	bottom: 5px;
	width: 96%;
	margin: 0 2%;
	min-height: 26px;
	padding: 3px 5px;
	background: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	pointer-events: none;
	opacity: 0.9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
	padding: 3px;
	background: #f5f5f5;
	margin: 0 5px;
	white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
	position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
	position: static;
	top: auto;
	margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	position: absolute;
	display: inline-block;
	right: 15px;
	font-size: 16px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
	margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
	z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(204,204,204,0.2);
	position: absolute;
	bottom: -4px;
	left: 9px;
	display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	bottom: -4px;
	left: 10px;
	display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
	bottom: auto;
	top: -3px;
	border-top: 7px solid rgba(204,204,204,0.2);
	border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
	bottom: auto;
	top: -3px;
	border-top: 6px solid white;
	border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
	right: 12px;
	left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
	right: 13px;
	left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
	display: block
}

.bs-searchbox,.bs-actionsbox,.bs-donebutton {
	padding: 4px 8px
}

.bs-actionsbox {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bs-actionsbox .btn-group button {
	width: 50%
}

.bs-donebutton {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bs-donebutton .btn-group button {
	width: 100%
}

.bs-searchbox+.bs-actionsbox {
	padding: 0 8px 4px
}

.bs-searchbox .form-control {
	margin-bottom: 0;
	width: 100%;
	float: none
}

.select-with-transition {
	border: 0!important;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2);
	background-size: 0 2px,100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom,center calc(100% - 1px);
	background-color: transparent!important;
	transition: background 0s ease-out!important;
	float: none!important;
	box-shadow: none!important;
	border-radius: 0!important;
	color: #3C4858!important;
	height: 34px;
	padding-left: 0!important;
	padding-bottom: 5px!important
}

.select-with-transition .caret,.select-with-transition .ripple-container {
	display: none
}

.btn-group.bootstrap-select.show-tick.open .select-with-transition {
	outline: none!important;
	background-image: linear-gradient(var(--color-primary),var(--color-primary)),linear-gradient(#D2D2D2,#D2D2D2)!important;
	background-size: 100% 2px,100% 1px!important;
	box-shadow: none;
	transition-duration: 0.3s!important
}

.withripple {
	position: relative
}

.ripple-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none
}

.disabled .ripple-container {
	display: none
}

.ripple {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	border-radius: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,0.05);
	transform: scale(1);
	transform-origin: 50%;
	opacity: 0;
	pointer-events: none
}

.ripple.ripple-on {
	transition: opacity 0.15s ease-in 0s,transform 0.5s cubic-bezier(0.4,0,0.2,1) 0.1s;
	opacity: 0.1
}

.ripple.ripple-out {
	transition: opacity 0.1s linear 0s!important;
	opacity: 0
}

.main {
	background: #FFF;
	position: relative;
	z-index: 3
}

.main-raised {
	margin: -60px 30px 0;
	border-radius: 6px;
	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}

.gallery .image img {
	width: 100%
}

.team {
	margin-top: 80px
}

.team .team-player .title {
	margin: 30px auto
}

.team .team-player img {
	max-width: 170px
}


.landing-page .page-header {
	min-height: 100vh
}

.landing-page .page-header .share {
	margin-top: 150px
}

.landing-page .page-header .title {
	color: #FFF
}

.landing-page .wrapper {
	background: #CCC
}

.landing-page .section-contacts {
	padding-top: 0
}

.profile-page .page-header {
	height: 380px;
	background-position: top center
}

.profile-page .profile {
	text-align: center
}

.profile-page .profile img {
	max-width: 160px;
	width: 100%;
	margin: 0 auto;
	-webkit-transform: translate3d(0,-50%,0);
	-moz-transform: translate3d(0,-50%,0);
	-o-transform: translate3d(0,-50%,0);
	-ms-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.profile-page .profile .name {
	margin-top: -80px
}

.profile-page .description {
	margin: 15px auto 0;
	max-width: 600px
}

.profile-page .profile-tabs {
	margin-top: 60px
}

.profile-page .gallery {
	margin-top: 45px;
	padding-bottom: 50px
}

.profile-page .gallery img {
	width: 100%;
	margin-bottom: 30px
}

.profile-page .follow .btn-fab {
	margin-top: -28px
}

.profile-page .card-background .content {
	padding: 30% 0;
	min-width: 160px
}

.profile-page .work {
	padding: 40px 0
}

.profile-page .work .collections {
	margin-top: 20px
}

.profile-page .work .stats ul>li {
	padding: 5px 0;
	font-size: 1em
}

.profile-page .work .stats ul>li b {
	font-size: 1.2em
}

.profile-page .connections {
	padding: 40px 0
}

.profile-page .connections .card-profile {
	text-align: left
}

.blog-post .page-header {
	min-height: 100vh
}

.blog-post .section-text {
	padding-bottom: 0
}

.blog-post .section-text p {
	font-size: 1.35em;
	line-height: 1.5em;
	color: #555;
	margin-bottom: 30px
}

.blog-post .section-blog-info {
	padding-top: 30px;
	padding-bottom: 0
}

.blog-post .section-blog-info .btn {
	margin-top: 0;
	margin-bottom: 0
}

.blog-post .section-blog-info .blog-tags {
	padding-top: 8px
}

.blog-post .section-blog-info .card-profile {
	margin-top: 0;
	text-align: left
}

.blog-post .section-blog-info .card-profile .description {
	font-size: 14px
}

.blog-post .section-blog-info .card-profile .btn {
	margin-top: 25px
}

.blog-post .section-comments .title {
	margin-bottom: 30px
}

.blog-post .media p {
	color: #555
}

.login-page .page-header {
	min-height: 100vh;
	height: auto
}

.login-page .page-header .container {
	padding-top: 20vh
}

.login-page .footer .container {
	padding: 0
}

.login-page .footer .copyright,.login-page .footer a {
	color: #FFF
}

.signup-page .page-header {
	min-height: 100vh;
	height: auto
}

.signup-page .page-header .container {
	padding-top: 20vh
}

.signup-page .card-signup {
	border-radius: 6px;
	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
	margin-bottom: 100px;
	padding: 40px 0
}

.signup-page .info-horizontal {
	padding: 0 0 20px
}

.signup-page .social .btn {
	margin: 5px
}

.signup-page .social h4 {
	margin-top: 20px
}

.signup-page .footer .container {
	padding: 0
}

.signup-page .footer .copyright,.signup-page .footer a {
	color: #FFF
}


.contact-page .contact-content {
	padding-bottom: 40px;
	padding-top: 40px
}

.contact-page .container {
	max-width: 970px
}

.contact-page .big-map {
	height: 55vh;
	width: 100%;
	display: block;
	position: relative
}

.contact-page .message {
	margin-top: 20px
}

.contact-page .info {
	padding-bottom: 10px;
	padding-top: 0
}

.contact-page .info .title {
	margin: 25px 0 10px
}

.product-page {
	background-color: #eee
}

.product-page .page-header {
	min-height: 60vh;
	height: auto;
	background-position: top center
}

.product-page .page-header .container {
	padding-top: 18vh
}

.product-page .main-raised {
	margin: -40vh 0 0;
	padding: 40px
}

.product-page .title-row {
	margin-top: 20px
}

.product-page .tab-content {
	margin: 30px 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	text-align: center
}

.product-page .tab-content img {
	border-radius: 3px;
	max-width: 300px;
	height: auto
}

.product-page .main-price {
	margin: 10px 0 25px
}

.product-page .pick-size {
	margin-top: 50px
}

.product-page .pick-size .form-group {
	margin-top: 5px
}

.product-page h2.title {
	margin-bottom: 0
}

.product-page .flexi-nav {
	margin: 20px 0 30px;
	text-align: center
}

.product-page .flexi-nav>li a {
	width: 80%;
	max-width: 85px;
	margin: 0 auto;
	padding: 8px;
	border: 1px solid transparent;
	background: transparent;
	border-radius: 3px;
	opacity: .8
}

.product-page .flexi-nav>li a:hover,.product-page .flexi-nav>li a:focus,.product-page .flexi-nav>li a:active {
	opacity: 1;
	border-color: #DDD
}

.product-page .flexi-nav>li a img {
	border-radius: 3px;
	width: 100%;
	height: auto;
	text-align: center
}

.product-page .flexi-nav>li.active a {
	opacity: 1;
	border-color: #DDD
}

.product-page .related-products {
	margin-top: 50px
}

.product-page .related-products .title {
	margin-bottom: 80px
}

.product-page .features {
	padding-top: 30px
}

.pricing .page-header .container {
	padding-top: 20vh;
	color: #FFF;
	text-align: center
}

.pricing .page-header .title {
	color: #FFF
}

.pricing .features-2 {
	padding-top: 20px
}

.pricing .features-2 .info {
	padding-top: 50px
}

.ecommerce-page .container {
	position: relative;
	z-index: 2
}

.ecommerce-page .page-header .container {
	padding-top: 20vh;
	color: #FFF;
	text-align: center
}

.ecommerce-page .card-refine .panel-collapse {
	max-height: 273px;
	overflow-y: scroll
}

.ecommerce-page .card-refine .panel-rose a:hover,.ecommerce-page .card-refine .panel-rose a:focus,.ecommerce-page .card-refine .panel-rose a[aria-expanded="true"] {
	color: #e91e63
}

.ecommerce-page .card-refine .panel-body {
	padding-left: 15px;
	padding-right: 15px
}

.ecommerce-page .card-refine .panel-body.panel-refine {
	padding-left: 15px;
	padding-right: 15px
}

.ecommerce-page .card-refine .panel-heading i {
	float: none
}

.ecommerce-page .card-refine .price-right,.ecommerce-page .card-refine .price-left {
	font-weight: 500
}

.ecommerce-page .card-refine .btn {
	margin: -3px 0
}

.ecommerce-page .card-refine .panel {
	margin-bottom: 0
}

.ecommerce-page .card-refine .checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background: #e91e63
}

.ecommerce-page .card-refine .panel-title {
	display: inline-block;
	width: calc(100% - 28px)
}

.ecommerce-page .card-product .price-container {
	margin-top: 9px
}

.ecommerce-page .card-product .btn {
	margin-top: 0
}

.ecommerce-page .card-product .image {
	overflow: hidden;
	border-radius: 6px
}

.about-us .page-header {
	background-size: cover
}

.about-us .page-header .container {
	padding-top: 20vh;
	color: #FFF;
	text-align: center
}

.about-us .page-header .title {
	color: #FFF
}

.about-us .about-description {
	padding: 70px 0 0 0
}

.about-us .about-services {
	padding-top: 10px
}

.about-us .about-office .description {
	margin-bottom: 70px
}

.about-us .about-office img {
	margin: 20px 0
}

.about-us .about-contact {
	padding: 80px 0
}

.about-us .about-contact .description {
	margin-bottom: 70px
}

@media (max-width:768px) {
	.footer .copyright {
		display: inline-block;
		text-align: center;
		padding: 10px 0;
		float: none!important;
		width: 100%
	}



	.main-raised {
		margin-left: 10px;
		margin-right: 10px
	}

	.profile-page .page-header {
		min-height: 40vh;
		height: auto
	}
}

@media (min-width:768px) {
	.presentation-page .section-sections .row {
		margin-left: -20px;
		margin-right: -20px
	}

	.presentation-page .section-sections .container-fluid {
		padding: 0
	}
}

@-webkit-keyframes go-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	to {
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@keyframes go-down {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	to {
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
}

@media (min-width:992px) {
	.navbar .navbar-collapse {
		text-align: center
	}

	.navbar .navbar-center {
		display: inline-block;
		float: none
	}

	.table-responsive {
		overflow: auto
	}
}

@media (max-width:991px) {
	.page-header {
		height: auto;
		min-height: 60vh
	}

	.page-header .iframe-container {
		padding: 30px 0
	}

	.footer nav,.footer .social-area {
		float: none!important
	}

	.card-form-horizontal .form-group {
		padding-bottom: 20px
	}

	.contactus-2 .card-contact {
		margin: 45px 0 0
	}

	.contactus-2 .map {
		height: auto;
		min-height: 910px
	}

	.carousel .page-header {
		padding: 0 30px
	}

	.carousel .buttons {
		margin-bottom: 100px
	}

	.btn.btn-simple,.navbar .navbar-nav>li>a.btn.btn-simple {
		padding-left: 0;
		padding-right: 0;
		text-align: left
	}


}

@media (max-width:767px) {
	h1,.h1,.presentation-page .brand h1 {
		font-size: 3em
	}

	.presentation-page .pro-badge {
		font-size: 14px;
		margin-right: 0;
		right: -47px;
		padding: 4px 8px;
		top: -4px;
		display: inline-block
	}

	.subscribe-line .btn {
		margin-top: 15px
	}
}

@media all and (max-width:768px) {
	#bodyClick {
		height: 100%;
		width: 100%;
		position: fixed;
		opacity: 0;
		top: 0;
		left: auto;
		right: 300px;
		content: "";
		z-index: 1029;
		overflow-x: hidden
	}

	.navbar-header {
		float: none
	}

	.navbar-header .navbar-toggle {
		display: block;
		float: right
	}

	.navbar-collapse {
		position: fixed;
		display: block;
		top: 0;
		height: 100vh;
		width: 250px;
		right: 0;
		margin-right: 0!important;
		z-index: 1032;
		visibility: visible;
		background-color: #999;
		overflow-y: visible;
		border-top: none;
		text-align: left;
		padding-right: 0;
		padding-left: 0;
		max-height: none!important;
		-webkit-transform: translate3d(250px,0,0);
		-moz-transform: translate3d(250px,0,0);
		-o-transform: translate3d(250px,0,0);
		-ms-transform: translate3d(250px,0,0);
		transform: translate3d(250px,0,0);
		-webkit-transition: all 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		-moz-transition: all 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		-o-transition: all 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		-ms-transition: all 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		transition: all 0.5s cubic-bezier(0.685,0.0473,0.346,1)
	}

	.navbar-collapse.collapse {
		height: 100vh!important
	}

	.navbar-collapse ul {
		position: relative;
		z-index: 3;
		overflow-y: auto;
		height: 100%;
		float: none!important;
		margin: 0
	}

	.navbar-collapse .nav>li:after {
		width: calc(100% - 30px);
		content: "";
		display: block;
		height: 1px;
		margin-left: 15px;
		background-color: #e5e5e5
	}

	.navbar-collapse .nav>li:last-child:after {
		display: none
	}

	.navbar-collapse::after {
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		position: absolute;
		background-color: #FFF;
		display: block;
		content: "";
		z-index: 1
	}



	.navbar.navbar-default .navbar-toggle .icon-bar {
		color: inherit
	}

	.navbar .navbar-collapse .caret {
		position: absolute;
		right: 16px;
		margin-top: 8px
	}

	.navbar .navbar-collapse .nav>li {
		padding: 0;
		float: none
	}

	.navbar .navbar-collapse .navbar-nav {
		margin-top: 0
	}

	.navbar .navbar-collapse .navbar-nav>li>a {
		color: var(--color-text1);
		margin: 5px 15px
	}

	.navbar .navbar-collapse .navbar-nav>li>a:hover,.navbar .navbar-collapse .navbar-nav>li>a:focus {
		color: var(--color-text1)
	}

	.navbar .navbar-collapse .navbar-nav>li.button-container>a {
		margin: 15px
	}

	.navbar .navbar-collapse .navbar-nav>li.open>.dropdown-menu {
		padding-bottom: 10px;
		margin-bottom: 5px;
		box-shadow: none
	}

	.navbar .navbar-collapse .open .dropdown-menu.dropdown-with-icons>li>a {
		padding: 12px 20px 12px 35px
	}

	.navbar .navbar-collapse .open .dropdown-menu>li>a {
		color: var(--color-text1);
		margin: 0;
		padding-left: 46px
	}

	.navbar .navbar-collapse .open .dropdown-menu>li>a:hover,.navbar .navbar-collapse .open .dropdown-menu>li>a:focus {
		color: #FFF
	}

	.navbar .navbar-collapse .dropdown-menu li {
		margin: 0 15px
	}

	.navbar .navbar-collapse .dropdown.open .dropdown-menu {
		display: block
	}

	.navbar .navbar-collapse .dropdown .dropdown-menu {
		display: none
	}

	nav .container,nav .navbar-header {
		-webkit-transition: transform 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		-moz-transition: transform 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		-o-transition: transform 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		-ms-transition: transform 0.5s cubic-bezier(0.685,0.0473,0.346,1);
		transition: transform 0.5s cubic-bezier(0.685,0.0473,0.346,1)
	}

	.nav-open nav .navbar-header {
		left: 0;
		-webkit-transform: translate3d(-245px,0,0);
		-moz-transform: translate3d(-245px,0,0);
		-o-transform: translate3d(-245px,0,0);
		-ms-transform: translate3d(-245px,0,0);
		transform: translate3d(-245px,0,0)
	}

	.nav-open .navbar-collapse {
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	.features-5 .container [class*="col-"] {
		border-right: 0;
		border-left: 0
	}

	.features-5 .container .row:last-child [class*="col-"]:last-child,.features-5 .container .row:last-child [class*="col-"]:nth-last-child(2) {
		border-top: 1px solid rgba(255,255,255,0.35)
	}
}

@media all and (max-width:1050px) and (min-width:991px) {
	.main.main-raised .container {
		width: 920px
	}
}

.flag-icon-background {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat
}

.flag-icon {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 1.33333333em;
	line-height: 1em
}

.flag-icon:before {
	content: "\00a0"
}

.flag-icon.flag-icon-squared {
	width: 1em
}



.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after {
	content: "";
	clear: both
}

.ct-label {
	fill: rgba(0,0,0,.4);
	color: rgba(0,0,0,.4);
	font-size: .75rem;
	line-height: 1
}

.ct-grid-background,.ct-line {
	fill: none
}

.ct-chart-bar .ct-label,.ct-chart-line .ct-label {
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.ct-chart-donut .ct-label,.ct-chart-pie .ct-label {
	dominant-baseline: central
}

.ct-label.ct-horizontal.ct-start {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}

.ct-label.ct-horizontal.ct-end {
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}

.ct-label.ct-vertical.ct-start {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	text-align: right;
	text-anchor: end
}

.ct-label.ct-vertical.ct-end {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-anchor: start
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
	-webkit-box-align: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: start
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	text-align: right;
	text-anchor: end
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: flex-start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	text-align: left;
	text-anchor: end
}

.ct-grid {
	stroke: rgba(0,0,0,.2);
	stroke-width: 1px;
	stroke-dasharray: 2px
}

.ct-point {
	stroke-width: 10px;
	stroke-linecap: round
}

.ct-line {
	stroke-width: 4px
}

.ct-area {
	stroke: none;
	fill-opacity: .1
}

.ct-bar {
	fill: none;
	stroke-width: 10px
}

.ct-slice-donut {
	fill: none;
	stroke-width: 60px
}

.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut {
	stroke: #d70206
}

.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie {
	fill: #d70206
}

.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut {
	stroke: #f05b4f
}

.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie {
	fill: #f05b4f
}

.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut {
	stroke: #f4c63d
}

.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie {
	fill: #f4c63d
}

.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut {
	stroke: #d17905
}

.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie {
	fill: #d17905
}

.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut {
	stroke: #453d3f
}

.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie {
	fill: #453d3f
}

.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut {
	stroke: #59922b
}

.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie {
	fill: #59922b
}

.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut {
	stroke: #0544d3
}

.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie {
	fill: #0544d3
}

.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut {
	stroke: #6b0392
}

.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie {
	fill: #6b0392
}

.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut {
	stroke: #f05b4f
}

.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie {
	fill: #f05b4f
}

.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut {
	stroke: #dda458
}

.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie {
	fill: #dda458
}

.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut {
	stroke: #eacf7d
}

.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie {
	fill: #eacf7d
}

.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut {
	stroke: #86797d
}

.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie {
	fill: #86797d
}

.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut {
	stroke: #b2c326
}

.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie {
	fill: #b2c326
}

.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut {
	stroke: #6188e2
}

.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie {
	fill: #6188e2
}

.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut {
	stroke: #a748ca
}

.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie {
	fill: #a748ca
}

.ct-square {
	display: block;
	position: relative;
	width: 100%
}

.ct-square:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 100%
}

.ct-square:after {
	display: table
}

.ct-square>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-minor-second {
	display: block;
	position: relative;
	width: 100%
}

.ct-minor-second:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 93.75%
}

.ct-minor-second:after {
	display: table
}

.ct-minor-second>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-second {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-second:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 88.8888888889%
}

.ct-major-second:after {
	display: table
}

.ct-major-second>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-minor-third {
	display: block;
	position: relative;
	width: 100%
}

.ct-minor-third:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 83.3333333333%
}

.ct-minor-third:after {
	display: table
}

.ct-minor-third>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-third {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-third:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 80%
}

.ct-major-third:after {
	display: table
}

.ct-major-third>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-perfect-fourth {
	display: block;
	position: relative;
	width: 100%
}

.ct-perfect-fourth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 75%
}

.ct-perfect-fourth:after {
	display: table
}

.ct-perfect-fourth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-perfect-fifth {
	display: block;
	position: relative;
	width: 100%
}

.ct-perfect-fifth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 66.6666666667%
}

.ct-perfect-fifth:after {
	display: table
}

.ct-perfect-fifth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-minor-sixth {
	display: block;
	position: relative;
	width: 100%
}

.ct-minor-sixth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 62.5%
}

.ct-minor-sixth:after {
	display: table
}

.ct-minor-sixth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-golden-section {
	display: block;
	position: relative;
	width: 100%
}

.ct-golden-section:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 61.804697157%
}

.ct-golden-section:after {
	content: "";
	display: table;
	clear: both
}

.ct-golden-section>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-sixth {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-sixth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 60%
}

.ct-major-sixth:after {
	display: table
}

.ct-major-sixth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-minor-seventh {
	display: block;
	position: relative;
	width: 100%
}

.ct-minor-seventh:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 56.25%
}

.ct-minor-seventh:after {
	display: table
}

.ct-minor-seventh>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-seventh {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-seventh:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 53.3333333333%
}

.ct-major-seventh:after {
	display: table
}

.ct-major-seventh>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-octave {
	display: block;
	position: relative;
	width: 100%
}

.ct-octave:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 50%
}

.ct-octave:after {
	display: table
}

.ct-octave>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-tenth {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-tenth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 40%
}

.ct-major-tenth:after {
	display: table
}

.ct-major-tenth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-eleventh {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-eleventh:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 37.5%
}

.ct-major-eleventh:after {
	display: table
}

.ct-major-eleventh>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-major-twelfth {
	display: block;
	position: relative;
	width: 100%
}

.ct-major-twelfth:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 33.3333333333%
}

.ct-major-twelfth:after {
	display: table
}

.ct-major-twelfth>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ct-double-octave {
	display: block;
	position: relative;
	width: 100%
}

.ct-double-octave:before {
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 25%
}

.ct-double-octave:after {
	display: table
}

.ct-double-octave>svg {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.xs-p-50 {
	padding: 50px
}

.xs-pt-50 {
	padding-top: 50px
}

.xs-pl-50 {
	padding-left: 50px
}

.xs-pr-50 {
	padding-right: 50px
}

.xs-pb-50 {
	padding-bottom: 50px
}

.xs-m-50 {
	margin: 50px
}

.xs-mt-50 {
	margin-top: 50px
}

.xs-ml-50 {
	margin-left: 50px
}

.xs-mr-50 {
	margin-right: 50px
}

.xs-mb-50 {
	margin-bottom: 50px
}

.xs-p-40 {
	padding: 40px
}

.xs-pt-40 {
	padding-top: 40px
}

.xs-pl-40 {
	padding-left: 40px
}

.xs-pr-40 {
	padding-right: 40px
}

.xs-pb-40 {
	padding-bottom: 40px
}

.xs-m-40 {
	margin: 40px
}

.xs-mt-40 {
	margin-top: 40px
}

.xs-ml-40 {
	margin-left: 40px
}

.xs-mr-40 {
	margin-right: 40px
}

.xs-mb-40 {
	margin-bottom: 40px
}

.xs-p-30 {
	padding: 30px
}

.xs-pt-30 {
	padding-top: 30px
}

.xs-pl-30 {
	padding-left: 30px
}

.xs-pr-30 {
	padding-right: 30px
}

.xs-pb-30 {
	padding-bottom: 30px
}

.xs-m-30 {
	margin: 30px
}

.xs-mt-30 {
	margin-top: 30px
}

.xs-ml-30 {
	margin-left: 30px
}

.xs-mr-30 {
	margin-right: 30px
}

.xs-mb-30 {
	margin-bottom: 30px
}

.xs-p-20 {
	padding: 20px
}

.xs-pt-20 {
	padding-top: 20px
}

.xs-pl-20 {
	padding-left: 20px
}

.xs-pr-20 {
	padding-right: 20px
}

.xs-pb-20 {
	padding-bottom: 20px
}

.xs-m-20 {
	margin: 20px
}

.xs-mt-20 {
	margin-top: 20px
}

.xs-ml-20 {
	margin-left: 20px
}

.xs-mr-20 {
	margin-right: 20px
}

.xs-mb-20 {
	margin-bottom: 20px
}

.xs-p-15 {
	padding: 15px
}

.xs-pt-15 {
	padding-top: 15px
}

.xs-pl-15 {
	padding-left: 15px
}

.xs-pr-15 {
	padding-right: 15px
}

.xs-pb-15 {
	padding-bottom: 15px
}

.xs-m-15 {
	margin: 15px
}

.xs-mt-15 {
	margin-top: 15px
}

.xs-ml-15 {
	margin-left: 15px
}

.xs-mr-15 {
	margin-right: 15px
}

.xs-mb-15 {
	margin-bottom: 15px
}

.xs-p-10 {
	padding: 10px
}

.xs-pt-10 {
	padding-top: 10px
}

.xs-pl-10 {
	padding-left: 10px
}

.xs-pr-10 {
	padding-right: 10px
}

.xs-pb-10 {
	padding-bottom: 10px
}

.xs-m-10 {
	margin: 10px
}

.xs-mt-10 {
	margin-top: 10px
}

.xs-ml-10 {
	margin-left: 10px
}

.xs-mr-10 {
	margin-right: 10px
}

.xs-mb-10 {
	margin-bottom: 10px
}

.xs-p-5 {
	padding: 5px
}

.xs-pt-5 {
	padding-top: 5px
}

.xs-pl-5 {
	padding-left: 5px
}

.xs-pr-5 {
	padding-right: 5px
}

.xs-pb-5 {
	padding-bottom: 5px
}

.xs-m-5 {
	margin: 5px
}

.xs-mt-5 {
	margin-top: 5px
}

.xs-ml-5 {
	margin-left: 5px
}

.xs-mr-5 {
	margin-right: 5px
}

.xs-mb-5 {
	margin-bottom: 5px
}

.xs-p-0 {
	padding: 0
}

.xs-pt-0 {
	padding-top: 0
}

.xs-pl-0 {
	padding-left: 0
}

.xs-pr-0 {
	padding-right: 0
}

.xs-pb-0 {
	padding-bottom: 0
}

.xs-m-0 {
	margin: 0
}

.xs-mt-0 {
	margin-top: 0
}

.xs-ml-0 {
	margin-left: 0
}

.xs-mr-0 {
	margin-right: 0
}

.xs-mb-0 {
	margin-bottom: 0
}

@media (min-width:480px) {
	.sm-p-50 {
		padding: 50px
	}

	.sm-pt-50 {
		padding-top: 50px
	}

	.sm-pl-50 {
		padding-left: 50px
	}

	.sm-pr-50 {
		padding-right: 50px
	}

	.sm-pb-50 {
		padding-bottom: 50px
	}

	.sm-m-50 {
		margin: 50px
	}

	.sm-mt-50 {
		margin-top: 50px
	}

	.sm-ml-50 {
		margin-left: 50px
	}

	.sm-mr-50 {
		margin-right: 50px
	}

	.sm-mb-50 {
		margin-bottom: 50px
	}

	.sm-p-40 {
		padding: 40px
	}

	.sm-pt-40 {
		padding-top: 40px
	}

	.sm-pl-40 {
		padding-left: 40px
	}

	.sm-pr-40 {
		padding-right: 40px
	}

	.sm-pb-40 {
		padding-bottom: 40px
	}

	.sm-m-40 {
		margin: 40px
	}

	.sm-mt-40 {
		margin-top: 40px
	}

	.sm-ml-40 {
		margin-left: 40px
	}

	.sm-mr-40 {
		margin-right: 40px
	}

	.sm-mb-40 {
		margin-bottom: 40px
	}

	.sm-p-30 {
		padding: 30px
	}

	.sm-pt-30 {
		padding-top: 30px
	}

	.sm-pl-30 {
		padding-left: 30px
	}

	.sm-pr-30 {
		padding-right: 30px
	}

	.sm-pb-30 {
		padding-bottom: 30px
	}

	.sm-m-30 {
		margin: 30px
	}

	.sm-mt-30 {
		margin-top: 30px
	}

	.sm-ml-30 {
		margin-left: 30px
	}

	.sm-mr-30 {
		margin-right: 30px
	}

	.sm-mb-30 {
		margin-bottom: 30px
	}

	.sm-p-20 {
		padding: 20px
	}

	.sm-pt-20 {
		padding-top: 20px
	}

	.sm-pl-20 {
		padding-left: 20px
	}

	.sm-pr-20 {
		padding-right: 20px
	}

	.sm-pb-20 {
		padding-bottom: 20px
	}

	.sm-m-20 {
		margin: 20px
	}

	.sm-mt-20 {
		margin-top: 20px
	}

	.sm-ml-20 {
		margin-left: 20px
	}

	.sm-mr-20 {
		margin-right: 20px
	}

	.sm-mb-20 {
		margin-bottom: 20px
	}

	.sm-p-15 {
		padding: 15px
	}

	.sm-pt-15 {
		padding-top: 15px
	}

	.sm-pl-15 {
		padding-left: 15px
	}

	.sm-pr-15 {
		padding-right: 15px
	}

	.sm-pb-15 {
		padding-bottom: 15px
	}

	.sm-m-15 {
		margin: 15px
	}

	.sm-mt-15 {
		margin-top: 15px
	}

	.sm-ml-15 {
		margin-left: 15px
	}

	.sm-mr-15 {
		margin-right: 15px
	}

	.sm-mb-15 {
		margin-bottom: 15px
	}

	.sm-p-10 {
		padding: 10px
	}

	.sm-pt-10 {
		padding-top: 10px
	}

	.sm-pl-10 {
		padding-left: 10px
	}

	.sm-pr-10 {
		padding-right: 10px
	}

	.sm-pb-10 {
		padding-bottom: 10px
	}

	.sm-m-10 {
		margin: 10px
	}

	.sm-mt-10 {
		margin-top: 10px
	}

	.sm-ml-10 {
		margin-left: 10px
	}

	.sm-mr-10 {
		margin-right: 10px
	}

	.sm-mb-10 {
		margin-bottom: 10px
	}

	.sm-p-5 {
		padding: 5px
	}

	.sm-pt-5 {
		padding-top: 5px
	}

	.sm-pl-5 {
		padding-left: 5px
	}

	.sm-pr-5 {
		padding-right: 5px
	}

	.sm-pb-5 {
		padding-bottom: 5px
	}

	.sm-m-5 {
		margin: 5px
	}

	.sm-mt-5 {
		margin-top: 5px
	}

	.sm-ml-5 {
		margin-left: 5px
	}

	.sm-mr-5 {
		margin-right: 5px
	}

	.sm-mb-5 {
		margin-bottom: 5px
	}

	.sm-p-0 {
		padding: 0
	}

	.sm-pt-0 {
		padding-top: 0
	}

	.sm-pl-0 {
		padding-left: 0
	}

	.sm-pr-0 {
		padding-right: 0
	}

	.sm-pb-0 {
		padding-bottom: 0
	}

	.sm-m-0 {
		margin: 0
	}

	.sm-mt-0 {
		margin-top: 0
	}

	.sm-ml-0 {
		margin-left: 0
	}

	.sm-mr-0 {
		margin-right: 0
	}

	.sm-mb-0 {
		margin-bottom: 0
	}
}

@media (min-width:768px) {
	.md-p-50 {
		padding: 50px
	}

	.md-pt-50 {
		padding-top: 50px
	}

	.md-pl-50 {
		padding-left: 50px
	}

	.md-pr-50 {
		padding-right: 50px
	}

	.md-pb-50 {
		padding-bottom: 50px
	}

	.md-m-50 {
		margin: 50px
	}

	.md-mt-50 {
		margin-top: 50px
	}

	.md-ml-50 {
		margin-left: 50px
	}

	.md-mr-50 {
		margin-right: 50px
	}

	.md-mb-50 {
		margin-bottom: 50px
	}

	.md-p-40 {
		padding: 40px
	}

	.md-pt-40 {
		padding-top: 40px
	}

	.md-pl-40 {
		padding-left: 40px
	}

	.md-pr-40 {
		padding-right: 40px
	}

	.md-pb-40 {
		padding-bottom: 40px
	}

	.md-m-40 {
		margin: 40px
	}

	.md-mt-40 {
		margin-top: 40px
	}

	.md-ml-40 {
		margin-left: 40px
	}

	.md-mr-40 {
		margin-right: 40px
	}

	.md-mb-40 {
		margin-bottom: 40px
	}

	.md-p-30 {
		padding: 30px
	}

	.md-pt-30 {
		padding-top: 30px
	}

	.md-pl-30 {
		padding-left: 30px
	}

	.md-pr-30 {
		padding-right: 30px
	}

	.md-pb-30 {
		padding-bottom: 30px
	}

	.md-m-30 {
		margin: 30px
	}

	.md-mt-30 {
		margin-top: 30px
	}

	.md-ml-30 {
		margin-left: 30px
	}

	.md-mr-30 {
		margin-right: 30px
	}

	.md-mb-30 {
		margin-bottom: 30px
	}

	.md-p-20 {
		padding: 20px
	}

	.md-pt-20 {
		padding-top: 20px
	}

	.md-pl-20 {
		padding-left: 20px
	}

	.md-pr-20 {
		padding-right: 20px
	}

	.md-pb-20 {
		padding-bottom: 20px
	}

	.md-m-20 {
		margin: 20px
	}

	.md-mt-20 {
		margin-top: 20px
	}

	.md-ml-20 {
		margin-left: 20px
	}

	.md-mr-20 {
		margin-right: 20px
	}

	.md-mb-20 {
		margin-bottom: 20px
	}

	.md-p-15 {
		padding: 15px
	}

	.md-pt-15 {
		padding-top: 15px
	}

	.md-pl-15 {
		padding-left: 15px
	}

	.md-pr-15 {
		padding-right: 15px
	}

	.md-pb-15 {
		padding-bottom: 15px
	}

	.md-m-15 {
		margin: 15px
	}

	.md-mt-15 {
		margin-top: 15px
	}

	.md-ml-15 {
		margin-left: 15px
	}

	.md-mr-15 {
		margin-right: 15px
	}

	.md-mb-15 {
		margin-bottom: 15px
	}

	.md-p-10 {
		padding: 10px
	}

	.md-pt-10 {
		padding-top: 10px
	}

	.md-pl-10 {
		padding-left: 10px
	}

	.md-pr-10 {
		padding-right: 10px
	}

	.md-pb-10 {
		padding-bottom: 10px
	}

	.md-m-10 {
		margin: 10px
	}

	.md-mt-10 {
		margin-top: 10px
	}

	.md-ml-10 {
		margin-left: 10px
	}

	.md-mr-10 {
		margin-right: 10px
	}

	.md-mb-10 {
		margin-bottom: 10px
	}

	.md-p-5 {
		padding: 5px
	}

	.md-pt-5 {
		padding-top: 5px
	}

	.md-pl-5 {
		padding-left: 5px
	}

	.md-pr-5 {
		padding-right: 5px
	}

	.md-pb-5 {
		padding-bottom: 5px
	}

	.md-m-5 {
		margin: 5px
	}

	.md-mt-5 {
		margin-top: 5px
	}

	.md-ml-5 {
		margin-left: 5px
	}

	.md-mr-5 {
		margin-right: 5px
	}

	.md-mb-5 {
		margin-bottom: 5px
	}

	.md-p-0 {
		padding: 0
	}

	.md-pt-0 {
		padding-top: 0
	}

	.md-pl-0 {
		padding-left: 0
	}

	.md-pr-0 {
		padding-right: 0
	}

	.md-pb-0 {
		padding-bottom: 0
	}

	.md-m-0 {
		margin: 0
	}

	.md-mt-0 {
		margin-top: 0
	}

	.md-ml-0 {
		margin-left: 0
	}

	.md-mr-0 {
		margin-right: 0
	}

	.md-mb-0 {
		margin-bottom: 0
	}
}

@media (min-width:992px) {
	.xl-p-200 {
		padding: 200px
	}

	.xl-pt-200 {
		padding-top: 200px
	}

	.xl-pl-200 {
		padding-left: 200px
	}

	.xl-pr-200 {
		padding-right: 200px
	}

	.xl-pb-200 {
		padding-bottom: 200px
	}

	.xl-m-200 {
		margin: 200px
	}

	.xl-mt-200 {
		margin-top: 200px
	}

	.xl-ml-200 {
		margin-left: 200px
	}

	.xl-mr-200 {
		margin-right: 200px
	}

	.xl-mb-200 {
		margin-bottom: 200px
	}

	.xl-p-150 {
		padding: 150px
	}

	.xl-pt-150 {
		padding-top: 150px
	}

	.xl-pl-150 {
		padding-left: 150px
	}

	.xl-pr-150 {
		padding-right: 150px
	}

	.xl-pb-150 {
		padding-bottom: 150px
	}

	.xl-m-150 {
		margin: 150px
	}

	.xl-mt-150 {
		margin-top: 150px
	}

	.xl-ml-150 {
		margin-left: 150px
	}

	.xl-mr-150 {
		margin-right: 150px
	}

	.xl-mb-150 {
		margin-bottom: 150px
	}

	.xl-p-100 {
		padding: 100px
	}

	.xl-pt-100 {
		padding-top: 100px
	}

	.xl-pl-100 {
		padding-left: 100px
	}

	.xl-pr-100 {
		padding-right: 100px
	}

	.xl-pb-100 {
		padding-bottom: 100px
	}

	.xl-m-100 {
		margin: 100px
	}

	.xl-mt-100 {
		margin-top: 100px
	}

	.xl-ml-100 {
		margin-left: 100px
	}

	.xl-mr-100 {
		margin-right: 100px
	}

	.xl-mb-100 {
		margin-bottom: 100px
	}

	.lg-p-50 {
		padding: 50px
	}

	.lg-pt-50 {
		padding-top: 50px
	}

	.lg-pl-50 {
		padding-left: 50px
	}

	.lg-pr-50 {
		padding-right: 50px
	}

	.lg-pb-50 {
		padding-bottom: 50px
	}

	.lg-m-50 {
		margin: 50px
	}

	.lg-mt-50 {
		margin-top: 50px
	}

	.lg-ml-50 {
		margin-left: 50px
	}

	.lg-mr-50 {
		margin-right: 50px
	}

	.lg-mb-50 {
		margin-bottom: 50px
	}

	.lg-p-40 {
		padding: 40px
	}

	.lg-pt-40 {
		padding-top: 40px
	}

	.lg-pl-40 {
		padding-left: 40px
	}

	.lg-pr-40 {
		padding-right: 40px
	}

	.lg-pb-40 {
		padding-bottom: 40px
	}

	.lg-m-40 {
		margin: 40px
	}

	.lg-mt-40 {
		margin-top: 40px
	}

	.lg-ml-40 {
		margin-left: 40px
	}

	.lg-mr-40 {
		margin-right: 40px
	}

	.lg-mb-40 {
		margin-bottom: 40px
	}

	.lg-p-30 {
		padding: 30px
	}

	.lg-pt-30 {
		padding-top: 30px
	}

	.lg-pl-30 {
		padding-left: 30px
	}

	.lg-pr-30 {
		padding-right: 30px
	}

	.lg-pb-30 {
		padding-bottom: 30px
	}

	.lg-m-30 {
		margin: 30px
	}

	.lg-mt-30 {
		margin-top: 30px
	}

	.lg-ml-30 {
		margin-left: 30px
	}

	.lg-mr-30 {
		margin-right: 30px
	}

	.lg-mb-30 {
		margin-bottom: 30px
	}

	.lg-p-20 {
		padding: 20px
	}

	.lg-pt-20 {
		padding-top: 20px
	}

	.lg-pl-20 {
		padding-left: 20px
	}

	.lg-pr-20 {
		padding-right: 20px
	}

	.lg-pb-20 {
		padding-bottom: 20px
	}

	.lg-m-20 {
		margin: 20px
	}

	.lg-mt-20 {
		margin-top: 20px
	}

	.lg-ml-20 {
		margin-left: 20px
	}

	.lg-mr-20 {
		margin-right: 20px
	}

	.lg-mb-20 {
		margin-bottom: 20px
	}

	.lg-p-15 {
		padding: 15px
	}

	.lg-pt-15 {
		padding-top: 15px
	}

	.lg-pl-15 {
		padding-left: 15px
	}

	.lg-pr-15 {
		padding-right: 15px
	}

	.lg-pb-15 {
		padding-bottom: 15px
	}

	.lg-m-15 {
		margin: 15px
	}

	.lg-mt-15 {
		margin-top: 15px
	}

	.lg-ml-15 {
		margin-left: 15px
	}

	.lg-mr-15 {
		margin-right: 15px
	}

	.lg-mb-15 {
		margin-bottom: 15px
	}

	.lg-p-10 {
		padding: 10px
	}

	.lg-pt-10 {
		padding-top: 10px
	}

	.lg-pl-10 {
		padding-left: 10px
	}

	.lg-pr-10 {
		padding-right: 10px
	}

	.lg-pb-10 {
		padding-bottom: 10px
	}

	.lg-m-10 {
		margin: 10px
	}

	.lg-mt-10 {
		margin-top: 10px
	}

	.lg-ml-10 {
		margin-left: 10px
	}

	.lg-mr-10 {
		margin-right: 10px
	}

	.lg-mb-10 {
		margin-bottom: 10px
	}

	.lg-p-5 {
		padding: 5px
	}

	.lg-pt-5 {
		padding-top: 5px
	}

	.lg-pl-5 {
		padding-left: 5px
	}

	.lg-pr-5 {
		padding-right: 5px
	}

	.lg-pb-5 {
		padding-bottom: 5px
	}

	.lg-m-5 {
		margin: 5px
	}

	.lg-mt-5 {
		margin-top: 5px
	}

	.lg-ml-5 {
		margin-left: 5px
	}

	.lg-mr-5 {
		margin-right: 5px
	}

	.lg-mb-5 {
		margin-bottom: 5px
	}

	.lg-p-0 {
		padding: 0
	}

	.lg-pt-0 {
		padding-top: 0
	}

	.lg-pl-0 {
		padding-left: 0
	}

	.lg-pr-0 {
		padding-right: 0
	}

	.lg-pb-0 {
		padding-bottom: 0
	}

	.lg-m-0 {
		margin: 0
	}

	.lg-mt-0 {
		margin-top: 0
	}

	.lg-ml-0 {
		margin-left: 0
	}

	.lg-mr-0 {
		margin-right: 0
	}

	.lg-mb-0 {
		margin-bottom: 0
	}
}

@media (min-width:1600px) {
	.xl-p-200 {
		padding: 200px
	}

	.xl-pt-200 {
		padding-top: 200px
	}

	.xl-pl-200 {
		padding-left: 200px
	}

	.xl-pr-200 {
		padding-right: 200px
	}

	.xl-pb-200 {
		padding-bottom: 200px
	}

	.xl-m-200 {
		margin: 200px
	}

	.xl-mt-200 {
		margin-top: 200px
	}

	.xl-ml-200 {
		margin-left: 200px
	}

	.xl-mr-200 {
		margin-right: 200px
	}

	.xl-mb-200 {
		margin-bottom: 200px
	}

	.xl-p-150 {
		padding: 150px
	}

	.xl-pt-150 {
		padding-top: 150px
	}

	.xl-pl-150 {
		padding-left: 150px
	}

	.xl-pr-150 {
		padding-right: 150px
	}

	.xl-pb-150 {
		padding-bottom: 150px
	}

	.xl-m-150 {
		margin: 150px
	}

	.xl-mt-150 {
		margin-top: 150px
	}

	.xl-ml-150 {
		margin-left: 150px
	}

	.xl-mr-150 {
		margin-right: 150px
	}

	.xl-mb-150 {
		margin-bottom: 150px
	}

	.xl-p-100 {
		padding: 100px
	}

	.xl-pt-100 {
		padding-top: 100px
	}

	.xl-pl-100 {
		padding-left: 100px
	}

	.xl-pr-100 {
		padding-right: 100px
	}

	.xl-pb-100 {
		padding-bottom: 100px
	}

	.xl-m-100 {
		margin: 100px
	}

	.xl-mt-100 {
		margin-top: 100px
	}

	.xl-ml-100 {
		margin-left: 100px
	}

	.xl-mr-100 {
		margin-right: 100px
	}

	.xl-mb-100 {
		margin-bottom: 100px
	}

	.xl-p-50 {
		padding: 50px
	}

	.xl-pt-50 {
		padding-top: 50px
	}

	.xl-pl-50 {
		padding-left: 50px
	}

	.xl-pr-50 {
		padding-right: 50px
	}

	.xl-pb-50 {
		padding-bottom: 50px
	}

	.xl-m-50 {
		margin: 50px
	}

	.xl-mt-50 {
		margin-top: 50px
	}

	.xl-ml-50 {
		margin-left: 50px
	}

	.xl-mr-50 {
		margin-right: 50px
	}

	.xl-mb-50 {
		margin-bottom: 50px
	}

	.xl-p-40 {
		padding: 40px
	}

	.xl-pt-40 {
		padding-top: 40px
	}

	.xl-pl-40 {
		padding-left: 40px
	}

	.xl-pr-40 {
		padding-right: 40px
	}

	.xl-pb-40 {
		padding-bottom: 40px
	}

	.xl-m-40 {
		margin: 40px
	}

	.xl-mt-40 {
		margin-top: 40px
	}

	.xl-ml-40 {
		margin-left: 40px
	}

	.xl-mr-40 {
		margin-right: 40px
	}

	.xl-mb-40 {
		margin-bottom: 40px
	}

	.xl-p-30 {
		padding: 30px
	}

	.xl-pt-30 {
		padding-top: 30px
	}

	.xl-pl-30 {
		padding-left: 30px
	}

	.xl-pr-30 {
		padding-right: 30px
	}

	.xl-pb-30 {
		padding-bottom: 30px
	}

	.xl-m-30 {
		margin: 30px
	}

	.xl-mt-30 {
		margin-top: 30px
	}

	.xl-ml-30 {
		margin-left: 30px
	}

	.xl-mr-30 {
		margin-right: 30px
	}

	.xl-mb-30 {
		margin-bottom: 30px
	}

	.xl-p-20 {
		padding: 20px
	}

	.xl-pt-20 {
		padding-top: 20px
	}

	.xl-pl-20 {
		padding-left: 20px
	}

	.xl-pr-20 {
		padding-right: 20px
	}

	.xl-pb-20 {
		padding-bottom: 20px
	}

	.xl-m-20 {
		margin: 20px
	}

	.xl-mt-20 {
		margin-top: 20px
	}

	.xl-ml-20 {
		margin-left: 20px
	}

	.xl-mr-20 {
		margin-right: 20px
	}

	.xl-mb-20 {
		margin-bottom: 20px
	}

	.xl-p-15 {
		padding: 15px
	}

	.xl-pt-15 {
		padding-top: 15px
	}

	.xl-pl-15 {
		padding-left: 15px
	}

	.xl-pr-15 {
		padding-right: 15px
	}

	.xl-pb-15 {
		padding-bottom: 15px
	}

	.xl-m-15 {
		margin: 15px
	}

	.xl-mt-15 {
		margin-top: 15px
	}

	.xl-ml-15 {
		margin-left: 15px
	}

	.xl-mr-15 {
		margin-right: 15px
	}

	.xl-mb-15 {
		margin-bottom: 15px
	}

	.xl-p-10 {
		padding: 10px
	}

	.xl-pt-10 {
		padding-top: 10px
	}

	.xl-pl-10 {
		padding-left: 10px
	}

	.xl-pr-10 {
		padding-right: 10px
	}

	.xl-pb-10 {
		padding-bottom: 10px
	}

	.xl-m-10 {
		margin: 10px
	}

	.xl-mt-10 {
		margin-top: 10px
	}

	.xl-ml-10 {
		margin-left: 10px
	}

	.xl-mr-10 {
		margin-right: 10px
	}

	.xl-mb-10 {
		margin-bottom: 10px
	}

	.xl-p-5 {
		padding: 5px
	}

	.xl-pt-5 {
		padding-top: 5px
	}

	.xl-pl-5 {
		padding-left: 5px
	}

	.xl-pr-5 {
		padding-right: 5px
	}

	.xl-pb-5 {
		padding-bottom: 5px
	}

	.xl-m-5 {
		margin: 5px
	}

	.xl-mt-5 {
		margin-top: 5px
	}

	.xl-ml-5 {
		margin-left: 5px
	}

	.xl-mr-5 {
		margin-right: 5px
	}

	.xl-mb-5 {
		margin-bottom: 5px
	}

	.xl-p-0 {
		padding: 0
	}

	.xl-pt-0 {
		padding-top: 0
	}

	.xl-pl-0 {
		padding-left: 0
	}

	.xl-pr-0 {
		padding-right: 0
	}

	.xl-pb-0 {
		padding-bottom: 0
	}

	.xl-m-0 {
		margin: 0
	}

	.xl-mt-0 {
		margin-top: 0
	}

	.xl-ml-0 {
		margin-left: 0
	}

	.xl-mr-0 {
		margin-right: 0
	}

	.xl-mb-0 {
		margin-bottom: 0
	}
}



body {
	font-size: var(--font-size-text);
	background-color: #fff;
	color: var(--color-text1)
}[class*="features-"],[class*="team-"],[class*="projects-"],[class*="pricing-"],[class*="testimonials-"],[class*="contactus-"] {
	padding: 40px 0
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight: 400
}

h1.thinner,h2.thinner,h3.thinner,h4.thinner,h5.thinner,h6.thinner,h1 .thinner,h2 .thinner,h3 .thinner,h4 .thinner,h5 .thinner,h6 .thinner {
	font-weight: 300
}

h1,.h1 {
	font-size: 3em!important;
	line-height: 1.15em!important;
	font-weight: 700!important;
}

p.h1-subline {
	margin: -5px 0 10px
}

h2,.h2 {
	font-size: 1.9em
}

h3,.h3 {
	font-size: 1.7em
}

.dot-net {
	color: var(--color-primary);
	font-weight: 200
}

h1 .material-icons,h2 .material-icons,h3 .material-icons,h4 .material-icons,h5 .material-icons,.h1 .material-icons,.h2 .material-icons,.h3 .material-icons,.h4 .material-icons,.h5 .material-icons {
	position: relative;
	top: 2px
}

@media (max-width:767px) {
	h1,.h1 {
		font-size: 2em;
		margin-top: 10px
	}

	h2,.h2 {
		font-size: 1.6em
	}

	h3,.h3 {
		font-size: 1.5em
	}

	h4,.h4 {
		font-size: 1.2em
	}

	h5,.h5 {
		font-size: 1.1em
	}
}

.clickable {
	cursor: pointer
}

.text-muted {
	color: var(--color-text2)
}

.small,small {
	font-size: var(--font-size-text-small)
}

.tooltip {
	font-size: var(--font-size-text-small)
}

.lead {
	font-size: var(--font-size-text-lead)
}

hr {
	margin: 40px 0
}

@media (max-width:767px) {
	hr {
		margin: 30px 0
	}
}

.navbar.navbar-default {
	box-shadow: none
}


.navbar .navbar-nav>li>a.btn.btn-danger.nav-spam-melden {
	padding: 8px 15px;
	position: relative;
	top: 5px;
	font-size: var(--font-size-text-small)
}

.main-raised {
	margin: -60px 0 0 0;
	box-shadow: none;
	border-radius: 0
}

a {
	font-weight: 400
}

.section {
	padding-top: 20px;
	padding-bottom: 20px
}

.cta-section {
	padding: 30px 0
}

.cta-section .btn {
	margin: 0 50px 0 0
}

.cta-section .text-center a.btn {
	margin: 0
}

@media (max-width:767px) {
	.cta-section {
		padding: 25px 0 0 0;
		text-align: center
	}

	.cta-section .btn {
		margin: 0 0 25px 0!important;
		display: block
	}
}

.btn,.navbar .navbar-nav>li>a.btn {
	border-radius: 8px;
	padding: 12px 20px
}

.btn.btn-lg {
	padding: 10px 18px;
	font-size: var(--font-size-text-lead)
}

.btn.btn-lg i {
	line-height: 26px;
	font-size: 30px;
	margin-right: 5px
}

.btn.btn-white {
	color: #444
}

.btn.btn-white:hover {
	color: #000
}

.btn .material-icons {
	margin-right: 5px
}

.form-group.form-group-lg {
	margin-top: 20px
}

.well {
	border: none
}

.material-icons {
}

.material-icons.pos-rel-top3 {
	position: relative;
	top: 3px
}

.breadcrumbs-container {
}

.breadcrumbs-container .breadcrumb {
	padding: 0;
	background: none;
	margin: 30px 0 0 0;
	font-size: var(--font-size-breadcrumb)
}

.breadcrumbs-container .breadcrumb>li+li:before {
	padding: 0 6px;
	color: #ccc;
	content: "\f105";
	font-family: FontAwesome
}

.breadcrumbs-container .breadcrumb li:nth-child(2):before {
	content: "";
	padding: 0 2px
}

.breadcrumbs-container .breadcrumb li a {
}

.breadcrumbs-container .breadcrumb li a:hover {
}

.breadcrumbs-container .breadcrumb li {
	color: #555
}

.breadcrumbs-container .breadcrumb li.active {
	color: var(--color-text2)
}

.cursor-default {
	cursor: default
}

@media (min-width:992px) {
	.navbar-right {
		margin-right: 0
	}

	.container {
		padding-right: 25px;
		padding-left: 25px
	}
}

@media (min-width:768px) and (max-width:991px) {
	.container {
		padding-right: 0;
		padding-left: 0
	}
}

@media (max-width:767px) {
	.navbar-collapse {
		width: 280px;
		-webkit-transform: translate3d(280px,0,0);
		-moz-transform: translate3d(280px,0,0);
		-o-transform: translate3d(280px,0,0);
		-ms-transform: translate3d(280px,0,0);
		transform: translate3d(280px,0,0)
	}

	.nav-open nav .navbar-header {
		transform: translate3d(-275px,0,0)
	}

	.navbar .navbar-collapse .navbar-nav>li>a {
		margin: 0;
		font-size: var(--font-size-text);
		text-transform: none;
		padding: 20px 5px 20px 15px;
		position: relative
	}

	.navbar .navbar-collapse .navbar-nav>li>a .material-icons {
		position: absolute;
		top: 22px;
		left: 15px
	}

	.navbar .navbar-collapse .navbar-nav>li>a .material-icons.text-muted {
		color: #bbb
	}

	.navbar-collapse .nav>li:after {
		width: 100%;
		margin: 0
	}

	.navbar-collapse .navbar-right {
		border-left: 1px solid #eee
	}
}

.navbar-brand {
	font-size: var(--font-size-logo)!important;
	font-weight: 400
}



.header-form {
	background: white;
	padding: 10px 10px 10px 5px;
	margin: 20px 0 15px 0;

}

.page-header-homepage .header-form {
	border: none
}

.header-form .form-group {
	display: inline-block;
	width: 93%;
	margin: 0;
	padding: 0
}

.header-form .form-group .form-control {
	margin: 0;
	padding: 0;
	height: auto;
	background-image: none
}

.header-form .form-group input {
	font-size: 26px;
	position: relative;
	top: 4px
}

.header-form button {
	display: inline-block;
	position: relative;
	top: -2px;
	left: 5px
}

.header-form button .material-icons {
	font-size: 22px!important
}

.info {
	padding: 30px 0
}

@media (min-width:768px) {
	.features-4 .info-horizontal .icon {
		position: relative;
		left: -10px;
		top: 2px
	}
}

@media (max-width:767px) {
	.info {
		padding: 15px 0
	}
}

.features-4 .info:first-child {
	padding-top: 50px
}

@media (max-width:767px) {
	.features-4 .info:first-child {
		padding-top: 10px
	}

	.features-4 .info-horizontal .icon {
		margin: 24px 20px 0 10px
	}
}

.header-form .form-group input::-webkit-input-placeholder {
	font-size: 26px
}

.header-form .form-group input:-ms-input-placeholder {
	font-size: 26px
}

.header-form .form-group input::-moz-placeholder {
	font-size: 26px
}

.header-form .form-group input:-moz-placeholder {
	font-size: 26px
}

@media (max-width:991px) {
	.page-header {
		height: auto;
		min-height: auto
	}

	.page-header .container h1 {
		font-size: 4.4em;
		margin-top: 100px
	}
}

@media (max-width:767px) {
	.navbar {
		padding: 5px 0
	}

	.page .page-header {
		height: 255px;
		padding-top: 60px
	}

	.page-header .container {
		padding-top: 25px
	}

	.page-header .container h1 {
		font-size: 3em!important;
		margin-top: 10px!important;
	}

	.header-form {
		margin: 0 0 10px 0;
		padding: 5px 5px 7px 5px
	}

	.header-form .form-group {
		width: 85%
	}

	.header-form .form-group input {
		font-size: 22px;
		margin: 0 -10px
	}

	.header-form .form-group input::-webkit-input-placeholder {
		font-size: 22px
	}

	.header-form .form-group input:-ms-input-placeholder {
		font-size: 22px
	}

	.header-form .form-group input::-moz-placeholder {
		font-size: 22px
	}

	.header-form .form-group input:-moz-placeholder {
		font-size: 22px
	}

	.header-form button {
		display: inline-block;
		position: relative;
		top: -2px;
		left: 5px;
		height: 30px!important;
		width: 30px!important;
		min-width: 30px!important
	}

	.page-header h3.title {
		font-size: 1.2em;
		font-weight: 300
	}
}

@media (max-width:400px) {
	.page-header .container h1 {
		font-size: 2.4em!important;
		margin-top: 10px!important;
		margin-left: -10px!important;
		margin-right: -10px!important;
	}
}




.spam-anruf-melden {
}

.spam-anruf-melden .radio label {
	color: #333;
	font-size: var(--font-size-text)
}

.spam-anruf-melden .radio label i {
	font-style: normal
}

.spam-anruf-melden #beschreibung {
	background: #fff;
	padding: 2px 10px 0
}

.spam-anruf-melden #beschreibung .form-group {
	padding: 0;
	margin: 0
}

.spam-anruf-melden #beschreibung .form-group textarea {
	font-size: var(--font-size-text);
	background: #fff
}

.spam-anruf-melden .form-group input.white {
	font-size: var(--font-size-text);
	background: #fff
}

.spam-anruf-melden .name-ort {
}

.spam-anruf-melden .name-ort .form-group {
	padding: 0;
	margin: 20px 0
}

.spam-anruf-melden .name-ort .form-group.label-floating label.control-label {
	left: 10px
}

.spam-anruf-melden .name-ort input {
	padding: 7px 10px
}

.spam-anruf-melden .hidden-name-ort {
	display: none
}

.spam-anruf-melden .btn.btn-fab {
	opacity: 0.8;
	margin: 10px 0 20px 0
}

.spam-anruf-melden .btn.btn-fab:hover {
	opacity: 1
}

@media (max-width:767px) {
	.spam-anruf-melden .radio {
		padding: 5px 0
	}

	.spam-anruf-melden .radio label {
		font-size: var(--font-size-text-lead)
	}

	.spam-anruf-melden .radio label i {
		position: relative;
		top: -2px
	}

	.spam-anruf-melden .input-group .input-group-addon {
		padding: 6px 15px 0 0
	}
}

.bg-serioes1,.bg-serioes1:hover {
	background: var(--color-red)
}

.bg-serioes2,.bg-serioes2:hover {
	background: #f96818
}

.bg-serioes3,.bg-serioes3:hover {
	background: #fd8405
}

.bg-serioes4,.bg-serioes4:hover {
	background: #ff9f01
}

.bg-serioes5,.bg-serioes5:hover {
	background: #ffbe10
}

.bg-serioes6,.bg-serioes6:hover {
	background: #ffdb27
}

.bg-serioes7,.bg-serioes7:hover {
	background: #ffea3a
}

.bg-serioes8,.bg-serioes8:hover {
	background: #dae443
}

.bg-serioes9,.bg-serioes9:hover {
	background: #9cce4a
}

.bg-serioes10,.bg-serioes10:hover {
	background: var(--color-green)
}

.color-serioes1 {
	color: var(--color-red)
}

.color-serioes2 {
	color: #f96818
}

.color-serioes3 {
	color: #fd8405
}

.color-serioes4 {
	color: #ff9f01
}

.color-serioes5 {
	color: #ffbe10
}

.color-serioes6 {
	color: #ffdb27
}

.color-serioes7 {
	color: #ffea3a
}

.color-serioes8 {
	color: #dae443
}

.color-serioes9 {
	color: #9cce4a
}

.color-serioes10 {
	color: var(--color-green)
}

.eintrag {
	padding: 20px 10px 15px 95px;
	position: relative;
	overflow: hidden;
	min-height: 95px
}

.eintrag.eintrag-small {
	padding: 17px 10px 10px 89px;
	min-height: 76px
}

.eintrag .btn.btn-fab {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 13px 0;
	text-align: center
}

.eintrag.eintrag-small .btn.btn-fab {
	position: absolute;
	top: 18px;
	left: 15px;
	padding: 6px 0;
	height: 40px;
	min-width: 60px;
	width: 60px
}

.eintrag.eintrag-small .btn.btn-fab i.material-icons {
	font-size: 22px
}

.eintrag.eintrag-small .btn.btn-fab i.fa-address-book {
	font-size: 18px;
	position: relative;
	top: -9px;
	left: 1px
}

.eintrag h3 {
	margin: -6px 0 5px 0;
	margin: 0 0 0 0;
	font-size: 1.5em;
	color: var(--color-text1);
	font-weight: 700
}

.eintrag.eintrag-small h3 {
	margin: -5px 0 0 0;
	font-size: 1.6em;
	height: 29px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.eintrag.eintrag-small small {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.eintrag h4 {
	margin: -1px 5px 5px 10px;
	font-size: 1.3em;
	float: right;
	font-weight: 400;
	color: var(--color-text2)
}

.eintrag p {
	margin: 0
}

.eintrag p.beschreibung {
	margin: 5px 0 0 0
}

.eintrag .typ {
	background: #e5e5e5;
	border-radius: 4px;
	padding: 3px 8px;
	display: inline-block;
	margin: 0 0 8px 0;
	font-weight: 400
}

.eintrag small.text-muted {
	display: block;
	margin: 0 0 0 0
}

.eintrag small.text-muted i.material-icons {
	position: relative;
	top: 6px;
	margin-right: 2px
}

.eintrag small.text-muted span.name,.eintrag small.text-muted span.ort {
	color: #3C4858;
	padding: 0 4px
}

@media (max-width:767px) {
	.eintrag {
		padding: 20px 10px 15px 75px
	}

	.eintrag .btn.btn-fab {
		position: absolute;
		left: 20px;
		top: 15px;
		min-width: 40px;
		width: 40px;
		height: 40px;
		padding: 8px 0;
		font-size: 20px
	}

	.eintrag p.beschreibung {
		margin-left: -55px;
		margin-bottom: 5px
	}

	.eintrag:not(.eintrag-small) small.text-muted {
		margin-left: -55px
	}

	.eintrag.eintrag-small .btn.btn-fab i.fa-address-book {
		top: -6px;
		left: 0
	}
}

.meldung {
	border-radius: 0;
	padding: 15px 20px;
	overflow: hidden
}

.meldung.green {
	border-top: 3px solid var(--color-green)
}

.meldung.yellow {
	border-top: 3px solid var(--color-yellow)
}

.meldung.red {
	border-top: 3px solid var(--color-red)
}

.meldung h3 {
	margin: 0 0 0 0;
	font-size: 1.5em;
	color: var(--color-text1);
	font-weight: 600
}

.meldung h4 {
	display: inline;
	font-weight: 400;
	font-size: var(--font-size-text);
	color: var(--color-black)
}

.meldung p {
	display: inline;
	font-size: var(--font-size-text);
	color: var(--color-text1)
}

.meldung small {
	margin: 12px 0 0 0;
	display: block;
	font-size: var(--font-size-text-small);
	color: var(--color-text2)
}

.meldung small .datum,.meldung small .name,.meldung small .ort {
	color: var(--color-text1);
	font-weight: 400
}

.meldung small h5 {
	display: inline;
	font-size: var(--font-size-text-small);
	color: var(--color-text2);
	font-weight: 300;
	float: right;
	margin: 0
}

.meldung.rufnummer-zusammenfassung {
	padding: 20px 10px 15px 95px;
	position: relative;
	overflow: hidden;
	min-height: 95px
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 13px 0;
	text-align: center
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 31px;
	width: 31px;
	font-size: 31px;
	margin: 0
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab.green {
	background: var(--color-green)
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab.green .material-icons {
	top: 41%;
	left: 47%
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab.yellow {
	background: var(--color-yellow)
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab.yellow .material-icons {
	top: 20%;
	left: 25%;
	-webkit-transform: scaleX(-1) rotate(90deg);
	transform: scaleX(-1) rotate(90deg)
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab.red {
	background: var(--color-red);
	color: #fff;
}

.meldung.rufnummer-zusammenfassung .btn.btn-fab.red .material-icons {
	top: 25%;
	left: 25%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.zusammenfassung {

	box-shadow: none
}

.zusammenfassung h3.typ {
	margin: 0 0 30px 0;
	line-height: normal;
	text-align: center;
	font-size: 1.7em
}

.zusammenfassung h3.typ a {
	background: var(--color-primary);
	color: #fff;
	border-radius: 8px;
	padding: 5px 15px;
	display: inline-block;
	margin: 0 0 5px 5px;
	font-weight: 400;
	font-size: 0.9em
}

.zusammenfassung h3.typ.typ-muted a {
	background: #999;
	color: #fff
}

.zusammenfassung .btn.btn-fab {
	height: 90px;
	width: 90px;
	min-width: 90px;
	padding: 15px 0;
	text-align: center;
	font-size: 40px;
	cursor: default
}

.zusammenfassung .btn.btn-fab i.material-icons {
	font-size: 50px;
	line-height: 50px;
	width: 50px;
	transform: translate(-25px,-25px)
}

.zusammenfassung .subline {
	color: #888;
	display: block;
	padding: 5px 0 0 0;
	font-size:20px;
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet {
	cursor: default
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet .material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 50px;
	width: 50px;
	font-size: 50px;
	margin: 0
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet.bg-serioes {
	background: var(--color-green)
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet.bg-serioes .material-icons {
	top: 35%;
	left: 40%
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet.bg-neutral {
	background: var(--color-yellow)
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet.bg-neutral .material-icons {
	top: 20%;
	left: 25%;
	-webkit-transform: scaleX(-1) rotate(90deg);
	transform: scaleX(-1) rotate(90deg)
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet.bg-unserioes {
	background: var(--color-green);
	color:#fff;
}

.zusammenfassung .btn.btn-fab.zusammenfassung-serioesitaet.bg-unserioes .material-icons {
	top: 25%;
	left: 25%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.zusammenfassung .btn.btn-fab.zusammenfassung-meldungen {
}

.zusammenfassung .btn.btn-fab.zusammenfassung-meldungen.over-thousand {
	font-size: 30px;
	padding: 27px 0
}

.zusammenfassung .btn.btn-fab.zusammenfassung-telefonbuch {
}

.zusammenfassung .flag-icon-squared {
	height: 90px;
	width: 90px;
	border: 1px solid #eee
}

.zusammenfassung .flag-icon-squared:hover {
	box-shadow: 0 14px 26px -12px rgba(153,153,153,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(153,153,153,0.2);
	transition: box-shadow 0.2s cubic-bezier(0.4,0,1,1),background-color 0.2s cubic-bezier(0.4,0,0.2,1);
	transition-property: box-shadow,background-color;
	transition-duration: 0.2s,0.2s;
	transition-timing-function: cubic-bezier(0.4,0,1,1),cubic-bezier(0.4,0,0.2,1);
	transition-delay: initial,initial
}



.well-bewertung {
	background: var(--color-background2);
	margin: 5px 0 20px 0;
	padding: 30px 10px;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well-bewertung h4 {
	margin: 0 0 30px 0
}

.well-bewertung .buttons {
	display: inline-block;
	text-align: center;
	cursor: pointer
}

.well-bewertung .buttons h5 {
	margin: 10px 0 0 0;
	color: var(--color-primary);
	border: 1px solid var(--color-background1);
	border-radius: 8px;
	font-size: var(--font-size-text);
	display: inline-block;
	padding: 2px 7px 0 7px
}

.well-bewertung .buttons:hover h5 {
	color: var(--color-white);
	background: var(--color-primary);
	cursor: pointer
}

.well-bewertung .btn.btn-fab {
	display: block;
	position: relative;
	font-size: 18px;
	height: 70px;
	min-width: 70px;
	width: 70px;
	opacity: 1;
	margin: 0 3px 0 2px;
	box-shadow: 0 14px 26px -12px rgba(153,153,153,0.42),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(153,153,153,0.2);
	padding-bottom: 10px
}

.well-bewertung .buttons .btn.btn-fab {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: relative;
	top: 0
}

.well-bewertung .buttons:hover .btn.btn-fab {
	position: relative;
	top: -10px
}

.well-bewertung .btn.btn-fab i.material-icons {
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 40px;
	width: 40px;
	font-size: 40px
}

.well-bewertung .btn.btn-fab:hover .material-icons,.well-bewertung .btn.btn-fab.hovered .material-icons {
}

.well-bewertung .btn.btn-fab .material-icons {
	margin: 0
}

.well-bewertung .btn.btn-fab.bg-serioes {
	background: var(--color-green)
}

.well-bewertung .btn.btn-fab.bg-serioes .material-icons {
	top: 35%;
	left: 40%
}

.well-bewertung .btn.btn-fab.bg-neutral {
	background: var(--color-yellow)
}

.well-bewertung .btn.btn-fab.bg-neutral .material-icons {
	top: 20%;
	left: 25%;
	-webkit-transform: scaleX(-1) rotate(90deg);
	transform: scaleX(-1) rotate(90deg)
}

.well-bewertung .btn.btn-fab.bg-unserioes {
	background: var(--color-red)
}

.well-bewertung .btn.btn-fab.bg-unserioes .material-icons {
	top: 25%;
	left: 25%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}



.neue-kommentare {
	margin: 0 0 40px 0
}

.neue-kommentare p {
	padding-left: 35px;
	position: relative;
	margin: 0 0 15px 0
}

.neue-kommentare p .material-icons {
	position: absolute;
	left: -5px;
	top: -5px;
	font-size: 34px
}

.neue-kommentare p.serioes .material-icons {
	color: var(--color-green)
}

.neue-kommentare p.neutral .material-icons {
	color: var(--color-yellow)
}

.neue-kommentare p.unserioes .material-icons {
	color: var(--color-red)
}

.table-details {
	table-layout: auto
}

.table-details td,.table-details th {
	padding: 8px 8px 8px 0!important
}

.table-details th {
	font-weight: 800;
	padding-right: 25px!important
}

.table-details td {
	overflow-wrap: break-word;
	word-break: break-all;
	width: 100%;
	font-weight: 500;
}

.table-details>tbody>tr:last-child {
	border-bottom: 1px solid #ddd
}

.table-einschaetzung {
}

.table-einschaetzung td,.table-einschaetzung th {
	height: 25px;
	padding: 8px 10px 8px 0!important
}

.table-einschaetzung td.with-border,.table-einschaetzung th.with-border {
	border-bottom: 1px solid #ddd
}

.table-einschaetzung th {
	width: 230px
}

.table-einschaetzung th h4 {
	font-size: 18px;
	font-weight: 400;
	margin: 0
}

.table-einschaetzung th small {
	font-size: var(--font-size-text-small);
	display: block;
	color: var(--color-text2);
	font-weight: normal
}

.table-einschaetzung td div.balken {
	height: 32px;
	background: var(--color-primary);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px
}

.reine-bewertungen-serioesitaet {
}

.reine-bewertungen-serioesitaet .eintrag {
	opacity: 0.6
}

.reine-bewertungen-serioesitaet .eintrag:hover {
	opacity: 1
}

.ct-chart {
	height: 240px
}

.ct-series-a .ct-line,.ct-series-a .ct-point {
	stroke: var(--color-primary)
}

.ct-series-a .ct-area {
	fill: var(--color-background2);
	fill-opacity: 1
}

.ct-label {
	fill: var(--color-text2);
	color: var(--color-text2);
	font-size: 1.2rem;
	line-height: 1
}

.ct-label.ct-vertical {
	position: relative;
	top: 5px
}

.ct-label.ct-horizontal {
	padding-top: 10px;
	position: relative;
	left: -15px
}

.laendervorwahl-flag {
	display: block;
}

#map {
	height: 400px;
	margin: 0 0 20px 0;
	border: 8px solid var(--color-background2)
}

#map.h-300 {
	height: 300px
}

#map.h-350 {
	height: 350px
}

#heatmap {
	height: 400px;
	margin: 0 0 20px 0;
	border: 8px solid var(--color-background2)
}

@media (max-width:767px) {
	#map,#heatmap {
		height: 300px
	}
}

.thank-you-keyvisual {
	text-align: center;
	margin: 60px 0
}

.thank-you-keyvisual i.material-icons {
	font-size: 8em
}

@media (max-width:767px) {
	.thank-you-keyvisual {
		text-align: center;
		margin: 30px 0
	}

	.thank-you-keyvisual i.material-icons {

		font-size: 6.5em
	}
}



@media (max-width:767px) {
	footer ul li a {
		font-size: var(--font-size-text)
	}

	footer h5 {
		margin: 30px 0 10px 0
	}
}

.ads-head {
	margin: 20px 0
}

.ads-content {
	margin: 30px 0
}

.ads-content.meldung {
	margin: 20px 0;
	padding: 0
}

.ads-content.meldung-and-cta {
	margin: 5px 0 20px 0;
	padding: 0
}

@media (max-width:767px) {
	.ads-head {
		margin: 20px 0
	}
}

.cc_container {
	margin: 0 -1px -1px -1px;
	padding: 10px 20px!important
}

.cc_container .cc_message {
	color: #999;
	margin-top: 0;
	font-size: 1em!important
}

.cc_container .cc_more_info {
	color: #666!important
}

.cc_container .cc_btn {
	background: #ddd!important;
	color: #666!important;
	width: auto!important;
	padding: 10px 25px!important;
	font-size: 1.2em!important
}

@media screen and (max-width:767px) {
	.cc_container {
		padding: 10px 15px!important
	}

	.cc_container .cc_message {
		font-size: 0.8em!important;
		margin: 0!important
	}

	.cc_container .cc_btn {
		font-size: 1em!important;
		margin: 0 0 0 25px!important;
		padding: 12px 25px!important
	}
	
	.done{display: none;}

}



/*-------------����---------------------*/

.page .page-header.without-search {
	height: 150px!important;
	min-height: 150px!important
}

.page .page-header {
	height: 335px;
	overflow: hidden;
	background-image: url(../images/map.jpg);
}

.page .page-header.page-header-homepage {
	background-color: #030303;
	background-image: url(../images/banner_bg.jpg);
	background-position: center;
	background-repeat: no-repeat
}

.page .header-filter:after {
	background: rgba(0,0,0,0.75)
}

.h670{
height:670px!important;

}


.navbar {
	border: 0;
	padding: 10px 0
}

.navbar .navbar-brand {
	position: relative;
	height: 50px;
	line-height: 30px;
	color: inherit;
	padding: 10px 15px
}

.navbar .navbar-brand:hover,.navbar .navbar-brand:focus {
	color: inherit;
	background-color: transparent
}

.navbar .navbar-text {
	color: inherit;
	margin-top: 15px;
	margin-bottom: 15px
}

.navbar .navbar-nav>li>a {
	color: inherit;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px
}

.navbar .navbar-nav>li>a:hover,.navbar .navbar-nav>li>a:focus {
	color: inherit;
	background-color: transparent
}

.navbar .navbar-nav>li>a .material-icons,.navbar .navbar-nav>li>a .fa {
	font-size: 20px;
	max-width: 24px
}

.navbar .navbar-nav>li>a:not(.btn-just-icon) .fa {
	position: relative;
	top: 2px;
	margin-top: -4px;
	margin-right: 4px
}

.navbar .navbar-nav>li>.dropdown-menu {
	margin-top: -20px
}

.navbar .navbar-nav>li.open>.dropdown-menu {
	margin-top: 0
}

.navbar .navbar-nav>.active>a,.navbar .navbar-nav>.active>a:hover,.navbar .navbar-nav>.active>a:focus {
	color: inherit;
	background-color: rgba(255,255,255,0.1)
}

.navbar .navbar-nav>.disabled>a,.navbar .navbar-nav>.disabled>a:hover,.navbar .navbar-nav>.disabled>a:focus {
	color: inherit;
	background-color: transparent;
	opacity: 0.9
}

.navbar .navbar-nav .profile-photo {
	padding: 0
}

.navbar .navbar-nav .profile-photo .profile-photo-small {
	height: 40px;
	width: 40px
}

.navbar .navbar-nav .caret {
	margin-top: -3px
}

.navbar .navbar-toggle {
	border: 0
}

.navbar .navbar-toggle:hover,.navbar .navbar-toggle:focus {
	background-color: transparent
}

.navbar .navbar-toggle .icon-bar {
	background-color: inherit;
	border: 1px solid;
	color: #FFF
}

.navbar .navbar-default .navbar-toggle,.navbar .navbar-inverse .navbar-toggle {
	border-color: transparent
}

.navbar .navbar-collapse,.navbar .navbar-form {
	border-top: none;
	box-shadow: none
}

.navbar .navbar-nav>.open>a,.navbar .navbar-nav>.open>a:hover,.navbar .navbar-nav>.open>a:focus {
	background-color: transparent;
	color: inherit
}


.navbar, .navbar.navbar-default {
    background-color: #FFF;
    color: #555;
    box-shadow: 0 2px 2px 0 rgba(135, 132, 132, 0.1),0 4px 3px -3px rgba(230, 230, 230, 0.2);
}

.butbg{
background-color: #d70801!important;
color:#fff!important;
}

.butt{
    padding: 12px 30px;
    border-radius: 1.375em!important;
    font-weight: 700!important;
    background: #fcc900;
    display: inline-flex;
    align-items: center;
    text-align: center;
    color: #171717;
    font-size: 1.4em!important;
	white-space: inherit;
}

.map{
width:540px;
height:250px;
}


@media (max-width:767px) {
	.well-bewertung {
		margin: 0 0 30px 0
	}
	
	.h670{
   height:420px!important;

}
.map{
width:100%;
height:150px;
}

	.zusammenfassung .col-md-4 {
    width: 33.33333333%;
	float: left;
}

.modal .modal-dialog {
	margin-top: 100px
}

.page-header .container h2 {
    font-size: 1em!important;

}

}


@media (max-width:468px) {
	.zusammenfassung .col-md-4  {
	width:50%;
	float: left;
	}

.modal .modal-dialog {
	margin-top: 20px
}
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .9!important;

}

.bodyys ul {
    float: left;
	padding:0 14px;
}