.wrapper-inner, body, html {
	max-width: 100%
}

.row, .wrapper {
	width: 100%
}

.column>:first-child, .row {
	margin-top: 0
}

.column[class*=push-], .column[class*=pull-], .nav-bar-inner, .navigation ul li {
	position: relative
}

.overlay-navigation ul li a, .side-navigation ul li a {
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	word-wrap: break-word
}

.page-fade-out, .side-navigation-wrapper, .thumbnail .overlay-info, .wrapper {
	-webkit-backface-visibility: hidden
}

pre, pre code {
	white-space: pre-wrap
}

#tml-caption, .tms-caption {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none
}

html {
	font-size: 62.5%
}

body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-style: normal;
	overflow-x: hidden !important;
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.row, .wrapper, .wrapper-inner {
	margin-right: auto;
	margin-left: auto
}

.clear, .wrapper, .wrapper-inner {
	overflow: hidden
}

.page-fade-reset {
	opacity: 1;
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.page-fade-out {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.row, body.boxed .wrapper-inner {
	max-width: 114rem
}

.row {
	margin-bottom: 0
}

.ie-browser .row {
	max-width: 1140px
}

.row.full-width {
	max-width: 100%
}

.row .row {
	width: auto;
	margin-right: -1.5rem;
	margin-left: -1.5rem
}

.column {
	position: relative;
}

.column, [class*=content-grid] .grid-item {
	width: 100%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left
}

.row.collapse>.column {
	padding-left: 0;
	padding-right: 0
}

.row.flex {
	height: auto;
	display: flex;
	flex-wrap: wrap
}

.row.flex.boxes>.column, .row.flex.boxes>.v-align-middle, .row.flex>.v-align-middle, .row.flex>.v-align-middle>.box {
	height: auto;
	display: inherit
}

.row.flex>.column>div {
	width: 100%;
	flex-direction: column
}

.row.flex .row.flex {
	flex-direction: row
}

@media only screen and (min-width:768px) {
	.row.flex .v-align-middle>:not(.box ), .row.flex.boxes .v-align-middle > div >:not(.box ) {
		height: auto;
		margin-top: auto;
		margin-bottom: auto
	}
	.ie-browser:not(.webkit ) .flex >.column {
		align-items: center
	}
}

.row.flex:after, .row.flex:before {
	content: "";
	display: none
}

.row.small {
	padding: 3rem 0
}

.row.medium {
	padding: 5rem 0
}

.row.large {
	padding: 7rem 0
}

.row.xlarge {
	padding: 9rem 0
}

.width-1 {
	width: 8.33333%
}

.width-2 {
	width: 16.66667%
}

.width-3 {
	width: 25%
}

.width-4 {
	width: 33.33333%
}

.width-5 {
	width: 41.66667%
}

.width-6 {
	width: 50%
}

.width-7 {
	width: 58.33333%
}

.width-8 {
	width: 66.66667%
}

.width-9 {
	width: 75%
}

.width-10 {
	width: 83.33333%
}

.width-11 {
	width: 91.66667%
}

.width-12 {
	width: 100%
}

.push-1 {
	left: 8.33333%
}

.push-2 {
	left: 16.66667%
}

.push-3 {
	left: 25%
}

.push-4 {
	left: 33.33333%
}

.push-5 {
	left: 41.66667%
}

.push-6 {
	left: 50%
}

.push-7 {
	left: 58.33333%
}

.push-8 {
	left: 66.66667%
}

.push-9 {
	left: 75%
}

.push-10 {
	left: 83.33333%
}

.push-11 {
	left: 91.66667%
}

.pull-1 {
	right: 8.33333%
}

.pull-2 {
	right: 16.66667%
}

.pull-3 {
	right: 25%
}

.pull-4 {
	right: 33.33333%
}

.pull-5 {
	right: 41.66667%
}

.pull-6 {
	right: 50%
}

.pull-7 {
	right: 58.33333%
}

.pull-8 {
	right: 66.66667%
}

.pull-9 {
	right: 75%
}

.pull-10 {
	right: 83.33333%
}

.pull-11 {
	right: 91.66667%
}

.offset-1 {
	margin-left: 8.33333%
}

.offset-2 {
	margin-left: 16.66667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.33333%
}

.offset-5 {
	margin-left: 41.66667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.33333%
}

.offset-8 {
	margin-left: 66.66667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.33333%
}

.offset-11 {
	margin-left: 91.66667%
}

.alpha {
	padding-left: 0
}

.omega {
	padding-right: 0
}

.clear {
	width: 0;
	height: 0;
	display: block;
	clear: both;
	visibility: hidden
}

.clearfix:after, .clearfix:before, .row:after, .row:before {
	height: 0;
	content: ".";
	display: block;
	overflow: hidden
}

.clearfix:after, .row:after {
	clear: both
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.center, .navigation.nav-center>ul {
	text-align: center
}

.pull-left {
	float: left !important
}

.pull-right {
	float: right !important
}

.v-align-bottom {
	vertical-align: bottom !important
}

.v-align-top {
	vertical-align: top !important
}

.v-align-top .background-on-mobile {
	margin-top: -2rem
}

.v-align-bottom .background-on-mobile {
	margin-bottom: -2rem
}

.hide {
	display: none !important;
	visibility: hidden !important
}

.show {
	display: block !important;
	visibility: visible !important
}

.mobile .hide-on-mobile, .mobile .hide-on-mobile * {
	display: none !important;
	visibility: visible !important
}

.inline, [class*=border-].inline, [class*=bkg-].inline {
	width: auto !important;
	display: inline-block !important
}

.no-margins {
	margin: 0 !important
}

.no-margin-top {
	margin-top: 0 !important
}

.no-margin-right {
	margin-right: 0 !important
}

.no-margin-bottom {
	margin-bottom: 0 !important
}

.no-margin-left {
	margin-left: 0 !important
}

.no-padding {
	padding: 0 !important
}

.no-padding-top {
	padding-top: 0 !important
}

.no-padding-right {
	padding-right: 0 !important
}

.no-padding-bottom {
	padding-bottom: 0 !important
}

.no-padding-left {
	padding-left: 0 !important
}

.overflow-visible {
	overflow: visible !important
}

.no-scroll {
	overflow: hidden !important
}

.clear-height {
	height: auto !important
}

.prototype {
	font-size: 1.1rem;
	line-height: 3.5rem
}

.row.prototype .column:nth-child(odd) {
	background: #f9f9f9
}

.row.prototype .column:nth-child(even) {
	background: #eee
}

.nav-bar {
	width: 100%;
	min-height: 5rem
}

.nav-bar .logo {
	height: 5rem;
	line-height: 5rem;
	float: left;
	margin-right: 3rem
}

.nav-bar .logo img {
	margin-top: -4px
}

.nav-bar .logo-right {
	margin-left: 3rem;
	margin-right: 0;
	float: right
}

.nav-bar .logo.logo-center {
	float: none;
	margin: 0 auto
}

.navigation.nav-left {
	float: left !important
}

.navigation.nav-left>ul>li:first-child>a {
	padding-left: 0;
	margin-left: 0
}

.navigation.nav-right {
	float: right !important;
	margin-left: 2.5rem
}

.navigation.nav-right>ul>li:last-child>a {
	padding-right: 0;
	margin-right: 0
}

.navigation.nav-center {
	float: none !important;
	display: block
}

.navigation.nav-left {
	margin-right: 2.5rem
}

.navigation:last-child {
	margin: 0
}

.navigation .dropdown .button {
	width: auto
}

.navigation .button [class*=icon-] {
	margin-right: 0
}

.navigation .dropdown-list, .navigation ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.navigation ul li {
	margin: 0;
	float: left
}

.navigation ul li.contains-mega-sub-menu {
	position: inherit
}

.navigation.nav-center>ul>li {
	margin-left: -.4rem;
	float: none;
	display: inline-block !important;
	vertical-align: top
}

.navigation>ul>li>a {
	padding: 0 1.5rem;
	background-color: rgba(0, 0, 0, 0);
	line-height: 5rem
}

.navigation .dropdown-list:not(.custom-content ) li a, .navigation ul li a {
	font-size: 1.1rem;
	color: #878787;
	text-decoration: none;
	display: block;
	word-wrap: break-word
}

.navigation .dropdown-list li>a:hover, .navigation ul li>a:hover {
	background: 0 0;
	color: #fff
}

.navigation ul li:hover>.sub-menu {
	visibility: visible;
	opacity: 1
}

.navigation .dropdown-list, .navigation .mega-sub-menu, .navigation .sub-menu {
	box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	z-index: 101;
	line-height: 1.8;
	position: absolute
}

.navigation ul li.current>a, .navigation ul li.current>a:hover {
	color: #fff
}

.navigation .dropdown-list, .navigation .sub-menu {
	width: 18rem;
	text-align: left;
	background: #222;
	background: rgba(34, 34, 34, 1);
	border: none;
	border-radius: 0
}

.navigation .dropdown-list li, .navigation .sub-menu li {
	background: 0 0;
	border-bottom: 1px solid #303030;
	float: none
}

.navigation .dropdown-list.custom-content {
	width: auto;
	min-width: 25rem;
	padding: 2rem
}

.navigation>ul>li.sub-menu-left .sub-menu {
	left: 0
}

.navigation .dropdown.pull-right .dropdown-list, .navigation>ul>li.sub-menu-right .sub-menu, .navigation>ul>li:last-child>.sub-menu {
	right: 0
}

.navigation .sub-menu ul {
	top: 0;
	left: 18rem
}

.navigation>ul>li.sub-menu-right .sub-menu ul, .navigation>ul>li:last-child>.sub-menu ul {
	right: 18rem;
	left: auto
}

.navigation .dropdown-list:not(.custom-content ) li a, .navigation .sub-menu:not(.custom-content ) li a {
	padding: 1.2rem 1.5rem
}

.navigation .dropdown-list li a, .navigation .sub-menu li a {
	color: #666
}

.navigation .dropdown-list li:last-child, .navigation .sub-menu li:last-child {
	border-bottom: none
}

.navigation .mega-sub-menu {
	padding: 2rem 0;
	margin-left: 0;
	margin-right: 0;
	background: #222;
	background: rgba(34, 34, 34, 1);
	display: block;
	left: 1.5rem;
	right: 1.5rem
}

.navigation .mega-sub-menu>li:not(.column ){
	width: 33.33333%
}

.navigation .mega-sub-menu>li {
	padding: 0 2rem;
	text-align: left;
	float: left;
	border-right: 1px solid #303030
}

.navigation .mega-sub-menu>li>a {
	background: 0 0;
	font-weight: 700;
	padding: 0 1.5rem .7rem;
	font-size: 1.2rem;
	line-height: 1.8;
	text-transform: uppercase
}

.navigation .mega-sub-menu>li:hover>a {
	background: 0 0
}

.navigation .mega-sub-menu>li:last-child {
	border-right: none
}

.navigation .mega-sub-menu ul li p {
	padding: 0 1.5rem .7rem;
	font-size: 1.2rem;
	margin-bottom: 0
}

.navigation .mega-sub-menu li.content-column ul li, .navigation .mega-sub-menu ul li a {
	padding: .6rem 1.5rem
}

.navigation .mega-sub-menu ul li.current>a {
	color: #fff
}

.navigation .mega-sub-menu ul li:hover>a {
	background: #333
}

.navigation .mega-sub-menu li ul>li {
	float: none
}

.navigation .mega-sub-menu li.content-column ul li a {
	padding: 0
}

.navigation ul li:hover>.mega-sub-menu {
	visibility: visible;
	opacity: 1
}

.navigation .sub-menu li.contains-sub-menu>a:after, .navigation.sub-menu-indicator>ul>li.contains-mega-sub-menu>a:after, .navigation.sub-menu-indicator>ul>li.contains-sub-menu>a:after {
	font-family: icomoon;
	font-size: inherit;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	display: inline-block;
	position: absolute
}

.navigation.sub-menu-indicator>ul>li.contains-mega-sub-menu, .navigation.sub-menu-indicator>ul>li.contains-sub-menu {
	padding-right: 1.2rem
}

.navigation.sub-menu-indicator>ul>li.contains-mega-sub-menu>a:after, .navigation.sub-menu-indicator>ul>li.contains-sub-menu>a:after {
	margin-left: .5rem;
	content: "\e63e"
}

.navigation .sub-menu li.contains-sub-menu>a {
	padding-right: 2.2rem
}

.navigation .sub-menu li.contains-sub-menu>a:after {
	right: .8rem;
	content: "\e640"
}

.navigation .mega-sub-menu, .navigation .sub-menu {
	-webkit-transition-property: -webkit-transform, opacity, visibility, border-color;
	transition-property: transform, opacity, visibility, border-color;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.navigation ul li a {
	-webkit-transition-property: background, border-color, color, line-height;
	transition-property: background, border-color, color, line-height;
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.aux-navigation {
	display: none
}

.navigation-hide, .navigation-show {
	width: 4.4rem;
	height: 4.4rem;
	text-align: center;
	float: right
}

.navigation-hide a, .navigation-show a {
	height: 4.4rem;
	text-align: center;
	display: block
}

.navigation-hide span, .navigation-show span {
	width: 100%;
	line-height: 4.4rem
}

.navigation-show a {
	color: #666
}

.navigation-hide a:hover, .navigation-show a:hover {
	color: #fff
}

.navigation-hide {
	z-index: 10
}

.mobile .logo.logo-center {
	float: left
}

.mobile header .navigation:not(.secondary-navigation ){
	display: none !important
}

.mobile .aux-navigation {
	display: table !important;
	visibility: visible !important
}

.reveal-side-navigation>div:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0, 0, 0, 0);
	content: '';
	opacity: 0;
	z-index: 110;
	-webkit-transition: opacity .3s, width 0s, height 0s;
	transition: opacity .3s, width 0s, height 0s
}

.inactive.reveal-side-navigation>div:after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.element-reveal-left {
	-webkit-transform: translate3d(35rem, 0, 0);
	transform: translate3d(35rem, 0, 0)
}

.element-reveal-right {
	-webkit-transform: translate3d(-35rem, 0, 0);
	transform: translate3d(-35rem, 0, 0)
}

.side-navigation-inner, .side-navigation-wrapper {
	width: 35rem
}

.side-navigation-wrapper {
	height: 100%;
	padding: 0;
	/* background: #292929; */
	box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, .6);
	overflow-y: scroll;
	visibility: hidden;
	position: fixed;
	left: 0;
	right: auto;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.side-navigation-wrapper.active {
	visibility: visible
}

.side-navigation-wrapper.enter-right {
	text-align: left;
	box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, .6);
	right: 0;
	left: auto;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.side-navigation-wrapper.no-scrollbar {
	overflow: hidden
}

.no-scrollbar .side-navigation-scroll-pane {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	left: 0
}

.no-scrollbar .side-navigation-scroll-pane::-webkit-scrollbar {
	display: none
}

.side-navigation-inner {
	min-height: 100%;
	position: relative
}

.side-navigation-wrapper.no-transition-reset {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.side-navigation-wrapper.slide-in-reset {
	z-index: 104
}

.element-reveal-left.slide-in, .element-reveal-right.slide-in, .side-navigation-wrapper.slide-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.side-navigation-wrapper.push-in-reset {
	-webkit-transform: translate3d(-60%, 0, 0);
	transform: translate3d(-60%, 0, 0)
}

.side-navigation-wrapper.enter-right.push-in-reset {
	-webkit-transform: translate3d(60%, 0, 0);
	transform: translate3d(60%, 0, 0)
}

.side-navigation-wrapper.enter-right.push-in, .side-navigation-wrapper.enter-right.reveal-reset, .side-navigation-wrapper.push-in, .side-navigation-wrapper.reveal-reset {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.side-navigation-wrapper.enter-right.scale-in-reset, .side-navigation-wrapper.scale-in-reset {
	-webkit-transform: translate3d(0, 0, 0) scale(.9);
	transform: translate3d(0, 0, 0) scale(.9)
}

.side-navigation-wrapper.enter-right.scale-in, .side-navigation-wrapper.scale-in {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1)
}

.reveal-side-navigation, .side-navigation-wrapper {
	-webkit-transition: -webkit-transform 550ms, visibility 0s;
	transition: transform 550ms, visibility 0s
}

.side-navigation-wrapper.hide {
	visibility: hidden;
	left: -35rem
}

.side-navigation-wrapper.enter-right.hide {
	right: -35rem
}

.element-show-left {
	left: 35rem
}

.element-show-right {
	left: -35rem
}

.element-show-left, .element-show-right {
	position: relative !important
}

.side-navigation {
	width: 100%
}

.side-navigation:after, .side-navigation:before {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}

.side-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.side-navigation ul li {
	width: 100%;
	display: block;
	margin-bottom: 0
}

.side-navigation>ul>li>a {
	padding: 1.3rem 4rem
}

.side-navigation ul li a {
	font-size: 1.2rem;
	line-height: 1;
	color: #999;
	display: block;
	-webkit-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.side-navigation ul li a:hover, .side-navigation ul li.current>a:hover {
	color: #fff
}

.side-navigation ul li.current>a {
	color: #fff;
	font-weight: 700
}

.side-navigation .sub-menu:not(.custom-content ) a {
	padding: 1.1rem 4rem 1.1rem 5.5rem
}

.side-navigation.center .sub-menu:not(.custom-content ) a {
	padding: 1.1rem 4rem
}

.side-navigation .sub-menu .sub-menu a {
	padding-left: 7rem
}

.side-navigation ul li:hover>.sub-menu {
	opacity: 1
}

.close-icon {
    background: url(../img/svg/000000/cross.svg) no-repeat center center !important;
    background-size: auto auto;
    background-size: 32px !important;
    cursor: pointer;
}



.side-navigation .sub-menu {
	overflow: hidden;
	height: 0;
	-webkit-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.overlay-navigation-inner, .overlay-navigation-wrapper {
	width: 100vw
}

.overlay-navigation-wrapper {
	width: 100vw;
	height: 100%;
	min-height: 100%;
	background-color: rgba(0, 0, 0, .8);
	overflow-y: scroll;
	visibility: hidden;
	position: fixed;
	top: -100%;
	z-index: 101;
	-webkit-transition: -webkit-transform 550ms, opacity 550ms;
	transition: transform 550ms, opacity 550ms
}

.overlay-navigation-wrapper.active {
	visibility: visible;
	top: 0 !important
}

.overlay-navigation-wrapper.no-scrollbar {
	overflow: hidden
}

.overlay-navigation-scroll-pane {
	height: 100%
}

.no-scrollbar .overlay-navigation-scroll-pane {
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	left: 0
}

.no-scrollbar .overlay-navigation-scroll-pane::-webkit-scrollbar {
	display: none
}

.overlay-navigation-inner {
	height: 100%;
	display: table;
	position: relative
}

.overlay-navigation-inner .v-align-middle {
	min-height: 100%;
	display: table-cell;
	vertical-align: middle
}

.overlay-navigation-wrapper.no-transition-reset {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.overlay-navigation-wrapper.fade-in-reset {
	opacity: 0
}

.overlay-navigation-wrapper.fade-in {
	opacity: 1
}

.overlay-navigation-wrapper.slide-in-reset {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0
}

.overlay-navigation-wrapper.enter-top.slide-in-reset {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	opacity: 0
}

.overlay-navigation-wrapper.enter-right.slide-in-reset {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0
}

.overlay-navigation-wrapper.enter-bottom.slide-in-reset {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	top: 100%;
	opacity: 0
}

.overlay-navigation-wrapper.enter-bottom.slide-in, .overlay-navigation-wrapper.enter-right.slide-in, .overlay-navigation-wrapper.enter-top.slide-in, .overlay-navigation-wrapper.slide-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.overlay-navigation-wrapper.scale-in-reset {
	-webkit-transform: translate3d(0, 0, 0) scale(.8);
	transform: translate3d(0, 0, 0) scale(.8);
	opacity: 0
}

.overlay-navigation-wrapper.scale-in {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1
}

.overlay-navigation {
	max-width: 30rem;
	margin-left: auto;
	margin-right: auto
}

.overlay-navigation:after, .overlay-navigation:before {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}

.overlay-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.overlay-navigation ul li {
	width: 100%;
	display: block;
	margin-bottom: 0
}

.overlay-navigation>ul>li>a {
	padding: .6rem 0
}

.overlay-navigation ul li a {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #878787;
	display: block;
	-webkit-transition-property: background, color;
	transition-property: background, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.overlay-navigation ul li a:hover, .overlay-navigation ul li.current>a:hover {
	color: #fff
}

.overlay-navigation ul li.current>a {
	color: #fff;
	font-weight: 700
}

.overlay-navigation .sub-menu:not(.custom-content ) a {
	padding: 1.1rem 4rem 1.1rem 5.5rem
}

.overlay-navigation.center .sub-menu:not(.custom-content ) a {
	padding: 1.1rem 4rem
}

.overlay-navigation .sub-menu a {
	color: #666
}

.overlay-navigation .sub-menu .sub-menu a {
	padding-left: 7rem
}

.overlay-navigation ul li:hover>.sub-menu {
	opacity: 1
}

.overlay-navigation .sub-menu {
	overflow: hidden;
	height: 0;
	-webkit-transition-property: height, border-color;
	transition-property: height, border-color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.thumbnail video, img {
	height: auto;
	max-width: 100%
}

img {
	display: inline-block;
	vertical-align: middle;
	border: none;
	outline: 0
}

.thumbnail.pull-left, img.pull-left {
	margin: 0 1.5rem 1rem 0
}

.thumbnail.pull-right, img.pull-right {
	margin: 0 0 1.5rem 1rem
}

.thumbnail {
	margin-bottom: 3rem;
	position: relative;
	overflow: hidden
}

.thumbnail.rounded, img.rounded {
	border-radius: 50%
}

.thumbnail video {
	width: 100%;
	position: relative;
	z-index: 1
}

.thumbnail video+img {
	position: absolute;
	top: 0;
	z-index: 0
}

.thumbnail:hover {
	transform: none !important;
	transition: none !important
}

.caption-below {
	width: 100%;
	padding: 1rem 1.5rem;
	font-size: 1.2rem;
	font-style: italic;
	border: 1px solid #eee;
	float: left
}

.overlay-info, .thumbnail>a, .thumbnail>span {
	border: none;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0
}

.thumbnail .caption-over-outer {
	width: 100%;
	height: 100%;
	padding: 2rem;
	display: table;
	opacity: 0;
	position: absolute;
	bottom: 0;
	z-index: 2
}

.thumbnail .caption-over-inner {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle
}

.thumbnail .caption-over-inner :first-child {
	margin-top: 0
}

.thumbnail .caption-over-inner :last-child {
	margin-bottom: 0
}

.thumbnail>a, .thumbnail>span {
	float: left;
	display: block;
	outline: 0;
	overflow: hidden;
	position: relative
}

.overlay-info {
	padding: 0;
	margin: 0;
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, .5);
	text-align: center;
	opacity: 0;
	position: absolute;
	z-index: 1
}

a.overlay-info:hover {
	color: #fff
}

.overlay-info>div, .overlay-info>span {
	width: 100%;
	height: 100%;
	padding: 1.5rem;
	font-size: 1.2rem;
	font-style: normal;
	display: table
}

.overlay-info>div>div, .overlay-info>span>span {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.fill-background {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover
}

.overlay-info.left>span>span {
	text-align: left
}

.overlay-info.right>span>span {
	text-align: right
}

.overlay-info.v-align-top>div>div, .overlay-info.v-align-top>span>span, .thumbnail .caption-over-inner.v-align-top {
	vertical-align: top
}

.overlay-info.v-align-bottom>div>div, .overlay-info.v-align-bottom>span>span, .thumbnail .caption-over-inner.v-align-bottom {
	vertical-align: bottom
}

.thumbnail .overlay-info {
	width: 100.1%;
	line-height: 1;
	opacity: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.overlay-fade-img-scale-in .overlay-info, .overlay-fade-img-scale-out .overlay-info, .overlay-fade-out .overlay-info, .thumbnail:hover .overlay-info {
	opacity: 1
}

.thumbnail:hover .overlay-info, .thumbnail:hover img {
	-webkit-transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1)
}

.overlay-fade-img-scale-in:hover .overlay-info, .overlay-fade-img-scale-out:hover .overlay-info, .overlay-fade-out:hover .overlay-info {
	opacity: 0
}

.overlay-slide-in-top .overlay-info {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.overlay-slide-in-right .overlay-info {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.overlay-slide-in-bottom .overlay-info {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.overlay-slide-in-left .overlay-info {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.overlay-scale-in .overlay-info {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, 1);
	transform: scale3d(.1, .1, 1)
}

.overlay-rotate-in .overlay-info {
	opacity: 0;
	-webkit-transform: rotate3d(.1, .1, 1, -180deg);
	transform: rotate3d(.1, .1, 1, -180deg)
}

.overlay-img-slide-right .overlay-info {
	opacity: 1;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.overlay-img-slide-right:hover img {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.overlay-img-slide-left .overlay-info {
	opacity: 1;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

.overlay-img-slide-left:hover img {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

.overlay-img-slide-down .overlay-info {
	opacity: 1;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.overlay-img-slide-down:hover img {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.overlay-img-slide-up .overlay-info {
	opacity: 1;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.overlay-img-slide-up:hover img {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.img-scale-in:hover img, .img-scale-out img, .overlay-fade-img-scale-in:hover img, .overlay-fade-img-scale-out img, .overlay-img-scale-in:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1)
}

.overlay-img-scale-in .overlay-info {
	-webkit-transform: scale3d(.4, .4, 1);
	transform: scale3d(.4, .4, 1)
}

[class*=content-grid] .grid-item {
	margin: 0 0 3rem;
	float: left
}

[class*=content-grid] .thumbnail {
	float: none
}

.content-grid-1 .grid-item {
	width: 100%
}

.content-grid-2 .grid-item {
	width: 50%
}

.content-grid-3 .grid-item {
	width: 33.33333%
}

.content-grid-4 .grid-item {
	width: 25%
}

.content-grid-5 .grid-item {
	width: 20%
}

.content-grid-6 .grid-item {
	width: 16.66667%
}

.row [class*=content-grid-].no-margins, [class*=content-grid-].no-margins {
	margin-right: 0 !important;
	margin-left: 0 !important
}

[class*=content-grid-].no-margins .grid-item {
	padding: 0 !important;
	margin: 0 !important
}

.text-column {
	margin-bottom: 3rem
}

.text-column>:last-child {
	margin-bottom: 0
}

.feature-column-group .feature-column {
	padding: 7rem;
	margin-bottom: 0
}

.feature-column {
	margin-bottom: 3rem
}

.feature-column>:last-child {
	margin-bottom: 0
}

.feature-column .feature-icon {
	font-size: 3rem;
	margin-bottom: 2rem;
	display: inline-block;
	position: relative
}

.feature-column.left .feature-icon {
	float: left
}

.feature-text.left {
	padding-left: 5rem
}

.feature-column.right .feature-text {
	padding-right: 5rem;
	padding-left: 0
}

.feature-text :first-child {
	margin-top: 0
}

.feature-column.small .feature-icon {
	font-size: 2rem
}

.feature-column.left.small .feature-text {
	padding-left: 4rem
}

.feature-column.left.small .icon-boxed, .feature-column.left.small .icon-circled {
	width: 5.8rem;
	height: 5.8rem;
	line-height: 5.8rem
}

.feature-column.left.small .icon-boxed+.feature-text, .feature-column.left.small .icon-circled+.feature-text {
	padding-left: 9rem
}

.feature-column.right.small .feature-text {
	padding-right: 4rem;
	padding-left: 0
}

.feature-column.right.small .icon-boxed+.feature-text, .feature-column.right.small .icon-circled+.feature-text {
	padding-right: 9rem;
	padding-left: 0
}

.feature-colum.mediumn .feature-icon {
	font-size: 3rem
}

.feature-column.left.medium .feature-text {
	padding-left: 5rem
}

.feature-column.medium .icon-boxed, .feature-column.medium .icon-circled {
	width: 6.6rem;
	height: 6.6rem;
	line-height: 6.6rem
}

.feature-column.large .feature-icon, .feature-column.large .icon-boxed, .feature-column.large .icon-circled {
	width: 7.4rem;
	height: 7.4rem;
	line-height: 7.4rem
}

.feature-column.left .icon-boxed+.feature-text, .feature-column.left .icon-circled+.feature-text, .feature-column.left.medium .icon-boxed+.feature-text, .feature-column.left.medium .icon-circled+.feature-text {
	padding-left: 9.8rem
}

.feature-column.right .icon-boxed+.feature-text, .feature-column.right .icon-circled+.feature-text, .feature-column.right.medium .icon-boxed+.feature-text, .feature-column.right.medium .icon-circled+.feature-text {
	padding-right: 9.8rem;
	padding-left: 0
}

.feature-column.large .feature-icon {
	font-size: 4rem
}

.feature-column.left.large .feature-text {
	padding-left: 6rem
}

.feature-column.left.large .icon-boxed+.feature-text, .feature-column.left.large .icon-circled+.feature-text {
	padding-left: 10.6rem
}

.feature-column.right.large .icon-boxed+.feature-text, .feature-column.right.large .icon-circled+.feature-text {
	padding-right: 10.6rem;
	padding-left: 0
}

.feature-column.xlarge .feature-icon {
	font-size: 5rem
}

.feature-column.left.xlarge .feature-text {
	padding-left: 7rem
}

.feature-column.xlarge .icon-boxed, .feature-column.xlarge .icon-circled {
	width: 9rem;
	height: 9rem;
	line-height: 9rem
}

.feature-column.left.xlarge .icon-boxed+.feature-text, .feature-column.left.xlarge .icon-circled+.feature-text {
	padding-left: 12.2rem
}

.feature-column.right.xlarge .icon-boxed+.feature-text, .feature-column.right.xlarge .icon-circled+.feature-text {
	padding-right: 12.2rem;
	padding-left: 0
}

.feature-column.right .feature-icon {
	float: right;
	margin: 0 auto 2rem
}

.feature-column.center .feature-icon {
	display: inline-block;
	float: none;
	margin: 0 auto 2rem
}

.feature-column.center .feature-icon+.feature-text {
	padding-left: 0;
	padding-right: 0
}

@media only screen and (max-width:768px) {
	.feature-column.center-on-mobile .feature-icon {
		display: inline-block;
		float: none;
		margin: 0 auto 2rem
	}
	.feature-column.center-on-mobile .feature-icon+.feature-text {
		padding-left: 0;
		padding-right: 0
	}
}

input {
	line-height: normal
}

input, textarea {
	width: 100%;
	padding: 1.3rem 2.5rem;
	margin: 0 0 1.5rem
}

.button+.button, .checkbox-label ~.checkbox-label, .radio-label ~.radio-label, button+button, label.pull-right {
	margin-left: 1rem
}

input[type=submit] {
	width: auto
}

input:focus, select:focus, textarea:focus {
	outline: 0
}

.disabled, input:disabled, select:disabled, textarea:disabled {
	opacity: .6;
	cursor: default
}

.checkbox:disabled, .radio:disabled {
	opacity: 0;
	cursor: default
}

.form-element, textarea {
	background: #f9f9f9;
	font-size: 1.3rem;
	color: #666;
	line-height: 1.4;
	border: 1px solid #eee;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-element:focus, textarea:focus {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .2)
}

textarea {
	min-width: 10rem;
	min-height: 20rem
}

.textarea-no-resize {
	resize: none
}

label {
	margin-bottom: .8rem;
	color: #666;
	font-size: 1.2rem;
	display: block
}

label.pull-left, label.pull-right {
	margin-bottom: 0;
	padding: 1.4rem 0;
	line-height: normal;
	float: left
}

label.pull-left {
	margin-right: 1rem
}

label.emphasized {
	color: #666;
	font-size: 1.2rem;
	font-weight: 700
}

select {
	width: 100%;
	background: 0 0;
	border: 0;
	border-radius: 0;
	color: inherit;
	font-size: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-select {
	width: 100%;
	padding: 0 !important;
	position: relative
}

.form-select select {
	width: 100%;
	padding: 1.3rem 2.5rem
}

.form-select:after {
	font-family: icomoon;
	font-size: 1.5rem;
	content: "\e63e";
	pointer-events: none;
	position: absolute;
	top: 1.3rem;
	right: 2rem
}

input[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox
}

.checkbox, .radio {
	opacity: 0;
	position: absolute
}

.checkbox, .checkbox-label, .radio, .radio-label {
	margin-bottom: 2rem;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.checkbox:disabled+.checkbox-label, .checkbox:disabled+.checkbox-label:before, .radio:disabled+.radio-label, .radio:disabled+.radio-label:before {
	opacity: .6
}

.checkbox-label, .radio-label {
	color: #666;
	position: relative
}

.checkbox+.checkbox-label:before, .radio+.radio-label:before {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	margin-right: 1rem;
	display: inline-block;
	vertical-align: middle;
	background: #f9f9f9;
	border: 1px solid #eee;
	content: '';
	font-family: icomoon;
	text-align: center
}

.checkbox:checked+.checkbox-label, .radio:checked+.radio-label {
	opacity: 1
}

.checkbox:checked+.checkbox-label:before {
	content: '\e63a';
	background: #fff;
	color: #666
}

.radio:checked+.radio-label:before {
	background: #666;
	box-shadow: inset 0 0 0 4px #fff
}

.checkbox:focus+.checkbox-label, .radio:focus+.radio-label {
	outline: 0
}

.checkbox.rounded+.checkbox-label:before, .form-element.rounded, textarea.rounded {
	border-radius: .3rem
}

.radio+.radio-label:before {
	border-radius: 50%
}

.form-element.pill {
	border-radius: 10.5rem
}

@media only screen and (min-width:768px) {
	.merged-form-elements .column:first-child {
		padding-right: 0
	}
	.merged-form-elements .column:last-child {
		padding-left: 0
	}
	.merged-form-elements .column+.column {
		padding: 0
	}
	.merged-form-elements .column .form-element {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.merged-form-elements .column+.column .form-element {
		border-radius: 0
	}
	.merged-form-elements .column:last-child .button {
		width: 100%;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
}

.form-element.small {
	padding: 1rem 1.5rem;
	font-size: 1.1rem
}

.form-element.small select {
	padding: 1rem 3.5rem 1rem 1.5rem;
	font-size: 1.1rem
}

.form-select.small:after {
	top: .8rem;
	right: 1rem
}

.checkbox.small+.checkbox-label:before, .radio.small+.radio-label:before {
	width: 1.6rem;
	height: 1.6rem;
	line-height: 1.6rem
}

.checkbox.small+.checkbox-label, .radio.small+.radio-label {
	font-size: 1.1rem
}

.form-element.medium {
	padding: 1.3rem 2.5rem
}

.form-element.medium select {
	padding: 1.3rem 4.5rem 1.3rem 2.5rem
}

.form-element.large {
	padding: 1.6rem 3rem;
	font-size: 1.4rem
}

.form-element.large select {
	padding: 1.6rem 5rem 1.6rem 3rem;
	font-size: 1.4rem
}

.form-select.large:after {
	top: 1.7rem;
	right: 2.5rem
}

.checkbox.large+.checkbox-label:before, .radio.large+.radio-label:before {
	width: 2.4rem;
	height: 2.4rem;
	line-height: 2.4rem
}

.checkbox.large+.checkbox-label, .radio.large+.radio-label {
	font-size: 1.4rem
}

.form-element.xlarge {
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem
}

.form-element.xlarge select {
	padding: 1.9rem 5.5rem 1.9rem 3.5rem;
	font-size: 1.5rem
}

.form-select.xlarge:after {
	top: 2rem;
	right: 3rem
}

.checkbox.xlarge+.checkbox-label:before, .radio.xlarge+.radio-label:before {
	width: 2.7rem;
	height: 2.7rem;
	line-height: 2.7rem
}

.checkbox.xlarge+.checkbox-label, .radio.xlarge+.radio-label {
	font-size: 1.5rem
}

div[contenteditable=true] {
	background: #f9f9f9;
	color: #666;
	border: 1px solid #eee;
	padding: 1.3rem 2.5rem
}

div[contenteditable=true]:focus {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .2);
	outline: 0
}

div[contenteditable=true].small {
	padding: 1rem 1.5rem;
	font-size: 1rem
}

div[contenteditable=true].medium {
	padding: 1.3rem 2.5rem
}

div[contenteditable=true].large {
	padding: 1.6rem 3rem;
	font-size: 1.4rem
}

div[contenteditable=true].xlarge {
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem
}

.button-group {
	margin-bottom: 3rem
}

.button, button {
	padding: 1.3rem 2.5rem;
	margin: 0 0 1rem;
	font-family: inherit;
	font-size: 1.3rem;
	color: #666;
	background-color: #eee;
	border: 1px solid #eee;
	font-weight: 400;
	vertical-align: top;
	display: inline-block;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.button, .navigation .dropdown-list .button, .navigation .dropdown-list button, .navigation .mega-sub-menu .button, .navigation .mega-sub-menu button, .navigation .sub-menu .button, .navigation .sub-menu button, button {
	line-height: 1.4
}

.button:focus, button:focus {
	outline: 0
}

.button:hover, button:hover {
	text-decoration: none;
	color: #666;
	background-color: #d0d0d0;
	border-color: #d0d0d0
}

.button.small, button.small {
	padding: 1rem 1.5rem;
	font-size: 1.1rem !important
}

.button.medium, button.medium {
	padding: 1.3rem 2.5rem;
	font-size: 1.3rem !important
}

.button.large, button.large {
	padding: 1.6rem 3rem;
	font-size: 1.4rem !important
}

.button.xlarge, button.xlarge {
	padding: 1.9rem 3.5rem;
	font-size: 1.5rem !important
}

.button [class*=icon-].left, button [class*=icon-].left {
	margin-right: .5rem
}

.button [class*=icon-].right, button [class*=icon-].right {
	margin-left: .5rem
}

.button-content {
	display: inline-block
}

.button-content * {
	display: block
}

input[type=submit]::-moz-focus-inner {
	border: 0 !important
}

.button.rounded, button.rounded {
	border-radius: .3rem
}

.button.pill, button.pill {
	border-radius: 10.5rem
}

.button.shadow, button.shadow {
	-webkit-box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .5);
	box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, .5)
}

.button.hard-shadow, button.hard-shadow {
	border-bottom: 3px solid rgba(0, 0, 0, .15)
}

.button.disabled, .button.disabled:hover, button.disabled, button.disabled:hover {
	background-color: #f9f9f9;
	border-color: #eee
}

.button.disabled, button.disabled {
	cursor: default;
	color: #ccc
}

.button-nav {
	padding: 0;
	margin: 0;
	list-style: none
}

.button-nav li {
	float: left;
	margin: 0 1px 0 0
}

.button-nav li .button.pill, .button-nav li .button.rounded, .button-nav li button.pill, .button-nav li button.rounded {
	border-radius: 0
}

.button-nav li:first-child .button.rounded, .button-nav li:first-child button.rounded, .button-nav.rounded li:first-child .button, .button-nav.rounded li:first-child button {
	border-radius: .3rem 0 0 .3rem
}

.button-nav li:last-child .button.rounded .button-nav li:last-child button.rounded, .button-nav.rounded li:last-child .button, .button-nav.rounded li:last-child button {
	border-radius: 0 .3rem .3rem 0
}

.button-nav li:first-child .button.pill, .button-nav li:first-child button.pill, .button-nav.pill li:first-child .button, .button-nav.pill li:first-child button {
	border-radius: 10.5rem 0 0 10.5rem
}

.button-nav li:last-child .button.pill, .button-nav li:last-child button.pill, .button-nav.pill li:last-child .button, .button-nav.pill li:last-child button {
	border-radius: 0 10.5rem 10.5rem 0
}

.button-nav.center li {
	margin-left: -.3rem;
	display: inline-block;
	float: none
}

.dropdown {
	position: relative;
	margin-bottom: 1rem
}

.dropdown .button, .dropdown button {
	width: 100%;
	text-align: left;
	margin-bottom: 0
}

.dropdown.disabled .button {
	cursor: default
}

.dropdown.disabled .button, .dropdown.disabled .button:hover, .dropdown.disabled button, .dropdown.disabled button:hover {
	border-color: #ddd !important;
	background: #fff !important;
	color: #ddd !important
}

.dropdown-list {
	width: 16rem;
	margin-top: .3rem;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .3);
	border-radius: .3rem;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	z-index: 101;
	-webkit-transition-property: -webkit-transform, opacity, visibility;
	transition-property: transform, opacity, visibility;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.dropdown-list:not(.custom-content ) li a {
	padding: .6rem 2.5rem;
	display: block;
	font-size: 1.2rem;
	color: #666;
	font-weight: 400;
	cursor: pointer
}

.dropdown-list li a:hover {
	background: #f4f4f4;
	color: #333;
	text-decoration: none
}

.dropdown-list li.current a {
	background: #f4f4f4;
	color: #666
}

.dropdown-list.active {
	opacity: 1;
	visibility: visible
}

.dropdown-list .list-header {
	padding: .6rem 2.5rem;
	font-size: 1.1rem;
	font-weight: 700;
	background: #ddd
}

.dropdown.small .button, .dropdown.small button {
	padding: 1rem 1.5rem
}

.dropdown.small .dropdown-list li a {
	padding: .4rem 1.5rem
}

.dropdown.small .dropdown-list {
	width: 14rem
}

.dropdown.medium .button, .dropdown.medium button {
	padding: 1.3rem 2.5rem
}

.dropdown.medium .dropdown-list li a {
	padding: .6rem 2.5rem
}

.dropdown.medium .dropdown-list {
	width: 16rem
}

.dropdown.large .button, .dropdown.large button {
	padding: 1.6rem 3rem
}

.dropdown.large .dropdown-list li a {
	padding: .9rem 3rem
}

.dropdown.large .dropdown-list {
	width: 18rem
}

.dropdown.xlarge .button, .dropdown.xlarge button {
	padding: 1.9rem 3.5rem
}

.dropdown.xlarge .dropdown-list li a {
	padding: 1.2rem 3.5rem
}

.dropdown.xlarge .dropdown-list {
	width: 20rem
}

.dropdown.rounded .button, .dropdown.rounded button {
	border-radius: .3rem
}

ol, ul {
	margin: 0 0 3rem;
	padding: 0;
	font-size: 1.4rem
}

ul {
	list-style: none
}

ol {
	list-style: decimal inside
}

ul.disc {
	list-style: disc inside
}

ul.circle {
	list-style: circle inside
}

ul.square {
	list-style: square inside
}

ol.decimal-leading-zero {
	list-style: decimal-leading-zero inside
}

ol.upper-roman {
	list-style: upper-roman inside
}

ol.lower-alpha {
	list-style: lower-alpha inside
}

ol ol, ol ul, ul ol, ul ul {
	margin: .3rem 0 .3rem 2rem;
	list-style: inherit
}

.accordion>ul, .breadcrumb, .tab-nav, .tms-slides {
	list-style: none
}

ol [class*=icon-], ul [class*=icon-] {
	margin-right: 1rem
}

.list-group-dotted, .list-group.dashed, .list-group.solid {
	border: none
}

.list-group li {
	padding: 1rem 0;
	border-bottom: 1px solid #eee
}

.list-group li li {
	border-top: 1px solid #eee
}

.list-group>li:first-child {
	padding-top: 0
}

.list-group li li:last-child {
	padding-bottom: 0
}

.list-group li:last-child {
	border-bottom: none;
	border-width: 0
}

.list-group ol, .list-group ul {
	margin: 0
}

.list-group.boxed li {
	padding: 1rem 2rem
}

.list-group.boxed li li:last-child {
	padding: 1rem 2rem;
	border-top: 1px solid
}

.list-group li ul {
	padding-top: 1rem
}

.list-group[class*=border-] li, .list-group[class*=border-] li li, .list-group[class*=border-] li ul {
	border-color: inherit !important
}

.list-group li :last-child {
	margin-bottom: 0
}

.list-group.small li li {
	padding-left: 1.5rem;
	margin-top: 0
}

.list-group.small li {
	padding: .7rem 0
}

.list-group.small ol, .list-groups.small ul {
	margin-top: .7rem !important
}

.list-group.boxed.small li, .list-groups.boxed.small li {
	padding: .7rem 1.5rem
}

.list-group.medium li {
	padding: 1rem 0
}

.list-group.medium ol, .list-groups.medium ul {
	margin-top: 1rem !important
}

.list-group.boxed.medium li {
	padding: 1rem 2rem
}

.list-group.large li {
	padding: 1.3rem 0
}

.list-group.large ol, .list-groups.large ul {
	margin-top: 1.3rem !important
}

.list-group.boxed.large li {
	padding: 1.3rem 2.5rem
}

.list-group.xlarge li {
	padding: 1.6rem 0
}

.list-group.xlarge ol, .list-groups.xlarge ul {
	margin-top: 1.6rem !important
}

.list-group.boxed.xlarge li {
	padding: 1.6rem 3rem
}

.list-group.dotted li {
	border-bottom-style: dotted
}

.list-group.dotted li li {
	border-top-style: dotted
}

.list-group.dashed li {
	border-bottom-style: dashed
}

.list-group.dashed li li {
	border-top-style: dashed
}

.list-group.thick li {
	border-bottom-width: .2rem
}

.list-group.thick li li {
	border-top-width: .2rem
}

.list-group:not(.boxed ) li:last-child {
	border-bottom: none;
	padding-bottom: 0 !important
}

.list-group li li:last-child {
	border-top: none
}

.list-group.boxed li {
	border: 1px solid;
	border-bottom: none
}

.list-group.boxed li:last-child {
	border-bottom: 1px solid
}

.list-group.boxed.dotted li {
	border-style: dotted;
	border-bottom: none
}

.list-group.boxed.dotted li:last-child {
	border-bottom: 1px dotted
}

.list-group.boxed.dotted li li:last-child {
	border-top-style: dotted
}

.list-group.boxed.dashed li {
	border-style: dashed;
	border-bottom: none
}

.list-group.boxed.dashed li:last-child {
	border-bottom: 1px dashed
}

.list-group.boxed.dashed li li:last-child {
	border-top-style: dashed
}

.list-group.boxed.thick li, .list-group.boxed.thick li:last-child {
	border-width: .2rem
}

.list-group.rounded li:first-child {
	border-radius: .3rem .3rem 0 0
}

.list-group.rounded li:last-child {
	border-radius: 0 0 .3rem .3rem
}

.list-group.boxed[class*=border-], .list-group.boxed[class*=border-].dashed, .list-group.boxed[class*=border-].dotted, .list-group.boxed[class*=border-].thick, .list-group.boxed[class*=border-]:hover, .list-group[class*=border-], .list-group[class*=border-].dashed, .list-group[class*=border-].dotted, .list-group[class*=border-].thick, .list-group[class*=border-]:hover {
	border-width: 0
}

.list-horizontal li {
	display: inline-block
}

.menu-box {
	overflow: visible;
	margin-bottom: 3rem
}

.menu-list, .menu-list li {
	margin: 0 0 3rem
}

.menu-list h4, .menu-list li:last-child, .menu-list p {
	margin-bottom: 0
}

.menu-list.boxed {
	padding: 2rem
}

.menu-list li {
	position: relative
}

.menu-list h4+p {
	margin-top: 1.3rem
}

.menu-list .menu-content {
	padding-right: 10rem
}

.menu-list .menu-description, .menu-list .menu-price, .menu-list .menu-title {
	background-color: #fff
}

.menu-list .menu-content, .menu-list .menu-description, .menu-list .menu-price, .menu-list .menu-title, .menu-list h4 {
	position: relative;
	z-index: 1
}

.menu-list .menu-price {
	font-weight: 700;
	position: absolute;
	right: 0;
	bottom: 0
}

.accordion>ul>li>a, .tabs .tab-nav>li a {
	font-weight: 400;
	vertical-align: middle;
	color: #666;
	text-decoration: none
}

.menu-title .menu-price {
	position: relative;
	right: auto;
	left: auto;
	bottom: auto
}

.menu-list .menu-line {
	height: 1px;
	margin: 0;
	border: 0;
	display: block;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	z-index: 0;
	background-image: linear-gradient(to right, #ccc 100%, rgba(0, 0, 0, 0) 0);
	background-position: bottom;
	background-size: 6px 2px;
	background-repeat: repeat-x
}

.menu-list .callout.rounded, .menu-list.rounded, .menu-list.rounded .callout {
	border-radius: .3rem
}

.menu-list.center .menu-price, .timeline .timeline-description, .timeline .timeline-title {
	position: relative
}

.menu-list .callout {
	padding: 2rem;
	background-color: #f4f4f4
}

.menu-list .callout * {
	background-color: inherit
}

.menu-list .special-item {
	font-size: 1.3rem;
	font-style: italic;
	text-transform: none
}

.menu-list h4 .menu-line {
	bottom: 4px
}

.menu-list .menu-content .menu-line {
	bottom: 8px
}

.menu-box.small, .menu-list.boxed.small {
	padding: 1.5rem 1.5rem 0
}

.menu-box.small .menu-list, .menu-list.boxed.small li:last-child {
	margin-bottom: 1.5rem
}

.menu-box.medium, .menu-list.boxed.medium {
	padding: 2rem 2rem 0
}

.menu-box.medium .menu-list, .menu-list.boxed.medium li:last-child {
	margin-bottom: 2rem
}

.menu-box.large, .menu-list.boxed.large {
	padding: 2.5rem 2.5rem 0
}

.menu-box.large .menu-list, .menu-list.boxed.large li:last-child {
	margin-bottom: 2.5rem
}

.menu-box.xlarge, .menu-list.boxed.xlarge {
	padding: 3rem 3rem 0
}

.menu-box.xlarge .menu-list, .menu-list.boxed.xlarge li:last-child {
	margin-bottom: 3rem
}

.timeline li:last-child, .timeline li:last-child .timeline-description :last-child {
	margin-bottom: 0
}

.menu-list.center .menu-line {
	display: none
}

.menu-list.center .menu-content {
	padding: 0
}

.menu-list.center .menu-description {
	display: block
}

.menu-list.right .menu-content {
	padding-left: 10rem;
	padding-right: 0
}

.menu-list.right .menu-price {
	left: 0;
	right: auto
}

.menu-list.boxed {
	border-style: solid;
	border-width: 1px
}

.menu-list.boxed.dashed {
	border-style: dashed
}

.menu-list.boxed.dotted {
	border-style: dotted
}

.dotted .menu-line {
	height: 2px;
	background-image: radial-gradient(circle closest-side, #ccc 99%, rgba(0, 0, 0, 0) 0)
}

.dashed .menu-line {
	height: 1px;
	background-image: linear-gradient(to right, #ccc 50%, rgba(0, 0, 0, 0) 0)
}

.timeline li {
	padding: 0;
	margin: 0
}

.timeline.vertical-indication .timeline-title {
	padding-right: 5rem;
	z-index: 1
}

.timeline.vertical-indication .timeline-description {
	padding-left: 5rem
}

.timeline.vertical-indication .timeline-title:after {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	content: "";
	border: 2px solid #333;
	background-color: #fff;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 100
}

.timeline.vertical-indication .timeline-description:before {
	width: .1rem;
	content: "";
	background-color: #eee;
	position: absolute;
	left: .5rem;
	top: 0;
	bottom: 0
}

.accordion:after, .tab-nav:after, .tab-panes>div.active, .tabs.vertical:after {
	content: "."
}

.timeline.vertical-indication li:last-child .timeline-description:before {
	display: none
}

.tabs {
	margin: 0 0 3rem;
	padding: 0
}

.tab-nav {
	margin: 0;
	padding: 0;
	font-size: 0
}

.tab-nav:after {
	height: 0;
	display: block;
	overflow: hidden;
	clear: both
}

.tabs .tab-nav>li {
	margin: 0 1px 0 0;
	display: inline-block
}

.tabs.vertical:after {
	display: block;
	overflow: hidden;
	clear: both
}

.tabs.vertical .tab-nav>li {
	margin: 0 0 1px;
	display: block;
	float: none
}

.tabs.vertical .tab-nav {
	width: 25%;
	float: left
}

.tabs .tab-nav>li:last-child {
	margin-right: 0
}

.tabs.right .tab-nav>li {
	margin: 0 0 0 1px
}

.tabs.right.vertical .tab-nav>li {
	margin: 0 0 1px;
	float: none
}

.tabs.right.vertical .tab-nav {
	width: 25%;
	float: right
}

.tabs .tab-nav>li.active a, .tabs .tab-nav>li.active a:hover {
	background: #fff;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #eee;
	cursor: default
}

.tabs.vertical .tab-nav>li.active a, .tabs.vertical .tab-nav>li.active a:hover {
	background: #fff;
	border-top: 1px solid #eee;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	cursor: default;
	position: relative
}

.tabs.right.vertical .tab-nav>li.active a, .tabs.right.vertical .tab-nav>li.active a:hover {
	background: #fff;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid transparent
}

.tabs .tab-nav>li a {
	padding: 1rem 1.5rem;
	margin: 0;
	font-size: 1.2rem;
	display: inline-block;
	background-color: #eee;
	border: 1px solid #eee;
	cursor: pointer
}

.tabs.vertical .tab-nav>li a {
	display: block
}

.tabs .tab-nav>li a:hover {
	text-decoration: none;
	color: #666;
	background: #d0d0d0;
	border-color: #d0d0d0
}

.tab-panes {
	margin-top: -1px;
	padding: 1.5rem;
	background: #fff;
	border: 1px solid #eee
}

.tabs.vertical .tab-panes {
	width: 75%;
	margin-top: 0;
	margin-left: -1px;
	float: left
}

.tabs.right.vertical .tab-panes {
	margin-left: 0;
	margin-right: -1px;
	float: right
}

.tab-panes>div {
	display: none;
	background: 0 0
}

.tab-panes .tab-content {
	opacity: 0;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.tab-panes .animate-in .tab-content {
	opacity: 1
}

.tab-panes>div.active {
	display: block;
	overflow: hidden;
	clear: both
}

.tab-panes>div>:first-child {
	margin-top: 0
}

.tab-panes>div :not(.form-element ):last-child {
	margin-bottom: 0
}

.tabs.small .tab-nav>li a {
	padding: .7rem 1rem;
	font-size: 1rem
}

.tabs.small .tab-panes {
	padding: 1rem
}

.tabs.medium .tab-nav>li a {
	padding: 1rem 1.5rem
}

.tabs.medium .tab-panes {
	padding: 1.5rem
}

.tabs.large .tab-nav>li a {
	padding: 1.3rem 2.5rem;
	font-size: 1.4rem
}

.tabs.large .tab-panes {
	padding: 2.5rem
}

.tabs.xlarge .tab-nav>li a {
	padding: 1.6rem 3rem;
	font-size: 1.5rem
}

.tabs.xlarge .tab-panes {
	padding: 3rem
}

.tabs.rounded .tab-nav>li:first-child a {
	border-radius: .3rem 0 0
}

.tabs.right.rounded .tab-nav>li:first-child a, .tabs.rounded .tab-nav>li:last-child a {
	border-radius: 0 .3rem 0 0
}

.tabs.right.rounded .tab-nav>li:last-child a {
	border-radius: .3rem 0 0
}

.tabs.vertical.rounded .tab-nav>li:last-child a {
	border-radius: .3rem 0 0 .3rem
}

.tabs.right.vertical.rounded .tab-nav>li:last-child a {
	border-radius: .3rem 0
}

.tabs.rounded .tab-panes {
	border-radius: 0 .3rem .3rem
}

.tabs.right.rounded .tab-panes {
	border-radius: .3rem 0 .3rem .3rem
}

.tabs.solid .tab-nav>li.active a, .tabs.solid .tab-nav>li.active a:hover, .tabs.solid .tab-panes {
	border-style: solid
}

.tabs.dashed .tab-nav>li.active a, .tabs.dashed .tab-nav>li.active a:hover, .tabs.dashed .tab-panes, .tabs.dotted .tab-nav>li.active a, .tabs.dotted .tab-nav>li.active a:hover, .tabs.dotted .tab-panes {
	border-style: dashed
}

.tabs.thick .tab-nav>li.active a, .tabs.thick .tab-nav>li.active a:hover, .tabs.thick .tab-panes {
	border-width: .2rem
}

.tabs[class*=border-] {
	border: none
}

.accordion {
	margin: 0 0 3rem;
	padding: 0;
	border: none !important
}

.accordion>ul {
	margin: 0;
	padding: 0
}

.accordion:after {
	height: 0;
	display: block;
	overflow: hidden;
	clear: both
}

.accordion>ul>li {
	margin: 0 0 1px;
	display: block
}

.accordion>ul>li.active>a {
	background: 0 0;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #eee
}

.accordion>ul>li>a {
	padding: 1rem 1.5rem;
	margin: 0;
	font-size: 1.2rem;
	display: block;
	background-color: #eee;
	border: 1px solid #eee;
	cursor: pointer
}

.accordion>ul>li>a:hover {
	text-decoration: none;
	color: #666;
	background: #d0d0d0;
	border-color: #d0d0d0
}

.table.striped tbody tr:nth-child(even) td, .table.striped tbody tr:nth-child(even) th, .table>thead {
	background-color: #eee
}

.accordion>ul>li>div {
	height: 0;
	visibility: hidden;
	border: 1px solid #eee;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.accordion>ul>li.active>div {
	height: auto;
	visibility: visible
}

.accordion .accordion-content {
	height: auto;
	padding: 1.5rem;
	overflow: hidden;
	display: block
}

.accordion>ul>li>div>:first-child {
	margin-top: 0
}

.accordion>ul>li>div :not(.form-element ):last-child {
	margin-bottom: 0
}

.pricing-table, table.table {
	margin-bottom: 3rem;
	width: 100%
}

.accordion.small li>a {
	padding: .7rem 1rem;
	font-size: 1rem
}

.accordion.small .accordion-content {
	padding: 1rem
}

.accordion.medium li>a {
	padding: 1rem 1.5rem
}

.accordion.medium .accordion-content {
	padding: 1.5rem
}

.accordion.large li>a {
	padding: 1.3rem 2.5rem;
	font-size: 1.4rem
}

.accordion.large .accordion-content {
	padding: 2.5rem
}

.accordion.xlarge li>a {
	padding: 1.6rem 3rem;
	font-size: 1.5rem
}

.accordion.xlarge .accordion-content {
	padding: 3rem
}

.accordion.rounded li:first-child>a {
	border-radius: .3rem .3rem 0 0
}

.accordion.rounded li:last-child>a, .accordion.rounded li>div {
	border-radius: 0 0 .3rem .3rem
}

.accordion.rounded li.active:last-child>a:hover {
	border-radius: 0
}

.accordion.solid li>a, .accordion.solid li>div {
	border-style: solid
}

.accordion.dashed li>a, .accordion.dashed li>div, .accordion.dotted li>a, .accordion.dotted li>div {
	border-style: dashed
}

.accordion.thick li>a, .accordion.thick li>div {
	border-width: .2rem
}

table.table {
	border: 1px solid #eee;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: left;
	border-collapse: separate;
	border-spacing: 0
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 1rem 1.5rem
}

.table>thead {
	color: #666
}

.table td, .table th+th {
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.table tr:last-child>td, .table tr:last-child>th, .table>thead>tr>th {
	border-bottom: none
}

.table.small>tbody>tr>td, .table.small>tbody>tr>th, .table.small>tfoot>tr>td, .table.small>tfoot>tr>th, .table.small>thead>tr>td, .table.small>thead>tr>th {
	padding: .7rem 1rem;
	font-size: 1rem
}

.table.medium>tbody>tr>td, .table.medium>tbody>tr>th, .table.medium>tfoot>tr>td, .table.medium>tfoot>tr>th, .table.medium>thead>tr>td, .table.medium>thead>tr>th {
	padding: 1rem 1.5rem
}

.table.large>tbody>tr>td, .table.large>tbody>tr>th, .table.large>tfoot>tr>td, .table.large>tfoot>tr>th, .table.large>thead>tr>td, .table.large>thead>tr>th {
	padding: 1.3rem 2.5rem;
	font-size: 1.4rem
}

.table.xlarge>tbody>tr>td, .table.xlarge>tbody>tr>th, .table.xlarge>tfoot>tr>td, .table.xlarge>tfoot>tr>th, .table.xlarge>thead>tr>td, .table.xlarge>thead>tr>th {
	padding: 1.6rem 3rem;
	font-size: 1.5rem
}

.table.rounded {
	border-radius: .3rem
}

.pricing-table {
	text-align: center
}

.progress-bar, .range-slider {
	font-weight: 700;
	text-align: right
}

.pricing-table:after, .pricing-table:before {
	content: ".";
	display: block;
	height: 0;
	overflow-x: hidden;
	overflow-y: hidden
}

.pricing-table:after {
	clear: both
}

.pricing-table.columns-1 .pricing-table-column {
	width: 100%
}

.pricing-table.columns-2 .pricing-table-column {
	width: 50%
}

.pricing-table.columns-3 .pricing-table-column {
	width: 33.33333%
}

.pricing-table.columns-4 .pricing-table-column {
	width: 25%
}

.pricing-table.columns-5 .pricing-table-column {
	width: 20%
}

.pricing-table-column {
	float: left
}

[class*=border-] .pricing-table-column {
	border-width: 1px 1px 1px 0;
	border-style: solid
}

.pricing-table-column:first-child {
	border-width: 1px
}

.pricing-table-column>:not(hr) {
	padding: 3rem
}

.pricing-table-column>:not(:first-child ){
	padding-top: 0
}

.pricing-table-column>[class*=bkg-] {
	padding: 3rem
}

.pricing-table-column>hr {
	margin: 3rem;
	margin-top: 0
}

.pricing-table-column.callout {
	margin-left: -1px;
	margin-bottom: -2rem;
	border: 1px solid #fff;
	box-shadow: 0 0 .8rem rgba(0, 0, 0, .2);
	position: relative;
	top: -1.5rem;
	z-index: 1
}

.pricing-table-column.callout>.pricing-table-header {
	padding-top: 4.5rem
}

.pricing-table-column.callout>.pricing-table-footer {
	padding-bottom: 4.5rem
}

.pricing-table-header h2 {
	margin: 0;
	font-size: 2.5rem
}

.pricing-table-header[class*=bkg-] h2 {
	color: #fff
}

.pricing-table-price {
	color: #666
}

.pricing-table-price h4 {
	margin: 0;
	font-size: 3rem
}

.pricing-table-price[class*=bkg-] h4 {
	color: #fff
}

.pricing-table-price .currency {
	margin-right: .2rem;
	font-size: 1.3rem;
	position: relative;
	top: -1rem
}

.pricing-table-price .interval {
	font-size: 1.3rem;
	opacity: .5
}

.pricing-table-options {
	margin-bottom: 0;
	list-style: none;
	line-height: inherit
}

.pricing-table-options del {
	opacity: .5;
	text-decoration: none
}

.pricing-table-options li {
	margin-bottom: 0;
	padding: .7rem 0
}

.pricing-table-text {
	line-height: inherit
}

.pricing-table-footer .button, .pricing-table-footer button, .pricing-table-text p:last-child {
	margin-bottom: 0
}

.pricing-table[class*=border-] {
	border-width: 0
}

.pricing-table[class*=border-] .pricing-table-column {
	border-color: inherit !important
}

.pricing-table.small .pricing-table-header h2 {
	font-size: 2.5rem
}

.pricing-table.small .pricing-table-price .currency {
	font-size: 1.3rem;
	top: -1rem
}

.pricing-table.small .pricing-table-price .interval {
	font-size: 1.1rem
}

.pricing-table.medium .pricing-table-header h2, .pricing-table.small .pricing-table-price h4 {
	font-size: 3rem
}

.pricing-table.medium .pricing-table-price .currency {
	font-size: 1.6rem;
	top: -1.4rem
}

.pricing-table.medium .pricing-table-price .interval {
	font-size: 1.3rem
}

.pricing-table.medium .pricing-table-price h4 {
	font-size: 3.6rem
}

.pricing-table.large .pricing-table-header h2 {
	font-size: 3rem
}

.pricing-table.large .pricing-table-price .currency {
	font-size: 1.6rem;
	top: -2rem
}

.pricing-table.large .pricing-table-price .interval {
	font-size: 1.4rem
}

.pricing-table.large .pricing-table-price h4 {
	font-size: 4.5rem
}

.pricing-table.xlarge .pricing-table-header h2 {
	font-size: 3.2rem
}

.pricing-table.xlarge .pricing-table-price .currency {
	font-size: 2rem;
	top: -2.7rem
}

.pricing-table.xlarge .pricing-table-price .interval {
	font-size: 1.6rem
}

.pricing-table.xlarge .pricing-table-price h4 {
	font-size: 6rem
}

.pricing-table.rounded .pricing-table-column:first-child {
	border-radius: .3rem 0 0 .3rem
}

.pricing-table.rounded .pricing-table-column:last-child {
	border-radius: 0 .3rem .3rem 0
}

.pricing-table-column.rounded, .pricing-table.rounded .pricing-table-column.callout {
	border-radius: .3rem
}

.box {
	width: 100%;
	padding: 1.5rem;
	margin-bottom: 3rem;
	border: 1px solid #eee;
	overflow: hidden
}

.equalize .column>.box, .grid-item .box {
	height: 100%
}

.box.dotted {
	border-style: dotted
}

.box.dashed {
	border-style: dashed
}

.box>:first-child {
	margin-top: 0
}

.box :not(.form-element ):last-child {
	margin-bottom: 0
}

.box>a:not(.button ){
	color: inherit;
	font-weight: 700
}

.box>a:not(.button ):hover {
	color: inherit;
	text-decoration: underline
}

.box.dismissable {
	max-height: 100rem;
	padding-right: 3rem
}

.box.dismissable .close {
	text-decoration: none;
	opacity: .5;
	display: block;
	float: right;
	position: relative;
	right: -2rem
}

.box.dismissable .close:hover {
	text-decoration: none;
	opacity: 1
}

.box.small {
	padding: 1rem;
	font-size: 1rem
}

.box.small.dismissable {
	padding-right: 2rem
}

.box.small.dismissable .close {
	right: -1.5rem
}

.box.medium {
	padding: 1.5rem
}

.box.large {
	padding: 2.5rem;
	font-size: 1.4rem
}

.box.large.dismissable {
	padding-right: 5rem
}

.box.large.dismissable .close {
	right: -3rem
}

.box.xlarge {
	padding: 3rem;
	font-size: 1.5rem
}

.box.xlarge.dismissable {
	padding-right: 6rem
}

.bar, .range-active-segment {
	width: 100%;
	padding: 0 1.5rem;
	-webkit-backface-visibility: hidden
}

.box.xlarge.dismissable .close {
	right: -3.5rem
}

.box.rounded {
	border-radius: .3rem
}

.label {
	border: 1px solid #eee
}

.label [class*=icon-]:before {
	margin-left: 0;
	margin-right: .5rem
}

.highlight, .label {
	background: #eee;
	color: #666
}

.label.rounded {
	border-radius: .3rem
}

.progress-bar-group {
	margin-bottom: 3rem
}

.progress-bar-group .progress-bar:last-child {
	margin-bottom: 0
}

.progress-bar {
	width: 100%;
	height: 2rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #666;
	border: 1px solid #eee;
	background: #eee;
	overflow: hidden;
	transform: translate3d(0, 0, 0)
}

.progress-bar.tmh-perspective {
	overflow: hidden !important
}

.aux-navigation-active .progress-bar {
	-webkit-mask-image: none
}

.bar {
	height: 100%;
	border: 1px solid #d0d0d0;
	background: #d0d0d0
}

.progress-bar-label {
	margin-bottom: .8rem;
	color: #666;
	font-size: 1.2rem;
	display: block
}

.progress-bar-label+.progress-bar {
	margin-bottom: 1.7rem
}

.progress-bar.small {
	height: 1.3rem;
	font-size: 1rem;
	line-height: .8rem
}

.progress-bar.medium {
	height: 2rem
}

.progress-bar.large {
	height: 3rem;
	font-size: 1.4rem;
	line-height: 2.6rem
}

.progress-bar.xlarge {
	height: 4rem;
	font-size: 1.5rem;
	line-height: 3.6rem
}

.progress-bar.rounded, .progress-bar.rounded .bar {
	border-radius: .3rem
}

.progress-bar.pill, .progress-bar.pill .bar {
	border-radius: 10.5rem
}

.range-slider {
	width: 100%;
	height: 2rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #666;
	border: 1px solid #eee;
	background: #eee;
	overflow: hidden;
	position: relative;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.aux-navigation-active .range-slider {
	-webkit-mask-image: none
}

.range-active-segment {
	height: 100%;
	border: 1px solid #d0d0d0;
	background: #d0d0d0;
	position: absolute;
	z-index: 0
}

.range-handle {
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block;
	background: #666;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.range-slider.small {
	height: 1.3rem;
	font-size: 1rem;
	line-height: .8rem
}

.range-slider.small .range-handle {
	width: 1.1rem;
	height: 1.1rem
}

.range-slider.medium {
	height: 2rem
}

.range-slider.medium .range-handle {
	width: 1.8rem;
	height: 1.8rem
}

.range-slider.large {
	height: 3rem;
	font-size: 1.4rem;
	line-height: 2.6rem
}

.range-slider.large .range-handle {
	width: 2.8rem;
	height: 2.8rem
}

.range-slider.xlarge {
	height: 4rem;
	font-size: 1.5rem;
	line-height: 3.6rem
}

.range-slider.xlarge .range-handle {
	width: 3.8rem;
	height: 3.8rem
}

.range-slider .range-handle, .range-slider.rounded, .range-slider.rounded .range-active-segment {
	border-radius: .3rem
}

.range-slider .range-handle, .range-slider.pill, .range-slider.pill .range-active-segment {
	border-radius: 10.5rem
}

.video-container {
	max-width: 100%;
	overflow: hidden
}

.audio-container, .video-container {
	margin-bottom: 3rem
}

.audio-container .mejs-container {
	height: 3rem
}

iframe {
	width: 100%;
	border: none;
	overflow: hidden
}

.divider, hr {
	margin: 3rem 0;
	border-top: 1px solid #eee;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	height: 0;
	clear: both
}

address, p {
	margin: 0 0 3rem
}

.divider.dashed, hr.dashed {
	border-style: dashed
}

.divider.dotted, hr.dotted {
	border-style: dotted
}

.divider.thick, hr.thick {
	border-top-width: .2rem
}

.divider[class*=border-], .divider[class*=border-].dashed, .divider[class*=border-].dotted, hr[class*=border-], hr[class*=border-].dashed, hr[class*=border-].dotted {
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	margin: 0 0 2rem
}

h1 {
	font-size: 4.8rem
}

h2 {
	font-size: 3.2rem
}

h3 {
	font-size: 2.4rem
}

h3.widget-title, h4 {
	font-size: 2.1rem
}

h5 {
	font-size: 1.8rem
}

h6 {
	font-size: 1.6rem
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size: inherit;
	line-height: inherit
}

h1 span[class*=border-], h1 span[class*=bkg-], h1[class*=border-], h1[class*=bkg-], h2 span[class*=border-], h2 span[class*=bkg-], h2[class*=border-], h2[class*=bkg-], h3 span[class*=border-], h3 span[class*=bkg-], h3[class*=border-], h3[class*=bkg-], h4 span[class*=border-], h4 span[class*=bkg-], h4[class*=border-], h4[class*=bkg-], h5 span[class*=border-], h5 span[class*=bkg-], h5[class*=border-], h5[class*=bkg-], h6 span[class*=border-], h6 span[class*=bkg-], h6[class*=border-], h6[class*=bkg-], p[class*=border-], p[class*=bkg-] {
	padding: .4rem .6rem
}

.lead {
	margin-bottom: 3rem;
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: 200
}

.separator {
	width: 10rem;
	height: .4rem;
	display: block;
	background-color: #333;
	margin-bottom: 2rem
}

.separator.small {
	width: 7rem;
	height: .2rem
}

.separator.large {
	width: 13rem;
	height: .6rem
}

.separator.xlarge {
	width: 16rem;
	height: .8rem
}

.separator.full-width {
	width: 100%
}

.center .separator, .separator.center {
	margin-right: auto;
	margin-left: auto
}

.right .separator, .separator.right {
	margin-left: auto
}

.font-alt-1 {
	font-family: "Times New Roman", Arial, sans-serif
}

em {
	font-style: italic
}

strong {
	font-weight: 700
}

small {
	font-size: 65%
}

[class*=weight-] a, [class*=weight-] p, [class*=weight-] span {
	font-weight: inherit
}

.weight-light {
	font-weight: 100
}

.weight-thin {
	font-weight: 200
}

.weight-regular {
	font-weight: 400
}

.weight-semi-bold {
	font-weight: 600
}

.weight-bold {
	font-weight: 700
}

.weight-xbold {
	font-weight: 900
}

.text-shadow {
	text-shadow: .2rem .2rem .2rem rgba(0, 0, 0, .5)
}

[class*=lspacing-] a, [class*=lspacing-] p, [class*=lspacing-] span {
	letter-spacing: inherit
}

.lspacing-small {
	letter-spacing: .2rem
}

.lspacing-medium {
	letter-spacing: .3rem
}

.lspacing-large {
	letter-spacing: .5rem
}

.lspacing-xlarge {
	letter-spacing: .8rem
}

a, p a {
	color: #666;
	text-decoration: none;
	outline: 0
}

a:hover, p a:hover {
	color: #333;
	text-decoration: none
}

::selection {
	background: #333;
	color: #fff
}

::-moz-selection {
	background: #333;
	color: #fff
}

blockquote {
	margin: 0 0 3rem;
	font-size: 1.8rem;
	line-height: 1.5
}

blockquote p {
	margin-bottom: 0;
	font-size: 1.8rem
}

blockquote .cite, blockquote cite {
	margin-top: 2rem;
	font-size: 60%;
	display: block
}

blockquote.small, blockquote.small p {
	font-size: 1.6rem
}

blockquote.medium, blockquote.medium p {
	font-size: 1.8rem
}

blockquote.large, blockquote.large p {
	font-size: 2.1rem
}

blockquote.xlarge, blockquote.xlarge p {
	font-size: 2.4rem
}

blockquote.border {
	padding: 0 0 0 2.5rem;
	border-left: 1px solid #eee
}

blockquote.border.small {
	padding-left: 2rem;
	padding-right: 2rem
}

blockquote.border.medium {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

blockquote.border.large {
	padding-left: 3rem;
	padding-right: 3rem
}

blockquote.border.xlarge {
	padding-left: 3.5rem;
	padding-right: 3.5rem
}

blockquote.icon [class*=icon-] {
	font-size: 150%;
	text-align: center;
	line-height: 0
}

blockquote.avatar span, blockquote.avatar span img {
	width: 5rem;
	height: 5rem;
	border-radius: 7rem;
	display: inline-block
}

blockquote.avatar.small span, blockquote.avatar.small span img {
	width: 4rem;
	height: 4rem
}

blockquote.avatar.medium span, blockquote.avatar.medium span img {
	width: 5rem;
	height: 5rem
}

blockquote.avatar.large span, blockquote.avatar.large span img {
	width: 6rem;
	height: 6rem
}

blockquote.avatar.xlarge span, blockquote.avatar.xlarge span img {
	width: 7rem;
	height: 7rem
}

blockquote.pull-left {
	width: 40%;
	float: left;
	margin-right: 2rem;
	margin-bottom: 2rem
}

blockquote.pull-right {
	width: 40%;
	float: right;
	margin-left: 2rem;
	margin-bottom: 2rem
}

blockquote.border.center, blockquote.center {
	margin-left: auto;
	margin-right: auto
}

blockquote.border.right {
	padding: 0 2.5rem 0 0;
	border-left: none;
	border-right: 1px solid #eee
}

blockquote.border.center {
	padding: 2.5rem 0 0;
	border-left: none;
	border-top: 1px solid #eee
}

.breadcrumb {
	overflow: hidden
}

.breadcrumb li {
	float: left
}

.breadcrumb li, .breadcrumb li a {
	font-size: 1.2rem
}

.breadcrumb li:after, .breadcrumb li:before {
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	font-family: icomoon
}

.breadcrumb li:after {
	content: "\e640"
}

.breadcrumb.center li {
	display: inline-block;
	float: none
}

.breadcrumb.right li:after {
	padding: 0;
	content: ""
}

.breadcrumb.right li:before {
	content: "\e63f"
}

.breadcrumb li:last-child:after, .breadcrumb.right li:first-child:before {
	content: "";
	padding: 0
}

code, kbd, samp {
	font-family: "Courier New", Courier, monospace, sans-serif;
	text-align: left
}

[class*=" icon-"], [class*=tms-arrow-nav]:before, [class*=tml-nav]:before, [class^=tms-arrow-nav]:before, [class^=tml-nav]:before, [class^=icon-] {
	font-family: icomoon;
	speak: none;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

pre {
	max-width: 100%;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word
}

pre code {
	line-height: 1.5
}

.tag {
	color: #074a72
}

.tag .att {
	color: #47a4db
}

.tag .val {
	color: #d74950
}

.tag .comm {
	color: #999
}

/*
@font-face {
	font-family: icomoon;
	src: url(Fonts/entypo.eot);
	src: url(Fonts/entypo.eot) format('embedded-opentype'), url(Fonts/entypo.woff) format('woff'), url(Fonts/entypo.ttf) format('truetype'), url(Fonts/entypo.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
*/

[class*=" icon-"], [class^=icon-] {
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	display: inline-block
}

.icon-add-to-list:before {
	content: "\e600"
}

.icon-add-user:before {
	content: "\e601"
}

.icon-address:before {
	content: "\e602"
}

.icon-adjust:before {
	content: "\e603"
}

.icon-air:before {
	content: "\e604"
}

.icon-aircraft-landing:before {
	content: "\e605"
}

.icon-aircraft-take-off:before {
	content: "\e606"
}

.icon-aircraft:before {
	content: "\e607"
}

.icon-align-bottom:before {
	content: "\e608"
}

.icon-align-horizontal-middle:before {
	content: "\e609"
}

.icon-align-left:before {
	content: "\e60a"
}

.icon-align-right:before {
	content: "\e60b"
}

.icon-align-top:before {
	content: "\e60c"
}

.icon-align-vertical-middle:before {
	content: "\e60d"
}

.icon-archive:before {
	content: "\e60e"
}

.icon-area-graph:before {
	content: "\e60f"
}

.icon-arrow-bold-down:before {
	content: "\e610"
}

.icon-arrow-bold-left:before {
	content: "\e611"
}

.icon-arrow-bold-right:before {
	content: "\e612"
}

.icon-arrow-bold-up:before {
	content: "\e613"
}

.icon-arrow-down:before {
	content: "\e614"
}

.icon-arrow-left:before {
	content: "\e615"
}

.icon-arrow-long-down:before {
	content: "\e616"
}

.icon-arrow-long-left:before {
	content: "\e617"
}

.icon-arrow-long-right:before {
	content: "\e618"
}

.icon-arrow-long-up:before {
	content: "\e619"
}

.icon-arrow-right:before {
	content: "\e61a"
}

.icon-arrow-up:before {
	content: "\e61b"
}

.icon-arrow-with-circle-down:before {
	content: "\e61c"
}

.icon-arrow-with-circle-left:before {
	content: "\e61d"
}

.icon-arrow-with-circle-right:before {
	content: "\e61e"
}

.icon-arrow-with-circle-up:before {
	content: "\e61f"
}

.icon-attachment:before {
	content: "\e620"
}

.icon-awareness-ribbon:before {
	content: "\e621"
}

.icon-back-in-time:before {
	content: "\e622"
}

.icon-back:before {
	content: "\e623"
}

.icon-bar-graph:before {
	content: "\e624"
}

.icon-battery:before {
	content: "\e625"
}

.icon-beamed-note:before {
	content: "\e626"
}

.icon-bell:before {
	content: "\e627"
}

.icon-blackboard:before {
	content: "\e628"
}

.icon-block:before {
	content: "\e629"
}

.icon-book:before {
	content: "\e62a"
}

.icon-bookmark:before {
	content: "\e62b"
}

.icon-bookmarks:before {
	content: "\e62c"
}

.icon-bowl:before {
	content: "\e62d"
}

.icon-box:before {
	content: "\e62e"
}

.icon-briefcase:before {
	content: "\e62f"
}

.icon-browser:before {
	content: "\e630"
}

.icon-brush:before {
	content: "\e631"
}

.icon-bucket:before {
	content: "\e632"
}

.icon-bug:before {
	content: "\e633"
}

.icon-cake:before {
	content: "\e634"
}

.icon-calculator:before {
	content: "\e635"
}

.icon-calendar:before {
	content: "\e636"
}

.icon-camera:before {
	content: "\e637"
}

.icon-ccw:before {
	content: "\e638"
}

.icon-chat:before {
	content: "\e639"
}

.icon-check:before {
	content: "\e63a"
}

.icon-down:before {
	content: "\e63b"
}

.icon-left:before {
	content: "\e63c"
}

.icon-right:before {
	content: "\e63d"
}

.icon-down-open-mini:before {
	content: "\e63e"
}

.icon-left-open-mini:before {
	content: "\e63f"
}

.icon-right-open-mini:before {
	content: "\e640"
}

.icon-up-open-mini:before {
	content: "\e641"
}

.icon-down-open-big:before {
	content: "\e642"
}

#tms-prev:before, .icon-left-open-big:before {
	content: "\e643"
}

.icon-right-open-big:before {
	content: "\e644"
}

.icon-up-open-big:before {
	content: "\e645"
}

.icon-up:before {
	content: "\e646"
}

.icon-down-circled:before {
	content: "\e647"
}

.icon-left-circled:before {
	content: "\e648"
}

.icon-right-circled:before {
	content: "\e649"
}

.icon-up-circled:before {
	content: "\e64a"
}

.icon-circle-with-cross:before {
	content: "\e64b"
}

.icon-circle-with-minus:before {
	content: "\e64c"
}

.icon-circle-with-plus:before {
	content: "\e64d"
}

.icon-circle:before {
	content: "\e64e"
}

.icon-circular-graph:before {
	content: "\e64f"
}

.icon-clapperboard:before {
	content: "\e650"
}

.icon-classic-computer:before {
	content: "\e651"
}

.icon-clipboard:before {
	content: "\e652"
}

.icon-clock {
	background:url(../img/svg/000000/clock.svg);
}
/* .icon-clock:before {
	content: "\e653";
} */

.icon-cloud:before {
	content: "\e654"
}

.icon-code:before {
	content: "\e655"
}

.icon-cog:before {
	content: "\e656"
}

.icon-colours:before {
	content: "\e657"
}

.icon-compass:before {
	content: "\e658"
}

.icon-fast-backward:before {
	content: "\e659"
}

.icon-fast-forward:before {
	content: "\e65a"
}

.icon-jump-to-start:before {
	content: "\e65b"
}

.icon-next:before {
	content: "\e65c"
}

.icon-paus:before {
	content: "\e65d"
}

.icon-play:before {
	content: "\e65e"
}

.icon-record:before {
	content: "\e65f"
}

.icon-stop:before {
	content: "\e660"
}

.icon-volume:before {
	content: "\e661"
}

.icon-copy:before {
	content: "\e662"
}

.icon-creative-commons-attribution:before {
	content: "\e663"
}

.icon-creative-commons-noderivs:before {
	content: "\e664"
}

.icon-creative-commons-noncommercial-eu:before {
	content: "\e665"
}

.icon-creative-commons-noncommercial-us:before {
	content: "\e666"
}

.icon-creative-commons-public-domain:before {
	content: "\e667"
}

.icon-creative-commons-remix:before {
	content: "\e668"
}

.icon-creative-commons-share:before {
	content: "\e669"
}

.icon-creative-commons-sharealike:before {
	content: "\e66a"
}

.icon-creative-commons:before {
	content: "\e66b"
}

.icon-credit-card:before {
	content: "\e66c"
}

.icon-credit:before {
	content: "\e66d"
}

.icon-crop:before {
	content: "\e66e"
}

.icon-cancel:before {
	content: "\e66f"
}

.icon-cup:before {
	content: "\e670"
}

.icon-cw:before {
	content: "\e671"
}

.icon-cycle:before {
	content: "\e672"
}

.icon-database:before {
	content: "\e673"
}

.icon-dial-pad:before {
	content: "\e674"
}

.icon-direction:before {
	content: "\e675"
}

.icon-document-landscape:before {
	content: "\e676"
}

.icon-document:before {
	content: "\e677"
}

.icon-documents:before {
	content: "\e678"
}

.icon-dot-single:before {
	content: "\e679"
}

.icon-dots-three-horizontal:before {
	content: "\e67a"
}

.icon-dots-three-vertical:before {
	content: "\e67b"
}

.icon-dots-two-horizontal:before {
	content: "\e67c"
}

.icon-dots-two-vertical:before {
	content: "\e67d"
}

.icon-download:before {
	content: "\e67e"
}

.icon-drink:before {
	content: "\e67f"
}

.icon-drive:before {
	content: "\e680"
}

.icon-drop:before {
	content: "\e681"
}

.icon-edit:before {
	content: "\e682"
}

.icon-email:before {
	content: "\e683"
}

.icon-emoji-flirt:before {
	content: "\e684"
}

.icon-emoji-happy:before {
	content: "\e685"
}

.icon-emoji-neutral:before {
	content: "\e686"
}

.icon-emoji-sad:before {
	content: "\e687"
}

.icon-erase:before {
	content: "\e688"
}

.icon-eraser:before {
	content: "\e689"
}

.icon-export:before {
	content: "\e68a"
}

.icon-eye-with-line:before {
	content: "\e68b"
}

.icon-eye:before {
	content: "\e68c"
}

.icon-feather:before {
	content: "\e68d"
}

.icon-fingerprint:before {
	content: "\e68e"
}

.icon-flag:before {
	content: "\e68f"
}

.icon-flash:before {
	content: "\e690"
}

.icon-flashlight:before {
	content: "\e691"
}

.icon-flat-brush:before {
	content: "\e692"
}

.icon-flow-branch:before {
	content: "\e693"
}

.icon-flow-cascade:before {
	content: "\e694"
}

.icon-flow-line:before {
	content: "\e695"
}

.icon-flow-parallel:before {
	content: "\e696"
}

.icon-flow-tree:before {
	content: "\e697"
}

.icon-flower:before {
	content: "\e698"
}

.icon-folder-images:before {
	content: "\e699"
}

.icon-folder-music:before {
	content: "\e69a"
}

.icon-folder-video:before {
	content: "\e69b"
}

.icon-folder:before {
	content: "\e69c"
}

.icon-forward:before {
	content: "\e69d"
}

.icon-funnel:before {
	content: "\e69e"
}

.icon-game-controller:before {
	content: "\e69f"
}

.icon-gauge:before {
	content: "\e6a0"
}

.icon-globe:before {
	content: "\e6a1"
}

.icon-graduation-cap:before {
	content: "\e6a2"
}
.icon-grid {
	background:url(../img/svg/000000/grid.svg);
}
/*.icon-grid:before {
	content: "\e6a3"
}*/

.icon-hair-cross:before {
	content: "\e6a4"
}

.icon-hand:before {
	content: "\e6a5"
}

.icon-heart-outlined:before {
	content: "\e6a6"
}

.icon-heart:before {
	content: "\e6a7"
}

.icon-help-with-circle:before {
	content: "\e6a8"
}

.icon-help:before {
	content: "\e6a9"
}
.icon-home {
	background:url(../img/svg/000000/home.svg);
}
.icon-home-white {
	position: relative;
	background:url(../img/svg/ffffff/home.svg);
}
/*.icon-home:before {
	content: "\e6aa"
}*/

.icon-hour-glass {
	background:url(../img/svg/000000/hour-glass.svg);
}
/*.icon-hour-glass:before {
	content: "\e6ab"
}*/

.icon-image-inverted:before {
	content: "\e6ac"
}

.icon-image:before {
	content: "\e6ad"
}

.icon-images:before {
	content: "\e6ae"
}

.icon-inbox:before {
	content: "\e6af"
}

.icon-infinity:before {
	content: "\e6b0"
}

.icon-info-with-circle:before {
	content: "\e6b1"
}

.icon-info:before {
	content: "\e6b2"
}

.icon-install:before {
	content: "\e6b3"
}

.icon-key:before {
	content: "\e6b4"
}

.icon-keyboard:before {
	content: "\e6b5"
}

.icon-lab-flask:before {
	content: "\e6b6"
}

.icon-landline:before {
	content: "\e6b7"
}

.icon-language:before {
	content: "\e6b8"
}

.icon-laptop:before {
	content: "\e6b9"
}

.icon-layers:before {
	content: "\e6ba"
}

.icon-leaf:before {
	content: "\e6bb"
}

.icon-level-down:before {
	content: "\e6bc"
}

.icon-level-up:before {
	content: "\e6bd"
}

.icon-lifebuoy:before {
	content: "\e6be"
}

.icon-light-bulb:before {
	content: "\e6bf"
}

.icon-light-down:before {
	content: "\e6c0"
}

.icon-light-up:before {
	content: "\e6c1"
}

.icon-line-graph:before {
	content: "\e6c2"
}

.icon-link:before {
	content: "\e6c3"
}
.icon-list{
	background:url(../img/svg/000000/list.svg);
}
/*.icon-list:before {
	content: "\e6c4"
}*/

.icon-location-pin:before {
	content: "\e6c5"
}

.icon-location:before {
	content: "\e6c6"
}

.icon-lock-open:before {
	content: "\e6c7"
}

.icon-lock:before {
	content: "\e6c8"
}

.icon-log-out:before {
	content: "\e6c9"
}

.icon-login:before {
	content: "\e6ca"
}

.icon-loop:before {
	content: "\e6cb"
}

.icon-magnet:before {
	content: "\e6cc"
}

.icon-magnifying-glass {
	 background:url(../img/svg/000000/magnifying-glass.svg);
}
.icon-magnifying-glass-white {
	 background:url(../img/svg/ffffff/magnifying-glass.svg);
}
/*.icon-magnifying-glass:before {
	content: "\e6cd"
}*/

.icon-mail:before {
	content: "\e6ce"
}

.icon-man:before {
	content: "\e6cf"
}

.icon-map:before {
	content: "\e6d0"
}

.icon-mask:before {
	content: "\e6d1"
}

.icon-medal:before {
	content: "\e6d2"
}

.icon-megaphone:before {
	content: "\e6d3"
}
.nav-icon {
	background:url(../img/svg/ffffff/menu.svg) no-repeat center center !important;
	background-size:32px !important;
	cursor:pointer;
}
.icon-menu {

}
/* .icon-menu:before {
	content: "\e6d4"
} */

.icon-merge:before {
	content: "\e6d5"
}

.icon-message:before {
	content: "\e6d6"
}

.icon-mic:before {
	content: "\e6d7"
}

.icon-minus:before {
	content: "\e6d8"
}

.icon-mobile {
	background:url(../img/svg/000000/mobile.svg);
	width:2rem !important;
	height:2rem !important;
	background-size:contain;
}
/*.icon-mobile:before {
	content: "\e6d9"
}*/

.icon-modern-mic:before {
	content: "\e6da"
}

.icon-moon:before {
	content: "\e6db"
}

.icon-mouse-pointer:before {
	content: "\e6dc"
}

.icon-mouse:before {
	content: "\e6dd"
}

.icon-music:before {
	content: "\e6de"
}

.icon-network:before {
	content: "\e6df"
}

.icon-new-message:before {
	content: "\e6e0"
}

.icon-new:before {
	content: "\e6e1"
}

.icon-news:before {
	content: "\e6e2"
}

.icon-newsletter:before {
	content: "\e6e3"
}

.icon-note:before {
	content: "\e6e4"
}

.icon-notification:before {
	content: "\e6e5"
}

.icon-notifications-off:before {
	content: "\e6e6"
}

.icon-old-mobile:before {
	content: "\e6e7"
}

.icon-old-phone:before {
	content: "\e6e8"
}

.icon-open-book:before {
	content: "\e6e9"
}

.icon-palette:before {
	content: "\e6ea"
}

.icon-paper-plane:before {
	content: "\e6eb"
}

.icon-pencil:before {
	content: "\e6ec"
}

.icon-phone:before {
	content: "\e6ed"
}

.icon-pie-chart:before {
	content: "\e6ee"
}

.icon-pin:before {
	content: "\e6ef"
}

.icon-plus:before {
	content: "\e6f0"
}

.icon-popup:before {
	content: "\e6f1"
}

.icon-power-plug:before {
	content: "\e6f2"
}

.icon-price-ribbon:before {
	content: "\e6f3"
}

.icon-price-tag:before {
	content: "\e6f4"
}

.icon-print:before {
	content: "\e6f5"
}

.icon-progress-empty:before {
	content: "\e6f6"
}

.icon-progress-full:before {
	content: "\e6f7"
}

.icon-progress-one:before {
	content: "\e6f8"
}

.icon-progress-two:before {
	content: "\e6f9"
}

.icon-publish:before {
	content: "\e6fa"
}

.icon-quote:before {
	content: "\e6fb"
}

.icon-radio:before {
	content: "\e6fc"
}

.icon-remove-user:before {
	content: "\e6fd"
}

.icon-reply-all:before {
	content: "\e6fe"
}

.icon-reply:before {
	content: "\e6ff"
}

.icon-resize-100:before {
	content: "\e700"
}

.icon-resize-full-screen:before {
	content: "\e701"
}

.icon-retweet:before {
	content: "\e702"
}

.icon-rocket:before {
	content: "\e703"
}

.icon-round-brush:before {
	content: "\e704"
}

.icon-rss:before {
	content: "\e705"
}

.icon-ruler:before {
	content: "\e706"
}

.icon-save:before {
	content: "\e707"
}

.icon-scissors:before {
	content: "\e708"
}

.icon-select-arrows:before {
	content: "\e709"
}

.icon-share-alternative:before {
	content: "\e70a"
}

.icon-share:before {
	content: "\e70b"
}

.icon-shareable:before {
	content: "\e70c"
}

.icon-shield:before {
	content: "\e70d"
}

.icon-shop:before {
	content: "\e70e"
}

.icon-shopping-bag:before {
	content: "\e70f"
}

.icon-shopping-basket {
	background:url(../img/svg/000000/shopping-basket.svg);
}
/*.icon-shopping-basket:before {
	content: "\e710"
}*/

.icon-shopping-cart:before {
	content: "\e711"
}

.icon-shuffle:before {
	content: "\e712"
}

.icon-signal:before {
	content: "\e713"
}

.icon-sound-mix:before {
	content: "\e714"
}

.icon-sound-mute:before {
	content: "\e715"
}

.icon-sound:before {
	content: "\e716"
}

.icon-sports-club:before {
	content: "\e717"
}

.icon-spreadsheet:before {
	content: "\e718"
}

.icon-squared-cross:before {
	content: "\e719"
}

.icon-squared-minus:before {
	content: "\e71a"
}

.icon-squared-plus:before {
	content: "\e71b"
}

.icon-star-outlined:before {
	content: "\e71c"
}

.icon-star:before {
	content: "\e71d"
}

.icon-stopwatch:before {
	content: "\e71e"
}

.icon-suitcase:before {
	content: "\e71f"
}

.icon-swap:before {
	content: "\e720"
}

.icon-sweden:before {
	content: "\e721"
}

.icon-switch:before {
	content: "\e722"
}

.icon-tablet-mobile-combo:before {
	content: "\e723"
}

.icon-tablet:before {
	content: "\e724"
}

.icon-tag:before {
	content: "\e725"
}

.icon-text-document-inverted:before {
	content: "\e726"
}

.icon-text-document:before {
	content: "\e727"
}

.icon-text:before {
	content: "\e728"
}

.icon-thermometer:before {
	content: "\e729"
}

.icon-thumbs-down:before {
	content: "\e72a"
}

.icon-thumbs-up:before {
	content: "\e72b"
}

.icon-thunder-cloud:before {
	content: "\e72c"
}

.icon-ticket:before {
	content: "\e72d"
}

.icon-time-slot:before {
	content: "\e72e"
}

.icon-tools:before {
	content: "\e72f"
}

.icon-traffic-cone:before {
	content: "\e730"
}

.icon-trash:before {
	content: "\e731"
}

.icon-tree:before {
	content: "\e732"
}

.icon-triangle-down:before {
	content: "\e733"
}

.icon-triangle-left:before {
	content: "\e734"
}

.icon-triangle-right:before {
	content: "\e735"
}

.icon-triangle-up:before {
	content: "\e736"
}

.icon-trophy:before {
	content: "\e737"
}

.icon-tv:before {
	content: "\e738"
}

.icon-typing:before {
	content: "\e739"
}

.icon-uninstall:before {
	content: "\e73a"
}

.icon-unread:before {
	content: "\e73b"
}

.icon-untag:before {
	content: "\e73c"
}

.icon-upload-to-cloud:before {
	content: "\e73d"
}

.icon-upload:before {
	content: "\e73e"
}

.icon-user:before {
	content: "\e73f"
}

.icon-users:before {
	content: "\e740"
}

.icon-v-card:before {
	content: "\e741"
}

.icon-video-camera:before {
	content: "\e742"
}

.icon-video:before {
	content: "\e743"
}

.icon-vinyl:before {
	content: "\e744"
}

.icon-voicemail:before {
	content: "\e745"
}

.icon-wallet {
	background:url(../img/svg/000000/wallet.svg);
}
/*.icon-wallet:before {
	content: "\e746"
}*/

.icon-warning:before {
	content: "\e747"
}

.icon-water:before {
	content: "\e748"
}

.icon-px-with-circle:before {
	content: "\e749"
}

.icon-px:before {
	content: "\e74a"
}

.icon-app-store:before {
	content: "\e74b"
}

.icon-baidu:before {
	content: "\e74c"
}

.icon-basecamp:before {
	content: "\e74d"
}

.icon-behance:before {
	content: "\e74e"
}

.icon-creative-cloud:before {
	content: "\e74f"
}

.icon-dribbble-with-circle:before {
	content: "\e750"
}

.icon-dribbble:before {
	content: "\e751"
}

.icon-dropbox:before {
	content: "\e752"
}

.icon-evernote:before {
	content: "\e753"
}

.icon-facebook-with-circle:before {
	content: "\e754"
}

.icon-facebook:before {
	content: "\e755"
}

.icon-flattr:before {
	content: "\e756"
}

.icon-flickr-with-circle:before {
	content: "\e757"
}

.icon-flickr:before {
	content: "\e758"
}

.icon-foursquare:before {
	content: "\e759"
}

.icon-github-with-circle:before {
	content: "\e75a"
}

.icon-github:before {
	content: "\e75b"
}

.icon-google-drive:before {
	content: "\e75c"
}

.icon-google-hangouts:before {
	content: "\e75d"
}

.icon-google-play:before {
	content: "\e75e"
}

.icon-google-with-circle:before {
	content: "\e75f"
}

.icon-google:before {
	content: "\e760"
}

.icon-grooveshark:before {
	content: "\e761"
}

.icon-houzz:before {
	content: "\e762"
}

.icon-icloud:before {
	content: "\e763"
}

.icon-instagram-with-circle:before {
	content: "\e764"
}

.icon-instagram:before {
	content: "\e765"
}

.icon-lastfm-with-circle:before {
	content: "\e766"
}

.icon-lastfm:before {
	content: "\e767"
}

.icon-linkedin-with-circle:before {
	content: "\e768"
}

.icon-linkedin:before {
	content: "\e769"
}

.icon-mail-with-circle:before {
	content: "\e76a"
}

.icon-medium-with-circle:before {
	content: "\e76b"
}

.icon-medium:before {
	content: "\e76c"
}

.icon-mixi:before {
	content: "\e76d"
}

.icon-onedrive:before {
	content: "\e76e"
}

.icon-paypal:before {
	content: "\e76f"
}

.icon-picasa:before {
	content: "\e770"
}

.icon-pinterest-with-circle:before {
	content: "\e771"
}

.icon-pinterest:before {
	content: "\e772"
}

.icon-qq-with-circle:before {
	content: "\e773"
}

.icon-qq:before {
	content: "\e774"
}

.icon-raft-with-circle:before {
	content: "\e775"
}

.icon-raft:before {
	content: "\e776"
}

.icon-rainbow:before {
	content: "\e777"
}

.icon-rdio-with-circle:before {
	content: "\e778"
}

.icon-rdio:before {
	content: "\e779"
}

.icon-renren:before {
	content: "\e77a"
}

.icon-scribd:before {
	content: "\e77b"
}

.icon-sina-weibo:before {
	content: "\e77c"
}

.icon-skype-with-circle:before {
	content: "\e77d"
}

.icon-skype:before {
	content: "\e77e"
}

.icon-slideshare:before {
	content: "\e77f"
}

.icon-smashing:before {
	content: "\e780"
}

.icon-soundcloud:before {
	content: "\e781"
}

.icon-spotify-with-circle:before {
	content: "\e782"
}

.icon-spotify:before {
	content: "\e783"
}

.icon-stumbleupon-with-circle:before {
	content: "\e784"
}

.icon-stumbleupon:before {
	content: "\e785"
}

.icon-swarm:before {
	content: "\e786"
}

.icon-tripadvisor:before {
	content: "\e787"
}

.icon-tumblr-with-circle:before {
	content: "\e788"
}

.icon-tumblr:before {
	content: "\e789"
}

.icon-twitter-with-circle:before {
	content: "\e78a"
}

.icon-twitter:before {
	content: "\e78b"
}

.icon-vimeo-with-circle:before {
	content: "\e78c"
}

.icon-vimeo:before {
	content: "\e78d"
}

.icon-vine-with-circle:before {
	content: "\e78e"
}

.icon-vine:before {
	content: "\e78f"
}

.icon-vk-alternitive:before {
	content: "\e790"
}

.icon-vk-with-circle:before {
	content: "\e791"
}

.icon-vk:before {
	content: "\e792"
}

.icon-windows-store:before {
	content: "\e793"
}

.icon-xing-with-circle:before {
	content: "\e794"
}

.icon-xing:before {
	content: "\e795"
}

.icon-yelp:before {
	content: "\e796"
}

.icon-youko-with-circle:before {
	content: "\e797"
}

.icon-youko:before {
	content: "\e798"
}

.icon-youtube-with-circle:before {
	content: "\e799"
}

.icon-youtube:before {
	content: "\e79a"
}

[class*=icon-].small {
	font-size: 1.6rem;
	width: 1.7rem;
	height: 1.7rem;
}

[class*=icon-].medium {
	font-size: 2.4rem;
	width: 2.5rem;
	height: 2.5rem;
	opacity:0.4;
}

[class*=icon-].large {
	font-size: 3.2rem
}

[class*=icon-].xlarge {
	font-size: 4.8rem
}

.icon-boxed, .icon-circled {
	width: 6.6rem;
	height: 6.6rem;
	margin-bottom: .4rem;
	line-height: 6.6rem;
	text-align: center;
	border: 1px solid #eee
}

.icon-boxed.small, .icon-circled.small {
	width: 5.8rem;
	height: 5.8rem;
	line-height: 5.6rem
}

.icon-boxed.medium, .icon-circled.medium {
	width: 6.6rem;
	height: 6.6rem;
	line-height: 6.4rem
}

.icon-boxed.large, .icon-circled.large {
	width: 7.4rem;
	height: 7.4rem;
	line-height: 7.2rem
}

.icon-boxed.xlarge, .icon-circled.xlarge {
	width: 9rem;
	height: 9rem;
	line-height: 8.8rem
}

.icon-boxed.rounded {
	border-radius: .3rem
}

.icon-circled {
	border-radius: 10rem
}

[class*=border-].padded, [class*=bkg-].padded {
	padding: 1rem 2rem
}

[class*=border-] {
	border: 1px solid #eee
}

[class*=border-hover-]:hover, [class*=border-]:not([class*=bkg-] ), [class*=border-][class*=bkg-hover-] {
	background: 0 0;
	background: rgba(0, 0, 0, 0)
}

[class*=border-].solid {
	border-style: solid;
	border-width: 1px
}

[class*=border-].dashed {
	border-style: dashed;
	border-width: 1px
}

[class*=border-].dotted {
	border-style: dotted;
	border-width: 1px
}

[class*=border-].thick, [class*=border-].thick * {
	border-width: .2rem
}

.border-turquoise {
	border-color: #00a186
}

.border-hover-turquoise:hover {
	border-color: #008b73
}

.border-turquoise-light {
	border-color: #00bd9c
}

.border-hover-turquoise-light:hover {
	border-color: #00a186
}

.border-green {
	border-color: #1bb05d;
	color: #1bb05d
}

.border-green-light {
	border-color: #1ecd6d
}

.border-hover-green-light:hover {
	border-color: #1bb05d
}

.border-blue {
	border-color: #227fbb
}

.border-hover-blue:hover {
	border-color: #1d6ea3
}

.border-blue-light {
	border-color: #2c96dd
}

.border-hover-blue-light:hover {
	border-color: #227fbb
}

.border-navy {
	border-color: #2c3e51
}

.border-hover-navy:hover {
	border-color: #1f2d3b
}

.border-navy-light {
	border-color: #33495f
}

.border-hover-navy-light:hover {
	border-color: #2c3e51
}

.border-purple {
	border-color: #8f3faf
}

.border-purple-light {
	border-color: #b078c6
}

.border-yellow {
	border-color: #f3b100
}

.border-hover-yellow:hover {
	border-color: #e2a50b
}

.border-yellow-light {
	border-color: #ffbe12
}

.border-hover-yellow-light:hover {
	border-color: #f3b100
}

.border-orange {
	border-color: #e87f04
}

.border-hover-orange:hover {
	border-color: #df6f0b
}

.border-orange-light {
	border-color: #f59d00
}

.border-hover-orange-light:hover {
	border-color: #e87f04
}

.border-red {
	border-color: #c23824
}

.border-hover-red:hover {
	border-color: #a9311f
}

.border-red-light {
	border-color: #ea4b35
}

.border-hover-red-light:hover {
	border-color: #c23824
}

.border-hover-white:hover, .border-white {
	border-color: #fff
}

.bkg-base, .border-grey {
	border-color: #666
}

.border-grey-light {
	border-color: #999
}

.border-hover-grey-light:hover {
	border-color: #888
}

.border-grey-ultralight {
	border-color: #f4f4f4
}

.border-hover-grey-ultralight:hover {
	border-color: #f1f1f1
}

.border-charcoal {
	border-color: #333
}

.border-hover-charcoal:hover {
	border-color: #222
}

.border-charcoal-light {
	border-color: #555
}

.border-hover-charcoal-light:hover {
	border-color: #444
}

.border-black, .border-hover-black:hover {
	border-color: #000
}

.border-base {
	border-color: #eee
}

.border-hover-base:hover {
	border-color: #d0d0d0
}

.border-behance, .border-hover-behance:hover {
	border-color: #1769ff;
	color: #1769ff
}

.border-dribbble, .border-hover-dribbble:hover {
	border-color: #ea4c89;
	color: #ea4c89
}

.border-facebook, .border-hover-facebook:hover {
	border-color: #3b5998;
	color: #3b5998
}

.border-flickr, .border-hover-flickr:hover {
	border-color: #0063DC;
	color: #0063DC
}

.border-github, .border-hover-github:hover {
	border-color: #333;
	color: #333
}

.border-google, .border-hover-google:hover {
	border-color: #d34836;
	color: #d34836
}

.border-hover-instagram:hover, .border-instagram {
	border-color: #517fa4;
	color: #517fa4
}

.border-hover-linkedin:hover, .border-linkedin {
	border-color: #007bb6;
	color: #007bb6
}

.border-hover-pinterest:hover, .border-pinterest {
	border-color: #cb2027;
	color: #cb2027
}

.border-hover-skype:hover, .border-skype {
	border-color: #12A5F4;
	color: #12A5F4
}

.border-hover-soundcloud:hover, .border-soundcloud {
	border-color: #f80;
	color: #f80
}

.border-hover-spotify:hover, .border-spotify {
	border-color: #7ab800;
	color: #7ab800
}

.border-hover-tumblr:hover, .border-tumblr {
	border-color: #35465c;
	color: #35465c
}

.border-hover-twitter:hover, .border-twitter {
	border-color: #00aced;
	color: #00aced
}

.border-hover-vimeo:hover, .border-vimeo {
	border-color: #1ab7ea;
	color: #1ab7ea
}

.border-hover-youtube:hover, .border-youtube {
	border-color: #b00;
	color: #b00
}

[class*=bkg-hover-]:hover *, [class*=bkg-hover-]:visited * {
	color: inherit
}

.bkg-turquoise {
	background: #00a186;
	border-color: #00a186
}

.bkg-hover-turquoise:hover {
	background: #008b73;
	border-color: #008b73
}

.bkg-turquoise-light {
	background: #00bd9c;
	border-color: #00bd9c
}

.bkg-hover-turquoise-light:hover {
	background: #00a186;
	border-color: #00a186
}

.bkg-green {
	background: #1bb05d
}

.bkg-hover-green:hover {
	background: #179851
}

.bkg-green-light {
	background: #1ecd6d;
	border-color: #1ecd6d
}

.bkg-hover-green-light:hover {
	background: #1bb05d;
	border-color: #1bb05d
}

.bkg-blue {
	background: #227fbb;
	border-color: #227fbb
}

.bkg-hover-blue:hover {
	background: #1d6ea3;
	border-color: #1d6ea3
}

.bkg-blue-light {
	background: #2c96dd;
	border-color: #2c96dd
}

.bkg-hover-blue-light:hover {
	background: #227fbb;
	border-color: #227fbb
}

.bkg-navy {
	background: #2c3e51;
	border-color: #2c3e51
}

.bkg-hover-navy:hover {
	background: #1f2d3b;
	border-color: #1f2d3b
}

.bkg-navy-light {
	background: #33495f;
	border-color: #33495f
}

.bkg-hover-navy-light:hover {
	background: #2c3e51;
	border-color: #2c3e51
}

.bkg-purple {
	background: #8f3faf
}

.bkg-hover-purple:hover {
	background: #7b3697
}

.bkg-purple-light {
	background: #b078c6
}

.bkg-hover-purple-light:hover {
	background: #8f3faf
}

.bkg-yellow {
	background: #f3b100;
	border-color: #f3b100
}

.bkg-hover-yellow:hover {
	background: #e2a50b;
	border-color: #e2a50b
}

.bkg-yellow-light {
	background: #ffbe12;
	border-color: #ffbe12
}

.bkg-hover-yellow-light:hover {
	background: #f3b100;
	border-color: #f3b100
}

.bkg-orange {
	background: #e87f04;
	border-color: #e87f04
}

.bkg-hover-orange:hover {
	background: #df6f0b;
	border-color: #df6f0b
}

.bkg-orange-light {
	background: #f59d00;
	border-color: #f59d00
}

.bkg-hover-orange-light:hover {
	background: #e87f04;
	border-color: #e87f04
}

.bkg-red {
	background: #c23824;
	border-color: #c23824
}

.bkg-hover-red:hover {
	background: #a9311f;
	border-color: #a9311f
}

.bkg-red-light {
	background: #ea4b35;
	border-color: #ea4b35
}

.bkg-hover-red-light:hover {
	background: #c23824;
	border-color: #c23824
}

.bkg-black, .bkg-hover-black:hover {
	background: #000
}

.bkg-hover-white:hover, .bkg-white {
	background: #fff;
	border-color: #fff
}

.bkg-grey-light {
	background-color: #999;
	border-color: #999
}

.bkg-hover-grey-light:hover {
	background-color: #888;
	border-color: #888
}

.bkg-grey-ultralight {
	background-color: #f4f4f4;
	border-color: #f4f4f4
}

.bkg-hover-grey-ultralight:hover {
	background-color: #f1f1f1;
	border-color: #f1f1f1
}

.bkg-charcoal {
	background-color: #333;
	border-color: #333
}

.bkg-hover-charcoal:hover {
	background-color: #222;
	border-color: #222
}

.bkg-charcoal-light {
	background-color: #555;
	border-color: #555
}

.bkg-hover-charcoal-light:hover {
	background-color: #444;
	border-color: #444
}

.bkg-black, .bkg-hover-black:hover {
	background-color: #000;
	border-color: #000
}

.bkg-base {
	background: #eee;
	border-color: #eee
}

.bkg-hover-base:hover {
	background: #d0d0d0;
	border-color: #666;
	border-color: #eee
}

.bkg-behance, .bkg-hover-behance:hover {
	background-color: #1769ff;
	border-color: #1769ff
}

.bkg-dribbble, .bkg-hover-dribbble:hover {
	background-color: #ea4c89;
	border-color: #ea4c89
}

.bkg-facebook, .bkg-hover-facebook:hover {
	background-color: #3b5998;
	border-color: #3b5998
}

.bkg-flickr, .bkg-hover-flickr:hover {
	background-color: #0063DC;
	border-color: #0063DC
}

.bkg-github, .bkg-hover-github:hover {
	background-color: #333;
	border-color: #333
}

.bkg-google, .bkg-hover-google:hover {
	background-color: #d34836;
	border-color: #d34836
}

.bkg-hover-instagram:hover, .bkg-instagram {
	background-color: #517fa4;
	border-color: #517fa4
}

.bkg-hover-linkedin:hover, .bkg-linkedin {
	background-color: #007bb6;
	border-color: #007bb6
}

.bkg-hover-pinterest:hover, .bkg-pinterest {
	background-color: #cb2027;
	border-color: #cb2027
}

.bkg-hover-skype:hover, .bkg-skype {
	background-color: #12A5F4;
	border-color: #12A5F4
}

.bkg-hover-soundcloud:hover, .bkg-soundcloud {
	background-color: #f80;
	border-color: #f80
}

.bkg-hover-spotify:hover, .bkg-spotify {
	background-color: #7ab800;
	border-color: #7ab800
}

.bkg-hover-tumblr:hover, .bkg-tumblr {
	background-color: #35465c;
	border-color: #35465c
}

.bkg-hover-twitter:hover, .bkg-twitter {
	background-color: #00aced;
	border-color: #00aced
}

.bkg-hover-vimeo:hover, .bkg-vimeo {
	background-color: #1ab7ea;
	border-color: #1ab7ea
}

.bkg-hover-youtube:hover, .bkg-youtube {
	background-color: #b00;
	border-color: #b00
}

[class*=color-] * {
	color: inherit !important
}

.color-turquoise {
	color: #00a186
}

.color-hover-turquoise:hover {
	color: #008b73
}

.color-turquoise-light {
	color: #00bd9c
}

.color-hover-turquoise-light:hover {
	color: #00a186
}

.color-green-light {
	color: #1ecd6d
}

.color-hover-green-light:hover {
	color: #1bb05d
}

.color-blue {
	color: #227fbb
}

.color-hover-blue:hover {
	color: #1d6ea3
}

.color-blue-light {
	color: #2c96dd
}

.color-hover-blue-light:hover {
	color: #227fbb
}

.color-navy {
	color: #2c3e51
}

.color-hover-navy:hover {
	color: #1f2d3b
}

.color-navy-light {
	color: #33495f
}

.color-hover-navy-light:hover {
	color: #2c3e51
}

.color-purple {
	color: #8f3faf
}

.color-yellow {
	color: #f3b100
}

.color-hover-yellow:hover {
	color: #e2a50b
}

.color-yellow-light {
	color: #ffbe12
}

.color-hover-yellow-light:hover {
	color: #f3b100
}

.color-orange {
	color: #e87f04
}

.color-hover-orange:hover {
	color: #df6f0b
}

.color-orange-light {
	color: #f59d00
}

.color-hover-orange-light:hover {
	color: #e87f04
}

.color-red {
	color: #c23824
}

.color-hover-red:hover {
	color: #a9311f
}

.color-red-light {
	color: #ea4b35
}

.color-hover-red-light:hover {
	color: #c23824
}

.color-hover-white:hover, .color-white {
	color: #fff
}

.color-grey-light {
	color: #999
}

.color-hover-grey-light:hover {
	color: #888
}

.color-grey-ultralight {
	color: #f4f4f4
}

.color-hover-grey-ultralight:hover {
	color: #f1f1f1
}

.color-charcoal {
	color: #333
}

.color-hover-charcoal:hover {
	color: #222
}

.color-charcoal-light {
	color: #555
}

.color-hover-charcoal-light:hover {
	color: #444
}

.color-black, .color-hover-black:hover {
	color: #000
}

.color-base, .color-hover-base:hover {
	color: #666
}

.color-behance, .color-hover-behance:hover {
	color: #1769ff
}

.color-dribbble, .color-hover-dribbble:hover {
	color: #ea4c89
}

.color-facebook, .color-hover-facebook:hover {
	color: #3b5998
}

.color-flickr, .color-hover-flickr:hover {
	color: #0063DC
}

.color-github, .color-hover-github:hover {
	color: #333
}

.color-google, .color-hover-google:hover {
	color: #d34836
}

.color-hover-instagram:hover, .color-instagram {
	color: #517fa4
}

.color-hover-linkedin:hover, .color-linkedin {
	color: #007bb6
}

.color-hover-pinterest:hover, .color-pinterest {
	color: #cb2027
}

.color-hover-skype:hover, .color-skype {
	color: #12A5F4
}

.color-hover-soundcloud:hover, .color-soundcloud {
	color: #f80
}

.color-hover-spotify:hover, .color-spotify {
	color: #7ab800
}

.color-hover-tumblr:hover, .color-tumblr {
	color: #35465c
}

.color-hover-twitter:hover, .color-twitter {
	color: #00aced
}

.color-hover-vimeo:hover, .color-vimeo {
	color: #1ab7ea
}

.color-hover-youtube:hover, .color-youtube {
	color: #b00
}

[class*=color-]::-webkit-input-placeholder, [class*=border-]::-webkit-input-placeholder, [class*=bkg-]::-webkit-input-placeholder {
	color: inherit
}

[class*=color-]::-moz-placeholder, [class*=border-]::-moz-placeholder, [class*=bkg-]::-moz-placeholder {
	color: inherit
}

[class*=color-]:-ms-input-placeholder, [class*=border-]:-ms-input-placeholder, [class*=bkg-]:-ms-input-placeholder {
	color: inherit
}

.highlight {
	background: #eee;
	border-color: #eee
}

.info {
	background: #d9edf7;
	color: #31708f;
	border-color: #d9edf7
}

.success {
	background: #dff0d8;
	color: #3c763d;
	border-color: #dff0d8
}

.alert {
	background: #fcf8e3;
	color: #8a6d3b;
	border-color: #fcf8e3
}

.warning {
	background: #f2dede;
	color: #a9444a;
	border-color: #f2dede
}

a, button, input, textarea {
	-webkit-transition-property: background, border-color, color, opacity;
	transition-property: background, border-color, color, opacity;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.bar, .box, .overlay-info, .thumbnail img {
	-webkit-transition-property: padding, background, color, opacity, box-shadow, -webkit-transform;
	transition-property: padding, background, color, opacity, box-shadow, transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.no-transition, .no-transition-reset {
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important
}

@media only screen and (max-width:1140px) {
	.row, body.boxed .wrapper-inner {
		max-width: 96rem
	}
	.navigation li:last-child .sub-menu {
		right: 0
	}
	.content-grid-5 .grid-item, .content-grid-6 .grid-item {
		width: 25%
	}
	.feature-column-group .width-3 {
		width: 50%
	}
}

@media only screen and (max-width:1023px) {
	.navigation>ul>li:nth-last-child(2)>.sub-menu {
		right: 0
	}
	.navigation>ul>li:nth-last-child(2)>.sub-menu ul {
		right: 18rem;
		left: auto
	}
	.content-grid-5 .grid-item, .content-grid-6 .grid-item {
		width: 33.33333%
	}
}

@media only screen and (min-width:960px) {
	.pricing-table .pricing-table-column:not(:first-child ):not(.callout ), .table>tbody>tr>td:first-child {
		border-left: none
	}
}

@media only screen and (max-width:960px) {
	.row, body.boxed .wrapper-inner {
		max-width: 76rem
	}
	header .primary-navigation {
		display: none !important
	}
	.nav-bar .logo, .nav-bar .logo.logo-center {
		margin: 0;
		float: left
	}
	.aux-navigation {
		display: table !important;
		visibility: visible !important
	}
	.feature-column-group .feature-column {
		padding: 4rem
	}
	.pricing-table.columns-2 .pricing-table-column, .pricing-table.columns-3 .pricing-table-column, .pricing-table.columns-4 .pricing-table-column, .pricing-table.columns-5 .pricing-table-column {
		width: 50%
	}
	.pricing-table[class*=border-].columns-3 .pricing-table-column:last-child, .pricing-table[class*=border-].columns-4 .pricing-table-column:nth-last-child(2), .pricing-table[class*=border-].columns-5 .pricing-table-column:last-child, .pricing-table[class*=border-].columns-5 .pricing-table-column:nth-last-child(3) {
		border-left-width: 1px
	}
	.pricing-table.rounded.columns-3 .pricing-table-column:last-child, .pricing-table.rounded.columns-5 .pricing-table-column:last-child {
		border-radius: .3rem
	}
	.pricing-table.rounded.columns-4 .pricing-table-column:nth-last-child(2), .pricing-table.rounded.columns-5 .pricing-table-column:nth-last-child(3) {
		border-radius: .3rem 0 0 .3rem
	}
	.table:not(.non-responsive ){
		width: 100%;
		display: block;
		position: relative
	}
	.table:not(.non-responsive )>thead, .table:not(.non-responsive )>thead>tr {
		display: block;
		float: left
	}
	.table:not(.non-responsive )>thead>tr>th {
		display: block
	}
	.table:not(.non-responsive )>tbody {
		display: block;
		position: relative;
		overflow-x: auto;
		white-space: nowrap
	}
	.table:not(.non-responsive )>tbody>tr {
		display: inline-block;
		vertical-align: top;
		margin-right: -.4rem
	}
	.table:not(.non-responsive )>tbody>tr>td {
		display: block
	}
	.table:not(.non-responsive ) tr>td:last-child {
		border-bottom: none
	}
	.table:not(.non-responsive ) th+th {
		border-left: none;
		border-bottom: 1px solid transparent
	}
}

.tm-slider-container.tms-carousel, .tms-slide, .tms-slides {
	overflow: hidden
}

@media only screen and (max-width:768px) {
	.width-1, .width-10, .width-11, .width-12, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, [class*=content-grid-] .grid-item {
		width: 100%
	}
	.row, body.boxed .wrapper-inner {
		max-width: 60rem
	}
	[class*=offset-] {
		margin-left: 0
	}
	.column[class*=push-], .column[class*=pull-] {
		position: static;
		left: 0;
		right: 0
	}
	.dropdown .login-form-container .button {
		width: 100%;
		display: block;
		text-align: center
	}
	.button.no-label-on-mobile span:not([class*=icon-] ), .timeline.vertical-indication li:last-child .timeline-title:before, button.no-label-on-mobile span:not([class*=icon-] ){
		display: none
	}
	.button.no-label-on-mobile [class*=icon-], button.no-label-on-mobile [class*=icon-] {
		margin: 0
	}
	blockquote {
		width: 100% !important
	}
	.lead {
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: 200
	}
	.feature-column-group .width-3 {
		width: 100%
	}
	.timeline.vertical-indication .timeline-description, .timeline.vertical-indication .timeline-title {
		padding-left: 7rem
	}
	.timeline.vertical-indication .timeline-title:before {
		width: .1rem;
		content: "";
		background-color: #e7e7e7;
		position: absolute;
		top: 0;
		bottom: 0
	}
	.timeline.vertical-indication .timeline-title:after {
		left: 1.5rem
	}
	.timeline.vertical-indication .timeline-description:before, .timeline.vertical-indication .timeline-title:before {
		left: 2rem
	}
	.pricing-table.columns-3 .pricing-table-column.callout {
		top: 0
	}
	.pricing-table.columns-3 .pricing-table-column {
		margin-bottom: .5rem
	}
	.hide-on-mobile {
		display: none !important;
		visibility: hidden !important
	}
	.show-on-mobile {
		display: block !important;
		visibility: visible !important
	}
	.pull-left-on-mobile {
		float: left !important
	}
	.pull-right-on-mobile {
		float: right !important
	}
	.clear-float-on-mobile {
		float: none !important
	}
	.v-align-bottom, .v-align-bottom-on-mobile {
		padding-bottom: 2rem !important;
		vertical-align: bottom !important
	}
	.v-align-top, .v-align-top-on-mobile {
		padding-top: 2rem !important;
		vertical-align: top !important
	}
	.no-padding-on-mobile {
		padding: 0 !important
	}
	.no-background-on-mobile {
		background: 0 0 !important;
		border: none !important
	}
	.thumbnail .v-align-bottom, .thumbnail .v-align-bottom-on-mobile, .thumbnail .v-align-top, .thumbnail .v-align-top-on-mobile {
		padding-top: 0 !important;
		padding-bottom: 0 !important
	}
	.background-on-mobile {
		width: 100%;
		padding-top: 3rem;
		padding-bottom: 3rem;
		background: #f4f4f4;
		color: #666;
		text-align: left;
		position: relative;
		z-index: 1
	}
	.v-align-top-on-mobile .background-on-mobile {
		margin-top: -2rem
	}
	.v-align-bottom-on-mobile .background-on-mobile {
		margin-bottom: -2rem
	}
	.left-on-mobile {
		text-align: left !important
	}
	.center-on-mobile {
		text-align: center !important
	}
	.right-on-mobile {
		text-align: right !important
	}
	.row.background-on-mobile {
		padding-left: 0;
		padding-right: 0
	}
	.background-on-mobile .column>:last-child {
		margin-bottom: 0
	}
	.row>.background-on-mobile {
		margin-left: 0;
		margin-right: 0
	}
	.no-transition-on-mobile {
		-webkit-transition-duration: 0s !important;
		transition-duration: 0s !important
	}
}

@media only screen and (max-width:600px) {
	.row, body.boxed .wrapper-inner {
		max-width: 48rem
	}
	.pricing-table.columns-2 .pricing-table-column, .pricing-table.columns-3 .pricing-table-column, .pricing-table.columns-4 .pricing-table-column, .pricing-table.columns-5 .pricing-table-column {
		width: 100%
	}
	.pricing-table.rounded .pricing-table-column {
		border-radius: .3rem !important
	}
	.pricing-table .pricing-table-column.callout {
		top: 0
	}
	.pricing-table .pricing-table-column {
		margin-bottom: .5rem
	}
	.pricing-table[class*=border-] .pricing-table-column {
		border-left-width: 1px
	}
}

@media only screen and (max-width:480px) {
	.row, body.boxed .wrapper-inner {
		max-width: 35rem
	}
	[class*=content-grid-] .grid-item {
		width: 100%
	}
	.side-navigation-inner, .side-navigation-wrapper {
		width: 30rem
	}
	.element-reveal-left {
		-webkit-transform: translate3d(30rem, 0, 0);
		transform: translate3d(30rem, 0, 0)
	}
	.element-reveal-right {
		-webkit-transform: translate3d(-30rem, 0, 0);
		transform: translate3d(-30rem, 0, 0)
	}
	.side-navigation-wrapper.hide {
		right: 30rem
	}
	.side-navigation-wrapper.enter-right.hide {
		right: -30rem
	}
	.element-show-left {
		left: 30rem
	}
	.element-show-right {
		left: -30rem
	}
	.list-group {
		margin-bottom: 0
	}
	blockquote {
		width: 100% !important
	}
	.tab-nav li, .tabs.vertical .tab-nav, .tabs.vertical .tab-panes, .tabs.vertical.right .tab-nav, .tabs.vertical.right .tab-panes {
		width: 100%;
		float: none
	}
	.tab-nav li a {
		width: 100%
	}
	.tabs.rounded li:first-child a {
		border-radius: .3rem .3rem 0 0
	}
	.tabs.rounded .tab-panes {
		border-radius: 0 0 .3rem .3rem
	}
	.tabs li.active:last-child a {
		border-bottom: 1px solid #eee
	}
	.tabs.vertical li.active a, .tabs.vertical.right li.active a {
		border-left: 1px solid #eee
	}
	.tabs.vertical .tab-panes, .tabs.vertical.right .tab-panes {
		border-top: none
	}
}

@media only screen and (max-width :350px) {
	.row, body.boxed .wrapper-inner {
		max-width: 100%
	}
}

.mobile .tm-slider-parallax-container .tm-slider-container, .tm-slider-container {
	background: 0 0;
	position: relative
}

.tm-slider-parallax-container .tm-slider-container {
	position: fixed
}

.tm-slider-container.background-slider {
	position: absolute;
	z-index: 0
}

.tm-slider-container.full-width-slider, .tm-slider-container.fullscreen {
	width: 100%
}

.tm-slider-container.fullscreen {
	width: 100%;
	height: 100%;
	height: 100vh
}

.tms-overlay, .tms-slide, .tms-slides {
	height: 100%;
	width: 100%
}

.tm-slider-container.tms-carousel>ul {
	opacity: 0
}

.tm-slider-container.tms-carousel>ul>li {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.tm-slider-container.tms-scalable-height, .tms-content-scalable {
	-webkit-transition-property: height, opacity;
	-moz-transition-property: height, opacity;
	-o-transition-property: height, opacity;
	-ms-transition-property: height, opacity;
	transition-property: height, opacity;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	-ms-transition-duration: .6s;
	transition-duration: .6s
}

.tms-slides {
	margin: 0;
	padding: 0;
	position: relative
}

.tms-slide {
	visibility: hidden;
	position: absolute;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	left: 0;
	z-index: 1
}

.tms-carousel .tms-slide {
	float: left;
	position: relative
}

.tms-slide.active {
	visibility: visible
}

.tms-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.tms-error {
	width: 100%;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
	top: 50%
}

.tms-slide>embed, .tms-slide>iframe, .tms-slide>object, .tms-slide>video {
	position: relative;
	opacity: 0
}

.tms-slide>video {
	z-index: 1
}

.tms-caption, .tms-content, .tms-progress-bar {
	z-index: 2;
	position: absolute
}

.tms-slide.tms-video-no-ratio:not(.tms-forcefit )>embed, .tms-slide.tms-video-no-ratio:not(.tms-forcefit )>iframe, .tms-slide.tms-video-no-ratio:not(.tms-forcefit )>object, .tms-slide.tms-video-no-ratio:not(.tms-forcefit )>video {
	width: 100% !important;
	height: 100% !important;
	position: static
}

.tms-slide img, .tms-slide.tms-forcefit>embed, .tms-slide.tms-forcefit>iframe, .tms-slide.tms-forcefit>object {
	position: relative
}

.tms-slide img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
	float: none;
	transform: translate(0, 0)
}

.tms-carousel .tms-slide img {
	max-height: none
}

.tms-fullscreen .tms-slide>img, .tms-slide.tms-forcefit>img, .tms-slide>video+img {
	max-width: none;
	max-height: none;
	float: none;
	position: absolute
}

.mobile [data-video-bkg-vimeo] iframe, .mobile [data-video-bkg-youtube] iframe, [data-video-bkg-vimeo] iframe, [data-video-bkg-vimeo] img, [data-video-bkg-youtube] iframe, [data-video-bkg-youtube] img, [data-video-bkg] img {
	opacity: 0 !important
}

[data-video-bkg-vimeo], [data-video-bkg-youtube] {
	background-size: 0
}

.mobile .tms-slide, .tms-slide.error, .video-bkg-loaded iframe {
	background-size: cover !important;
	opacity: 1 !important;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 1s;
	transition-duration: 1s
}

.tms-progress-bar {
	width: 0;
	height: .5rem;
	background: rgba(0, 0, 0, .3);
	top: 0
}

.tm-loader {
	z-index: 2
}

.tms-caption:not([class*=width-] ){
	width: auto
}

.tms-caption {
	display: inline-block !important;
	background-image: url(../images/blank.png);
	opacity: 0;
	-ms-text-size-adjust: none
}

.tms-caption.scale {
	line-height: 1
}

.tms-caption embed, .tms-caption iframe, .tms-caption object, .tms-caption video {
	width: 100% !important;
	height: 100% !important
}

.tms-caption.no-transition {
	opacity: 1 !important;
	visibility: hidden;
	display: block !important
}

.tms-caption:last-child {
	margin-bottom: 0
}

.tms-perspective {
	perspective: 800px
}

.tms-content {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
	text-align: center
}

.tms-content-inner {
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	float: none
}

.tms-content-scalable {
	padding-bottom: 3rem;
	opacity: 0
}

.tms-content-inner .tms-caption {
	position: static
}

.tms-fullscreen .tms-caption, .tms-slide .row .tms-content {
	position: relative
}

.tms-content-inner.left {
	text-align: left
}

.tms-content-inner.right {
	text-align: right
}

.tms-content-inner.v-align-top {
	padding-top: 7rem;
	vertical-align: top
}

.tms-content-inner.v-align-bottom {
	padding-bottom: 7rem;
	vertical-align: bottom
}

.tms-slide .column, .tms-slide .row {
	height: 100%
}

.tms-content .column, .tms-content .row {
	height: auto
}

@media only screen and (max-width:768px) {
	.tms-slide .row .tms-content, .tms-slide .row .tms-content-inner {
		display: block
	}
	.tms-caption.hide-on-mobile {
		display: none !important
	}
}

.tms-arrow-nav, .tms-pagination {
	display: none;
	position: absolute;
	z-index: 10;
	text-align: center
}

.tms-arrow-nav {
	margin-top: -2.5rem;
	width: 5rem;
	height: 5rem;
	background-color: rgba(0, 0, 0, .3);
	color: #ccc;
	font-size: 3rem;
	line-height: 5rem
}

.tms-arrow-nav:hover {
	width: 7rem;
	color: #fff
}

#tms-next {
	top: 50%;
	right: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

#tms-next:before {
	content: '\e644'
}

#tms-prev {
	top: 50%;
	left: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.tms-pagination {
	width: 100%;
	bottom: 2rem;
	line-height: 0
}

.tms-bullet-nav {
	width: .8rem;
	height: .8rem;
	margin: 0 .3rem;
	display: inline-block;
	background: #fff;
	opacity: .5;
	border-radius: 50%
}

.parallax, .tm-lightbox, .tm-slider-container.pagination-below .tms-bullet-nav {
	background: #000
}

.tms-thumb-nav {
	width: 5rem;
	height: 5rem;
	opacity: .5
}

.tms-bullet-nav.active, .tms-bullet-nav:hover, .tms-thumb-nav.active, .tms-thumb-nav:hover {
	opacity: 1
}

.tm-slider-container.show-on-hover .tms-arrow-nav, .tm-slider-container.show-on-hover .tms-pagination {
	opacity: 0
}

.tm-slider-container.show-on-hover:hover .tms-arrow-nav, .tm-slider-container.show-on-hover:hover .tms-pagination {
	opacity: 1
}

.tm-slider-container.background-slider .tms-arrow-nav, .tm-slider-container.background-slider .tms-pagination {
	display: none !important
}

.tm-slider-container.pagination-below .tms-pagination {
	bottom: -3rem
}

.tms-arrow-nav, .tms-pagination {
	-webkit-transition-property: width, background, color, opacity;
	-moz-transition-property: width, background, color, opacity;
	-o-transition-property: width, background, color, opacity;
	-ms-transition-property: width, background, color, opacity;
	transition-property: width, background, color, opacity;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s
}
/*
@font-face {
	font-family: icomoon;
	src: url(Fonts/entypo.eot);
	src: url(Fonts/entypo.eot) format('embedded-opentype'), url(Fonts/entypo.woff) format('woff'), url(Fonts/entypo.ttf) format('truetype'), url(Fonts/entypo.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
*/

[class*=tms-arrow-nav]:before, [class^=tms-arrow-nav]:before {
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	display: inline-block
}

.tmh-perspective {
	perspective: 800px;
	overflow: visible !important
}

.tmh-perspective-parallax {
	perspective: 1600px;
	overflow: visible !important
}

.modal-open, .parallax, .tm-parallax {
	overflow: hidden
}

.tmh-parallax-item {
	opacity: 1;
	visibility: visible !important
}

.parallax {
	height: 55rem;
	position: relative
}

.parallax.fullscreen {
	width: 100%;
	height: 100%;
	height: 100vh
}

.parallax .horizon {
	opacity: 0;
	visibility: hidden
}

.tm-parallax, .tmp-content, .tmp-content-inner {
	width: 100%;
	height: 100%
}

.tmp-content {
	max-width: 114rem;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: table
}

.tm-parallax {
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden
}

.tmp-content-inner {
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	float: none;
	position: relative;
	z-index: 1
}

#tml-content, #tml-content-wrapper, #tml-lightbox, .tm-parallax img {
	position: absolute
}

.tmp-content-inner.left {
	text-align: left
}

.tmp-content-inner.right {
	text-align: right
}

.tmp-content-inner.v-align-top {
	padding-top: 7rem;
	vertical-align: top
}

.tmp-content-inner.v-align-bottom {
	padding-bottom: 7rem;
	vertical-align: bottom
}

.tmp-mobile {
	height: 'auto'
}

.tm-parallax img {
	width: 100%;
	max-width: none;
	opacity: 1;
	-webkit-backface-visibility: hidden
}

#tml-caption, #tml-content, .tm-lightbox {
	opacity: 0;
	-webkit-backface-visibility: hidden
}

*, :after, :before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.tm-lightbox {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .9);
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1000
}

#tml-caption, #tml-tool-bar, .tm-loader, .tml-nav {
	position: absolute
}

#tm-lightbox.tml-modal-mode {
	background: rgba(0, 0, 0, .2);
	overflow-x: hidden;
	overflow-y: auto
}

#tml-content {
	width: 100%;
	visibility: hidden
}

.tml-modal-mode .modal-dialog {
	background: #fff;
	box-shadow: 0 0 1rem rgba(0, 0, 0, .5)
}

.tml-modal-mode .modal-dialog>div {
	padding-left: 3rem;
	padding-right: 3rem
}

#tml-content-wrapper.zoomed {
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important
}

#tml-content.scrollable-content:not(.modal-dialog ){
	background: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

#tml-content.tml-error {
	width: 100%;
	background: 0 0;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	top: 50%;
	left: 0;
	box-shadow: none
}

@media only screen and (max-width:479px) {
	#tml-content-wrapper {
		left: 10% !important;
		right: 10% !important
	}
	.tml-modal-mode #tml-content-wrapper {
		left: 5% !important;
		right: 5% !important
	}
}

#tml-exit, #tml-next {
	right: 3rem
}

#tml-content embed, #tml-content iframe, #tml-content object, #tml-content video {
	width: 100% !important;
	height: 100% !important
}

.tm-loader, .tm-loader #circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.tm-loader {
	width: 2rem;
	height: 2rem;
	margin: -1rem 0 0 -1rem;
	top: 50%;
	left: 50%
}

#tml-next, #tml-prev {
	top: 50%;
	margin-top: -2.1rem
}

.tm-loader #circle {
	width: 2rem;
	height: 2rem;
	background: #666;
	-webkit-animation: preloader 1s ease infinite;
	-moz-animation: preloader 1s ease infinite;
	-o-animation: preloader 1s ease infinite;
	animation: preloader 1s ease infinite
}

@-webkit-keyframes preloader {
	from {opacity: 1;
	-webkit-transform: scale(1)
	}	
	to {
	opacity: 0;
	-webkit-transform: scale(0)
	}
}
@keyframes preloader {
	from {
		opacity: 1;
		transform: scale(1)
	}
	to {
	opacity: 0;
	transform: scale(0)
	}
}
#tml-caption {
	width: 100%;
	font-size: 1.2rem;
	font-style: italic;
	text-align: center;
	-ms-text-size-adjust: none;
	bottom: 0
}

#tml-caption span {
	width: 100%;
	background-color: rgba(255, 255, 255, .5);
	display: block;
	padding: 1rem 1.5rem;
	border-top: .1rem solid #eee
}

.tml-nav {
	width: 4.4rem;
	height: 4.4rem;
	font-size: 2rem;
	text-align: center;
	text-transform: capitalize;
	line-height: 4.4rem;
	opacity: .4;
	z-index: 10
}

.tml-nav:hover {
	opacity: 1
}

#tml-next:before {
	content: '\e644'
}

#tml-prev {
	left: 3rem
}

#tml-prev:before {
	content: '\e643'
}

#tml-exit {
	top: 1.5rem
}

.tml-modal-mode #tml-exit {
	right: 1.5rem
}

#tml-tool-bar {
	margin: 0;
	display: inline-block;
	top: 1.5rem;
	left: 3rem
}

#tml-tool-bar .tml-nav {
	font-size: 1.5rem
}

#tml-tool-bar #tml-share-wrapper, #tml-tool-bar .tml-nav, #tml-tool-bar .tml-social-list {
	float: left;
	position: relative
}

#tml-tool-bar .tml-social-list.list-vertical, #tml-tool-bar .tml-social-list.list-vertical .tml-nav {
	float: none;
	text-align: left
}

#tml-tool-bar .tml-social-list {
	margin: 0;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	position: relative;
	z-index: 101;
	-webkit-transition-property: -webkit-transform, opacity, visibility;
	-moz-transition-property: -moz-transform, opacity, visibility;
	-o-transition-property: -o-transform, opacity, visibility;
	transition-property: transform, opacity, visibility;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	transition-duration: .4s
}

.counter-wrapper, .touch-pane {
	text-align: center
}

#tml-tool-bar .tml-social-list, #tml-tool-bar .tml-social-list li {
	overflow: hidden
}

