html {
font-size: 62.5%
}
html,
body {
max-width: 100%
}
body {
padding: 0;
margin: 0;
background: #ffffff;
color: #666666;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
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
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.page-fade-reset {
opacity: 1;
-webkit-transition-duration: 0ms;
transition-duration: 0ms
}
.page-fade-out {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-backface-visibility: hidden
}
.wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
overflow: hidden;
-webkit-backface-visibility: hidden
}
.wrapper-inner {
max-width: 100%;
margin-right: auto;
margin-left: auto;
overflow: hidden
}
body.boxed .wrapper-inner {
max-width: 114rem
}
.row {
width: 100%;
max-width: 114rem;
margin-right: auto;
margin-left: auto;
margin-top: 0;
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
}
.row:before,
.row:after {
content: ".";
display: block;
height: 0;
overflow: hidden
}
.row:after {
clear: both
}
.column,
[class*="content-grid"] .grid-item {
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
float: left
}
.column > *:first-child {
margin-top: 0
}
.row.collapse > .column {
padding-left: 0;
padding-right: 0
}
.row.flex {
height: auto;
display: flex;
flex-wrap: wrap
}
.row.flex > .v-align-middle,
.row.flex.boxes > .column,
.row.flex.boxes > .v-align-middle,
.row.flex > .v-align-middle > .box {
height: auto;
display: inherit
}
.row.flex > .column > div {
width: 100%;
flex-direction: column
}
.row.flex .row.flex {
flex-direction: row
}
@media only screen and (min-width: 768px) {
.row.flex .v-align-middle > *:not(.box),
.row.flex.boxes .v-align-middle > div > *:not(.box) {
height: auto;
margin-top: auto;
margin-bottom: auto
}
.ie-browser:not(.webkit) .flex > .column {
align-items: center
}
}
.row.flex:before,
.row.flex:after {
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%
}
.column[class*='push-'],
.column[class*='pull-'] {
position: relative
}
.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;
overflow: hidden;
visibility: hidden
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
height: 0;
content: ".";
display: block;
overflow: hidden
}
.clearfix:after,
.row:after {
clear: both
}
.left {
text-align: left
}
.right {
text-align: right
}
.center {
text-align: center
}
.pull-left {
float: left !important
}
.pull-right {
float: right !important
}
.v-align-bottom {
vertical-align: bottom !important
}
.v-align-top {
vertical-align: top !important
}
.v-align-top .background-on-mobile {
margin-top: -2rem
}
.v-align-bottom .background-on-mobile {
margin-bottom: -2rem
}
.hide {
display: none !important;
visibility: hidden
}
.show {
display: block !important
}
.mobile .hide-on-mobile,
.mobile .hide-on-mobile * {
display: none !important
}
.desktop .hide-on-desktop,
.desktop .hide-on-desktop * {
display: none !important
}
.hide-on-large-screen,
.hide-on-large-screen * {
display: none !important
}
.inline,
[class*="border-"].inline,
[class*="bkg-"].inline {
width: auto !important;
display: inline-block !important
}
.no-margins {
margin: 0 !important
}
.no-margin-top {
margin-top: 0 !important
}
.no-margin-right {
margin-right: 0 !important
}
.no-margin-bottom {
margin-bottom: 0 !important
}
.no-margin-left {
margin-left: 0 !important
}
.no-padding {
padding: 0 !important
}
.no-padding-top {
padding-top: 0 !important
}
.no-padding-right {
padding-right: 0 !important
}
.no-padding-bottom {
padding-bottom: 0 !important
}
.no-padding-left {
padding-left: 0 !important
}
.overflow-visible {
overflow: visible !important
}
.no-scroll {
overflow: hidden !important;
}
.clear-height {
height: auto !important
}
.prototype {
font-size: 1.1rem;
line-height: 3.5rem
}
.row.prototype .column:nth-child(odd) {
background: #f9f9f9
}
.row.prototype .column:nth-child(even) {
background: #eee
}
.nav-bar {
width: 100%;
min-height: 5rem
}
.nav-bar-inner {
position: relative
}
.nav-bar .logo {
height: 5rem;
line-height: 5rem;
float: left
}
.nav-bar .logo {
margin-right: 3rem
}
.nav-bar .logo img {
margin-top: -3px
}
.nav-bar .logo-right {
margin-left: 3rem;
margin-right: 0;
float: right
}
.nav-bar .logo.logo-center {
float: none;
margin: 0 auto
}
.navigation.nav-left {
float: left !important
}
.navigation.nav-left > ul > li:first-child > a {
padding-left: 0;
margin-left: 0
}
.navigation.nav-right {
float: right !important
}
.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.nav-right {
margin-left: 2.5rem
}
.navigation:last-child {
margin: 0
}
.navigation .dropdown .button {
width: auto
}
.navigation .button [class*="icon-"] {
margin-right: 0
}
.navigation ul,
.navigation .dropdown-list {
padding: 0;
margin: 0;
list-style: none
}
.navigation.nav-center > ul {
text-align: center
}
.navigation ul li {
margin: 0;
float: left;
position: relative
}
.navigation ul li.contains-mega-sub-menu {
position: inherit
}
.navigation.nav-center > ul > li {
margin-left: -0.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 ul li a,
.navigation .dropdown-list:not(.custom-content) li a {
font-size: 1.1rem;
color: #878787;
text-decoration: none;
display: block;
word-wrap: break-word
}
.navigation ul li > a:hover,
.navigation .dropdown-list li > a:hover {
background: none;
color: #ffffff
}
.navigation ul li > .sub-menu {
padding: 0.5rem
}
.navigation ul li:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navigation ul li.current > a {
color: #ffffff
}
.navigation ul li.current > a:hover {
color: #ffffff
}
.navigation .sub-menu,
.navigation .dropdown-list {
width: 18rem;
text-align: left;
line-height: 1.8;
background: #00b0b9;
box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, .3);
border: none;
border-radius: 0;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 101;
left: 1rem;
margin-top: -3.5rem;
}
.navigation .sub-menu:after {
position: absolute;
top: -6px;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #00b0b9;
border-left: 6px solid transparent;
content: '';
}
.navigation .sub-menu li,
.navigation .dropdown-list li {
background: none;
border-bottom: 1px solid #303030;
float: none
}
.navigation .dropdown-list.custom-content {
width: auto;
min-width: 25rem;
padding: 2rem
}
.navigation > ul > li:last-child > .sub-menu,
.navigation > ul > li.sub-menu-right .sub-menu,
.navigation .dropdown.pull-right .dropdown-list {
right: 0
}
.navigation .sub-menu ul {
top: 0;
left: 18rem
}
.navigation > ul > li:last-child > .sub-menu ul,
.navigation > ul > li.sub-menu-right .sub-menu ul {
right: 18rem;
left: auto
}
.navigation .sub-menu:not(.custom-content) li a,
.navigation .dropdown-list:not(.custom-content) li a {
padding: 1.2rem 1.5rem
}
.navigation .sub-menu li a,
.navigation .dropdown-list li a {
color: #666666
}
.navigation .sub-menu li:last-child,
.navigation .dropdown-list li:last-child {
border-bottom: none
}
.navigation .mega-sub-menu {
padding: 2rem 0;
margin-left: 0;
margin-right: 0;
line-height: 1.8;
background: #222222;
background: rgba(34, 34, 34, 1);
box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, .3);
opacity: 0;
visibility: hidden;
display: block;
position: absolute;
left: 1.5rem;
right: 1.5rem;
z-index: 101
}
.navigation .mega-sub-menu > li:not(.column) {
width: 33.33333%
}
.navigation .mega-sub-menu > li {
padding: 0 2rem;
text-align: left;
float: left;
border-right: 1px solid #303030
}
.navigation .mega-sub-menu > li > a {
background: none;
font-weight: bold
}
.navigation .mega-sub-menu > li:hover > a {
background: none
}
.navigation .mega-sub-menu > li:last-child {
border-right: none
}
.navigation .mega-sub-menu > li > a {
padding: 0rem 1.5rem 0.7rem 1.5rem;
font-size: 1.2rem;
line-height: 1.8;
text-transform: uppercase
}
.navigation .mega-sub-menu ul li p {
padding: 0rem 1.5rem 0.7rem 1.5rem;
font-size: 1.2rem;
margin-bottom: 0
}
.navigation .mega-sub-menu ul li a {
padding: 0.6rem 1.5rem
}
.navigation .mega-sub-menu ul li.current > a {
color: #ffffff
}
.navigation .mega-sub-menu ul li:hover > a {
background: #333333
}
.navigation .mega-sub-menu li ul > li {
float: none
}
.navigation .mega-sub-menu li.content-column ul li {
padding: 0.6rem 1.5rem
}
.navigation .mega-sub-menu li.content-column ul li a {
padding: 0
}
.navigation ul li:hover > .mega-sub-menu {
visibility: visible;
opacity: 1
}
.navigation.sub-menu-indicator > ul > li.contains-sub-menu > a:after,
.navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu > a:after,
.navigation .sub-menu li.contains-sub-menu > a:after {
font-family: 'icons';
font-size: inherit;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: inherit;
display: inline-block;
position: absolute
}
.navigation.sub-menu-indicator > ul > li.contains-sub-menu,
.navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu {
padding-right: 1.2rem
}
.navigation.sub-menu-indicator > ul > li.contains-sub-menu > a:after,
.navigation.sub-menu-indicator > ul > li.contains-mega-sub-menu > a:after {
margin-left: 0.5rem;
content: "\e878"
}
.navigation .sub-menu li.contains-sub-menu > a {
padding-right: 2.2rem
}
.navigation .sub-menu li.contains-sub-menu > a:after {
right: 0.8rem;
content: "\e87a"
}
.navigation .sub-menu,
.navigation .mega-sub-menu {
-webkit-transition-property: -webkit-transform, opacity, visibility, border-color;
transition-property: transform, opacity, visibility, border-color;
-webkit-transition-duration: 400ms;
transition-duration: 400ms
}
.navigation ul li a,
.secondary-navigation{
-webkit-transition-property: background, border-color, color, line-height;
transition-property: background, color, line-height, margin;
-webkit-transition-duration: 500ms;
transition-duration: 500ms
}
.aux-navigation {
display: none
}
.navigation-show,
.navigation-hide {
width: 4.4rem;
height: 4.4rem;
text-align: center;
float: right
}
.navigation-show a,
.navigation-hide a {
height: 4.4rem;
text-align: center;
display: block
}
.navigation-show span,
.navigation-hide span {
width: 100%;
line-height: 4.4rem
}
.navigation-show a {
color: #666666
}
.navigation-show a:hover {
color: #fff
}
.navigation-hide {
position: relative;
z-index: 10
}
.navigation-hide a {
color: #666666
}
.navigation-hide a:hover {
color: #fff
}
.mobile .logo.logo-center {
float: left
}
.mobile header .navigation:not(.secondary-navigation) {
display: none !important
}
.mobile .aux-navigation {
display: table !important;
visibility: visible
}
.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 300ms, width 0ms, height 0ms;
transition: opacity 300ms, width 0ms, height 0ms
}
.inactive.reveal-side-navigation > div:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms
}
.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-wrapper,
.side-navigation-inner {
width: 35rem
}
.side-navigation-wrapper {
height: 100%;
padding: 0;
background: #292929;
box-shadow: inset -7px 0 9px -7px rgba( 0, 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);
-webkit-backface-visibility: hidden
}
.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, 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
}
.side-navigation-wrapper.slide-in {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.element-reveal-left.slide-in,
.element-reveal-right.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.push-in,
.side-navigation-wrapper.enter-right.push-in {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.side-navigation-wrapper.reveal-reset,
.side-navigation-wrapper.enter-right.reveal-reset {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.side-navigation-wrapper.scale-in-reset,
.side-navigation-wrapper.enter-right.scale-in-reset {
-webkit-transform: translate3d(0, 0, 0) scale(0.9);
transform: translate3d(0, 0, 0) scale(0.9)
}
.side-navigation-wrapper.scale-in,
.side-navigation-wrapper.enter-right.scale-in {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1)
}
.side-navigation-wrapper,
.reveal-side-navigation {
-webkit-transition: -webkit-transform 550ms, visibility 0ms;
transition: transform 550ms, visibility 0ms
}
.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:before,
.side-navigation:after {
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: #999999;
text-decoration: none;
display: block;
word-wrap: break-word;
-webkit-transition-property: background, color;
transition-property: background, color;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.side-navigation ul li a:hover {
color: #ffffff
}
.side-navigation ul li.current > a {
color: #ffffff;
font-weight: bold
}
.side-navigation ul li.current > a:hover {
color: #ffffff
}
.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 1.1rem 4rem
}
.side-navigation .sub-menu .sub-menu a {
padding-left: 7rem
}
.side-navigation ul li:hover > .sub-menu {
opacity: 1
}
.side-navigation .sub-menu {
overflow: hidden
}
.side-navigation .sub-menu {
height: 0;
-webkit-transition-property: height;
transition-property: height;
-webkit-transition-duration: 300ms;
transition-duration: 300ms
}
.overlay-navigation-wrapper,
.overlay-navigation-inner {
width: 100vw
}
.overlay-navigation-wrapper {
width: 100vw;
height: 100%;
min-height: 100%;
background-color: rgba( 0, 0, 0, 0.8);
overflow-y: scroll;
visibility: hidden;
position: fixed;
top: -100%;
z-index: 100
}
.overlay-navigation-wrapper.active {
visibility: visible;
top: 0 !important
}
.overlay-navigation-wrapper.no-scrollbar {
overflow: hidden
}
.overlay-navigation-scroll-pane {
height: 100%
}
.no-scrollbar .overlay-navigation-scroll-pane {
overflow-x: hidden;
overflow-y: scroll;
position: absolute;
left: 0
}
.no-scrollbar .overlay-navigation-scroll-pane::-webkit-scrollbar {
display: none
}
.overlay-navigation-inner {
height: 100%;
display: table;
position: relative
}
.overlay-navigation-inner .v-align-middle {
min-height: 100%;
display: table-cell;
vertical-align: middle
}
.overlay-navigation-wrapper.no-transition-reset {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.overlay-navigation-wrapper.fade-in-reset {
opacity: 0
}
.overlay-navigation-wrapper.fade-in {
opacity: 1
}
.overlay-navigation-wrapper.slide-in-reset {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0
}
.overlay-navigation-wrapper.enter-top.slide-in-reset {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
opacity: 0
}
.overlay-navigation-wrapper.enter-right.slide-in-reset {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0
}
.overlay-navigation-wrapper.enter-bottom.slide-in-reset {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
top: 100%;
opacity: 0
}
.overlay-navigation-wrapper.slide-in,
.overlay-navigation-wrapper.enter-top.slide-in,
.overlay-navigation-wrapper.enter-right.slide-in,
.overlay-navigation-wrapper.enter-bottom.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(0.8);
transform: translate3d(0, 0, 0) scale(0.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-wrapper {
-webkit-transition: -webkit-transform 550ms, opacity 550ms;
transition: transform 550ms, opacity 550ms
}
.overlay-navigation {
max-width: 30rem;
margin-left: auto;
margin-right: auto
}
.overlay-navigation:before,
.overlay-navigation:after {
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: 0.6rem 0
}
.overlay-navigation ul li a {
font-size: 1.2rem;
line-height: 1.5;
color: #878787;
text-decoration: none;
display: block;
word-wrap: break-word;
-webkit-transition-property: background, color;
transition-property: background, color;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.overlay-navigation ul li a:hover {
color: #ffffff
}
.overlay-navigation ul li.current > a {
color: #ffffff;
font-weight: bold
}
.overlay-navigation ul li.current > a:hover {
color: #ffffff
}
.overlay-navigation .sub-menu:not(.custom-content) a {
padding: 1.5rem 3rem
}
.overlay-navigation.center .sub-menu:not(.custom-content) a {
padding: 1.1rem 4rem 1.1rem 4rem
}
.overlay-navigation .sub-menu a {
color: #666666
}
.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
}
.overlay-navigation .sub-menu {
height: 0;
-webkit-transition-property: height, border-color;
transition-property: height, border-color;
-webkit-transition-duration: 300ms;
transition-duration: 300ms
}
img {
max-width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
border: none;
outline: none
}
img.pull-left,
.thumbnail.pull-left {
margin: 0 1.5rem 1rem 0
}
img.pull-right,
.thumbnail.pull-right {
margin: 0 0 1.5rem 1rem
}
.thumbnail {
margin-bottom: 3rem;
position: relative;
overflow: hidden
}
.thumbnail.rounded,
img.rounded {
border-radius: 50%
}
.thumbnail > span,
.thumbnail > a {
width: 100%;
height: 100%;
float: left
}
.thumbnail video {
width: 100%;
max-width: 100%;
height: auto;
position: relative;
z-index: 1
}
.thumbnail video + img {
position: absolute;
top: 0;
z-index: 0
}
.caption-below {
width: 100%;
padding: 1rem 1.5rem;
font-size: 1.2rem;
font-style: italic;
border: 1px solid #eeeeee;
float: left
}
.thumbnail .caption-over-outer {
width: 100%;
height: 100%;
padding: 2rem;
display: table;
opacity: 0;
position: absolute;
bottom: 0;
z-index: 2
}
.thumbnail .caption-over-inner {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.thumbnail .caption-over-inner *:first-child {
margin-top: 0
}
.thumbnail .caption-over-inner *:last-child {
margin-bottom: 0
}
.thumbnail > span,
.thumbnail > a {
width: 100%;
height: 100%;
display: block;
outline: none;
border: none;
overflow: hidden;
position: relative;
top: 0;
left: 0
}
.overlay-info {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
color: #fff;
border: none;
background: #000;
background: rgba(0, 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 > span {
width: 100%;
height: 100%;
padding: 1.5rem;
font-size: 1.2rem;
font-style: normal;
display: table
}
.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
}
.thumbnail .caption-over-inner.v-align-top,
.overlay-info.v-align-top > span > span {
vertical-align: top
}
.thumbnail .caption-over-inner.v-align-bottom,
.overlay-info.v-align-bottom > span > span {
vertical-align: bottom
}
.thumbnail .overlay-info {
width: 100.1%;
line-height: 1;
opacity: 0;
}
.safari .thumbnail .overlay-info {
width: 100.5%;
margin-left: -1px;
}
.thumbnail:hover .overlay-info {
opacity: 1
}
.thumbnail .overlay-info {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden
}
.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-out .overlay-info,
.overlay-fade-img-scale-in .overlay-info,
.overlay-fade-img-scale-out .overlay-info {
opacity: 1
}
.overlay-fade-out:hover .overlay-info,
.overlay-fade-img-scale-in:hover .overlay-info,
.overlay-fade-img-scale-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(0.1, 0.1, 1);
transform: scale3d(0.1, 0.1, 1)
}
.overlay-rotate-in .overlay-info {
opacity: 0;
-webkit-transform: rotate3d(0.1, 0.1, 1, -180deg);
transform: rotate3d(0.1, 0.1, 1, -180deg)
}
.overlay-img-slide-right .overlay-info {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.overlay-img-slide-right:hover img {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.overlay-img-slide-left .overlay-info {
opacity: 1;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.overlay-img-slide-left:hover img {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.overlay-img-slide-down .overlay-info {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.overlay-img-slide-down:hover img {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.overlay-img-slide-up .overlay-info {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.overlay-img-slide-up:hover img {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.img-scale-in:hover img,
.img-scale-out img,
.overlay-fade-img-scale-out img,
.overlay-fade-img-scale-in:hover img,
.overlay-img-scale-in:hover img {
opacity: 1;
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1)
}
.overlay-img-scale-in .overlay-info {
-webkit-transform: scale3d(0.4, 0.4, 1);
transform: scale3d(0.4, 0.4, 1)
}
[class*="content-grid"] .grid-item {
margin: 0 0 3rem;
float: left
}
[class*="content-grid"] .thumbnail {
float: none
}
.content-grid-1 .grid-item {
width: 100%
}
.content-grid-2 .grid-item {
width: 50%
}
.content-grid-3 .grid-item {
width: 33.33333%
}
.content-grid-4 .grid-item {
width: 25%
}
.content-grid-5 .grid-item {
width: 20%
}
.content-grid-6 .grid-item {
width: 16.66667%
}
[class*="content-grid-"].no-margins,
.row [class*="content-grid-"].no-margins {
margin-right: 0 !important;
margin-left: 0 !important
}
[class*="content-grid-"].no-margins .grid-item {
padding: 0 !important;
margin: 0 !important
}
.text-column {
margin-bottom: 3rem
}
.text-column > *:last-child {
margin-bottom: 0
}
.feature-column-group .feature-column {
padding: 7rem;
margin-bottom: 0
}
.feature-column {
margin-bottom: 3rem
}
.feature-column > *:last-child {
margin-bottom: 0
}
.feature-column .feature-icon {
font-size: 3rem;
margin-bottom: 2rem;
display: inline-block;
position: relative
}
.feature-column.left .feature-icon {
float: left
}
.feature-text.left {
padding-left: 5rem
}
.feature-column.right .feature-text {
padding-right: 5rem;
padding-left: 0
}
.feature-text *:first-child {
margin-top: 0
}
.feature-column.small .feature-icon {
font-size: 2rem
}
.feature-column.left.small .feature-text {
padding-left: 4rem
}
.feature-column.left.small .icon-boxed,
.feature-column.left.small .icon-circled {
width: 5.8rem;
height: 5.8rem;
line-height: 5.8rem
}
.feature-column.left.small .icon-boxed + .feature-text,
.feature-column.left.small .icon-circled + .feature-text {
padding-left: 9rem
}
.feature-column.right.small .feature-text {
padding-right: 4rem;
padding-left: 0
}
.feature-column.right.small .icon-boxed + .feature-text,
.feature-column.right.small .icon-circled + .feature-text {
padding-right: 9rem;
padding-left: 0
}
.feature-colum.mediumn .feature-icon {
font-size: 3rem
}
.feature-column.left.medium .feature-text {
padding-left: 5rem
}
.feature-column.medium .icon-boxed,
.feature-column.medium .icon-circled {
width: 6.6rem;
height: 6.6rem;
line-height: 6.6rem
}
.feature-column.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 {
width: 7.4rem;
height: 7.4rem;
font-size: 4rem;
line-height: 7.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 .icon-boxed + .feature-text,
.feature-column.right.large .icon-circled + .feature-text {
padding-right: 10.6rem;
padding-left: 0
}
.feature-column.xlarge .feature-icon {
font-size: 5rem
}
.feature-column.left.xlarge .feature-text {
padding-left: 7rem
}
.feature-column.xlarge .icon-boxed,
.feature-column.xlarge .icon-circled {
width: 9rem;
height: 9rem;
line-height: 9rem
}
.feature-column.left.xlarge .icon-boxed + .feature-text,
.feature-column.left.xlarge .icon-circled + .feature-text {
padding-left: 12.2rem
}
.feature-column.right.xlarge .icon-boxed + .feature-text,
.feature-column.right.xlarge .icon-circled + .feature-text {
padding-right: 12.2rem;
padding-left: 0
}
.feature-column.right .feature-icon {
float: right;
margin: 0 auto 2rem auto
}
.feature-column.center .feature-icon {
display: inline-block;
float: none;
margin: 0 auto 2rem 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: 0 auto 2rem auto
}
.feature-column.center-on-mobile .feature-icon + .feature-text {
padding-left: 0;
padding-right: 0
}
}
input {
line-height: normal
}
input,
textarea {
width: 100%;
padding: 1.3rem 2.5rem;
margin: 0 0 1.5rem 0
}
input[type="submit"] {
width: auto
}
input:focus,
textarea:focus,
select:focus {
outline: none
}
input:disabled,
textarea:disabled,
select:disabled,
.disabled {
opacity: 0.6;
cursor: default
}
.form-element,
textarea {
background: #f9f9f9;
font-size: 1.3rem;
color: #666666;
line-height: 1.4;
border: 1px solid #eeeeee;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-element:focus,
textarea:focus {
background: #fff;
color: #333;
border: 1px solid #ccc;
box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.2)
}
textarea {
min-width: 10rem;
min-height: 20rem
}
.textarea-no-resize {
resize: none
}
label {
margin-bottom: 0.8rem;
color: #666;
font-size: 1.2rem;
display: block
}
label.pull-left {
margin-bottom: 0;
margin-right: 1rem;
padding: 1.4rem 0;
line-height: normal;
float: left
}
label.pull-right {
margin-bottom: 0;
margin-left: 1rem;
padding: 1.4rem 0;
line-height: normal;
float: left
}
label.emphasized {
color: #666;
font-size: 1.2rem;
font-weight: bold
}
select {
width: 100%;
background: transparent;
border: 0;
border-radius: 0;
color: inherit;
font-size: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-select {
padding: 0 !important;
position: relative
}
.form-select select {
width: 100%;
padding: 1.3rem 1.5rem
}
.form-select:after {
font-family: 'icons';
font-size: 1.5rem;
content: "\e878";
pointer-events: none;
position: absolute;
top: 1.8rem;
right: 2rem;
line-height: normal;
}
.mac .form-select:after {
top: 1.6rem;
}
.form-element.rounded,
textarea.rounded {
border-radius: 0.3rem
}
.form-element.pill {
border-radius: 10.5rem
}
.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: 0.8rem;
right: 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 1.8rem;
font-size: 1.4rem
}
.form-element.large select {
padding: 1.6rem 5rem 1.6rem 3rem;
font-size: 1.4rem
}
.form-select.large:after {
top: 1.7rem;
right: 2.5rem
}
.form-element.xlarge {
padding: 1.9rem 3.5rem;
font-size: 1.5rem
}
.form-element.xlarge select {
padding: 1.9rem 5.5rem 1.9rem 3.5rem;
font-size: 1.5rem
}
.form-select.xlarge:after {
top: 2rem;
right: 3rem
}
input[type="checkbox"],
input[type="radio"] {
width: auto;
padding: 0;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 0.5rem auto -webkit-focus-ring-color;
outline-offset: -0.2rem
}
input {
line-height: normal
}
input,
textarea {
width: 100%;
padding: 1.3rem 2rem;
margin: 0 0 1.5rem
}
.button+.button,
.checkbox-label~.checkbox-label,
.radio-label~.radio-label,
button+button,
label.pull-right {
margin-left: 1rem
}
input[type=submit] {
width: auto
}
.disabled,
input:disabled,
select:disabled,
textarea:disabled {
opacity: .6;
cursor: default
}
.checkbox:disabled,
.radio:disabled {
opacity: 0;
cursor: default
}
.form-element,
textarea {
background: #f9f9f9;
font-size: 1.3rem;
color: #666;
line-height: 1.4;
border: 1px solid #eee;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-element:focus,
textarea:focus {
background: #fff;
color: #333;
border: 1px solid #ccc;
box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .2)
}
textarea {
min-width: 10rem;
min-height: 20rem
}
.textarea-no-resize {
resize: none
}
label {
margin-bottom: .8rem;
color: #666;
font-size: 1.2rem;
display: block
}
label.pull-left,
label.pull-right {
margin-bottom: 0;
padding: 1.4rem 0;
line-height: normal;
float: left
}
label.pull-left {
margin-right: 1rem
}
label.emphasized {
color: #666;
font-size: 1.2rem;
font-weight: 700
}
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 !important;
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: 0.7rem;
margin-top: -0.2rem;
display: inline-block;
vertical-align: middle;
background: #fff;
border: 1px solid #ddd;
content: '';
font-family: 'icons';
text-align: center
}
.checkbox:checked+.checkbox-label,
.radio:checked+.radio-label {
opacity: 1
}
.checkbox:checked+.checkbox-label:before {
content: '\e814';
background: #fff;
color: #666
}
.radio:checked+.radio-label:before {
background: #666;
box-shadow: inset 0 0 0 4px #fff
}
.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
}
div[contenteditable="true"] {
background: #f9f9f9;
color: #666666;
border: 1px solid #eeeeee
}
div[contenteditable="true"]:focus {
background: #ffffff;
color: #333333;
border: 1px solid #cccccc;
box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.2);
outline: none
}
div[contenteditable="true"] {
padding: 1.3rem 2.5rem
}
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,
.button + .button {
margin-left: 1rem
}
select,
button,
.button {
padding: 1.3rem 2.5rem;
margin: 0 0 1rem 0;
font-family: inherit;
font-size: 1.3rem;
line-height: 1.4;
color: #666666;
background-color: #eeeeee;
border: 1px solid #eeeeee;
font-weight: normal;
vertical-align: top;
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
select {
padding: 1.3rem 1.5rem;
}
button,
.button,
.navigation .sub-menu .button,
.navigation .sub-menu button,
.navigation .mega-sub-menu .button,
.navigation .mega-sub-menu button,
.navigation .dropdown-list .button,
.navigation .dropdown-list button {
line-height: 1.4
}
button:focus,
.button:focus {
outline: none
}
button:hover,
.button:hover {
text-decoration: none;
color: #666666;
background-color: #d0d0d0;
border-color: #d0d0d0
}
button.small,
.button.small {
padding: 1rem 1.5rem;
font-size: 1.1rem !important
}
button.medium,
.button.medium {
padding: 1.3rem 2.5rem;
font-size: 1.3rem !important
}
button.large,
.button.large {
padding: 1.6rem 3rem;
font-size: 1.4rem !important
}
button.xlarge,
.button.xlarge {
padding: 1.9rem 3.5rem;
font-size: 1.5rem !important
}
button [class*="icon-"].left,
.button [class*="icon-"].left {
margin-right: 0.5rem
}
button [class*="icon-"].right,
.button [class*="icon-"].right {
margin-left: 0.5rem
}
.button-content {
display: inline-block
}
.button-content * {
display: block
}
input[type="submit"]::-moz-focus-inner {
border: 0 !important
}
button.rounded,
.button.rounded {
border-radius: 0.3rem
}
button.pill,
.button.pill {
border-radius: 10.5rem
}
button.shadow,
.button.shadow {
-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.5)
}
button.hard-shadow,
.button.hard-shadow {
border-bottom: 3px solid rgba(0, 0, 0, .15)
}
button.disabled,
.button.disabled {
cursor: default;
color: #cccccc;
background-color: #f9f9f9;
border-color: #eeeeee
}
button.disabled:hover,
.button.disabled:hover {
background-color: #f9f9f9;
border-color: #eeeeee
}
.button-nav {
padding: 0;
margin: 0;
list-style: none
}
.button-nav li {
float: left;
margin: 0 1px 0 0
}
.button-nav li .button.rounded,
.button-nav li button.rounded,
.button-nav li .button.pill,
.button-nav li button.pill {
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: 0.3rem 0 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 0.3rem 0.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: -0.3rem;
display: inline-block;
float: none
}
.dropdown {
position: relative;
margin-bottom: 1rem
}
.dropdown button,
.dropdown .button {
width: 100%;
text-align: left;
margin-bottom: 0
}
.dropdown.disabled .button {
cursor: default
}
.dropdown.disabled button,
.dropdown.disabled .button,
.dropdown.disabled button:hover,
.dropdown.disabled .button:hover {
border-color: #ddd !important;
background: #fff !important;
color: #ddd !important
}
.dropdown-list {
width: 16rem;
margin-top: 0.3rem;
text-align: left;
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, .3);
border-radius: 0.3rem;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 101;
-webkit-transition-property: -webkit-transform, opacity, visibility;
transition-property: transform, opacity, visibility;
-webkit-transition-duration: 400ms;
transition-duration: 400ms
}
.dropdown-list:not(.custom-content) li a {
padding: 0.6rem 2.5rem;
display: block;
font-size: 1.2rem;
color: #666;
font-weight: normal;
cursor: pointer
}
.dropdown-list li a:hover {
background: #f4f4f4;
color: #333;
text-decoration: none
}
.dropdown-list li.current a {
background: #f4f4f4;
color: #666
}
.dropdown-list.active {
opacity: 1;
visibility: visible
}
.dropdown-list .list-header {
padding: 0.6rem 2.5rem;
font-size: 1.1rem;
font-weight: bold;
background: #ddd
}
.dropdown.small .button,
.dropdown.small button {
padding: 1rem 1.5rem
}
.dropdown.small .dropdown-list li a {
padding: 0.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: 0.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: 0.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: 0.3rem
}
ul,
ol {
margin: 0 0 3rem 0;
padding: 0;
font-size: 1.4rem
}
ul {
list-style: none
}
ol {
list-style: decimal inside
}
ul.disc {
list-style: disc inside
}
ul.circle {
list-style: circle inside
}
ul.square {
list-style: square inside
}
ol.decimal-leading-zero {
list-style: decimal-leading-zero inside
}
ol.upper-roman {
list-style: upper-roman inside
}
ol.lower-alpha {
list-style: lower-alpha inside
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 0.3rem 0 0.3rem 2rem;
list-style: inherit
}
ul [class*="icon-"],
ol [class*="icon-"] {
margin-right: 1rem
}
.list-group.solid,
.list-group.dashed,
.list-group-dotted {
border: none
}
.list-group li {
padding: 1rem 0;
border-bottom: 1px solid #eeeeee
}
.list-group li li {
border-top: 1px solid #eeeeee
}
.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 ul,
.list-group ol {
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: 0.7rem 0
}
.list-groups.small ul,
.list-group.small ol {
margin-top: 0.7rem !important
}
.list-group.boxed.small li,
.list-groups.boxed.small li {
padding: 0.7rem 1.5rem
}
.list-group.medium li {
padding: 1rem 0
}
.list-groups.medium ul,
.list-group.medium ol {
margin-top: 1rem !important
}
.list-group.boxed.medium li,
.list-group.boxed.medium li {
padding: 1rem 2rem
}
.list-group.large li {
padding: 1.3rem 0
}
.list-groups.large ul,
.list-group.large ol {
margin-top: 1.3rem !important
}
.list-group.boxed.large li,
.list-group.boxed.large li {
padding: 1.3rem 2.5rem
}
.list-group.xlarge li {
padding: 1.6rem 0
}
.list-groups.xlarge ul,
.list-group.xlarge ol {
margin-top: 1.6rem !important
}
.list-group.boxed.xlarge li,
.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: 0.2rem
}
.list-group.thick li li {
border-top-width: 0.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: 0.2rem
}
.list-group.rounded li:first-child {
border-radius: 0.3rem 0.3rem 0 0
}
.list-group.rounded li:last-child {
border-radius: 0 0 0.3rem 0.3rem
}
.list-group[class*="border-"],
.list-group[class*="border-"].dotted,
.list-group[class*="border-"].dashed,
.list-group[class*="border-"].thick,
.list-group[class*="border-"]:hover,
.list-group.boxed[class*="border-"],
.list-group.boxed[class*="border-"].dotted,
.list-group.boxed[class*="border-"].dashed,
.list-group.boxed[class*="border-"].thick,
.list-group.boxed[class*="border-"]:hover {
border-width: 0
}
.list-horizontal li {
display: inline-block
}
.menu-box {
overflow: visible;
margin-bottom: 3rem
}
.menu-list,
.menu-list li {
margin: 0 0 3rem 0
}
.menu-list.boxed {
padding: 2rem
}
.menu-list li {
position: relative
}
.menu-list li:last-child {
margin-bottom: 0
}
.menu-list h4 {
margin-bottom: 0
}
.menu-list h4 + p {
margin-top: 1.3rem
}
.menu-list p {
margin-bottom: 0
}
.menu-list .menu-content {
padding-right: 10rem
}
.menu-list .menu-title,
.menu-list .menu-description,
.menu-list .menu-price {
background-color: #fff
}
.menu-list h4,
.menu-list .menu-title,
.menu-list .menu-content,
.menu-list .menu-description,
.menu-list .menu-price {
position: relative;
z-index: 1
}
.menu-list .menu-price {
font-weight: bold;
position: absolute;
right: 0;
bottom: 0
}
.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 {
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 1.5rem
}
.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 2rem
}
.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 2.5rem
}
.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 3rem
}
.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-price {
position: relative
}
.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
}
.menu-list.rounded,
.menu-list.rounded .callout {
border-radius: 0.3rem
}
.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%)
}
.menu-list .callout.rounded {
border-radius: 0.3rem
}
.timeline li {
padding: 0;
margin: 0
}
.timeline li:last-child {
margin-bottom: 0
}
.timeline .timeline-title,
.timeline .timeline-description {
position: relative
}
.timeline li:last-child .timeline-description *:last-child {
margin-bottom: 0
}
.timeline.vertical-indication .timeline-title {
padding-right: 5rem
}
.timeline.vertical-indication .timeline-description {
padding-left: 5rem
}
.timeline.vertical-indication .timeline-title:after {
width: 1rem;
height: 1rem;
border-radius: 50%;
content: "";
border: 2px solid #333;
background-color: #fff;
position: absolute;
left: 100%;
top: 0;
z-index: 100
}
.timeline.vertical-indication .timeline-description:before {
width: 0.1rem;
content: "";
background-color: #eee;
position: absolute;
left: 0.5rem;
top: 0;
bottom: 0
}
.timeline.vertical-indication li:last-child .timeline-description:before {
display: none
}
.tabs {
margin: 0 0 3rem 0;
padding: 0
}
.tab-nav {
margin: 0;
padding: 0;
font-size: 0;
list-style: none
}
.tab-nav:after {
height: 0;
display: block;
content: ".";
overflow: hidden;
clear: both
}
.tabs .tab-nav > li {
margin: 0 1px 0 0;
display: inline-block
}
.tabs.vertical:after {
display: block;
content: ".";
overflow: hidden;
clear: both
}
.tabs.vertical .tab-nav > li {
margin: 0 0 1px 0;
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 0;
float: none
}
.tabs.right.vertical .tab-nav {
width: 25%;
float: right
}
.tabs .tab-nav > li.active a:hover,
.tabs .tab-nav > li.active a {
background: #ffffff;
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid transparent;
border-left: 1px solid #eeeeee;
cursor: default
}
.tabs.vertical .tab-nav > li.active a:hover,
.tabs.vertical .tab-nav > li.active a {
background: #ffffff;
border-top: 1px solid #eeeeee;
border-right: 1px solid transparent;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
cursor: default;
position: relative
}
.tabs.right.vertical .tab-nav > li.active a:hover,
.tabs.right.vertical .tab-nav > li.active a {
background: #ffffff;
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid transparent
}
.tabs .tab-nav > li a {
padding: 1rem 1.5rem;
margin: 0;
font-size: 1.2rem;
font-weight: normal;
text-decoration: none;
vertical-align: middle;
display: inline-block;
color: #666666;
background-color: #eeeeee;
border: 1px solid #eeeeee;
cursor: pointer
}
.tabs.vertical .tab-nav > li a {
display: block
}
.tabs .tab-nav > li a:hover {
text-decoration: none;
color: #666666;
background: #d0d0d0;
border-color: #d0d0d0
}
.tab-panes {
margin-top: -1px;
padding: 1.5rem;
background: #fff;
border: 1px solid #eeeeee
}
.tabs.vertical .tab-panes {
width: 75%;
margin-top: 0;
margin-left: -1px;
float: left
}
.tabs.right.vertical .tab-panes {
margin-left: 0;
margin-right: -1px;
float: right
}
.tab-panes > div {
display: none;
background: none
}
.tab-panes .tab-content {
opacity: 0;
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-duration: 400ms;
transition-duration: 400ms
}
.tab-panes .fade-in .tab-content {
opacity: 1
}
.tab-panes > div.active {
display: block;
content: ".";
overflow: hidden;
clear: both
}
.tab-panes > div *:first-child {
margin-top: 0
}
.tab-panes > div *:not(.form-element):last-child {
margin-bottom: 0
}
.tabs.small .tab-nav > li a {
padding: 0.7rem 1rem;
font-size: 1rem
}
.tabs.small .tab-panes {
padding: 1rem
}
.tabs.medium .tab-nav > li a {
padding: 1rem 1.5rem
}
.tabs.medium .tab-panes {
padding: 1.5rem
}
.tabs.large .tab-nav > li a {
padding: 1.3rem 2.5rem;
font-size: 1.4rem
}
.tabs.large .tab-panes {
padding: 2.5rem
}
.tabs.xlarge .tab-nav > li a {
padding: 1.6rem 3rem;
font-size: 1.5rem
}
.tabs.xlarge .tab-panes {
padding: 3rem
}
.tabs.rounded .tab-nav > li:first-child a {
border-radius: 0.3rem 0 0 0
}
.tabs.right.rounded .tab-nav > li:first-child a {
border-radius: 0 0.3rem 0 0
}
.tabs.rounded .tab-nav > li:last-child a {
border-radius: 0 0.3rem 0 0
}
.tabs.right.rounded .tab-nav > li:last-child a {
border-radius: 0.3rem 0 0 0
}
.tabs.vertical.rounded .tab-nav > li:last-child a {
border-radius: 0.3rem 0 0 0.3rem
}
.tabs.right.vertical.rounded .tab-nav > li:last-child a {
border-radius: 0.3rem 0 0.3rem 0
}
.tabs.rounded .tab-panes {
border-radius: 0 0.3rem 0.3rem 0.3rem
}
.tabs.right.rounded .tab-panes {
border-radius: 0.3rem 0 0.3rem 0.3rem
}
.tabs.solid .tab-nav > li.active a:hover,
.tabs.solid .tab-nav > li.active a,
.tabs.solid .tab-panes {
border-style: solid
}
.tabs.dotted .tab-nav > li.active a:hover,
.tabs.dotted .tab-nav > li.active a,
.tabs.dotted .tab-panes {
border-style: dashed
}
.tabs.dashed .tab-nav > li.active a:hover,
.tabs.dashed .tab-nav > li.active a,
.tabs.dashed .tab-panes {
border-style: dashed
}
.tabs.thick .tab-nav > li.active a:hover,
.tabs.thick .tab-nav > li.active a,
.tabs.thick .tab-panes {
border-width: 0.2rem
}
.tabs[class*="border-"] {
border: none
}
.accordion {
margin: 0 0 3rem 0;
padding: 0;
border: none !important
}
.accordion ul {
margin: 0;
padding: 0;
list-style: none
}
.accordion:after {
height: 0;
display: block;
content: ".";
overflow: hidden;
clear: both
}
.accordion li {
margin: 0 0 1px 0;
display: block
}
.accordion li.active > a {
background: none;
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid transparent;
border-left: 1px solid #eeeeee
}
.accordion li > a {
padding: 1rem 1.5rem;
margin: 0;
font-size: 1.2rem;
font-weight: normal;
text-decoration: none;
vertical-align: middle;
display: block;
color: #666666;
background-color: #eeeeee;
border: 1px solid #eeeeee;
cursor: pointer
}
.accordion li > a:hover {
text-decoration: none;
color: #666666;
background: #d0d0d0;
border-color: #d0d0d0
}
.accordion li > div {
height: 0;
visibility: hidden;
border: 1px solid #eeeeee;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 300ms;
transition-duration: 300ms
}
.accordion li.active > div {
height: auto;
visibility: visible
}
.accordion .accordion-content {
height: auto;
padding: 1.5rem;
overflow: hidden;
display: block
}
.accordion li > div *:first-child {
margin-top: 0
}
.accordion li > div *:not(.form-element):last-child {
margin-bottom: 0
}
.accordion.small li > a {
padding: 0.7rem 1rem;
font-size: 1rem
}
.accordion.small .accordion-content {
padding: 1rem
}
.accordion.medium li > a {
padding: 1rem 1.5rem
}
.accordion.medium .accordion-content {
padding: 1.5rem
}
.accordion.large li > a {
padding: 1.3rem 2.5rem;
font-size: 1.4rem
}
.accordion.large .accordion-content {
padding: 2.5rem
}
.accordion.xlarge li > a {
padding: 1.6rem 3rem;
font-size: 1.5rem
}
.accordion.xlarge .accordion-content {
padding: 3rem
}
.accordion.rounded li:first-child > a {
border-radius: 0.3rem 0.3rem 0 0
}
.accordion.rounded li:last-child > a {
border-radius: 0 0 0.3rem 0.3rem
}
.accordion.rounded li > div {
border-radius: 0 0 0.3rem 0.3rem
}
.accordion.rounded li.active:last-child > a:hover {
border-radius: 0
}
.accordion.solid li > a,
.accordion.solid li > div {
border-style: solid
}
.accordion.dotted li > a,
.accordion.dotted li > div {
border-style: dashed
}
.accordion.dashed li > a,
.accordion.dashed li > div {
border-style: dashed
}
.accordion.thick li > a,
.accordion.thick li > div {
border-width: 0.2rem
}
table.table {
width: 100%;
margin-bottom: 3rem;
border: 1px solid #eeeeee;
font-size: 1.2rem;
line-height: 1.5;
text-align: left;
border-collapse: separate;
border-spacing: 0
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 1rem 1.5rem
}
.table > thead {
color: #666666;
background-color: #eeeeee
}
.table th + th,
.table td {
border-left: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee
}
.table > thead > tr > th {
border-bottom: none
}
.table tr:last-child > th,
.table tr:last-child > td {
border-bottom: none
}
.table.small > thead > tr > th,
.table.small > tbody > tr > th,
.table.small > tfoot > tr > th,
.table.small > thead > tr > td,
.table.small > tbody > tr > td,
.table.small > tfoot > tr > td {
padding: 0.7rem 1rem;
font-size: 1rem
}
.table.medium > thead > tr > th,
.table.medium > tbody > tr > th,
.table.medium > tfoot > tr > th,
.table.medium > thead > tr > td,
.table.medium > tbody > tr > td,
.table.medium > tfoot > tr > td {
padding: 1rem 1.5rem
}
.table.large > thead > tr > th,
.table.large > tbody > tr > th,
.table.large > tfoot > tr > th,
.table.large > thead > tr > td,
.table.large > tbody > tr > td,
.table.large > tfoot > tr > td {
padding: 1.3rem 2.5rem;
font-size: 1.4rem
}
.table.xlarge > thead > tr > th,
.table.xlarge > tbody > tr > th,
.table.xlarge > tfoot > tr > th,
.table.xlarge > thead > tr > td,
.table.xlarge > tbody > tr > td,
.table.xlarge > tfoot > tr > td {
padding: 1.6rem 3rem;
font-size: 1.5rem
}
.table.rounded {
border-radius: 0.3rem
}
.table.striped tbody tr:nth-child(even) td,
.table.striped tbody tr:nth-child(even) th {
background-color: #eeeeee
}
.pricing-table {
width: 100%;
margin-bottom: 3rem;
text-align: center
}
.pricing-table:before,
.pricing-table:after {
content: ".";
display: block;
height: 0;
overflow-x: hidden;
overflow-y: hidden
}
.pricing-table:after {
clear: both
}
.pricing-table.columns-1 .pricing-table-column {
width: 100%
}
.pricing-table.columns-2 .pricing-table-column {
width: 50%
}
.pricing-table.columns-3 .pricing-table-column {
width: 33.33333%
}
.pricing-table.columns-4 .pricing-table-column {
width: 25%
}
.pricing-table.columns-5 .pricing-table-column {
width: 16.66667%
}
.pricing-table-column {
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
float: left
}
.pricing-table-column.callout {
margin-left: -1px;
margin-bottom: -2rem;
border: 1px solid #ffffff;
box-shadow: 0rem 0rem 0.8rem rgba(0, 0, 0, .2);
position: relative;
top: -1.5rem;
z-index: 1
}
@media only screen and (min-width: 480px) {
.pricing-table .pricing-table-column:not(:first-child):not(.callout) {
border-left: none
}
}
.pricing-table-header {
padding: 2.5rem 1.5rem
}
.pricing-table-column.callout .pricing-table-header {
padding: 3.5rem 1.5rem 3rem 1.5rem
}
.pricing-table-header h2 {
margin: 0;
font-size: 2.5rem
}
.pricing-table-header[class*="bkg-"] h2 {
color: #ffffff
}
.pricing-table-price {
padding: 1.5rem;
color: #666666;
background: #eeeeee
}
.pricing-table-price h4 {
margin: 0;
font-size: 1.8rem;
font-weight: normal
}
.pricing-table-price[class*="bkg-"] h4 {
color: #ffffff
}
.pricing-table-price .currency {
font-size: 1.3rem;
position: relative
}
.pricing-table-price .interval {
font-size: 1.8rem;
opacity: 0.5
}
.pricing-table-price + .pricing-table-options {
padding-top: 1.5rem
}
.pricing-table-options {
margin: 0;
padding: 0 0 2rem 0;
list-style: none;
line-height: 3
}
.pricing-table-text {
padding: 0 3rem 2rem 3rem;
line-height: 1.8
}
.pricing-table-text p:last-child {
margin-bottom: 0
}
.pricing-table-options li {
margin-bottom: 0;
padding: 0 1.5rem
}
.pricing-table-footer {
padding: 0 1.5rem 2.5rem 1.5rem
}
.pricing-table-column.callout .pricing-table-footer {
padding: 0 1.5rem 4rem 1.5rem
}
.pricing-table-footer button,
.pricing-table-footer .button {
margin-bottom: 0
}
.pricing-table[class*="border-"] {
border-width: 0
}
.pricing-table[class*="border-"] .pricing-table-column {
border-color: inherit !important
}
.pricing-table.small .pricing-table-header {
padding: 1.5rem 0.8rem
}
.pricing-table.small .pricing-table-header h2 {
font-size: 1.7rem
}
.pricing-table.small .pricing-table-price .currency {
font-size: 1rem
}
.pricing-table.small .pricing-table-price .interval {
font-size: 1.5rem
}
.pricing-table.small .pricing-table-price h4 {
font-size: 1.5rem
}
.pricing-table.small .pricing-table-column.callout .pricing-table-header {
padding: 2.5rem 1.5rem 2rem 1.5rem
}
.pricing-table.small .pricing-table-options {
padding: 0 0 1.5rem 0
}
.pricing-table.small .pricing-table-column .pricing-table-footer {
padding: 0 1.5rem 2rem 1.5rem
}
.pricing-table.small .pricing-table-column.callout .pricing-table-footer {
padding: 0 1.5rem 3.5rem 1.5rem
}
.pricing-table.medium .pricing-table-header {
padding: 2.5rem 1.5rem
}
.pricing-table.medium .pricing-table-header h2 {
font-size: 2.5rem
}
.pricing-table.medium .pricing-table-price .currency {
font-size: 1.3rem
}
.pricing-table.medium .pricing-table-price .interval {
font-size: 1.8rem
}
.pricing-table.medium .pricing-table-price h4 {
font-size: 1.8rem
}
.pricing-table.medium .pricing-table-column.callout .pricing-table-header {
padding: 3.5rem 1.5rem 3rem 1.5rem
}
.pricing-table.medium .pricing-table-options {
padding: 0 0 2rem 0
}
.pricing-table.medium .pricing-table-column .pricing-table-footer {
padding: 0 1.5rem 2.5rem 1.5rem
}
.pricing-table.medium .pricing-table-column.callout .pricing-table-footer {
padding: 0 1.5rem 4rem 1.5rem
}
.pricing-table.large .pricing-table-header {
padding: 3rem 2rem
}
.pricing-table.large .pricing-table-header h2 {
font-size: 3rem
}
.pricing-table.large .pricing-table-price .currency {
font-size: 1.5rem
}
.pricing-table.large .pricing-table-price .interval {
font-size: 2rem
}
.pricing-table.large .pricing-table-price h4 {
font-size: 2rem
}
.pricing-table.large .pricing-table-column.callout .pricing-table-header {
padding: 4rem 1.5rem 3.5rem 1.5rem
}
.pricing-table.large .pricing-table-options {
padding: 0 0 2.5rem 0
}
.pricing-table.large .pricing-table-column .pricing-table-footer {
padding: 0 1.5rem 3rem 1.5rem
}
.pricing-table.large .pricing-table-column.callout .pricing-table-footer {
padding: 0 1.5rem 4.5rem 1.5rem
}
.pricing-table.xlarge .pricing-table-header {
padding: 3.5rem 2.5rem
}
.pricing-table.xlarge .pricing-table-header h2 {
font-size: 3.2rem
}
.pricing-table.xlarge .pricing-table-price .currency {
font-size: 1.7rem
}
.pricing-table.xlarge .pricing-table-price .interval {
font-size: 2.2rem
}
.pricing-table.xlarge .pricing-table-price h4 {
font-size: 2.2rem
}
.pricing-table.xlarge .pricing-table-column.callout .pricing-table-header {
padding: 4.5rem 2rem 4rem 2rem
}
.pricing-table.xlarge .pricing-table-options {
padding: 0 0 3rem 0
}
.pricing-table.xlarge .pricing-table-column .pricing-table-footer {
padding: 0 2rem 3.5rem 2rem
}
.pricing-table.xlarge .pricing-table-column.callout .pricing-table-footer {
padding: 0 2rem 5rem 2rem
}
.pricing-table.rounded .pricing-table-column:first-child {
border-radius: 0.3rem 0 0 0.3rem
}
.pricing-table.rounded .pricing-table-column:last-child {
border-radius: 0 0.3rem 0.3rem 0
}
.pricing-table.rounded .pricing-table-column.callout {
border-radius: 0.3rem
}
.box {
width: 100%;
padding: 1.5rem;
margin-bottom: 3rem;
border: 1px solid #eeeeee;
overflow: hidden
}
.equalize .column > .box {
height: 100%
}
.box.dotted {
border-style: dotted
}
.box.dashed {
border-style: dashed
}
.box > *:first-child {
margin-top: 0
}
.box *:not(.form-element):last-child {
margin-bottom: 0
}
.box > a:not(.button) {
color: inherit;
font-weight: bold
}
.box > a:not(.button):hover {
color: inherit;
text-decoration: underline
}
.box.dismissable {
max-height: 100rem;
padding-right: 3rem
}
.box.dismissable .close {
text-decoration: none;
opacity: 0.5;
display: block;
float: right;
position: relative;
right: -2rem
}
.box.dismissable .close:hover {
text-decoration: none;
opacity: 1
}
.box.small {
padding: 1rem;
font-size: 1rem
}
.box.small.dismissable {
padding-right: 2rem
}
.box.small.dismissable .close {
right: -1.5rem
}
.box.medium {
padding: 1.5rem
}
.box.large {
padding: 2.5rem;
font-size: 1.4rem
}
.box.large.dismissable {
padding-right: 5rem
}
.box.large.dismissable .close {
right: -3rem
}
.box.xlarge {
padding: 3rem;
font-size: 1.5rem
}
.box.xlarge.dismissable {
padding-right: 6rem
}
.box.xlarge.dismissable .close {
right: -3.5rem
}
.box.rounded {
border-radius: 0.3rem
}
.label {
padding: 0.2rem 0.6rem 0.3rem 0.6rem;
background: #eeeeee;
color: #666666;
border: 1px solid #eeeeee
}
.label [class*="icon-"]:before {
margin-left: 0;
margin-right: 0.5rem
}
.label.rounded {
border-radius: 0.3rem
}
.progress-bar-group {
margin-bottom: 3rem
}
.progress-bar-group .progress-bar:last-child {
margin-bottom: 0
}
.progress-bar {
width: 100%;
height: 2rem;
margin-bottom: 2rem;
font-size: 1.2rem;
line-height: 1.6rem;
font-weight: bold;
text-align: right;
color: #666666;
border: 1px solid #eeeeee;
background: #eeeeee;
overflow: hidden;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC )
}
.progress-bar.tmh-perspective {
overflow: hidden !important
}
.aux-navigation-active .progress-bar {
-webkit-mask-image: none
}
.bar {
width: 100%;
height: 100%;
padding: 0 1.5rem;
border: 1px solid #d0d0d0;
background: #d0d0d0;
-webkit-backface-visibility: hidden
}
.progress-bar-label {
margin-bottom: 0.8rem;
color: #666;
font-size: 1.2rem;
display: block
}
.progress-bar-label + .progress-bar {
margin-bottom: 1.7rem
}
.progress-bar.small {
height: 1.3rem;
font-size: 1rem;
line-height: 0.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: 0.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: bold;
text-align: right;
color: #666666;
border: 1px solid #eeeeee;
background: #eeeeee;
overflow: hidden;
position: relative;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC )
}
.aux-navigation-active .range-slider {
-webkit-mask-image: none
}
.range-active-segment {
width: 100%;
height: 100%;
padding: 0 1.5rem;
border: 1px solid #d0d0d0;
background: #d0d0d0;
-webkit-backface-visibility: hidden;
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: 0.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.rounded,
.range-slider.rounded .range-active-segment,
.range-slider .range-handle {
border-radius: 0.3rem
}
.range-slider.pill,
.range-slider.pill .range-active-segment,
.range-slider .range-handle {
border-radius: 10.5rem
}
.video-container {
max-width: 100%;
overflow: hidden
}
.video-container,
.audio-container {
margin-bottom: 3rem
}
.audio-container .mejs-container {
height: 3rem
}
iframe {
width: 100%;
border: none;
overflow: hidden
}
.divider,
hr {
margin: 3rem 0;
border-top: 1px solid #eeeeee;
border-right: 0;
border-bottom: 0;
border-left: 0;
height: 0;
clear: both
}
.divider.dashed,
hr.dashed {
border-style: dashed
}
.divider.dotted,
hr.dotted {
border-style: dotted
}
.divider.thick,
hr.thick {
border-top-width: 0.2rem
}
.divider[class*="border-"],
hr[class*="border-"],
.divider[class*="border-"].dashed,
.divider[class*="border-"].dotted,
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: #333333;
font-weight: bold;
line-height: 1;
margin: 0 0 2rem 0
}
h1 {
font-size: 4.8rem
}
h2 {
font-size: 3.2rem
}
h3 {
font-size: 2.4rem
}
h3.widget-title {
font-size: 2.1rem
}
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
}
p {
margin: 0 0 1rem 0
}
h1[class*="border-"],
h1[class*="bkg-"],
h1 span[class*="border-"],
h1 span[class*="bkg-"],
h2[class*="border-"],
h2[class*="bkg-"],
h2 span[class*="border-"],
h2 span[class*="bkg-"],
h3[class*="border-"],
h3[class*="bkg-"],
h3 span[class*="border-"],
h3 span[class*="bkg-"],
h4[class*="border-"],
h4[class*="bkg-"],
h4 span[class*="border-"],
h4 span[class*="bkg-"],
h5[class*="border-"],
h5[class*="bkg-"],
h5 span[class*="border-"],
h5 span[class*="bkg-"],
h6[class*="border-"],
h6[class*="bkg-"],
h6 span[class*="border-"],
h6 span[class*="bkg-"],
p[class*="border-"],
p[class*="bkg-"] {
padding: 0.4rem 0.6rem
}
address {
font-size: 1.3rem;
}
.lead {
margin-bottom: 3rem;
font-size: 2.2rem;
line-height: 1.5;
font-weight: 200
}
.separator {
width: 10rem;
height: 0.4rem;
display: block;
background-color: #333333;
margin-bottom: 2rem
}
.separator.small {
width: 7rem;
height: 0.2rem
}
.separator.large {
width: 13rem;
height: 0.6rem
}
.separator.xlarge {
width: 16rem;
height: 0.8rem
}
.center .separator,
.separator.center {
margin-right: auto;
margin-left: auto
}
.right .separator,
.separator.right {
margin-left: auto
}
.font-alt-1 {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
.font-alt-1 {
font-family: "Times New Roman", Arial, sans-serif
}
em {
font-style: italic
}
strong {
font-weight: bold
}
small {
font-size: 65%
}
[class*="weight-"] p,
[class*="weight-"] span,
[class*="weight-"] a {
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: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.5)
}
[class*="lspacing-"] p,
[class*="lspacing-"] span,
[class*="lspacing-"] a {
letter-spacing: inherit
}
.lspacing-small {
letter-spacing: 0.2rem
}
.lspacing-medium {
letter-spacing: 0.3rem
}
.lspacing-large {
letter-spacing: 0.5rem
}
.lspacing-xlarge {
letter-spacing: 0.8rem
}
a,
p a {
color: #666666;
text-decoration: none;
outline: none
}
a:hover,
p a:hover {
color: #333333;
text-decoration: none
}
::selection {
background: #333333;
color: #ffffff
}
::-moz-selection {
background: #333333;
color: #ffffff
}
blockquote {
margin: 0 0 3rem 0;
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 #eeeeee
}
blockquote.border.small {
padding-left: 2rem
}
blockquote.border.medium {
padding-left: 2.5rem
}
blockquote.border.large {
padding-left: 3rem
}
blockquote.border.xlarge {
padding-left: 3.5rem
}
blockquote.border.small {
padding-right: 2rem
}
blockquote.border.medium {
padding-right: 2.5rem
}
blockquote.border.large {
padding-right: 3rem
}
blockquote.border.xlarge {
padding-right: 3.5rem
}
blockquote.icon [class*="icon-"] {
font-size: 150%;
text-align: center;
line-height: 0
}
blockquote.avatar span,
blockquote.avatar span img {
width: 5rem;
height: 5rem;
border-radius: 7rem;
display: inline-block
}
blockquote.avatar.small span,
blockquote.avatar.small span img {
width: 4rem;
height: 4rem
}
blockquote.avatar.medium span,
blockquote.avatar.medium span img {
width: 5rem;
height: 5rem
}
blockquote.avatar.large span,
blockquote.avatar.large span img {
width: 6rem;
height: 6rem
}
blockquote.avatar.xlarge span,
blockquote.avatar.xlarge span img {
width: 7rem;
height: 7rem
}
blockquote.pull-left {
width: 40%;
float: left;
margin-right: 2rem;
margin-bottom: 2rem
}
blockquote.pull-right {
width: 40%;
float: right;
margin-left: 2rem;
margin-bottom: 2rem
}
blockquote.center {
margin-left: auto;
margin-right: auto
}
blockquote.border.right {
padding: 0 2.5rem 0 0;
border-left: none;
border-right: 1px solid #eeeeee
}
blockquote.border.center {
margin-left: auto;
margin-right: auto;
padding: 2.5rem 0 0 0;
border-left: none;
border-top: 1px solid #eeeeee
}
.breadcrumb {
list-style: none;
overflow: hidden
}
.breadcrumb li {
float: left;
color: #fff
}
.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: 'icons'
}
.breadcrumb li:after {
content: "\e87a"
}
.breadcrumb.center li {
display: inline-block;
float: none
}
.breadcrumb.right li:after {
padding: 0;
content: ""
}
.breadcrumb.right li:before {
content: "\e879"
}
.breadcrumb li:last-child:after,
.breadcrumb.right li:first-child:before {
content: "";
padding: 0
}
code,
samp,
kbd {
font-family: "Courier New", Courier, monospace, sans-serif;
text-align: left
}
pre {
max-width: 100%;
margin: 0;
white-space: pre-wrap;
word-break: break-all;
word-wrap: break-word
}
pre code {
line-height: 1.5;
white-space: pre-wrap
}
.tag {
color: #074a72
}
.tag .att {
color: #47a4db
}
.tag .val {
color: #d74950
}
.tag .comm {
color: #999999
}
@font-face {
font-family: 'icons';
src: url('../_fonts/icons.eot');
src: url('../_fonts/icons.eot') format('embedded-opentype'),
url('../_fonts/icons.woff') format('woff'),
url('../_fonts/icons.ttf') format('truetype'),
url('../_fonts/icons.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-down-circled:before { content:'\e800' }
.icon-left-circled:before { content:'\e801' }
.icon-right-circled:before { content:'\e802' }
.icon-up-circled:before { content:'\e803' }
.icon-chat-1:before { content:'\e804' }
.icon-location:before { content:'\e805' }
.icon-location-inv:before { content:'\e806' }
.icon-search:before { content:'\e807' }
.icon-user:before { content:'\e808' }
.icon-phone-1:before { content:'\e809' }
.icon-heart:before { content:'\e80a' }
.icon-star:before { content:'\e80b' }
.icon-star-empty:before { content:'\e80c' }
.icon-email:before { content:'\e80d' }
.icon-users:before { content:'\e80e' }
.icon-user-add:before { content:'\e80f' }
.icon-picture:before { content:'\e810' }
.icon-camera:before { content:'\e811' }
.icon-layout:before { content:'\e812' }
.icon-menu:before { content:'\e813' }
.icon-check:before { content:'\e814' }
.icon-cancel:before { content:'\e815' }
.icon-cancel-circled:before { content:'\e816' }
.icon-cancel-squared:before { content:'\e817' }
.icon-award:before { content:'\e818' }
.icon-plus-circled:before { content:'\e819' }
.icon-plus-squared:before { content:'\e81a' }
.icon-award-empty:before { content:'\e81b' }
.icon-minus-circled:before { content:'\e81c' }
.icon-minus-squared:before { content:'\e81d' }
.icon-help:before { content:'\e81e' }
.icon-help-circled:before { content:'\e81f' }
.icon-info:before { content:'\e820' }
.icon-info-circled:before { content:'\e821' }
.icon-back:before { content:'\e822' }
.icon-home:before { content:'\e823' }
.icon-link:before { content:'\e824' }
.icon-lock:before { content:'\e825' }
.icon-lock-open:before { content:'\e826' }
.icon-eye:before { content:'\e827' }
.icon-tag:before { content:'\e828' }
.icon-bookmark:before { content:'\e829' }
.icon-bookmarks:before { content:'\e82a' }
.icon-flag:before { content:'\e82b' }
.icon-location-line:before { content:'\e82c' }
.icon-heart-empty:before { content:'\e82d' }
.icon-download:before { content:'\e82e' }
.icon-upload:before { content:'\e82f' }
.icon-user-1:before { content:'\e830' }
.icon-reply:before { content:'\e831' }
.icon-reply-all:before { content:'\e832' }
.icon-forward:before { content:'\e833' }
.icon-quote:before { content:'\e834' }
.icon-tag-1:before { content:'\e835' }
.icon-export:before { content:'\e836' }
.icon-pencil:before { content:'\e837' }
.icon-fire:before { content:'\e838' }
.icon-print:before { content:'\e839' }
.icon-retweet:before { content:'\e83a' }
.icon-camera-1:before { content:'\e83b' }
.icon-google-play:before { content:'\e83c' }
.icon-apple:before { content:'\e83d' }
.icon-bell:before { content:'\e83e' }
.icon-attention:before { content:'\e83f' }
.icon-alert:before { content:'\e840' }
.icon-vcard:before { content:'\e841' }
.icon-address:before { content:'\e842' }
.icon-check-1:before { content:'\e843' }
.icon-map:before { content:'\e844' }
.icon-direction:before { content:'\e845' }
.icon-compass:before { content:'\e846' }
.icon-cup:before { content:'\e847' }
.icon-trash:before { content:'\e848' }
.icon-attach:before { content:'\e849' }
.icon-docs:before { content:'\e84a' }
.icon-key:before { content:'\e84b' }
.icon-doc-text:before { content:'\e84c' }
.icon-doc-text-inv:before { content:'\e84d' }
.icon-calendar-1:before { content:'\e84e' }
.icon-heart-1:before { content:'\e84f' }
.icon-star-1:before { content:'\e850' }
.icon-folder:before { content:'\e851' }
.icon-thumbs-up:before { content:'\e852' }
.icon-pencil-1:before { content:'\e853' }
.icon-rss:before { content:'\e854' }
.icon-phone:before { content:'\e855' }
.icon-spin1:before { content:'\e856' }
.icon-tools:before { content:'\e857' }
.icon-share:before { content:'\e858' }
.icon-desktop:before { content:'\e859' }
.icon-mobile-1:before { content:'\e85a' }
.icon-tag-2:before { content:'\e85b' }
.icon-calendar:before { content:'\e85c' }
.icon-login:before { content:'\e85d' }
.icon-logout:before { content:'\e85e' }
.icon-tags:before { content:'\e85f' }
.icon-bookmark-1:before { content:'\e860' }
.icon-eye-outline:before { content:'\e861' }
.icon-eye-1:before { content:'\e862' }
.icon-clock:before { content:'\e863' }
.icon-lock-1:before { content:'\e864' }
.icon-comment-1:before { content:'\e865' }
.icon-search-1:before { content:'\e866' }
.icon-lightbulb:before { content:'\e867' }
.icon-hourglass:before { content:'\e868' }
.icon-block:before { content:'\e869' }
.icon-resize-full:before { content:'\e86a' }
.icon-resize-small:before { content:'\e86b' }
.icon-popup:before { content:'\e86c' }
.icon-publish:before { content:'\e86d' }
.icon-window:before { content:'\e86e' }
.icon-arrow-combo:before { content:'\e86f' }
.icon-lamp:before { content:'\e870' }
.icon-mobile-2:before { content:'\e871' }
.icon-mail-1:before { content:'\e872' }
.icon-mail-2:before { content:'\e873' }
.icon-down-open:before { content:'\e874' }
.icon-left-open:before { content:'\e875' }
.icon-right-open:before { content:'\e876' }
.icon-up-open:before { content:'\e877' }
.icon-down-open-mini:before { content:'\e878' }
.icon-left-open-mini:before { content:'\e879' }
.icon-right-open-mini:before { content:'\e87a' }
.icon-up-open-mini:before { content:'\e87b' }
.icon-down-open-big:before { content:'\e87c' }
.icon-left-open-big:before { content:'\e87d' }
.icon-right-open-big:before { content:'\e87e' }
.icon-up-open-big:before { content:'\e87f' }
.icon-down:before { content:'\e880' }
.icon-left:before { content:'\e881' }
.icon-right:before { content:'\e882' }
.icon-up:before { content:'\e883' }
.icon-down-dir:before { content:'\e884' }
.icon-left-dir:before { content:'\e885' }
.icon-right-dir:before { content:'\e886' }
.icon-up-dir:before { content:'\e887' }
.icon-down-bold:before { content:'\e888' }
.icon-left-bold:before { content:'\e889' }
.icon-right-bold:before { content:'\e88a' }
.icon-up-bold:before { content:'\e88b' }
.icon-down-thin:before { content:'\e88c' }
.icon-left-thin:before { content:'\e88d' }
.icon-right-thin:before { content:'\e88e' }
.icon-up-thin:before { content:'\e88f' }
.icon-ccw:before { content:'\e890' }
.icon-cw:before { content:'\e891' }
.icon-spin2:before { content:'\e892' }
.icon-diamond:before { content:'\e893' }
.icon-play:before { content:'\e898' }
.icon-stop:before { content:'\e899' }
.icon-pause:before { content:'\e89a' }
.icon-record:before { content:'\e89b' }
.icon-to-end:before { content:'\e89c' }
.icon-to-start:before { content:'\e89d' }
.icon-fast-forward:before { content:'\e89e' }
.icon-fast-backward:before { content:'\e89f' }
.icon-picture-1:before { content:'\e8a0' }
.icon-picture-2:before { content:'\e8a1' }
.icon-book:before { content:'\e8a2' }
.icon-firefox:before { content:'\e8a3' }
.icon-chrome:before { content:'\e8a4' }
.icon-opera:before { content:'\e8a5' }
.icon-list:before { content:'\e8a6' }
.icon-list-add:before { content:'\e8a7' }
.icon-ie:before { content:'\e8a8' }
.icon-trophy:before { content:'\e8a9' }
.icon-doc:before { content:'\e8aa' }
.icon-briefcase:before { content:'\e8ab' }
.icon-monitor:before { content:'\e8ac' }
.icon-mobile:before { content:'\e8ad' }
.icon-book-1:before { content:'\e8ae' }
.icon-book-open:before { content:'\e8af' }
.icon-inbox:before { content:'\e8b0' }
.icon-book-open-1:before { content:'\e8b1' }
.icon-location-2-outline:before { content:'\e8b2' }
.icon-location-2:before { content:'\e8b3' }
.icon-ok:before { content:'\e8b4' }
.icon-star-2:before { content:'\e8b5' }
.icon-star-empty-1:before { content:'\e8b6' }
.icon-star-half:before { content:'\e8b7' }
.icon-off:before { content:'\e8b8' }
.icon-tag-3:before { content:'\e8b9' }
.icon-lifebuoy:before { content:'\e8ba' }
.icon-mouse:before { content:'\e8bb' }
.icon-tags-1:before { content:'\e8bc' }
.icon-attach-1:before { content:'\e8bd' }
.icon-dot:before { content:'\e8be' }
.icon-dot-2:before { content:'\e8bf' }
.icon-dot-3:before { content:'\e8c0' }
.icon-trash-empty:before { content:'\e8c1' }
.icon-magnet:before { content:'\e8c2' }
.icon-cog:before { content:'\e8c3' }
.icon-erase:before { content:'\e8c4' }
.icon-chart-pie:before { content:'\e8c5' }
.icon-chart-line:before { content:'\e8c6' }
.icon-chart-bar:before { content:'\e8c7' }
.icon-chart-area:before { content:'\e8c8' }
.icon-tape:before { content:'\e8c9' }
.icon-cog-alt:before { content:'\e8ca' }
.icon-messenger:before { content:'\e8cb' }
.icon-ticket:before { content:'\e8cc' }
.icon-wrench:before { content:'\e8cd' }
.icon-home-outline:before { content:'\e8ce' }
.icon-spin3:before { content:'\e8cf' }
.icon-credit-card:before { content:'\e8d0' }
.icon-spin4:before { content:'\e8d1' }
.icon-spin5:before { content:'\e8d2' }
.icon-spin6:before { content:'\e8d3' }
.icon-plus-1:before { content:'\e8d4' }
.icon-lock-2:before { content:'\e8d5' }
.icon-lock-open-1:before { content:'\e8d6' }
.icon-eye-2:before { content:'\e8d7' }
.icon-eye-off:before { content:'\e8d8' }
.icon-pin:before { content:'\e8d9' }
.icon-attach-2:before { content:'\e8da' }
.icon-link-1:before { content:'\e8db' }
.icon-doc-1:before { content:'\e8dd' }
.icon-linkedin-squared:before { content:'\e8eb' }
.icon-blogger-rect:before { content:'\e8ec' }
.icon-nbiz:before { content:'\e926' }
.icon-ystore:before { content:'\e927' }
.icon-key-1:before { content:'\e928' }
.icon-chat:before { content:'\e929' }
.icon-portal:before { content:'\e92b' }
.icon-corretor:before { content:'\e92c' }
.icon-barra-tel:before { content:'\e92e' }
.icon-barra-chat:before { content:'\e92f' }
.icon-barra-whatsapp:before { content:'\e930' }
.icon-barra-mail:before { content:'\e931' }
.icon-windows:before { content:'\e95f' }
.icon-check-empty:before { content:'\f096' }
.icon-tasks:before { content:'\f0ae' }
.icon-filter:before { content:'\f0b0' }
.icon-docs-1:before { content:'\f0c5' }
.icon-sort:before { content:'\f0dc' }
.icon-sort-down:before { content:'\f0dd' }
.icon-sort-up:before { content:'\f0de' }
.icon-mail-alt:before { content:'\f0e0' }
.icon-chat-empty:before { content:'\f0e6' }
.icon-doc-text-1:before { content:'\f0f6' }
.icon-building:before { content:'\f0f7' }
.icon-hospital:before { content:'\f0f8' }
.icon-quote-left:before { content:'\f10d' }
.icon-quote-right:before { content:'\f10e' }
.icon-smile:before { content:'\f118' }
.icon-frown:before { content:'\f119' }
.icon-meh:before { content:'\f11a' }
.icon-star-half-alt:before { content:'\f123' }
.icon-unlink:before { content:'\f127' }
.icon-lock-open-alt:before { content:'\f13e' }
.icon-doc-inv:before { content:'\f15b' }
.icon-doc-text-inv-1:before { content:'\f15c' }
.icon-sort-name-up:before { content:'\f15d' }
.icon-sort-name-down:before { content:'\f15e' }
.icon-sort-alt-up:before { content:'\f160' }
.icon-sort-alt-down:before { content:'\f161' }
.icon-sort-number-up:before { content:'\f162' }
.icon-sort-number-down:before { content:'\f163' }
.icon-youtube-play:before { content:'\f16a' }
.icon-foursquare:before { content:'\f180' }
.icon-bank:before { content:'\f19c' }
.icon-google:before { content:'\f1a0' }
.icon-building-filled:before { content:'\f1ad' }
.icon-file-pdf:before { content:'\f1c1' }
.icon-file-word:before { content:'\f1c2' }
.icon-file-excel:before { content:'\f1c3' }
.icon-file-powerpoint:before { content:'\f1c4' }
.icon-file-image:before { content:'\f1c5' }
.icon-file-archive:before { content:'\f1c6' }
.icon-file-audio:before { content:'\f1c7' }
.icon-file-video:before { content:'\f1c8' }
.icon-file-code:before { content:'\f1c9' }
.icon-lifebuoy-1:before { content:'\f1cd' }
.icon-sliders:before { content:'\f1de' }
.icon-slideshare:before { content:'\f1e7' }
.icon-newspaper:before { content:'\f1ea' }
.icon-trash-1:before { content:'\f1f8' }
.icon-copyright:before { content:'\f1f9' }
.icon-at:before { content:'\f1fa' }
.icon-birthday:before { content:'\f1fd' }
.icon-venus:before { content:'\f221' }
.icon-mars:before { content:'\f222' }
.icon-whatsapp:before { content:'\f232' }
.icon-bed:before { content:'\f236' }
.icon-medium:before { content:'\f23a' }
.icon-trademark:before { content:'\f25c' }
.icon-calendar-check-o:before { content:'\f274' }
.icon-edge:before { content:'\f282' }
.icon-snapchat-ghost:before { content:'\f2ac' }
.icon-shower:before { content:'\f2cc' }
.icon-bath:before { content:'\f2cd' }
.icon-vimeo:before { content:'\f306' }
.icon-twitter:before { content:'\f309' }
.icon-facebook-squared:before { content:'\f30e' }
.icon-gplus:before { content:'\f30f' }
.icon-pinterest:before { content:'\f312' }
.icon-linkedin:before { content:'\f318' }
.icon-instagram:before { content:'\f32d' }
.icon-dropbox:before { content:'\f330' }
.icon-skype:before { content:'\f339' }
[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: 4.8rem
}
.icon-boxed,
.icon-circled {
width: 6.6rem;
height: 6.6rem;
margin-bottom: 0.4rem;
line-height: 6.6rem;
text-align: center;
border: 1px solid #eeeeee
}
.icon-boxed.small,
.icon-circled.small {
width: 5.8rem;
height: 5.8rem;
line-height: 5.6rem
}
.icon-boxed.medium,
.icon-circled.medium {
width: 6.6rem;
height: 6.6rem;
line-height: 6.4rem
}
.icon-boxed.large,
.icon-circled.large {
width: 7.4rem;
height: 7.4rem;
line-height: 7.2rem
}
.icon-boxed.xlarge,
.icon-circled.xlarge {
width: 9rem;
height: 9rem;
line-height: 8.8rem
}
.icon-boxed.rounded {
border-radius: 0.3rem
}
.icon-circled {
border-radius: 10rem
}
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
[class*="border-"].padded,
[class*="bkg-"].padded {
padding: 1rem 2rem
}
[class*="border-"] {
border: 1px solid #eee
}
[class*="border-"]:not([class*="bkg-"]),
[class*="border-"][class*="bkg-hover-"],
[class*="border-hover-"]:hover {
background: none;
background: rgba(0, 0, 0, 0.4)
}
[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: 0.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: #00be4d;
color: #00be4d
}
.border-hover-green:hover {
border-color: #179851
}
.border-green-light {
border-color: #119b49
}
.border-hover-green-light:hover {
border-color: #00be4d
}
.border-blue {
border-color: #227fbb
}
.border-hover-blue:hover {
border-color: #1d6ea3
}
.border-blue-light {
border-color: #e16800
}
.border-hover-blue-light:hover {
border-color: #e16800
}
.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-black {
border-color: #000000
}
.border-hover-black:hover {
border-color: #000000
}
.border-white {
border-color: #ffffff !important
}
.border-hover-white:hover {
border-color: #ffffff !important
}
.border-grey {
border-color: #666666 !important
}
.border-hover-grey:hover {
border-color: #555555 !important
}
.border-grey-light {
border-color: #999999 !important
}
.border-hover-grey-light:hover {
border-color: #888888 !important
}
.border-grey-ultralight {
border-color: #f4f4f4 !important
}
.border-hover-grey-ultralight:hover {
border-color: #f1f1f1 !important
}
.border-charcoal {
border-color: #333333 !important
}
.border-hover-charcoal:hover {
border-color: #222222 !important
}
.border-charcoal-light {
border-color: #555555 !important
}
.border-hover-charcoal-light:hover {
border-color: #444444 !important
}
.border-black {
border-color: #000000 !important
}
.border-hover-black:hover {
border-color: #000000 !important
}
.border-base {
border-color: #eeeeee !important
}
.border-hover-base:hover {
border-color: #d0d0d0 !important
}
.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-gplus,
.border-hover-gplus:hover {
border-color: #d34836;
color: #d34836
}
.border-instagram,
.border-hover-instagram:hover {
border-color: #517fa4;
color: #517fa4
}
.border-linkedin,
.border-hover-linkedin:hover {
border-color: #007bb6;
color: #007bb6
}
.border-pinterest,
.border-hover-pinterest:hover {
border-color: #cb2027;
color: #cb2027
}
.border-skype,
.border-hover-skype:hover {
border-color: #12A5F4;
color: #12A5F4
}
.border-soundcloud,
.border-hover-soundcloud:hover {
border-color: #f80;
color: #f80
}
.border-spotify,
.border-hover-spotify:hover {
border-color: #7ab800;
color: #7ab800
}
.border-tumblr,
.border-hover-tumblr:hover {
border-color: #35465c;
color: #35465c
}
.border-twitter,
.border-hover-twitter:hover {
border-color: #00aced;
color: #00aced
}
.border-vimeo,
.border-hover-vimeo:hover {
border-color: #1ab7ea;
color: #1ab7ea
}
.border-youtube,
.border-hover-youtube:hover {
border-color: #bb0000;
color: #bb0000
}
[class*="bkg-hover-"]:hover *,
[class*="bkg-hover-"]:visited * {
color: inherit
}
.bkg-main-color {
color: #fff;
background: #00b0b9 !important;
border-color: #00b0b9 !important
}
.bkg-main-color:hover {
color: #fff;
background: #005a5f !important;
border-color: #005a5f !important
}
.bkg-turquoise {
background: #00a186 !important;
border-color: #00a186 !important
}
.bkg-hover-turquoise:hover {
background: #008b73 !important;
border-color: #008b73 !important
}
.bkg-turquoise-light {
background: #00bd9c !important;
border-color: #00bd9c !important
}
.bkg-hover-turquoise-light:hover {
background: #00a186 !important;
border-color: #00a186 !important
}
.bkg-green {
background: #00be4d !important;
border-color: #00be4d !important
}
.bkg-hover-green:hover {
background: #179851 !important;
border-color: #179851 !important
}
.bkg-green-light {
background: #119b49 !important;
border-color: #119b49 !important
}
.bkg-hover-green-light:hover {
background: #00be4d !important;
border-color: #00be4d !important
}
.bkg-blue {
background: #227fbb !important;
border-color: #227fbb !important
}
.bkg-hover-blue:hover {
background: #1d6ea3 !important;
border-color: #1d6ea3 !important
}
.bkg-blue-light {
background: #2c96dd !important;
border-color: #2c96dd !important
}
.bkg-hover-blue-light:hover {
background: #227fbb !important;
border-color: #227fbb !important
}
.bkg-navy {
background: #2c3e51 !important;
border-color: #2c3e51 !important
}
.bkg-hover-navy:hover {
background: #1f2d3b !important;
border-color: #1f2d3b !important
}
.bkg-navy-light {
background: #33495f !important;
border-color: #33495f !important
}
.bkg-hover-navy-light:hover {
background: #2c3e51 !important;
border-color: #2c3e51 !important
}
.bkg-purple {
background: #8f3faf !important;
border-color: #8f3faf !important
}
.bkg-hover-purple:hover {
background: #7b3697 !important;
border-color: #7b3697 !important
}
.bkg-purple-light {
background: #b078c6 !important;
border-color: #b078c6 !important
}
.bkg-hover-purple-light:hover {
background: #8f3faf !important;
border-color: #8f3faf !important
}
.bkg-yellow {
background: #f3b100 !important;
border-color: #f3b100 !important
}
.bkg-hover-yellow:hover {
background: #e2a50b !important;
border-color: #e2a50b !important
}
.bkg-yellow-light {
background: #ffbe12 !important;
border-color: #ffbe12 !important
}
.bkg-hover-yellow-light:hover {
background: #f3b100 !important;
border-color: #f3b100 !important
}
.bkg-orange {
background: #e87f04 !important;
border-color: #e87f04 !important
}
.bkg-hover-orange:hover {
background: #df6f0b !important;
border-color: #df6f0b !important
}
.bkg-orange-light {
background: #f59d00 !important;
border-color: #f59d00 !important
}
.bkg-hover-orange-light:hover {
background: #e87f04 !important;
border-color: #e87f04 !important
}
.bkg-red {
background: #c23824 !important;
border-color: #c23824 !important
}
.bkg-hover-red:hover {
background: #a9311f !important;
border-color: #a9311f !important
}
.bkg-red-light {
background: #ea4b35 !important;
border-color: #ea4b35 !important
}
.bkg-hover-red-light:hover {
background: #c23824 !important;
border-color: #c23824 !important
}
.bkg-black {
background: #000000 !important;
border-color: #000000 !important
}
.bkg-hover-black:hover {
background: #000000 !important;
border-color: #000000 !important
}
.bkg-white {
background: #ffffff !important;
border-color: #ffffff !important
}
.bkg-hover-white:hover {
background: #ffffff !important;
border-color: #ffffff !important
}
.bkg-grey {
background-color: #666666 !important;
border-color: #666666 !important
}
.bkg-hover-grey:hover {
background-color: #555555 !important;
border-color: #555555 !important
}
.bkg-grey-light {
background-color: #999999 !important;
border-color: #999999 !important
}
.bkg-hover-grey-light:hover {
background-color: #888888 !important;
border-color: #888888 !important
}
.bkg-grey-ultralight {
background-color: #f4f4f4 !important;
border-color: #f4f4f4 !important
}
.bkg-hover-grey-ultralight:hover {
background-color: #f1f1f1 !important;
border-color: #f1f1f1 !important
}
.bkg-charcoal {
background-color: #333333 !important;
border-color: #333333 !important
}
.bkg-hover-charcoal:hover {
background-color: #222222 !important;
border-color: #222222 !important
}
.bkg-charcoal-light {
background-color: #555555 !important;
border-color: #555555 !important
}
.bkg-hover-charcoal-light:hover {
background-color: #444444 !important;
border-color: #444444 !important
}
.bkg-black {
background-color: #000000 !important;
border-color: #000000
}
.bkg-hover-black:hover {
background-color: #000000 !important;
border-color: #000000
}
.bkg-base {
background: #eeeeee !important;
border-color: #eeeeee
}
.bkg-hover-base:hover {
background: #d0d0d0 !important;
border-color: #eeeeee !important
}
.bkg-behance,
.bkg-hover-behance:hover {
background-color: #1769ff;
color: #ffffff;
border-color: #1769ff
}
.bkg-dribbble,
.bkg-hover-dribbble:hover {
background-color: #ea4c89;
color: #ffffff;
border-color: #ea4c89
}
.bkg-facebook,
.bkg-hover-facebook:hover {
background-color: #3b5998;
color: #ffffff;
border-color: #3b5998
}
.bkg-flickr,
.bkg-hover-flickr:hover {
background-color: #0063DC;
color: #ffffff;
border-color: #0063DC
}
.bkg-github,
.bkg-hover-github:hover {
background-color: #333;
color: #ffffff;
border-color: #333
}
.bkg-gplus,
.bkg-hover-gplus:hover {
background-color: #d34836;
color: #ffffff;
border-color: #d34836
}
.bkg-google,
.bkg-hover-google:hover {
background-color: #d34836;
color: #ffffff;
border-color: #d34836
}
.bkg-instagram,
.bkg-hover-instagram:hover {
background-color: #517fa4;
color: #ffffff;
border-color: #517fa4
}
.bkg-linkedin,
.bkg-hover-linkedin:hover {
background-color: #007bb6;
color: #ffffff;
border-color: #007bb6
}
.bkg-pinterest,
.bkg-hover-pinterest:hover {
background-color: #cb2027;
color: #ffffff;
border-color: #cb2027
}
.bkg-skype,
.bkg-hover-skype:hover {
background-color: #12A5F4;
color: #ffffff;
border-color: #12A5F4
}
.bkg-soundcloud,
.bkg-hover-soundcloud:hover {
background-color: #f80;
color: #ffffff;
border-color: #f80
}
.bkg-spotify,
.bkg-hover-spotify:hover {
background-color: #7ab800;
color: #ffffff;
border-color: #7ab800
}
.bkg-tumblr,
.bkg-hover-tumblr:hover {
background-color: #35465c;
color: #ffffff;
border-color: #35465c
}
.bkg-twitter,
.bkg-hover-twitter:hover {
background-color: #00aced;
color: #ffffff;
border-color: #00aced
}
.bkg-vimeo,
.bkg-hover-vimeo:hover {
background-color: #1ab7ea;
color: #ffffff;
border-color: #1ab7ea
}
.bkg-youtube,
.bkg-hover-youtube:hover {
background-color: #bb0000;
color: #ffffff;
border-color: #bb0000
}
[class*="color-"] * {
color: inherit !important
}
.color-main {
color: #00b0b9 !important
}
.color-turquoise {
color: #00a186 !important
}
.color-hover-turquoise:hover {
color: #008b73 !important
}
.color-turquoise-light {
color: #00bd9c !important
}
.color-hover-turquoise-light:hover {
color: #00a186 !important
}
.color-green {
color: #00be4d !important
}
.color-hover-green:hover {
color: #179851 !important
}
.color-green-light {
color: #119b49 !important
}
.color-hover-green-light:hover {
color: #00be4d !important
}
.color-blue {
color: #e16800 !important
}
.color-hover-blue:hover {
color: #1d6ea3 !important
}
.color-blue-light {
color: #f58220 !important
}
.color-hover-blue-light:hover {
color: #e16800 !important
}
.color-navy {
color: #2c3e51 !important
}
.color-hover-navy:hover {
color: #1f2d3b !important
}
.color-navy-light {
color: #33495f !important
}
.color-hover-navy-light:hover {
color: #2c3e51 !important
}
.color-purple {
color: #8f3faf !important
}
.color-hover-purple:hover {
color: #7b3697 !important
}
.color-purple-light {
color: #b078c6 !important
}
.color-hover-purple-light:hover {
color: #8f3faf !important
}
.color-yellow {
color: #f3b100 !important
}
.color-hover-yellow:hover {
color: #e2a50b !important
}
.color-yellow-light {
color: #ffbe12 !important
}
.color-hover-yellow-light:hover {
color: #f3b100 !important
}
.color-orange {
color: #e87f04 !important
}
.color-hover-orange:hover {
color: #df6f0b !important
}
.color-orange-light {
color: #f59d00 !important
}
.color-hover-orange-light:hover {
color: #e87f04 !important
}
.color-red {
color: #c23824 !important
}
.color-hover-red:hover {
color: #a9311f !important
}
.color-red-light {
color: #ea4b35 !important
}
.color-hover-red-light:hover {
color: #c23824
}
.color-white {
color: #ffffff !important
}
.color-hover-white:hover {
color: #ffffff !important
}
.color-grey {
color: #666666 !important
}
.color-hover-grey:hover {
color: #555555 !important
}
.color-grey-light {
color: #999999 !important
}
.color-hover-grey-light:hover {
color: #999999 !important
}
.color-grey-ultralight {
color: #f4f4f4 !important
}
.color-hover-grey-ultralight:hover {
color: #f1f1f1 !important
}
.color-charcoal {
color: #333333 !important
}
.color-hover-charcoal:hover {
color: #222222 !important
}
.color-charcoal-light {
color: #555555 !important
}
.color-hover-charcoal-light:hover {
color: #444444 !important
}
.color-black {
color: #000000 !important
}
.color-hover-black:hover {
color: #000000 !important
}
.color-base {
color: #666666 !important
}
.color-hover-base:hover {
color: #666666 !important
}
.color-behance,
.color-hover-behance:hover {
color: #1769ff !important
}
.color-dribbble,
.color-hover-dribbble:hover {
color: #ea4c89 !important
}
.color-facebook,
.color-hover-facebook:hover {
color: #3b5998 !important
}
.color-flickr,
.color-hover-flickr:hover {
color: #0063DC !important
}
.color-github,
.color-hover-github:hover {
color: #333 !important
}
.color-gplus,
.color-hover-gplus:hover {
color: #d34836 !important
}
.color-instagram,
.color-hover-instagram:hover {
color: #517fa4 !important
}
.color-linkedin,
.color-hover-linkedin:hover {
color: #007bb6 !important
}
.color-pinterest,
.color-hover-pinterest:hover {
color: #cb2027 !important
}
.color-skype,
.color-hover-skype:hover {
color: #12A5F4 !important
}
.color-soundcloud,
.color-hover-soundcloud:hover {
color: #f80 !important
}
.color-spotify,
.color-hover-spotify:hover {
color: #7ab800 !important
}
.color-tumblr,
.color-hover-tumblr:hover {
color: #35465c !important
}
.color-twitter,
.color-hover-twitter:hover {
color: #00aced !important
}
.color-vimeo,
.color-hover-vimeo:hover {
color: #1ab7ea !important
}
.color-youtube,
.color-hover-youtube:hover {
color: #bb0000 !important
}
[class*="bkg-"]::-webkit-input-placeholder,
[class*="border-"]::-webkit-input-placeholder,
[class*="color-"]::-webkit-input-placeholder {
color: inherit
}
[class*="bkg-"]::-moz-placeholder,
[class*="border-"]::-moz-placeholder,
[class*="color-"]::-moz-placeholder {
color: inherit
}
[class*="bkg-"]:-ms-input-placeholder,
[class*="border-"]:-ms-input-placeholder,
[class*="color-"]:-ms-input-placeholder {
color: inherit
}
.highlight {
background: #eeeeee;
border-color: #eeeeee
}
.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
}
input,
textarea,
select,
button,
a {
-webkit-transition-property: background, border-color, color, opacity;
transition-property: background, border-color, color, opacity;
-webkit-transition-duration: 300ms;
transition-duration: 300ms
}
.bar,
.box,
.overlay-info,
.thumbnail img {
-webkit-transition-property: padding, background, color, opacity, box-shadow, -webkit-transform;
transition-property: padding, background, color, opacity, box-shadow, transform;
-webkit-transition-duration: 300ms;
transition-duration: 300ms
}
.no-transition,
.no-transition-reset {
-webkit-transition-duration: 0ms !important;
transition-duration: 0ms !important
}
@media only screen and (max-width: 1140px) {
body.boxed .wrapper-inner,
.row {
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 (min-width: 1024px) {
.hide-on-large-screen,
.hide-on-large-screen * {
display: none !important
}
.hide-on-small-screen,
.hide-on-small-screen * {
display: initial !important
}
}
@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%
}
.hide-on-large-screen,
.hide-on-large-screen * {
display: initial !important
}
.hide-on-small-screen,
.hide-on-small-screen * {
display: none !important
}
}
@media only screen and (min-width: 960px) {
.table > tbody > tr > td:first-child {
border-left: none
}
}
@media only screen and (max-width: 960px) {
body.boxed .wrapper-inner,
.row {
max-width: 76rem
}
header .primary-navigation {
display: none !important
}
.nav-bar .logo,
.nav-bar .logo.logo-center {
margin: 0;
float: left
}
.aux-navigation {
display: table !important;
visibility: visible
}
.feature-column-group .feature-column {
padding: 4rem
}
.table:not(.non-responsive) {
width: 100%;
display: block;
position: relative
}
.table:not(.non-responsive) > thead,
.table:not(.non-responsive) > thead > tr {
display: block;
float: left
}
.table:not(.non-responsive) > thead > tr > th {
display: block
}
.table:not(.non-responsive) > tbody {
display: block;
position: relative;
overflow-x: auto;
white-space: nowrap
}
.table:not(.non-responsive) > tbody > tr {
display: inline-block;
vertical-align: top;
margin-right: -0.4rem
}
.table:not(.non-responsive) > tbody > tr > td {
display: block
}
.table:not(.non-responsive) tr > td:last-child {
border-bottom: none
}
.table:not(.non-responsive) th+th {
border-left: none;
border-bottom: 1px solid transparent
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.pricing-table.columns-3 .pricing-table-column {
width: 33.33333%
}
.pricing-table.columns-2 .pricing-table-column,
.pricing-table.columns-4 .pricing-table-column,
.pricing-table.columns-5 .pricing-table-column {
width: 50%
}
.pricing-table.columns-4 .pricing-table-column:nth-last-child(2),
.pricing-table.columns-5 .pricing-table-column:last-child,
.pricing-table.columns-5 .pricing-table-column:nth-last-child(3) {
border-left: 1px solid #eeeeee
}
}
@media only screen and (max-width: 768px) {
body.boxed .wrapper-inner,
.row {
max-width: 60rem
}
.width-1,
.width-2,
.width-3,
.width-4,
.width-5,
.width-6,
.width-7,
.width-8,
.width-9,
.width-10,
.width-11,
.width-12 {
width: 100%
}
[class*="offset-"] {
margin-left: 0
}
.column[class*='push-'],
.column[class*='pull-'] {
position: static;
left: 0;
right: 0
}
[class*="content-grid-"] .grid-item {
width: 100%
}
.dropdown .login-form-container .button {
width: 100%;
display: block;
text-align: center
}
button.no-label-on-mobile span:not([class*="icon-"]),
.button.no-label-on-mobile span:not([class*="icon-"]) {
display: none
}
button.no-label-on-mobile [class*="icon-"],
.button.no-label-on-mobile [class*="icon-"] {
margin: 0
}
blockquote {
width: 100% !important
}
.lead {
font-size: 1.8rem;
line-height: 1.5;
font-weight: 200
}
.feature-column-group .width-3 {
width: 100%
}
.timeline.vertical-indication .timeline-title,
.timeline.vertical-indication .timeline-description {
padding-left: 7rem
}
.timeline.vertical-indication .timeline-title:before {
width: 0.1rem;
content: "";
background-color: #e7e7e7;
position: absolute;
left: 1.5rem;
top: 0;
bottom: 0
}
.timeline.vertical-indication .timeline-title:after {
left: 1.5rem
}
.timeline.vertical-indication .timeline-title:before,
.timeline.vertical-indication .timeline-description:before {
left: 2rem
}
.timeline.vertical-indication li:last-child .timeline-title:before {
display: none
}
.pricing-table.columns-3 .pricing-table-column.callout {
top: 0
}
.pricing-table.columns-3 .pricing-table-column {
margin-bottom: 0.5rem
}
.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.columns-3 .pricing-table-column:last-child,
.pricing-table.columns-4 .pricing-table-column:nth-last-child(2),
.pricing-table.columns-5 .pricing-table-column:last-child,
.pricing-table.columns-5 .pricing-table-column:nth-last-child(3) {
border-left: 1px solid #eeeeee
}
.hide-on-mobile,
.hide-on-mobile * {
display: none !important;
visibility: hidden !important
}
.show-on-mobile,
.show-on-mobile * {
display: block !important;
visibility: visible !important
}
.pull-left-on-mobile {
float: left !important
}
.pull-right-on-mobile {
float: right !important
}
.clear-float-on-mobile {
float: none !important
}
.v-align-bottom,
.v-align-bottom-on-mobile {
padding-bottom: 2rem !important;
vertical-align: bottom !important
}
.v-align-top,
.v-align-top-on-mobile {
padding-top: 2rem !important;
vertical-align: top !important
}
.no-padding-on-mobile {
padding: 0 !important
}
.no-background-on-mobile {
background: none !important;
border: none !important
}
.thumbnail .v-align-top,
.thumbnail .v-align-top-on-mobile,
.thumbnail .v-align-bottom,
.thumbnail .v-align-bottom-on-mobile {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.background-on-mobile {
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
background: #f4f4f4;
color: #666;
text-align: left;
position: relative;
z-index: 1
}
.v-align-top-on-mobile .background-on-mobile {
margin-top: -2rem
}
.v-align-bottom-on-mobile .background-on-mobile {
margin-bottom: -2rem
}
.left-on-mobile {
text-align: left !important
}
.center-on-mobile {
text-align: center !important
}
.right-on-mobile {
text-align: right !important
}
.row.background-on-mobile {
padding-left: 0;
padding-right: 0
}
.background-on-mobile .column > *:last-child {
margin-bottom: 0
}
.row > .background-on-mobile {
margin-left: 0;
margin-right: 0
}
.no-transition-on-mobile {
-webkit-transition-duration: 0ms !important;
transition-duration: 0ms !important
}
}
@media only screen and (max-width: 600px) {
body.boxed .wrapper-inner,
.row {
max-width: 48rem
}
}
@media only screen and (max-width: 480px) {
body.boxed .wrapper-inner,
.row {
max-width: 35rem
}
[class*="content-grid-"] .grid-item {
width: 100%
}
.side-navigation-wrapper,
.side-navigation-inner {
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
}
.tabs.vertical .tab-nav,
.tabs.vertical.right .tab-nav,
.tabs.vertical .tab-panes,
.tabs.vertical.right .tab-panes {
width: 100%;
float: none
}
.tab-nav li a {
width: 100%
}
.tabs.rounded li:first-child a {
border-radius: 0.3rem 0.3rem 0 0
}
.tabs.rounded .tab-panes {
border-radius: 0 0 0.3rem 0.3rem
}
.tabs li.active:last-child a {
border-bottom: 1px solid #eeeeee
}
.tabs.vertical li.active a,
.tabs.vertical.right li.active a {
border-left: 1px solid #eeeeee
}
.tabs.vertical .tab-panes,
.tabs.vertical.right .tab-panes {
border-top: none
}
.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 .pricing-table-column.callout {
top: 0
}
.pricing-table .pricing-table-column {
margin-bottom: 0.5rem
}
.pricing-table[class*="columns-"] .pricing-table-column {
border-left: 1px solid #eeeeee
}
}
@media only screen and (max-width: 350px) {
body.boxed .wrapper-inner,
.row {
max-width: 35rem
}
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.tm-slider-container,
.mobile .tm-slider-parallax-container .tm-slider-container {
background: none;
position: relative
}
.tm-slider-parallax-container .tm-slider-container {
position: fixed
}
.tm-slider-container.background-slider {
position: absolute;
z-index: 0
}
.tm-slider-container.fullscreen,
.tm-slider-container.full-width-slider {
width: 100%
}
.tm-slider-container.fullscreen {
width: 100%;
height: 100%;
height: 100vh
}
.tm-slider-container.tms-carousel {
overflow: hidden
}
.tm-slider-container.tms-scalable-height {
-webkit-transition-property: height;
-moz-transition-property: height;
-o-transition-property: height;
-ms-transition-property: height;
transition-property: height;
-webkit-transition-duration: 600ms;
-moz-transition-duration: 600ms;
-o-transition-duration: 600ms;
-ms-transition-duration: 600ms;
transition-duration: 600ms
}
.tms-slides {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
position: relative
}
.tms-slide {
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
position: absolute;
left: 0;
z-index: 1
}
.tms-carousel .tms-slide {
float: left;
position: relative
}
.tms-slide.active {
visibility: visible
}
.tms-overlay {
width: 100%;
height: 100%;
background-image: url(../_images/pattern.png);
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 > video,
.tms-slide > iframe,
.tms-slide > object,
.tms-slide > embed {
position: relative;
opacity: 0
}
.tms-slide > video {
z-index: 1
}
.tms-slide.tms-video-no-ratio > video,
.tms-slide.tms-video-no-ratio > iframe,
.tms-slide.tms-video-no-ratio > object,
.tms-slide.tms-video-no-ratio > embed {
width: 100% !important;
height: 100% !important;
position: static
}
.tms-slide img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
display: block;
float: none;
position: relative;
transform: translate(0, 0)
}
.tms-carousel .tms-slide img {
max-height: none
}
.tms-slide > video + img,
.tms-slide.tms-forcefit > img,
.tms-fullscreen .tms-slide > img {
max-width: none;
max-height: none;
float: none;
position: absolute
}
.tms-progress-bar {
width: 0;
height: 0.5rem;
background: rgba( 0, 0, 0, 0.3);
position: absolute;
bottom: 0;
z-index: 2
}
.tm-loader,
.tm-loader #circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.tm-loader {
width: 2rem;
height: 2rem;
margin: -1rem 0 0 -1rem;
position: absolute;
top: 50%;
left: 50%;
z-index: 2
}
.tm-loader #circle {
width: 2rem;
height: 2rem;
background: #666666;
-webkit-animation: preloader 1s ease infinite;
-moz-animation: preloader 1s ease infinite;
-o-animation: preloader 1s ease infinite;
animation: preloader 1s ease infinite
}
@-webkit-keyframes "preloader" {
from {
opacity: 1;
-webkit-transform: scale( 1);
}
to {
opacity: 0;
-webkit-transform: scale( 0);
}
}
@keyframes "preloader" {
from {
opacity: 1;
transform: scale( 1);
}
to {
opacity: 0;
transform: scale( 0);
}
}
.tms-caption {
width: auto;
/* display: inline-block !important; */
background-image: url(../_images/blank.png);
opacity: 0;
position: absolute;
z-index: 2;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none
}
.tms-caption.scale {
line-height: 1
}
.tms-caption video,
.tms-caption iframe,
.tms-caption object,
.tms-caption embed {
width: 100% !important;
height: 100% !important
}
.tms-caption.no-transition {
opacity: 1 !important;
visibility: hidden;
display: block !important
}
.tms-caption:last-child {
margin-bottom: 0
}
.tms-perspective {
perspective: 800px
}
.tms-content {
width: 100%;
max-width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: table;
table-layout: fixed;
text-align: center;
position: absolute;
z-index: 2
}
.tms-content-inner {
height: 100%;
vertical-align: middle;
display: table-cell;
float: none
}
.tms-content-scalable {
padding-bottom: 3rem
}
.tms-content-inner .tms-caption {
position: static
}
.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-fullscreen .tms-caption {
position: relative
}
.tms-slide .row,
.tms-slide .column {
height: 100%
}
.tms-content .row,
.tms-content .column {
height: auto
}
.tms-slide .row .tms-content {
position: relative
}
@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 {
margin-top: -2.5rem;
width: 5rem;
height: 5rem;
background-color: rgba(0, 0, 0, 0.3);
color: #ccc;
font-size: 3rem;
text-align: center;
line-height: 5rem;
display: none;
position: absolute;
z-index: 10
}
.tms-arrow-nav:hover {
width: 7rem;
color: #fff
}
#tms-next {
top: 50%;
right: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
#tms-next:before {
content: '\e87e' /* '' */
}
#tms-prev {
top: 50%;
left: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
#tms-prev:before {
content: "\e87d" /* '' */
}
.tms-pagination {
width: 100%;
text-align: center;
display: none;
position: absolute;
bottom: 2rem;
line-height: 0;
z-index: 10
}
.tms-bullet-nav {
width: 0.8rem;
height: 0.8rem;
margin: 0 0.3rem;
display: inline-block;
background: #ffffff;
opacity: 0.3;
border-radius: 50%
}
.tms-thumb-nav {
width: 5rem;
height: 5rem;
opacity: 0.5
}
.tms-bullet-nav:hover,
.tms-thumb-nav:hover {
opacity: 1
}
.tms-bullet-nav.active,
.tms-thumb-nav.active {
opacity: 1
}
.tm-slider-container.show-on-hover .tms-arrow-nav,
.tm-slider-container.show-on-hover .tms-pagination {
opacity: 0
}
.tm-slider-container.show-on-hover:hover .tms-arrow-nav,
.tm-slider-container.show-on-hover:hover .tms-pagination {
opacity: 1
}
.tm-slider-container.background-slider .tms-arrow-nav,
.tm-slider-container.background-slider .tms-pagination {
display: none !important
}
.tm-slider-container.pagination-below .tms-pagination {
bottom: -3rem
}
.tm-slider-container.pagination-below .tms-bullet-nav {
background: #000
}
.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: 300ms;
-moz-transition-duration: 300ms;
-o-transition-duration: 300ms;
-ms-transition-duration: 300ms;
transition-duration: 300ms
}
[class^="tms-arrow-nav"]:before,
[class*="tms-arrow-nav"]:before {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.modal-open {
overflow: hidden
}
#tml-lightbox,
#tml-content-wrapper,
#tml-content {
position: absolute
}
.tm-lightbox {
width: 100%;
height: 100%;
background: #000;
background: rgba(255, 255, 255, .9);
opacity: 0;
top: 0;
left: 0;
position: fixed;
z-index: 1000;
-webkit-backface-visibility: hidden
}
#tm-lightbox.tml-modal-mode {
background: rgba(0, 0, 0, 0.2);
overflow-x: hidden;
overflow-y: auto
}
#tml-content {
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-backface-visibility: hidden
}
.tml-modal-mode .modal-dialog {
background: #fff;
box-shadow: 0 0 1rem rgba( 0, 0, 0, .5)
}
.tml-modal-mode .modal-dialog > div {
padding-left: 3rem;
padding-right: 3rem
}
#tml-content-wrapper.zoomed {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important
}
#tml-content.scrollable-content:not(.modal-dialog) {
background: #fff;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
#tml-content.tml-error {
width: 100%;
background: none;
font-size: 1.4rem;
font-weight: bold;
text-align: center;
top: 50%;
left: 0;
box-shadow: none
}
@media only screen and (max-width: 479px) {
#tml-content-wrapper {
left: 10% !important;
right: 10% !important
}
.tml-modal-mode #tml-content-wrapper {
left: 5% !important;
right: 5% !important
}
}
#tml-content video,
#tml-content iframe,
#tml-content object,
#tml-content embed {
width: 100% !important;
height: 100% !important
}
.tm-loader,
.tm-loader #circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.tm-loader {
width: 2rem;
height: 2rem;
margin: -1rem 0 0 -1rem;
position: absolute;
top: 50%;
left: 50%
}
.tm-loader #circle {
width: 2rem;
height: 2rem;
background: #666666;
-webkit-animation: preloader 1s ease infinite;
-moz-animation: preloader 1s ease infinite;
-o-animation: preloader 1s ease infinite;
animation: preloader 1s ease infinite
}
@-webkit-keyframes "preloader" {
from {
opacity: 1;
-webkit-transform: scale( 1);
}
to {
opacity: 0;
-webkit-transform: scale( 0);
}
}
@keyframes "preloader" {
from {
opacity: 1;
transform: scale( 1);
}
to {
opacity: 0;
transform: scale( 0);
}
}
#tml-caption {
width: 100%;
font-size: 1.2rem;
font-style: italic;
text-align: center;
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
position: absolute;
bottom: 0
}
#tml-caption span {
width: 100%;
background-color: rgba(255, 255, 255, 0.5);
display: block;
padding: 1rem 1.5rem;
border-top: 0.1rem solid #eeeeee
}
.tml-nav {
width: 4.4rem;
height: 4.4rem;
font-size: 2rem;
text-align: center;
text-transform: capitalize;
line-height: 4.4rem;
opacity: 0.4;
position: absolute;
z-index: 10
}
.tml-nav:hover {
opacity: 1
}
#tml-next {
top: 50%;
right: 3rem;
margin-top: -2.1rem
}
#tml-next:before {
content: '\e87e' /* '' */
}
#tml-prev {
top: 50%;
left: 3rem;
margin-top: -2.1rem
}
#tml-prev:before {
content: '\e87d' /* '' */
}
#tml-exit {
top: 1.5rem;
right: 3rem
}
.tml-modal-mode #tml-exit {
right: 1.5rem
}
#tml-tool-bar {
margin: 0;
display: inline-block;
position: absolute;
top: 1.5rem;
left: 3rem
}
#tml-tool-bar .tml-nav {
font-size: 1.5rem
}
#tml-tool-bar .tml-nav,
#tml-tool-bar #tml-share-wrapper,
#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: 400ms;
-moz-transition-duration: 400ms;
-o-transition-duration: 400ms;
transition-duration: 400ms
}
#tml-tool-bar .tml-social-list,
#tml-tool-bar .tml-social-list li {
overflow: hidden
}
#tml-tool-bar .tml-social-list li a {
margin-right: 1rem
}
#tml-tool-bar .tml-social-list.active {
opacity: 1;
visibility: visible
}
#tml-tool-bar .tml-social-list .tml-nav {
width: auto;
min-width: 4.4rem;
font-size: 1.1rem
}
#tml-tool-bar #tml-zoom:before {
content: '\e807' /* '' */
}
#tml-tool-bar #tml-share:before {
content: '\e858' /* '' */
}
#tml-exit:before {
content: '\e815' /* '' */
}
.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: 300ms;
-moz-transition-duration: 300ms;
-o-transition-duration: 300ms;
-ms-transition-duration: 300ms;
transition-duration: 300ms
}
[class^="tml-nav"]:before,
[class*="tml-nav"]:before {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.parallax {
height: 55rem;
background: #000;
position: relative;
overflow: hidden
}
.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;
display: table;
text-align: center
}
.tm-parallax {
overflow: hidden;
visibility: visible;
position: absolute;
top: 0;
left: 0;
z-index: 0;
-webkit-backface-visibility: hidden
}
.tmp-content {
display: table
}
.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
}
.tm-loader,
.tm-loader #circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.tm-loader {
width: 2rem;
height: 2rem;
margin: -1rem 0 0 -1rem;
position: absolute;
top: 50%;
left: 50%
}
.tm-loader #circle {
width: 2rem;
height: 2rem;
background: #666666;
-webkit-animation: preloader 1s ease infinite;
-moz-animation: preloader 1s ease infinite;
-o-animation: preloader 1s ease infinite;
animation: preloader 1s ease infinite
}
@-webkit-keyframes "preloader" {
from {
opacity: 1;
-webkit-transform: scale( 1);
}
to {
opacity: 0;
-webkit-transform: scale( 0);
}
}
@keyframes "preloader" {
from {
opacity: 1;
transform: scale( 1);
}
to {
opacity: 0;
transform: scale( 0);
}
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.horizon {
opacity: 0;
visibility: hidden
}
.tmh-perspective {
perspective: 800px;
overflow: visible !important
}
.tmh-perspective-parallax {
perspective: 1600px;
overflow: visible !important
}
.tmh-parallax-item {
opacity: 1;
visibility: visible !important
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
body,
.content {
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;
overflow: hidden;
position: relative;
z-index: 1
}
.replicable-content {
padding-bottom: 4rem
}
.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
}
@media only screen and (max-width: 960px) {
.content-inner,
.sidebar {
width: 100%
}
.content-inner.column[class*='push-'],
.content-inner.column[class*='pull-'],
.sidebar.column[class*='push-'],
.sidebar.column[class*='pull-'],
.blog [class*="pagination-"] .column[class*='push-'],
.blog [class*="pagination-"] .column[class*='pull-'] {
position: static;
left: 0;
right: 0
}
}
.background-fixed,
.background-fixed:before,
.background-fixed:after {
background-attachment: fixed
}
.mobile .background-fixed,
.mobile .background-fixed:before,
.mobile .background-fixed:after {
background-attachment: scroll
}
.background-cover,
.background-cover:before,
.background-cover:after,
.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:before,
.background-contain:after,
.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: none !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 .side-navigation-wrapper.one-page-nav,
.aux-navigation-active .overlay-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
}
.grid-container {
position: relative
}
.grid-container .grid {
max-width: 100%;
min-height: 30rem;
margin-right: 0;
margin-left: 0;
margin-bottom: -3rem;
visibility: hidden;
z-index: 1
}
.masonry.fade-in-progressively .grid-item,
.masonry.fade-in-progressively .masonry-stamp {
opacity: 0
}
.masonry .filtering {
-webkit-transition-property: height;
transition-property: height;
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s
}
.masonry .tm-loader {
top: 6rem
}
.grid-container > .row > .column {
padding-left: 0;
padding-right: 0
}
.grid-container .grid {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.grid-container .grid .grid-item {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.grid-container .thumbnail {
margin-bottom: 0;
float: none
}
.grid-container.small-margins > .row > .column {
padding-left: 1rem;
padding-right: 1rem
}
.grid-container.small-margins.full-width > .row > .column {
padding-left: 0.5rem;
padding-right: 0.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: 0rem;
padding-right: 0rem
}
.grid-container.small-margins.full-width .grid {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
.grid-container.small-margins .grid {
padding-left: 0;
padding-right: 0;
margin-top: -0.5rem;
margin-left: 0;
margin-right: 0;
margin-bottom: -0.5rem
}
.grid-container.small-margins .grid .grid-item {
margin-bottom: 0;
padding: 0.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 .row {
max-width: 100%
}
.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: 0.5rem !important
}
.masonry-set-dimensions {
padding-top: 7rem;
padding-bottom: 6rem
}
.masonry-set-dimensions.full-width .row {
max-width: 100%
}
.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: 0.5rem;
padding-right: 0.5rem
}
.masonry-set-dimensions.no-margins .grid,
.masonry-set-dimensions.no-margins .grid .grid-item {
padding: 0 !important;
margin: 0 !important
}
.masonry-set-dimensions.full-width.no-margins {
padding: 0
}
.masonry > .row > .column,
.masonry-set-dimensions > .row > .column {
padding-left: 0;
padding-right: 0
}
.masonry-set-dimensions .grid {
padding-left: 0;
padding-right: 0;
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: -0.5rem;
margin-bottom: -0.5rem
}
.masonry-set-dimensions.small-margins .grid .grid-item {
padding: 0.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: 0rem;
padding-right: 0rem
}
.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 video,
.masonry-set-dimensions iframe {
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: 0.5rem
}
.no-margins .masonry-stamp {
padding: 0
}
.grid-filter-menu {
padding-top: 3.5rem;
padding-bottom: 0rem;
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: 0rem;
margin-bottom: 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 0.8rem;
-webkit-transition-property: background, border-color, color, opacity;
transition-property: background, border-color, color, opacity;
-webkit-transition-duration: 500ms;
transition-duration: 500ms
}
.grid-filter-menu a:hover {
color: #333
}
.grid-filter-menu a.active {
color: #333;
border-bottom: 1px solid #333
}
.grid .project-title,
.grid .project-description {
display: block
}
.grid .project-title + .project-description {
margin-top: 0.5rem
}
.grid .item-description {
width: 100%;
margin-top: 2rem
}
.grid .item-description .project-title {
margin-top: 0;
margin-bottom: 0.5rem
}
.grid .item-description *:last-child {
margin-bottom: 0rem
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.4s;
transition-duration: 0.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.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-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.small-margins .content-grid-2 .grid-item,
.grid-container.full-width.no-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.small-margins .grid .grid-item,
.grid-container.full-width.no-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.small-margins .grid .grid-item,
.grid-container.full-width.no-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%
}
}
@media only screen and (max-width: 480px) {
.grid-container.full-width.small-margins .grid .grid-item,
.grid-container.full-width.no-margins .grid .grid-item {
width: 100%
}
}
.header {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.header .header-inner {
width: 100%;
background-color: #232323
}
.header .header-inner > .nav-bar {
margin-bottom: -1px
}
.header-transparent .header-inner {
background-color: transparent;
background-image: url(../_images/blank.png)
}
.header-absolute {
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.header-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 100
}
.header-bottom {
position: absolute;
bottom: 0;
top: auto;
z-index: 100
}
.ie-browser .wrapper.inactive .header-bottom {
position: absolute
}
.header .header-inner {
max-width: 100%;
opacity: 1;
position: relative;
z-index: 100;
-webkit-transform: translateZ(0)
}
.header-sticky .header-inner {
width: 100%;
position: fixed;
top: 0;
left: 0;
bottom: auto;
z-index: 100
}
.header-fixed-width .header-inner {
max-width: 114rem;
margin-left: auto;
margin-right: auto
}
body.boxed .header .header-inner {
max-width: 114rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-left: auto;
margin-right: auto
}
.header .logo,
.header .header-inner .navigation > ul > li,
.header .header-inner .navigation > ul > li > a:not(.button),
.header .header-inner .dropdown > .nav-icon {
height: 8rem;
line-height: 8rem
}
.header-compact .logo,
.header-compact .header-inner .navigation > ul > li,
.header-compact .header-inner .navigation > ul > li > a:not(.button),
.header-compact .header-inner .dropdown > .nav-icon {
height: 6rem;
line-height: 6rem
}
.header .logo,
.header .header-inner .navigation > ul > li {
display: table
}
.header .v-align-middle,
.header .logo-inner {
height: 100%;
display: table-cell;
vertical-align: middle;
position: relative
}
.header .logo-inner {
overflow: hidden
}
.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: bold;
text-decoration: none;
color: #ffffff;
display: block;
-webkit-transition-property: opacity, background, color, visibility, -webkit-transform;
transition-property: opacity, background, color, visibility, transform
}
.header .logo a:hover {
opacity: 0.6 !important
}
.header .logo img {
width: 100%;
height: auto;
max-height: 100%
}
.header .logo a:first-child {
display: none
}
.header .logo a:last-child {
display: table-cell
}
.mobile .header .logo a:first-child,
.header-background .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: none;
border: none
}
.header .with-division ul {
float: left
}
.header .with-division ul {
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, 0.2)
}
.header-transparent .with-division li {
border-right: 1px solid rgba(255, 255, 255, 0.2)
}
}
.header .navigation-show,
.header .dropdown,
.header .button {
margin: 0;
line-height: 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 .schedule-indication {
position: relative
}
.header .schedule-indication .badge {
background: #232323;
top: -0.8rem;
right: -0.8rem
}
.header .schedule + .sub-menu,
.header .schedule + .dropdown-list {
width: 30rem;
padding: 2rem;
margin-top: 0;
right: 0
}
.header .search + .sub-menu,
.header .search + .dropdown-list {
padding: 2rem;
margin-top: 1.4rem;
width: 25rem;
right: 0;
left: initial
}
.header .search + .dropdown-list:after {
position: absolute;
top: -6px;
right: 15px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #00b0b9;
border-left: 6px solid transparent;
content: '';
}
.gecko.win .header .search + .dropdown-list:after {
border-right: 7px solid transparent;
border-bottom: 7px solid #00b0b9;
border-left: 7px solid transparent;
}
.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: fixed !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: rgba(0,0,0,0.4) !important;
-webkit-box-shadow: 0 0 3px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.15);
box-shadow: 0 0 3px rgb(0 0 0 / 15%);
border-bottom: 1px solid rgba(0,0,0,0.75) !important;
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}
.mobile .header .header-inner,
.mobile .header .nav-bar {
border-top: none !important
}
.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.8rem 0 0 0 !important;
margin: 0 !important;
display: table;
float: left;
line-height: normal
}
.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, transform, visibility;
transition-property: height, transform, visibility
}
.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 .dropdown > .nav-icon,
.header-animated .navigation-show a {
-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 .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 .header-inner,
.header-animated .header-inner .navigation,
.header-animated .header-inner .navigation > ul > li,
.header-animated .header-inner .navigation > ul > li > a,
.header-animated .dropdown > .nav-icon,
.header-animated .navigation-show a,
.header-animated .logo,
.header-animated .logo span,
.header-animated .logo a {
-webkit-transition-duration: 500ms;
transition-duration: 500ms
}
.header-hide .header-inner {
opacity: 0
}
.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: 500ms;
transition-duration: 500ms
}
.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: none;
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
}
}
@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 > ul > li,
.navigation .dropdown {
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-header,
.side-navigation-footer {
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: bold;
text-decoration: none;
color: #666666
}
.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 .schedule-indication {
margin-left: 0.5rem;
position: relative
}
.side-navigation .schedule-indication .badge {
top: 0.3rem;
left: 0.3rem
}
.side-navigation .schedule-overview li:first-child {
padding-top: 2rem
}
.side-navigation .schedule-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-footer .social-list a:hover {
color: #fff
}
.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
}
.overlay-navigation-wrapper .navigation-hide {
min-height: 4rem;
line-height: 4rem;
position: absolute;
right: 3rem;
top: 0
}
.overlay-navigation {
margin-bottom: 3rem
}
.overlay-navigation:first-child {
padding-top: 10rem
}
.overlay-navigation:last-child {
padding-bottom: 8rem;
margin-bottom: 0
}
.overlay-navigation .schedule-indication {
margin-left: 0.5rem;
position: relative
}
.overlay-navigation .schedule-indication .badge {
top: 0.3rem;
left: 0.3rem
}
.overlay-navigation .schedule + .sub-menu,
.overlay-navigation .schedule + .dropdown-list {
width: 100%;
padding: 0;
margin-top: 0;
right: 0
}
.overlay-navigation .schedule-overview li:first-child {
padding-top: 2rem
}
.overlay-navigation .schedule-overview li:last-child {
padding-bottom: 2rem
}
.overlay-navigation-footer {
padding: 1rem 4rem;
font-size: 1.2rem;
position: absolute;
bottom: 0
}
.overlay-navigation-footer .copyright {
font-size: 1.1rem
}
.overlay-navigation-footer .social-list {
margin-bottom: 1rem
}
.overlay-navigation-footer .social-list a:hover {
color: #fff
}
[class*="intro-title-"] .row,
[class*="intro-title-"] .column,
.title-container {
height: 100%
}
.title-container[class^="title-"] {
margin-bottom: 0
}
.title-container {
width: 100%;
display: table
}
.title-container-inner {
display: table-cell;
vertical-align: bottom;
padding-top: 1rem
}
.title-container-inner > *:first-child {
margin-top: 0
}
.title-container-inner > *:last-child {
margin-bottom: 0
}
[class*="intro-title-"] .subtitle {
font-size: 2.2rem;
line-height: 1.5;
font-weight: 300;
font-style: italic
}
.intro-title-1 {
height: 40rem
}
.intro-title-2 {
height: 40rem;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
position: relative
}
.intro-title-2 h1,
.intro-title-2 .subtitle {
color: #fff
}
@media only screen and (max-width: 768px) {
[class*="intro-title-"] h1 {
font-size: 4rem;
margin-bottom: 0
}
.title-container-inner {
padding-top: 1rem;
}
}
@media only screen and (max-width: 480px) {
[class*="intro-title-"] h1 {
font-size: 2.5rem;
margin-bottom: 0;
}
}
@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 {
width: 100%;
height: 100%;
display: table !important;
table-layout: fixed
}
.section-block .hero-content-inner {
display: table-cell;
vertical-align: middle
}
.section-block .hero-content-inner .row,
.section-block .hero-content-inner .column {
height: auto
}
[class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
padding-right: 5rem
}
[class*="hero-"] .column + .column .split-hero-content .hero-content-inner,
[class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left: 5rem;
padding-right: 0rem
}
body.boxed [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
padding-right: 3rem
}
body.boxed [class*="hero-"] .column + .column .split-hero-content .hero-content-inner,
body.boxed [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left: 3rem;
padding-right: 0rem
}
.hero-content-inner > *:first-child {
margin-top: 0
}
.hero-content-inner > *:last-child {
margin-bottom: 0
}
.hero-1 {
height: 50rem;
background-color: #119b49;
text-align: left;
color: #fff
}
.hero-1 h2,
.hero-1 h6 {
color: #fff
}
.hero-2 {
height: 50rem;
text-align: left;
color: #fff;
background-image: url(../_images/slider/slide-2-fs-hp.jpg);
background-repeat: no-repeat
}
.hero-2 h2,
.hero-2 h6 {
color: #fff
}
.hero-3 {
height: 50rem;
text-align: left;
display: table;
background-image: url(../_images/slider/slide-5-fw.jpg);
background-repeat: no-repeat;
position: relative
}
.hero-3 > div {
display: table-cell;
vertical-align: middle;
float: none
}
.hero-3 .row,
.hero-3 .column {
height: auto
}
.hero-3.right .column {
float: right
}
.hero-3.top {
padding-top: 0
}
.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[class*="center"] {
padding-top: 0
}
.hero-3.center-left .column {
text-align: left
}
.hero-3.center .column {
margin: auto;
float: none
}
.hero-3.center-right .column {
text-align: right;
float: right
}
.hero-3 .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;
position: relative
}
.hero-4 > .row:before {
width: 50%;
height: 100%;
background-color: rgba(0, 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 {
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
z-index: 0
}
.hero-5 .media-column iframe,
.hero-5 .media-column video,
.hero-5 .media-column .map-container {
width: 100%;
height: 100%
}
.hero-5.right > .media-column {
left: auto;
right: 0
}
.hero-6 {
padding: 0;
text-align: right
}
body.boxed .hero-6 {
padding: 0
}
.hero-6 .hero-slider {
width: 100% !important;
height: 50rem;
margin-bottom: 0
}
.hero-6 .hero-slider .tms-pagination {
width: 50%;
text-align: right;
padding-right: 5rem
}
.hero-6 .hero-slider .tms-bullet-nav {
background: #eee
}
.hero-6 .hero-content {
width: 50%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
display: table !important
}
.hero-6.right .hero-content {
left: auto;
right: 0;
text-align: left
}
.hero-6 .hero-content-inner {
padding-left: 5rem;
padding-right: 5rem
}
.hero-6 h2,
.hero-6 h6 {
color: #fff
}
@media only screen and (max-width: 1040px) {
[class*="hero-"].right .column:first-child .split-hero-content .hero-content-inner {
padding-right: 3.5rem
}
[class*="hero-"] .column + .column .split-hero-content .hero-content-inner,
[class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left: 3.5rem
}
body.boxed [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
padding-left: 3.5rem;
padding-right: 3.5rem
}
body.boxed [class*="hero-"] .column + .column .split-hero-content .hero-content-inner,
body.boxed [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left: 3.5rem;
padding-right: 3.5rem
}
}
@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
}
[class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
padding-right: 0 !important
}
[class*="hero-"] .column + .column .split-hero-content .hero-content-inner,
[class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left: 0
}
.hero-content {
text-align: center
}
.hero-3[class*="center"] {
padding-top: 7rem;
padding-bottom: 7rem
}
.hero-4 > .row:before,
.hero-4 > .row:after {
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
}
.hero-5.show-media-column-on-mobile .media-column {
width: 100%;
margin-bottom: 1rem;
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 .tms-pagination {
text-align: center !important
}
.hero-6 .hero-slider .tms-pagination {
width: 100%;
padding: 0;
text-align: center
}
.hero-6 .hero-content-inner {
padding-left: 3rem;
padding-right: 3rem
}
.hero-slider .hero-content {
width: 100%;
height: inherit;
text-align: center
}
}
@media only screen and (max-width: 600px) {
[class*="hero-"] > .row > .column {
max-width: 48rem
}
}
@media only screen and (max-width: 480px) {
[class*="hero-"] > .row > .column {
max-width: 35rem
}
}
@media only screen and (max-width: 350px) {
[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)
}
}
.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
}
.section-block.feature-1 {
padding-bottom: 0
}
.feature-1 {
text-align: center
}
.section-block.feature-2 {
padding-bottom: 0
}
.feature-2 {
position: relative
}
.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 {
position: relative
}
.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 .column,
.feature-3 .column {
height: auto !important
}
.feature-2.left {
padding-bottom: 0
}
.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-image {
margin-bottom: 0
}
.feature-3 .column:last-child .feature-content {
padding-bottom: 0
}
.feature-3 .column:last-child .feature-column:last-child {
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-"] .row,
[class*="call-to-action-"] .column {
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 {
padding-left: 3rem;
padding-right: 3rem;
font-size: 2.5rem;
line-height: 3.5rem;
text-align: center
}
.call-to-action-1 {
width: 100%;
background-color: #f58220;
font-weight: 300;
color: #fff;
display: block
}
.call-to-action-1:hover {
background-color: #119b49
}
.call-to-action-1 span {
display: block
}
.call-to-action-2 {
padding-left: 3rem;
padding-right: 3rem;
text-align: center;
background: #ea4b35;
color: #fff
}
.call-to-action-2 p {
font-size: 2.5rem;
line-height: 3.5rem;
font-weight: 300
}
.call-to-action-3 {
background-color: #ffbe12;
color: #fff;
position: relative
}
.call-to-action-3 p {
font-size: 2.5rem;
line-height: 3.5rem;
font-weight: 300
}
.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
}
}
.form-element[class*="border-"] {
background: #fff
}
.form-honeypot {
display: none
}
.contact-form-container {
position: relative;
margin-bottom: 3rem
}
.contact-form-container .contact-form {
position: relative
}
.contact-form-container .row {
margin-left: -1rem;
margin-right: -1rem
}
.contact-form-container [class*="width-"] {
padding-left: 1rem;
padding-right: 1rem
}
.contact-form-container .form-element {
margin-bottom: 2rem
}
.contact-form-container .form-response {
font-size: 1.2rem;
line-height: 1.3;
color: #666;
position: absolute;
bottom: 0
}
.contact-form-container input[type=submit] {
margin-bottom: 0
}
.contact-form-container input[disabled=disabled][type=submit] {
opacity: 0.6
}
.contact-1 h2 {
margin-bottom: 3rem
}
.contact-1 .contact-form-container {
margin-bottom: 0
}
.contact-1 .contact-form-container .form-response {
bottom: -3rem
}
.contact-2 .contact-form-container .form-response {
bottom: -3rem
}
.signup-form-container {
position: relative;
margin-bottom: 3rem
}
.signup-form-container .signup-form {
position: relative
}
.signup-form-container .row {
margin-left: -1rem;
margin-right: -1rem
}
.signup-form-container [class*="width-"] {
padding-left: 1rem;
padding-right: 1rem
}
.signup-form-container .form-element {
margin-bottom: 2rem
}
.signup-form-container .form-response {
font-size: 1.2rem;
line-height: 1.3;
position: absolute;
bottom: 0;
-ms-word-break: break-all;
word-break: break-word
}
.signup-form-container input[type=submit] {
margin-bottom: 2rem
}
.signup-form-container input[disabled=disabled][type=submit] {
opacity: 0.6
}
.signup-form-container.boxed {
padding: 4rem
}
.signup-1 .signup-form-container {
margin-bottom: 0
}
.signup-1 .form-submit {
width: 100%
}
.signup-1 .signup-form-container .form-response {
bottom: -1.3rem
}
.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)
}
.signup-2 .signup-form-container .form-response {
bottom: 2.5rem
}
.signup-2 .form-submit {
width: 100%
}
.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-bottom: 0;
margin-left: auto;
margin-right: auto
}
.signup-3 .form-element {
width: 100%
}
.signup-3 .signup-form-container .form-response {
width: 100%;
bottom: -1.3rem
}
.search-form-container .row {
margin-left: -1rem;
margin-right: -1rem
}
.search-form-container [class*="width-"] {
padding-left: 1rem;
padding-right: 1rem
}
.search-form-container input[type=submit] {
margin-bottom: 0
}
.search-form-container .form-element {
margin-bottom: 2rem
}
@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;
font-size: 1.3rem;
text-transform: uppercase
}
.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: bold;
font-style: normal;
line-height: 1;
letter-spacing: 0.1rem
}
.testimonial-2 h6 {
margin-bottom: 1rem;
font-size: 1.3rem;
text-transform: uppercase
}
.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: 0.5rem;
text-transform: uppercase;
font-weight: bold;
font-style: normal;
letter-spacing: 0.1rem
}
.testimonial-3 [class*="content-grid"] {
margin-bottom: -3rem
}
.testimonial-3 h6 {
margin-bottom: 4rem;
font-size: 1.3rem;
text-transform: uppercase
}
.testimonial-3 blockquote {
width: 100%;
padding: 0;
margin: 0
}
.testimonial-3 cite {
text-transform: uppercase;
letter-spacing: 0.1rem
}
.testimonial-4 [class*="content-grid"] {
margin-bottom: -3rem
}
.testimonial-4 h6 {
margin-bottom: 4rem;
font-size: 1.3rem;
text-transform: uppercase
}
.testimonial-4 blockquote {
height: 100%;
padding: 2.5rem;
margin: 0;
border-radius: 0.3rem;
border: 1px solid #ddd
}
.testimonial-4 cite {
text-transform: uppercase;
letter-spacing: 0.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: bold;
font-style: normal;
letter-spacing: 0.1rem
}
.testimonial-slider {
width: 100% !important;
height: 35rem;
margin: 0 auto;
background: none
}
.testimonial-slider .tms-pagination {
bottom: 0
}
.testimonial-slider.left,
.testimonial-slider.right {
margin: 0
}
.testimonial-slider blockquote,
.center .testimonial-slider blockquote {
padding-left: 0.5rem;
padding-right: 0.5rem
}
.testimonial-slider.left blockquote,
.testimonial-slider.left .tms-pagination {
text-align: left
}
.testimonial-slider.left blockquote {
padding-left: 0;
padding-right: 1rem
}
.testimonial-slider.right blockquote,
.testimonial-slider.right .tms-pagination {
text-align: right
}
.testimonial-slider.right blockquote {
padding-left: 1rem;
padding-right: 0
}
@media only screen and (max-width: 960px) {
.testimonial-1 p,
.testimonial-5 .testimonial-slider p {
font-size: 1.9rem;
line-height: 2.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 blockquote,
.testimonial-slider.center-on-mobile .tms-pagination {
text-align: center
}
.testimonial-slider.center-on-mobile blockquote {
padding: 0 !important
}
}
@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
}
.social-list a {
margin-right: 1rem
}
.right .social-list a,
.social-list.right a {
margin-left: 1rem;
margin-right: 0
}
.social-list.right li:first-child a {
margin-left: 0
}
.center .social-list a,
.social-list.center a {
margin-right: 0.5rem;
margin-left: 0.5rem
}
.social-list:not(.center) li:last-child a {
margin-right: 0
}
@media only screen and (max-width: 768px) {
.social-list:not(.center) li:last-child a {
margin-right: 0.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 h2 {
margin-bottom: 3rem
}
.team-1 .team-content-info h5 {
margin-top: 2rem;
margin-bottom: 0
}
.team-1 h6.occupation {
margin-top: 0;
margin-bottom: 2rem;
text-transform: uppercase;
font-size: 1.2rem;
color: #999;
letter-spacing: 0.1rem
}
.team-2 {
background: #f4f4f4
}
.team-2 [class*="content-grid"] {
margin-bottom: -3rem
}
.team-2 .thumbnail {
margin-bottom: 1rem
}
.team-2 .team-content {
background: #fff
}
.team-2 .team-content-info {
padding: 2rem
}
.team-2 .team-content-info > *:first-child {
margin-top: 0
}
.team-2 .team-content-info h2 {
margin-bottom: 3rem
}
.team-2 .team-content-info h5 {
margin-top: 1rem;
margin-bottom: 0
}
.team-2 h6.occupation {
margin-top: 0;
margin-bottom: 2rem;
text-transform: uppercase;
font-size: 1.2rem;
color: #999;
letter-spacing: 0.1rem
}
.team-2 .social-list .list-label {
margin-right: 1rem;
font-size: 1rem;
font-weight: bold;
color: #999;
text-transform: uppercase;
display: inline-block
}
.team-2 .social-list.boxed {
margin: 0 -2rem -2rem -2rem;
padding: 2rem;
background: #e7e7e7
}
.team-3 {
background-image: url(../_images/team/page-01-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
position: relative
}
.team-3 {
color: #fff;
text-align: left
}
body.boxed .team-3 {
padding-left: 0;
padding-right: 0
}
.team-3 .slider-column {
padding-left: 0;
padding-right: 0
}
.team-3 .team-slider {
height: 45rem;
margin-bottom: 0;
background: none
}
.team-3 .team-slider .tms-slides {
margin-bottom: 2rem
}
.team-3 .team-slider li {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.team-3 .team-slider .tms-pagination {
padding-left: 1.5rem;
padding-right: 1.5rem;
bottom: 0
}
.team-3 .team-content {
margin-bottom: 4rem
}
.team-3 .team-content-info {
color: #fff
}
.team-3 .team-content-info h2 {
margin-bottom: 3rem
}
.team-3 .team-content-info h5 {
margin-top: 2rem;
margin-bottom: 0;
color: #fff
}
.team-3 h6.occupation {
margin-top: 0;
margin-bottom: 2rem;
text-transform: uppercase;
font-size: 1.2rem;
color: #999;
letter-spacing: 0.1rem
}
.team-3 .social-list a {
color: #fff
}
.team-3 .social-list a:hover {
opacity: 0.5
}
.section-block.team-4 {
padding-bottom: 0
}
.team-4 {
text-align: center;
overflow: hidden
}
.team-4 .grid-item {
margin-bottom: 0
}
.team-4 .thumbnail {
margin-bottom: 0
}
.team-4 .overlay-info > span {
padding: 3rem;
font-size: 1.4rem;
line-height: 1.8;
font-weight: normal
}
.team-4 .team-content-info h5 {
margin-top: 2rem;
margin-bottom: 0
}
.team-4 h6.occupation {
margin-top: 0;
margin-bottom: 2rem;
text-transform: uppercase;
font-size: 1.2rem;
color: #999;
letter-spacing: 0.1rem
}
.team-4 .social-list {
display: block;
margin-top: 2rem
}
.team-4 .social-list a {
margin: 0 0.5rem;
color: #fff
}
.team-4 .social-list a:hover {
opacity: 0.5
}
.mobile .team-4 .overlay-info {
height: auto;
background: none;
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: 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-top .thumbnail,
.masonry-set-dimensions-2 .half.image-bottom .thumbnail {
width: 100%
}
.masonry-set-dimensions-2 .two-third.image-top .thumbnail,
.masonry-set-dimensions-2 .two-third.image-bottom .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 .image-left.no-description .thumbnail,
.masonry-set-dimensions-2 .image-right.no-description .thumbnail {
width: 100%
}
.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 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-top .item-description {
width: 100%;
height: 50%;
text-align: center
}
.masonry-set-dimensions-2 .half.image-bottom .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;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
border-color: #f9f9f9;
border-width: 10px;
top: 50%;
z-index: 10
}
.masonry-set-dimensions-2 .item-description:after {
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%
}
.portfolio-carousel .thumbnail {
margin-bottom: 0
}
.portfolio-carousel .column.slider-column {
padding-left: 0;
padding-right: 0
}
.portfolio-carousel .portfolio-recent-slider {
padding: 0;
margin-bottom: 0;
background: none
}
.portfolio-carousel .portfolio-recent-slider li {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.portfolio-carousel .previous-portfolio-recent-slider,
.portfolio-carousel .next-portfolio-recent-slider {
width: 3rem;
height: 3rem;
margin-right: 0.5rem;
line-height: 3rem;
text-align: center;
display: inline-block;
border: 1px solid #ddd
}
.portfolio-carousel [class*="icon-"] {
margin: 0
}
.portfolio-carousel .grid-description {
width: 100%;
height: 100%;
padding: 0;
display: block
}
.portfolio-media,
.portfolio-media img,
.portfolio-media iframe,
.portfolio-media object {
margin-bottom: 3rem
}
.portfolio-media *:last-child {
margin-bottom: 0
}
.project-details h6 {
margin-bottom: 1rem
}
.project-details ul {
margin-bottom: 2rem
}
@media only screen and (max-width: 960px) {
.portfolio-carousel .column {
width: 100%
}
.portfolio-carousel .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: #ffffff;
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: #ffffff;
border-width: 10px;
top: auto !important;
bottom: 100%;
left: 50%
}
}
[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: 0.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 [class*="content-grid"] {
margin-left: 0;
margin-right: 0
}
.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, 0.4);
color: #fff;
opacity: 1;
display: block
}
.logos-2 a:hover {
background-color: rgba(0, 0, 0, 0.6)
}
.logos-3 [class*="content-grid"] {
margin-left: 0;
margin-right: 0
}
.logos-3 .grid-item {
padding: 0;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
position: relative
}
.logos-3 .grid-item:before {
height: 100%;
border-left: 1px solid #ddd;
content: "";
position: absolute;
top: 0;
left: -1px
}
.logos-3 .grid-item:after {
width: 100%;
border-bottom: 1px solid #ddd;
content: "";
position: absolute;
bottom: -1px;
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:before {
height: 100%;
border-left: 1px solid #ddd;
content: "";
position: absolute;
top: 0;
left: -1px
}
.logos-4 .grid-item:after {
width: 100%;
border-bottom: 1px solid #ddd;
content: "";
position: absolute;
bottom: -1px;
left: 0
}
.logos-4 a,
.logos-4 span {
width: 100%;
padding: 5rem 1.5rem;
opacity: 1;
display: block
}
.logos-4 a:hover {
opacity: 0.5
}
.logos-5 .logo-slider {
height: 15rem;
margin-bottom: 0;
background: none
}
.logos-5 > .row {
margin-top: -3rem
}
.logos-5 .logo-slider .tms-pagination {
bottom: 0
}
.logos-5 .logo-slider .tms-bullet-nav {
background: #333
}
@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-3 a,
.logos-4 a,
.logos-2 span,
.logos-3 span,
.logos-4 span {
padding: 3rem 1.5rem
}
}
@media only screen and (max-width: 480px) {
[class*="logos-"] .grid-item {
width: 50%
}
.logos-3 a,
.logos-2 a,
.logos-4 a,
.logos-2 span,
.logos-3 span,
.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)
}
}
.clients-1 {
line-height: 1
}
.clients-1 .client-name {
margin-top: 0;
margin-bottom: 1rem
}
.clients-1 .client-description {
font-size: 1.1rem;
opacity: 0.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%
}
}
.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;
list-style: none
}
.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-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: none;
color: #999
}
.social-2 a span {
display: table-cell;
vertical-align: middle
}
.social-2 [class*="icon"] {
width: 100%;
margin: 0 0 1rem 0;
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;
list-style: none;
line-height: 1
}
.social-3 ul li {
padding: 0 1rem;
margin-bottom: 1rem;
display: inline-block;
text-align: center
}
.social-3 a[class*="icon"] {
width: 5rem;
height: 5rem;
margin: 0;
line-height: 5rem;
font-weight: normal;
background: rgba(255, 255, 255, 0.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;
list-style: none
}
.social-4 ul li {
padding: 0 1rem;
margin: 0 2rem 1rem 2rem;
display: inline-block
}
.social-4 ul li a {
font-size: 1.7rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-weight: bold;
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
}
}
@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 {
background-image: url(../_images/slider/slide-2-fs-hp@2x.jpg)
}
}
[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: normal
}
.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: 0.5rem;
font-size: 3rem;
line-height: 1;
font-weight: bold
}
.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 .grid-item:last-child {
border: none
}
.stats-3 .counter {
margin-bottom: 0.5rem;
font-size: 3rem;
line-height: 1;
font-weight: bold
}
.stats-3 .mega-stat .counter {
margin-bottom: 0.5rem;
font-size: 7rem;
line-height: 1;
font-weight: bold
}
.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: bold
}
.stats-3 .description {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px dotted #ddd;
font-weight: bold
}
.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) {
.nav-bar .logo img {
margin-top: -4px
}
.stats-3 .mega-stat .counter {
font-size: 5rem
}
}
@media only screen and (max-width: 768px) {
[class*="stats-"] {
height: auto !important
}
.stats-2 .row-1 {
border-bottom: 1px solid #ddd
}
.stats-2 .grid-item {
border-right: none;
border-bottom: 1px solid #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.row-1 {
border-bottom: 1px dotted #ddd;
border-right: none
}
.stats-3 .grid-item {
border-right: none
}
.stats-3 .row-1:nth-of-type(even),
.stats-3 .row-2:nth-of-type(even) {
border-right: none !important
}
.stats-3 .description {
border-bottom: 1px dotted #ddd
}
[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) {
.stats-1 {
background-image: url(../_images/slider/slide-2-fs-hp@2x.jpg)
}
}
.section-block.fullscreen-sections-wrapper,
.section-block.fullscreen-section {
padding-top: 0;
padding-bottom: 0
}
.fullscreen-sections-wrapper {
position: relative;
z-index: 0
}
.fullscreen-section {
width: 100%;
height: 100%;
height: 100vh;
display: table;
table-layout: fixed;
overflow: hidden;
position: relative;
z-index: 0
}
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-fixed .background-image,
.fullscreen-section .background-slider-wrapper {
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
}
.webkit .fullscreen-section .background-image-wrapper {
width: 100%;
height: 100%;
position: absolute;
-webkit-backface-visibility: hidden;
top: 0;
left: 0
}
.webkit .fullscreen-section.background-fixed .background-image-wrapper {
position: fixed
}
.webkit .fullscreen-section.background-fixed .background-image {
position: relative;
background-attachment: scroll
}
.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-wrapper,
.mobile .fullscreen-section.background-fixed .background-image-wrapper,
.mobile .fullscreen-section .background-image {
width: 100vw;
position: relative !important
}
.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: 600ms;
transition-duration: 600ms;
-webkit-backface-visibility: hidden
}
.fs-bullet-nav {
width: 0.8rem;
height: 0.8rem;
display: inline-block;
background: #fff;
opacity: 0.5;
border-radius: 50%
}
.nav-dark .fs-bullet-nav {
background: #333
}
.fullscreen-sections-wrapper.nav-dark .fs-bullet-nav {
background: #333
}
.fs-bullet-nav:hover {
opacity: 1
}
.fs-bullet-nav.active {
opacity: 1
}
.mobile .fs-pagination {
display: none
}
.fullscreen-section .fullscreen-inner {
width: 100%;
height: 100%;
padding-top: 7rem;
padding-bottom: 7rem;
background: rgba( 0, 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)
}
body.boxed .fullscreen-sections-wrapper .fullscreen-inner,
body.boxed .fullscreen-section .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: normal;
letter-spacing: 0.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-1 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1.jpg)
}
.coming-soon-2 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1.jpg)
}
.coming-soon-2 h1 {
font-size: 10rem;
line-height: 1
}
.error-404 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1.jpg)
}
.error-404 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 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1.jpg)
}
.error-500 h1 {
font-size: 15rem;
line-height: 1
}
.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;
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.no-overlay.content-below-on-mobile *,
.fullscreen-section .background-on-mobile * {
color: #666
}
.fullscreen-section.content-below-on-mobile .alt-color-on-mobile {
color: #fff
}
.fullscreen-section .background-image-wrapper,
.webkit .fullscreen-section .background-image-wrapper,
.fullscreen-section.background-fixed .background-image-wrapper,
.webkit .fullscreen-section.background-fixed .background-image-wrapper,
.fullscreen-section .background-image,
.fullscreen-section.background-fixed .background-image,
.webkit .fullscreen-section.background-fixed .background-image {
max-width: 100vw;
background-attachment: scroll
}
.fs-image-scale .background-image-wrapper,
.fs-image-scale .background-image,
.content-below-on-mobile .background-image-wrapper,
.content-below-on-mobile .background-image,
.content-below-on-mobile .background-slider-wrapper {
position: relative !important
}
.fullscreen-section.background-contain .background-image,
.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
}
}
.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 {
background-image: url(../_images/fullscreen/coming-soon-1@2x.jpg)
}
.coming-soon-2 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1@2x.jpg)
}
.error-404 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1@2x.jpg)
}
.error-500 .background-image {
background-image: url(../_images/fullscreen/coming-soon-1@2x.jpg)
}
}
.pagination-previous.disabled,
.pagination-next.disabled,
.pagination-previous.disabled:hover,
.pagination-next.disabled:hover {
transition: none;
cursor: default;
background: none !important
}
.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 {
text-align: right
}
.pagination-1 .pagination-next [class*="icon-"] {
margin-left: 1rem;
float: right
}
.pagination-1 span {
font-size: 2rem;
font-weight: bold;
display: block
}
.pagination-1 a.disabled,
.pagination-1 a.disabled:hover {
color: #ddd
}
.pagination-1 .return-to-index,
.pagination-1 .page-list {
margin-top: 0.3rem;
margin-bottom: 0;
font-size: 1.7rem;
text-align: center;
font-weight: bold
}
.pagination-1 .page-list li {
padding: 0 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-previous,
.pagination-2 .pagination-next {
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: #ff0000
}
.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-previous [class*="icon-"] {
margin-left: 1rem;
float: right
}
.pagination-2 .pagination-next [class*="icon-"] {
margin-right: 1rem;
float: left
}
.pagination-2 span {
font-size: 2rem;
font-weight: bold;
display: block
}
.pagination-2 a.disabled,
.pagination-2 a.disabled:hover {
color: #ddd
}
.pagination-3 ul {
margin: 0;
text-align: center
}
.pagination-3 ul li {
display: inline-block
}
.pagination-3 a {
width: 4rem;
height: 4rem;
margin: 0;
padding: 1rem;
display: block;
border: 1px solid #ddd;
border-radius: 50%;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.8rem;
text-align: center
}
.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 0.5rem;
font-size: 1.6rem;
font-weight: bold
}
.pagination-4 .button.disabled,
.pagination-4 .button.disabled:hover {
color: #ddd;
background: none;
border-color: #ddd
}
.pagination-4 .button [class*="icon-"]:before {
margin: 0
}
.pagination-4 .pagination-previous [class*="icon-"],
.pagination-4 .pagination-next [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: -0.4rem
}
.pagination-5 a {
width: 6rem;
height: 6rem;
color: #333;
font-size: 1.4rem;
font-weight: bold;
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-previous,
.pagination-5 a.pagination-next {
width: auto;
padding: 0 2rem;
font-weight: bold;
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 {
width: 100%
}
}
@media only screen and (max-width: 768px) {
.pagination-1 .pagination-previous,
.pagination-1 .return-to-index,
.pagination-1 .page-list {
padding-bottom: 3.8rem;
margin-bottom: 3.8rem;
border-bottom: 1px solid #ddd;
display: block
}
.pagination-1 .return-to-index,
.pagination-1 .page-list,
.pagination-1 .pagination-next {
text-align: left
}
.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 {
text-align: left
}
.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-previous,
.pagination-5 ul li a.pagination-next {
width: 6rem;
padding: 0;
text-align: center
}
.pagination-5 ul li a span {
float: none
}
.pagination-5 ul li a.pagination-previous span:last-child {
display: none
}
.pagination-5 ul li a.pagination-next span:first-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-previous [class*="icon-"],
.pagination-4 .pagination-next [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-canvas {
width: 100%;
height: 100%
}
#map-canvas img {
max-width: none
}
.gm-style .gm-style-iw {
padding: 0.3rem;
color: #666;
line-height: 1.5
}
.footer {
width: 100%;
background-color: #222;
position: relative;
z-index: 1
}
.footer .row.flex > .column {
flex-direction: column
}
body.boxed .footer .footer-top,
body.boxed .footer .footer-bottom {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.footer .footer-top {
padding-top: 7rem;
padding-bottom: 7rem
}
.footer .widget {
margin-bottom: 3rem
}
.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: 500ms;
transition-duration: 500ms
}
.footer .footer-logo a:hover {
opacity: 0.6
}
.footer .footer-bottom .copyright {
font-size: 1.1rem;
margin-top: 0.25rem;
float: left
}
.footer .navigation,
.footer .social-list {
float: none
}
.footer .navigation a {
line-height: 2rem;
text-transform: uppercase;
background: none;
padding: 0 1rem
}
.footer .navigation a:hover {
background: none;
color: #fff
}
.footer .navigation li:hover a {
background: none
}
.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: none;
color: #fff
}
.footer .footer-bottom .navigation,
.footer .footer-bottom .social-list {
float: right
}
.footer .footer-bottom .navigation,
.footer .footer-bottom .social-list,
.footer .footer-bottom .copyright {
margin-bottom: 1rem
}
@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
}
}
[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
}
}
.product-price ins {
text-decoration: none
}
.product-price del {
opacity: 0.6
}
.product .onsale,
.product .outofstock {
width: auto;
height: auto;
padding: 0.3rem 0.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
}
.schedule-overview .checkout [class*="icon-"] {
margin-right: 0.4rem;
margin-left: 0 !important;
}
.star-rating [class*="icon-"] {
margin: 0
}
.schedule-overview a.product-remove,
.schedule-overview .product-remove a {
width: 1.6rem;
height: 1.6rem;
margin: 0;
background-color: #eee;
border-radius: 50%;
font-size: 0.9rem;
line-height: 1.7rem;
text-align: center;
color: #666
}
.quantity {
max-width: 8rem
}
.schedule-overview td,
.schedule-totals th,
.widget .schedule-subtotal,
.single-product .review-comments {
border-left: none;
border-bottom: 1px solid #eee
}
.schedule-overview .table,
.schedule-overview .table > thead {
border-left: none;
border-right: none
}
.schedule-overview .table,
.schedule-overview .table > thead th {
border-top: none;
border-left: none
}
.schedule-review .product-subtotal,
.schedule-review .product-remove {
text-align: center
}
.schedule-totals td {
text-align: right
}
.schedule-subtotal th {
font-weight: 400
}
.schedule-order-total {
font-weight: 700
}
.products .product .product-details {
margin-top: 2rem
}
.products .product .product-title {
font-size: 1.4rem;
margin-bottom: 0.5rem
}
.products .product .product-thumbnail .product-title {
display: block;
margin-bottom: 1rem
}
.products .product .product-description {
margin-bottom: 1rem
}
.products .product .product-price {
font-size: 1.2rem
}
.products .product .product-thumbnail .product-price {
font-weight: 400
}
.products .product .product-price ins,
.products .product .product-price del {
padding: 0 0.3rem
}
.products .product .button {
margin-bottom: 0
}
.products .product-result-count {
float: left
}
.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: 200ms;
transition-duration: 200ms;
-webkit-transform: translateY(4rem);
transform: translateY(4rem)
}
.products .product .product-thumbnail:hover .product-actions {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.products .product .product-thumbnail .product-actions .add-to-schedule-button {
width: 100%;
text-align: center
}
.mobile .products .product .product-thumbnail .product-actions,
.products .product .product-actions-mobile {
display: none
}
.mobile .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 .schedule-item {
position: relative
}
.widget .schedule-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: 0.4rem;
display: block
}
.widget .product-list .product-price del {
padding-right: 0.6rem
}
.widget .product-list .star-rating {
display: block;
line-height: 1
}
.widget .schedule-overview a.product-remove {
margin: 0.3rem 0.8rem 0 0;
color: inherit;
display: inline;
float: left
}
.widget .schedule-subtotal {
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 700
}
.widget .schedule-subtotal .amount {
float: right
}
.widget .product-list .schedule-actions a {
display: inline-block
}
.widget .product-list .schedule-actions .checkout {
float: right
}
.widget .product-tag-cloud a {
padding: 0.4rem 0.8rem;
margin: 0 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: auto;
margin-bottom: 0
}
.single-product .product-images .product-thumbnails .grid-item {
width: 25%
}
.single-product .product-summary .product-price ins,
.single-product .product-summary .product-price del {
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 .quantity,
.single-product .product-summary .add-to-schedule-button {
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-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: 0.6rem
}
.single-product .review-comments .comment-meta {
width: 100%;
margin-bottom: 2rem;
line-height: 1
}
.single-product .review-comments .comment-meta {
margin: 0 0 2rem 0;
display: inline-block;
font-size: 1.1rem;
letter-spacing: 0.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 .schedule-indication .badge {
width: 1.6rem;
height: 1.6rem;
border-radius: 50%;
font-size: 0.9rem;
line-height: 1.6rem;
letter-spacing: 0;
text-align: center;
background: #232323;
color: #fff;
position: absolute
}
.nav-block .schedule-overview .schedule-item {
padding: 1rem 0;
text-align: left;
border: none
}
.nav-block .schedule-overview .schedule-item a,
.nav-block .schedule-overview .schedule-actions a {
letter-spacing: 0
}
.nav-block .schedule-overview .schedule-item:before,
.nav-block .schedule-overview .schedule-item:after,
.nav-block .schedule-overview .schedule-actions:before,
.nav-block .schedule-overview .schedule-actions:after {
height: 0;
content: ".";
display: block;
overflow: hidden
}
.nav-block .schedule-overview .schedule-item:after,
.nav-block .schedule-overview .schedule-actions:after {
clear: both
}
.nav-block .schedule-overview li:first-child {
padding-top: 0
}
.nav-block .schedule-overview .product-thumbnail {
width: 5rem;
margin-right: 1.3em;
float: left
}
.nav-block .schedule-overview .product-details {
position: relative;
display: block;
overflow: hidden
}
.nav-block .schedule-overview .product-title {
display: block;
background: none;
font-size: 1.2rem;
line-height: 1;
font-weight: 400
}
.nav-block .schedule-overview .product-quantity,
.nav-block .schedule-overview .product-price {
font-size: 1.1rem
}
.nav-block .schedule-overview a.product-remove {
position: absolute;
top: 0;
right: 0
}
.nav-block .schedule-overview .schedule-subtotal {
padding: 1rem 0;
color: #fff;
font-size: 1.2rem;
font-weight: 700;
text-align: left;
text-transform: uppercase
}
.nav-block .schedule-overview .schedule-subtotal > a:hover {
background: none
}
.nav-block .schedule-overview .schedule-subtotal .amount {
float: right
}
.nav-block .schedule-overview .schedule-actions {
padding-top: 2rem;
border-top: 1px solid #444
}
.nav-block .schedule-overview .view-schedule,
.nav-block .schedule-overview .checkout {
display: inline-block;
float: left
}
.nav-block .schedule-overview .view-schedule:not(.button),
.nav-block .schedule-overview .checkout:not(.button) {
padding: 0;
background: none
}
.nav-block .schedule-overview .checkout {
float: right
}
.schedule .schedule-review .product-thumbnail a {
width: 8rem;
display: block
}
.schedule .schedule-review .form-element {
margin-bottom: 0
}
.schedule .schedule-review .schedule-actions td {
padding: 3rem 0 0 0
}
.schedule .schedule-review .schedule-coupon-form .form-element {
max-width: 17rem
}
.schedule .schedule-review .schedule-coupon-form,
.schedule .schedule-review .schedule-coupon-form .form-element {
float: left
}
.schedule .schedule-review .update-schedule {
float: right
}
@media only screen and (max-width: 600px) {
.schedule .schedule-review .schedule-coupon-form .form-element {
margin-bottom: 1rem
}
.schedule .schedule-review .product-quantity input {
padding-left: 1rem;
padding-right: 1rem
}
.schedule .schedule-review .product-thumbnail {
display: none
}
}
@media only screen and (max-width: 480px) {
.schedule .schedule-review .product-quantity {
display: none
}
}
.checkout .schedule-review .schedule-order-total td {
text-align: center
}
.checkout .checkout-payment p {
font-size: 1.2rem;
font-style: italic;
margin-bottom: 0
}
.mt-0 {
margin-top: 0 !important
}
.mt-5 {
margin-top: 0.5rem !important
}
.mt-10 {
margin-top: 1rem !important
}
.mt-15 {
margin-top: 1.5rem !important
}
.mt-20 {
margin-top: 2rem !important
}
.mt-25 {
margin-top: 2.5rem !important
}
.mt-30 {
margin-top: 3rem !important
}
.mt-35 {
margin-top: 3.5rem !important
}
.mt-40 {
margin-top: 4rem !important
}
.mt-45 {
margin-top: 4.5rem !important
}
.mt-50 {
margin-top: 5rem !important
}
.mt-60 {
margin-top: 6rem !important
}
.mt-70 {
margin-top: 7rem !important
}
.mt-80 {
margin-top: 8rem !important
}
.mt-90 {
margin-top: 9rem !important
}
.mt-100 {
margin-top: 10rem !important
}
.mt-110 {
margin-top: 11rem !important
}
.mt-120 {
margin-top: 12rem !important
}
.mt-130 {
margin-top: 13rem !important
}
.mt-140 {
margin-top: 14rem !important
}
.mt-150 {
margin-top: 15rem !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-5 {
margin-bottom: 0.5rem !important
}
.mb-10 {
margin-bottom: 1rem !important
}
.mb-15 {
margin-bottom: 1.5rem !important
}
.mb-20 {
margin-bottom: 2rem !important
}
.mb-25 {
margin-bottom: 2.5rem !important
}
.mb-30 {
margin-bottom: 3rem !important
}
.mb-35 {
margin-bottom: 3.5rem !important
}
.mb-40 {
margin-bottom: 4rem !important
}
.mb-45 {
margin-bottom: 4.5rem !important
}
.mb-50 {
margin-bottom: 5rem !important
}
.mb-60 {
margin-bottom: 6rem !important
}
.mb-70 {
margin-bottom: 7rem !important
}
.mb-80 {
margin-bottom: 8rem !important
}
.mb-90 {
margin-bottom: 9rem !important
}
.mb-100 {
margin-bottom: 10rem !important
}
.mb-110 {
margin-bottom: 11rem !important
}
.mb-120 {
margin-bottom: 12rem !important
}
.mb-130 {
margin-bottom: 13rem !important
}
.mb-140 {
margin-bottom: 14rem !important
}
.mb-150 {
margin-bottom: 15rem !important
}
.pt-0,
.section-block.pt-0 {
padding-top: 0 !important
}
.pt-5,
.section-block.pt-5 {
padding-top: 0.5rem !important
}
.pt-10,
.section-block.pt-10 {
padding-top: 1rem !important
}
.pt-20,
.section-block.pt-20 {
padding-top: 2rem !important
}
.pt-30,
.section-block.pt-30 {
padding-top: 3rem !important
}
.pt-40,
.section-block.pt-40 {
padding-top: 4rem !important
}
.pt-50,
.section-block.pt-50 {
padding-top: 5rem !important
}
.pt-60,
.section-block.pt-60 {
padding-top: 6rem !important
}
.pt-70,
.section-block.pt-70 {
padding-top: 7rem !important
}
.pt-80,
.section-block.pt-80 {
padding-top: 8rem !important
}
.pt-90,
.section-block.pt-90 {
padding-top: 9rem !important
}
.pt-100,
.section-block.pt-100 {
padding-top: 10rem !important
}
.pt-110,
.section-block.pt-110 {
padding-top: 11rem !important
}
.pt-120,
.section-block.pt-120 {
padding-top: 12rem !important
}
.pt-130,
.section-block.pt-130 {
padding-top: 13rem !important
}
.pt-140,
.section-block.pt-140 {
padding-top: 14rem !important
}
.pt-150,
.section-block.pt-150 {
padding-top: 15rem !important
}
.pb-0,
.section-block.pb-0 {
padding-bottom: 0 !important
}
.pb-5,
.section-block.pb-5 {
padding-bottom: 0.5rem !important
}
.pb-10,
.section-block.pb-10 {
padding-bottom: 1rem !important
}
.pb-20,
.section-block.pb-20 {
padding-bottom: 2rem !important
}
.pb-30,
.section-block.pb-30 {
padding-bottom: 3rem !important
}
.pb-40,
.section-block.pb-40 {
padding-bottom: 4rem !important
}
.pb-50,
.section-block.pb-50 {
padding-bottom: 5rem !important
}
.pb-60,
.section-block.pb-60 {
padding-bottom: 6rem !important
}
.pb-70,
.section-block.pb-70 {
padding-bottom: 7rem !important
}
.pb-80,
.section-block.pb-80 {
padding-bottom: 8rem !important
}
.pb-90,
.section-block.pb-90 {
padding-bottom: 9rem !important
}
.pb-100,
.section-block.pb-100 {
padding-bottom: 10rem !important
}
.pb-110,
.section-block.pb-110 {
padding-bottom: 11rem !important
}
.pb-120,
.section-block.pb-120 {
padding-bottom: 12rem !important
}
.pb-130,
.section-block.pb-130 {
padding-bottom: 13rem !important
}
.pb-140,
.section-block.pb-140 {
padding-bottom: 14rem !important
}
.pb-150,
.section-block.pb-150 {
padding-bottom: 15rem !important
}
[class*="pu-"],
[class*="pd-"] {
position: relative !important
}
.pd-10 {
top: 1rem !important
}
.pd-20 {
top: 2rem !important
}
.pd-30 {
top: 3rem !important
}
.pd-40 {
top: 4rem !important
}
.pd-50 {
top: 5rem !important
}
.pd-60 {
top: 6rem !important
}
.pd-70 {
top: 7rem !important
}
.pd-80 {
top: 8rem !important
}
.pd-90 {
top: 9rem !important
}
.pd-100 {
top: 10rem !important
}
.pd-110 {
top: 11rem !important
}
.pd-120 {
top: 12rem !important
}
.pd-130 {
top: 13rem !important
}
.pd-140 {
top: 14rem !important
}
.pd-150 {
top: 15rem !important
}
.pu-10 {
top: -1rem !important
}
.pu-20 {
top: -2rem !important
}
.pu-30 {
top: -3rem !important
}
.pu-40 {
top: -4rem !important
}
.pu-50 {
top: -5rem !important
}
.pu-60 {
top: -6rem !important
}
.pu-70 {
top: -7rem !important
}
.pu-80 {
top: -8rem !important
}
.pu-90 {
top: -9rem !important
}
.pu-100 {
top: -10rem !important
}
.pu-110 {
top: -11rem !important
}
.pu-120 {
top: -12rem !important
}
.pu-130 {
top: -13rem !important
}
.pu-140 {
top: -14rem !important
}
.pu-150 {
top: -15rem !important
}
@media only screen and (max-width: 768px) {
.mt-mobile-0 {
margin-top: 0 !important
}
.mt-mobile-5 {
margin-top: 0.5rem !important
}
.mt-mobile-10 {
margin-top: 1rem !important
}
.mt-mobile-20 {
margin-top: 2rem !important
}
.mt-mobile-30 {
margin-top: 3rem !important
}
.mt-mobile-40 {
margin-top: 4rem !important
}
.mt-mobile-50 {
margin-top: 5rem !important
}
.mt-mobile-60 {
margin-top: 6rem !important
}
.mt-mobile-70 {
margin-top: 7rem !important
}
.mt-mobile-80 {
margin-top: 8rem !important
}
.mt-mobile-90 {
margin-top: 9rem !important
}
.mt-mobile-100 {
margin-top: 10rem !important
}
.mt-mobile-110 {
margin-top: 11rem !important
}
.mt-mobile-120 {
margin-top: 12rem !important
}
.mt-mobile-130 {
margin-top: 13rem !important
}
.mt-mobile-140 {
margin-top: 14rem !important
}
.mt-mobile-150 {
margin-top: 15rem !important
}
.mb-mobile-0 {
margin-bottom: 0 !important
}
.mb-mobile-5 {
margin-bottom: 0.5rem !important
}
.mb-mobile-10 {
margin-bottom: 1rem !important
}
.mb-mobile-20 {
margin-bottom: 2rem !important
}
.mb-mobile-30 {
margin-bottom: 3rem !important
}
.mb-mobile-40 {
margin-bottom: 4rem !important
}
.mb-mobile-50 {
margin-bottom: 5rem !important
}
.mb-mobile-60 {
margin-bottom: 6rem !important
}
.mb-mobile-70 {
margin-bottom: 7rem !important
}
.mb-mobile-80 {
margin-bottom: 8rem !important
}
.mb-mobile-90 {
margin-bottom: 9rem !important
}
.mb-mobile-100 {
margin-bottom: 10rem !important
}
.mb-mobile-110 {
margin-bottom: 11rem !important
}
.mb-mobile-120 {
margin-bottom: 12rem !important
}
.mb-mobile-130 {
margin-bottom: 13rem !important
}
.mb-mobile-140 {
margin-bottom: 14rem !important
}
.mb-mobile-150 {
margin-bottom: 15rem !important
}
[class*="pu-"],
[class*="pd-"] {
top: 0 !important
}
}
@keyframes shake {
2% { transform: translate(-0.5px, -0.5px) rotate(0.5deg) }
4% { transform: translate(2.5px, -1.5px) rotate(-0.5deg) }
6% { transform: translate(2.5px, 0.5px) rotate(1.5deg) }
8% { transform: translate(-0.5px, 2.5px) rotate(-0.5deg) }
10% { transform: translate(1.5px, -0.5px) rotate(1.5deg) }
12% { transform: translate(0.5px, -1.5px) rotate(-0.5deg) }
14% { transform: translate(0.5px, -1.5px) rotate(0.5deg) }
16% { transform: translate(-0.5px, 0.5px) rotate(0.5deg) }
18% { transform: translate(-1.5px, 1.5px) rotate(0.5deg) }
20% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg) }
22% { transform: translate(1.5px, 1.5px) rotate(0.5deg) }
24% { transform: translate(-1.5px, 2.5px) rotate(1.5deg) }
26% { transform: translate(-0.5px, 0.5px) rotate(0.5deg) }
28% { transform: translate(-1.5px, 1.5px) rotate(-0.5deg) }
30% { transform: translate(1.5px, 0.5px) rotate(0.5deg) }
32% { transform: translate(1.5px, -0.5px) rotate(0.5deg) }
34% { transform: translate(2.5px, 1.5px) rotate(-0.5deg) }
36% { transform: translate(-1.5px, -0.5px) rotate(-0.5deg) }
38% { transform: translate(1.5px, 2.5px) rotate(-0.5deg) }
40% { transform: translate(-0.5px, -1.5px) rotate(0.5deg) }
42% { transform: translate(0.5px, 0.5px) rotate(0.5deg) }
44% { transform: translate(1.5px, 1.5px) rotate(-0.5deg) }
46% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg) }
48% { transform: translate(1.5px, 1.5px) rotate(1.5deg) }
50% { transform: translate(0.5px, -0.5px) rotate(0.5deg) }
52% { transform: translate(-0.5px, 0.5px) rotate(1.5deg) }
54% { transform: translate(1.5px, -1.5px) rotate(0.5deg) }
56% { transform: translate(-0.5px, -1.5px) rotate(1.5deg) }
58% { transform: translate(2.5px, 1.5px) rotate(0.5deg) }
60% { transform: translate(-0.5px, -0.5px) rotate(1.5deg) }
62% { transform: translate(1.5px, 2.5px) rotate(-0.5deg) }
64% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg) }
66% { transform: translate(2.5px, 1.5px) rotate(-0.5deg) }
68% { transform: translate(2.5px, 0.5px) rotate(1.5deg) }
70% { transform: translate(-1.5px, -1.5px) rotate(0.5deg) }
72% { transform: translate(-1.5px, -0.5px) rotate(-0.5deg) }
74% { transform: translate(-0.5px, -1.5px) rotate(1.5deg) }
76% { transform: translate(1.5px, 1.5px) rotate(0.5deg) }
78% { transform: translate(1.5px, -0.5px) rotate(1.5deg) }
80% { transform: translate(-0.5px, 1.5px) rotate(1.5deg) }
82% { transform: translate(2.5px, 2.5px) rotate(0.5deg) }
84% { transform: translate(-0.5px, 0.5px) rotate(1.5deg) }
86% { transform: translate(1.5px, -0.5px) rotate(1.5deg) }
88% { transform: translate(2.5px, -1.5px) rotate(0.5deg) }
90% { transform: translate(0.5px, -1.5px) rotate(-0.5deg) }
92% { transform: translate(-0.5px, -1.5px) rotate(1.5deg) }
94% { transform: translate(2.5px, 0.5px) rotate(1.5deg) }
96% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg) }
98% { transform: translate(-0.5px, -1.5px) rotate(0.5deg) }
0%, 100% { transform: translate(0, 0) rotate(0) }
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.75;
filter: alpha(opacity75);
}
.tooltip.top {
margin-top: -5px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 5px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 5px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -5px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 5px 8px;
color: #ffffff;
text-align: center;
background-color: #000;
border-radius: 4px;
line-height: 1;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
/* Sweet Alert */
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: black;
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
/* IE8 */
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000;
}
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 20px 10px 35px 10px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999;
}
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0 0 0;
padding: 0;
line-height: 40px;
display: block;
}
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal;
}
.sweet-alert fieldset {
border: none;
position: relative;
}
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px;
}
.sweet-alert .sa-error-container p {
display: inline-block;
}
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-ms-clear {
display: none;
}
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd;
}
.sweet-alert.show-input input {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button {
background-color: #00b0b9;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer;
}
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
background-color: #7ecff4;
}
.sweet-alert button:active {
background-color: #5dc2f1;
}
.sweet-alert button.cancel {
background-color: #C1C1C1;
}
.sweet-alert button.cancel:hover {
background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
opacity: .6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1;
left: 50%;
}
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
content: '';
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
/*
* Animations
*/
@-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7);
}
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
}
@-webkit-keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@-webkit-keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@-webkit-keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg);
}
}
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9;
}
/* Success icon */
.sweet-alert .sa-icon.sa-success {
border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9;
}
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
/*
* Animation
*/
@-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%);
}
}
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
/* Slick Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-slider * {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 0.1rem;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 0.1rem solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
/*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 3rem;
height: 3rem;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 10;
margin: -1.5rem 0 0 0;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before,
.slick-next:before {
font-family: 'icons';
font-size: 3rem;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 5rem;
}
[dir='rtl'] .slick-prev {
right: 5rem;
left: auto;
}
.slick-prev:before {
content: '\e87d';
}
[dir='rtl'] .slick-prev:before {
content: '\e87e';
}
.slick-next {
right: 5rem;
}
[dir='rtl'] .slick-next {
right: auto;
left: 5rem;
}
.slick-next:before {
content: '\e87e';
}
[dir='rtl'] .slick-next:before {
content: '\e87d';
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 3rem;
}
.slick-dots {
position: absolute;
bottom: -2.5rem;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
z-index: 10
}
.slick-dots li {
position: relative;
display: inline-block;
width: 2rem;
height: 2rem;
margin: 0 0.5rem;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 2rem;
height: 2rem;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'icons';
font-size: 1rem;
line-height: 2rem;
position: absolute;
top: 0;
left: 0;
width: 2rem;
height: 2rem;
content: '\e89b';
text-align: center;
opacity: .25;
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #FFFFFF;
}
.adpopup-overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 999990;
top: 0;
left: 0;
background: #fff;
}
.adpopup-overlay.adpopup-style-overlay-dark {
background: #000;
}
.adpopup {
width: 480px;
height: 480px;
position: fixed;
z-index: 999991;
left: 50%;
top: 50%;
padding: 19px;
line-height: 1.5em;
font-size: 16px;
color: #000;
font-family: sans-serif;
background: #fff;
border: 1px solid #c6c6c6;
border-radius: 3px;
box-shadow: 0 0 30px rgba(0,0,0,.32);
}
.mobile .adpopup {
width: 240px !important;
height: 240px !important;
margin-top: -120px !important;
margin-left: -120px !important
}
.adpopup.adpopup-style-bg-dark {
background: #292929;
border-color: #000;
color: #eee;
}
.adpopup.adpopup-style-bg-dark a {
color: #eee;
}
.adpopup.adpopup-style-bg-dark a:hover {
color: #fff;
}
.adpopup a.adpopup-close {
width: 20px !important;
height: 20px !important;
display: block !important;
position: absolute !important;
z-index: 999992 !important;
top: -10px !important;
right: -10px !important;
cursor: pointer !important;
text-decoration: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.adpopup.adpopup-style-close-dark a.adpopup-close {
background: url(../_images/assets/adpopup/close_black_normal.png) no-repeat;
}
.adpopup.adpopup-style-close-dark a.adpopup-close:hover {
background: url(../_images/assets/adpopup/close_black_hover.png) no-repeat;
}
.adpopup.adpopup-style-close-dark a.adpopup-close:active {
background: url(../_images/assets/adpopup/close_black_active.png) no-repeat;
}
.adpopup.adpopup-style-close-light a.adpopup-close {
background: url(../_images/assets/adpopup/close_light_normal.png) no-repeat;
}
.adpopup.adpopup-style-close-light a.adpopup-close:hover {
background: url(../_images/assets/adpopup/close_light_hover.png) no-repeat;
}
.adpopup.adpopup-style-close-light a.adpopup-close:active {
background: url(../_images/assets/adpopup/close_light_active.png) no-repeat;
}