.page-fade-out, .side-navigation-wrapper, .thumbnail .overlay-info, .wrapper {
    -webkit-backface-visibility: hidden
}

.wrapper-inner, body, html {
    max-width: 100%
}

.column > :first-child, .row {
    margin-top: 0
}

.row.flex.boxes > .v-align-top, .row.flex > .v-align-top, .row.flex > .v-align-top > .box, .thumbnail .caption-over-inner.v-align-top {
    align-self: flex-start
}

.overlay-navigation ul li a, .side-navigation ul li a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    word-wrap: break-word
}

#tml-caption, .tms-caption {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

html {
    font-size: 62.5%
}

body {
    padding: 0;
    margin: 0;
    background: #fff;
    color: #666;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.8;
    overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.clear, .wrapper, .wrapper-inner {
    overflow: hidden
}

a, button, input, select, textarea {
    touch-action: manipulation
}

.button, button, input, select {
    line-height: 1.4
}

.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
}

.scroll-to-top {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.scroll-to-top.active {
    opacity: 1;
    visibility: visible
}

.scroll-to-top.fixed {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    background-color: #333;
    content: "\e63e";
    text-align: center;
    position: fixed;
    right: 3rem;
    bottom: 3rem;
    top: auto;
    z-index: 999
}

.row, .wrapper {
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.column[class*=push-], .column[class*=pull-], .nav-bar-inner, .navigation ul li {
    position: relative
}

.scroll-to-top.fixed a {
    color: #fff
}

.wrapper-inner {
    margin-right: auto;
    margin-left: auto
}

.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, [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.full-width.collapse .row {
    margin: auto
}

.row.flex.v-align-middle {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.row.flex.v-align-middle > .column > div {
    width: initial
}

.row.flex.v-align-top {
    align-items: flex-start
}

.row.flex.v-align-bottom {
    align-items: flex-end
}

.ie-browser:not(.webkit) .row.flex.v-align-middle {
    height: 100%;
    display: table;
    align-items: center;
    flex-wrap: nowrap
}

.ie-browser:not(.webkit) .row.flex.v-align-middle > .column {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.ie-browser:not(.webkit) .row.flex.v-align-top {
    vertical-align: top
}

.ie-browser:not(.webkit) .row.flex.v-align-bottom {
    vertical-align: bottom
}

.row.flex {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: initial
}

.footer .row.flex > .column, .row.flex > .column > div {
    flex-direction: column
}

.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.boxes > .v-align-bottom, .row.flex > .v-align-bottom, .row.flex > .v-align-bottom > .box {
    align-self: flex-end
}

.row.flex > .column > .box > div {
    margin-top: auto;
    margin-bottom: auto
}

.row.flex > .v-align-top > .box > div {
    margin-top: 0;
    margin-bottom: auto
}

.row.flex > .v-align-bottom > .box > div {
    margin-top: auto;
    margin-bottom: 0
}

.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) {
        width: 100%;
        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
}

.text-break {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

pre, pre code {
    white-space: pre
}

.pull-left {
    float: left !important
}

.pull-right {
    float: right !important
}

.flex {
    width: 100%;
    display: flex;
    align-items: center
}

.v-align-top {
    align-self: flex-start !important;
    vertical-align: top !important
}

.v-align-bottom {
    align-self: flex-end !important;
    vertical-align: bottom !important
}

.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-block, [class*=border-].inline-block, [class*=bkg-].inline-block {
    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
}

.full-width {
    width: 100% !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 {
    margin: 0 auto;
    float: none
}

.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:not(.button) {
    font-size: 1.1rem;
    color: #878787;
    text-decoration: none;
    display: block;
    word-wrap: break-word
}

.navigation .dropdown-list li > a:not(.button):hover, .navigation ul li > a:not(.button):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, .navigation .sub-menu.custom-content {
    width: auto;
    min-width: 25rem
}

.navigation .dropdown-list.custom-content, .navigation .sub-menu.custom-content .custom-content-inner {
    padding: 2rem
}

.navigation .sub-menu.custom-content ul {
    padding: 0 2rem 2rem
}

.navigation .sub-menu.custom-content ul:first-child {
    padding-top: 2rem
}

.navigation .sub-menu.custom-content ul[class*=bkg-] {
    padding: 2rem
}

.navigation .custom-content li:last-child :last-child {
    margin-bottom: 0
}

.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;
    color: #666
}

.navigation .dropdown-list:not(.custom-content) li:last-child, .navigation .sub-menu:not(.custom-content) li:last-child {
    border-bottom: none
}

.navigation .mega-sub-menu {
    height: auto;
    padding: 2rem 0 0;
    margin-left: 0;
    margin-right: 0;
    background: #222;
    background: rgba(34, 34, 34, 1);
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    left: 1.5rem;
    right: 1.5rem
}

.mega-sub-menu.row:after, .mega-sub-menu.row:before {
    display: none;
    content: ""
}

.navigation .mega-sub-menu > li {
    margin-bottom: 2rem;
    padding: 0 2rem;
    text-align: left;
    float: left;
    border-right: 1px solid #303030
}

.navigation .mega-sub-menu > li:not(.column) {
    width: 33.33333%
}

.navigation .mega-sub-menu > li > a:not(.button) {
    background: 0 0;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.8;
    text-transform: uppercase
}

.navigation .mega-sub-menu > li:hover > a:not(.button) {
    background: 0 0
}

.navigation .mega-sub-menu > li:last-child {
    border-right: none
}

.navigation .mega-sub-menu ul li p {
    font-size: 1.2rem;
    margin-bottom: 0
}

.navigation .mega-sub-menu ul li p, .navigation .mega-sub-menu > li > a:not(.button) {
    padding: 0 1.5rem .7rem
}

.navigation .mega-sub-menu ul li .title {
    padding: 0 1.5rem
}

.navigation .mega-sub-menu li.content-column ul li, .navigation .mega-sub-menu ul li > a:not(.button) {
    padding: .6rem 1.5rem
}

.navigation .mega-sub-menu ul li.current > a:not(.button) {
    color: #fff
}

.navigation .mega-sub-menu ul li:hover > a:not(.button) {
    background: #333
}

.navigation .mega-sub-menu li ul > li {
    float: none
}

.navigation .mega-sub-menu li.content-column ul li > a:not(.button) {
    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-show a:hover {
    color: #fff
}

.navigation-hide {
    position: relative;
    z-index: 10
}

.navigation-hide a {
    color: #666
}

.navigation-hide a:hover {
    color: #fff
}

.mobile .logo.logo-center {
    float: left
}

.mobile header .navigation:not(.secondary-navigation), .mobile header .primary-nav-column {
    display: none !important
}

.mobile header .logo-column, .mobile header .secondary-nav-column {
    width: auto
}

.mobile header .logo-column {
    float: left
}

.mobile header .secondary-nav-column {
    float: right
}

.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:not(.custom-content) a {
    padding-left: 7rem
}

.side-navigation:not(.center) .sub-menu .sub-menu {
    padding-left: 1.5rem
}

.side-navigation ul li:hover > .sub-menu {
    opacity: 1
}

.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 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.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
}

.thumbnail video, .video-container, img, pre {
    max-width: 100%
}

.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
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: inherit;
    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 .background-image {
    width: 100%;
    height: 100%;
    display: block;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.thumbnail {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom
}

.thumbnail.rounded, img.rounded {
    border-radius: .3rem
}

.thumbnail.circle, img.circle {
    border-radius: 50%
}

.thumbnail > a, .thumbnail > span {
    border-radius: inherit;
    float: left
}

.thumbnail video {
    height: auto;
    position: relative;
    z-index: 1
}

.thumbnail video + img {
    position: absolute;
    top: 0;
    z-index: 0
}

.thumbnail:hover {
    transform: none !important;
    transition: none !important
}

.thumbnail.background-image-container {
    width: 100%;
    min-height: 30rem
}

.caption-below {
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    font-style: italic;
    border: 1px solid #eee;
    float: left
}

.thumbnail .caption-over-outer {
    width: 100%;
    height: 100%;
    padding: 3rem;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.thumbnail .caption-over-inner {
    width: 100%;
    height: auto
}

.thumbnail .caption-over-inner.v-align-bottom {
    align-self: flex-end
}

.thumbnail .caption-over-inner * {
    flex: none
}

.thumbnail .caption-over-inner :first-child {
    margin-top: 0
}

.thumbnail .caption-over-inner :last-child {
    margin-bottom: 0
}

.ie-browser:not(.webkit) .thumbnail .caption-over-outer {
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: table;
    opacity: 0;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.ie-browser:not(.webkit) .thumbnail .caption-over-inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.thumbnail > a, .thumbnail > span {
    width: 100%;
    height: 100%;
    display: block;
    outline: 0;
    border: none;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0
}

.overlay-info {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    border: none;
    border-radius: inherit;
    background: #000;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

a.overlay-info:hover {
    color: #fff
}

.overlay-info > div, .overlay-info > span {
    width: 100%;
    height: 100%;
    padding: 3rem;
    font-size: 1.2rem;
    font-style: normal;
    display: flex;
    align-items: center
}

.overlay-info > div > div, .overlay-info > span > span {
    width: 100%;
    height: auto
}

.ie-browser:not(.webkit) .overlay-info > div, .ie-browser:not(.webkit) .overlay-info > span {
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    font-size: 1.2rem;
    font-style: normal;
    display: table
}

.ie-browser:not(.webkit) .overlay-info > div > div, .ie-browser:not(.webkit) .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 {
    align-self: flex-start;
    vertical-align: top
}

.overlay-info.v-align-bottom > div > div, .overlay-info.v-align-bottom > span > span, .thumbnail .caption-over-inner.v-align-bottom {
    align-self: flex-end;
    vertical-align: bottom
}

.thumbnail .overlay-info {
    width: 100.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 .background-image, .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 .background-image, .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 .background-image, .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 .background-image, .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 .background-image, .overlay-img-slide-up:hover img {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.img-scale-in:hover .background-image, .img-scale-in:hover img, .img-scale-out .background-image, .img-scale-out img, .overlay-fade-img-scale-in:hover .background-image, .overlay-fade-img-scale-in:hover img, .overlay-fade-img-scale-out .background-image, .overlay-fade-img-scale-out img, .overlay-img-scale-in:hover .background-image, .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)
}

.thumbnail.shadow {
    -webkit-box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15)
}

[class*=content-grid] .grid-item {
    margin: 0 0 3rem;
    float: left
}

[class*=content-grid] .thumbnail {
    max-width: 100%;
    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-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.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.large .icon-boxed, .feature-column.large .icon-circled {
    width: 7.4rem;
    height: 7.4rem;
    line-height: 7.4rem
}

.feature-column.left.large .icon-boxed + .feature-text, .feature-column.left.large .icon-circled + .feature-text {
    padding-left: 10.6rem
}

.feature-column.right.large .feature-text {
    padding-right: 6rem;
    padding-left: 0
}

.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: 8rem;
    height: 8rem;
    line-height: 7.8rem
}

.feature-column.left.xlarge .icon-boxed + .feature-text, .feature-column.left.xlarge .icon-circled + .feature-text {
    padding-left: 12.2rem
}

.feature-column.right.xlarge .feature-text {
    padding-right: 7rem;
    padding-left: 0
}

.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-left: auto;
    margin-right: auto
}

.feature-column.center .feature-icon {
    display: inline-block;
    float: none;
    margin-left: auto;
    margin-right: auto
}

.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-left: auto;
        margin-right: auto
    }

    .feature-column.center-on-mobile .feature-icon + .feature-text {
        padding-left: 0;
        padding-right: 0
    }
}

input, textarea {
    width: 100%;
    padding: 1.3rem 2.5rem;
    margin: 0 0 1.5rem
}

.checkbox-label ~ .checkbox-label, .radio-label ~ .radio-label, label.pull-right {
    margin-left: 1rem
}

input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0
}

input[type=submit] {
    width: auto
}

input:focus, select:focus, textarea:focus {
    outline: 0
}

.disabled, input:disabled, select:disabled, textarea:disabled {
    opacity: .6;
    cursor: default !important
}

.disabled * {
    cursor: default !important
}

.checkbox:disabled, .radio:disabled {
    opacity: 0;
    cursor: default
}

.form-element, textarea {
    background: #f9f9f9;
    font-size: 1.3rem;
    color: #666;
    border: 1px solid #eee;
    border-radius: 0
}

.form-element:focus, .input-indication .form-element:focus + .inherit-style, .input-indication.reverse .form-element:focus + .inherit-style, textarea:focus {
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .2);
    outline: 0
}

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
}

.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: 1rem;
    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
}

.input-indication, .input-indication .form-element, .input-indication .input-icon {
    margin: 0;
    display: flex
}

.button, .button-content > span, button {
    display: inline-block
}

.input-indication {
    margin: 0 0 1.5rem
}

.input-indication .input-icon {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    align-items: center
}

.input-indication.reverse .form-element + .inherit-style, .input-indication:not(.reverse) .form-element:first-child {
    border-right: none !important
}

.input-indication.reverse .form-element:first-child, .input-indication:not(.reverse) .form-element + .inherit-style {
    border-left: none !important
}

.input-indication.reverse .form-element select, .input-indication.reverse .form-element:first-child {
    padding-left: 0
}

.input-indication:not(.reverse) .form-element select, .input-indication:not(.reverse) .form-element:first-child {
    padding-right: 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 + .column:not(:last-child), .merged-form-elements .column:first-child {
        padding-right: 0
    }

    .merged-form-elements .column + .column .button, .merged-form-elements .column + .column .form-element {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .merged-form-elements .field-wrapper {
        overflow: visible
    }

    .merged-form-elements .column + .column, .merged-form-elements .column:last-child {
        padding-left: 0
    }

    .merged-form-elements .column:not(:last-child) .form-element {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .merged-form-elements .column + .column .form-element:not(:focus) {
        border-left-color: transparent
    }

    .merged-form-elements .column + .column .button {
        width: 100%
    }

    .merged-form-elements .column .form-element:focus {
        position: relative;
        z-index: 1
    }
}

.input-indication.reverse > :last-child, .input-indication:not(.reverse) > :first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-indication.reverse > :first-child, .input-indication:not(.reverse) > :last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-indication.reverse {
    flex-direction: row-reverse
}

.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: .5rem;
    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.4rem;
    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: 1.7rem;
    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 1rem 1rem 0;
    font-family: inherit;
    font-size: 1.3rem;
    color: #666;
    background-color: #eee;
    border: 1px solid #eee;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.left-on-mobile .button, .left-on-mobile button {
    margin-right: 1rem;
    margin-left: 0
}

.center .button, .center button, .center-on-mobile .button, .center-on-mobile button {
    margin-right: .5rem;
    margin-left: .5rem
}

.right .button + .button, .right button + button, .right-on-mobile .button + .button, .right-on-mobile button + button {
    margin-right: 0;
    margin-left: 1rem
}

form .button, form button {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.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-], button [class*=icon-] {
    line-height: inherit
}

.button [class*=icon-].left, button [class*=icon-].left {
    margin-right: .5rem
}

.button [class*=icon-].right, button [class*=icon-].right {
    margin-left: .5rem
}

.button-content small {
    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 .4rem .8rem 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .3);
    box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .3)
}

.dropdown-list, .list-up .dropdown-list {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .3)
}

.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 {
    margin: 0 1px 0 0;
    float: left
}

.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 {
    margin: 0;
    text-align: left
}

.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: .3rem 0 0;
    text-align: left;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: .3rem;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    position: absolute;
    z-index: 101;
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.right .dropdown-list {
    right: 0
}

.dropdown-list:not(.custom-content) li a {
    padding: .6rem 2.5rem;
    display: block;
    font-size: 1.2rem;
    color: #666;
    font-weight: 400;
    cursor: pointer
}

.list-horizontal li, .list-inline li {
    display: inline-block
}

.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 2rem;
    padding: 0;
    font-size: 1.4rem
}

dl {
    margin: 0 0 3rem
}

dt {
    font-weight: 700
}

dd {
    padding-left: 3rem;
    margin: 0 0 1rem
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

ol ol, ol ul, ul ol, ul ul {
    margin: .4rem 0 .4rem 3rem
}

.list-inline, .list-unstyled {
    margin-left: 0;
    list-style: none
}

.list-inline.right li {
    margin-left: 1rem
}

.list-inline.center li {
    margin-left: .5rem;
    margin-right: .5rem
}

.list-inline.left li, ol li > [class*=icon-]:first-child, ul li > [class*=icon-]:first-child {
    margin-right: 1rem
}

.list-group-dotted, .list-group.dashed, .list-group.solid {
    border: none
}

.list-group {
    margin-left: 0;
    list-style: 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 {
    list-style: none
}

.menu-box {
    overflow: visible;
    margin-bottom: 3rem
}

.menu-list, .menu-list li {
    margin: 0 0 3rem;
    list-style: none
}

.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, .tabs .tab-nav > li.disabled a:hover {
    font-weight: 400;
    line-height: 1.4;
    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.menu-items-inline .menu-content, .menu-list.menu-items-inline h4 {
    display: inline
}

.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
}

.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 {
    margin: 0 0 3rem;
    list-style: none
}

.timeline li:last-child, .timeline li:last-child .timeline-description :last-child {
    margin-bottom: 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: 1.1rem;
    height: 1.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.thick .timeline-description:before {
    width: .3rem;
    left: .4rem
}

.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;
    list-style: none
}

.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, .tabs .tab-nav > li.disabled a:hover {
    padding: 1.3rem 2.5rem;
    margin: 0;
    font-size: 1.3rem;
    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: 2.5rem;
    background: #fff;
    border: 1px solid #eee
}

.tabs.vertical .tab-panes {
    width: 75%;
    margin-top: 0;
    margin-left: -1px;
    float: left
}

.pricing-table.columns-1 .pricing-table-column, .table {
    width: 100%
}

.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):not(.input-indication):not(.radio-label):not(.checkbox-label):last-child {
    margin-bottom: 0
}

.tabs.small .tab-nav > li a {
    padding: 1rem 1.5rem;
    font-size: 1.1rem
}

.tabs.small .tab-panes {
    padding: 1.5rem
}

.tabs.medium .tab-nav > li a {
    padding: 1.3rem 2.5rem;
    font-size: 1.3rem
}

.tabs.medium .tab-panes {
    padding: 2.5rem
}

.tabs.large .tab-nav > li a {
    padding: 1.6rem 3rem;
    font-size: 1.4rem
}

.tabs.large .tab-panes {
    padding: 3rem
}

.tabs.xlarge .tab-nav > li a {
    padding: 1.9rem 3.5rem;
    font-size: 1.5rem
}

.tabs.xlarge .tab-panes {
    padding: 3.5rem
}

.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: 0 0 0 .3rem
}

.tabs.right.vertical.rounded .tab-nav > li:last-child a {
    border-radius: 0 0 .3rem
}

.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;
    list-style: none
}

.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: 1.3rem 2.5rem;
    margin: 0;
    font-size: 1.3rem;
    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: 2.5rem;
    overflow: hidden;
    display: block
}

.accordion > ul > li > div > :first-child {
    margin-top: 0
}

.accordion > ul > li > div :not(.form-element):not(.input-indication):not(.radio-label):not(.checkbox-label):last-child {
    margin-bottom: 0
}

.accordion.small li > a {
    padding: 1rem 1.5rem;
    font-size: 1.1rem
}