#tml-tool-bar .tml-social-list li a {
	margin-right: 1rem
}

#tml-tool-bar .tml-social-list.active {
	opacity: 1;
	visibility: visible
}

#tml-tool-bar .tml-social-list .tml-nav {
	width: auto;
	min-width: 4.4rem;
	font-size: 1.1rem
}

#tml-tool-bar #tml-zoom:before {
	content: '\e6cd'
}

#tml-tool-bar #tml-share:before {
	content: '\e70b'
}

#tml-exit:before {
	content: '\e66f'
}

.tml-nav {
	-webkit-transition-property: color, opacity;
	-moz-transition-property: color, opacity;
	-o-transition-property: color, opacity;
	-ms-transition-property: color, opacity;
	transition-property: color, opacity;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s
}
/*
@font-face {
	font-family: icomoon;
	src: url(Fonts/entypo.eot);
	src: url(Fonts/entypo.eot) format('embedded-opentype'), url(Fonts/entypo.woff) format('woff'), url(Fonts/entypo.ttf) format('truetype'), url(Fonts/entypo.svg) format('svg');
	font-weight: 400;
	font-style: normal
}
*/

[class*=tml-nav]:before, [class^=tml-nav]:before {
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	display: inline-block
}

.alt-option, .hljs-emphasis {
	font-style: italic
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: .5em;
	color: #333;
	background: #f8f8f8
}

.demo-editor .dropdown-group div, .demo-editor .style-element-wrapper .dropdown, .indicator {
	display: inline-block
}

.hljs-comment, .hljs-quote {
	color: #998;
	font-style: italic
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
	color: #333;
	font-weight: 700
}

.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
	color: teal
}

.hljs-doctag, .hljs-string {
	color: #d14
}

.hljs-section, .hljs-selector-id, .hljs-title {
	color: #900;
	font-weight: 700
}

.hljs-subst {
	font-weight: 400
}

.hljs-class .hljs-title, .hljs-type {
	color: #458;
	font-weight: 700
}

.hljs-attribute, .hljs-name, .hljs-tag {
	color: navy;
	font-weight: 400
}

.hljs-meta, .hljs-strong {
	font-weight: 700
}

.hljs-link, .hljs-regexp {
	color: #009926
}

.hljs-bullet, .hljs-symbol {
	color: #990073
}

.hljs-built_in, .hljs-builtin-name {
	color: #0086b3
}

.hljs-meta {
	color: #999
}

.hljs-deletion {
	background: #fdd
}

.hljs-addition {
	background: #dfd
}

.demo-editor, .demo-editor .box {
	overflow: visible
}

.demo-editor h6 {
	font-size: 1rem;
	letter-spacing: .1rem;
	margin-top: .6rem !important;
	margin-bottom: .4rem
}