.accordion.small .accordion-content {
    padding: 1.5rem
}

.accordion.medium li > a {
    padding: 1.3rem 2.5rem;
    font-size: 1.3rem
}

.accordion.medium .accordion-content {
    padding: 2.5rem
}

.accordion.large li > a {
    padding: 1.6rem 3rem;
    font-size: 1.4rem
}

.accordion.large .accordion-content {
    padding: 3rem
}

.accordion.xlarge li > a {
    padding: 1.9rem 3.5rem;
    font-size: 1.5rem
}

.accordion.xlarge .accordion-content {
    padding: 3.5rem
}

.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 {
    border-width: 1px 1px 0;
    border-color: #eee;
    border-style: solid;
    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 > 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 {
    width: 100%;
    text-align: center
}

.pricing-table.left {
    text-align: left
}

.pricing-table.right, .progress-bar {
    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-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
}

.box :not(.form-element):not(.form-submit):last-child, .pricing-table-footer .button, .pricing-table-footer button, .pricing-table-text p:last-child {
    margin-bottom: 0
}

.box.shadow, .icon-boxed.shadow, .icon-circled.shadow {
    -webkit-box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15)
}

.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, .pricing-table-options ul {
    margin: 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-options.with-icon li:before {
    margin-right: 1rem;
    font-family: icomoon;
    content: "\e63a";
    float: left
}

.pricing-table-text {
    line-height: inherit
}

.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:first-child > div:first-child {
    border-top-left-radius: inherit
}

.pricing-table.rounded .pricing-table-column:first-child > div:left-child {
    border-bottom-left-radius: inherit
}

.pricing-table.rounded .pricing-table-column:last-child {
    border-radius: 0 .3rem .3rem 0
}

.pricing-table.rounded .pricing-table-column:last-child > div:first-child {
    border-top-right-radius: inherit
}

.pricing-table.rounded .pricing-table-column:last-child > div:last-child {
    border-bottom-right-radius: inherit
}

.pricing-table-column.rounded, .pricing-table.rounded .pricing-table-column.callout, .pricing-table.rounded.columns-1 .pricing-table-column {
    border-radius: .3rem
}

.pricing-table.rounded .pricing-table-column.callout > div:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.pricing-table.rounded .pricing-table-column.callout > div:lst-child {
    border-bottom-left-radius: inherit
}

.box {
    width: 100%;
    padding: 2.5rem;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative
}

.box .box {
    width: auto;
    padding: inherit
}

.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 > a:not(.button) {
    color: inherit;
    font-weight: 700
}

.box > a:not(.button):hover {
    color: inherit;
    text-decoration: underline
}

.box.dismissable .close, .box.dismissable .close:hover, .header .logo a, .shop .product-price ins, a, a:hover, p a, p a:hover {
    text-decoration: none
}

.box.dismissable {
    max-height: 100rem;
    padding-right: 3rem
}

.box.dismissable .close {
    opacity: .5;
    display: block;
    float: right;
    position: relative;
    right: -2rem
}

.box.dismissable .close:hover {
    opacity: 1
}

.box.small {
    padding: 1.5rem
}

.box.small.dismissable {
    padding-right: 2rem
}

.box.small.dismissable .close {
    right: -1.5rem
}

.box.medium {
    padding: 2.5rem
}

.box.large {
    padding: 3rem
}

.box.large.dismissable {
    padding-right: 5rem
}

.box.large.dismissable .close {
    right: -3rem
}

.box.xlarge {
    padding: 3.5rem
}

.box.xlarge.dismissable {
    padding-right: 6rem
}

.box.xlarge.dismissable .close {
    right: -3.5rem
}

.box .ignore-parent-padding {
    border: none
}

.box.small > .ignore-parent-padding {
    margin: 0 -1.5rem
}

.box.medium > .ignore-parent-padding {
    margin: 0 -2.5rem
}

.box.large > .ignore-parent-padding {
    margin: 0 -3rem
}

.box.xlarge > .ignore-parent-padding {
    margin: 0 -3.5rem
}

.box.small > .ignore-parent-padding.first {
    margin: -1.5rem -1.5rem 3rem
}

.box.medium > .ignore-parent-padding.first {
    margin: -2.5rem -2.5rem 3rem
}

.box.large > .ignore-parent-padding.first {
    margin: -3rem -3rem 3rem
}

.box.xlarge > .ignore-parent-padding.first {
    margin: -3.5rem -3.5rem 3rem
}

.box.small > .ignore-parent-padding.last {
    margin: 0 -1.5rem -1.5rem
}

.box.medium > .ignore-parent-padding.last {
    margin: 0 -2.5rem -2.5rem
}

.box.large > .ignore-parent-padding.last {
    margin: 0 -3rem -3rem
}

.box.xlarge > .ignore-parent-padding.last {
    margin: 0 -3.5rem -3.5rem
}

.box > .ignore-parent-padding:not(.first):not(.last) {
    margin-top: 0;
    margin-bottom: 3rem
}

.box.rounded {
    border-radius: .3rem
}

.box.shadow {
    box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15)
}

.label {
    padding: 0 .8rem;
    border: 1px solid #eee
}

.bar, .range-active-segment {
    width: 100%;
    padding: 0 1.5rem;
    -webkit-backface-visibility: hidden
}

.label [class*=icon-]:before {
    margin-left: 0;
    margin-right: .5rem
}

.highlight, .label {
    background: #eee;
    color: #666
}

.label.rounded {
    border-radius: .3rem
}

.label.pill {
    border-radius: 5rem
}

.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;
    font-weight: 700;
    color: #666;
    border: 1px solid #eee;
    background: #eee;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.progress-bar.tmh-perspective {
    overflow: hidden !important
}

#tml-tool-bar .tml-social-list, #tml-tool-bar .tml-social-list li, .breadcrumb, .icon-boxed, .icon-circled, .modal-open, .parallax, .range-slider, .tm-parallax, .tms-slide, .tms-slides, .video-container, iframe {
    overflow: hidden
}

.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;
    text-align: left;
    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;
    font-weight: 700;
    text-align: right;
    color: #666;
    border: 1px solid #eee;
    background: #eee;
    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
}

.audio-container, .video-container {
    margin-bottom: 3rem
}

.audio-container .mejs-container {
    height: 3rem
}

iframe {
    width: 100%;
    border: none;
    background: #000
}

.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 {
    color: #333;
    font-weight: 700;
    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;
    font-weight: inherit;
    line-height: inherit
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: 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 {
    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;
    outline: 0
}

a:hover, p a:hover {
    color: #333
}

a.announcement {
    padding: 1rem 2rem;
    line-height: inherit;
    display: inline-flex;
    align-items: center
}

a.announcement.rounded, a.announcement.rounded .label {
    border-radius: .3rem
}

a.announcement.pill, a.announcement.pill .label {
    border-radius: 5rem
}

a.announcement .label {
    border-radius: inherit
}

a.announcement.left .label {
    margin-right: 1rem
}

a.announcement.right .label {
    margin-left: 1rem
}

a.announcement .messaage {
    flex: 1
}

::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
}

blockquote.avatar span {
    margin-bottom: 1.5rem
}

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 {
    margin-left: 0;
    list-style: none
}

.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^=icon-], [class^=tms-arrow-nav]:before, [class^=tml-nav]:before {
    font-family: icomoon;
    speak: none;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

pre {
    margin: 0 0 3rem;
    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
}

[class*=icon-] + [class*=icon-] {
    margin-left: 1rem
}

.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: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: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:before {
    content: "\e6aa"
}

.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: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: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"
}

.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: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: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: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
}

[class*=icon-].medium {
    font-size: 2.4rem
}

[class*=icon-].large {
    font-size: 3.2rem
}

[class*=icon-].xlarge {
    font-size: 3.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;
    position: relative
}

.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.left + span, .icon-circled.left + span {
    margin-left: .5rem
}

.icon-boxed.right + span, .icon-circled.right + span {
    margin-right: .5rem
}

.icon-boxed.rounded {
    border-radius: .3rem
}

.icon-circled {
    border-radius: 10rem
}

.icon-boxed.shadow, .icon-circled.shadow {
    box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15)
}

.icon-boxed.pulsate, .icon-circled.pulsate {
    overflow: visible
}

.icon-boxed.pulsate:after, .icon-circled.pulsate:after {
    width: inherit;
    height: inherit;
    padding: inherit;
    content: "";
    border: inherit;
    border-radius: inherit;
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0
}

.icon-boxed.thick.pulsate:after, .icon-circled.thick.pulsate:after {
    top: -2px;
    left: -2px
}

.icon-boxed.slide-left-right:before, .icon-circled.slide-left-right:before {
    -webkit-animation: slide-left-right 6s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation: slide-left-right 6s ease-in-out;
    animation-iteration-count: infinite;
    display: block
}

.icon-boxed.slide-top-bottom:before, .icon-circled.slide-top-bottom:before {
    -webkit-animation: slide-top-bottom 6s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation: slide-top-bottom 6s ease-in-out;
    animation-iteration-count: infinite;
    display: block
}

.icon-boxed.scale-in:before, .icon-circled.scale-in:before {
    -webkit-animation: scale-in 6s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation: scale-in 6s ease-in-out;
    animation-iteration-count: infinite;
    display: block
}

.icon-boxed.scale-out:before, .icon-circled.scale-out:before {
    -webkit-animation: scale-out 6s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation: scale-out 6s ease-in-out;
    animation-iteration-count: infinite;
    display: block
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.6, .6);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.6, .6);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2, 1.2);
        opacity: 0
    }
}

@-webkit-keyframes slide-left-right {
    100%, 15% {
        -webkit-transform: translateX(0);
        opacity: 1
    }
    5% {
        -webkit-transform: translateX(5rem);
        opacity: 0
    }
    10% {
        -webkit-transform: translateX(-5rem);
        opacity: 0
    }
}

@keyframes slide-left-right {
    100%, 15% {
        transform: translateX(0);
        opacity: 1
    }
    5% {
        transform: translateX(5rem);
        opacity: 0
    }
    10% {
        transform: translateX(-5rem);
        opacity: 0
    }
}

@-webkit-keyframes slide-top-bottom {
    100%, 15% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
    5% {
        -webkit-transform: translateY(5rem);
        opacity: 0
    }
    10% {
        -webkit-transform: translateY(-5rem);
        opacity: 0
    }
}

@keyframes slide-top-bottom {
    100%, 15% {
        transform: translateY(0);
        opacity: 1
    }
    5% {
        transform: translateY(5rem);
        opacity: 0
    }
    10% {
        transform: translateY(-5rem);
        opacity: 0
    }
}

@-webkit-keyframes scale-in {
    100%, 15% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    5% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
    10% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}

@keyframes scale-in {
    100%, 15% {
        transform: scale(1);
        opacity: 1
    }
    5% {
        transform: scale(.6);
        opacity: 0
    }
    10% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-webkit-keyframes scale-out {
    100%, 15% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    5% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
    10% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
}

@keyframes scale-out {
    100%, 15% {
        transform: scale(1);
        opacity: 1
    }
    5% {
        transform: scale(1.2);
        opacity: 0
    }
    10% {
        transform: scale(.6);
        opacity: 0
    }
}

[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-hover-green:hover {
    border-color: #179851
}

.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-hover-purple:hover {
    border-color: #7b3697
}

.border-purple-light {
    border-color: #b078c6
}

.border-hover-purple-light:hover {
    border-color: #8f3faf
}

.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
}

.border-grey {
    border-color: #666
}

.border-hover-grey:hover {
    border-color: #555
}

.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;
    border-color: #1bb05d
}

.bkg-hover-green:hover {
    background: #179851;
    border-color: #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;
    border-color: #8f3faf
}

.bkg-hover-purple:hover {
    background: #7b3697;
    border-color: #7b3697
}

.bkg-purple-light {
    background: #b078c6;
    border-color: #b078c6
}

.bkg-hover-purple-light:hover {
    background: #8f3faf;
    border-color: #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 {
    background-color: #666;
    border-color: #666
}

.bkg-hover-grey:hover {
    background-color: #555;
    border-color: #555
}

.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: #666;
    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 {
    color: #1bb05d
}

.color-hover-green:hover {
    color: #179851
}

.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-hover-purple:hover {
    color: #7b3697
}

.color-purple-light {
    color: #b078c6
}

.color-hover-purple-light:hover {
    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 {
    color: #666
}

.color-hover-grey:hover {
    color: #555
}

.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
}

.shadow-hover:hover {
    -webkit-box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15);
    box-shadow: 0 .4rem 2.4rem 0 rgba(0, 0, 0, .15)
}

.bar, .box, .form-element, .form-element + label:before, .overlay-info, .thumbnail, .thumbnail .background-image, .thumbnail img, a, button, input, textarea {
    -webkit-transition-property: background, border-color, color, opacity, box-shadow, -webkit-transform;
    transition-property: background, border-color, color, opacity, box-shadow, transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.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) {
    .two-columns-on-tablet > .column[class*=width-] {
        width: 50%
    }

    .one-column-on-tablet > .column[class*=width-] {
        width: 100%
    }

    .one-column-on-tablet > .column[class*=width-], .two-columns-on-tablet > .column[class*=width-] {
        margin-left: 0;
        position: static;
        left: 0;
        right: 0
    }

    .row.flex.v-align-middle.one-column-on-tablet {
        display: block
    }

    .row, body.boxed .wrapper-inner {
        max-width: 76rem
    }

    header .primary-nav-column, header .primary-navigation {
        display: none !important
    }

    header .logo-column, header .secondary-nav-column {
        width: auto
    }

    header .logo-column {
        float: left
    }

    header .secondary-nav-column {
        float: right
    }

    .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) {
        max-width: 100%;
        display: inline-block;
        position: relative
    }

    .table tr:last-child {
        width: 100%
    }

    .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: flex;
        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) th + th {
        border-left: none;
        border-bottom: 1px solid transparent
    }
}

@media only screen and (max-width: 768px) {
    .two-columns-on-tablet > .column[class*=width-], .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
    }

    .row.flex.v-align-middle {
        display: block
    }

    .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
    }

    .left-on-mobile .dropdown-list {
        left: 0
    }

    .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.thick .timeline-title:before {
        width: .3rem
    }

    .timeline.vertical-indication .timeline-title:after {
        left: 1.5rem
    }

    .timeline.vertical-indication .timeline-description:before, .timeline.vertical-indication .timeline-title:before {
        left: 2rem
    }

    .timeline.vertical-indication.thick .timeline-description:before, .timeline.vertical-indication.thick .timeline-title:before {
        left: 1.9rem
    }

    .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-top, .v-align-top-on-mobile {
        padding-top: 2rem !important;
        align-self: flex-start !important;
        vertical-align: top !important
    }

    .v-align-bottom, .v-align-bottom-on-mobile {
        padding-bottom: 2rem !important;
        align-self: flex-end !important;
        vertical-align: bottom !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
    }

    .left-on-mobile {
        text-align: left !important
    }

    .center-on-mobile {
        text-align: center !important
    }

    .right-on-mobile {
        text-align: right !important
    }

    .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 .tab-nav > li:first-child a {
        border-radius: .3rem .3rem 0 0 !important
    }

    .tabs.rounded .tab-nav > li:last-child a {
        border-radius: 0 !important
    }

    .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:not(.out-of-view) {
    position: fixed
}

.tm-slider-container:not(.out-of-view) .tms-content-inner > .row > .column, .tm-slider-parallax-container .tm-slider-container:not(.out-of-view), .tms-slide {
    will-change: transform, opacity
}

.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 {
    overflow: hidden
}

.tm-slider-container.tms-carousel > ul {
    opacity: 1
}

.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;
    list-style: none;
    position: relative
}

.tms-slide {
    visibility: hidden;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    z-index: 1
}

.tms-forcefit {
    background-size: cover
}

.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-carousel .tms-slide .thumbnail {
    height: auto !important
}

.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
}

.img-loaded .tms-overlay, .video-bkg-loaded .tms-overlay {
    opacity: 1 !important
}

.mobile .tms-slide, .tms-overlay, .tms-slide.error, .video-bkg-loaded iframe {
    -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
}

.tms-caption:not([class*=width-]) {
    width: auto
}

.tms-caption {
    display: inline-block !important;
    opacity: 0
}

.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 + .tms-caption [class*=icon-] {
    margin-left: 1rem
}

.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;
    z-index: 10;
    position: absolute;
    text-align: center
}

.tms-arrow-nav {
    margin-top: -2.2rem;
    width: 4.4rem;
    height: 4.4rem;
    background-color: rgba(0, 0, 0, .3);
    color: #ccc;
    font-size: 3rem;
    line-height: 5rem
}

.tms-arrow-nav:hover {
    width: 7rem;
    color: #fff
}

.tms-carousel.tms-scalable-height .tms-arrow-nav {
    margin-top: -3.7rem
}

#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-carousel .tms-pagination {
    bottom: 0
}

.tms-bullet-nav {
    width: .8rem;
    height: .8rem;
    margin: 0 .3rem;
    display: inline-block;
    background: #fff;
    opacity: .5;
    border-radius: 50%
}

.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
}

#tml-caption, #tml-content, .tm-lightbox {
    opacity: 0;
    width: 100%;
    -webkit-backface-visibility: hidden
}

.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
}

#tml-content, #tml-content-wrapper, #tml-lightbox {
    position: absolute
}

.tm-lightbox {
    height: 100%;
    background: rgba(255, 255, 255, .9);
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000
}

#tml-caption, #tml-tool-bar, .tml-nav {
    position: absolute
}

#tml-content {
    visibility: hidden
}

.tml-modal-mode .modal-dialog {
    background: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .5)
}

.tml-modal-mode.height-auto .modal-dialog {
    height: auto !important
}

.tml-modal-mode.rounded .modal-dialog {
    border-radius: .3rem
}

.tml-modal-mode .modal-dialog .modal-dialog-inner {
    padding: 3rem
}

#tm-lightbox.tml-modal-mode {
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(255, 255, 255, .2)
}

.tml-modal-mode.rounded .modal-dialog .modal-header, .tml-modal-mode.rounded .modal-dialog div {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.tml-modal-mode .modal-dialog .modal-header {
    padding: 1rem 3rem;
    background-color: #f4f4f4
}

.tml-modal-mode .modal-dialog .modal-dialog-inner .full-width, .tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header {
    margin: 0 -3rem 3rem
}

.tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header {
    margin-top: -3rem
}

.tml-modal-mode .modal-dialog .modal-header-title {
    margin-bottom: 0
}

.tml-modal-mode .slide-in-top {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem)
}

.tml-modal-mode .slide-in-bottom {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.tml-modal-mode .scale-in {
    -webkit-transform: scale(.9);
    transform: translateY(.9)
}

.tml-modal-mode .scale-out {
    -webkit-transform: scale(1.1);
    transform: translateY(1.1)
}

.tml-modal-mode .scale-in, .tml-modal-mode .slide-in-bottom, .tml-modal-mode .slide-in-top {
    -webkit-duration: .5s;
    duration: .5s
}

#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: 768px) {
    .tml-modal-mode .modal-dialog .modal-dialog-inner {
        padding: 1rem
    }

    .tml-modal-mode .modal-dialog .modal-dialog-inner .full-width, .tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header {
        margin: 0 -1rem 3rem
    }

    .tml-modal-mode .modal-dialog .modal-dialog-inner .modal-header {
        margin-top: -1rem
    }
}