.demo-editor .style-element-wrapper {
	padding-top: 3rem;
	padding-bottom: 3rem;
	margin-bottom: 1.5rem;
	border-top-left-radius: 0;
	float: left
}

.demo-editor .html-example-wrapper {
	margin-bottom: 1.5rem;
	position: relative
}

.demo-editor .html-example-wrapper>.button {
	padding: .4rem;
	position: absolute;
	right: 5rem;
	bottom: -2rem
}

.demo-editor .class-field, .demo-editor .html-example {
	width: 100%;
	min-height: 4.5rem;
	color: #666;
	padding: 1.5rem 1rem;
	outline: 0;
	position: relative
}

.demo-editor .class-field {
	margin-bottom: -.1rem;
	overflow: hidden;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.demo-editor .html-example {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	background: #fff
}

.demo-editor .class-field .label {
	margin-right: .3rem;
	border-radius: .3rem;
	background: #333;
	border: none;
	color: #fff;
	white-space: nowrap
}

.demo-editor .class-field .label a {
	color: #666
}

.demo-editor .class-field .label a:hover {
	text-decoration: none;
	color: #fff
}

.demo-editor .class-field:focus, .demo-editor .html-example:focus {
	z-index: 1
}

.demo-editor .class-field:empty:not(:focus ):before {
	content: attr(data-place-holder-text)
}

.demo-editor .button, .demo-editor button {
	margin-bottom: 0
}

.editor-options .dropdown {
	width: 13rem;
	display: inline-block;
	margin-bottom: .5rem
}

.editor-options .dropdown .dropdown-list {
	width: 18rem;
	max-height: 20rem;
	overflow-y: scroll
}

.editor-options .dropdown .button, .editor-options .dropdown .dropdown-list li a {
	font-size: 1.1rem
}

.editor-options .dropdown .button, .editor-options .dropdown button {
	padding: .6rem .8rem
}

.demo-editor .dropdown-components .button, .demo-editor .dropdown-components button {
	min-width: 15rem
}

.demo-editor .dropdown-components [class*=icon-] {
	float: right
}

.demo-editor .style-element-wrapper .button {
	margin-right: 1rem;
	margin-bottom: 1rem
}

.demo-editor .style-element-wrapper .icon-demo {
	margin-right: 1rem
}

.demo-editor .style-element-wrapper .button-nav .button, .demo-editor .style-element-wrapper .overlay-info .button, .demo-editor .style-element-wrapper .overlay-info [class*=icon-] {
	margin-right: 0;
	margin-bottom: 0
}

.demo-editor .style-element-wrapper .dropdown .button, .demo-editor .style-element-wrapper .dropdown button {
	margin-bottom: 0
}

.indicator {
	width: 1rem;
	height: 1rem;
	border-radius: 50%
}

.wrapper {
	background-color: #fff
}

body {
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #000
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 300;
	color: #333;
	letter-spacing: .1rem
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #81a936
}

h2 .label, h3 .label, h5 .label {
	font-size: 1.4rem;
	text-transform: uppercase
}

.intro-title-1 h1 {
	color: #fff
}

.code-snippet-title {
	padding: 1rem;
	margin-bottom: 0;
	background-color: #eee;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.widget-title {
	font-size: 1.8rem;
	font-weight: 400
}

h2 span[class*=bkg-], h5 span[class*=bkg-] {
	padding: .2rem .6rem .3rem;
	font-size: 1.3rem;
	vertical-align: middle
}

a, p a {
	font-weight: 700
}

.sidebar a {
	color: #666;
	font-weight: 400
}

.sidebar a:hover {
	color: #81a936
}

.alt-option {
	margin-top: .5rem;
	display: block;
	font-size: 1.1rem;
	color: #999
}

.bkg-grey, .bkg-hover-grey:hover {
	background-color: #eee;
	border-color: #eee
}

.border-hover-grey:hover {
	border-color: #eee
}

.color-grey, .color-hover-grey:hover {
	color: #eee
}

.side-navigation .label.bkg-grey {
	background-color: #555;
	border-color: #555;
	color: #fff
}

.bkg-green, .bkg-hover-green:hover {
	background-color: #81a936;
	border-color: #81a936
}

.border-hover-green:hover {
	border-color: #81a936
}

.color-green, .color-hover-green:hover {
	color: #81a936
}

.bkg-hover-purple:hover, .bkg-purple {
	background-color: #5E35B1;
	border-color: #5E35B1
}

.border-hover-purple:hover {
	border-color: #5E35B1
}

.color-hover-purple:hover, .color-purple-light {
	color: #5E35B1
}

.bkg-hover-purple-light:hover, .bkg-purple-light {
	background-color: #7E57C2;
	border-color: #7E57C2
}

.border-hover-purple-light:hover {
	border-color: #7E57C2
}

.color-hover-purple-light:hover, .color-purple-light {
	color: #7E57C2
}

.alert .label, .nav-bar.nav-main .logo a, .navigation-show>a, .warning .label {
	color: #fff
}

.warning .label {
	background-color: #a9444a;
	border-color: #a9444a
}

.alert .label {
	background-color: #8a6d3b;
	border-color: #8a6d3b
}

.divider, hr {
	margin-top: 4rem;
	margin-bottom: 4rem
}

.title-container-inner>:last-child, .title-container[class^=title-] {
	margin-bottom: 0
}

.nav-bar.nav-main {
	width: 100%;
	background: 0 0;
	position: absolute;
	z-index: 100
}

.nav-bar.nav-main>.row>.column {
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.header .header-inner .dropdown>.nav-icon, .header .header-inner .navigation>ul>li, .header .header-inner .navigation>ul>li>a:not(.button ), .header .logo {
	height: 6rem;
	line-height: 6rem
}

.nav-bar.nav-main .navigation>ul>li>a {
	color: #fff;
	opacity: .5
}

.nav-bar.nav-main .navigation ul li a:hover, .nav-bar.nav-main .navigation ul li.current>a {
	background: 0 0;
	opacity: 1
}

.navigation .navigation-show {
	line-height: 1;
	font-size: 2.4rem
}

.side-navigation .label {
	float: right;
	font-size: .9rem;
	font-weight: 200
}

.side-navigation-footer, .side-navigation-header {
	font-size: 1.4rem;
	line-height: 1.8
}

.side-navigation-header {
	min-height: 5rem;
	padding: 0 4rem
}

.side-navigation-footer {
	padding: 2rem 4rem
}

.side-navigation-header .logo {
	min-height: 6rem;
	line-height: 6rem;
	float: left;
	width: 100px;
}

.navigation-header .logo a {
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: none;
	color: #666
}

.navigation-hide {
	position: absolute;
	right: 0;
	top: 1rem
}

.navigation-hide a {
	color: #999
}

.mobile .navigation-show {
	display: table
}

.mobile .navigation-show a {
	height: 100%;
	display: table-cell;
	vertical-align: middle
}

@media only screen and (max-width:960px) {
	.navigation-show {
		display: table
	}
	.navigation-show a {
		height: 100%;
		color: #fff;
		display: table-cell;
		vertical-align: middle
	}
}

.title-container, [class*=intro-title-] .column, [class*=intro-title-] .row {
	height: 100%
}

.title-container {
	width: 100%;
	display: table
}

.title-container-inner {
	display: table-cell;
	vertical-align: middle
}

.title-container-inner>:first-child {
	margin-top: 0
}

.intro-title-1 {
	height: 55rem;
	background-color: #7E57C2
}

.intro-title-1.small {
	height: 30rem
}

.examples-list .current a, .examples-list .current span:not(.label ), .sidebar .list-group .current a, .sidebar .list-group .current span:not(.label ){
	color: #81a936;
	font-weight: 700
}

.sidebar .list-group [class*=icon-] {
	float: right;
	margin-right: 0;
	line-height: 2
}

.sidebar .label.small {
	font-size: .9rem;
	vertical-align: middle
}

.sidebar li a {
	font-size: 1.2rem
}

.footer .navigation {
	margin-bottom: 2.5rem
}

.footer .navigation:after {
	width: 6rem;
	height: .1rem;
	margin: 1rem 0 0 -3rem;
	background: #555;
	content: '';
	position: absolute;
	left: 50%
}

.footer .navigation ul li a {
	line-height: 2rem;
	text-transform: uppercase;
	background: 0 0;
	padding: 0 1rem
}

.footer .navigation ul li:hover>a {
	background: 0 0;
	color: #fff
}

.footer .navigation ul li.current-menu-ancestor>a, .footer .navigation ul li.current-menu-item>a, .footer .navigation ul li.current>a, .footer .navigation ul li.current_page_ancestor>a, .footer .navigation ul li.current_page_item a {
	background: 0 0
}

.footer {
	background: #232323;
	color: #fff;
}

.footer img {
	width: 170px
}

.footer .footer-text {
	margin-top: .5rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
	font-size: 11px;
	color: #555
}

.footer .scroll-to-top, .footer .version-number {
	border-radius: .3rem;
	margin: auto;
	background: #1b1b1b
}

.footer .version-number {
	padding: .4rem 1.2rem;
	font-size: 1rem;
	color: #fff;
	text-transform: uppercase;
	display: inline-block
}

.footer .copyright {
	font-size: 1.1rem;
	color: #555
}

.footer .scroll-to-top {
	width: 3rem;
	height: 3rem;
	line-height: 3rem
}

.grid-demo, .tm-slider-container {
	margin-bottom: 3rem
}

.full-width-slider {
	margin-bottom: 0
}

.carousel-box {
	width: 90%;
	height: 100%;
	padding: 1rem 1.5rem;
	margin: auto
}

.button-demo, .form-demo, .grid-demo, .icon-demo, .nav-demo, .progress-bar-demo {
	margin-bottom: 3rem
}

.nav-demo .navigation .mega-sub-menu {
	left: 0;
	right: 0
}

.grid-item .thumbnail {
	margin-bottom: 0
}

.timeline-demo {
	margin-top: 7rem;
	margin-bottom: 7rem
}

.font-icon-grid .icon-boxed {
	background-color: #fafafa;
	color: #999
}

.horizon {
	opacity: 0;
	visibility: hidden
}

.retina-demo .img-container {
	height: 22rem;
	overflow: hidden
}

.retinize-background {
	width: 100%;
	height: 22rem;
	background-image: url(../images/lightbox/thumb-6.jpg);
	background-size: 100%;
	background-repeat: no-repeat
}

.equalize .grid-item div:not(.thumbnail ){
	width: 100%;
	height: 100%;
	padding: 2rem;
	float: left
}

.counter {
	font-size: 4.5rem;
	line-height: 1;
	font-weight: 200;
	margin-bottom: 0
}

.touch-pane {
	width: 100%;
	height: 20rem;
	margin-bottom: 3rem;
	display: table
}

.touch-pane-inner {
	height: 100%;
	display: table-cell;
	vertical-align: middle
}

.touch-pane-inner p {
	font-size: 2rem;
	margin-bottom: 0
}

.font-icon-examples [class*=icon-] {
	margin: 0 1rem 1rem 0
}

.font-icon-grid [class*=icon-] {
	margin-bottom: .3rem
}

.code-snippet {
	padding: 1rem 2.5rem !important;
	background-color: #f8f8f8;
	position: relative
}

.code-snippet:hover {
	box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .1);
	background-color: #fff
}

.code-snippet-title+.code-snippet {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.code-snippet pre {
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	-webkit-tab-size: 4;
	line-height: 1.2;
	white-space: nowrap
}

.code-snippet code {
	padding: 0;
	font-family: monospace;
	font-size: 1.3rem;
	background: 0 0
}

.code-snippet .copy-to-clipboard {
	padding: .4rem .7rem;
	display: none;
	position: absolute;
	top: 1rem;
	right: 1rem
}

.code-snippet:hover .copy-to-clipboard {
	display: block
}

.label {
	padding: .1rem .5rem
}

.nav-main, .footerLink {
	position: relative;
}

/* --------------------------------------------------------------------- skin */
.main-logo {
	display:inline;
}

.whatsApp {
	width: 25px;
	height: 25px;
	line-height:1;
}

.facebook {
	width: 25px;
	height: 25px;
	line-height:3;
}

.instagram {
	width: 25px;
	height: 25px;
	line-height:4;
}

/* ---------------------------------------------- basics */
h2, .h2 {
    text-transform:uppercase;
    font-size:18px;
    font-weight:700;
    letter-spacing: 0;
    line-height:1;
    margin-bottom:1.5rem;
}
hr {
    border:2px solid #f1f1f1;
    margin:0;
    padding:0;
}
.bkg-grey {
    background:#e7e7e7;
    padding:3rem !important;
    border-radius:3px;
}

.padding-box {
	padding:0 3rem !important;
}
.margin-btm {
    margin-bottom:5rem;
}
.relative {
	position: relative !important;
}

/* ---------------------------------------------- head-bar */
.head-bar {
    background:#333;
}

.bcLink, .bcInfo {
    position: relative;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    margin:0;
    font-size:13px;
    float:right;
    margin: 0 16px 0 0;
    padding:0.8rem 0;
}
.bcLink:hover {
    color:#999;
}
.bcInfo {
	float:left;	
	padding-left:2.5rem;
	background:url(../img/svg/ffffff/phone.svg) no-repeat 0 center / 16px;
}
.head-bar .navigation {
    float:right;
    margin:0;
    padding:0;
}
.head-bar .navigation ul {
    margin:0;
    padding:0;
    line-height:1.2rem;
}
.head-bar .navigation .icon-menu {
    color:#fff !important;
}
.head-bar .navigation .navigation-hide, .head-bar .navigation .navigation-show {
    height:4.1rem;
}
.head-bar .navigation .navigation-hide span, .head-bar .navigation .navigation-show span {
    line-height:3.9rem;
    font-size:2.8rem;
}

/* ---------------------------------------------- teaser-bar */
.teaser-bar {
    padding:20px 0;
}
.teaser-bar .column.width-3 {
    margin:0;
}
.teaser-bar [class*=icon-] {
    float:left;
    margin:2px 15px 0 0;
    color:#999;
}
.teaser-bar h6 {
    font-size:14px;
    color:#333;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing: 0px;
    margin:0;
}
.teaser-bar p {
    font-size:12px;
    color:#999;
    margin:0;
}

/* ---------------------------------------------- header */
.header {
    padding: 2rem 0 1rem 0;
}

/* ---------------------------------------------- search */
.search .form {
    border-radius:3px;
    border:1px solid #ccc;
    padding:0;
}
.search input {
    border:none;
    background:none;
    position:relative;
    width:65%;
    margin:0;
    padding:0.8rem 1.5rem 1rem;
    box-sizing:border-box;
}
.search input:focus {
    border:none;
    background:none;
    position:relative;
    margin:0;
    padding:0.8rem 1.5rem 1rem;
}
.search .select {
	float:right;
}
.search .select select {
    border-left:1px solid #ccc;
    position:relative;
    width:13rem;
    height:3.4rem;
    background:#f9f9f9 url(../img/svg/000000/chevron-down.svg) no-repeat 90% center / 18px;
    padding:0rem 0 0.25rem 0.5rem;
    box-sizing:border-box;
    margin:0;
    float:right;
}
.search button, .search .submit {
    position:relative;
    width:5%;
    height:3.5rem;
    margin:0;
    float:right;
    background-color:#333;
    background-size:22px;
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
    border-radius: 0 3px 3px 0;
    text-align:center;
    padding:0.8rem 1.5rem 1rem 2rem;
    transition:background 0.2s;
}
.search button:hover, .search .submit:hover {
    background-color:#555;
}
.search button [class*=icon-] {
    color:#fff;
    padding-left:0;
    margin-left:-0.75rem;
}
@media only screen and (max-width:1140px) {
    .search input {
        width:60%;
    }
}
@media only screen and (max-width:1023px) {
    .search input {
        width:60%;
    }
}
@media only screen and (max-width:960px) {
    .search input {
        width:50%;
    }
}
@media only screen and (max-width:768px) {
    .search {
        margin:2rem 0 0 0;
    }
    .search input {
        width:65%;
    }
}
@media only screen and (max-width:600px) {
    .search input {
        width:55%;
    }
}
@media only screen and (max-width:480px) {
    .search input {
        width:85%;
    }
    .search select {
        display:none;
    }
}

/* ---------------------------------------------- cart */
.cart {
	float:right;
}
.cart, .cart-small  {
    position:relative;
    margin:0.25rem 0;
}
.cart [class*=icon-], .cart-small [class*=icon-]  {
    float:right;
    margin:4px 0 0 25px;
    color:#999;
}
.cart .cart-count, .cart-small .cart-count {
    position:absolute;
    z-index:10;
    background:#f00;
    border-radius:100%;
    height:21px;
    width:21px;
    color:#fff;
    text-align:center;
    font-size:11px;
    font-weight:700;
    display:block;
    top:0px;
    right:30px;
}
.cart-small .cart-count {
    right:15px;
    padding:1px 1px 0 0;
}

.cart .headline {
    font-size:18px;
    color:#333;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing: 0px;
    /* margin:[customCartMargin]; */
    text-align:right;
    line-height:1.2;
    margin: .6rem 0 0 0;
}

.cart .detail {
    font-size:12px;
    color:#999;
    margin:0;
    text-align:right;
    line-height:1.2;
}
.cart-small {
    position:relative;
    margin:0.25rem 0;
    display:none;
    float:right;
    cursor: pointer;
}

/* ---------------------------------------------- nav-bar */
.nav-main {
    margin-top:2rem;
    margin-bottom:2rem;
}
.nav-main [class*=icon-] {
    float: left;
    color: #fff;
    margin: 1.125rem 2rem 0 0;
}
.primary-navigation {
    border-radius:3px;
    padding:0 2rem;
    width:100%;
    font-weight:700;
    text-transform:uppercase;
}
.primary-navigation .navigationLink {
	position:relative;
	float:left;
	font-size:14px;
	color:rgba(255,255,255,1) !important;
	transition:color 0.2s;
	padding:1.25rem;
}
.primary-navigation .navigationLink:hover {
	color:rgba(255,255,255,0.4) !important;
}
/* ---------------------------------------------- sidenav & usernav */
.nav [class*="articleGroupElement"] {
	position:relative;
	line-height:120%;
	background-color:#fff;
	transition:0.2s background;
}
.nav [class*="articleGroupElement"]:hover {
	background-color:#efefef;
}
.nav [class*="articleGroupElement"].selected  {
	font-weight:600;
}
.nav [class*="articleGroupElement"].selected:hover  {
	background-color:#fff;
}
.nav [class*="articleGroupElement"].last {
	margin-bottom:1rem;
}

.articleGroupElement1 {
    position:relative;
	padding:1.3rem 1.5rem 1.3rem 1rem;
	border-top:1px solid #ccc;
	background:url(../img/svg/000000/chevron-right.svg) no-repeat 95% center / 16px;
}
.articleGroupElement1.last {
	border-bottom:1px solid #ccc;
}
.articleGroupElement1.open {
    background: url(../img/svg/000000/chevron-down.svg) no-repeat 95% center / 16px;
}
.articleGroupElement2 {
    position:relative;
	padding:0.5rem 1.5rem 0.5rem 2.8rem;
	background: url(../img/svg/000000/chevron-right.svg) no-repeat 10px center / 12px;
}
.articleGroupElement2.open {
	background: url(../img/svg/000000/chevron-down.svg) no-repeat 10px center / 12px;
}
.articleGroupElement3 {
    position:relative;
	padding:0.5rem 1.5rem 0.5rem 4.7rem;
	background: url(../img/svg/000000/chevron-right.svg) no-repeat 26px 7px / 12px;
}
.articleGroupElement3.open {
	background:url(../img/svg/000000/chevron-down.svg) no-repeat 26px 7px / 12px;
}
.articleGroupElement4 {
    position:relative;
	padding:0.5rem 1.5rem 0.5rem 6rem;
	background: url(../img/svg/000000/chevron-right.svg) no-repeat 43px 7px / 12px;
}
.articleGroupElement4.open {
	background: url(../img/svg/000000/chevron-down.svg) no-repeat 43px 7px / 12px;
}
.articleGroupElement5 {
    position:relative;
	padding:0.5rem 1.5rem 0.5rem 7.4rem;
	background: url(../img/svg/000000/chevron-right.svg) no-repeat 56px 7px / 12px;
}
.articleGroupElement5.open {
	background: url(../img/svg/000000/chevron-down.svg) no-repeat 56px 7px / 12px;
}

/* usernav subpages */
.usernav .nav  {
    position:relative;
}
.usernav .nav ul  {
    border-top:1px solid #ccc;
    padding-top:1rem;
}
.usernav .nav ul li a {
    display:block;
    font-weight:400;
    padding:0.5rem 0.5rem 0.5rem 0.5rem;
}

/* filters */
.wrapper-attribute-filter .attribute-title {
	font-weight: bold;
	border-bottom: 1px solid #d2c06c;
	margin-bottom: 15px;
}

.wrapper-attribute-filter .attribute-option {
	float: left;
	padding: 0 5px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #eee;
	margin: 0 2px 4px 2px;
	transition: background 0.2s;
}
.wrapper-attribute-filter .attribute-option:hover {
	background: #eee;	
}
.wrapper-attribute-filter .attribute-option.active {
	background: #d2c06c;
	color: #fff;
	border: 1px solid #d2c06c;
}
.wrapper-attribute-filter .attribute-option.active:hover {
	background: #eee;
	border: 1px solid #eee;
	color: #666;
}
.wrapper-attribute-filter .attribute-option:last-child {
    margin-bottom: 20px;
}

.wrapper-attribute-articlelist {
	border-bottom: 1px solid #d2c06c;	
	padding-bottom:.5rem;
}

.wrapper-attribute-articlelist .attribute-option {
    font-weight: 200;
    font-size: 1.2rem;
    line-height: 100%;
    float: left;
    padding: 2px 0;
    position: relative;
    border-bottom: 1px solid transparent;
    margin: 0 8px 4px 0;
}

.wrapper-attribute-articlelist .attribute-option.active {
    border-bottom: 1px solid #d2c06c;
}

.wrapper-attribute-articledetails .attribute-option {
    font-weight: 200;
    clear: left;
    float: left;
    padding: 0 5px;
    position: relative;
    margin: 0 2px 4px 2px;
    transition: background 0.2s;
    border-left: 2px solid transparent;
}

.wrapper-attribute-articledetails .attribute-option.active {
    border-left: 2px solid #d2c06c;
}

/* ---------------------------------------------- teaser */
.teaser {
    position:relative;
    border-radius:3px;
    margin-bottom:2rem;
    width: 100%;
    height: 33rem;
}
.teaser .h1,.teaser .h2,.teaser .link {
    position:absolute;
    display:block;
    background:rgba(255,255,255,0.8);
    padding:0.25rem 2.5rem;
    z-index:2;
    letter-spacing: 0;
    border-radius:0 2px 2px 0;
}
.teaser .article-thumb {
	width: 100%;
	height: 33rem;
	z-index:0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.teaser .h1 {
    font-size:28px;
    text-transform:uppercase;
    top:30%;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	width: 100%;
}
.teaser .h2 {
    font-size:16px;
    text-transform:uppercase;
    top:48%;
}
.teaser .link {
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    top:60%;
    color:#fff;
	background-color: #333;
    background-image:url(../img/svg/ffffff/chevron-right.svg);
    background-repeat: no-repeat;
    background-position: 92% center;
    background-size:16px;
    padding:0.25rem 3.5rem 0.25rem 2.5rem;
    letter-spacing: 0;
    display:block;
    transition:background-color 0.2s;
}

.teaser-small {
    height:10rem;
    border-radius:3px;
    position:relative;
    margin:0 0 2rem 0;
}
.teaser-small .article-thumb {
	width:100%;
	height:100%;
    background-size:cover;
}
.teaser-small .copy {
    background:rgba(255,255,255,0.8);
    font-weight:700;
    text-transform:uppercase;
    padding:0.5rem 2rem;
    position:absolute;
    font-size:14px;
    bottom:1rem;
    margin:0;
    transition:all 0.2s;
    border-radius: 0 2px 2px 0;
}

@media only screen and (max-width:768px) {
    .teasers-small {
        margin:2rem 0 2rem 0;
    }
}
@media only screen and (max-width:350px) {
    .teasers-small .column {
        padding:0;
        margin-left:1.5rem !important;
    }
    .teasers-small .row{
        margin: 0;
    }
    .account .row {
        margin: 0 auto;
    }
    .account .row .column {
        padding:0;
    }
    .account .row .column .width-6 .row {
        padding:0;
    }
}

/* ---------------------------------------------- products & account bc */
.products p {
    font-size:12px;
    font-weight:400;
    line-height:16px;
    padding:5px 0;
    margin:0;
}
.products hr, .account hr {
    border-top:1px solid #ccc;
    border-bottom:none;
    margin:0 0 10px 0;
}
.products ul.bc, .account ul.bc {
    font-size:12px;
    margin:0 0 10px 0;
    padding:0;
}
.products ul.bc li, .account ul.bc li {
    float:left;
    margin:0;
    padding:0;
    text-transform:uppercase;
}
.products ul.bc li:after, .account ul.bc li:after, .breadcrumb:after {
    content: '';
    margin:0 5px;
    width:1rem;
    height:1rem;
    display:inline-block;
    background:url(../img/svg/000000/chevron-right.svg) no-repeat center 0;
}
.products ul.bc li:last-child:after, .account ul.bc li:last-child:after, .breadcrumb:last-child:after {
    content:'';
    margin:0;
    background:none;
}
.products ul.bc li a, .account ul.bc li a {
    font-weight:700;
}
.breadcrumbValue {
	font-weight:700;
	float:left;

}
.breadcrumbLabel, .breadcrumbTitle {
	font-size:12px;
	padding-top:0.2rem;
	float:left;
	margin-right:0.75rem;
}
.breadcrumbs {
	margin:0 0 1rem 0;
}
.breadcrumb {
	font-size:12px;
	line-height:120% !important;
	position:relative;
	display:inline;
	font-weight: 700;
	text-transform:uppercase;
}
.breadcrumb.active {
	font-weight: 400;
	padding:0 0 1rem 0;
}
.breadcrumb.active:first-line {
	background:#f00;
}

/* ------------------------- list 2022 */
.article-list-container {
	width: calc(25% - 20px);
	height: 220px;
	margin: 0 10px 30px 10px;
	padding-bottom: 20px;
	float: left;
	position: relative;
	border-bottom: 2px solid #ccc;
}
.article-list-container .article-thumb {
	margin-right: 2rem;
	margin-bottom: .5rem;
	width: 100% !important;
	height: 120px !important;
}
.article-list-container .article-thumb a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.article-list-container .article-number {
	font-size: 10px !important;
}
.article-list-container .copy {
	font-size: 1.3rem;
	color: #000 !important;	
	line-height: 130%;
	word-break: break-word;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.article-list-container .note {
	font-size: 11px;
	line-height: 140%;
	margin-bottom: 5px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.article-list-container .label-price {
	font-size: 16px;	
	font-weight: 600;
	position: absolute;
	bottom: 5px;
	text-align: right !important;
	width: 100% !important;
}
@media only screen and (max-width:960px) {
	.article-list-container {
		width: calc(33.33% - 20px);
		height: 220px;
		margin: 0 10px 30px 10px;
	}	
}
@media only screen and (max-width:480px) {
	.article-list-container {
		width: calc(50% - 20px);
		height: 220px;
		margin: 0 10px 30px 10px;
	}	
}


/* ------------------------- list */
.articleListContainer {
	position: relative;
	clear:both;	
	float:left;
	margin-bottom:1rem;
	width:100%;
}

.legend {
	margin-bottom: 2rem;
}
.legend p {
	text-align: right;
	line-height: 160%;
	font-size: 12px;
}
.legend .icon {
	display:inline;
	padding-left:25px;
	margin:0 0 0 5px;
}
.legend .icon.meter {
	background: url(../img/meter.svg) no-repeat 0% 50% / 16px;
}
.legend .icon.calendar {
	background: url(../img/calendar.svg) no-repeat 0% 50% / 16px;
}

.products.list .green {
    color:#7A8F01;
}
.article-thumb {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
    float:left;
    margin-right:2rem;
    border-radius:2px;
    overflow: hidden;
}
.products.list .article-thumb {
	width: 90px;
	height: 90px;	
}
.products.list .article-thumb-large {
	width: 247px;
	height: 180px;	
	overflow: hidden;
}
.products .article-number {
    font-size:12px;
}


.products.list [class*=article-col-] {
    float:left;
    font-weight:400;
    margin-right:1.8rem;
    line-height:140%;
    font-size:12px;
    min-height:1px;
}
.products.list .article-col-0 {
    width:9rem;
    height:1rem;
    float:left;
    margin-right:2rem;
}
.products.list .article-col-1 {
    /*width:25%;*/
    width:60%;
    line-height:170%;
    margin-bottom:1rem;
    font-size:14px;
}
.products.list .article-col-1 .copy {
	color:#1c1c1c;
	font-size:14px;
    line-height: 18px;
    font-weight:700;
    letter-spacing:0;
    text-transform:uppercase;
    margin:0;
    padding:0;
}
.products.list .article-col-2 {
    width:9%;
    float:left;
    margin-right:1.8rem;
    line-height:140%;
    font-size:12px;
}
.products.list .article-col-3 {
    width:9%;
}
.products.list .article-col-4 {
    width:9%;
}
.products.list .article-col-5 {
    width:9%;
}
.products.list .article-col-6 {
    font-weight:700;
    color:#000;
    float:right;
}
.products.list .article-col-7 {
    width:18%;
    float:right;
}
.products.list .article-col-7 .label-price {
	text-align: right;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	margin-bottom: 1rem;
}
.products.list .article-col-7 .label-taxes {
	text-align: right;
}
	
.products.list .list-header {
    border-bottom:3px solid #ccc;
    margin:2rem 0;
    padding-bottom:1rem;
    height:3rem;
}
.products.list .list-header, .products.list .list-header [class*=article-col-] {
    font-size:11px !important;
    text-transform:uppercase !important;
    font-weight:700 !important;
    color:#000;
}
.list .show-on-mobile {
    display:none;
}


.article-col-articleNo {
    width:5%;
    line-height:170%;
    margin-bottom:1rem;
    font-size:14px;
    margin-right:0 !important;
}
.article-col-description1 {
    width:20% !important;
    line-height:170%;
    margin-bottom:1rem;
    font-size:14px;
    font-weight:600 !important;
}
.articleDescription2 {
    width:9% !important;
}
.article-col-description4 {
    font-weight:700 !important;
    color:#000;
    float:right !important;
}

@media only screen and (max-width:1140px) {
	.item-side .article-thumb {
	    width:100%;
	    height:13rem;
	    margin-bottom:1rem;
	}
	.item-side .price {
		width:100%;	
		margin-bottom:0.5rem;
	}
	.item-side .link {
		margin-bottom:2rem;
	}
}
@media only screen and (max-width:960px) {
    .products.list .article-col-1 {
        width:50%;
    }
    .list .show-on-mobile {
        display: inline !important;
        width:auto;
    }
    .list .hide-on-mobile {
        display:none;
    }
}
@media only screen and (max-width:600px) {
    .products.list .width-12 {
    	padding-top:1rem;
    }
	.articleListContainer {
		margin-bottom:3rem;
	}
    .products.list .article-thumb {
        width:100%;
        height: 100%;
        float:none;
    }
    .products.list [class*=article-col-] {
        width:100%;
        margin-right:0;
    }
    .products.list .article-col-6 {
        float:left;
        margin-top:1rem;
        margin-bottom:3rem;
    }
}
/* ------------------------- detail */
.subpage {
	min-height: auto;
	padding-bottom:10rem;
}
.subpage h1 {
	margin-bottom:4rem;
	font-size:36px;
}
.subpage .width-3 {
	margin-bottom:5rem;
}
.products.detail .mainImage {
	margin:2rem 0 1rem 0;
    border-radius:3px;
    width:100%;
    height:auto;
    min-height: 200px;
    background-size:cover;
    background-position:center center;
}
.products.detail .width-7 {
	margin:2rem 0 0 0;
}
.products.detail .thumbs {
    margin-top:2rem;
}
.products.detail .thumbs .thumb {
	height:7rem;
	border-radius:3px;
    background-size:cover;
    background-position:center center;
}

.articleVariants {
	padding-top: 10px
}
.articleVariants:nth-child(odd) {
	background: #f4f4f4 !important;
}
.articleVariants .variant-name, .articleVariants .variant-unit, .articleVariants .variant-price {
	padding-top: 5px
}
.articleVariants .variant-name {
	font-weight: bold
}

/* ----- lightbox --- */
.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}
.lightbox:target {
	outline: none;
	display: block;
}


.products.detail h1, .account h1, .account .h1 {
    font-size:22px;
    font-weight:700;
    letter-spacing:0;
    line-height:120%;
    color:#333;
    margin-bottom: 5px;
}
.products .h1 {
	font-size: 24px;
	font-weight: 300;
	color: #000;
	line-height: 150%;
}
.account .h1 {
	margin-bottom:4rem;
}
.products.detail h2, .products.detail .h2 {
    margin-top:1rem;
    color:#333;
}
.products.detail .articleNo {
	font-size:11px;
	line-height: 100%;
	color:#999;
	margin-bottom:1.5rem;
}

.products.detail p, .products.detail .copy {
    font-size:13px;
    letter-spacing:0;
    line-height:150%;
    margin-bottom: 1rem;
}


.products.detail .price {
    color: #000;
    font-size:24px;
    font-weight:700;
    margin:2rem 0 1rem 0;
    padding:0;
    line-height:100%;
    text-align:right;
    position: relative;
	width: auto;
}
.products .price.calendar {
	background: url(../img/calendar.svg) no-repeat 0% 50%;
	background-size: 18px;
}
.products .price.meter {
	background: url(../img/meter.svg) no-repeat 0% 50%;
	background-size: 18px;
}

.products.detail .unit {
    color: #000;
    font-size:14px;
    margin: 0 0 .5rem 0;
    padding:0;
    line-height:100%;
    text-align:right;
}
.products.detail .taxes {
    font-size:12px;
    padding:0;
    line-height:150%;
    text-align:right;
}
.btn {
    background:#ddd;
    padding:0.5rem 1.5rem;
    border-radius:3px;
    text-transform:uppercase;
    font-weight:700;
    margin:0 1rem 0 0;
    transition:background 0.2s;
}
.btn.cart {
    color:#fff;
}
.detail-total {
    margin-top:1rem;
    float:right;
}
.detail-btns {
    margin-top:2.5rem;
    float:left;
}

.price-box {
	width: 100%;
	margin: 0 0 10px 0;
}
.price-box .price-box-row {
	width: 100%;
}
.price-box .price-box-row .price {
	margin: 0;
}
.price-box .price-box-row .price span {
	font-size:12px;
	font-weight: 400;	
}
.price-box span.priceInfo {
	font-size: 12px;
	font-weight: 400;
}

.price-box .price-box-row .combo {
	width: 100px;
	height: 34px;
	position: relative;	
	border: 1px solid #82BB29;
	box-sizing: border-box;
	border-radius: 3px;
	overflow: hidden;
	float: right;
}
.price-box .price-box-row .combo .ammount {
	height: 32px;
	width: 50px;
	border: 0px;
	text-align:center;
	float: left;
}

.price-box .price-box-row .combo .button {
	position: absolute;
	height: 34px;
	width: 50px;
	border: 0px;
	float: right;
	background: url(../img/basket.svg) no-repeat 50% 40% / 18px;
	background-color: #82BB29;
	transition: background-color .3s;
}
.price-box .price-box-row .combo .button:hover {
	background-color: #5b8a12;
}



.textDetail {
	margin:3rem 0 !important;
}

.download {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    color: #000;
    font-weight: normal;
    padding: 5px 20px 5px 30px;
    background-repeat: no-repeat;
    background-size: 15px;
	background-position: 5px 50%;
}
.download:hover {
	opacity: .6	
}
.download:first-child {
	margin-top: 20px;	
}
.download:nth-child(2n+1) {
    background-color: rgb(245, 245, 245);
}
.download.filetype-pdf {
    background-image: url(../img/svg/000000/pdf.svg);
}


.new-products {
    margin-top:1rem;
}
.new-products .h2, .items-side .h2 {
	font-size:18px;
	margin-bottom:2rem;
	color:#1c1c1c;
	font-weight:700;
}
.new-products .h2:after, .items-side .h2:after {
	content: '';
	margin-top:1.5rem;	
	width:100%;
	height:0.4rem;
	background-color:#f1f1f1;
	display:block;
}
.new-products hr {
    margin-bottom:2rem;
}
.new-products img, .products img {
    border-radius:3px;
}
.new-products .article-thumb  {
	width:100%;
	background-size: contain;
  	height: 200px;
	margin:0 0 1rem 0;
}
.new-products .headline, .products h4 {
    font-size:14px;
    line-height: 18px;
    letter-spacing:0;
    margin:0;
    padding:0;
}
.new-products .price, .products .price {
    float:left;
    margin:0 0 5px 0;
    width:100%;
    font-weight:700;
}
.new-products .link.add-to-cart, .products a.add-to-cart {
    background-color: #000;
    padding:0.2rem 1rem;
    border-radius:3px;
    color:#fff;
    display:block;
    float:left;
    font-size:12px;
    font-weight:400;
    position: relative;
}
.new-products .link.add-to-cart:hover, .products a.add-to-cart:hover {
    background:#333;
}
.new-products .column, .products .column {
    margin:0 0 1rem 0;
}
@media only screen and (max-width:768px) {
    .new-products .width-3, .products .width-3 {
        width:50%;
    }
}
@media only screen and (max-width:350px) {
    .new-products .column, .products .column {
        padding:0;
    }
    .new-products .row, .products .row {
        margin: 0;
    }
    .new-products .width-3:nth-child(odd), .products .width-3:nth-child(odd) {
        padding-right:1.5rem;
    }
    .new-products .width-3:nth-child(even), .products .width-3:nth-child(even) {
        padding-left:1.5rem;
    }
}

/* ------------------------- controls */
.pageNavigation {
	width:100%;
	text-align: center;
}
.pageNavigation .pageLeft, .pageNavigation .pageRight {
	display: inline-block;
	font-weight:700;
	text-transform:uppercase;
	font-size:11px;
	color:#1c1c1c;
	margin:0.5rem 0 1rem 0;
}
.pageNavigation .pageLeft {
    position: relative;
	float:left;
	padding:0 0 0 2.5rem;
	background:url(../img/svg/000000/chevron-left.svg) no-repeat left center / 16px;
}
.pageNavigation .pageRight {
    position: relative;
    float:right;
	padding:0 2.5rem 0 0;
	background:url(../img/svg/000000/chevron-right.svg) no-repeat right center / 16px;
	text-align:right;
}
.pageNavigation .pages {
	display: inline-block;
	margin:0 auto;
	text-align:center;
}

.pageNavigation .number {
    position: relative;
	display: inline-block;
	font-size:11px;
	line-height:11px;
	margin:0 0.5rem;
	padding:0.5rem 0.7rem;
	border:1px solid #ccc;
	border-radius:2px;
	color:#1c1c1c;
}
.pageNavigation .number:hover {
	border: 1px solid #000;
}

.pageNavigation .number.active {
	font-weight:700;
	color:#fff;
	background:#999;
	border:1px solid #999;
}
.pageNavigation .number.active:hover {
	border:1px solid #999;
}
.pageNavigation .number.skip {
	background:url(../img/svg/000000/dots-three-horizontal.svg) no-repeat center 150% / 12px;
	opacity:0.4;
	width:1.5rem;
	height:2rem;
	border:none;
	padding:0rem 0.7rem 0.5rem 0.7rem;	
}
.pageNavigation .number.skip:hover {
	border:none;	
}

.product-controls {
    margin-bottom:3rem;
}
.product-controls .select-view span {
    float:left;
    margin-right:1rem;
}
.product-controls .select-view .active {
    /* color:[customColor]; */
}
.product-controls label {
    font-size:13px;
    margin: 0 0 0 4rem;
    float:left;
}
.product-controls select {
    border:1px solid #ccc;
    border-radius:3px;
    padding:3px;
    font-size:12px;
    float:left;
    font-family:'Open Sans';
}
.product-controls .sort {
    float:right;
}
.product-controls .sort label {
    width:10rem;
}
.product-controls .sort select {
    background: #fff url("Image/arrow-down.png") no-repeat scroll 9rem 1rem;
    width:12rem;
}
.product-controls .page {
    float:right;
}
.product-controls .page label {
    width:4rem;
}
.product-controls .page select {
    background: #fff url("Image/arrow-down.png") no-repeat scroll 3rem 1rem;
    width:5rem;
}
.products.detail .product-controls {
    margin-top:2rem;
    margin-bottom:0;
}
.product-controls .detail {
    float:left;
    margin-bottom:1rem;
}
.product-controls .detail label {
    width:8rem;
    margin:0;
}
.product-controls .detail select {
    background: #fff url("Image/arrow-down.png") no-repeat scroll 24.25rem 1rem;
    width:27rem;
}

@media only screen and (max-width:600px) {
    .product-controls .sort {
        margin-top:1rem;
    }
}

/* ---------------------------------------------- logos */
.logos {
    margin-top:3rem;
    margin-bottom:4rem;
}
.logos .width-2 {
    text-align:center;
    padding-left:3rem;
    padding-right:3rem;
    margin:0 0 6rem 0;
}
@media only screen and (max-width:768px) {
    .logos .width-2 {
        width:50%;
    }
}

/* ---------------------------------------------- items-side */
.items-side {
    margin:2rem 0 0 0;
}
.items-side hr {
    margin-bottom:2rem;
}
.item-side {
    width:100%;
    margin:1rem 0;
}
.item-side .articleListContainer {
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0
}
.item-side .article-thumb {
	height:90px;
	width: 90px;
	border-radius:3px;
}
.item-side .article-thumb img {
    width:100%;
    height:100%;
}
.item-side .headline  {
    font-size:14px;
    line-height:1;
    font-weight:500;
    letter-spacing:0;
	color:#1c1c1c;
}
.item-side .price {
    float:right;
    font-size:16px;
    font-weight:700;
    line-height:27px;
    display:block;
    min-width:10rem;
    color:#000;
}
.item-side .link {
    padding:0.2rem 1rem;
    border-radius:3px;
    color:#fff;
    display:block;
    float:left;
    font-size:12px;
    font-weight:400;
    position: relative;
}
.item-side .link:hover {
    background:#333;
}

@media only screen and (max-width:1140px) {
	.item-side .article-thumb {
		height:210px;
		width: 210px;
	}
}

@media only screen and (max-width:960px) {
	.item-side .article-thumb {
		height:160px;
		width: 160px;
	}
    .item-side .price {
        font-size:12px;
    }
}

/* ---------------------------------------------- account */
.account .width-12 {
    margin:2rem 0 0 0; 
}
.account .copy {
	margin:2rem 0 3rem 0;
}
.account .width-6 p, .copy-small {
    font-size:13px;
    line-height:150%;
    margin-bottom:2rem;
}
.account .width-6 p.small {
    color:#666;
    text-align:center;
    margin-top:2rem;
}
.account .width-12.form {
    margin:0 0 6rem 0;
}
.account label, .account .label, .account .label-two-lines {
	font-size:13px;
    float:left;
    width:35%;
    height:2.6rem !important;
    color:#000;
    background:none;
    border:none;
    position:relative;
    padding:0.75rem 0 0 0;
    margin-top:1rem;
    line-height:1.1;
}
.account .label-two-lines {
	margin-top:1rem;
	line-height:1.1;
}
.account select {
    background:#fff url(../img/arrow-down.png) no-repeat 95% 1rem;
    border:1px solid #ccc;
    border-radius:3px;
    padding:0.35rem 0.5rem;
    float:right;
    width:70%;
    font-size:13px;
    color:#777;
    margin-bottom:1.5rem;
}
.account input {
    border:1px solid #ccc;
    border-radius:3px;
    padding:0.5rem 1rem;
    float:right;
    width:60%;
    position:relative;
    margin-top:1rem;
}
.account input:focus {
	border:1px solid #333;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	background:#fff;
}
.account .form .row {
    padding:0 1.5rem;
}
.account .zip {
    width:25%;
    float:right;
}
.account .town {
    width:40%;
    float:right;
    margin-left:5%;
}
.account .day {
    width:20%;
}   
.account .month {
    width:26%;
    margin-left:2%;
}
.account .year {
    width:20%;
    margin-left:2%;
}
.account .btn-register, .account .btn-bright {
    background:#333;
    border-radius:3px;
    padding:1rem;
    text-align:center !important;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    transition:all 0.2s;
    display:block;
    margin-top:2rem;
    margin-bottom:1rem;
    position:relative;
    float:left;
    width:100%;
}
.account .btn-bright {
    background:#999;
    padding:0.5rem;
}
.account .btn-register:hover, .account .btn-bright:hover {
    background:#555;
    color:#fff;
}
.account .btn-bright:hover {
    color:#fff;
    background:#777;
}


/* ---------------------------------------------- footer */
.footer .row.small {
    padding: 3rem 0 0 0;
    font-size:13px;
}
.footer .row.small:last-child  {
    padding-bottom:3rem;
}
.footer .width-3 {
	padding-bottom:3rem;
}
.footer .headline {
    font-size:18px;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:0;
    line-height: 1;
	margin: 0 0 2rem;
}
.footer .footerLink {
	transition: color 0.2s;
}
.footer .footerLink:hover {
    color:#fff;
}

.footer a {
    font-weight:400;
}
.footer a:hover {
    color:#fff;
}

/* ---------------------------------------------- side-navigation */
.side-navigation-inner {
    
}
.side-navigation-header a{
    color:#fff;
}
.side-navigation-header a:hover{
    color:#fff;
}
.side-navigation ul li a {
    font-size:14px;
    font-weight:400;
}
.side-navigation ul li ul.open {
	height:auto !important;
}
.side-navigation ul ul {
    margin-left:6rem;
}
.side-navigation ul ul li {
    margin-bottom:1.5rem;
}
   
/* ---------------------------------------------- hide on tablet */
@media only screen and (max-width:960px) {
    .hide-on-tablet {
        display:none;
    }
}

.clickPanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}


/* ---------------------------------------------- messages */
.messageGroup {
	width: 340px !important;
	left: -170px !important;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}
.messageTitle {
	padding:4px !important;
	font-size: 16px !important;
}
.messageCancel {
	position:absolute !important;
	top:5px !important;
	right:5px !important;
	margin:0 !important;
}
.messageOption {
	float:none !important;
	text-align:center;
	font-weight:700;
	margin:0 auto;
} 
.messageGroup input.messageInput {
    position: relative !important;
    padding: 12px 8px !important;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    width: calc(100% - 20px);
    margin: 4px 10px;
    float: left;
}
.messageGroup input.messageInput:focus {
	background: #efefef;
	border-color: #666
}
.messageGroup select.messagePulldown {
	margin: 4px 10px;
	width: calc(100% - 20px);
}
.messageInfoContainer {
	bottom: 150px !important;
	right: 20px !important;
	left: auto !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2) !important;
	z-index: 10000000000;
}
.messageInfoContainer .messageInfo {
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: #de000d;
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-top: none !important;
    padding: 10px 20px;
    border-radius: 3px !important;
    display: block;
}

/* ---------------------------------------------- variants */
.grpVariants {
  position: relative;
  width: 100%;
  margin:2rem 0 0 0;
  font-size: 13px;
}

.grpVariants .title1 {
  position: relative;
  float: left;
  width: 50%;
  font-weight: bold;
  z-index:1;

}

.grpVariants .title2 {
  position: relative;
  float: left;
  width: 50%;
  text-align: right;
  font-weight: bold;
  z-index:1;

}
.grpVariants .varianttemplate {
  position: relative;
  width: 100%;
  background:#eee;
}
.grpVariants .varianttemplate:nth-child(odd) {
  background:#fff;
} 
.grpVariants .description {
  position: relative;
  float: left;
  clear: left;
  width: 50%; 
  padding:0 1rem;
}
.grpVariants .stock {
  position: relative;
  float: left;
  width: 50%;
  text-align: right; 
  padding:0 1rem;
}

.hidden {
	opacity: 0.1;
}

/* ---------------------------------------------- black and white */
.white, .white-hover:hover  {
	color: #fff !important
}
.white-bkg, .white-bkg-hover:hover {
    background-color: #fff !important
}
.white-border, .white-border-hover:hover {
	border-color: #fff !important
}

.black, .black-hover:hover  {
	color: #fff !important
}
.black-bkg, .black-bkg-hover:hover {
    background-color: #fff !important
}
.black-border, .black-border-hover:hover {
	border-color: #fff !important
}




/* --------------- chheckout von wgd geholt */
.checkout {
	margin-bottom:5rem;
	padding:1.5rem;
}

.checkout .copy {
	position: relative;
	color: #000;
	line-height: 130%;
}

.checkout .article-number {
	position: relative;
	font-size: 10px !important;
}

.btn  {
	position:relative;
}

.checkout .btn.reload {
	width:50px;
	height: 26px;
	float:left;
	margin-top:1rem;
	background: #ddd url(./../img/svg/000000/cw.svg) no-repeat center center / 18px;
}
.checkout .btn.delete {
	width:75px;
	height: 26px;
	float:left;
	margin-top:1rem;
	padding: 0.4rem 1.5rem;
	color: #000;
}
.checkout .btn.address {
	height: 33px;
	float:left;
	margin-top:1rem;
	padding: 0.8rem 1.5rem;
}
.checkout .btn.order {
	color:#fff;
	background:#e2001a;
}

.checkout .ammount-input {
	margin-top:1rem !important;
	margin-right:1rem !important;
	float: left;
	padding: .75rem;
	border-radius: 3px;
	background: #fafafa;
}
.checkout .ammount-input:focus {
	border: 1px solid #000;
	background:#fff;
}
select.sale-unit {
	float: left;
	width: 100px !important;
	border-radius: 3px;
	height: 35px;
	border-color: #BCBCBC;
	border-style: solid;
	border-width: 1px;
	margin-right: 5px;
	appearance: auto;
	color: #000;
}
.sale-price-preview {
	text-align: right;
	color: #000;
}
.checkout .article-col-1 {
    width: 100%;
    padding: 0;
}
.checkout .articleListContainer {
	width: 100%;
	height: auto !important;
}
.checkout .articleListContainer:nth-child(3n-1) {
	margin: 0 0 2rem 0;
}
.checkout .img-responsive {
	float:left;
	margin: 0 3rem 0 0;
	width: 90px;
	background-size: cover;
	background-position: 50% 50%;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);
	border-radius: 4px;
	overflow: hidden;
}
@media only screen and (max-width:480px) {
	.checkout .img-responsive {
		width:100%;
		margin-bottom:2rem;
	}
}
.checkout .list-total {
	font-size:1rem;
	width:100%;
}
.checkout .list-total .unit-big  {
	float: left;
	font-size: 12px;
	font-weight: 700;
	color: #666;
	margin-top: 1.3rem;
	margin-right: 1rem;
	text-transform: uppercase;
}
.checkout .list-total-price {
	font-size:1rem;
	width:300px;
	float:right;
	margin-top:1rem;
}
.checkout input, .checkout textarea {
	padding: 10px 15px;
	margin: 0 0 15px 0;
	border-color: #BCBCBC;
}
.checkout input:focus, .checkout textarea:focus {
	border: 1px solid #333;
	background: #fff;
}

.single-price, .single-price-label {
    margin-right: .5rem;
}

.tax-label {
	font-style:italic;
}
.tax-label.right {
	float:right;
	margin: 1rem;
}
.ammount-price {
	float:right;
	font-weight:bold;
	font-size:18px;
	margin: 0 3.5rem 0 0;
	padding-left: 30px;
}
.ammount-price.calendar {
	background: url(../img/calendar.svg) no-repeat 0% 50%;
	background-size: 18px;
}
.ammount-price.meter {
	background: url(../img/meter.svg) no-repeat 0% 50%;
	background-size: 18px;
}

.total {
	background:#fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
	border-top-width: 1px;
	border-top-style: solid;
	border-radius: 3px;
	padding:2rem 3rem;
	text-align:right;
	margin-bottom:5rem;
}
.total .number {
	float:right;
	width:90px;
	font-weight:bold;
}
.total .number-label {
	float:right;
	width:140px;
}
.checkout .width-6 {
	margin-bottom:5rem;
}

.agb {
	margin-bottom: 2rem;
}
.agb a {
	font-size: 12px !important;
	font-weight: normal;
}
.agb a:hover, .agb-link {
	cursor: pointer;
	text-decoration: underline;
}
.agb p, .shop-zahlungsweise p {
	padding-left: 2.3rem;
}

.agb input[type="checkbox"] {
	float: left;
	width: 10px;
	margin-right: 2rem;
	margin-top: 0.5rem;
}

.shop-zahlungsweise input[type="radio"] {
	float: left;
	width: 1rem;
	margin-top: 0.6rem;
	margin-right: 1rem;
}

.selection-panel {
	display: block;
	height: 45px;
	padding: 9px;
	border-radius: 4px;
	text-align: center;
	background-image: none;
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) 15px;
	background-size: 18px;
	cursor: pointer;
	z-index: 10 !important;
	position: relative;
	width: 200px;
	background-color: #f9f9f9;
}

.selection-panel:last-child {
	margin-bottom: 35px;	
}

.selection-panel:hover, .selection-panel.selected {
	background-color: #ddd;
}

.selection-panel.selected {
	background-image: url("https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png");
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) 15px;
}

.selection-panel strong, .selection-panel p {
	font-family: Arial;
	font-weight: normal;
	color: #000;
}

.selection-panel strong {
	font-size: 12px;
}
.selection-panel.selected strong {
	font-weight: bold;
}
.selection-panel p {
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 12px;
	padding: 0;	
	display: none;
}
.selection-panel.selected p {
	display: block;
}

@media only screen and (max-width:960px) {
	.selection-panel strong {
		padding-left: 0 !important;
	}
}

 /* ------------------------- account order */
.orderhistory-item {
 	border: 1px solid #ccc;
 	border-radius: 3px;
 	margin-bottom: 20px;
 	color: #000;
 	overflow: hidden;
 }
.orderhistory-item-header {
 	border-bottom: 1px solid #ccc; 
 	background-color: #f2f2f2;
 	padding: 5px 15px;
}
.orderhistory-item-footer {
 	border-top: 1px solid #ccc; 
 	background-color: #f2f2f2;
 	padding: 5px 15px;
}
.orderhistory-item [class*="width"]{
	position: relative;
	float: left;
}
@media only screen and (max-width:768px) {
	.orderhistory-item .push-1, .orderhistory-item .push-2, .orderhistory-item .push-4, .orderhistory-item .push-6 {
		left: 0;
	}
}