#tml-next, #tml-prev {
    top: 50%;
    margin-top: -2.1rem
}

@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-content embed, #tml-content iframe, #tml-content object, #tml-content video {
    width: 100% !important;
    height: 100% !important
}

#tml-caption {
    font-size: 1.2rem;
    font-style: italic;
    text-align: center;
    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 {
    right: 3rem
}

#tml-next:before {
    content: '\e644'
}

#tml-prev {
    left: 3rem
}

#tml-prev:before {
    content: '\e643'
}

#tml-exit {
    top: 1.5rem;
    right: 3rem
}

.tml-modal-mode #tml-exit {
    top: 0;
    right: 0
}

#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
}

#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
}

.parallax {
    height: 55rem;
    background: #000;
    position: relative;
    will-change: contents
}

.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 {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.tm-parallax:not(.out-of-view) {
    will-change: transform, opacity
}

.tmp-content-inner {
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    float: none;
    position: relative;
    z-index: 1
}

.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;
    position: absolute;
    opacity: 1;
    -webkit-backface-visibility: hidden
}

.grid-container.full-width .row, .header .header-inner, .masonry-set-dimensions.full-width .row {
    max-width: 100%
}

.tm-loader {
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
    position: absolute;
    top: 50%;
    left: 50%
}

.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%
}

.tm-loader #circle {
    background: 0 0;
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin: center center;
    animation: rotate 2s linear infinite
}

.content, .section-block {
    position: relative;
    z-index: 1
}

.stroke {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke-width: .2rem
}

.ie-browser:not(.webkit) .tm-loader #circle {
    border: 3px solid transparent;
    border-bottom-color: #ddd;
    animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes color {
    0%, 100%, 66% {
        stroke: #ddd;
        border-bottom-color: #ddd
    }
    40%, 80%, 90% {
        stroke: #666;
        border-bottom-color: #666
    }
}

*, :after, :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tmh-perspective {
    perspective: 800px;
    overflow: visible !important
}

.tmh-perspective-parallax {
    perspective: 1600px;
    overflow: visible !important
}

.feature-1, .feature-2, .feature-3, .header .logo-inner, .masonry-set-dimensions .grid-item {
    overflow: hidden
}

.tmh-parallax-item {
    opacity: 1;
    visibility: visible !important
}

.no-js, .no-js .horizon {
    opacity: 1;
    visibility: visible
}

.content, body {
    background-color: #fff
}

body.boxed {
    background-color: #000
}

body.boxed .wrapper-inner {
    background-color: #fff
}

.section-block {
    width: 100%;
    padding-top: 7rem;
    padding-bottom: 7rem;
    background-size: cover;
    background-position: center
}

.replicable-content {
    padding-bottom: 4rem
}

.audio-container, .box, .button-group, .contact-form-container, .content-slider, .feature-column, .lead, .menu-box, .menu-list, .menu-list li, .pricing-table, .progress-bar-group, .recent-slider, .signup-form-container, .table, .testimonial-2 blockquote, .text-column, .thumbnail, .video-container {
    margin-bottom: 3rem
}

.section-block.featured-media, body.boxed .section-block.featured-media {
    padding-top: 0;
    padding-bottom: 0
}