.orderhistory-document-date,
.orderhistory-document-documentno,
.orderhistory-document-status,
.orderhistory-document-pricenet,
.orderhistory-document-pricegross,
.orderhistory-document-pricenet,
.orderhistory-document-deliverynet,
.orderhistory-document-tax,
.orderhistory-document-pricenetgross,
.orderhistory-item-totalpricenet,
.orderhistory-item-totalpricegross,
.orderhistory-item-amount,
.orderhistory-item-basicprice,
.orderhistory-item-totalprice {
	line-height: 120%;
	margin: 2px 0 0px 0;
}

/* Preise rechtsbündig */
.orderhistory-document-deliverynet,
.orderhistory-document-pricenet,
.orderhistory-document-pricegross,
.orderhistory-document-tax,
.orderhistory-document-pricenetgross,
.orderhistory-item-basicprice,
.orderhistory-item-totalpricenet,
.orderhistory-item-totalpricegross {
	text-align: right;
}

.orderhistory-document-date:before,
.orderhistory-document-documentno:before,
.orderhistory-document-status:before,
.orderhistory-document-pricenet:before,
.orderhistory-document-pricegross:before,
.orderhistory-document-deliverynet:before,
.orderhistory-document-tax:before,
.orderhistory-document-pricenetgross:before,
.orderhistory-item-totalpricenet:before,
.orderhistory-item-totalpricegross:before,
.orderhistory-item-amount:before,
.orderhistory-item-basicprice:before,
.orderhistory-item-totalprice:before {
	position: relative;
	display: block;
	font-size: 10px;
	color: #666;
}

.orderhistory-document-pricenet {
	font-weight: bold;
}
.orderhistory-document-date:before {
	content: 'Bestellung vom';
}
.orderhistory-document-documentno:before {
	content: 'Bestell-Nr.';
}
.orderhistory-document-status:before {
	content: 'Status';
}
.orderhistory-document-pricenet:before {
	content: 'Preis ohne MwSt.';
	font-weight: normal;
}
.orderhistory-document-pricegross:before {
	content: 'Preis inkl. MwSt.';
}
.orderhistory-document-deliverynet:before {
	content: 'Versandkosten';
}
.orderhistory-document-pricenet:before {
	content: 'Summe Netto';
	font-weight: bold;
}
.orderhistory-document-tax:before {
	content: 'Gesetzliche MwSt.';
}
.orderhistory-document-pricenetgross:before {
	content: 'Summe inkl. MwSt';
}
.orderhistory-item-amount:before {
	content: 'Menge';
}
.orderhistory-item-basicprice:before {
	content: 'Einzelpreis';
}
.orderhistory-item-totalprice:before {
	content: 'Gesamtpreis';
}
.orderhistory-item-totalpricenet:before {
	content: 'Gesamtpreis Netto';
}

.amount {
	float: left;
	margin-right: 4px;
}

.orderhistory-document-btn-cart {
	color: #fff;
	font-size: 12px;
	padding: 8px 10px;
	line-height: 120%;
	margin: 5px 0 5px 5px;
	display: inline-table;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);
}