body.boxed .section-block {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

body.boxed .section-block.featured-media {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.grid-container.small-margins .grid, .grid-container.small-margins.full-width .grid {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 768px) {
    .section-block.section-overlap {
        padding-top: 0;
        margin-top: -7rem;
        background-color: transparent !important;
        z-index: 2
    }
}

@media only screen and (max-width: 960px) {
    .content-inner:not([class*=offset-]), .sidebar {
        width: 100%
    }

    .blog [class*=pagination-] .column[class*=push-], .blog [class*=pagination-] .column[class*=pull-], .content-inner.column[class*=push-], .content-inner.column[class*=pull-], .sidebar.column[class*=push-], .sidebar.column[class*=pull-] {
        position: static;
        left: 0;
        right: 0
    }
}

.background-fixed, .background-fixed:after, .background-fixed:before {
    background-attachment: fixed
}

.mobile .background-fixed, .mobile .background-fixed:after, .mobile .background-fixed:before {
    background-attachment: scroll
}

.background-cover, .background-cover:after, .background-cover:before, .fullscreen-section.background-cover .background-image {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.background-contain, .background-contain:after, .background-contain:before, .fullscreen-section.background-contain .background-image {
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

.background-full, .fullscreen-section.background-full .background-image {
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

.background-none {
    background: 0 0 !important
}

.background-image-none {
    background-image: none !important
}

.horizon {
    opacity: 0;
    visibility: hidden
}

.aux-navigation-active .one-page-nav + .wrapper {
    position: absolute
}

.aux-navigation-active .overlay-navigation-wrapper.one-page-nav, .aux-navigation-active .side-navigation-wrapper.one-page-nav {
    position: fixed
}

.wrapper.inactive .header-fixed, .wrapper.inactive .tm-slider-parallax-container .tm-slider-container {
    position: relative !important
}

.wrapper.inactive .header-fixed-on-mobile .header-inner {
    position: absolute !important
}

.media-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.media-overlay + * {
    position: relative
}

.opacity-01 {
    opacity: .1
}

.opacity-02 {
    opacity: .2
}

.opacity-03 {
    opacity: .3
}

.opacity-04 {
    opacity: .4
}

.opacity-05 {
    opacity: .5
}

.opacity-06 {
    opacity: .6
}

.opacity-07 {
    opacity: .7
}

.opacity-08 {
    opacity: .8
}

.opacity-09 {
    opacity: .9
}

.opacity-1 {
    opacity: 1
}

.grid-container {
    position: relative
}

.grid-container .grid {
    max-width: 100%;
    min-height: 30rem;
    margin-bottom: -3rem;
    visibility: hidden;
    z-index: 1;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.masonry.fade-in-progressively .grid-item, .masonry.fade-in-progressively .masonry-stamp {
    opacity: 0;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    will-change: transform, opacity
}

.masonry.fade-in-progressively.slide-in-bottom .grid-item, .masonry.fade-in-progressively.slide-in-bottom .masonry-stamp {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.masonry.fade-in-progressively.scale-out .grid-item, .masonry.fade-in-progressively.scale-out .masonry-stamp {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.masonry.fade-in-progressively.scale-in .grid-item, .masonry.fade-in-progressively.scale-in .masonry-stamp {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.masonry.fade-in-progressively .grid-item.animate-in, .masonry.fade-in-progressively .masonry-stamp.animate-in {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.masonry .filtering {
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

.masonry .tm-loader {
    top: 6rem
}

.grid-container > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.grid-container .grid .grid-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.grid-container .thumbnail {
    margin-bottom: 0;
    display: block;
    float: none
}

.grid-container.small-margins > .row > .column {
    padding-left: 1rem;
    padding-right: 1rem
}

.grid-container.small-margins.full-width > .row > .column {
    padding-left: .5rem;
    padding-right: .5rem
}

body.boxed .grid-container.small-margins.full-width > .row > .column {
    padding-left: 1rem;
    padding-right: 1rem
}

.grid-container.small-margins.no-margins.full-width > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.grid-container.small-margins .grid {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.grid-container.small-margins .grid .grid-item {
    margin-bottom: 0;
    padding: .5rem;
    position: relative
}

.grid-container.no-margins > .row > .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.grid-container.no-margins .grid {
    margin-bottom: 0
}

.grid-container.no-margins .grid, .grid-container.no-margins .grid .grid-item {
    padding: 0 !important;
    margin: 0 !important
}

.grid-container.full-width .grid {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.grid-container.full-width > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.grid-container.full-width.no-margins {
    padding: 0 !important
}

.grid-container.full-width.no-padding-bottom .grid {
    margin-bottom: 0
}

.masonry-set-dimensions.full-width.no-padding-bottom {
    padding-bottom: 1.5rem !important
}

.masonry-set-dimensions.full-width.small-margins.no-padding-bottom {
    padding-bottom: .5rem !important
}

.masonry-set-dimensions {
    padding-top: 7rem;
    padding-bottom: 6rem
}

.masonry-set-dimensions.full-width .grid {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.masonry-set-dimensions.full-width > .row > .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.masonry-set-dimensions.small-margins.full-width > .row > .column {
    padding-left: .5rem;
    padding-right: .5rem
}

.masonry-set-dimensions.no-margins .grid, .masonry-set-dimensions.no-margins .grid .grid-item {
    padding: 0 !important;
    margin: 0 !important
}

.masonry-set-dimensions .grid, .masonry-set-dimensions > .row > .column, .masonry > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.masonry-set-dimensions.full-width.no-margins {
    padding: 0
}

.masonry-set-dimensions .grid {
    margin-top: -1.5rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -1.5rem
}

.masonry-set-dimensions .grid .grid-item {
    margin-bottom: 0;
    padding: 1.5rem;
    position: relative
}

.masonry-set-dimensions.small-margins > .row > .column {
    padding-left: 1rem;
    padding-right: 1rem
}

.masonry-set-dimensions.small-margins .grid {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.masonry-set-dimensions.small-margins .grid .grid-item {
    padding: .5rem
}

.masonry-set-dimensions.no-margins > .row > .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.masonry-set-dimensions.no-margins.full-width > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.masonry-set-dimensions .thumbnail {
    height: 100%;
    overflow: hidden;
    margin-bottom: 0
}

.masonry-set-dimensions .grid-item > img {
    width: 100%
}

.masonry-set-dimensions .content-outer {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    bottom: 0
}

.masonry-set-dimensions .thumbnail + .content-outer {
    position: absolute
}

.masonry-set-dimensions .content-inner {
    width: 100%;
    height: 100%;
    padding: 3rem;
    display: table-cell;
    vertical-align: middle
}

.masonry-set-dimensions .content-inner > :first-child {
    margin-top: 0
}

.masonry-set-dimensions .content-inner > :last-child {
    margin-bottom: 0
}

.masonry-set-dimensions .content-slider, .masonry-set-dimensions iframe, .masonry-set-dimensions video {
    width: 100% !important;
    height: 100% !important
}

.masonry-set-dimensions .content-slider img {
    width: auto
}

.masonry-set-dimensions .mejs-container {
    width: 20rem;
    height: 3rem;
    margin-left: -10rem;
    margin-top: -1.5rem;
    position: absolute;
    left: 50%;
    top: 50%
}

.masonry-stamp {
    padding: 1.5rem
}

.small-margins .masonry-stamp {
    padding: .5rem
}

.no-margins .masonry-stamp {
    padding: 0
}

.grid-filter-menu {
    padding-top: 3.5rem;
    padding-bottom: 0;
    text-align: center
}

.grid-filter-menu.left {
    text-align: left
}

.grid-filter-menu.left li:first-child a {
    padding-left: 0;
    margin-left: 0
}

.grid-filter-menu.right {
    text-align: right
}

.grid-filter-menu.right li:last-child a {
    padding-right: 0;
    margin-right: 0
}

.grid-filter-menu ul {
    width: 100%;
    padding-top: 3.5rem;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left: 0;
    list-style: none
}

.grid-filter-menu li {
    padding: 0 2rem;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    text-transform: uppercase
}

.grid-filter-menu a {
    padding: 1rem .8rem;
    -webkit-transition-property: background, border-color, color, opacity;
    transition-property: background, border-color, color, opacity;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.grid-filter-menu a:hover {
    color: #333
}

.grid-filter-menu a.active {
    color: #333;
    border-bottom: 1px solid #333
}

.grid .project-description, .grid .project-title {
    display: block
}

.grid .project-title + .project-description {
    margin-top: .5rem
}

.grid .item-description {
    width: 100%;
    margin-top: 2rem
}

.grid .item-description .project-title {
    margin-top: 0;
    margin-bottom: .5rem
}

.grid .item-description :last-child {
    margin-bottom: 0
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity
}

.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

@media only screen and (max-width: 1300px) {
    .grid-container .content-grid-5 .grid-item, .grid-container .content-grid-6 .grid-item {
        width: 25%
    }
}

@media only screen and (max-width: 1140px) {
    .grid-container .grid .grid-item {
        width: 33.33333%
    }

    .content-inner .grid-container .grid .grid-item, .grid-container .content-grid-2 .grid-item, .grid-container.full-width.no-margins .content-grid-2 .grid-item, .grid-container.full-width.small-margins .content-grid-2 .grid-item {
        width: 50%
    }
}

@media only screen and (max-width: 960px) {
    .content-inner .grid-container .grid .grid-item, .grid-container .grid .grid-item {
        width: 50%
    }

    .grid-container.full-width.no-margins .grid:not(.content-grid-2) .grid-item, .grid-container.full-width.small-margins .grid .grid-item {
        width: 33.33333%
    }
}

@media only screen and (max-width: 768px) {
    .grid-container .grid .grid-item.large, .grid-container .grid .grid-item.portrait.large {
        width: 100%
    }

    .grid-container.full-width .grid .grid-item, .grid-container.full-width.no-margins .grid .grid-item, .grid-container.full-width.small-margins .grid .grid-item {
        width: 50%
    }
}

@media only screen and (max-width: 600px) {
    .content-inner .grid-container .grid .grid-item, .grid-container .grid .grid-item, .grid-container.full-width .grid .grid-item {
        width: 100%
    }

    .grid-container:not(.small-margins):not(.no-margins) .grid .grid-item.no-image {
        height: auto !important
    }
}

@media only screen and (max-width: 480px) {
    .grid-container.full-width.no-margins .grid .grid-item, .grid-container.full-width.small-margins .grid .grid-item {
        width: 100%
    }

    .grid-container .grid .grid-item.no-image {
        height: auto !important
    }
}

.header {
    width: 100%;
    position: relative
}

.header .header-inner {
    width: 100%;
    background-color: #232323
}

.header .header-inner > .nav-bar {
    margin-bottom: -1px
}

.header-transparent .header-inner {
    background-color: transparent
}

.header-absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.header-bottom, .ie-browser .wrapper.inactive .header-bottom {
    position: absolute
}

.header-bottom {
    bottom: 0;
    top: auto;
    z-index: 100
}

.header .header-inner {
    opacity: 1;
    position: relative;
    z-index: 100;
    -webkit-transform: translateZ(0)
}

.header-fixed-width .header-inner, body.boxed .header .header-inner {
    max-width: 114rem;
    margin-left: auto;
    margin-right: auto
}

.header-sticky .header-inner {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 100
}

body.boxed .header .header-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.header .header-inner .dropdown > .nav-icon, .header .header-inner .navigation > ul > li, .header .header-inner .navigation > ul > li > a:not(.button), .header .logo {
    height: 8rem;
    line-height: 8rem
}

.header-compact .header-inner .dropdown > .nav-icon, .header-compact .header-inner .navigation > ul > li, .header-compact .header-inner .navigation > ul > li > a:not(.button), .header-compact .logo {
    height: 6rem;
    line-height: 6rem
}

.header .header-inner .navigation > ul > li, .header .logo {
    display: table
}

.header .logo-inner, .header .v-align-middle {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.header .logo {
    width: 13rem
}

.header .logo span {
    font-size: 2rem;
    line-height: 2
}

.header-compact .logo {
    width: 10rem
}

.header-compact .logo span {
    font-size: 1.5rem;
    line-height: 2
}

.header .logo a {
    font-weight: 700;
    color: #fff;
    display: block;
    -webkit-transition-property: opacity, background, color, visibility, -webkit-transform;
    transition-property: opacity, background, color, visibility, transform
}

.header .logo a:hover {
    opacity: .6 !important
}

.header .logo img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.header .logo a:first-child {
    display: none
}

.header .logo a:last-child, .header-background .logo a:first-child, .mobile .header .logo a:first-child {
    display: table-cell
}

.header-background .logo a + a {
    display: none !important
}

.header .navigation {
    float: right
}

.header .secondary-navigation.nav-left:not(.with-division) > ul {
    margin-left: -1.5rem
}

.header .secondary-navigation.nav-right:not(.with-division) > ul {
    margin-right: -1.5rem
}

.header .navigation .nav-icon, .header .navigation .v-align-middle, .header .navigation.nav-left :first-child > .nav-icon, .header .navigation.nav-right :last-child > .nav-icon {
    padding: 0 1.5rem
}

.header .with-division .nav-icon, .header .with-division .v-align-middle, .header .with-division > ul > li:last-child > .nav-icon {
    padding: 0 2rem !important
}

.header .navigation .nav-icon, .header .navigation .nav-icon [class*=icon-], .header .navigation .nav-icon [class*=icon-]:before, .header .social-list [class*=icon-] {
    margin: 0;
    line-height: inherit;
    float: none
}

.header .navigation .nav-icon [class*=icon-] {
    display: initial
}

.header .navigation .nav-icon {
    font-size: 1.4rem;
    background: 0 0;
    border: none
}

.header .with-division ul {
    float: left;
    border-left: 1px solid rgba(0, 0, 0, .2)
}

.header .with-division li {
    border-right: 1px solid rgba(0, 0, 0, .2)
}

@media only screen and (min-width: 960px) {
    .header-transparent .with-division ul {
        border-left: 1px solid rgba(255, 255, 255, .2)
    }

    .header-transparent .with-division li {
        border-right: 1px solid rgba(255, 255, 255, .2)
    }
}

.header .button, .header .dropdown, .header .navigation-show {
    margin: 0;
    line-height: initial
}

.header .dropdown > .nav-icon {
    min-width: initial
}

.header .navigation-show.nav-icon {
    width: auto;
    height: auto
}

.header .navigation-show {
    display: block
}

.header .navigation-show * {
    padding: 0;
    margin: 0
}

.header .nav-left .dropdown-list {
    left: 0
}

.header .nav-right .dropdown-list {
    right: 0
}

.header .sub-menu.custom-content .thumbnail {
    line-height: 0
}

.header .cart-indication {
    position: relative
}

.header .cart-indication .badge {
    background: #232323;
    top: -.8rem;
    right: -.8rem
}

.header .cart + .dropdown-list, .header .cart + .sub-menu {
    width: 30rem;
    padding: 2rem;
    margin-top: 0;
    right: 0
}

.header .search + .dropdown-list, .header .search + .sub-menu {
    padding: 2rem;
    margin-top: 0;
    width: 25rem;
    right: 0
}

.header .social-list.pull-left li:last-child span {
    margin-left: 0
}

.header .social-list.center li:last-child span, .header .social-list.pull-right li:last-child span {
    margin-right: 0
}

.header-background .header-inner {
    background: #232323
}

.mobile .header {
    position: static !important
}

.mobile .header-fixed-on-mobile .header-inner {
    width: 100%;
    position: fixed !important;
    left: 0;
    top: 0
}

.mobile .header-sticky .header-inner {
    position: relative
}

.mobile .header, .mobile .header .header-inner {
    height: 8rem !important;
    padding-top: 0;
    background: #232323
}

.mobile .header .header-inner, .mobile .header .nav-bar {
    border-top: none !important
}

.header .header-inner-top :last-child {
    margin-bottom: 0
}

.mobile .header .header-inner-top {
    display: none
}

.mobile .header .nav-bar, .mobile .header .nav-bar-inner {
    height: 100%
}

.mobile .header .logo {
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    display: table;
    float: left
}

.mobile .header .logo-inner {
    display: table-cell;
    vertical-align: middle
}

.mobile .header .logo-inner a {
    display: block;
    position: relative
}

.mobile .header .logo a:first-child {
    display: table-cell;
    vertical-align: middle
}

.mobile .header .logo a + a {
    display: none !important
}

.mobile .header .navigation-show {
    display: block !important;
    visibility: visible !important
}

.mobile .header .header-inner, .mobile .header .logo, .mobile .header .logo span, .mobile .header .navigation-show, .mobile .header .navigation-show a span {
    transition: none
}

.header.header-animated {
    -webkit-transition-property: height, -webkit-transform, visibility;
    transition-property: height, transform, visibility
}

.header-animated .header-inner {
    -webkit-transition-property: height, background, border, padding, margin, font-size, line-height, color, opacity;
    transition-property: height, background, border, padding, margin, font-size, color, line-height, opacity
}

.header-animated .dropdown > .nav-icon, .header-animated .header-inner .navigation, .header-animated .header-inner .navigation > ul > li, .header-animated .header-inner .navigation > ul > li > a, .header-animated .navigation-show a {
    -webkit-transition-property: height, background, border, padding, margin, font-size, line-height, color, opacity, -webkit-transform;
    transition-property: height, background, border, padding, margin, font-size, color, line-height, opacity, transform
}

.header-animated .logo, .header-animated .logo span {
    -webkit-transition-property: width, height, background, border, padding, margin, font-size, line-height, opacity;
    transition-property: width, height, background, border, padding, margin, font-size, line-height, opacity
}

.header-animated, .header-animated .dropdown > .nav-icon, .header-animated .header-inner, .header-animated .header-inner .navigation, .header-animated .header-inner .navigation > ul > li, .header-animated .header-inner .navigation > ul > li > a, .header-animated .logo, .header-animated .logo a, .header-animated .logo span, .header-animated .navigation-show a {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.header-hide .header-inner {
    opacity: 0
}

.contact-form-container input[disabled=disabled][type=submit], .signup-form-container input[disabled=disabled][type=submit] {
    opacity: .6
}

.header-positioned .header-inner {
    -webkit-transform: translate3d(0, -10rem, 0);
    transform: translate3d(0, -10rem, 0)
}

.header-in .header-inner, .header-out .header-inner {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.header-in .header-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.header-out .header-inner {
    -webkit-transform: translate3d(0, -10rem, 0);
    transform: translate3d(0, -10rem, 0)
}

.header-in .header-inner .logo, .header-in .header-inner .navigation, .header-in .navigation-show {
    transition: none !important
}

@media only screen and (max-width: 1140px) {
    body.boxed .header-fixed-on-mobile .header-inner {
        max-width: 96rem
    }
}

@media only screen and (max-width: 960px) {
    .header {
        background: 0 0;
        position: static !important
    }

    .header-fixed-on-mobile .header-inner, body.boxed .header-fixed-on-mobile {
        width: 100%;
        position: fixed !important;
        left: 0;
        top: 0
    }

    body.boxed .header-fixed-on-mobile .header-inner {
        max-width: 76rem;
        position: static !important
    }

    .header-sticky .header-inner {
        position: relative
    }

    .header .header-inner {
        background: #232323
    }

    .header .header-inner, .header .nav-bar {
        border-top: none !important
    }

    .header, .header .header-inner {
        height: 8rem !important;
        padding-top: 0;
        border: none
    }

    .header .header-inner-top {
        display: none
    }

    .header .nav-bar, .header .nav-bar-inner {
        height: 100%
    }

    .header .logo-inner a {
        display: block;
        position: relative
    }

    .header .logo a + a {
        display: none !important
    }

    .header .header-inner, .header .logo, .header .logo span, .header .navigation-show, .header .navigation-show a span {
        transition: none
    }

    .header .navigation-show {
        display: block !important;
        visibility: visible !important
    }
}

.hero-2, .hero-3, .intro-title-2 {
    background-repeat: no-repeat
}

@media only screen and (max-width: 768px) {
    body.boxed .header-fixed-on-mobile .header-inner {
        max-width: 60rem
    }
}

@media only screen and (max-width: 600px) {
    body.boxed .header-fixed-on-mobile .header-inner {
        max-width: 48rem
    }

    .header .v-align-middle, .navigation .dropdown, .navigation > ul > li {
        position: static
    }

    .navigation .dropdown-list {
        width: auto !important;
        left: 1.5rem !important;
        right: 1.5rem !important
    }
}

@media only screen and (max-width: 480px) {
    body.boxed .header-fixed-on-mobile .header-inner {
        max-width: 35rem
    }
}

@media only screen and (max-width: 350px) {
    body.boxed .header-fixed-on-mobile .header-inner {
        max-width: 100%
    }
}

.side-navigation-header, .side-navigation-header .logo {
    min-height: 8rem;
    line-height: 8rem
}

.side-navigation-footer, .side-navigation-header {
    font-size: 1.4rem;
    line-height: 1.8
}

.side-navigation-header {
    padding: 0 4rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #232323
}

.side-navigation-header .logo {
    width: 100%
}

.side-navigation-header .logo a {
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: none;
    color: #666
}

.hero-1, .hero-1 h2, .hero-1 h6, .hero-2, .hero-2 h2, .hero-2 h6, .intro-title-2 .subtitle, .intro-title-2 h1, .overlay-navigation-footer .social-list a:hover, .side-navigation-footer .social-list a:hover {
    color: #fff
}

.side-navigation-wrapper .navigation-hide {
    position: absolute;
    right: 0;
    top: 0
}

.side-navigation {
    margin-bottom: 3rem
}

.side-navigation-inner > :nth-last-child(2) {
    padding-bottom: 8rem;
    margin-bottom: 0
}

.side-navigation .cart-indication {
    margin-left: .5rem;
    position: relative
}

.side-navigation .cart-indication .badge {
    top: .3rem;
    left: .3rem
}

.side-navigation .cart-overview li:first-child {
    padding-top: 2rem
}

.side-navigation .cart-overview li:last-child {
    padding-bottom: 2rem
}

.side-navigation .custom-content {
    width: 100%;
    padding: 0 4rem;
    margin-top: 0;
    right: 0
}

.side-navigation-footer {
    width: 100%;
    padding: 1rem 4rem;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0
}

.side-navigation-footer .social-list {
    margin-bottom: 1rem
}

.side-navigation-wrapper.center .logo, .side-navigation-wrapper.center .side-navigation, .side-navigation-wrapper.center .side-navigation-footer {
    text-align: center
}

.side-navigation-wrapper.center .side-navigation .sub-menu a {
    padding-left: 4rem
}

.overlay-navigation-header {
    width: 100%;
    padding: 1rem 0;
    margin-bottom: 3rem;
    position: absolute;
    top: 2rem
}

.overlay-navigation-header .logo {
    width: 13rem;
    margin: 0 auto
}

.hero-content-inner > :first-child, .title-container-inner > :first-child {
    margin-top: 0
}

.overlay-navigation-wrapper .navigation-hide {
    min-height: 4rem;
    line-height: 4rem;
    position: absolute;
    right: 3rem;
    top: 0
}

.overlay-navigation:first-child {
    padding-top: 5rem
}

.overlay-navigation {
    padding-bottom: 8rem;
    margin-bottom: 0
}

@media only screen and (max-width: 768px) {
    .overlay-navigation:not(:last-child) {
        padding-bottom: 0
    }
}

.overlay-navigation .cart-indication {
    margin-left: .5rem;
    position: relative
}

.overlay-navigation .cart-indication .badge {
    top: .3rem;
    left: .3rem
}

.overlay-navigation .cart + .dropdown-list, .overlay-navigation .cart + .sub-menu {
    width: 100%;
    padding: 0;
    margin-top: 0;
    right: 0
}

.overlay-navigation .cart-overview li:first-child {
    padding-top: 2rem
}

.overlay-navigation .cart-overview li:last-child {
    padding-bottom: 2rem
}

.overlay-navigation-footer {
    padding: 1rem 4rem;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0
}

.hero-3.center:not(.middle), .hero-3.top {
    padding-top: 0
}

.intro-title-2, [class*=hero-] {
    position: relative
}

.overlay-navigation-footer .copyright {
    font-size: 1.1rem
}

.overlay-navigation-footer .social-list {
    margin-bottom: 1rem
}

.hero-content-inner > :last-child, .title-container-inner > :last-child, .title-container[class^=title-] {
    margin-bottom: 0
}

.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
}

[class*=intro-title-] .subtitle {
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 300;
    font-style: italic
}

.testimonial-1 cite, .testimonial-2 cite, .testimonial-5 cite {
    font-style: normal;
    letter-spacing: .1rem
}

.intro-title-1 {
    height: 40rem
}

.intro-title-2 {
    height: 40rem;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (max-width: 768px) {
    [class*=intro-title-] h1 {
        font-size: 4rem
    }
}

@media only screen and (max-width: 480px) {
    [class*=intro-title-] h1 {
        font-size: 3.5rem
    }
}

.call-to-action-2 p, .call-to-action-3 p {
    font-size: 2.5rem
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .intro-title-2 {
        background-image: url(../images/slider/slide-2-fs-hp@2x.jpg)
    }
}

[class*=hero-] > .row:not(.flex), [class*=hero-] > .row:not(.flex) > .column {
    height: 100%
}

.hero-content:not([class*=width-]) {
    width: 100%
}

.hero-content, .hero-slider .tms-caption.no-transition {
    height: 100%;
    display: table !important;
    table-layout: fixed
}

.hero-slider .hero-content-inner, .section-block .hero-content-inner {
    display: table-cell;
    vertical-align: middle
}

.section-block .hero-content-inner .column, .section-block .hero-content-inner .row {
    height: auto
}

.hero-1, .hero-2, .hero-3 {
    height: 50rem;
    text-align: left
}

.hero-1 {
    background-color: #1ecd6d
}

.hero-2 {
    background-image: url(../images/slider/slide-2-fs-hp.jpg)
}

.hero-3 {
    display: table;
    background-image: url(../images/slider/slide-5-fw.jpg)
}

.hero-3 > div {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.hero-3 > div > .row, .hero-3 > div > .row > .column {
    height: auto
}

.hero-3.right > div > .row > .column {
    float: right
}

.hero-3.top > div {
    vertical-align: top
}

.hero-3.top .hero-content {
    border-bottom: 8px solid #333
}

.hero-3.bottom {
    padding-bottom: 0
}

.hero-3.bottom > div {
    vertical-align: bottom
}

.hero-3.bottom .hero-content {
    border-top: 8px solid #333
}

.hero-3.center-left > div > .row > .column {
    text-align: left
}

.hero-3.center > div > .row > .column {
    margin: auto;
    float: none
}

.hero-slider, .hero-slider .hero-content :last-child {
    margin-bottom: 0
}

.hero-3.center-right > div > .row > .column {
    text-align: right;
    float: right
}

.hero-3 > div > .row {
    width: 100%;
    bottom: 0
}

.hero-3 .hero-content {
    background: #fff;
    position: relative;
    bottom: 0
}

.hero-3 .hero-content-inner {
    padding: 3rem
}

.hero-3 h2, .hero-3 h6 {
    color: #666
}

.hero-4 {
    height: 50rem;
    text-align: left;
    color: #fff;
    background-repeat: no-repeat
}

.hero-4 > .row:before {
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.hero-4.right > .row:before {
    top: 0;
    right: 0;
    left: auto
}

.hero-4 .column {
    position: relative
}

.hero-4 h2, .hero-4 h6 {
    color: #fff
}

.hero-5 > .row > .column {
    position: relative;
    z-index: 1
}

.hero-5 .media-column, .hero-slider .tms-slide > .media-column {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 0;
    top: 0
}

.hero-5 .media-column {
    height: 100%;
    position: absolute;
    left: 0
}

.hero-5 .media-column .map-container, .hero-5 .media-column iframe, .hero-5 .media-column video {
    width: 100%;
    height: 100%
}

.hero-5 .media-column .hero-content-inner {
    padding: 8.5rem
}

.hero-5 .media-column + .media-column, .hero-5.right > .media-column {
    left: auto;
    right: 0
}

.hero-5 .media-column .content-slider {
    height: 100% !important
}

.hero-slider {
    width: 100% !important;
    height: auto;
    min-height: 50rem
}

.hero-slider.window-height {
    min-height: 100vh
}

.hero-slider .hero-content, .hero-slider .tms-slide, .hero-slider .tms-slides {
    height: 100%
}

.hero-slider .tms-slides {
    display: flex;
    flex-wrap: wrap
}

.hero-5 .tms-slide, .hero-slider .tms-slide {
    padding: 0 !important;
    display: inherit;
    position: absolute
}

.call-to-action-3, .feature-2, .feature-3, .hero-5 .testimonial-slider .tms-slide {
    position: relative
}

.hero-slider .tms-slide > .media-column {
    height: 100%;
    position: absolute;
    left: 0
}

.hero-slider .tms-slide.right > .media-column {
    left: auto;
    right: 0
}

.hero-slider .tms-pagination {
    width: 50%;
    text-align: right;
    padding-right: 5rem
}

.hero-slider .hero-content:not([class*=width-]) {
    width: 50%
}

.hero-slider .hero-content {
    min-height: 50rem;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0
}

.hero-slider .media-column + .row .hero-content {
    background: 0 0
}

.hero-slider .tms-content-scalable {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.hero-slider .tms-slide[class*=bkg-] .hero-content {
    background-color: inherit
}

.hero-slider .hero-content.right {
    text-align: left;
    left: auto;
    right: 0
}

@media only screen and (max-width: 1040px) {
    .hero-5 .media-column .hero-content-inner {
        padding: 2.5rem
    }
}

@media only screen and (min-width: 960px) {
    .tml-modal-mode .hero-5 {
        padding-right: 4%
    }
}

@media only screen and (max-width: 960px) {
    .tml-modal-mode .hero-5 .media-column, .tml-modal-mode [class*=hero-] > .row:not(.flex), .tml-modal-mode [class*=hero-] > .row:not(.flex) > .column {
        width: 100%;
        margin-left: 0
    }

    .tml-modal-mode .hero-5 {
        height: auto !important
    }

    .tml-modal-mode .hero-5 .media-column {
        display: none;
        visibility: hidden
    }

    .tml-modal-mode .hero-5.show-media-column-on-mobile {
        padding-top: 0
    }

    .tml-modal-mode .hero-5.show-media-column-on-mobile .media-column {
        display: block;
        visibility: visible;
        width: 100%;
        position: relative
    }

    .tml-modal-mode .hero-5.show-media-column-on-mobile .media-column, .tml-modal-mode .hero-5.show-media-column-on-mobile .media-column iframe, .tml-modal-mode .hero-5.show-media-column-on-mobile .media-column video {
        height: 25rem
    }

    .tml-modal-mode .hero-5 .media-column .split-hero-content {
        max-width: 60rem;
        margin: 0 auto
    }

    .tml-modal-mode .hero-5 .media-column .hero-content-inner {
        padding: 1.5rem
    }

    .tml-modal-mode .hero-5 .column:first-child:not(.media-column) .split-hero-content {
        margin-top: 4rem
    }

    .tml-modal-mode .hero-5 .column:not(.media-column) .split-hero-content {
        margin-top: 5rem;
        margin-bottom: 0
    }

    .tml-modal-mode .hero-5 .row + .media-column {
        margin-top: 8rem;
        margin-bottom: -11rem
    }

    .tml-modal-mode .hero-5 .tms-pagination {
        text-align: center !important
    }
}

@media only screen and (max-width: 768px) {
    .hero-1, .hero-2, .hero-3, .hero-4, .hero-5 {
        height: auto !important
    }

    [class*=hero-] .column:first-child .hero-content {
        margin-bottom: 5rem
    }

    [class*=hero-] .column:last-child .hero-content {
        margin-bottom: 0
    }

    .hero-content {
        text-align: center
    }

    .hero-3[class*=center] {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .hero-4 > .row:after, .hero-4 > .row:before {
        width: 100%;
        left: 0;
        top: 0
    }

    .hero-5 .media-column {
        display: none;
        visibility: hidden
    }

    .hero-5.show-media-column-on-mobile {
        padding-top: 0
    }

    .hero-5.show-media-column-on-mobile .media-column {
        display: block;
        visibility: visible;
        width: 100%;
        position: relative
    }

    .hero-5.show-media-column-on-mobile .media-column, .hero-5.show-media-column-on-mobile .media-column iframe, .hero-5.show-media-column-on-mobile .media-column video {
        height: 40rem
    }

    .hero-5 .media-column .split-hero-content {
        max-width: 60rem;
        margin: 0 auto
    }

    .hero-5 .media-column .hero-content-inner {
        padding: 1.5rem
    }

    .hero-5 .column:first-child:not(.media-column) .split-hero-content {
        margin-top: 11rem
    }

    .hero-5 .column:not(.media-column) .split-hero-content {
        margin-top: 5rem;
        margin-bottom: 0
    }

    .hero-5 .row + .media-column {
        margin-top: 8rem;
        margin-bottom: -11rem
    }

    .hero-5 .tms-pagination {
        text-align: center !important
    }

    .hero-slider .tms-pagination {
        width: 100%;
        padding: 0;
        text-align: center
    }

    .hero-slider .hero-content-inner {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .hero-slider .hero-content {
        width: 100%;
        height: inherit;
        text-align: center;
        background-color: rgba(0, 0, 0, .6)
    }

    .hero-slider .media-column + .row {
        max-width: 100% !important
    }

    .hero-slider .tms-slide > .media-column {
        height: 40rem
    }

    .hero-slider .media-column + .row .tms-content-scalable {
        padding-top: 50rem
    }
}

.call-to-action-1, .call-to-action-2 {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .hero-5 .media-column .split-hero-content, [class*=hero-] > .row > .column {
        max-width: 48rem
    }
}

@media only screen and (max-width: 350px) {
    .hero-5 .media-column .split-hero-content, [class*=hero-] > .row > .column {
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-2 {
        background-image: url(../images/slider/slide-2-fs-hp@2x.jpg)
    }

    .hero-3 {
        background-image: url(../images/slider/slide-5-fw@2x.jpg)
    }

    .hero-4 {
        background-image: url(../images/slider/dev-video-cta-3@2x.jpg)
    }

    .hero-5 .media-column {
        background-image: url(../images/slider/slide-9-fw@2x.jpg)
    }
}

.feature-content, .feature-image, .feature-slider {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed
}

.feature-content-inner, .feature-image-inner, .feature-slider-inner {
    display: table-cell;
    vertical-align: middle
}

.feature-slider .tm-slider-container {
    width: 100% !important
}

.feature-slider .tms-pagination {
    bottom: 0
}

.feature-content-inner :first-child {
    margin-top: 0
}

.feature-1 {
    padding-bottom: 0;
    text-align: center
}

.feature-1.overlap-bottom {
    overflow: visible;
    z-index: 3
}

.feature-1.overlap-bottom .feature-image {
    margin-bottom: -20rem
}

.feature-1.overlap-bottom + .section-block:before {
    width: 100%;
    content: close-quote;
    padding-bottom: 20rem;
    z-index: 0;
    position: relative;
    background: 0 0;
    display: block;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .feature-1.overlap-bottom .feature-image {
        margin-bottom: -15rem
    }

    .feature-1.overlap-bottom + .section-block:before {
        padding-bottom: 15rem
    }
}

@media only screen and (max-width: 480px) {
    .hero-5 .media-column .split-hero-content, [class*=hero-] > .row > .column {
        max-width: 35rem
    }

    .feature-1.overlap-bottom .feature-image {
        margin-bottom: -10rem
    }

    .feature-1.overlap-bottom + .section-block:before {
        padding-bottom: 10rem
    }
}

.feature-2 {
    padding-bottom: 0
}

.feature-2 .row .feature-image, .feature-2 .row.flex .feature-image {
    width: 170%;
    margin-right: -70%
}

.feature-2.right .row .feature-image {
    margin-left: -70%
}

.feature-3 .feature-image {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.feature-3 .feature-image-inner {
    max-height: 53rem
}

@media only screen and (max-width: 960px) {
    .feature-2 {
        padding-bottom: 7rem
    }

    .feature-2 .row .feature-image {
        height: 100%
    }

    .header + .content > [class*=feature-]:first-child {
        padding-top: 5rem
    }
}

@media only screen and (min-width: 768px) {
    .feature-2 > .row > .column, .feature-2 > .row > .column > .box, .feature-3 > .row > .column, .feature-3 > .row > .column > .box {
        height: auto;
        display: inherit
    }

    .feature-2 > .row > .column > :not(.box), .feature-2 > .row > .column > div > :not(.box), .feature-3 > .row > .column > :not(.box), .feature-3 > .row > .column > div > :not(.box) {
        height: auto;
        margin-top: auto;
        margin-bottom: auto
    }

    .feature-2 .feature-content-inner :last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 768px) {
    .feature-2.left, .feature-3 .column:last-child .feature-content {
        padding-bottom: 0
    }

    .feature-2 .column, .feature-3 .column {
        height: auto !important
    }

    .feature-2 .row .feature-image {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none
    }

    .feature-2.right .column + .column .feature-content {
        margin-bottom: 0
    }

    .feature-3 .feature-image {
        text-align: center
    }

    .feature-3 .feature-image img, .feature-3 .feature-slider {
        max-width: 60%;
        margin: 0 auto
    }

    .feature-2.right .feature-image, .feature-3 .feature-image, .feature-3 .feature-slider {
        margin-bottom: 5rem
    }

    .feature-3 .column:last-child .feature-column:last-child, .feature-3 .column:last-child .feature-image {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 480px) {
    .feature-3 .feature-image img, .feature-3 .feature-slider {
        max-width: 70%
    }
}

[class*=call-to-action-] .column, [class*=call-to-action-] .row {
    height: 100%
}

.call-to-action-content {
    width: 100%;
    height: 100%;
    display: table !important
}

.call-to-action-content-inner {
    display: table-cell;
    vertical-align: middle
}

[class*=call-to-action-] .column:last-child .call-to-action-content-inner {
    padding-bottom: 0
}

.call-to-action-content-inner :first-child {
    margin-top: 0
}

.call-to-action-content-inner :last-child {
    margin-bottom: 0
}

[class*=call-to-action-] {
    background-color: inherit
}

.call-to-action-1 {
    width: 100%;
    display: block
}

.call-to-action-1:hover {
    background-color: #1ecd6d
}

.call-to-action-1 span {
    display: block
}

@media only screen and (min-width: 768px) {
    .call-to-action-2 .inline {
        display: block
    }

    .call-to-action-2 p + .button {
        margin-left: 2rem
    }
}

.contact-form-container .row, .signup-form-container .row {
    margin-left: -1rem;
    margin-right: -1rem
}

.call-to-action-3 {
    background-color: #ffbe12;
    color: #fff
}

.call-to-action-3 .call-to-action-button {
    padding-right: 0;
    position: absolute;
    top: 0;
    right: 0
}

.call-to-action-3 .call-to-action-button .button {
    padding: 2rem 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    display: table
}

.call-to-action-3 .call-to-action-button > .button > span {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 960px) {
    .call-to-action-1, .call-to-action-2 p, .call-to-action-3 p {
        font-size: 1.9rem;
        line-height: 2.9rem
    }
}

@media only screen and (max-width: 768px) {
    [class*=call-to-action] {
        height: auto
    }

    .call-to-action-2 .call-to-action-content-inner, .call-to-action-3 .call-to-action-content-inner {
        padding-bottom: 2.5rem;
        text-align: center
    }

    .call-to-action-3 .row {
        max-width: 100%
    }

    .call-to-action-3 .call-to-action-button {
        position: static;
        padding-left: 0;
        padding-right: 0
    }
}

.contact-form-container [class*=width-], .signup-form-container [class*=width-] {
    padding-left: 1rem;
    padding-right: 1rem
}

.form-element[class*=border-] {
    background: #fff
}

.form-honeypot {
    display: none
}

.contact-form-container .form-response, .register-form-container .form-response, .signup-form-container .form-response {
    width: 100%;
    font-size: 1.2rem;
    -ms-word-break: break-all;
    word-break: break-word;
    position: absolute;
    bottom: 0
}

.contact-form-container .form-element, .login-form-container .form-element, .register-form-container .form-element, .search-form-container .form-element, .signup-form-container .form-element {
    margin-bottom: 2rem
}

.contact-1 .contact-form-container, .search-form-container input[type=submit], .signup-1 .signup-form-container, .signup-3 .signup-form-container, .signup-form-container input[type=submit] {
    margin-bottom: 0
}

.contact-form-container, .contact-form-container .contact-form {
    position: relative
}

.signup-form-container {
    position: relative
}

.signup-form-container .signup-form {
    padding-bottom: 3rem;
    position: relative
}

.team-3 .social-list a:hover, .team-4 .thumbnail .social-list a:hover {
    opacity: .5
}

.signup-form-container.boxed {
    padding: 4rem
}

.signup-2 {
    background-image: url(../images/slider/slide-5-fw.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.signup-2 .signup-form-container {
    padding: 4rem;
    margin-bottom: 0;
    background: rgba(0, 0, 0, .5)
}

.login-form-container [class*=width-], .search-form-container [class*=width-] {
    padding-left: 1rem;
    padding-right: 1rem
}

.signup-2 .signup-form-container .form-response {
    bottom: 4rem
}

.team-3 .team-slider .tms-pagination, .testimonial-slider .tms-pagination {
    bottom: 0
}

.signup-3 {
    background-image: url(../images/slider/slide-5-fw.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.signup-3 .signup-inner {
    background: rgba(0, 0, 0, 0)
}

.signup-3 .row {
    text-align: center
}

.signup-3 .signup-form-container {
    width: 30rem;
    margin-left: auto;
    margin-right: auto
}

.login-form-container .row, .search-form-container .row {
    margin-left: -1rem;
    margin-right: -1rem
}

.signup-3 .form-element {
    width: 100%
}

.login-form-container .recuperate-password {
    font-size: 1rem;
    display: block
}

.testimonial-1 h6, .testimonial-2 h6, .testimonial-3 h6, .testimonial-4 h6 {
    font-size: 1.3rem;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .signup-form-container .merged-form-elements {
        padding-bottom: 1rem
    }
}

@media only screen and (max-width: 768px) {
    .signup-form-container input[type=submit] {
        width: auto
    }
}

@media only screen and (max-width: 480px) {
    .signup-3 .signup-form-container {
        width: 100%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .signup-2 {
        background-image: url(../images/slider/slide-5-fw@2x.jpg)
    }
}

.testimonial-1 h6 {
    margin-bottom: 4rem
}

.testimonial-1 blockquote {
    width: 70%;
    padding: 0;
    margin-bottom: 0
}

.testimonial-1 blockquote.avatar span, .testimonial-1 blockquote.avatar span img {
    width: 9rem;
    height: 9rem
}

.testimonial-1 p {
    margin-top: 3rem
}

.testimonial-1 cite {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1
}

.testimonial-2 h6 {
    margin-bottom: 1rem
}

.testimonial-2 .brief {
    height: 100%;
    border-right: 1px solid #ddd;
    display: table
}

.testimonial-2 .brief p:last-child {
    margin-bottom: 0
}

.testimonial-2 .brief-inner {
    display: table-cell;
    vertical-align: middle
}

.testimonial-2 blockquote {
    width: 100%;
    padding: 0;
    margin-bottom: 3rem
}

.testimonial-2 blockquote:last-child {
    margin-bottom: 0
}

.testimonial-2 cite {
    margin-bottom: .5rem;
    text-transform: uppercase;
    font-weight: 700
}

.testimonial-3 [class*=content-grid] {
    margin-bottom: -3rem
}

.testimonial-3 h6 {
    margin-bottom: 4rem
}

.testimonial-3 blockquote {
    width: 100%;
    padding: 0;
    margin: 0
}

.testimonial-3 cite {
    text-transform: uppercase;
    letter-spacing: .1rem
}

.testimonial-4 [class*=content-grid] {
    margin-bottom: -3rem
}

.testimonial-4 h6 {
    margin-bottom: 4rem
}

.testimonial-4 blockquote {
    height: 100%;
    padding: 2.5rem;
    margin: 0;
    border-radius: .3rem;
    border: 1px solid #ddd
}

.testimonial-4 cite {
    text-transform: uppercase;
    letter-spacing: .1rem
}

.testimonial-5 {
    color: #fff;
    background-image: url(../images/slider/slide-2-fs-hp.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.testimonial-5 blockquote {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.testimonial-5 cite {
    text-transform: uppercase;
    font-weight: 700
}

.testimonial-slider {
    width: 100% !important;
    min-height: 10rem;
    margin: 0 auto;
    background: 0 0
}

.testimonial-slider.left, .testimonial-slider.right {
    margin: 0
}

.center .testimonial-slider blockquote, .testimonial-slider blockquote {
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

.testimonial-slider.left .tms-pagination, .testimonial-slider.left blockquote {
    text-align: left
}

.testimonial-slider.left blockquote {
    padding-left: 0;
    padding-right: 1rem
}

.testimonial-slider.right .tms-pagination, .testimonial-slider.right blockquote {
    text-align: right
}

.testimonial-slider.right blockquote {
    padding-left: 1rem;
    padding-right: 0
}

.testimonial-slider blockquote span {
    margin-top: 0;
    margin-bottom: 1.5rem
}

@media only screen and (max-width: 960px) {
    .testimonial-1 p, .testimonial-5 .testimonial-slider p {
        font-size: 1.9rem
    }
}

@media only screen and (max-width: 768px) {
    .testimonial-2 .brief {
        border-right: none
    }

    .testimonial-2 .brief h6:last-child, .testimonial-2 .brief p:last-child {
        margin-bottom: 3rem
    }

    .testimonial-3 blockquote {
        height: 100%;
        padding-bottom: 3rem;
        border-bottom: 1px solid #ddd
    }

    .testimonial-3 .grid-item:last-child blockquote {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none
    }

    .testimonial-slider.center-on-mobile {
        margin: 0 auto
    }

    .testimonial-slider.center-on-mobile .tms-pagination, .testimonial-slider.center-on-mobile blockquote {
        text-align: center
    }

    .testimonial-slider.center-on-mobile blockquote {
        padding: 0 !important
    }
}

.team-1 .occupation, .team-2 .occupation {
    margin-top: 0;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    color: #999;
    text-transform: uppercase
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .testimonial-5 {
        background-image: url(../images/slider/slide-2-fs-hp@2x.jpg)
    }
}

[class*=team-] .signature {
    width: 100%
}

[class*=team-] .thumbnail {
    float: none
}

[class*=team-] .social-list {
    margin-bottom: 0
}

.social-list {
    margin-left: 0;
    list-style: none
}

.social-list a {
    margin-right: 1rem
}

.social-list.right li:last-child a, .social-list:not(.center) li:last-child a {
    margin-right: 0
}

.right .social-list a, .social-list.right a {
    margin-left: 1rem;
    margin-right: 0
}

.center .social-list a, .center .social-list li:last-child a, .social-list.center a {
    margin-right: .5rem;
    margin-left: .5rem
}

.social-list [class*=icon-] {
    margin: 0
}

.team-slider .social-list, .team-slider .social-list li {
    padding: 0;
    margin: 0
}

.team-1 [class*=content-grid] {
    margin-bottom: -3rem
}

.team-1 .team-content-info .name, .team-1 .team-content-info h4 {
    margin-bottom: 1rem
}

.team-1 .occupation {
    margin-bottom: 2rem
}

.team-2 [class*=content-grid] {
    margin-bottom: -3rem
}

.team-2 .thumbnail {
    margin-bottom: 0
}

.team-2 .team-content {
    background: #fff
}

.team-2 .team-content-info {
    padding: 2rem
}

.team-2 .team-content-info .name, .team-2 .team-content-info h4 {
    margin-bottom: 1rem
}

.team-2 .occupation {
    margin-bottom: 2rem
}

.team-2 .social-list .list-label {
    margin-right: 1rem;
    font-size: 1rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    display: inline-block
}

.team-3, .team-3 .team-content-info {
    color: #fff
}

.team-2 .social-list.boxed {
    margin: 0 -2rem -2rem;
    padding: 2rem;
    background: #e7e7e7
}

.team-3 .occupation, .team-4 .occupation {
    margin-top: 0;
    letter-spacing: .1rem;
    text-transform: uppercase
}

.team-3 .slider-column, body.boxed .team-3 {
    padding-left: 0;
    padding-right: 0
}

.team-3 {
    text-align: left
}

.team-slider .thumbnail {
    margin-bottom: 0
}

.team-3 .team-slider .tms-pagination, .team-3 .team-slider li {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.team-3 .team-slider {
    height: 45rem;
    margin-bottom: 0;
    background: 0 0
}

.team-3 .team-slider .tms-slides {
    margin-bottom: 2rem
}

.team-3 .team-content {
    margin-bottom: 4rem
}

.team-3 .team-content-info .name, .team-3 .team-content-info h4 {
    margin-bottom: 1rem
}

.team-3 .occupation {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    color: #999
}

.team-3 .social-list a {
    color: #fff
}

.section-block.team-4 {
    padding-bottom: 0
}

.team-4 {
    text-align: center;
    overflow: hidden
}

.team-4 .grid-item {
    margin-bottom: 0
}

.team-4 .overlay-info > span {
    padding: 3rem;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 400
}

.team-4 .team-content-info .name, .team-4 .team-content-info h4 {
    margin-bottom: 1rem
}

.team-4 .occupation {
    margin-bottom: 2rem;
    font-size: 1.2rem;
    color: #999
}

.team-4 .social-list {
    display: block;
    margin-top: 2rem
}

.team-4 .thumbnail .social-list a {
    margin: 0 .5rem;
    color: #fff
}

.mobile .team-4 .overlay-info {
    height: auto;
    background: 0 0;
    position: relative;
    color: #999;
    transition: none;
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mobile .team-4 .overlay-info > span {
    padding-left: 1rem;
    padding-right: 1rem
}

.mobile .team-4 .social-list a {
    color: #999
}

@media only screen and (min-width: 768px) {
    .team-4 .thumbnail {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 479px) and (max-width: 960px) {
    .team-2 .content-grid-4 .grid-item, .team-4 .content-grid-4 .grid-item {
        width: 50%
    }
}

.masonry-set-dimensions-2 .thumbnail {
    float: left
}

.masonry-set-dimensions-2 .description {
    padding: 2rem;
    text-align: center;
    background: #fff
}

.masonry-set-dimensions-2 h5:last-child, .masonry-set-dimensions-2 p:last-child {
    margin-bottom: 0
}

.masonry-set-dimensions-2 .half.image-left .thumbnail, .masonry-set-dimensions-2 .half.image-right .thumbnail {
    width: 50%
}

.masonry-set-dimensions-2 .two-third.image-left .thumbnail, .masonry-set-dimensions-2 .two-third.image-right .thumbnail {
    width: 66.66667%
}

.masonry-set-dimensions-2 .half.image-bottom .thumbnail, .masonry-set-dimensions-2 .half.image-top .thumbnail, .masonry-set-dimensions-2 .image-left.no-description .thumbnail, .masonry-set-dimensions-2 .image-right.no-description .thumbnail, .masonry-set-dimensions-2 .two-third.image-bottom .thumbnail, .masonry-set-dimensions-2 .two-third.image-top .thumbnail {
    width: 100%
}

.masonry-set-dimensions-2 .half.image-right .thumbnail, .masonry-set-dimensions-2 .two-third.image-right .thumbnail {
    float: right
}

.masonry-set-dimensions-2 .item-description {
    margin-top: 0;
    height: 100%;
    background: #f9f9f9;
    text-align: center;
    display: table;
    position: relative
}

.masonry-set-dimensions-2 .item-description-inner {
    height: 100%;
    padding: 1rem 3rem 3rem;
    display: table-cell;
    vertical-align: middle
}

.masonry-set-dimensions-2 .half.image-left .item-description {
    width: 50%;
    text-align: left;
    float: right
}

.masonry-set-dimensions-2 .half.image-right .item-description {
    width: 50%;
    text-align: right;
    float: left
}

.masonry-set-dimensions-2 .two-third.image-left .item-description {
    width: 33.33333%;
    text-align: left;
    float: right
}

.masonry-set-dimensions-2 .two-third.image-right .item-description {
    width: 33.33333%;
    text-align: right;
    float: left
}

.masonry-set-dimensions-2 .half.image-bottom .item-description, .masonry-set-dimensions-2 .half.image-top .item-description {
    width: 100%;
    height: 50%;
    text-align: center
}

.masonry-set-dimensions-2 .two-third.image-top .item-description {
    width: 100%;
    height: 33.33333%;
    text-align: center
}

.masonry-set-dimensions-2 .item-description:after {
    width: 0;
    height: 0;
    margin-top: -10px;
    content: " ";
    position: absolute;
    pointer-events: none;
    z-index: 10;
    margin-left: -10px;
    border: solid transparent;
    border-bottom-color: #f9f9f9;
    border-width: 10px;
    top: auto;
    bottom: 100%;
    left: 50%
}

.masonry-set-dimensions-2 .image-left .item-description:after {
    margin-top: -10px;
    border: solid transparent;
    border-right-color: #f9f9f9;
    border-width: 10px;
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto
}

.masonry-set-dimensions-2 .image-right .item-description:after {
    margin-top: -10px;
    border: solid transparent;
    border-left-color: #f9f9f9;
    border-width: 10px;
    top: 50%;
    bottom: auto;
    right: -20px;
    left: auto
}

.masonry-set-dimensions-2 .image-bottom .item-description:after {
    margin-left: -10px;
    border: solid transparent;
    border-top-color: #f9f9f9;
    border-width: 10px;
    top: auto;
    bottom: -2rem;
    left: 50%
}

.recent-slider .column.slider-column {
    padding-left: 0;
    padding-right: 0
}

.recent-slider .recent-slider {
    padding: 0;
    margin-bottom: 0;
    background: 0 0
}

.recent-slider .next-recent-slider, .recent-slider .previous-recent-slider {
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
    line-height: 3rem;
    text-align: center;
    display: inline-block;
    border: 1px solid #ddd
}

.logos-2 [class*=content-grid], .logos-3 [class*=content-grid] {
    margin-right: 0;
    margin-left: 0
}

.recent-slider [class*=icon-] {
    margin: 0
}

.recent-slider .grid-description {
    width: 100%;
    height: 100%;
    padding: 0;
    display: block
}

.project-details h6 {
    margin-bottom: 1rem
}

.project-details ul {
    margin-bottom: 2rem
}

@media only screen and (max-width: 960px) {
    .recent-slider .column {
        width: 100%
    }

    .recent-slider .grid-description {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 768px) {
    .masonry-set-dimensions-2 .two-third.horizontal, .masonry-set-dimensions-2 .two-third.horizontal .thumbnail {
        width: 100% !important;
        height: auto !important
    }

    .masonry-set-dimensions-2 .two-third.image-left .item-description, .masonry-set-dimensions-2 .two-third.image-right .item-description {
        width: 100%;
        float: left
    }

    .masonry-set-dimensions-2 .two-third.image-left .item-description:after, .masonry-set-dimensions-2 .two-third.image-right .item-description:after {
        margin-left: -1rem;
        border: solid transparent;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        top: auto !important;
        bottom: 100%;
        left: 50%
    }
}

@media only screen and (max-width: 600px) {
    .masonry-set-dimensions-2 .half.horizontal, .masonry-set-dimensions-2 .half.horizontal .thumbnail {
        width: 100% !important;
        height: auto !important
    }

    .masonry-set-dimensions-2 .half.image-left .item-description, .masonry-set-dimensions-2 .half.image-right .item-description {
        width: 100%;
        float: left
    }

    .masonry-set-dimensions-2 .image-left .item-description:after, .masonry-set-dimensions-2 .image-right .item-description:after {
        margin-left: -1rem;
        border: solid transparent;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        top: auto !important;
        bottom: 100%;
        left: 50%
    }
}

.logos-3 .grid-item:after, .logos-4 .grid-item:after {
    border-bottom: 1px solid #ddd;
    bottom: -1px;
    width: 100%
}

[class*=logos-] .grid-item {
    margin-bottom: 0;
    text-align: center
}

.logos-1 [class*=content-grid] {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.logos-1 a, .logos-1 span {
    padding: 2rem 0;
    display: block;
    opacity: 1
}

.logos-1 a:hover {
    opacity: .5
}

.logos-2 {
    background-image: url(../images/slider/slide-5-fw@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.logos-2 .grid-item {
    padding: 0 0 1px 1px
}

.logos-2 a, .logos-2 span {
    width: 100%;
    padding: 5rem 1.5rem;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    opacity: 1;
    display: block
}

.logos-2 a:hover {
    background-color: rgba(0, 0, 0, .6)
}

.logos-3 .grid-item {
    padding: 0;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    position: relative
}

.logos-3 .grid-item:after, .logos-3 .grid-item:before {
    content: "";
    position: absolute
}

.logos-3 .grid-item:before {
    height: 100%;
    border-left: 1px solid #ddd;
    top: 0;
    left: -1px
}

.logos-3 .grid-item:after {
    left: 0
}

.logos-3 a, .logos-3 span {
    width: 100%;
    padding: 5rem 1.5rem;
    opacity: 1;
    display: block
}

.logos-3 a:hover {
    background-color: #ddd
}

.logos-4 [class*=content-grid] {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden
}

.logos-4 .grid-item {
    padding: 0;
    position: relative
}

.logos-4 .grid-item:after, .logos-4 .grid-item:before {
    content: "";
    position: absolute;
    z-index: 1
}

.logos-4 .grid-item:before {
    height: 100%;
    border-left: 1px solid #ddd;
    top: 0;
    left: -1px
}

.logos-4 .grid-item:after {
    left: 0
}

.fullscreen-section, .fullscreen-sections-wrapper {
    position: relative;
    z-index: 0
}

.logos-4 a, .logos-4 span {
    width: 100%;
    padding: 5rem 1.5rem;
    opacity: 1;
    display: block
}

.logos-4 a:hover {
    opacity: .5
}

.logo-slider {
    min-height: 10rem
}

.logo-slider .tms-pagination {
    bottom: 0
}

.logo-slider .tms-bullet-nav {
    background-color: #333
}

.logo-slider .tms-content-scalable {
    padding-bottom: 0
}

@media only screen and (max-width: 960px) {
    [class*=logos-] {
        height: auto
    }

    [class*=logos-] .grid-item {
        width: 33.3333%
    }

    .logos-2 a, .logos-2 span {
        padding: 4.5rem 1.5rem
    }
}

@media only screen and (max-width: 768px) {
    [class*=logos-] .grid-item {
        width: 33.3333%
    }

    .logos-2 a, .logos-2 span, .logos-3 a, .logos-3 span, .logos-4 a, .logos-4 span {
        padding: 3rem 1.5rem
    }
}

@media only screen and (max-width: 480px) {
    [class*=logos-] .grid-item {
        width: 50%
    }

    .logos-2 a, .logos-2 span, .logos-3 a, .logos-3 span, .logos-4 a, .logos-4 span {
        padding: 2rem 1.5rem
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .logos-2 {
        background-image: url(../images/slider/slide-2-fs-hp@2x.jpg)
    }
}

[class*=clients-] [class*=content-grid-] {
    margin-bottom: -3rem
}

.clients-1 {
    line-height: 1
}

.clients-1 .client-name {
    margin-top: 0;
    margin-bottom: 1rem
}

.clients-1 .client-description {
    font-size: 1.1rem;
    opacity: .7
}

@media only screen and (max-width: 768px) {
    [class*=clients-] .grid-item {
        width: 33.3333%
    }

    [class*=clients-] .client-description {
        display: none
    }

    [class*=clients-] .client-name {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 480px) {
    [class*=clients-] .grid-item {
        width: 50%
    }
}

[class*=social-] ul {
    margin-left: 0;
    list-style: none
}

.social-1 {
    text-align: center
}

.social-1 h6 {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.social-1 ul {
    margin-bottom: 0
}

.social-1 ul li {
    padding: 0 1rem;
    margin-bottom: 1rem;
    display: inline-block
}

.social-2 {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center
}

body.boxed .social-2 {
    padding-left: 0;
    padding-right: 0
}

.safari-browser .social-2 {
    width: 100.4%
}

.social-2 [class*=content-grid-] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.social-2.full-width [class*=content-grid-] {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.social-2 .grid-item {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0
}

.social-3 ul li, .social-4 ul li {
    padding: 0 1rem;
    display: inline-block
}

.social-2 a {
    width: 100%;
    height: 15rem;
    margin: 0;
    font-size: 2rem;
    line-height: 2rem;
    font-family: "Times New Roman", serif;
    font-style: italic;
    display: table
}

.social-2 a:hover {
    background: 0 0;
    color: #999
}

.social-2 a span {
    display: table-cell;
    vertical-align: middle
}

.social-2 [class*=icon] {
    width: 100%;
    margin: 0 0 1rem;
    font-size: 3rem;
    display: inline-block
}

.social-3 {
    text-align: center;
    background-image: url(../images/slider/slide-2-fs-hp@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.social-3 ul {
    margin-bottom: -1rem;
    line-height: 1
}

.social-3 ul li {
    margin-bottom: 1rem;
    text-align: center
}

.social-3 a[class*=icon] {
    width: 5rem;
    height: 5rem;
    margin: 0;
    line-height: 5rem;
    font-weight: 400;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%
}

.social-3 a {
    color: #fff
}

.social-3 a:hover {
    background: #fff
}

.social-4 {
    text-align: center
}

.social-4 h6 {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.social-4 ul {
    margin-bottom: -1rem
}

.social-4 ul li {
    margin: 0 2rem 1rem
}

.social-4 ul li a {
    font-size: 1.7rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 700;
    color: #999
}

@media only screen and (max-width: 480px) {
    .social-2 ul li {
        width: 50%
    }

    .social-2 a {
        width: 100%
    }

    .social-4 ul li {
        display: block
    }
}

[class*=stats-] > .row:not(.flex), [class*=stats-] > .row:not(.flex) > .column {
    height: 100%
}

[class*=stats-] .stat-content {
    width: 100%;
    height: 100%;
    display: table
}

[class*=stats-] .stat-content-inner {
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

[class*=stats-] .stat {
    width: 100%;
    height: 100%;
    display: table
}

[class*=stats-] .stat-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

[class*=stats-].left .stat-inner {
    text-align: left
}

[class*=stats-].center .stat-inner {
    text-align: center
}

[class*=stats-].right .stat-inner {
    text-align: right
}

.stats-1 {
    color: #fff;
    background-image: url(../images/slider/slide-2-fs-hp@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.stats-1 [class*=content-grid] {
    margin-bottom: -3rem
}

.stats-1 .counter {
    font-size: 6rem;
    line-height: 1;
    font-weight: 400
}

.stats-1 p:last-child {
    margin-bottom: 0
}

.stats-2 {
    color: #666
}

.stats-2 [class*=content-grid] {
    margin-bottom: -2rem
}

.stats-2 .grid-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
    border-right: 1px solid #ddd
}

.stats-2 .grid-item:last-child {
    border: none
}

.stats-2 .counter {
    margin-bottom: .5rem;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700
}

.stats-2 .description {
    font-size: 1.2rem;
    text-transform: uppercase
}

.stats-2 p:last-child {
    margin-bottom: 0
}

.stats-3 [class*=content-grid] {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.stats-3 .grid-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
    border-right: 1px dotted #ddd
}

.stats-3 .counter, .stats-3 .mega-stat .counter {
    margin-bottom: .5rem;
    line-height: 1;
    font-weight: 700
}

.stats-3 .grid-item:last-child {
    border: none
}

.stats-3 .counter {
    font-size: 3rem
}

.stats-3 .mega-stat .counter {
    font-size: 7rem
}

.stats-3 .description {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #999
}

.stats-3 .mega-stat .description {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700
}

.stats-3 .description {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #ddd;
    font-weight: 700
}

.stats-3 .description:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.stats-3 p:last-child {
    margin-bottom: 0
}

.stats-3[class*=border-] {
    border-width: 0
}

.stats-3[class*=border-] * {
    border-color: inherit
}

@media only screen and (max-width: 1023px) {
    .stats-3 .mega-stat .counter {
        font-size: 5rem
    }
}

@media only screen and (max-width: 768px) {
    .stats-2 .grid-item, .stats-2 .row-1 {
        border-bottom: 1px solid #ddd
    }

    [class*=stats-] {
        height: auto !important
    }

    .stats-2 .grid-item {
        border-right: none
    }

    .stats-3 .description, .stats-3 .grid-item.row-1 {
        border-bottom: 1px dotted #ddd
    }

    .stats-2 .row-1:nth-of-type(even), .stats-2 .row-2:nth-of-type(even) {
        border-right: none !important
    }

    .stats-3 .grid-item, .stats-3 .grid-item.row-1 {
        border-right: none
    }

    .stats-3 .row-1:nth-of-type(even), .stats-3 .row-2:nth-of-type(even) {
        border-right: none !important
    }

    [class*=stats-].center-on-mobile .stat-inner {
        text-align: center
    }
}

@media only screen and (max-width: 480px) {
    .stats-3 .counter, .stats-3 .mega-stat .counter {
        font-size: 4rem
    }

    .stats-3 .mega-stat .description {
        font-size: 1.2rem
    }

    .stats-3 .grid-item.row-1 {
        border: none
    }

    .stats-3 .description {
        margin-bottom: 4rem;
        padding-bottom: 0;
        border: none
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .social-3, .stats-1 {
        background-image: url(../images/slider/slide-2-fs-hp@2x.jpg)
    }
}

.section-block.fullscreen-section, .section-block.fullscreen-sections-wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.fullscreen-section {
    width: 100%;
    height: 100%;
    height: 100vh;
    display: table;
    table-layout: fixed;
    overflow: hidden
}

body.boxed .fullscreen-section {
    padding-left: 0;
    padding-right: 0
}

.fullscreen-section.in-view {
    z-index: 1
}

.fullscreen-section .background-image {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 0
}

.fullscreen-section .background-slider-wrapper, .fullscreen-section.background-fixed .background-image {
    width: 100%;
    height: 100vh;
    position: absolute;
    background-attachment: fixed;
    z-index: 0
}

.fullscreen-section .background-slider-wrapper {
    height: 100%
}

.fullscreen-section.background-fixed .background-slider-wrapper {
    position: fixed
}

.ie-browser.webkit .fullscreen-section.background-fixed .background-image-wrapper {
    height: 100vh;
    position: absolute !important
}

.ie-browser.webkit .fullscreen-section.background-fixed .background-image {
    background-attachment: fixed
}

.webkit.side-nav-open .background-fixed .background-image-wrapper {
    position: absolute
}

.mobile .fullscreen-section {
    height: auto
}

.mobile .fullscreen-section .background-image, .mobile .fullscreen-section .background-image-wrapper, .mobile .fullscreen-section.background-fixed .background-image-wrapper {
    width: 100vw;
    position: relative !important
}

.mobile .fullscreen-section.background-fixed .background-image {
    background-attachment: scroll
}

.fs-pagination {
    width: 2.8rem;
    padding: 1rem;
    text-align: center;
    visibility: visible;
    opacity: 0;
    position: fixed;
    right: 25px;
    top: 50%;
    z-index: 10;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-backface-visibility: hidden
}

.fs-bullet-nav {
    width: .8rem;
    height: .8rem;
    display: inline-block;
    background: #fff;
    opacity: .5;
    border-radius: 50%
}

.fullscreen-sections-wrapper.nav-dark .fs-bullet-nav, .nav-dark .fs-bullet-nav {
    background: #333
}

.fs-bullet-nav.active, .fs-bullet-nav:hover {
    opacity: 1
}

.footer .footer-logo a:hover, .shop .product-price del {
    opacity: .6
}

.mobile .fs-pagination {
    display: none
}

.fullscreen-section .fullscreen-inner {
    width: 100%;
    height: 100%;
    padding-top: 7rem;
    padding-bottom: 7rem;
    background: rgba(0, 0, 0, .6);
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.fullscreen-section.no-overlay .fullscreen-inner {
    background: rgba(0, 0, 0, 0)
}

.coming-soon-1 .background-image, .coming-soon-2 .background-image, .error-404 .background-image, .error-500 .background-image {
    background-image: url(../images/fullscreen/coming-soon-1.jpg)
}

body.boxed .fullscreen-section .fullscreen-inner, body.boxed .fullscreen-sections-wrapper .fullscreen-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.fullscreen-section footer {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: absolute;
    bottom: 0;
    z-index: 3
}

.fullscreen-section .copyright {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: .1rem;
    color: #fff
}

.fullscreen-section .social-list {
    margin-bottom: 0
}

.fullscreen-inner.v-align-top {
    vertical-align: top
}

.fullscreen-inner.v-align-bottom {
    vertical-align: bottom
}

.fullscreen-section .hero-4, .fullscreen-section .hero-5, .fullscreen-section .hero-6 {
    height: 100vh
}

.coming-soon-2 h1 {
    font-size: 10rem;
    line-height: 1
}

.error-404 h1, .error-500 h1 {
    font-size: 15rem;
    line-height: 1
}

.error-404 .search-form-container {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto
}

.error-404 .form-submit {
    width: 100%
}

.error-500 .button {
    margin-right: 2rem
}

.error-500 .button:last-child {
    margin-right: 0
}

[class*=error-] .background-image, [class*=coming-soon-] .background-image {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

@media only screen and (max-width: 768px) {
    .fs-pagination {
        display: none
    }

    .fullscreen-section footer {
        position: relative
    }

    .fullscreen-section .column:last-child > :last-child:not(.hero-content):not(input[type=submit]) {
        margin-bottom: 0
    }

    .fullscreen-section.content-below-on-mobile {
        height: auto;
        display: block
    }

    .fullscreen-section.content-below-on-mobile .fullscreen-inner {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
        background-color: transparent;
        display: block;
        text-align: left
    }

    .fullscreen-section.no-overlay.content-below-on-mobile .background-on-mobile {
        padding: 0;
        margin-bottom: 0;
        background-color: #f4f4f4
    }

    .fullscreen-section .background-on-mobile *, .fullscreen-section.no-overlay.content-below-on-mobile * {
        color: #666
    }

    .fullscreen-section.content-below-on-mobile .alt-color-on-mobile {
        color: #fff
    }

    .fullscreen-section .background-image, .fullscreen-section .background-image-wrapper, .fullscreen-section.background-fixed .background-image, .fullscreen-section.background-fixed .background-image-wrapper, .webkit .fullscreen-section .background-image-wrapper, .webkit .fullscreen-section.background-fixed .background-image, .webkit .fullscreen-section.background-fixed .background-image-wrapper {
        max-width: 100vw;
        background-attachment: scroll
    }

    .content-below-on-mobile .background-image, .content-below-on-mobile .background-image-wrapper, .content-below-on-mobile .background-slider-wrapper, .fs-image-scale .background-image, .fs-image-scale .background-image-wrapper {
        position: relative !important
    }

    .fullscreen-section.background-contain .background-image {
        background-position: center !important;
        background-size: 100% !important
    }

    .mobile .fullscreen-section .background-image {
        max-width: 114rem;
        height: inherit
    }

    .mobile .fullscreen-section {
        margin-top: -1px
    }

    .coming-soon-2 h1 {
        font-size: 6rem
    }

    .error-404 .form-submit {
        width: auto
    }

    .error-404 h1, .error-500 h1 {
        font-size: 10rem
    }
}

.pagination-1 a.disabled, .pagination-1 a.disabled:hover, .pagination-2 a.disabled, .pagination-2 a.disabled:hover {
    color: #ddd
}

.mobile .fullscreen-section[class*=error-], .mobile .fullscreen-section[class*=coming-soon-] {
    height: 100vh;
    display: table
}

.mobile [class*=error-] .fullscreen-inner, .mobile [class*=coming-soon-] .fullscreen-inner {
    display: table-cell
}

.mobile .fullscreen-section[class*=error-] .background-image-wrapper, .mobile .fullscreen-section[class*=coming-soon-] .background-image-wrapper {
    position: fixed
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .coming-soon-1 .background-image, .coming-soon-2 .background-image, .error-404 .background-image, .error-500 .background-image {
        background-image: url(../images/fullscreen/coming-soon-1@2x.jpg)
    }
}

.pagination-next.disabled, .pagination-next.disabled:hover, .pagination-previous.disabled, .pagination-previous.disabled:hover {
    transition: none;
    cursor: default;
    background: 0 0 !important
}

[class*=pagination-] ul {
    margin-left: 0;
    list-style: none
}

.pagination-1 small {
    font-size: 1.3rem;
    display: block
}

.pagination-1 small span {
    font-size: 1.3rem;
    display: inline-block
}

.pagination-1 [class*=icon-] {
    height: 3.6rem;
    font-size: 3.6rem;
    display: inline-block
}

.pagination-1 .pagination-previous {
    text-align: left
}

.pagination-1 .pagination-previous [class*=icon-] {
    margin-right: 1rem;
    float: left
}

.pagination-1 .pagination-next [class*=icon-], .pagination-2 .pagination-previous [class*=icon-] {
    margin-left: 1rem;
    float: right
}

.pagination-1 .pagination-next {
    text-align: right
}

.pagination-1 span {
    font-size: 2rem;
    font-weight: 700;
    display: block
}

.pagination-1 .page-list, .pagination-1 .return-to-index {
    margin-top: .3rem;
    margin-bottom: 0;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 700
}

.pagination-1 .page-list li {
    padding: 0 .7rem
}

.section-block.pagination-2 {
    padding-top: 0;
    padding-bottom: 0
}

.pagination-2 .column, .pagination-2 .column:hover {
    background-size: cover;
    background-position: center;
    -webkit-transform: translate(0, 0)
}

body.boxed .pagination-2 {
    padding-left: 0;
    padding-right: 0
}

.pagination-2 .pagination-next, .pagination-2 .pagination-previous {
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: block;
    position: relative
}

.pagination-2 .pagination-previous {
    padding-left: 3rem;
    padding-right: 5rem;
    background: #f9f9f9;
    text-align: right
}

.pagination-2 .pagination-next {
    padding-right: 3rem;
    padding-left: 5rem;
    background: #eee;
    text-align: left
}

.pagination-2 a:hover {
    background: red
}

.pagination-2 small {
    font-size: 1.3rem;
    display: block
}

.pagination-2 small span {
    font-size: 1.3rem;
    display: inline-block
}

.pagination-2 [class*=icon-] {
    height: 3.6rem;
    font-size: 3.6rem;
    display: inline-block
}

.pagination-2 .pagination-next [class*=icon-] {
    margin-right: 1rem;
    float: left
}

.pagination-3 a, .pagination-3 ul {
    margin: 0;
    text-align: center
}

.pagination-2 span {
    font-size: 2rem;
    font-weight: 700;
    display: block
}

.pagination-3 ul li {
    display: inline-block
}

.pagination-3 a {
    width: 4rem;
    height: 4rem;
    padding: 1rem;
    display: block;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.8rem
}

.pagination-3 a.current, .pagination-3 a:hover {
    background: #333;
    color: #fff;
    border: transparent
}

.pagination-3 li:first-child {
    float: left
}

.pagination-3 li:last-child {
    float: right
}

.pagination-3 a.disabled, .pagination-3 a.disabled:hover {
    color: #ddd;
    border-color: #ddd
}

.pagination-4 {
    text-align: center
}

.pagination-4 .button {
    width: auto;
    margin: 0 .5rem;
    font-size: 1.6rem;
    font-weight: 700
}

.pagination-4 .button.disabled, .pagination-4 .button.disabled:hover {
    color: #ddd;
    background: 0 0;
    border-color: #ddd
}

.pagination-4 .button [class*=icon-]:before {
    margin: 0
}

.pagination-4 .pagination-next [class*=icon-], .pagination-4 .pagination-previous [class*=icon-] {
    display: none
}

.pagination-5 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #ddd
}

.pagination-5 ul {
    margin: 0;
    text-align: center
}

.pagination-5 ul li {
    display: inline-block;
    margin-left: -.4rem
}

.footer ul, .post-info span:first-child {
    margin-left: 0
}

.pagination-5 a {
    width: 6rem;
    height: 6rem;
    color: #333;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 6rem;
    display: block
}

.pagination-5 a.current {
    color: #999
}

.pagination-5 a:hover {
    background: #333;
    color: #fff
}

.pagination-5 li:first-child {
    float: left
}

.pagination-5 li:last-child {
    float: right
}

.pagination-5 a.disabled, .pagination-5 a.disabled:hover {
    color: #ddd;
    border-color: #ddd
}

.pagination-5 a.pagination-next, .pagination-5 a.pagination-previous {
    width: auto;
    padding: 0 2rem;
    font-weight: 700;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.pagination-5 a.pagination-previous {
    padding-right: 3.5rem
}

.pagination-5 a.pagination-next {
    padding-left: 3.5rem
}

.pagination-5 a span {
    width: auto;
    float: left
}

.pagination-5 a [class*=icon-] {
    height: 100%;
    margin-right: 0;
    line-height: 6rem;
    font-size: 3.2rem
}

@media only screen and (max-width: 960px) {
    .blog [class*=pagination-] > .row > .column, .shop [class*=pagination-] > .row > .column {
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    .pagination-1 .page-list, .pagination-1 .pagination-next, .pagination-1 .return-to-index, .pagination-2 .pagination-previous {
        text-align: left
    }

    .pagination-1 .page-list, .pagination-1 .pagination-previous, .pagination-1 .return-to-index {
        padding-bottom: 3.8rem;
        margin-bottom: 3.8rem;
        border-bottom: 1px solid #ddd;
        display: block
    }

    .pagination-1 .pagination-previous [class*=icon-] {
        margin-right: 0;
        float: right
    }

    .pagination-1 .pagination-next [class*=icon-] {
        margin-left: 0
    }

    .pagination-2 [class*=pagination-] {
        padding: 4rem 1.5rem
    }

    .pagination-2 .pagination-previous:after {
        width: 10rem;
        height: 1rem;
        bottom: 0
    }

    .pagination-2 .pagination-previous [class*=icon-] {
        margin-left: 0;
        margin-right: 1rem;
        float: left
    }

    .pagination-5 ul li a.pagination-next, .pagination-5 ul li a.pagination-previous {
        width: 6rem;
        padding: 0;
        text-align: center
    }

    .pagination-5 ul li a span {
        float: none
    }

    .pagination-5 ul li a.pagination-next span:first-child, .pagination-5 ul li a.pagination-previous span:last-child {
        display: none
    }
}

@media only screen and (max-width: 490px) {
    .pagination-1, .pagination-3, .pagination-4 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .pagination-4 span {
        display: none
    }

    .pagination-4 .back-to-index [class*=icon-], .pagination-4 .pagination-next [class*=icon-], .pagination-4 .pagination-previous [class*=icon-] {
        display: block
    }

    .pagination-3 ul li, .pagination-5 ul li {
        display: none
    }

    .pagination-3 ul li:first-child, .pagination-3 ul li:last-child, .pagination-5 ul li:first-child, .pagination-5 ul li:last-child {
        display: inline-block
    }
}

.section-block.map-wrapper {
    padding-top: 0;
    padding-bottom: 0
}

.map-container {
    width: 100%;
    height: 40rem
}

.map-container > div {
    width: 100%;
    height: 100%
}

.map-container > div img {
    max-width: none
}

.gm-style .gm-style-iw {
    padding: .3rem;
    color: #666;
    line-height: 1.5
}

.footer {
    width: 100%;
    background-color: #222;
    position: relative;
    z-index: 1
}

body.boxed .footer .footer-bottom, body.boxed .footer .footer-top {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.footer .footer-top {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.footer .widget {
    margin-bottom: 3rem
}

.footer ul {
    list-style: none
}

.footer .footer-top-inner > :first-child, .footer .widget:last-child > :first-child {
    margin-top: 0
}

.footer .footer-top-inner > :last-child, .footer .widget:last-child > :last-child {
    margin-bottom: 0
}

.footer .footer-bottom {
    padding-bottom: 2rem;
    color: #555
}

.footer .footer-bottom-inner {
    padding-top: 3rem;
    border-top: 1px solid #333
}

.footer .footer-logo {
    width: 17rem;
    margin-bottom: 1rem;
    display: inline-block;
    line-height: 1
}

.footer .footer-logo a {
    -webkit-transition-property: opacity, background, color, visibility, -webkit-transform;
    transition-property: opacity, background, color, visibility, transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.footer .footer-bottom .copyright {
    font-size: 1.1rem;
    float: left
}

.footer .navigation, .footer .social-list {
    float: none
}

.footer .navigation a {
    line-height: 2rem;
    text-transform: uppercase;
    background: 0 0;
    padding: 0 1rem
}

.footer .navigation a:hover {
    background: 0 0;
    color: #fff
}

.footer .navigation li:hover a {
    background: 0 0
}

.footer .navigation li:first-child a {
    padding-left: 0;
    margin-left: 0
}

.footer .navigation li:last-child a {
    padding-right: 0;
    margin-right: 0
}

.footer .navigation li.current a, .footer .navigation li.current a:hover {
    background: 0 0;
    color: #fff
}

.footer .footer-bottom .navigation, .footer .footer-bottom .social-list {
    float: right
}

.footer .footer-bottom .copyright, .footer .footer-bottom .navigation, .footer .footer-bottom .social-list {
    margin-bottom: 1rem
}

.mobile .footer-fixed {
    position: relative;
    bottom: auto
}

@media only screen and (min-width: 960px) {
    .footer-fixed {
        position: fixed;
        bottom: 0;
        z-index: 0
    }

    .content.reveal-footer {
        box-shadow: 0 2rem 5rem rgba(0, 0, 0, .5);
        position: relative;
        z-index: 1
    }
}

@media only screen and (max-width: 960px) {
    .content.reveal-footer {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width: 768px) {
    .footer-top > .row > .column {
        width: 100%
    }

    [class*=footer-] .footer-bottom .copyright, [class*=footer-] .footer-bottom .navigation, [class*=footer-] .footer-bottom .social-list {
        display: block;
        float: none
    }

    .footer .navigation li {
        display: inline-block;
        float: none
    }
}

.post {
    margin-bottom: 7rem
}

.post:last-child {
    margin-bottom: 0 !important
}

.post-content {
    position: relative;
    -webkit-transition-property: background, color;
    transition-property: background, color;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

.post-content + .post-content, .post-content + .post-media, .post-media + .post-info-aside, .post-media ~ .post-content {
    margin-top: 3rem
}

.blog-masonry.masonry-set-dimensions .post, .blog-masonry.masonry-set-dimensions .post-media {
    height: 100%
}

.blog-masonry.masonry-set-dimensions .post-content {
    width: 100%;
    height: auto;
    padding: 0;
    color: #fff;
    display: table;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.blog-masonry.masonry-set-dimensions .post-content:hover {
    background: rgba(0, 0, 0, .8)
}

.blog-masonry.masonry-set-dimensions .post-content-inner {
    height: 100%;
    padding: 2rem;
    display: table-cell;
    vertical-align: bottom
}

.post-content > :last-child {
    margin-bottom: 0
}

.post-content.with-background {
    padding: 3rem;
    margin-top: 0;
    background: #f9f9f9
}

.post-content.with-background > :first-child {
    margin-top: 0
}

.blog-masonry.masonry-set-dimensions .post-content.with-background {
    background: rgba(0, 0, 0, .2)
}

.blog-masonry.masonry-set-dimensions .post-media:hover .post-content {
    background: rgba(0, 0, 0, .8)
}

.post-info {
    margin-bottom: 3rem
}

.blog-masonry.masonry-set-dimensions .post-info {
    margin-bottom: 1rem
}

.post-content .read-more, .post-media > * {
    margin-bottom: 0
}

.post-author-aside, .post-comments-aside, .post-info-aside {
    position: absolute;
    z-index: 1
}

.post-author-aside + .author-bio, .post-comments-aside + .comments-inner, .post-info-aside + .post-content {
    padding-left: 10rem
}

.post-info {
    padding: 0;
    margin-right: .2rem;
    margin-top: 0;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .1rem;
    text-transform: uppercase;
    display: inline-block;
    border: none
}

.post-info span {
    padding-top: 0;
    margin-top: 0;
    border: none
}

.post-author .author-avatar img, .post-comments .user-avatar img {
    border-radius: 50%
}

.post-info span:last-child {
    margin-right: 0
}

.post-info [class*=icon-] {
    display: inline-block;
    position: relative;
    z-index: 1
}

.post-info .post-love [class*=icon-] {
    margin-right: .2rem
}

.post-comments a [class*=icon-], .post-love a [class*=icon-] {
    width: 1.2rem;
    text-align: center;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    transform-transition-duration: .2s
}

.post-comment a:hover [class*=icon-], .post-love a:hover [class*=icon-] {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1)
}

.post-media {
    max-width: 114rem
}

.post-media > * {
    float: none
}

.blog-masonry.masonry-set-dimensions .post-media {
    position: relative;
    overflow: hidden
}

.blog-masonry.masonry-set-dimensions.no-margins .post-media {
    position: static;
    overflow: hidden
}

.blog-masonry .post-media .post-slider, .blog-regular .post-media .post-slider, .blog-single-post .post-media .post-slider {
    width: 82.5rem;
    height: 55rem
}

.blog-wide .post-media .post-slider {
    width: 111rem;
    height: 74rem
}

.post-media .mejs-audio, .post-media .mejs-audio .mejs-button.mejs-mute, .post-media .mejs-audio .mejs-button.mejs-pause, .post-media .mejs-audio .mejs-button.mejs-play, .post-media .mejs-audio .mejs-container .mejs-button, .post-media .mejs-audio .mejs-controls, .post-media .mejs-audio .mejs-controls div.mejs-horizontal-volume-slider, .post-media .mejs-audio .mejs-controls div.mejs-time-rail {
    height: 4.9rem !important
}

.post-media .mejs-audio .mejs-controls .mejs-time {
    margin-top: 1rem
}

.post-media .mejs-audio .mejs-time-rail .mejs-time-total {
    margin-top: 2.1rem
}

.post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    top: 2.1rem
}

.post-media .mejs-audio .mejs-button button {
    margin: 1.6rem .7rem
}

.post-media .mejs-audio .mejs-button.mejs-pause, .post-media .mejs-audio .mejs-button.mejs-play {
    width: 4.4rem !important
}

.post-media .mejs-audio .mejs-button.mejs-pause button, .post-media .mejs-audio .mejs-button.mejs-play button {
    margin: 1.6rem 1.4rem
}

.blog-masonry.no-padding-top {
    padding-top: 1rem
}

.blog-masonry.no-padding-bottom {
    padding-bottom: .5rem
}

.blog-masonry.full-width.no-margins {
    padding: 0
}

.blog-masonry [class*=content-grid] {
    margin-bottom: -3rem
}

.blog-masonry.masonry-set-dimensions [class*=content-grid] {
    margin-bottom: -1.5rem
}

.blog-masonry.no-margins [class*=content-grid], .blog-masonry.no-margins [class*=content-grid] .grid-item {
    padding: 0 !important;
    margin: 0 !important
}

.blog-masonry [class*=content-grid], .blog-masonry > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.blog-masonry [class*=content-grid] {
    margin-left: 0;
    margin-right: 0
}

.blog-masonry.full-width [class*=content-grid] {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

body.boxed .blog-masonry.full-width [class*=content-grid] {
    margin-left: 0;
    margin-right: 0
}

.blog-masonry [class*=content-grid] .grid-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.blog-masonry .grid-item .video, .blog-masonry .grid-item .video-container {
    margin-bottom: 0
}

.blog-masonry h2.post-title, .blog-regular h2.post-title, .blog-single-post h2.post-title, .blog-wide h2.post-title {
    margin-top: 0;
    margin-bottom: 1rem
}

.blog-masonry.small-margins > .row > .column {
    padding-left: 1rem;
    padding-right: 1rem
}

.blog-masonry.small-margins.no-margins > .row > .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.blog-masonry.small-margins.full-width > .row > .column {
    padding-left: .5rem;
    padding-right: .5rem
}

.blog-masonry.small-margins.no-margins.full-width > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.blog-masonry.small-margins.full-width [class*=content-grid] {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.blog-masonry.small-margins [class*=content-grid] {
    padding-left: 0;
    padding-right: 0;
    margin-top: -.5rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -.5rem
}

.blog-masonry.small-margins [class*=content-grid] .grid-item {
    margin-bottom: 0;
    padding: .5rem;
    position: relative
}

.post-author, .post-aux-info, .post-comment-respond, .post-comments, .single-post-tags {
    padding-top: 3rem;
    border-top: 1px solid #ddd
}

.blog-masonry.no-margins > .row > .column {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.blog-masonry.full-width.no-margins > .row > .column {
    padding-left: 0;
    padding-right: 0
}

.blog-masonry.full-width .row {
    max-width: 100%
}

@media only screen and (max-width: 1140px) {
    .blog-wide .post-media .post-slider {
        width: 93rem;
        height: 62rem
    }

    .blog-regular .post-media .post-slider {
        width: 69rem;
        height: 46rem
    }

    .blog-masonry [class*=content-grid] .grid-item {
        width: 33.33333%
    }
}

@media only screen and (max-width: 960px) {
    .blog-wide .post-media .post-slider {
        width: 73rem;
        height: 48.7rem
    }

    .blog-regular .post-media .post-slider {
        width: 54rem;
        height: 36rem
    }

    .blog-masonry [class*=content-grid] .grid-item {
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider {
        width: 57rem;
        height: 38rem
    }

    .post-info .show-on-mobile a, .post-info [class*=icon-], .post-info span.show-on-mobile {
        display: inline-block !important
    }

    .post-author-aside, .post-comments-aside, .post-info-aside {
        display: none !important
    }

    .post-author-aside + .author-bio, .post-comments-aside + .comments-inner, .post-info-aside + .post-content {
        padding-left: 0 !important
    }

    .comment-list ul {
        margin-left: 0 !important
    }
}

@media only screen and (max-width: 600px) {
    .blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider {
        width: 45rem;
        height: 30rem
    }

    .blog-masonry [class*=content-grid] .grid-item {
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider {
        width: 32rem;
        height: 21.3rem
    }
}

.single-post .post {
    margin-bottom: 0
}

.single-post .post-content .post-media {
    margin-bottom: 3rem
}

.single-post .post-content.with-background .post-media {
    margin-bottom: 0
}

.single-post-tags {
    width: 100%;
    margin-top: 3rem;
    font-size: 1.2rem
}

.single-post-tags .tags-title {
    font-weight: 700;
    margin-top: 0
}

.single-post-tags a {
    margin-left: .8rem;
    margin-right: .8rem;
    display: inline-block;
    letter-spacing: .1rem
}

.post-author, .post-aux-info {
    margin-top: 3rem
}

.post-author .author-avatar {
    max-width: 7rem;
    float: left
}

.post-author.center .author-avatar {
    margin: 0 auto 2rem;
    float: none
}

.post-author:not(.center) .author-bio .author-avatar + .author-content {
    margin-left: 10rem
}

.post-author .author-content :last-child {
    margin-bottom: 0
}

.post-author .name {
    font-size: 1.6rem;
    margin-bottom: .6rem
}

.post-comments {
    margin-top: 3rem
}

.post-comments .comments-title, .post-comments ol, .post-comments ul {
    margin-bottom: 3rem
}

.post-comments .comment-list {
    margin-left: 0
}

.post-comments ol:not(.comment-list), .post-comments ul:not(.comment-list) {
    margin-left: 2rem
}

.post-comments ol:not(.comment-list) ol, .post-comments ol:not(.comment-list) ul, .post-comments ul:not(.comment-list) ol, .post-comments ul:not(.comment-list) ul {
    margin: .4rem 0 .4rem 3rem
}

.post-comments .comment + ul, .post-comments .comment-list {
    list-style: none
}

.post-comments .comment-list > li {
    margin-bottom: 4rem
}

.post-comments .comment-list > li:last-child {
    margin-bottom: 0
}

.post-comments .user-avatar {
    max-width: 7rem;
    float: left
}

.post-comments .comment-content {
    margin-left: 10rem
}

.post-comments .name {
    font-size: 1.6rem;
    margin-bottom: .6rem
}

.post-comments .comment-meta {
    width: 100%;
    margin-bottom: 2rem;
    line-height: 1
}

.post-comment-respond .reply-title, .sidebar .widget {
    margin-bottom: 3rem
}

.post-comments .comment-meta a {
    margin-left: .8rem;
    margin-right: .8rem;
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    font-weight: 700
}

.post-comments .comment-meta a:first-child {
    margin-left: 0
}

.post-comment-respond {
    margin-top: 3rem
}

.post-comment-respond .comment-form .column {
    float: none
}

.sidebar.left .sidebar-inner {
    padding-right: 1rem
}

.sidebar.right .sidebar-inner {
    padding-left: 1rem
}

.sidebar.left .sidebar-inner, .sidebar.right .sidebar-inner {
    text-align: left
}

.sidebar .widget ul {
    margin-left: 0;
    list-style: none
}

.sidebar .widget li {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.sidebar .widget:last-child, .sidebar .widget > :last-child {
    margin-bottom: 0
}

.sidebar .widget:first-child .widget-title {
    margin-top: 0
}

.widget .post-info {
    display: block;
    margin-bottom: 0;
    line-height: 1
}

@media only screen and (max-width: 960px) {
    .sidebar .sidebar-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding: 3rem;
        margin-top: 3rem;
        border-top: 1px solid #ddd
    }
}

@media only screen and (max-width: 480px) {
    .post-comments .user-avatar {
        margin-bottom: 1.5rem;
        float: none
    }

    .post-comments .comment-content {
        margin-left: 0
    }
}

[class^=title-] {
    margin-bottom: 2rem
}

.title-xlarge {
    font-size: 9rem;
    line-height: 9rem
}

.title-large {
    font-size: 7rem;
    line-height: 7rem
}

.title-medium {
    font-size: 5rem;
    line-height: 5rem
}

.title-small {
    font-size: 3rem;
    line-height: 3rem
}

.text-xlarge {
    font-size: 2.2rem
}

.text-large {
    font-size: 1.8rem
}

.text-medium {
    font-size: 1.5rem
}

.text-small {
    font-size: 1.2rem
}

.text-uppercase {
    text-transform: uppercase
}

@media only screen and (max-width: 768px) {
    .title-xlarge {
        font-size: 4.5rem;
        line-height: 4.5rem
    }

    .title-large {
        font-size: 4rem;
        line-height: 4rem
    }

    .title-medium {
        font-size: 3rem;
        line-height: 3rem
    }

    .title-small {
        font-size: 2rem;
        line-height: 2rem
    }

    .text-xlarge {
        font-size: 2rem;
        line-height: 1.7
    }

    .text-large {
        font-size: 1.6rem;
        line-height: 1.6
    }

    .text-medium {
        font-size: 1.3rem;
        line-height: 1.5
    }

    .text-small {
        font-size: 1.2rem;
        line-height: 1.3
    }
}

.shop .product .onsale, .shop .product .outofstock {
    width: auto;
    height: auto;
    padding: .3rem .8rem;
    background-color: #666;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8;
    text-transform: uppercase;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 100
}

.shop .cart-overview .checkout [class*=icon-] {
    margin-right: .2rem
}

.shop .star-rating [class*=icon-] {
    margin: 0
}

.shop .cart-overview .product-remove a, .shop .cart-overview a.product-remove {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0;
    background-color: #eee;
    border-radius: 50%;
    font-size: .9rem;
    line-height: 1.7rem;
    text-align: center;
    color: #666
}

.shop .quantity {
    max-width: 8rem
}

.shop .cart-overview td, .shop .cart-totals th, .single-product .review-comments, .widget .cart-subtotal {
    border-left: none;
    border-bottom: 1px solid #eee
}

.shop .cart-overview .table, .shop .cart-overview .table > thead {
    border-left: none;
    border-right: none
}

.shop .cart-overview .table, .shop .cart-overview .table > thead th {
    border-top: none;
    border-left: none
}

.shop .cart-totals td {
    text-align: right
}

.shop .cart-subtotal th {
    font-weight: 400
}

.shop .cart-order-total {
    font-weight: 700
}

.shop .grid-filter-options-inner {
    padding-top: 2rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.shop .grid-filter-options-inner .form-element {
    margin-bottom: 2rem
}

@media only screen and (min-width: 1140px) {
    .shop .table .product-details > * {
        width: 100%;
        display: flex;
        align-items: center
    }
}

.shop .table .product-details img {
    margin-right: 1.5rem
}

@media only screen and (max-width: 1140px) {
    .shop .table .product-details img {
        margin-bottom: 1rem
    }
}

.shop .table .product-details span > *, .shop .table .product-thumbnail span > * {
    display: block
}

.shop .products .product .product-details {
    margin-top: 2rem
}

.shop .products .product .product-title {
    font-size: 1.4rem;
    margin-bottom: .5rem
}

.shop .products .product .product-thumbnail .product-title {
    display: block;
    margin-bottom: 1rem
}

.shop .products .product .product-description {
    margin-bottom: 1rem
}

.shop .products .product .product-price {
    font-size: 1.2rem
}

.shop .products .product .product-thumbnail .product-price {
    font-weight: 400
}

.shop .products .product .product-price del, .shop .products .product .product-price ins {
    padding: 0 .3rem
}

.shop .products .product .button {
    margin-bottom: 0
}

.shop .products .product-result-count {
    float: left
}

.shop .products .product .product-thumbnail .product-actions {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 101;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: translateY(4rem);
    transform: translateY(4rem)
}

.shop .products .product .product-thumbnail:hover .product-actions {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.shop .products .product .product-thumbnail .product-actions .add-to-cart-button {
    width: 100%;
    text-align: center
}

.mobile.shop .products .product .product-thumbnail .product-actions, .shop .products .product .product-actions-mobile {
    display: none
}

.mobile.shop .products .product .product-actions-mobile {
    margin-top: 1rem;
    display: block
}

.widget .product-list li {
    padding-top: 1.3rem;
    padding-bottom: 1.5rem
}

.widget .product-list li a {
    display: block
}

.widget .product-list .cart-item {
    position: relative
}

.widget .cart-item .product-title {
    padding-right: 5rem
}

.widget .product-list .product-thumbnail {
    width: 5rem;
    float: right
}

.widget .product-list .product-price {
    font-size: 1.1rem
}

.widget .product-list .product-title {
    margin-bottom: .4rem;
    display: block
}

.widget .product-list .product-price del {
    padding-right: .6rem
}

.widget .product-list .star-rating {
    display: block;
    line-height: 1
}

.widget .cart-overview a.product-remove {
    margin: .3rem .8rem 0 0;
    color: inherit;
    display: inline;
    float: left
}

.widget .cart-subtotal .amount, .widget .product-list .cart-actions .checkout {
    float: right
}

.widget .cart-subtotal {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 700
}

.widget .product-list .cart-actions a {
    display: inline-block
}

.widget .product-tag-cloud a {
    padding: .4rem .8rem;
    margin: 0 .5rem 1rem 0;
    display: inline-block;
    border: 1px solid #eee;
    font-size: 1rem;
    text-transform: uppercase
}

.single-product .product-images .product-thumbnails .grid {
    min-height: 0;
    margin-bottom: 0
}

.single-product .product-images .product-thumbnails .grid-item {
    width: 25%
}

.single-product .product-summary .product-price del, .single-product .product-summary .product-price ins {
    display: inline;
    font-size: 2rem;
    line-height: 1
}

.single-product .product-summary .product-price del {
    padding-right: 1rem
}

.single-product .product-summary .product-price {
    margin-bottom: 2rem
}

.single-product .product-summary .product-rating {
    font-size: 1.2rem;
    float: right
}

.single-product .product-summary .quantity {
    margin-right: 1rem
}

.single-product .product-summary .add-to-cart-button, .single-product .product-summary .quantity {
    float: left
}

.single-product .product-summary .product-meta > span {
    display: table;
    table-layout: fixed
}

.single-product .product-summary .product-addtional-info li:first-child a {
    border-top: 1px solid #eee
}

.single-product .review-comments {
    margin-bottom: 3rem;
    padding-bottom: 3rem
}

.single-product .review-comments .comments-title {
    margin-bottom: 3rem
}

.single-product .review-comments .comment + ul, .single-product .review-comments .comment-list {
    margin-left: 0;
    list-style: none
}

.single-product .review-comments .comment-list > li {
    margin-bottom: 4rem
}

.single-product .review-comments .comment-list > li:last-child {
    margin-bottom: 0
}

.single-product .review-comments .user-avatar {
    max-width: 7rem;
    float: left
}

.single-product .review-comments .user-avatar img {
    border-radius: 50%
}

.single-product .review-comments .comment-content {
    margin-left: 10rem
}

.single-product .review-comments .name {
    font-size: 1.6rem;
    margin-bottom: .6rem
}

.single-product .review-comments .comment-meta {
    width: 100%;
    margin-bottom: 2rem;
    line-height: 1;
    margin: 0 0 2rem;
    display: inline-block;
    font-size: 1.1rem;
    letter-spacing: .1rem;
    font-weight: 700
}

.single-product .review-comments .comment-meta span {
    margin: 0
}

.single-product .review-comments .review-star-rating {
    float: right
}

.single-product .review-comments .comment-meta a:first-child {
    margin-left: 0
}

.nav-block .cart-indication .badge {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    font-size: .9rem;
    line-height: 1.6rem;
    letter-spacing: 0;
    text-align: center;
    background: #232323;
    color: #fff;
    position: absolute
}

.nav-block .cart-overview .cart-item {
    padding: 1rem 0;
    text-align: left;
    border: none
}

.nav-block .cart-overview .cart-actions a, .nav-block .cart-overview .cart-item a {
    letter-spacing: 0
}

.nav-block .cart-overview .cart-actions:after, .nav-block .cart-overview .cart-actions:before, .nav-block .cart-overview .cart-item:after, .nav-block .cart-overview .cart-item:before {
    height: 0;
    content: ".";
    display: block;
    overflow: hidden
}

.nav-block .cart-overview .cart-actions:after, .nav-block .cart-overview .cart-item:after {
    clear: both
}

.nav-block .cart-overview li:first-child {
    padding-top: 0
}

.nav-block .cart-overview .product-thumbnail {
    width: 5rem;
    margin-right: 1.3em;
    float: left
}

.nav-block .cart-overview .product-details {
    position: relative;
    display: block;
    overflow: auto
}

.nav-block .cart-overview .product-title {
    padding-right: 1.5rem;
    display: block;
    background: 0 0;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400
}

.nav-block .cart-overview .product-price, .nav-block .cart-overview .product-quantity {
    font-size: 1.1rem
}

.nav-block .cart-overview a.product-remove {
    position: absolute;
    top: 0;
    right: 0
}

.nav-block .cart-overview .cart-subtotal {
    padding: 1rem 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase
}

.nav-block .cart-overview .cart-subtotal > a:hover {
    background: 0 0
}

.nav-block .cart-overview .cart-subtotal .amount {
    float: right
}

.nav-block .cart-overview .cart-actions {
    padding-top: 2rem;
    border-top: 1px solid #444
}

.nav-block .cart-overview .checkout, .nav-block .cart-overview .view-cart {
    display: inline-block;
    float: left
}

.nav-block .cart-overview .checkout:not(.button), .nav-block .cart-overview .view-cart:not(.button) {
    padding: 0;
    background: 0 0
}

.nav-block .cart-overview .checkout {
    float: right
}

.cart .cart-overview .product-thumbnail a {
    width: 8rem;
    display: block
}

.cart .cart-overview .form-element {
    margin-bottom: 0
}

.cart .cart-overview .cart-actions td {
    padding: 3rem 0 0
}

.cart .cart-overview .cart-coupon-form .form-element {
    max-width: 17rem
}

.cart .cart-overview .cart-coupon-form, .cart .cart-overview .cart-coupon-form .form-element {
    float: left
}

.cart .cart-overview .update-cart {
    float: right
}

@media only screen and (max-width: 600px) {
    .cart .cart-overview .cart-coupon-form .form-element {
        margin-bottom: 1rem
    }

    .cart .cart-overview .product-quantity input {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .shop .cart-overview .product-thumbnail {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    .shop .cart-overview .product-quantity {
        display: none
    }
}

.checkout .checkout-payment p {
    font-size: 1.2rem;
    font-style: italic;
    margin-bottom: 0
}

.mt-0 {
    margin-top: 0
}

.mt-5 {
    margin-top: .5rem
}

.mt-10 {
    margin-top: 1rem
}

.mt-20 {
    margin-top: 2rem
}

.mt-30 {
    margin-top: 3rem
}

.mt-40 {
    margin-top: 4rem
}

.mt-50 {
    margin-top: 5rem
}

.mt-60 {
    margin-top: 6rem
}

.mt-70 {
    margin-top: 7rem
}

.mt-80 {
    margin-top: 8rem
}

.mt-90 {
    margin-top: 9rem
}

.mt-100 {
    margin-top: 10rem
}

.mt-110 {
    margin-top: 11rem
}

.mt-120 {
    margin-top: 12rem
}

.mt-130 {
    margin-top: 13rem
}

.mt-140 {
    margin-top: 14rem
}

.mt-150 {
    margin-top: 15rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-5 {
    margin-bottom: .5rem
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-30 {
    margin-bottom: 3rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mb-50 {
    margin-bottom: 5rem
}

.mb-60 {
    margin-bottom: 6rem
}

.mb-70 {
    margin-bottom: 7rem
}

.mb-80 {
    margin-bottom: 8rem
}

.mb-90 {
    margin-bottom: 9rem
}

.mb-100 {
    margin-bottom: 10rem
}

.mb-110 {
    margin-bottom: 11rem
}

.mb-120 {
    margin-bottom: 12rem
}

.mb-130 {
    margin-bottom: 13rem
}

.mb-140 {
    margin-bottom: 14rem
}

.mb-150 {
    margin-bottom: 15rem
}

.pt-0, .section-block.pt-0 {
    padding-top: 0
}

.pt-5, .section-block.pt-5 {
    padding-top: .5rem
}

.pt-10, .section-block.pt-10 {
    padding-top: 1rem
}

.pt-20, .section-block.pt-20 {
    padding-top: 2rem
}

.pt-30, .section-block.pt-30 {
    padding-top: 3rem
}

.pt-40, .section-block.pt-40 {
    padding-top: 4rem
}

.pt-50, .section-block.pt-50 {
    padding-top: 5rem
}

.pt-60, .section-block.pt-60 {
    padding-top: 6rem
}

.pt-70, .section-block.pt-70 {
    padding-top: 7rem
}

.pt-80, .section-block.pt-80 {
    padding-top: 8rem
}

.pt-90, .section-block.pt-90 {
    padding-top: 9rem
}

.pt-100, .section-block.pt-100 {
    padding-top: 10rem
}

.pt-110, .section-block.pt-110 {
    padding-top: 11rem
}

.pt-120, .section-block.pt-120 {
    padding-top: 12rem
}

.pt-130, .section-block.pt-130 {
    padding-top: 13rem
}

.pt-140, .section-block.pt-140 {
    padding-top: 14rem
}

.pt-150, .section-block.pt-150 {
    padding-top: 15rem
}

.pb-0, .section-block.pb-0 {
    padding-bottom: 0
}

.pb-5, .section-block.pb-5 {
    padding-bottom: .5rem
}

.pb-10, .section-block.pb-10 {
    padding-bottom: 1rem
}

.pb-20, .section-block.pb-20 {
    padding-bottom: 2rem
}

.pb-30, .section-block.pb-30 {
    padding-bottom: 3rem
}

.pb-40, .section-block.pb-40 {
    padding-bottom: 4rem
}

.pb-50, .section-block.pb-50 {
    padding-bottom: 5rem
}

.pb-60, .section-block.pb-60 {
    padding-bottom: 6rem
}

.pb-70, .section-block.pb-70 {
    padding-bottom: 7rem
}

.pb-80, .section-block.pb-80 {
    padding-bottom: 8rem
}

.pb-90, .section-block.pb-90 {
    padding-bottom: 9rem
}

.pb-100, .section-block.pb-100 {
    padding-bottom: 10rem
}

.pb-110, .section-block.pb-110 {
    padding-bottom: 11rem
}

.pb-120, .section-block.pb-120 {
    padding-bottom: 12rem
}

.pb-130, .section-block.pb-130 {
    padding-bottom: 13rem
}

.pb-140, .section-block.pb-140 {
    padding-bottom: 14rem
}

.pb-150, .section-block.pb-150 {
    padding-bottom: 15rem
}

[class*=pu-], [class*=pd-] {
    position: relative
}

.pd-10 {
    top: 1rem
}

.pd-20 {
    top: 2rem
}

.pd-30 {
    top: 3rem
}

.pd-40 {
    top: 4rem
}

.pd-50 {
    top: 5rem
}

.pd-60 {
    top: 6rem
}

.pd-70 {
    top: 7rem
}

.pd-80 {
    top: 8rem
}

.pd-90 {
    top: 9rem
}

.pd-100 {
    top: 10rem
}

.pd-110 {
    top: 11rem
}

.pd-120 {
    top: 12rem
}

.pd-130 {
    top: 13rem
}

.pd-140 {
    top: 14rem
}

.pd-150 {
    top: 15rem
}

.pu-10 {
    top: -1rem
}

.pu-20 {
    top: -2rem
}

.pu-30 {
    top: -3rem
}

.pu-40 {
    top: -4rem
}

.pu-50 {
    top: -5rem
}

.pu-60 {
    top: -6rem
}

.pu-70 {
    top: -7rem
}

.pu-80 {
    top: -8rem
}

.pu-90 {
    top: -9rem
}

.pu-100 {
    top: -10rem
}

.pu-110 {
    top: -11rem
}

.pu-120 {
    top: -12rem
}

.pu-130 {
    top: -13rem
}

.pu-140 {
    top: -14rem
}

.pu-150 {
    top: -15rem
}

@media only screen and (max-width: 768px) {
    .mt-mobile-0 {
        margin-top: 0
    }

    .mt-mobile-5 {
        margin-top: .5rem
    }

    .mt-mobile-10 {
        margin-top: 1rem
    }

    .mt-mobile-20 {
        margin-top: 2rem
    }

    .mt-mobile-30 {
        margin-top: 3rem
    }

    .mt-mobile-40 {
        margin-top: 4rem
    }

    .mt-mobile-50 {
        margin-top: 5rem
    }

    .mt-mobile-60 {
        margin-top: 6rem
    }

    .mt-mobile-70 {
        margin-top: 7rem
    }

    .mt-mobile-80 {
        margin-top: 8rem
    }

    .mt-mobile-90 {
        margin-top: 9rem
    }

    .mt-mobile-100 {
        margin-top: 10rem
    }

    .mt-mobile-110 {
        margin-top: 11rem
    }

    .mt-mobile-120 {
        margin-top: 12rem
    }

    .mt-mobile-130 {
        margin-top: 13rem
    }

    .mt-mobile-140 {
        margin-top: 14rem
    }

    .mt-mobile-150 {
        margin-top: 15rem
    }

    .mb-mobile-0 {
        margin-bottom: 0
    }

    .mb-mobile-5 {
        margin-bottom: .5rem
    }

    .mb-mobile-10 {
        margin-bottom: 1rem
    }

    .mb-mobile-20 {
        margin-bottom: 2rem
    }

    .mb-mobile-30 {
        margin-bottom: 3rem
    }

    .mb-mobile-40 {
        margin-bottom: 4rem
    }

    .mb-mobile-50 {
        margin-bottom: 5rem
    }

    .mb-mobile-60 {
        margin-bottom: 6rem
    }

    .mb-mobile-70 {
        margin-bottom: 7rem
    }

    .mb-mobile-80 {
        margin-bottom: 8rem
    }

    .mb-mobile-90 {
        margin-bottom: 9rem
    }

    .mb-mobile-100 {
        margin-bottom: 10rem
    }

    .mb-mobile-110 {
        margin-bottom: 11rem
    }

    .mb-mobile-120 {
        margin-bottom: 12rem
    }

    .mb-mobile-130 {
        margin-bottom: 13rem
    }

    .mb-mobile-140 {
        margin-bottom: 14rem
    }

    .mb-mobile-150 {
        margin-bottom: 15rem
    }

    [class*=pu-], [class*=pd-] {
        top: 0
    }
}