.orderhistory-document-download-invoice {
	display: block;
	font-size: 11px;
	margin-bottom: 5px;
	color: #666;
	line-height: 120%;
	text-decoration: underline;
	text-align: right;
}

.width-15 {
	width: 12.5%
}

.width-25 {
	width: 20.83333%
}

/* single items */
.orderhistory-detail-wrapper {
	
}
.orderhistory-detail-item {
	padding: 12px 15px;
}
.orderhistory-detail-item:nth-child(odd) {
	background: #f9f9f9;
}
.orderhistory-detail-item:nth-child(even) {
	background: #f0f0f0;
}
.order-item-image {
 	margin-top: 2px
}
@media only screen and (max-width:768px) {
	.order-item-image {
		margin-bottom: 15px
	}
}
.order-item-image img {
	width: 100%;
 	height: 100%;
 	object-fit: contain;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);
}
.orderhistory-item-articleno {
	font-size: 11px;
	color: #666;
}
.orderhistory-item-articleno:before {
	content: 'Artikel-Nr.: ';
	position: relative;
}

.orderhistory-item-description1,
.orderhistory-item-description2 {
	line-height: 130%;	
}

.orderhistory-item-btn-cart {
	font-size: 12px;
	padding: 8px 10px;
	line-height: 120%;
	margin: 5px 0 5px 0;
	text-align: right;
	background: #fff;
	display: inline-table;
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);
}
@media only screen and (max-width:768px) {
	.orderhistory-item-btn-cart {
		margin: 15px 0 5px 0;
	}
}

/* nebenkosten in der orderhistory anders darstellen */
.additional-cost .orderhistory-item-btn-cart {
	display: none;
}
 

/* ---- änderungen josef */

/* weil das input in der detailansicht nicht gestyled ist. bei wgd ist diese klasse komplett im custom. bitte kombinieren */
.ammount-input {
	float: left !important;
    border-radius: 3px;
    padding: 0.4rem !important;
    width: 4rem;
    margin-top: 0rem !important;
    margin-right: .5rem !important;
    text-align: center;
}


/* damit links (warenkorb) über clickpanels kommen (index 2) */
.link {
	z-index: 3;
}
 
 
 /* ------------------------- cookie info */
.cookie-info {
	position: fixed;
	left: 0px;
	right: 0px;
	height: auto;
	min-height: 21px;
	z-index: 2147483647;
	background: rgb(228, 228, 228) none repeat scroll 0% 0%;
	color: #333;
	line-height: 21px;
	padding: 8px 18px;
	font-family: "Open sans", arial, sans-serif;
	font-size: 14px;
	text-align: center;
	bottom: 0px;
	opacity: 1;
}
.cookie-info .copy {
	display:block;padding:10px 0 10px 0;
	float:left;
}
.cookie-info .link {
	display:block;padding:10px 2px;
	text-decoration: underline;
	font-weight:bold; 
	float:left;
	position:relative;
}
.cookie-info .btn {
	float: right;
	display: block;
	padding: 5px 8px;
	min-width: 100px;
	margin-left: 5px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	background: #e2001a none repeat scroll 0% 0%;
	text-align: center;
	text-transform:none;
	font-weight: 300;	
	position: relative;
}
#_cookieinfo_ok:target #_cookieinfo_ {
	display:none;	
}

/* ------------------------- aside navigation 2021 */
aside {
	z-index: 1000;
	position: fixed;
	overflow-y: scroll;
	right: -34rem;
	background: #fff;
	width: 32rem;
	height: 100vh;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2.5rem 2.5rem 15rem 2.5rem;
	-webkit-transition: right 0.4s ease;
	transition: right 0.4s ease;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) -12px 0px 12px;
	box-shadow: rgba(0, 0, 0, 0.2) -12px 0px 12px
}

aside.open {
	right: 0
}

aside .header-wrapper {
	position: fixed;
	z-index: 2
}

aside .header {
	position: fixed;
	top: 0;
	height: 9rem;
	width: 100%;
	padding-top: 2.4rem;
	background: white;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
		0.9)), color-stop(85%, rgba(255, 255, 255, 0.9)),
		to(rgba(255, 255, 255, 0)));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%,
		rgba(255, 255, 255, 0.9) 85%, rgba(255, 255, 255, 0) 100%)
}

aside .header .mobile-menu-close {
	position: absolute;
	top: 2.2rem;
	left: 24rem;
	width: 3.5rem;
	height: 3.5rem;
	background: url("../img/svg/000000/cross.svg") no-repeat 50% 50%
}

aside .logo {
	width: 15rem;
	line-height: inherit !important;
}

aside .icon {
	margin-right: 2.5rem
}

aside .icon img {
	width: 2.8rem;
	height: 2.8rem
}

aside small {
	font-size: 1.1rem;
	padding-bottom: 10rem
}

aside nav.aside-navigation {
	margin-top: 8rem;
	margin-bottom: 5rem
}

.blocker{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:-1;
	-webkit-animation-name:blocker-out;
	animation-name:blocker-out;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.4s;
	animation-duration:0.4s
}
.blocker.active{
	-webkit-animation-name:blocker-in;
	animation-name:blocker-in;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.4s;
	animation-duration:0.4s
}
@-webkit-keyframes blocker-in{
	0%{background:rgba(0,0,0,0);z-index:-1}to{background:rgba(0,0,0,0.6);z-index:999}}

@keyframes blocker-in{
	0%{background:rgba(0,0,0,0);z-index:-1}to{background:rgba(0,0,0,0.6);z-index:999}}

@-webkit-keyframes blocker-out{
	0%{background:rgba(0,0,0,0.6);z-index:999}to{background:rgba(0,0,0,0);z-index:-1}}

@keyframes blocker-out{
	0%{background:rgba(0,0,0,0.6);z-index:999}to{background:rgba(0,0,0,0);z-index:-1}}