/*------------------------------------------------------------------
Main CSS
SONIACERRE.fr
PAGE HOME
AJOUTS & MODIF dezelle : 12 novembre 2016
Author: ThemeMountain
-------------------------------------------------------------------*/
html {
font-size : 62.5%;
}
html, body {
max-width : 100%;
} 
body {
padding : 0;
margin : 0;
background : #ffffff;
color : #666666;
font-family : 'din-light', 'Helvetica Neue light', sans-serif;
font-weight : 400;
font-style : normal;
font-size : 1.4rem;
line-height : 1.8;
overflow-x : hidden !important ;
overflow-y : scroll;
}
*, *:before, *:after {
box-sizing : border-box;
}
.page-fade-reset {
opacity : 1;
transition-duration : 0s;
}
.page-fade-out {
opacity : 0;
transition-property : opacity;
transition-duration : 500ms;
}
.wrapper {
width : 100%;
margin-right : auto;
margin-left : auto;
overflow : 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 ;
}
.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 : -4px;
}
.nav-bar .logo-right {
margin-left : 3rem;
margin-right : 0;
float : right;
}
.nav-bar .logo.logo-center {
float : none;
margin : 0 auto;
}
.navigation.nav-left {
float : left !important ;
}
.navigation.nav-left > ul > li:first-child > a {
padding-left : 0;
margin-left : 0;
}
.navigation.nav-right {
float : right !important ;
}
.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;
overflow-wrap : break-word;
}
.navigation ul li > a:hover, .navigation .dropdown-list li > a:hover {
background : none;
color : #ffffff;
}
.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 : #222222;
background : rgba(34, 34, 34, 1);
box-shadow : 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
border : none;
border-radius : 0;
opacity : 0;
visibility : hidden;
position : absolute;
z-index : 101;
}
.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, 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 : 0 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 : 0 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 : 'icomoon';
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 : "\e63e";
}
.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 : "\e640";
}
.navigation .sub-menu, .navigation .mega-sub-menu {
transition-property : transform, opacity, visibility, border-color;
transition-duration : 400ms;
}
.navigation ul li a {
transition-property : background, border-color, color, line-height;
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 : #ffffff;
}
.navigation-hide {
position : relative;
z-index : 10;
}
.navigation-hide a {
color : #666666;
}
.navigation-hide a:hover {
color : #ffffff;
}
.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;
transition : opacity 300ms, width 0s, height 0s;
}
.inactive.reveal-side-navigation > div:after {
width : 100%;
height : 100%;
opacity : 1;
transition : opacity 300ms;
}
.element-reveal-left {
transform : translate3d(35rem,0,0);
}
.element-reveal-right {
transform : translate3d(-35rem,0,0);
}
.side-navigation-wrapper, .side-navigation-inner {
width : 35rem;
}
.side-navigation-wrapper {
height : 100%;
padding : 0;
background : #292929;
box-shadow : -7px 0 9px -7px rgba(0, 0, 0, 0.6) inset;
overflow-y : scroll;
visibility : hidden;
position : fixed;
left : 0;
right : auto;
transform : translate3d(-100%,0,0);
}
.side-navigation-wrapper.active {
visibility : visible;
}
.side-navigation-wrapper.enter-right {
text-align : left;
box-shadow : 7px 0 9px -7px rgba(0, 0, 0, 0.6) inset;
right : 0;
left : auto;
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 {
transform : translate3d(0,0,0);
}
.side-navigation-wrapper.slide-in-reset {
z-index : 104;
}
.side-navigation-wrapper.slide-in {
transform : translate3d(0,0,0);
}
.element-reveal-left.slide-in, .element-reveal-right.slide-in {
transform : translate3d(0,0,0);
}
.side-navigation-wrapper.push-in-reset {
transform : translate3d(-60%,0,0);
}
.side-navigation-wrapper.enter-right.push-in-reset {
transform : translate3d(60%,0,0);
}
.side-navigation-wrapper.push-in, .side-navigation-wrapper.enter-right.push-in {
transform : translate3d(0,0,0);
}
.side-navigation-wrapper.reveal-reset, .side-navigation-wrapper.enter-right.reveal-reset {
transform : translate3d(0,0,0);
}
.side-navigation-wrapper.scale-in-reset, .side-navigation-wrapper.enter-right.scale-in-reset {
transform : translate3d(0,0,0), scale(0.9);
}
.side-navigation-wrapper.scale-in, .side-navigation-wrapper.enter-right.scale-in {
transform : translate3d(0,0,0), scale(1);
}
.side-navigation-wrapper, .reveal-side-navigation {
transition : transform 550ms, visibility 0s;
}
.side-navigation-wrapper.hide {
visibility : hidden;
left : -35rem;
}
.side-navigation-wrapper.enter-right.hide {
right : -35rem;
}
.element-show-left {
left : 35rem;
}
.element-show-right {
left : -35rem;
}
.element-show-left, .element-show-right {
position : relative !important ;
}
.side-navigation {
width : 100%;
}
.side-navigation: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;
overflow-wrap : break-word;
transition-property : background, color;
transition-duration : 300ms;
}
.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;
transition-property : height;
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 : 101;
}
.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 {
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 {
transform : translate3d(-100%,0,0);
opacity : 0;
}
.overlay-navigation-wrapper.enter-top.slide-in-reset {
transform : translate3d(0,-100%,0);
opacity : 0;
}
.overlay-navigation-wrapper.enter-right.slide-in-reset {
transform : translate3d(100%,0,0);
opacity : 0;
}
.overlay-navigation-wrapper.enter-bottom.slide-in-reset {
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 {
transform : translate3d(0,0,0);
opacity : 1;
}
.overlay-navigation-wrapper.scale-in-reset {
transform : translate3d(0,0,0), scale(0.8);
opacity : 0;
}
.overlay-navigation-wrapper.scale-in {
transform : translate3d(0,0,0), scale(1);
opacity : 1;
}
.overlay-navigation-wrapper {
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;
overflow-wrap : break-word;
transition-property : background, color;
transition-duration : 300ms;
}
.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.1rem 4rem 1.1rem 5.5rem;
}
.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;
transition-property : height, border-color;
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 : #eeeeee solid 1px;
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 : #ffffff;
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 : #ffffff;
}
.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;
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;
}
.thumbnail:hover .overlay-info {
opacity : 1;
}
.thumbnail .overlay-info {
transform : translateZ(0);
}
.thumbnail:hover .overlay-info, .thumbnail:hover img {
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;
transform : translate3d(0,-100%,0);
}
.overlay-slide-in-right .overlay-info {
opacity : 0;
transform : translate3d(100%,0,0);
}
.overlay-slide-in-bottom .overlay-info {
opacity : 0;
transform : translate3d(0,100%,0);
}
.overlay-slide-in-left .overlay-info {
opacity : 0;
transform : translate3d(-100%,0,0);
}
.overlay-scale-in .overlay-info {
opacity : 0;
transform : scale3d(0.1,0.1,1);
}
.overlay-rotate-in .overlay-info {
opacity : 0;
transform : rotate3d(0.1,0.1,1,-180deg);
}
.overlay-img-slide-right .overlay-info {
opacity : 1;
transform : translate3d(-100%,0,0);
}
.overlay-img-slide-right:hover img {
transform : translate3d(100%,0,0);
}
.overlay-img-slide-left .overlay-info {
opacity : 1;
transform : translate3d(100%,0,0);
}
.overlay-img-slide-left:hover img {
transform : translate3d(-100%,0,0);
}
.overlay-img-slide-down .overlay-info {
opacity : 1;
transform : translate3d(0,-100%,0);
}
.overlay-img-slide-down:hover img {
transform : translate3d(0,100%,0);
}
.overlay-img-slide-up .overlay-info {
opacity : 1;
transform : translate3d(0,100%,0);
}
.overlay-img-slide-up:hover img {
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;
transform : scale3d(1.2,1.2,1);
}
.overlay-img-scale-in .overlay-info {
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.60000002384185791015625;
cursor : default;
}
.form-element, textarea {
background : #f9f9f9;
font-size : 1.3rem;
color : #666666;
line-height : 1.4;
border : #eeeeee solid 1px;
border-radius : 0;
}
.form-element:focus, textarea:focus {
background : #ffffff;
color : #333;
border : #ccc solid 1px;
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;
}
.form-select {
width : 100%;
padding : 0 !important ;
position : relative;
}
.form-select select {
width : 100%;
padding : 1.3rem 2.5rem;
}
.form-select:after {
font-family : 'icomoon';
font-size : 1.5rem;
content : "\e63e";
position : absolute;
top : 1.3rem;
right : 2rem;
}
.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 3rem;
font-size : 1.4rem;
}
.form-element.large select {
padding : 1.6rem 5rem 1.6rem 3rem;
font-size : 1.4rem;
}
.form-select.large:after {
top : 1.7rem;
right : 2.5rem;
}
.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;
box-sizing : border-box;
}
input[type="checkbox"] + label, input[type="radio"] + label {
margin-left : 0.6rem;
display : inline-block;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline : thin dotted;
outline-offset : -0.2rem;
}
div[contenteditable="true"] {
background : #f9f9f9;
color : #666666;
border : #eeeeee solid 1px;
}
div[contenteditable="true"]:focus {
background : #ffffff;
color : #333333;
border : #cccccc solid 1px;
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;
}
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 : #eeeeee solid 1px;
font-weight : normal;
vertical-align : top;
display : inline-block;
cursor : pointer;
}
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 {
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, 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 : #ffffff;
border : #ddd solid 1px;
box-shadow : 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
border-radius : 0.3rem;
opacity : 0;
visibility : hidden;
position : absolute;
z-index : 101;
transition-property : transform, opacity, visibility;
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 : solid 1px;
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 : #ffffff;
}
.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 : #333 solid 2px;
background-color : #ffffff;
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 : #eeeeee solid 1px;
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 : #ffffff;
border : #eeeeee solid 1px;
}
.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;
transition-property : opacity, visibility;
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 : #eeeeee solid 1px;
cursor : pointer;
}
.accordion li > a:hover {
text-decoration : none;
color : #666666;
background : #d0d0d0;
border-color : #d0d0d0;
}
.accordion li > div {
height : 0;
visibility : hidden;
border : #eeeeee solid 1px;
overflow : hidden;
transition-property : height, visibility;
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 : #eeeeee solid 1px;
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;
}

.box {
width : 100%;
padding : 1.5rem;
margin-bottom : 3rem;
border : #eeeeee solid 1px;
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 : #eeeeee solid 1px;
}
.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 : #eeeeee solid 1px;
background : #eeeeee;
overflow : hidden;
}
.progress-bar.tmh-perspective {
overflow : hidden !important ;
}
.bar {
width : 100%;
height : 100%;
padding : 0 1.5rem;
border : #d0d0d0 solid 1px;
background : #d0d0d0;
}
.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 : #eeeeee solid 1px;
background : #eeeeee;
overflow : hidden;
position : relative;
}
.range-active-segment {
width : 100%;
height : 100%;
padding : 0 1.5rem;
border : #d0d0d0 solid 1px;
background : #d0d0d0;
position : absolute;
z-index : 0;
}
.range-handle {
width : 1.8rem;
height : 1.8rem;
display : inline-block;
background : #666;
cursor : pointer;
position : absolute;
top : 0;
left : 0;
z-index : 1;
}
.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 {
font-size : 2rem;
	line-height : 2;
margin : 0 0 3rem 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 {
margin : 0 0 3rem 0;
}
.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 : "din-light", "Helvetica", Helvetica, Arial, sans-serif;
}
.font-alt-1 {
font-family : "din-light", 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;
}
::-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;
}
.breadcrumb li, .breadcrumb li a {
font-size : 1.2rem;
}
.breadcrumb li:after, .breadcrumb li:before {
padding-left : 1.2rem;
padding-right : 1.2rem;
font-family : 'icomoon';
}
.breadcrumb li:after {
content : "\e640";
}
.breadcrumb.center li {
display : inline-block;
float : none;
}
.breadcrumb.right li:after {
padding : 0;
content : "";
}
.breadcrumb.right li:before {
content : "\e63f";
}
.breadcrumb li:last-child:after, .breadcrumb.right li:first-child:before {
content : "";
padding : 0;
}
code, 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;
overflow-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 : "'icomoon'";
src : url('../fonts/entypo.eot');
src : url('../fonts/entypo.eot') format('embedded-opentype'), url('../fonts/entypo.woff') format('woff'), url('../fonts/entypo.ttf') format('truetype'), url('../fonts/entypo.svg') format('svg');
font-weight : normal;
font-style : normal;
}
}
[class^="icon-"], [class*=" icon-"] {
font-family : 'icomoon';
speak : none;
font-style : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
line-height : 1;
display : inline-block;
}
.icon-add-to-list:before {
content : "\e600";
}
.icon-add-user:before {
content : "\e601";
}
.icon-address:before {
content : "\e602";
}
.icon-adjust:before {
content : "\e603";
}
.icon-air:before {
content : "\e604";
}
.icon-aircraft-landing:before {
content : "\e605";
}
.icon-aircraft-take-off:before {
content : "\e606";
}
.icon-aircraft:before {
content : "\e607";
}
.icon-align-bottom:before {
content : "\e608";
}
.icon-align-horizontal-middle:before {
content : "\e609";
}
.icon-align-left:before {
content : "\e60a";
}
.icon-align-right:before {
content : "\e60b";
}
.icon-align-top:before {
content : "\e60c";
}
.icon-align-vertical-middle:before {
content : "\e60d";
}
.icon-archive:before {
content : "\e60e";
}
.icon-area-graph:before {
content : "\e60f";
}
.icon-arrow-bold-down:before {
content : "\e610";
}
.icon-arrow-bold-left:before {
content : "\e611";
}
.icon-arrow-bold-right:before {
content : "\e612";
}
.icon-arrow-bold-up:before {
content : "\e613";
}
.icon-arrow-down:before {
content : "\e614";
}
.icon-arrow-left:before {
content : "\e615";
}
.icon-arrow-long-down:before {
content : "\e616";
}
.icon-arrow-long-left:before {
content : "\e617";
}
.icon-arrow-long-right:before {
content : "\e618";
}
.icon-arrow-long-up:before {
content : "\e619";
}
.icon-arrow-right:before {
content : "\e61a";
}
.icon-arrow-up:before {
content : "\e61b";
}
.icon-arrow-with-circle-down:before {
content : "\e61c";
}
.icon-arrow-with-circle-left:before {
content : "\e61d";
}
.icon-arrow-with-circle-right:before {
content : "\e61e";
}
.icon-arrow-with-circle-up:before {
content : "\e61f";
}
.icon-attachment:before {
content : "\e620";
}
.icon-awareness-ribbon:before {
content : "\e621";
}
.icon-back-in-time:before {
content : "\e622";
}
.icon-back:before {
content : "\e623";
}
.icon-bar-graph:before {
content : "\e624";
}
.icon-battery:before {
content : "\e625";
}
.icon-beamed-note:before {
content : "\e626";
}
.icon-bell:before {
content : "\e627";
}
.icon-blackboard:before {
content : "\e628";
}
.icon-block:before {
content : "\e629";
}
.icon-book:before {
content : "\e62a";
}
.icon-bookmark:before {
content : "\e62b";
}
.icon-bookmarks:before {
content : "\e62c";
}
.icon-bowl:before {
content : "\e62d";
}
.icon-box:before {
content : "\e62e";
}
.icon-briefcase:before {
content : "\e62f";
}
.icon-browser:before {
content : "\e630";
}
.icon-brush:before {
content : "\e631";
}
.icon-bucket:before {
content : "\e632";
}
.icon-bug:before {
content : "\e633";
}
.icon-cake:before {
content : "\e634";
}
.icon-calculator:before {
content : "\e635";
}
.icon-calendar:before {
content : "\e636";
}
.icon-camera:before {
content : "\e637";
}
.icon-ccw:before {
content : "\e638";
}
.icon-chat:before {
content : "\e639";
}
.icon-check:before {
content : "\e63a";
}
.icon-down:before {
content : "\e63b";
}
.icon-left:before {
content : "\e63c";
}
.icon-right:before {
content : "\e63d";
}
.icon-down-open-mini:before {
content : "\e63e";
}
.icon-left-open-mini:before {
content : "\e63f";
}
.icon-right-open-mini:before {
content : "\e640";
}
.icon-up-open-mini:before {
content : "\e641";
}
.icon-down-open-big:before {
content : "\e642";
}
.icon-left-open-big:before {
content : "\e643";
}
.icon-right-open-big:before {
content : "\e644";
}
.icon-up-open-big:before {
content : "\e645";
}
.icon-up:before {
content : "\e646";
}
.icon-down-circled:before {
content : "\e647";
}
.icon-left-circled:before {
content : "\e648";
}
.icon-right-circled:before {
content : "\e649";
}
.icon-up-circled:before {
content : "\e64a";
}
.icon-circle-with-cross:before {
content : "\e64b";
}
.icon-circle-with-minus:before {
content : "\e64c";
}
.icon-circle-with-plus:before {
content : "\e64d";
}
.icon-circle:before {
content : "\e64e";
}
.icon-circular-graph:before {
content : "\e64f";
}
.icon-clapperboard:before {
content : "\e650";
}
.icon-classic-computer:before {
content : "\e651";
}
.icon-clipboard:before {
content : "\e652";
}
.icon-clock:before {
content : "\e653";
}
.icon-cloud:before {
content : "\e654";
}
.icon-code:before {
content : "\e655";
}
.icon-cog:before {
content : "\e656";
}
.icon-colours:before {
content : "\e657";
}
.icon-compass:before {
content : "\e658";
}
.icon-fast-backward:before {
content : "\e659";
}
.icon-fast-forward:before {
content : "\e65a";
}
.icon-jump-to-start:before {
content : "\e65b";
}
.icon-next:before {
content : "\e65c";
}
.icon-paus:before {
content : "\e65d";
}
.icon-play:before {
content : "\e65e";
}
.icon-record:before {
content : "\e65f";
}
.icon-stop:before {
content : "\e660";
}
.icon-volume:before {
content : "\e661";
}
.icon-copy:before {
content : "\e662";
}
.icon-creative-commons-attribution:before {
content : "\e663";
}
.icon-creative-commons-noderivs:before {
content : "\e664";
}
.icon-creative-commons-noncommercial-eu:before {
content : "\e665";
}
.icon-creative-commons-noncommercial-us:before {
content : "\e666";
}
.icon-creative-commons-public-domain:before {
content : "\e667";
}
.icon-creative-commons-remix:before {
content : "\e668";
}
.icon-creative-commons-share:before {
content : "\e669";
}
.icon-creative-commons-sharealike:before {
content : "\e66a";
}
.icon-creative-commons:before {
content : "\e66b";
}
.icon-credit-card:before {
content : "\e66c";
}
.icon-credit:before {
content : "\e66d";
}
.icon-crop:before {
content : "\e66e";
}
.icon-cancel:before {
content : "\e66f";
}
.icon-cup:before {
content : "\e670";
}
.icon-cw:before {
content : "\e671";
}
.icon-cycle:before {
content : "\e672";
}
.icon-database:before {
content : "\e673";
}
.icon-dial-pad:before {
content : "\e674";
}
.icon-direction:before {
content : "\e675";
}
.icon-document-landscape:before {
content : "\e676";
}
.icon-document:before {
content : "\e677";
}
.icon-documents:before {
content : "\e678";
}
.icon-dot-single:before {
content : "\e679";
}
.icon-dots-three-horizontal:before {
content : "\e67a";
}
.icon-dots-three-vertical:before {
content : "\e67b";
}
.icon-dots-two-horizontal:before {
content : "\e67c";
}
.icon-dots-two-vertical:before {
content : "\e67d";
}
.icon-download:before {
content : "\e67e";
}
.icon-drink:before {
content : "\e67f";
}
.icon-drive:before {
content : "\e680";
}
.icon-drop:before {
content : "\e681";
}
.icon-edit:before {
content : "\e682";
}
.icon-email:before {
content : "\e683";
}
.icon-emoji-flirt:before {
content : "\e684";
}
.icon-emoji-happy:before {
content : "\e685";
}
.icon-emoji-neutral:before {
content : "\e686";
}
.icon-emoji-sad:before {
content : "\e687";
}
.icon-erase:before {
content : "\e688";
}
.icon-eraser:before {
content : "\e689";
}
.icon-export:before {
content : "\e68a";
}
.icon-eye-with-line:before {
content : "\e68b";
}
.icon-eye:before {
content : "\e68c";
}
.icon-feather:before {
content : "\e68d";
}
.icon-fingerprint:before {
content : "\e68e";
}
.icon-flag:before {
content : "\e68f";
}
.icon-flash:before {
content : "\e690";
}
.icon-flashlight:before {
content : "\e691";
}
.icon-flat-brush:before {
content : "\e692";
}
.icon-flow-branch:before {
content : "\e693";
}
.icon-flow-cascade:before {
content : "\e694";
}
.icon-flow-line:before {
content : "\e695";
}
.icon-flow-parallel:before {
content : "\e696";
}
.icon-flow-tree:before {
content : "\e697";
}
.icon-flower:before {
content : "\e698";
}
.icon-folder-images:before {
content : "\e699";
}
.icon-folder-music:before {
content : "\e69a";
}
.icon-folder-video:before {
content : "\e69b";
}
.icon-folder:before {
content : "\e69c";
}
.icon-forward:before {
content : "\e69d";
}
.icon-funnel:before {
content : "\e69e";
}
.icon-game-controller:before {
content : "\e69f";
}
.icon-gauge:before {
content : "\e6a0";
}
.icon-globe:before {
content : "\e6a1";
}
.icon-graduation-cap:before {
content : "\e6a2";
}
.icon-grid:before {
content : "\e6a3";
}
.icon-hair-cross:before {
content : "\e6a4";
}
.icon-hand:before {
content : "\e6a5";
}
.icon-heart-outlined:before {
content : "\e6a6";
}
.icon-heart:before {
content : "\e6a7";
}
.icon-help-with-circle:before {
content : "\e6a8";
}
.icon-help:before {
content : "\e6a9";
}
.icon-home:before {
content : "\e6aa";
}
.icon-hour-glass:before {
content : "\e6ab";
}
.icon-image-inverted:before {
content : "\e6ac";
}
.icon-image:before {
content : "\e6ad";
}
.icon-images:before {
content : "\e6ae";
}
.icon-inbox:before {
content : "\e6af";
}
.icon-infinity:before {
content : "\e6b0";
}
.icon-info-with-circle:before {
content : "\e6b1";
}
.icon-info:before {
content : "\e6b2";
}
.icon-install:before {
content : "\e6b3";
}
.icon-key:before {
content : "\e6b4";
}
.icon-keyboard:before {
content : "\e6b5";
}
.icon-lab-flask:before {
content : "\e6b6";
}
.icon-landline:before {
content : "\e6b7";
}
.icon-language:before {
content : "\e6b8";
}
.icon-laptop:before {
content : "\e6b9";
}
.icon-layers:before {
content : "\e6ba";
}
.icon-leaf:before {
content : "\e6bb";
}
.icon-level-down:before {
content : "\e6bc";
}
.icon-level-up:before {
content : "\e6bd";
}
.icon-lifebuoy:before {
content : "\e6be";
}
.icon-light-bulb:before {
content : "\e6bf";
}
.icon-light-down:before {
content : "\e6c0";
}
.icon-light-up:before {
content : "\e6c1";
}
.icon-line-graph:before {
content : "\e6c2";
}
.icon-link:before {
content : "\e6c3";
}
.icon-list:before {
content : "\e6c4";
}
.icon-location-pin:before {
content : "\e6c5";
}
.icon-location:before {
content : "\e6c6";
}
.icon-lock-open:before {
content : "\e6c7";
}
.icon-lock:before {
content : "\e6c8";
}
.icon-log-out:before {
content : "\e6c9";
}
.icon-login:before {
content : "\e6ca";
}
.icon-loop:before {
content : "\e6cb";
}
.icon-magnet:before {
content : "\e6cc";
}
.icon-magnifying-glass:before {
content : "\e6cd";
}
.icon-mail:before {
content : "\e6ce";
}
.icon-man:before {
content : "\e6cf";
}
.icon-map:before {
content : "\e6d0";
}
.icon-mask:before {
content : "\e6d1";
}
.icon-medal:before {
content : "\e6d2";
}
.icon-megaphone:before {
content : "\e6d3";
}
.icon-menu:before {
content : "\e6d4";
}
.icon-merge:before {
content : "\e6d5";
}
.icon-message:before {
content : "\e6d6";
}
.icon-mic:before {
content : "\e6d7";
}
.icon-minus:before {
content : "\e6d8";
}
.icon-mobile:before {
content : "\e6d9";
}
.icon-modern-mic:before {
content : "\e6da";
}
.icon-moon:before {
content : "\e6db";
}
.icon-mouse-pointer:before {
content : "\e6dc";
}
.icon-mouse:before {
content : "\e6dd";
}
.icon-music:before {
content : "\e6de";
}
.icon-network:before {
content : "\e6df";
}
.icon-new-message:before {
content : "\e6e0";
}
.icon-new:before {
content : "\e6e1";
}
.icon-news:before {
content : "\e6e2";
}
.icon-newsletter:before {
content : "\e6e3";
}
.icon-note:before {
content : "\e6e4";
}
.icon-notification:before {
content : "\e6e5";
}
.icon-notifications-off:before {
content : "\e6e6";
}
.icon-old-mobile:before {
content : "\e6e7";
}
.icon-old-phone:before {
content : "\e6e8";
}
.icon-open-book:before {
content : "\e6e9";
}
.icon-palette:before {
content : "\e6ea";
}
.icon-paper-plane:before {
content : "\e6eb";
}
.icon-pencil:before {
content : "\e6ec";
}
.icon-phone:before {
content : "\e6ed";
}
.icon-pie-chart:before {
content : "\e6ee";
}
.icon-pin:before {
content : "\e6ef";
}
.icon-plus:before {
content : "\e6f0";
}
.icon-popup:before {
content : "\e6f1";
}
.icon-power-plug:before {
content : "\e6f2";
}
.icon-price-ribbon:before {
content : "\e6f3";
}
.icon-price-tag:before {
content : "\e6f4";
}
.icon-print:before {
content : "\e6f5";
}
.icon-progress-empty:before {
content : "\e6f6";
}
.icon-progress-full:before {
content : "\e6f7";
}
.icon-progress-one:before {
content : "\e6f8";
}
.icon-progress-two:before {
content : "\e6f9";
}
.icon-publish:before {
content : "\e6fa";
}
.icon-quote:before {
content : "\e6fb";
}
.icon-radio:before {
content : "\e6fc";
}
.icon-remove-user:before {
content : "\e6fd";
}
.icon-reply-all:before {
content : "\e6fe";
}
.icon-reply:before {
content : "\e6ff";
}
.icon-resize-100:before {
content : "\e700";
}
.icon-resize-full-screen:before {
content : "\e701";
}
.icon-retweet:before {
content : "\e702";
}
.icon-rocket:before {
content : "\e703";
}
.icon-round-brush:before {
content : "\e704";
}
.icon-rss:before {
content : "\e705";
}
.icon-ruler:before {
content : "\e706";
}
.icon-save:before {
content : "\e707";
}
.icon-scissors:before {
content : "\e708";
}
.icon-select-arrows:before {
content : "\e709";
}
.icon-share-alternative:before {
content : "\e70a";
}
.icon-share:before {
content : "\e70b";
}
.icon-shareable:before {
content : "\e70c";
}
.icon-shield:before {
content : "\e70d";
}
.icon-shop:before {
content : "\e70e";
}
.icon-shopping-bag:before {
content : "\e70f";
}
.icon-shopping-basket:before {
content : "\e710";
}
.icon-shopping-cart:before {
content : "\e711";
}
.icon-shuffle:before {
content : "\e712";
}
.icon-signal:before {
content : "\e713";
}
.icon-sound-mix:before {
content : "\e714";
}
.icon-sound-mute:before {
content : "\e715";
}
.icon-sound:before {
content : "\e716";
}
.icon-sports-club:before {
content : "\e717";
}
.icon-spreadsheet:before {
content : "\e718";
}
.icon-squared-cross:before {
content : "\e719";
}
.icon-squared-minus:before {
content : "\e71a";
}
.icon-squared-plus:before {
content : "\e71b";
}
.icon-star-outlined:before {
content : "\e71c";
}
.icon-star:before {
content : "\e71d";
}
.icon-stopwatch:before {
content : "\e71e";
}
.icon-suitcase:before {
content : "\e71f";
}
.icon-swap:before {
content : "\e720";
}
.icon-sweden:before {
content : "\e721";
}
.icon-switch:before {
content : "\e722";
}
.icon-tablet-mobile-combo:before {
content : "\e723";
}
.icon-tablet:before {
content : "\e724";
}
.icon-tag:before {
content : "\e725";
}
.icon-text-document-inverted:before {
content : "\e726";
}
.icon-text-document:before {
content : "\e727";
}
.icon-text:before {
content : "\e728";
}
.icon-thermometer:before {
content : "\e729";
}
.icon-thumbs-down:before {
content : "\e72a";
}
.icon-thumbs-up:before {
content : "\e72b";
}
.icon-thunder-cloud:before {
content : "\e72c";
}
.icon-ticket:before {
content : "\e72d";
}
.icon-time-slot:before {
content : "\e72e";
}
.icon-tools:before {
content : "\e72f";
}
.icon-traffic-cone:before {
content : "\e730";
}
.icon-trash:before {
content : "\e731";
}
.icon-tree:before {
content : "\e732";
}
.icon-triangle-down:before {
content : "\e733";
}
.icon-triangle-left:before {
content : "\e734";
}
.icon-triangle-right:before {
content : "\e735";
}
.icon-triangle-up:before {
content : "\e736";
}
.icon-trophy:before {
content : "\e737";
}
.icon-tv:before {
content : "\e738";
}
.icon-typing:before {
content : "\e739";
}
.icon-uninstall:before {
content : "\e73a";
}
.icon-unread:before {
content : "\e73b";
}
.icon-untag:before {
content : "\e73c";
}
.icon-upload-to-cloud:before {
content : "\e73d";
}
.icon-upload:before {
content : "\e73e";
}
.icon-user:before {
content : "\e73f";
}
.icon-users:before {
content : "\e740";
}
.icon-v-card:before {
content : "\e741";
}
.icon-video-camera:before {
content : "\e742";
}
.icon-video:before {
content : "\e743";
}
.icon-vinyl:before {
content : "\e744";
}
.icon-voicemail:before {
content : "\e745";
}
.icon-wallet:before {
content : "\e746";
}
.icon-warning:before {
content : "\e747";
}
.icon-water:before {
content : "\e748";
}
.icon-px-with-circle:before {
content : "\e749";
}
.icon-px:before {
content : "\e74a";
}
.icon-app-store:before {
content : "\e74b";
}
.icon-baidu:before {
content : "\e74c";
}
.icon-basecamp:before {
content : "\e74d";
}
.icon-behance:before {
content : "\e74e";
}
.icon-creative-cloud:before {
content : "\e74f";
}
.icon-dribbble-with-circle:before {
content : "\e750";
}
.icon-dribbble:before {
content : "\e751";
}
.icon-dropbox:before {
content : "\e752";
}
.icon-evernote:before {
content : "\e753";
}
.icon-facebook-with-circle:before {
content : "\e754";
}
.icon-facebook:before {
content : "\e755";
}
.icon-flattr:before {
content : "\e756";
}
.icon-flickr-with-circle:before {
content : "\e757";
}
.icon-flickr:before {
content : "\e758";
}
.icon-foursquare:before {
content : "\e759";
}
.icon-github-with-circle:before {
content : "\e75a";
}
.icon-github:before {
content : "\e75b";
}
.icon-google-drive:before {
content : "\e75c";
}
.icon-google-hangouts:before {
content : "\e75d";
}
.icon-google-play:before {
content : "\e75e";
}
.icon-google-with-circle:before {
content : "\e75f";
}
.icon-google:before {
content : "\e760";
}
.icon-grooveshark:before {
content : "\e761";
}
.icon-houzz:before {
content : "\e762";
}
.icon-icloud:before {
content : "\e763";
}
.icon-instagram-with-circle:before {
content : "\e764";
}
.icon-instagram:before {
content : "\e765";
}
.icon-lastfm-with-circle:before {
content : "\e766";
}
.icon-lastfm:before {
content : "\e767";
}
.icon-linkedin-with-circle:before {
content : "\e768";
}
.icon-linkedin:before {
content : "\e769";
}
.icon-mail-with-circle:before {
content : "\e76a";
}
.icon-medium-with-circle:before {
content : "\e76b";
}
.icon-medium:before {
content : "\e76c";
}
.icon-mixi:before {
content : "\e76d";
}
.icon-onedrive:before {
content : "\e76e";
}
.icon-paypal:before {
content : "\e76f";
}
.icon-picasa:before {
content : "\e770";
}
.icon-pinterest-with-circle:before {
content : "\e771";
}
.icon-pinterest:before {
content : "\e772";
}
.icon-qq-with-circle:before {
content : "\e773";
}
.icon-qq:before {
content : "\e774";
}
.icon-raft-with-circle:before {
content : "\e775";
}
.icon-raft:before {
content : "\e776";
}
.icon-rainbow:before {
content : "\e777";
}
.icon-rdio-with-circle:before {
content : "\e778";
}
.icon-rdio:before {
content : "\e779";
}
.icon-renren:before {
content : "\e77a";
}
.icon-scribd:before {
content : "\e77b";
}
.icon-sina-weibo:before {
content : "\e77c";
}
.icon-skype-with-circle:before {
content : "\e77d";
}
.icon-skype:before {
content : "\e77e";
}
.icon-slideshare:before {
content : "\e77f";
}
.icon-smashing:before {
content : "\e780";
}
.icon-soundcloud:before {
content : "\e781";
}
.icon-spotify-with-circle:before {
content : "\e782";
}
.icon-spotify:before {
content : "\e783";
}
.icon-stumbleupon-with-circle:before {
content : "\e784";
}
.icon-stumbleupon:before {
content : "\e785";
}
.icon-swarm:before {
content : "\e786";
}
.icon-tripadvisor:before {
content : "\e787";
}
.icon-tumblr-with-circle:before {
content : "\e788";
}
.icon-tumblr:before {
content : "\e789";
}
.icon-twitter-with-circle:before {
content : "\e78a";
}
.icon-twitter:before {
content : "\e78b";
}
.icon-vimeo-with-circle:before {
content : "\e78c";
}
.icon-vimeo:before {
content : "\e78d";
}
.icon-vine-with-circle:before {
content : "\e78e";
}
.icon-vine:before {
content : "\e78f";
}
.icon-vk-alternitive:before {
content : "\e790";
}
.icon-vk-with-circle:before {
content : "\e791";
}
.icon-vk:before {
content : "\e792";
}
.icon-windows-store:before {
content : "\e793";
}
.icon-xing-with-circle:before {
content : "\e794";
}
.icon-xing:before {
content : "\e795";
}
.icon-yelp:before {
content : "\e796";
}
.icon-youko-with-circle:before {
content : "\e797";
}
.icon-youko:before {
content : "\e798";
}
.icon-youtube-with-circle:before {
content : "\e799";
}
.icon-youtube:before {
content : "\e79a";
}
[class*="icon-"].small {
font-size : 1.6rem;
}
[class*="icon-"].medium {
font-size : 2.4rem;
}
[class*="icon-"].large {
font-size : 3.2rem;
}
[class*="icon-"].xlarge {
font-size : 4.8rem;
}
.icon-boxed, .icon-circled {
width : 6.6rem;
height : 6.6rem;
margin-bottom : 0.4rem;
line-height : 6.6rem;
text-align : center;
border : #eeeeee solid 1px;
}
.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;
}
[class*="border-"].padded, [class*="bkg-"].padded {
padding : 1rem 2rem;
}
[class*="border-"] {
border : #eee solid 1px;
}
[class*="border-"]:not([class*="bkg-"]), [class*="border-"][class*="bkg-hover-"], [class*="border-hover-"]:hover {
background : none;
background : rgba(0, 0, 0, 0);
}
[class*="border-"].solid {
border-style : solid;
border-width : 1px;
}
[class*="border-"].dashed {
border-style : dashed;
border-width : 1px;
}
[class*="border-"].dotted {
border-style : dotted;
border-width : 1px;
}
[class*="border-"].thick, [class*="border-"].thick * {
border-width : 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 : #1bb05d;
color : #1bb05d;
}
.border-hover-green:hover {
border-color : #179851;
}
.border-green-light {
border-color : #1ecd6d;
}
.border-hover-green-light:hover {
border-color : #1bb05d;
}
.border-blue {
border-color : #227fbb;
}
.border-hover-blue:hover {
border-color : #1d6ea3;
}
.border-blue-light {
border-color : #2c96dd;
}
.border-hover-blue-light:hover {
border-color : #227fbb;
}
.border-navy {
border-color : #2c3e51;
}
.border-hover-navy:hover {
border-color : #1f2d3b;
}
.border-navy-light {
border-color : #33495f;
}
.border-hover-navy-light:hover {
border-color : #2c3e51;
}
.border-purple {
border-color : #8f3faf;
}
.border-hover-purple:hover {
border-color : #7b3697;
}
.border-purple-light {
border-color : #b078c6;
}
.border-hover-purple-light:hover {
border-color : #8f3faf;
}
.border-yellow {
border-color : #f3b100;
}
.border-hover-yellow:hover {
border-color : #e2a50b;
}
.border-yellow-light {
border-color : #ffbe12;
}
.border-hover-yellow-light:hover {
border-color : #f3b100;
}
.border-orange {
border-color : #e87f04;
}
.border-hover-orange:hover {
border-color : #df6f0b;
}
.border-orange-light {
border-color : #f59d00;
}
.border-hover-orange-light:hover {
border-color : #e87f04;
}
.border-red {
border-color : #c23824;
}
.border-hover-red:hover {
border-color : #a9311f;
}
.border-red-light {
border-color : #ea4b35;
}
.border-hover-red-light:hover {
border-color : #c23824;
}
.border-black {
border-color : #000000;
}
.border-hover-black:hover {
border-color : #000000;
}
.border-white {
border-color : #ffffff;
}
.border-hover-white:hover {
border-color : #ffffff;
}
.border-grey {
border-color : #666666;
}
.border-hover-grey:hover {
border-color : #555555;
}
.border-grey-light {
border-color : #999999;
}
.border-hover-grey-light:hover {
border-color : #888888;
}
.border-grey-ultralight {
border-color : #f4f4f4;
}
.border-hover-grey-ultralight:hover {
border-color : #f1f1f1;
}
.border-charcoal {
border-color : #333333;
}
.border-hover-charcoal:hover {
border-color : #222222;
}
.border-charcoal-light {
border-color : #555555;
}
.border-hover-charcoal-light:hover {
border-color : #444444;
}
.border-black {
border-color : #000000;
}
.border-hover-black:hover {
border-color : #000000;
}
.border-base {
border-color : #eeeeee;
}
.border-hover-base:hover {
border-color : #d0d0d0;
}
.border-behance, .border-hover-behance:hover {
border-color : #1769ff;
color : #1769ff;
}
.border-dribbble, .border-hover-dribbble:hover {
border-color : #ea4c89;
color : #ea4c89;
}
.border-facebook, .border-hover-facebook:hover {
border-color : #3b5998;
color : #3b5998;
}
.border-flickr, .border-hover-flickr:hover {
border-color : #0063DC;
color : #0063DC;
}
.border-github, .border-hover-github:hover {
border-color : #333;
color : #333;
}
.border-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-turquoise {
background : #00a186;
border-color : #00a186;
}
.bkg-hover-turquoise:hover {
background : #008b73;
border-color : #008b73;
}
.bkg-turquoise-light {
background : #00bd9c;
border-color : #00bd9c;
}
.bkg-hover-turquoise-light:hover {
background : #00a186;
border-color : #00a186;
}
.bkg-green {
background : #1bb05d;
border-color : #1bb05d;
}
.bkg-hover-green:hover {
background : #179851;
border-color : #179851;
}
.bkg-green-light {
background : #1ecd6d;
border-color : #1ecd6d;
}
.bkg-hover-green-light:hover {
background : #1bb05d;
border-color : #1bb05d;
}
.bkg-blue {
background : #227fbb;
border-color : #227fbb;
}
.bkg-hover-blue:hover {
background : #1d6ea3;
border-color : #1d6ea3;
}
.bkg-blue-light {
background : #2c96dd;
border-color : #2c96dd;
}
.bkg-hover-blue-light:hover {
background : #227fbb;
border-color : #227fbb;
}
.bkg-navy {
background : #2c3e51;
border-color : #2c3e51;
}
.bkg-hover-navy:hover {
background : #1f2d3b;
border-color : #1f2d3b;
}
.bkg-navy-light {
background : #33495f;
border-color : #33495f;
}
.bkg-hover-navy-light:hover {
background : #2c3e51;
border-color : #2c3e51;
}
.bkg-purple {
background : #8f3faf;
border-color : #8f3faf;
}
.bkg-hover-purple:hover {
background : #7b3697;
border-color : #7b3697;
}
.bkg-purple-light {
background : #b078c6;
border-color : #b078c6;
}
.bkg-hover-purple-light:hover {
background : #8f3faf;
border-color : #8f3faf;
}
.bkg-yellow {
background : #f3b100;
border-color : #f3b100;
}
.bkg-hover-yellow:hover {
background : #e2a50b;
border-color : #e2a50b;
}
.bkg-yellow-light {
background : #ffbe12;
border-color : #ffbe12;
}
.bkg-hover-yellow-light:hover {
background : #f3b100;
border-color : #f3b100;
}
.bkg-orange {
background : #e87f04;
border-color : #e87f04;
}
.bkg-hover-orange:hover {
background : #df6f0b;
border-color : #df6f0b;
}
.bkg-orange-light {
background : #f59d00;
border-color : #f59d00;
}
.bkg-hover-orange-light:hover {
background : #e87f04;
border-color : #e87f04;
}
.bkg-red {
background : #c23824;
border-color : #c23824;
}
.bkg-hover-red:hover {
background : #a9311f;
border-color : #a9311f;
}
.bkg-red-light {
background : #ea4b35;
border-color : #ea4b35;
}
.bkg-hover-red-light:hover {
background : #c23824;
border-color : #c23824;
}
.bkg-black {
background : #000000;
border-color : #000000;
}
.bkg-hover-black:hover {
background : #000000;
border-color : #000000;
}
.bkg-white {
background : #ffffff;
border-color : #ffffff;
}
.bkg-hover-white:hover {
background : #ffffff;
border-color : #ffffff;
}
.bkg-grey {
background-color : #666666;
border-color : #666666;
}
.bkg-hover-grey:hover {
background-color : #555555;
border-color : #555555;
}
.bkg-grey-light {
background-color : #999999;
border-color : #999999;
}
.bkg-hover-grey-light:hover {
background-color : #888888;
border-color : #888888;
}
.bkg-grey-ultralight {
background-color : #f4f4f4;
border-color : #f4f4f4;
}
.bkg-hover-grey-ultralight:hover {
background-color : #f1f1f1;
border-color : #f1f1f1;
}
.bkg-charcoal {
background-color : #333333;
border-color : #333333;
}
.bkg-hover-charcoal:hover {
background-color : #222222;
border-color : #222222;
}
.bkg-charcoal-light {
background-color : #555555;
border-color : #555555;
}
.bkg-hover-charcoal-light:hover {
background-color : #444444;
border-color : #444444;
}
.bkg-black {
background-color : #000000;
border-color : #000000;
}
.bkg-hover-black:hover {
background-color : #000000;
border-color : #000000;
}
.bkg-base {
background : #eeeeee;
border-color : #666666;
border-color : #eeeeee;
}
.bkg-hover-base:hover {
background : #d0d0d0;
border-color : #666666;
border-color : #eeeeee;
}
.bkg-behance, .bkg-hover-behance:hover {
background-color : #1769ff;
color : #ffffff;
}
.bkg-dribbble, .bkg-hover-dribbble:hover {
background-color : #ea4c89;
color : #ffffff;
}
.bkg-facebook, .bkg-hover-facebook:hover {
background-color : #3b5998;
color : #ffffff;
}
.bkg-flickr, .bkg-hover-flickr:hover {
background-color : #0063DC;
color : #ffffff;
}
.bkg-github, .bkg-hover-github:hover {
background-color : #333;
color : #ffffff;
}
.bkg-gplus, .bkg-hover-gplus:hover {
background-color : #d34836;
color : #ffffff;
}
.bkg-instagram, .bkg-hover-instagram:hover {
background-color : #517fa4;
color : #ffffff;
}
.bkg-linkedin, .bkg-hover-linkedin:hover {
background-color : #007bb6;
color : #ffffff;
}
.bkg-pinterest, .bkg-hover-pinterest:hover {
background-color : #cb2027;
color : #ffffff;
}
.bkg-skype, .bkg-hover-skype:hover {
background-color : #12A5F4;
color : #ffffff;
}
.bkg-soundcloud, .bkg-hover-soundcloud:hover {
background-color : #f80;
color : #ffffff;
}
.bkg-spotify, .bkg-hover-spotify:hover {
background-color : #7ab800;
color : #ffffff;
}
.bkg-tumblr, .bkg-hover-tumblr:hover {
background-color : #35465c;
color : #ffffff;
}
.bkg-twitter, .bkg-hover-twitter:hover {
background-color : #00aced;
color : #ffffff;
}
.bkg-vimeo, .bkg-hover-vimeo:hover {
background-color : #1ab7ea;
color : #ffffff;
}
.bkg-youtube, .bkg-hover-youtube:hover {
background-color : #bb0000;
color : #ffffff;
}
[class*="color-"] * {
color : inherit !important ;
}
.color-turquoise {
color : #00a186;
}
.color-hover-turquoise:hover {
color : #008b73;
}
.color-turquoise-light {
color : #00bd9c;
}
.color-hover-turquoise-light:hover {
color : #00a186;
}
.color-green {
color : #1bb05d;
}
.color-hover-green:hover {
color : #179851;
}
.color-green-light {
color : #1ecd6d;
}
.color-hover-green-light:hover {
color : #1bb05d;
}
.color-blue {
color : #227fbb;
}
.color-hover-blue:hover {
color : #1d6ea3;
}
.color-blue-light {
color : #2c96dd;
}
.color-hover-blue-light:hover {
color : #227fbb;
}
.color-navy {
color : #2c3e51;
}
.color-hover-navy:hover {
color : #1f2d3b;
}
.color-navy-light {
color : #33495f;
}
.color-hover-navy-light:hover {
color : #2c3e51;
}
.color-purple {
color : #8f3faf;
}
.color-hover-purple:hover {
color : #7b3697;
}
.color-purple-light {
color : #b078c6;
}
.color-hover-purple-light:hover {
color : #8f3faf;
}
.color-yellow {
color : #f3b100;
}
.color-hover-yellow:hover {
color : #e2a50b;
}
.color-yellow-light {
color : #ffbe12;
}
.color-hover-yellow-light:hover {
color : #f3b100;
}
.color-orange {
color : #e87f04;
}
.color-hover-orange:hover {
color : #df6f0b;
}
.color-orange-light {
color : #f59d00;
}
.color-hover-orange-light:hover {
color : #e87f04;
}
.color-red {
color : #c23824;
}
.color-hover-red:hover {
color : #a9311f;
}
.color-red-light {
color : #ea4b35;
}
.color-hover-red-light:hover {
color : #c23824;
}
.color-white {
color : #ffffff;
}
.color-hover-white:hover {
color : #ffffff;
}
.color-grey {
color : #666666;
}
.color-hover-grey:hover {
color : #555555;
}
.color-grey-light {
color : #999999;
}
.color-hover-grey-light:hover {
color : #888888;
}
.color-grey-ultralight {
color : #f4f4f4;
}
.color-hover-grey-ultralight:hover {
color : #f1f1f1;
}
.color-charcoal {
color : #333333;
}
.color-hover-charcoal:hover {
color : #222222;
}
.color-charcoal-light {
color : #555555;
}
.color-hover-charcoal-light:hover {
color : #444444;
}
.color-black {
color : #000000;
}
.color-hover-black:hover {
color : #000000;
}
.color-base {
color : #666666;
}
.color-hover-base:hover {
color : #666666;
}
.color-behance, .color-hover-behance:hover {
color : #1769ff;
}
.color-dribbble, .color-hover-dribbble:hover {
color : #ea4c89;
}
.color-facebook, .color-hover-facebook:hover {
color : #3b5998;
}
.color-flickr, .color-hover-flickr:hover {
color : #0063DC;
}
.color-github, .color-hover-github:hover {
color : #333;
}
.color-gplus, .color-hover-gplus:hover {
color : #d34836;
}
.color-instagram, .color-hover-instagram:hover {
color : #517fa4;
}
.color-linkedin, .color-hover-linkedin:hover {
color : #007bb6;
}
.color-pinterest, .color-hover-pinterest:hover {
color : #cb2027;
}
.color-skype, .color-hover-skype:hover {
color : #12A5F4;
}
.color-soundcloud, .color-hover-soundcloud:hover {
color : #f80;
}
.color-spotify, .color-hover-spotify:hover {
color : #7ab800;
}
.color-tumblr, .color-hover-tumblr:hover {
color : #35465c;
}
.color-twitter, .color-hover-twitter:hover {
color : #00aced;
}
.color-vimeo, .color-hover-vimeo:hover {
color : #1ab7ea;
}
.color-youtube, .color-hover-youtube:hover {
color : #bb0000;
}
[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, button, a {
transition-property : background, border-color, color, opacity;
transition-duration : 300ms;
}
.bar, .box, .overlay-info, .thumbnail img {
transition-property : padding, background, color, opacity, box-shadow, transform;
transition-duration : 300ms;
}
.no-transition, .no-transition-reset {
transition-duration : 0s !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 (max-width:1023px) {
.navigation > ul > li:nth-last-child(2) > .sub-menu {
right : 0;
}
.navigation > ul > li:nth-last-child(2) > .sub-menu ul {
right : 18rem;
left : auto;
}
.content-grid-5 .grid-item, .content-grid-6 .grid-item {
width : 33.33333%;
}
}
@media only screen and (min-width:960px) {
.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 {
transition-duration : 0s !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 {
transform : translate3d(30rem,0,0);
}
.element-reveal-right {
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 {
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 : 100%;
}
}
*, *:before, *:after {
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 {
transition-property : height;
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%;
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;
top : 0;
z-index : 2;
}
.tm-loader, .tm-loader #circle {
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;
animation : preloader 1s ease infinite;
}
.tms-caption {
width : auto;
display : inline-block !important ;
background-image : url(../images/blank.png);
opacity : 0;
position : absolute;
z-index : 2;
}
.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 > video + img, .tms-slide.tms-forcefit > img, .tms-fullscreen .tms-slide > img {
max-width : none;
max-height : none;
float : none;
position : absolute;
}
.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 : #ffffff;
}
#tms-next {
top : 50%;
right : 0;
border-top-left-radius : 3px;
border-bottom-left-radius : 3px;
}
#tms-next:before {
content : '\e644';
}
#tms-prev {
top : 50%;
left : 0;
border-top-right-radius : 3px;
border-bottom-right-radius : 3px;
}
#tms-prev:before {
content : "\e643";
}
.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.5;
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 {
transition-property : width, background, color, opacity;
transition-duration : 300ms;
}
@font-face {
{
font-family : "'icomoon'";
src : url('../fonts/entypo.eot');
src : url('../fonts/entypo.eot') format('embedded-opentype'), url('../fonts/entypo.woff') format('woff'), url('../fonts/entypo.ttf') format('truetype'), url('../fonts/entypo.svg') format('svg');
font-weight : normal;
font-style : normal;
}
}
[class^="tms-arrow-nav"]:before, [class*="tms-arrow-nav"]:before {
font-family : 'icomoon';
speak : none;
font-style : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
line-height : 1;
display : inline-block;
}
*, *:before, *:after {
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, 0.9);
opacity : 0;
top : 0;
left : 0;
position : fixed;
z-index : 1000;
}
#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;
}
.tml-modal-mode .modal-dialog {
background : #ffffff;
box-shadow : 0 0 1rem rgba(0, 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 : #ffffff;
overflow-y : scroll;
}
#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 {
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;
animation : preloader 1s ease infinite;
}
#tml-caption {
width : 100%;
font-size : 1.2rem;
font-style : italic;
text-align : center;
opacity : 0;
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.4000000059604644775390625;
position : absolute;
z-index : 10;
}
.tml-nav:hover {
opacity : 1;
}
#tml-next {
top : 50%;
right : 3rem;
margin-top : -2.1rem;
}
#tml-next:before {
content : '\e644';
}
#tml-prev {
top : 50%;
left : 3rem;
margin-top : -2.1rem;
}
#tml-prev:before {
content : '\e643';
}
#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;
transition-property : transform, opacity, visibility;
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 : '\e6cd';
}
#tml-tool-bar #tml-share:before {
content : '\e70b';
}
#tml-exit:before {
content : '\e66f';
}
.tml-nav {
transition-property : color, opacity;
transition-duration : 300ms;
}
@font-face {
{
font-family : "'icomoon'";
src : url('../fonts/entypo.eot');
src : url('../fonts/entypo.eot') format('embedded-opentype'), url('../fonts/entypo.woff') format('woff'), url('../fonts/entypo.ttf') format('truetype'), url('../fonts/entypo.svg') format('svg');
font-weight : normal;
font-style : normal;
}
}
[class^="tml-nav"]:before, [class*="tml-nav"]:before {
font-family : 'icomoon';
speak : none;
font-style : normal;
font-weight : normal;
font-variant : normal;
text-transform : none;
line-height : 1;
display : inline-block;
}
*, *:before, *:after {
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;
}
.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;
}
.tm-parallax img {
width : 100%;
max-width : none;
position : absolute;
opacity : 1;
}
.tm-loader, .tm-loader #circle {
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;
animation : preloader 1s ease infinite;
}
*, *:before, *:after {
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, .content {
background-color : #ffffff;
}
body.boxed {
background-color : #000;
}
body.boxed .wrapper-inner {
background-color : #ffffff;
}
.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;
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;
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 {
transition-property : height;
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 : 0;
padding-right : 0;
}
.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 : 0;
padding-right : 0;
}
.masonry-set-dimensions .thumbnail {
height : 100%;
overflow : hidden;
margin-bottom : 0;
}
.masonry-set-dimensions .grid-item img {
width : 100%;
}
.masonry-set-dimensions .content-outer {
width : 100%;
height : 100%;
display : table;
position : relative;
bottom : 0;
}
.masonry-set-dimensions .thumbnail + .content-outer {
position : absolute;
}
.masonry-set-dimensions .content-inner {
width : 100%;
height : 100%;
padding : 3rem;
display : table-cell;
vertical-align : middle;
}
.masonry-set-dimensions .content-inner > *:first-child {
margin-top : 0;
}
.masonry-set-dimensions .content-inner > *:last-child {
margin-bottom : 0;
}
.masonry-set-dimensions .content-slider, .masonry-set-dimensions 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 : 0;
text-align : center;
}
.grid-filter-menu.left {
text-align : left;
}
.grid-filter-menu.left li:first-child a {
padding-left : 0;
margin-left : 0;
}
.grid-filter-menu.right {
text-align : right;
}
.grid-filter-menu.right li:last-child a {
padding-right : 0;
margin-right : 0;
}
.grid-filter-menu ul {
width : 100%;
padding-top : 3.5rem;
padding-bottom : 0;
margin-bottom : 0;
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;
transition-property : background, border-color, color, opacity;
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 : 0;
}
.isotope-item {
z-index : 2;
}
.isotope-hidden.isotope-item {
z-index : 1;
}
.isotope, .isotope .isotope-item {
transition-duration : 0.4s;
}
.isotope {
transition-property : height, width;
}
.isotope .isotope-item {
transition-property : transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
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 : relative;
}
.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;
}
.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;
transition-property : opacity, background, color, visibility, transform;
}
.header .logo a:hover {
opacity : 0.60000002384185791015625 !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, 0.2);
}
.header .with-division li {
border-right : 1px solid rgba(0, 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 .cart-indication {
position : relative;
}
.header .cart-indication .badge {
background : #232323;
top : -0.8rem;
right : -0.8rem;
}
.header .cart + .sub-menu, .header .cart + .dropdown-list {
width : 30rem;
padding : 2rem;
margin-top : 0;
right : 0;
}
.header .search + .sub-menu, .header .search + .dropdown-list {
padding : 2rem;
margin-top : 0;
width : 25rem;
right : 0;
}
.header .social-list.pull-left li:last-child span {
margin-left : 0;
}
.header .social-list.center li:last-child span, .header .social-list.pull-right li:last-child span {
margin-right : 0;
}
.header-background .header-inner {
background : #232323;
}
.mobile .header {
position : static !important ;
}
.mobile .header-fixed-on-mobile .header-inner {
width : 100%;
position : fixed !important ;
left : 0;
top : 0;
}
.mobile .header-sticky .header-inner {
position : relative;
}
.mobile .header, .mobile .header .header-inner {
height : 8rem !important ;
padding-top : 0;
background : #232323;
}
.mobile .header .header-inner, .mobile .header .nav-bar {
border-top : none !important ;
}
.mobile .header .header-inner-top {
display : none;
}
.mobile .header .nav-bar, .mobile .header .nav-bar-inner {
height : 100%;
}
.mobile .header .logo {
height : 100%;
padding : 0 !important ;
margin : 0 !important ;
display : table;
float : left;
}
.mobile .header .logo-inner {
display : table-cell;
vertical-align : middle;
}
.mobile .header .logo-inner a {
display : block;
position : relative;
}
.mobile .header .logo a:first-child {
display : table-cell;
vertical-align : middle;
}
.mobile .header .logo a + a {
display : none !important ;
}
.mobile .header .navigation-show {
display : block !important ;
visibility : visible !important ;
}
.mobile .header .header-inner, .mobile .header .logo, .mobile .header .logo span, .mobile .header .navigation-show, .mobile .header .navigation-show a span {
transition : none;
}
.header.header-animated {
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 {
transition-property : height, background, border, padding, margin, font-size, color, line-height, opacity;
}
.header-animated .logo, .header-animated .logo span {
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 {
transition-duration : 500ms;
}
.header-hide .header-inner {
opacity : 0;
}
.header-positioned .header-inner {
transform : translate3d(0,-10rem,0);
}
.header-in .header-inner, .header-out .header-inner {
transition-property : transform;
transition-duration : 500ms;
}
.header-in .header-inner {
transform : translate3d(0,0,0);
}
.header-out .header-inner {
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 .cart-indication {
margin-left : 0.5rem;
position : relative;
}
.side-navigation .cart-indication .badge {
top : 0.3rem;
left : 0.3rem;
}
.side-navigation .cart-overview li:first-child {
padding-top : 2rem;
}
.side-navigation .cart-overview li:last-child {
padding-bottom : 2rem;
}
.side-navigation .custom-content {
width : 100%;
padding : 0 4rem;
margin-top : 0;
right : 0;
}
.side-navigation-footer {
width : 100%;
padding : 1rem 4rem;
font-size : 1.2rem;
position : absolute;
bottom : 0;
}
.side-navigation-footer .social-list {
margin-bottom : 1rem;
}
.side-navigation-footer .social-list a:hover {
color : #ffffff;
}
.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 : 5rem;
}
.overlay-navigation:last-child {
padding-bottom : 8rem;
margin-bottom : 0;
}
.overlay-navigation .cart-indication {
margin-left : 0.5rem;
position : relative;
}
.overlay-navigation .cart-indication .badge {
top : 0.3rem;
left : 0.3rem;
}
.overlay-navigation .cart + .sub-menu, .overlay-navigation .cart + .dropdown-list {
width : 100%;
padding : 0;
margin-top : 0;
right : 0;
}
.overlay-navigation .cart-overview li:first-child {
padding-top : 2rem;
}
.overlay-navigation .cart-overview li:last-child {
padding-bottom : 2rem;
}
.overlay-navigation-footer {
padding : 1rem 4rem;
font-size : 1.2rem;
position : absolute;
bottom : 0;
}
.overlay-navigation-footer .copyright {
font-size : 1.1rem;
}
.overlay-navigation-footer .social-list {
margin-bottom : 1rem;
}
.overlay-navigation-footer .social-list a:hover {
color : #ffffff;
}
[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 : middle;
}
.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-image : url(../images/slider/slide-9-fw.jpg);
background-repeat : no-repeat;
background-position : center center;
background-size : cover;
position : relative;
}
.intro-title-2 h1, .intro-title-2 .subtitle {
color : #ffffff;
}
@media only screen and (max-width:768px) {
[class*="intro-title-"] h1 {
font-size : 4rem;
}
}
@media only screen and (max-width:480px) {
[class*="intro-title-"] h1 {
font-size : 3.5rem;
}
}
[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 : 8.5rem;
}
[class*="hero-"] .column + .column .split-hero-content .hero-content-inner, [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left : 8.5rem;
padding-right : 0;
}
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 : 0;
}
.hero-content-inner > *:first-child {
margin-top : 0;
}
.hero-content-inner > *:last-child {
margin-bottom : 0;
}
.hero-1 {
height : 50rem;
background-color : #1ecd6d;
text-align : left;
color : #ffffff;
}
.hero-1 h2, .hero-1 h6 {
color : #ffffff;
}
.hero-2 {
height : 50rem;
text-align : left;
color : #ffffff;
background-image : url(../images/slider/slide-2-fs-hp.jpg);
background-repeat : no-repeat;
}
.hero-2 h2, .hero-2 h6 {
color : #ffffff;
}
.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 : #ffffff;
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 : #ffffff;
background-image : url(../images/slider/slide-9-fw.jpg);
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 : #ffffff;
}
.hero-5 > .row > .column {
position : relative;
z-index : 1;
}
.hero-5 .media-column {
height : 100%;
background-image : url(../images/slider/slide-9-fw.jpg);
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 : #ffffff;
}
@media only screen and (max-width:1040px) {
[class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
padding-right : 2.5rem;
}
[class*="hero-"] .column + .column .split-hero-content .hero-content-inner, [class*="hero-"] .column[class*="push-"] .split-hero-content .hero-content-inner {
padding-left : 2.5rem;
}
body.boxed [class*="hero-"] .column:first-child .split-hero-content .hero-content-inner {
padding-left : 2.5rem;
padding-right : 2.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 : 2.5rem;
padding-right : 2.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;
}
[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 : 5rem;
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%;
}
}
.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 : #2c96dd;
font-weight : 300;
color : #ffffff;
display : block;
}
.call-to-action-1:hover {
background-color : #1ecd6d;
}
.call-to-action-1 span {
display : block;
}
.call-to-action-2 {
padding-left : 3rem;
padding-right : 3rem;
text-align : center;
background : #ea4b35;
color : #ffffff;
}
.call-to-action-2 p {
font-size : 2.5rem;
line-height : 3.5rem;
font-weight : 300;
}
.call-to-action-3 {
background-color : #ffbe12;
color : #ffffff;
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 : #ffffff;
}
.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.60000002384185791015625;
}
.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;
}
.signup-form-container input[type="submit"] {
margin-bottom : 2rem;
}
.signup-form-container input[disabled="disabled"][type="submit"] {
opacity : 0.60000002384185791015625;
}
.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;
background-size : cover;
}
.signup-2 .signup-form-container {
padding : 4rem;
margin-bottom : 0;
background : rgba(0, 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;
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;
}
.login-form-container .row {
margin-left : -1rem;
margin-right : -1rem;
}
.login-form-container [class*="width-"] {
padding-left : 1rem;
padding-right : 1rem;
}
.login-form-container input[type="submit"] {
margin-bottom : 0;
}
.login-form-container .form-element {
margin-bottom : 2rem;
}
.login-form-container .recuperate-password {
font-size : 1rem;
display : block;
}
@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%;
}
}
.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 : #ddd solid 1px;
}
.testimonial-4 cite {
text-transform : uppercase;
letter-spacing : 0.1rem;
}
.testimonial-5 {
color : #ffffff;
background-image : url(../images/slider/slide-2-fs-hp.jpg);
background-repeat : no-repeat;
background-position : center center;
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 ;
}
}
[class*="team-"] .signature {
width : 100%;
}
[class*="team-"] .thumbnail {
float : none;
}
.social-list a {
margin-right : 1rem;
}
.social-list:not(.center) li:last-child a {
margin-right : 0;
}
.right .social-list a, .social-list.right a {
margin-left : 1rem;
margin-right : 0;
}
.social-list.right li:last-child a {
margin-left : 0;
}
.center .social-list a, .center .social-list li:last-child a, .social-list.center a {
margin-right : 0.5rem;
margin-left : 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 : #ffffff;
}
.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;
background-size : cover;
position : relative;
}
.team-3 {
color : #ffffff;
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 : #ffffff;
}
.team-3 .team-content-info h2 {
margin-bottom : 3rem;
}
.team-3 .team-content-info h5 {
margin-top : 2rem;
margin-bottom : 0;
color : #ffffff;
}
.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 : #ffffff;
}
.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 : #ffffff;
}
.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;
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 : #ffffff;
}
.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 : transparent solid;
content : " ";
position : absolute;
border-color : #f9f9f9;
border-width : 10px;
top : 50%;
z-index : 10;
}
.masonry-set-dimensions-2 .item-description:after {
margin-left : -10px;
border : transparent solid;
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 : transparent solid;
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 : transparent solid;
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 : transparent solid;
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 : #ddd solid 1px;
}
.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 : transparent solid;
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 : transparent solid;
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;
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 : #ffffff;
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;
}
}
.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.699999988079071044921875;
}
@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 : "din-regular", sans-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;
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 : #ffffff;
}
.social-3 a:hover {
background : #ffffff;
}
.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;
}
}
[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 : #ffffff;
background-image : url(../images/slider/slide-2-fs-hp@2x.jpg);
background-repeat : no-repeat;
background-position : center center;
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) {
.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;
}
}
.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;
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;
transition-property : opacity, visibility;
transition-duration : 600ms;
}
.fs-bullet-nav {
width : 0.8rem;
height : 0.8rem;
display : inline-block;
background : #ffffff;
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 : #ffffff;
}
.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;
background-size : cover;
}
@media only screen and (max-width:768px) {
.fs-pagination {
display : none;
}
.fullscreen-section footer {
position : relative;
}
.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 : #ffffff;
}
.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;
}
.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;
}
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 : #ddd solid 1px;
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 : #ffffff;
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 : #ffffff;
}
.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, .shop [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 {
transition-property : opacity, background, color, visibility, transform;
transition-duration : 500ms;
}
.footer .footer-logo a:hover {
opacity : 0.60000002384185791015625;
}
.footer .footer-bottom .copyright {
font-size : 1.1rem;
float : left;
}
.footer .navigation, .footer .social-list {
float : none;
}
.footer .navigation a {
line-height : 2rem;
text-transform : uppercase;
background : none;
padding : 0 1rem;
}
.footer .navigation a:hover {
background : none;
color : #ffffff;
}
.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 : #ffffff;
}
.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;
}
}
.post {
margin-bottom : 7rem;
}
.post:last-child {
margin-bottom : 0 !important ;
}
.post-content {
position : relative;
transition-property : background, color;
transition-duration : 600ms;
}
.post-media ~ .post-content, .post-media + .post-info-aside {
margin-top : 3rem;
}
.post-content + .post-media {
margin-top : 3rem;
}
.blog-masonry.masonry-set-dimensions .post, .blog-masonry.masonry-set-dimensions .post-media {
height : 100%;
}
.blog-masonry.masonry-set-dimensions .post-content {
width : 100%;
height : auto;
padding : 0;
color : #ffffff;
display : table;
position : absolute;
bottom : 0;
z-index : 2;
}
.blog-masonry.masonry-set-dimensions .post-content:hover {
background : rgba(0, 0, 0, 0.8);
}
.blog-masonry.masonry-set-dimensions .post-content-inner {
height : 100%;
padding : 2rem;
display : table-cell;
vertical-align : bottom;
}
.post-content > *:last-child {
margin-bottom : 0;
}
.post-content.with-background {
padding : 3rem;
margin-top : 0;
background : #f9f9f9;
}
.post-content.with-background > *:first-child {
margin-top : 0;
}
.blog-masonry.masonry-set-dimensions .post-content.with-background {
background : rgba(0, 0, 0, 0.2);
}
.blog-masonry.masonry-set-dimensions .post-media:hover .post-content {
background : rgba(0, 0, 0, 0.8);
}
.post-info {
margin-bottom : 3rem;
}
.blog-masonry.masonry-set-dimensions .post-info {
margin-bottom : 1rem;
}
.post-info-aside, .post-author-aside, .post-comments-aside {
position : absolute;
z-index : 1;
}
.post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner {
padding-left : 10rem;
}
.post-info {
padding : 0;
margin-right : 0.2rem;
margin-top : 0;
font-size : 1.1rem;
font-weight : bold;
letter-spacing : 0.1rem;
text-transform : uppercase;
display : inline-block;
border : none;
}
.post-info span:first-child {
margin-left : 0;
}
.post-info span:last-child {
margin-right : 0;
}
.post-info [class*="icon-"] {
display : inline-block;
position : relative;
z-index : 1;
}
.post-info .post-love [class*="icon-"] {
margin-right : 0.2rem;
}
.post-love a [class*="icon-"], .post-comments a [class*="icon-"] {
width : 1.2rem;
text-align : center;
transition-property : transform;
}
.post-love a:hover [class*="icon-"], .post-comment a:hover [class*="icon-"] {
transform : scale3d(1.2,1.2,1);
}
.post-content .read-more {
margin-bottom : 0;
}
.post-media {
max-width : 114rem;
}
.post-media > * {
float : none;
margin-bottom : 0;
}
.blog-masonry.masonry-set-dimensions .post-media {
position : relative;
overflow : hidden;
}
.blog-masonry.masonry-set-dimensions.no-margins .post-media {
position : static;
overflow : hidden;
}
.blog-regular .post-media .post-slider {
width : 82.5rem;
height : 55rem;
}
.blog-single-post .post-media .post-slider, .blog-masonry .post-media .post-slider {
width : 82.5rem;
height : 55rem;
}
.blog-wide .post-media .post-slider {
width : 111rem;
height : 74rem;
}
.post-media .mejs-audio, .post-media .mejs-audio .mejs-controls, .post-media .mejs-audio .mejs-container .mejs-button, .post-media .mejs-audio .mejs-button.mejs-play, .post-media .mejs-audio .mejs-button.mejs-pause, .post-media .mejs-audio .mejs-button.mejs-mute, .post-media .mejs-audio .mejs-controls div.mejs-time-rail, .post-media .mejs-audio .mejs-controls div.mejs-horizontal-volume-slider {
height : 4.9rem !important ;
}
.post-media .mejs-audio .mejs-controls .mejs-time {
margin-top : 1rem;
}
.post-media .mejs-audio .mejs-time-rail .mejs-time-total {
margin-top : 2.1rem;
}
.post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .post-media .mejs-audio .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
top : 2.1rem;
}
.post-media .mejs-audio .mejs-button button {
margin : 1.6rem 0.7rem;
}
.post-media .mejs-audio .mejs-button.mejs-play, .post-media .mejs-audio .mejs-button.mejs-pause {
width : 4.4rem !important ;
}
.post-media .mejs-audio .mejs-button.mejs-play button, .post-media .mejs-audio .mejs-button.mejs-pause button {
margin : 1.6rem 1.4rem;
}
.blog-masonry.no-padding-top {
padding-top : 1rem;
}
.blog-masonry.no-padding-bottom {
padding-bottom : 0.5rem;
}
.blog-masonry.full-width.no-margins {
padding : 0;
}
.blog-masonry [class*="content-grid"] {
margin-bottom : -3rem;
}
.blog-masonry.masonry-set-dimensions [class*="content-grid"] {
margin-bottom : -1.5rem;
}
.blog-masonry.no-margins [class*="content-grid"], .blog-masonry.no-margins [class*="content-grid"] .grid-item {
padding : 0 !important ;
margin : 0 !important ;
}
.blog-masonry > .row > .column, .blog-masonry [class*="content-grid"] {
padding-left : 0;
padding-right : 0;
}
.blog-masonry [class*="content-grid"] {
margin-left : 0;
margin-right : 0;
}
.blog-masonry.full-width [class*="content-grid"] {
margin-left : 1.5rem;
margin-right : 1.5rem;
}
body.boxed .blog-masonry.full-width [class*="content-grid"] {
margin-left : 0;
margin-right : 0;
}
.blog-masonry [class*="content-grid"] .grid-item {
padding-left : 1.5rem;
padding-right : 1.5rem;
}
.blog-masonry .grid-item .video, .blog-masonry .grid-item .video-container {
margin-bottom : 0;
}
.blog-regular h2.post-title, .blog-wide h2.post-title, .blog-masonry h2.post-title, .blog-single-post h2.post-title {
margin-top : 0;
margin-bottom : 1rem;
}
.blog-masonry.small-margins [class*="content-grid"] {
padding-left : 0;
padding-right : 0;
margin-left : -1.5rem;
margin-right : -1.5rem;
}
.blog-masonry.small-margins > .row > .column {
padding-left : 1rem;
padding-right : 1rem;
}
.blog-masonry.small-margins.no-margins > .row > .column {
padding-left : 1.5rem;
padding-right : 1.5rem;
}
.blog-masonry.small-margins.full-width > .row > .column {
padding-left : 0.5rem;
padding-right : 0.5rem;
}
.blog-masonry.small-margins.no-margins.full-width > .row > .column {
padding-left : 0;
padding-right : 0;
}
.blog-masonry.small-margins.full-width [class*="content-grid"] {
padding-left : 0;
padding-right : 0;
margin-left : 0;
margin-right : 0;
}
.blog-masonry.small-margins [class*="content-grid"] {
padding-left : 0;
padding-right : 0;
margin-top : -0.5rem;
margin-left : 0;
margin-right : 0;
margin-bottom : -0.5rem;
}
.blog-masonry.small-margins [class*="content-grid"] .grid-item {
margin-bottom : 0;
padding : 0.5rem;
position : relative;
}
.blog-masonry.no-margins > .row > .column {
padding-left : 1.5rem;
padding-right : 1.5rem;
}
.blog-masonry.full-width.no-margins > .row > .column {
padding-left : 0;
padding-right : 0;
}
.blog-masonry.full-width .row {
max-width : 100%;
}
.sidebar.left .sidebar-inner {
padding-right : 1rem;
}
.sidebar.right .sidebar-inner {
padding-left : 1rem;
}
.sidebar.left .sidebar-inner, .sidebar.right .sidebar-inner {
text-align : left;
}
.sidebar .widget:first-child .widget-title {
margin-top : 0;
}
.widget .post-info {
display : block;
margin-bottom : 0;
line-height : 1;
}
@media only screen and (max-width:1140px) {
.blog-wide .post-media .post-slider {
width : 93rem;
height : 62rem;
}
.blog-regular .post-media .post-slider {
width : 69rem;
height : 46rem;
}
.blog-masonry [class*="content-grid"] .grid-item {
width : 33.33333%;
}
}
@media only screen and (max-width:960px) {
.blog-wide .post-media .post-slider {
width : 73rem;
height : 48.7rem;
}
.blog-regular .post-media .post-slider {
width : 54rem;
height : 36rem;
}
.sidebar.left .sidebar-inner {
padding-right : 0;
}
.sidebar.right .sidebar-inner {
padding-left : 0;
}
.blog-masonry [class*="content-grid"] .grid-item {
width : 50%;
}
}
@media only screen and (max-width:768px) {
.blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider {
width : 57rem;
height : 38rem;
}
.post-info span.show-on-mobile, .post-info .show-on-mobile a, .post-info [class*="icon-"] {
display : inline-block !important ;
}
.post-info-aside, .post-author-aside, .post-comments-aside {
display : none !important ;
}
.post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner {
padding-left : 0 !important ;
}
.comment-list ul {
margin-left : 0 !important ;
}
}
@media only screen and (max-width:600px) {
.blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider {
width : 45rem;
height : 30rem;
}
.blog-masonry [class*="content-grid"] .grid-item {
width : 100%;
}
}
@media only screen and (max-width:480px) {
.blog-regular .post-media .post-slider, .blog-wide .post-media .post-slider {
width : 32rem;
height : 21.3rem;
}
}
.single-post .post {
margin-bottom : 0;
}
.single-post .post-content .post-media {
margin-bottom : 3rem;
}
.single-post .post-content.with-background .post-media {
margin-bottom : 0;
}
.single-post-tags {
width : 100%;
padding-top : 3rem;
margin-top : 3rem;
font-size : 1.2rem;
border-top : 1px solid #ddd;
}
.single-post-tags .tags-title {
font-weight : bold;
margin-top : 0;
}
.single-post-tags a {
margin-left : 0.8rem;
margin-right : 0.8rem;
display : inline-block;
letter-spacing : 0.1rem;
}
.post-author {
padding-top : 3rem;
margin-top : 3rem;
border-top : 1px solid #ddd;
}
.post-author .author-avatar {
max-width : 7rem;
float : left;
}
.post-author .author-avatar img {
border-radius : 50%;
}
.post-author .author-content {
margin-left : 10rem;
}
.post-author .author-content *:last-child {
margin-bottom : 0;
}
.post-author .name {
font-size : 1.6rem;
margin-bottom : 0.6rem;
}
.post-comments {
padding-top : 3rem;
margin-top : 3rem;
border-top : 1px solid #ddd;
}
.post-comments .comments-title {
margin-bottom : 3rem;
}
.post-comments .comment-list > li {
margin-bottom : 4rem;
}
.post-comments .comment-list > li:last-child {
margin-bottom : 0;
}
.post-comments .user-avatar {
max-width : 7rem;
float : left;
}
.post-comments .user-avatar img {
border-radius : 50%;
}
.post-comments .comment-content {
margin-left : 10rem;
}
.post-comments .name {
font-size : 1.6rem;
margin-bottom : 0.6rem;
}
.post-comments .comment-meta {
width : 100%;
margin-bottom : 2rem;
line-height : 1;
}
.post-comments .comment-meta a {
margin-left : 0.8rem;
margin-right : 0.8rem;
display : inline-block;
font-size : 1.2rem;
letter-spacing : 0.1rem;
font-weight : bold;
}
.post-comments .comment-meta a:first-child {
margin-left : 0;
}
.post-comment-respond {
padding-top : 3rem;
margin-top : 3rem;
border-top : 1px solid #ddd;
}
.post-comment-respond .reply-title {
margin-bottom : 3rem;
}
.post-comment-respond .comment-form .column {
float : none;
}
.sidebar .widget {
margin-bottom : 3rem;
}
.sidebar .widget li {
padding-top : 0.8rem;
padding-bottom : 0.8rem;
}
@media only screen and (max-width:960px) {
.sidebar .sidebar-inner {
padding-top : 3rem;
margin-top : 3rem;
border-top : 1px solid #ddd;
}
}
[class^="title-"] {
margin-bottom : 2rem;
}
.title-xlarge {
font-size : 9rem;
line-height : 9rem;
}
.title-large {
font-size : 7rem;
line-height : 7rem;
}
.title-medium {
font-size : 5rem;
line-height : 5rem;
}
.title-small {
font-size : 3rem;
line-height : 3rem;
}
.text-xlarge {
font-size : 2.2rem;
}
.text-large {
font-size : 1.8rem;
}
.text-medium {
font-size : 1.5rem;
}
.text-small {
font-size : 1.2rem;
}
.text-uppercase {
text-transform : uppercase;
}
@media only screen and (max-width:768px) {
.title-xlarge {
font-size : 4.5rem;
line-height : 4.5rem;
}
.title-large {
font-size : 4rem;
line-height : 4rem;
}
.title-medium {
font-size : 3rem;
line-height : 3rem;
}
.title-small {
font-size : 2rem;
line-height : 2rem;
}
.text-xlarge {
font-size : 2rem;
line-height : 1.7;
}
.text-large {
font-size : 1.6rem;
line-height : 1.6;
}
.text-medium {
font-size : 1.3rem;
line-height : 1.5;
}
.text-small {
font-size : 1.2rem;
line-height : 1.3;
}
}
.shop .product-price ins {
text-decoration : none;
}
.shop .product-price del {
opacity : 0.60000002384185791015625;
}
.shop .product .onsale, .shop .product .outofstock {
width : auto;
height : auto;
padding : 0.3rem 0.8rem;
background-color : #666;
color : #ffffff;
text-align : center;
font-size : 1.2rem;
line-height : 1.8;
text-transform : uppercase;
position : absolute;
top : 1rem;
left : 1rem;
z-index : 100;
}
.shop .cart-overview .checkout [class*="icon-"] {
margin-right : 0.2rem;
}
.shop .star-rating [class*="icon-"] {
margin : 0;
}
.shop .cart-overview a.product-remove, .shop .cart-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;
}
.shop .quantity {
max-width : 8rem;
}
.shop .cart-overview td, .shop .cart-totals th, .widget .cart-subtotal, .single-product .review-comments {
border-left : none;
border-bottom : 1px solid #eee;
}
.shop .cart-overview .table, .shop .cart-overview .table > thead {
border-left : none;
border-right : none;
}
.shop .cart-overview .table, .shop .cart-overview .table > thead th {
border-top : none;
border-left : none;
}
.shop .cart-review .product-subtotal, .shop .cart-review .product-remove {
text-align : center;
}
.shop .cart-totals td {
text-align : right;
}
.shop .cart-subtotal th {
font-weight : 400;
}
.shop .cart-order-total {
font-weight : 700;
}
.shop .products .product .product-details {
margin-top : 2rem;
}
.shop .products .product .product-title {
font-size : 1.4rem;
margin-bottom : 0.5rem;
}
.shop .products .product .product-thumbnail .product-title {
display : block;
margin-bottom : 1rem;
}
.shop .products .product .product-description {
margin-bottom : 1rem;
}
.shop .products .product .product-price {
font-size : 1.2rem;
}
.shop .products .product .product-thumbnail .product-price {
font-weight : 400;
}
.shop .products .product .product-price ins, .shop .products .product .product-price del {
padding : 0 0.3rem;
}
.shop .products .product .button {
margin-bottom : 0;
}
.shop .products .product-result-count {
float : left;
}
.shop .products .product .product-thumbnail .product-actions {
width : 100%;
position : absolute;
bottom : 0;
z-index : 101;
transition-property : transform;
transition-duration : 200ms;
transform : translateY(4rem);
}
.shop .products .product .product-thumbnail:hover .product-actions {
transform : translateY(0);
}
.shop .products .product .product-thumbnail .product-actions .add-to-cart-button {
width : 100%;
text-align : center;
}
.mobile.shop .products .product .product-thumbnail .product-actions, .shop .products .product .product-actions-mobile {
display : none;
}
.mobile.shop .products .product .product-actions-mobile {
margin-top : 1rem;
display : block;
}
.widget .product-list li {
padding-top : 1.3rem;
padding-bottom : 1.5rem;
}
.widget .product-list li a {
display : block;
}
.widget .product-list .cart-item {
position : relative;
}
.widget .cart-item .product-title {
padding-right : 5rem;
}
.widget .product-list .product-thumbnail {
width : 5rem;
float : right;
}
.widget .product-list .product-price {
font-size : 1.1rem;
}
.widget .product-list .product-title {
margin-bottom : 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 .cart-overview a.product-remove {
margin : 0.3rem 0.8rem 0 0;
color : inherit;
display : inline;
float : left;
}
.widget .cart-subtotal {
padding-top : 1rem;
padding-bottom : 1rem;
font-weight : 700;
}
.widget .cart-subtotal .amount {
float : right;
}
.widget .product-list .cart-actions a {
display : inline-block;
}
.widget .product-list .cart-actions .checkout {
float : right;
}
.widget .product-tag-cloud a {
padding : 0.4rem 0.8rem;
margin : 0 0.5rem 1rem 0;
display : inline-block;
border : #eee solid 1px;
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-cart-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 .cart-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 : #ffffff;
position : absolute;
}
.nav-block .cart-overview .cart-item {
padding : 1rem 0;
text-align : left;
border : none;
}
.nav-block .cart-overview .cart-item a, .nav-block .cart-overview .cart-actions a {
letter-spacing : 0;
}
.nav-block .cart-overview .cart-item:before, .nav-block .cart-overview .cart-item:after, .nav-block .cart-overview .cart-actions:before, .nav-block .cart-overview .cart-actions:after {
height : 0;
content : ".";
display : block;
overflow : hidden;
}
.nav-block .cart-overview .cart-item:after, .nav-block .cart-overview .cart-actions:after {
clear : both;
}
.nav-block .cart-overview li:first-child {
padding-top : 0;
}
.nav-block .cart-overview .product-thumbnail {
width : 5rem;
margin-right : 1.3em;
float : left;
}
.nav-block .cart-overview .product-details {
position : relative;
display : block;
overflow : auto;
}
.nav-block .cart-overview .product-title {
display : block;
background : none;
font-size : 1.2rem;
line-height : 1;
font-weight : 400;
}
.nav-block .cart-overview .product-quantity, .nav-block .cart-overview .product-price {
font-size : 1.1rem;
}
.nav-block .cart-overview a.product-remove {
position : absolute;
top : 0;
right : 0;
}
.nav-block .cart-overview .cart-subtotal {
padding : 1rem 0;
color : #ffffff;
font-size : 1.2rem;
font-weight : 700;
text-align : left;
text-transform : uppercase;
}
.nav-block .cart-overview .cart-subtotal > a:hover {
background : none;
}
.nav-block .cart-overview .cart-subtotal .amount {
float : right;
}
.nav-block .cart-overview .cart-actions {
padding-top : 2rem;
border-top : 1px solid #444;
}
.nav-block .cart-overview .view-cart, .nav-block .cart-overview .checkout {
display : inline-block;
float : left;
}
.nav-block .cart-overview .view-cart:not(.button), .nav-block .cart-overview .checkout:not(.button) {
padding : 0;
background : none;
}
.nav-block .cart-overview .checkout {
float : right;
}
.cart .cart-review .product-thumbnail a {
width : 8rem;
display : block;
}
.cart .cart-review .form-element {
margin-bottom : 0;
}
.cart .cart-review .cart-actions td {
padding : 3rem 0 0 0;
}
.cart .cart-review .cart-coupon-form .form-element {
max-width : 17rem;
}
.cart .cart-review .cart-coupon-form, .cart .cart-review .cart-coupon-form .form-element {
float : left;
}
.cart .cart-review .update-cart {
float : right;
}
@media only screen and (max-width:600px) {
.cart .cart-review .cart-coupon-form .form-element {
margin-bottom : 1rem;
}
.cart .cart-review .product-quantity input {
padding-left : 1rem;
padding-right : 1rem;
}
.cart .cart-review .product-thumbnail {
display : none;
}
}
@media only screen and (max-width:480px) {
.cart .cart-review .product-quantity {
display : none;
}
}
.checkout .cart-review .cart-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;
}
.mt-5 {
margin-top : 0.5rem;
}
.mt-10 {
margin-top : 1rem;
}
.mt-20 {
margin-top : 2rem;
}
.mt-30 {
margin-top : 3rem;
}
.mt-40 {
margin-top : 4rem;
}
.mt-50 {
margin-top : 5rem;
}
.mt-60 {
margin-top : 6rem;
}
.mt-70 {
margin-top : 7rem;
}
.mt-80 {
margin-top : 8rem;
}
.mt-90 {
margin-top : 9rem;
}
.mt-100 {
margin-top : 10rem;
}
.mt-110 {
margin-top : 11rem;
}
.mt-120 {
margin-top : 12rem;
}
.mt-130 {
margin-top : 13rem;
}
.mt-140 {
margin-top : 14rem;
}
.mt-150 {
margin-top : 15rem;
}
.mb-0 {
margin-bottom : 0;
}
.mb-5 {
margin-bottom : 0.5rem;
}
.mb-10 {
margin-bottom : 1rem;
}
.mb-20 {
margin-bottom : 2rem;
}
.mb-30 {
margin-bottom : 3rem;
}
.mb-40 {
margin-bottom : 4rem;
}
.mb-50 {
margin-bottom : 5rem;
}
.mb-60 {
margin-bottom : 6rem;
}
.mb-70 {
margin-bottom : 7rem;
}
.mb-80 {
margin-bottom : 8rem;
}
.mb-90 {
margin-bottom : 9rem;
}
.mb-100 {
margin-bottom : 10rem;
}
.mb-110 {
margin-bottom : 11rem;
}
.mb-120 {
margin-bottom : 12rem;
}
.mb-130 {
margin-bottom : 13rem;
}
.mb-140 {
margin-bottom : 14rem;
}
.mb-150 {
margin-bottom : 15rem;
}
.pt-0, .section-block.pt-0 {
padding-top : 0;
}
.pt-5, .section-block.pt-5 {
padding-top : 0.5rem;
}
.pt-10, .section-block.pt-10 {
padding-top : 1rem;
}
.pt-20, .section-block.pt-20 {
padding-top : 2rem;
}
.pt-30, .section-block.pt-30 {
padding-top : 3rem;
}
.pt-40, .section-block.pt-40 {
padding-top : 4rem;
}
.pt-50, .section-block.pt-50 {
padding-top : 5rem;
}
.pt-60, .section-block.pt-60 {
padding-top : 6rem;
}
.pt-70, .section-block.pt-70 {
padding-top : 7rem;
}
.pt-80, .section-block.pt-80 {
padding-top : 8rem;
}
.pt-90, .section-block.pt-90 {
padding-top : 9rem;
}
.pt-100, .section-block.pt-100 {
padding-top : 10rem;
}
.pt-110, .section-block.pt-110 {
padding-top : 11rem;
}
.pt-120, .section-block.pt-120 {
padding-top : 12rem;
}
.pt-130, .section-block.pt-130 {
padding-top : 13rem;
}
.pt-140, .section-block.pt-140 {
padding-top : 14rem;
}
.pt-150, .section-block.pt-150 {
padding-top : 15rem;
}
.pb-0, .section-block.pb-0 {
padding-bottom : 0;
}
.pb-5, .section-block.pb-5 {
padding-bottom : 0.5rem;
}
.pb-10, .section-block.pb-10 {
padding-bottom : 1rem;
}
.pb-20, .section-block.pb-20 {
padding-bottom : 2rem;
}
.pb-30, .section-block.pb-30 {
padding-bottom : 3rem;
}
.pb-40, .section-block.pb-40 {
padding-bottom : 4rem;
}
.pb-50, .section-block.pb-50 {
padding-bottom : 5rem;
}
.pb-60, .section-block.pb-60 {
padding-bottom : 6rem;
}
.pb-70, .section-block.pb-70 {
padding-bottom : 7rem;
}
.pb-80, .section-block.pb-80 {
padding-bottom : 8rem;
}
.pb-90, .section-block.pb-90 {
padding-bottom : 9rem;
}
.pb-100, .section-block.pb-100 {
padding-bottom : 10rem;
}
.pb-110, .section-block.pb-110 {
padding-bottom : 11rem;
}
.pb-120, .section-block.pb-120 {
padding-bottom : 12rem;
}
.pb-130, .section-block.pb-130 {
padding-bottom : 13rem;
}
.pb-140, .section-block.pb-140 {
padding-bottom : 14rem;
}
.pb-150, .section-block.pb-150 {
padding-bottom : 15rem;
}
[class*="pu-"], [class*="pd-"] {
position : relative;
}
.pd-10 {
top : 1rem;
}
.pd-20 {
top : 2rem;
}
.pd-30 {
top : 3rem;
}
.pd-40 {
top : 4rem;
}
.pd-50 {
top : 5rem;
}
.pd-60 {
top : 6rem;
}
.pd-70 {
top : 7rem;
}
.pd-80 {
top : 8rem;
}
.pd-90 {
top : 9rem;
}
.pd-100 {
top : 10rem;
}
.pd-110 {
top : 11rem;
}
.pd-120 {
top : 12rem;
}
.pd-130 {
top : 13rem;
}
.pd-140 {
top : 14rem;
}
.pd-150 {
top : 15rem;
}
.pu-10 {
top : -1rem;
}
.pu-20 {
top : -2rem;
}
.pu-30 {
top : -3rem;
}
.pu-40 {
top : -4rem;
}
.pu-50 {
top : -5rem;
}
.pu-60 {
top : -6rem;
}
.pu-70 {
top : -7rem;
}
.pu-80 {
top : -8rem;
}
.pu-90 {
top : -9rem;
}
.pu-100 {
top : -10rem;
}
.pu-110 {
top : -11rem;
}
.pu-120 {
top : -12rem;
}
.pu-130 {
top : -13rem;
}
.pu-140 {
top : -14rem;
}
.pu-150 {
top : -15rem;
}
@media only screen and (max-width:768px) {
.mt-mobile-0 {
margin-top : 0;
}
.mt-mobile-5 {
margin-top : 0.5rem;
}
.mt-mobile-10 {
margin-top : 1rem;
}
.mt-mobile-20 {
margin-top : 2rem;
}
.mt-mobile-30 {
margin-top : 3rem;
}
.mt-mobile-40 {
margin-top : 4rem;
}
.mt-mobile-50 {
margin-top : 5rem;
}
.mt-mobile-60 {
margin-top : 6rem;
}
.mt-mobile-70 {
margin-top : 7rem;
}
.mt-mobile-80 {
margin-top : 8rem;
}
.mt-mobile-90 {
margin-top : 9rem;
}
.mt-mobile-100 {
margin-top : 10rem;
}
.mt-mobile-110 {
margin-top : 11rem;
}
.mt-mobile-120 {
margin-top : 12rem;
}
.mt-mobile-130 {
margin-top : 13rem;
}
.mt-mobile-140 {
margin-top : 14rem;
}
.mt-mobile-150 {
margin-top : 15rem;
}
.mb-mobile-0 {
margin-bottom : 0;
}
.mb-mobile-5 {
margin-bottom : 0.5rem;
}
.mb-mobile-10 {
margin-bottom : 1rem;
}
.mb-mobile-20 {
margin-bottom : 2rem;
}
.mb-mobile-30 {
margin-bottom : 3rem;
}
.mb-mobile-40 {
margin-bottom : 4rem;
}
.mb-mobile-50 {
margin-bottom : 5rem;
}
.mb-mobile-60 {
margin-bottom : 6rem;
}
.mb-mobile-70 {
margin-bottom : 7rem;
}
.mb-mobile-80 {
margin-bottom : 8rem;
}
.mb-mobile-90 {
margin-bottom : 9rem;
}
.mb-mobile-100 {
margin-bottom : 10rem;
}
.mb-mobile-110 {
margin-bottom : 11rem;
}
.mb-mobile-120 {
margin-bottom : 12rem;
}
.mb-mobile-130 {
margin-bottom : 13rem;
}
.mb-mobile-140 {
margin-bottom : 14rem;
}
.mb-mobile-150 {
margin-bottom : 15rem;
}
[class*="pu-"], [class*="pd-"] {
top : 0;
}
}

h2, h3, h5, button, .button, .project-title, .product-title, .project-description, .font-alt-1, .counter, .side-navigation > ul > li > a, .overlay-navigation > ul > li > a {
font-family : 'din-light', 'Helvetica Neue light', sans-serif;
}
/* typo PERFOGRAMA*/
h1 {
font-family: 'Perfograma', 'Raleway Dots', 'Codystar', sans-serif;
font-weight: 400;
}
.perfo {
font-family: 'agendalight', 'Lato', sans-serif;
font-size : 8rem;
text-transform : uppercase;
color : #ffffff;
}
h4 {
font-family : 'din-bold', 'Helvetica Neue bold', sans-serif;
}
h1, h2, h3 {
line-height : 1;
font-weight : 400;
text-transform : uppercase;
color : #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color : #67e0e1;
}
h1 {
font-size : 8rem;
}
/* page COACH*/
.moyen {
font-family: 'Perfograma', 'Raleway Dots', 'Codystar', sans-serif;
font-weight: 400;
font-size : 6rem;
}
/* page COACH*/
/* page CONTACT*/
.bdc {
text-transform : lowercase;
}
/* page CONTACT*/
h3 {
font-size : 2.3rem;
}
h4 {
font-size : 2.5rem;
}
h5 {
font-size : 1.6rem;
}
h6 {
line-height : 1.5;
font-weight : 200;
font-size : 1.2rem;
color : #ffffff;
}

bold {
line-height : 1.5;
font-weight : 600;
font-size : 1.2rem;
color : #ffffff;
}

.footer .widget-title, .footer .widget-title a {
font-size : 1.6rem;
letter-spacing : 0;
color : #999;
}
.sidebar .widget-title, .sidebar .widget-title a {
font-size : 1.6rem;
}
.side-navigation-wrapper .widget-title, .side-navigation-wrapper .widget-title a {
font-size : 1.4rem;
color : #ffffff;
}
.overlay-navigation-wrapper .widget-title, .overlay-navigation-wrapper .widget-title a {
font-size : 1.4rem;
color : #999;
}
a, p a, .box a:not(.button) {
color : #232323;
}
.sidebar .widget a, .shop .product-summary a, .shop .cart-overview a {
color : #666;
}
a:hover, p a:hover, .box a:not(.button):hover, .social-list li a:hover, .team-1 .social-list a:hover, .team-2 .social-list a:hover, .accordion li a:hover, .accordion li.active a, .tabs li a:hover, .tabs li.active a, .tabs li.active a:hover, .blog-masonry .with-background .post-read-more a:hover, .post-info a:hover, .post-info-over a:hover, .post-info-over a:hover span, .post-author-aside a:hover, .post-love a:hover, .post-love a:hover span, .scroll-down a:hover, .widget a:not(.button):hover, .footer a:hover + .post-info .post-date, .footer .navigation a:hover, .footer .social-list a:hover, .footer .footer-bottom a:hover {
color : #000;
}
a[class*="icon-"]:hover {
text-decoration : none;
}
a:hover .text-line, a.animated-link:hover .text-line, .accordion li a:hover .text-line, .tabs li a:hover .text-line, .blog-masonry .with-background .post-read-more a:hover .text-line {
background-color : #67e0e1;
}
a.animated-link {
position : relative;
}
.lead, blockquote.large {
font-size : 2rem;
font-weight : 300;
}
.title-xlarge {
font-size : 8rem;
line-height : 1;
}
.title-large {
font-size : 6.2rem;
line-height : 1;
}
.title-medium {
font-size : 3rem;
line-height : 1;
}
.title-small {
font-size : 1.2rem;
line-height : 1.5;
font-weight : 600;
text-transform : uppercase;
}
.text-xlarge {
font-size : 4.6rem;
line-height : 1.4;
}
.text-large {
font-size : 4rem;
line-height : 1.4;
}
.text-medium {
font-size : 2.4rem;
line-height : 1.4;
}
.text-small {
font-size : 1.6rem;
line-height : 1.4;
}
.status-code-title {
font-size : 14rem;
line-height : 1;
}
.weight-light {
font-weight : 300;
}
.weight-bold {
font-weight : 500;
}
@media only screen and (max-width:768px) {
h1, .title-xlarge {
font-size : 20rem;
}
h2, .title-large {
font-size : 2.8rem;
}
h3 {
font-size : 1.8rem;
}
h4 {
font-size : 1.5rem;
}
h5 {
font-size : 1.3rem;
}
h6 {
font-size : 1.5rem;
}
h5.tms-caption, .tmp-content h5 {
font-size : 1.4rem;
}
.tms-caption.title-xlarge, .tmp-content .title-xlarge {
font-size : 4.5rem;
line-height : 4.5rem;
}
.lead {
font-size : 1.7rem;
}
.text-xlarge {
font-size : 3.1rem;
}
.text-large {
font-size : 2.5rem;
}
.text-medium {
font-size : 1.9rem;
}
.text-small {
font-size : 1.1rem;
}
.fullscreen-section .background-on-mobile {
background : #f4f4f4;
}
.fullscreen-section .background-on-mobile * {
color : #666 !important ;
}
.fullscreen-section .background-on-mobile h1, .fullscreen-section .background-on-mobile h2, .fullscreen-section .background-on-mobile h3, .fullscreen-section .background-on-mobile h4, .fullscreen-section .background-on-mobile h5, .fullscreen-section .background-on-mobile h6 {
color : #000000 !important ;
}
}
body, .content, .featured-media:after, .section-block:not([class*="bkg-"]), .fullscreen-sections-wrapper {
background-color : #000000;
/* height : 100vh; */
}
.section-block.featured-media, .section-block.fullscreen-section {
background-color : #000000;
}
.bkg-grey-ultralight {
background-color : #f4f4f4;
border-color : #f6f5f2;
}
.bkg-hover-grey-ultralight:hover {
background-color : #f6f5f2;
border-color : #f6f5f2;
}
.border-hover-grey-ultralight:hover {
border-color : #f6f5f2;
}
.color-grey-ultralight, .color-hover-grey-ultralight:hover {
color : #f6f5f2;
}
.bkg-grey {
background-color : #4e4e4d;
border-color : #4e4e4d;
}
.bkg-hover-grey:hover {
background-color : #4e4e4d;
border-color : #4e4e4d;
}
.border-hover-grey:hover {
border-color : #4e4e4d;
}
.color-grey, .color-hover-grey:hover {
color : #4e4e4d;
}
.bkg-charcoal-light {
background-color : #333;
border-color : #333;
}
.bkg-hover-charcoal-light:hover {
background-color : #333;
border-color : #333;
}
.border-hover-charcoal-light:hover {
border-color : #333;
}
.color-charcoal-light, .color-hover-charcoal-light:hover {
color : #333;
}
.bkg-charcoal {
background-color : #232323;
border-color : #232323;
}
.bkg-hover-charcoal:hover {
background-color : #232323;
border-color : #232323;
}
.border-charcoal, .border-hover-charcoal:hover {
border-color : #232323;
}
.color-charcoal, .color-hover-charcoal:hover {
color : #232323;
}
.bkg-beige-light {
background-color : #f6f5f2;
border-color : #f6f5f2;
}
.bkg-hover-beige-light:hover {
background-color : #f6f5f2;
border-color : #f6f5f2;
}
.border-beige-light, .border-hover-beige-light:hover {
border-color : #f6f5f2;
}
.color-beige-light, .color-hover-beige-light:hover {
color : #f6f5f2;
}
.bkg-turquoise {
background-color : #67e0e1;
border-color : #67e0e1;
}
.bkg-hover-turquoise:hover {
background-color : #67e0e1;
border-color : #67e0e1;
}
.border-turquoise, .border-hover-turquoise:hover {
border-color : #67e0e1;
}
.color-turquoise, .color-hover-turquoise:hover {
color : #67e0e1;
}
.section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge {
padding-top : 11rem;
padding-bottom : 11rem;
}
.section-block-2 {
padding-top : 20rem;
padding-bottom : 25rem;
}
.replicable-content, .row.xlarge.replicable-content {
padding-top : 20rem;
padding-bottom : 8rem;
}
.section-block.slanted-top:before {
width : 100%;
height : 12rem;
background-color : inherit;
content : '';
position : absolute;
left : 0;
top : -5.7rem;
transform : skewY(-4.5deg);
z-index : 5;
}
.footer .footer-top {
padding-top : 9rem;
padding-bottom : 5rem;
}
.grid-filter-menu {
padding-top : 5rem;
padding-bottom : 5rem;
}
.home-page .grid-filter-menu {
padding-bottom : 4rem;
}
.section-block.feature-2 {
padding-bottom : 12rem;
}
.divider {
margin-top : 6rem;
margin-bottom : 9rem;
}
.page-intro .divider, [class*="intro-title-"] .divider {
margin-top : 0;
margin-bottom : 2rem;
}
.separator {
width : 5rem;
height : 0.1rem;
margin-top : 1.5rem;
margin-bottom : 3rem;
}
.text-line {
width : 2rem;
height : 0.1rem;
display : inline-block;
}
.text-line[class*="bkg-"] {
padding : 0;
}
.text-line-vertical {
display : inline-block;
position : relative;
}
.text-line-vertical:after {
width : 1px;
height : 8rem;
margin-top : 3rem;
border-right : 1px solid #777;
position : absolute;
top : 100%;
left : 50%;
content : '';
}
.tm-slider-container .text-line-vertical:after {
height : 200%;
border-color : #ffffff;
}
@media only screen and (min-width:960px) {
.header-1-static + .content {
padding-top : 8rem;
}
}
@media only screen and (max-width:768px) {
.fullscreen-section.content-below-on-mobile .fullscreen-inner {
padding-top : 12rem !important ;
padding-bottom : 12rem !important ;
}
}
.header-bottom {
top : 51.9rem;
}
.header .logo, .header .header-inner .navigation > ul > li, .header .header-inner .navigation > ul > li > a:not(.button), .header .header-inner .dropdown > .nav-icon {
height : 12rem;
line-height : 12rem;
}
.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 : 12rem;
line-height : 12rem;
}
.header .header-inner {
background-color : transparent;
border-bottom : none;
}
.header-transparent .header-inner {
background-color : transparent;
}
.header-background .header-inner {
background-color : transparent;
}
.header .header-inner-top {
height : 4rem;
background : #232323;
color : #ffffff;
}
.mobile .header .header-inner {
background-color : #000;
border-top : none;
}
/*.mobile .header .header-inner {
border-bottom : 1px solid #eee;*/
}
.mobile .header + .content {
padding-top : 0;
}
@media only screen and (max-width:960px) {
.header .header, .header .header-inner, .header.header-transparent .header-inner {
background-color : #000;
}
.header .header-inner > .nav-bar {
padding : 0;
}
}
.header .logo {
width : 12.5rem;
}
.header-compact .logo {
width : 12.5rem;
}
.header .logo a {
display : block !important ;
position : absolute;
top : 0;
}
.header-in .logo a, .header-out .logo a {
transition-duration : 0s;
}
.header .logo a:first-child {
opacity : 1;
transform : translateY(0);
}
.header .logo a + a {
display : none !important ;
}
.header-transparent .logo a:first-child {
opacity : 0;
transform : translateY(5rem);
}
.header-transparent .logo a + a {
display : block !important ;
transform : translateY(0);
}
.header-background .logo a:first-child {
opacity : 1;
transform : translateY(0);
}
.header-background .logo a + a {
display : block !important ;
opacity : 0;
transform : translateY(-5rem);
}
.nav-dark .logo a:first-child {
display : block !important ;
top : 0;
opacity : 1;
transform : translateY(0);
}
.nav-dark .logo a:last-child {
display : none !important ;
}
.mobile .header .logo a:first-child {
display : block !important ;
opacity : 1;
transform : translateY(0);
}
@media only screen and (max-width:960px) {
.header .logo-inner {
display : table-cell;
vertical-align : middle;
}
.header .logo a {
position : relative;
}
.header .logo a:first-child {
opacity : 1;
top : 0;
transform : translateX(0) !important ;
}
.header .logo a:last-child {
display : none !important ;
}
}
/*@media only screen and (max-width:960px) {
.header .logo-inner {
display : table-cell;
vertical-align : middle;
}
.header .logo a {
position : relative;
width : 5rem;
}
}
@media only screen and (max-width:640px) and (orientation:landscape) {
.header .logo-inner {
display : table-cell;
vertical-align : middle;
}
.header .logo a {
position : relative;
width : 3.5rem;
}
}*/
.header .logo-center ~ .navigation.nav-center {
padding-top : 0.5rem;
}
.header .logo-center ~ .navigation.nav-center > ul > li > a {
padding-bottom : 2rem;
}
.header .navigation > ul > li > a {
margin : 0 1.5rem;
padding-left : 0;
padding-right : 0;
font-size : 1.1rem;
text-transform : uppercase;
font-weight : 700;
letter-spacing : 0;
}
.header .navigation > ul > li.current > a:hover {
color : #ffffff;
}
.header-transparent .navigation > ul > li > a {
color : #ffffff;
opacity : 0.60000002384185791015625;
}
.header-transparent .navigation > ul > li > a:hover {
color : #ffffff;
opacity : 1;
}
.header-transparent .navigation > ul > li.current > a, .header-transparent .navigation > ul > li.current > a:hover {
color : #ff3366;
opacity : 1;
}
.header-transparent.nav-dark .navigation > ul > li > a {
color : #000;
opacity : 0.5;
}
.nav-dark .navigation > ul > li.current > a, .nav-dark .navigation > ul > li.current > a:hover {
color : #000;
opacity : 1;
}
.header-background .navigation > ul > li > a {
color : #999;
}
.header-background .navigation > ul > li.current > a {
color : #000;
border-bottom : none;
}
.header-background .navigation > ul > li.current > a:hover {
color : #000;
}
.header-background .navigation > ul > li > a:hover {
color : #000;
opacity : 1;
}
.navigation .sub-menu li, .navigation .dropdown-list li {
border-bottom : none;
}
.navigation .sub-menu li a, .navigation .mega-sub-menu ul li a, .navigation .dropdown-list li a {
line-height : 1.6;
font-weight : 400;
font-size : 1.2rem;
color : #888;
}
.navigation .sub-menu:not(.custom-content) li a, .navigation .dropdown-list:not(.custom-content) li a {
padding : 1rem 1.5rem;
}
.navigation .mega-sub-menu > li > a {
font-size : 1.3rem;
}
.navigation .sub-menu:not(.custom-content) a, .navigation .sub-menu.custom-content, .navigation .mega-sub-menu, .navigation .dropdown-list {
background-color : #111;
}
.navigation .cart .badge {
top : -0.8rem;
right : -1.2rem;
background-color : #67e0e1;
}
.navigation .cart-overview .product-title {
color : #ffffff;
}
.navigation .cart-overview .product-price, .navigation .cart-overview .product-quantity {
color : #999;
}
.navigation .cart-overview a.product-remove {
background-color : #444;
color : #999;
}
.navigation .cart-overview .cart-subtotal {
color : #ffffff;
}
.navigation .cart-overview .cart-actions {
border-color : #444;
}
.navigation .cart-overview .checkout.button {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.navigation .cart-overview .checkout.button:hover {
background-color : #666;
border-color : transparent;
color : #ffffff;
}
.navigation .sub-menu:not(.custom-content) li:hover > a, .navigation .mega-sub-menu:not(.custom-content) ul li:hover > a, .navigation .dropdown-list:not(.custom-content) li:hover a {
background-color : #000;
}
.navigation ul li > a:hover, .navigation .mega-sub-menu ul li > a:hover, .navigation .dropdown-list li > a:hover, .navigation .cart-overview .product-title:hover, .navigation .cart-overview .product-remove:hover {
color : #ffffff;
}
.navigation .mega-sub-menu {
left : 0;
right : 0;
}
.sub-menu li .label, .mega-menu li .label, .dropdown li .label {
margin-left : 0.5rem;
padding : 0.1rem 0.4rem;
font-size : 1rem;
text-transform : uppercase;
background-color : #67e0e1;
border-color : #67e0e1;
color : #ffffff;
}
.header .dropdown-list {
margin-top : 2.2rem;
}
.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 {
padding : 0 1.5rem !important ;
}
.header .with-division ul {
border-left-color : rgba(0, 0, 0, 0.1);
}
.header .with-division li {
border-right-color : rgba(0, 0, 0, 0.1);
}
.header .navigation .nav-icon {
color : #ffffff;
font-size : 1.4rem;
font-weight : 400;
opacity : 1;
}
.header .navigation .nav-icon:hover, .header .navigation .nav-icon.active {
background-color : transparent;
color : #000;
opacity : 1;
}
.header .cart .badge {
background-color : #67e0e1;
}
.header .social-list li .nav-icon {
padding : 0 !important ;
margin-right : 1.5rem;
}
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) {
font-size : 1rem !important ;
color : #ffffff;
font-weight : 900;
}
.header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover, .header .dropdown > .button.active:not(.nav-icon) {
color : #ffffff;
}
@media only screen and (min-width:960px) {
.header-transparent .with-division ul {
border-left-color : rgba(34, 34, 34, 0.2);
}
.header-transparent .with-division li {
border-right-color : rgba(255, 255, 255, 0.2);
}
}
.header-transparent .navigation .nav-icon {
color : rgba(255, 255, 255, 0.6);
opacity : 1;
}
.header-transparent .navigation .nav-icon:hover, .header-transparent .navigation .nav-icon.active {
color : #ffffff;
background-color : transparent;
opacity : 1;
}
.nav-dark .navigation .nav-icon {
color : #999;
}
.nav-dark .navigation .nav-icon:hover, .nav-dark .navigation .nav-icon.active {
color : #000;
}
.nav-dark .v-align-middle > .button:not(.nav-icon):not(:hover), .nav-dark .dropdown > .button:not(.nav-icon):not(:hover) {
color : #ffffff;
}
.nav-dark .v-align-middle > .button:not(.nav-icon):hover, .nav-dark .dropdown > .button:not(.nav-icon):hover {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.header-background .with-division ul {
border-left-color : #eee;
}
.header-background .with-division li {
border-right-color : #eee;
}
.header-background .v-align-middle > .button:not(.nav-icon), .header-background .dropdown > .button:not(.nav-icon) {
background : #232323;
border-color : transparent;
color : #ffffff;
}
.header-background .v-align-middle > .button:not(.nav-icon):hover, .header-background .dropdown > .button:not(.nav-icon):hover {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.header-background .navigation .nav-icon {
color : #999;
}
.header-background .navigation .nav-icon:hover, .header-background .navigation .nav-icon.active {
color : #000;
}
.header-background .social-list li a {
color : #999;
}
.header-background .social-list li a:hover {
color : #000;
}
.header-compact .dropdown-list {
margin-top : 1.2rem;
}
.mobile .navigation.with-division ul {
border-left-color : #eee;
}
.mobile .navigation.with-division li {
border-right-color : #eee;
}
.mobile .v-align-middle > .button:not(.nav-icon), .mobile .dropdown > .button:not(.nav-icon) {
background : #232323;
border-color : transparent;
color : #ffffff;
}
.mobile .v-align-middle > .button:not(.nav-icon):hover, .mobile .dropdown > .button:not(.nav-icon):hover {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.mobile .navigation .nav-icon {
color : #666;
}
.mobile .navigation .nav-icon:hover, .mobile .dropdown .nav-icon.active, .mobile .header-transparent .dropdown .nav-icon.active {
color : #000;
}
@media only screen and (max-width:960px) {
.header .dropdown-list {
margin-top : 2.2rem;
}
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) {
background : #232323;
border-color : transparent;
color : #ffffff;
}
.header .v-align-middle > .button:not(.nav-icon):hover, .header .dropdown > .button:not(.nav-icon):hover {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.header .navigation .nav-icon {
color : #666;
}
.header .navigation .nav-icon:hover, .header .dropdown .nav-icon.active {
color : #000;
}
}
@media only screen and (max-width:960px) {
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) {
padding : 0.5rem !important ;
border-color : transparent;
color : #ffffff;
}
}
@media only screen and (max-width:320px) {
.header .v-align-middle > .button:not(.nav-icon), .header .dropdown > .button:not(.nav-icon) {
margin : -2.2rem;
border-color : transparent;
color : #ffffff;
}
}
.header .navigation-show {
width : 4.4rem;
height : 4.4rem;
margin-left : 0;
}
.header .navigation-show a {
font-size : 2.4rem;
text-align : center;
color : #666;
border : #eee solid 1px;
}
.header .navigation .navigation-show.nav-icon {
font-size : 2rem;
}
.header .navigation-show a:hover {
color : #000;
opacity : 1;
}
.header-transparent .navigation-show a {
color : #ffffff;
border-color : rgba(255, 255, 255, 0.2);
}
.header-transparent .navigation-show a:hover {
color : #ffffff;
border-color : rgba(255, 255, 255, 1);
}
.header-background .navigation-show a {
color : #666;
border-color : #eee;
}
.header-background .navigation-show a:hover {
color : #000;
border-color : #eee;
}
.navigation-hide {
width : 4.4rem;
height : 4.4rem;
margin-top : 1.9rem;
margin-right : 0;
}
.navigation-hide a {
background : none;
}
.navigation-hide a span {
width : 4.4rem;
font-size : 2rem;
}
.side-navigation-wrapper .logo {
width : 12rem;
}
.side-navigation-wrapper {
background-color : #111;
box-shadow : none !important ;
}
.side-navigation-header {
border : none;
}
.side-navigation > ul > li > a {
padding : 0.6rem 4rem;
font-size : 1.6rem;
line-height : 1.2;
letter-spacing : 0.1rem;
text-transform : uppercase;
font-weight : 300;
color : #888;
position : relative;
}
.side-navigation ul li.current > a {
color : #ffffff;
font-weight : 300;
}
.side-navigation > ul > li > a:after {
width : 0;
height : 0.1rem;
margin-left : 0;
content : "";
background-color : #ffffff;
opacity : 0;
position : absolute;
left : 0;
bottom : 1rem;
transition-property : width, opacity;
transition-duration : 500ms;
}
.side-navigation > ul > li.current > a:after {
width : 2rem;
opacity : 1;
}
.side-navigation-wrapper .navigation-hide {
margin-right : 2rem;
}
.side-navigation-wrapper .navigation-hide {
color : #666;
}
.side-navigation-wrapper .navigation-hide a:hover {
color : #ffffff;
}
.side-navigation .sub-menu {
background : none;
}
.side-navigation .sub-menu a {
text-transform : none;
font-size : 1.2rem;
font-weight : normal;
color : #666;
}
.side-navigation .sub-menu a:hover {
color : #ffffff;
}
.side-navigation .sub-menu li:first-child {
padding-top : 1rem;
}
.side-navigation .sub-menu li:last-child {
padding-bottom : 1rem;
}
.side-navigation .cart-overview li:first-child {
padding-top : 2rem;
}
.side-navigation .cart-overview li:last-child {
padding-bottom : 2rem;
}
.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 .cart .badge {
background-color : #67e0e1;
}
.side-navigation .cart-overview .product-title {
color : #ffffff;
}
.side-navigation .cart-overview .product-price, .side-navigation .cart-overview .product-quantity {
color : #999;
}
.side-navigation .cart-overview a.product-remove {
background-color : #333;
color : #999;
}
.side-navigation .cart-overview .cart-subtotal {
color : #ffffff;
}
.side-navigation .cart-overview .cart-actions {
border-color : #333;
}
.side-navigation .cart-overview .checkout.button {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.side-navigation .cart-overview .checkout.button:hover {
background-color : #666;
border-color : transparent;
color : #ffffff;
}
.side-navigation ul li a:hover, .side-navigation ul li.current a:hover {
color : #ffffff;
}
.side-navigation-footer .widget p, .side-navigation-footer .widget a {
color : #666;
font-size : 1.3rem;
}
.side-navigation-footer .widget a:hover {
color : #ffffff;
}
.side-navigation-footer, .side-navigation-footer .social-list a {
color : #666;
font-size : 1.1rem;
}
.side-navigation-footer .social-list a:hover {
color : #ffffff;
}
.side-navigation-footer .copyright {
font-size : 1.1rem;
}
.overlay-navigation-wrapper {
background-color : rgba(255, 255, 255, 1);
}
.overlay-navigation-inner {
text-align : left;
}
.overlay-navigation-header {
top : 1.5rem;
}
.overlay-navigation-wrapper .menu-title {
width : 100%;
margin-bottom : 3rem;
color : #000;
font-size : 2rem;
line-height : 1;
font-weight : 700;
text-transform : uppercase;
display : block;
}
.overlay-navigation {
max-width : 40rem;
padding-left : 3rem;
padding-right : 3rem;
opacity : 0;
transform : translateY(-10rem);
transition-duration : 500ms;
}
.aux-navigation-active .overlay-navigation {
opacity : 1;
transform : translateY(0);
}
.overlay-navigation > ul > li > a {
font-size : 3rem;
color : #999;
text-transform : uppercase;
}
.overlay-navigation ul li.current > a {
font-weight : normal;
}
.overlay-navigation-wrapper .navigation-hide {
top : 0;
right : 3rem;
}
.overlay-navigation-wrapper .navigation-hide a {
color : #999;
}
.overlay-navigation-wrapper .navigation-hide a:hover {
color : #000;
}
.overlay-navigation .sub-menu {
padding-left : 0;
}
.overlay-navigation .sub-menu a {
letter-spacing : 0.1rem;
font-weight : normal;
line-height : 1.2;
color : #999;
}
.overlay-navigation .sub-menu .current a {
color : #000;
}
.overlay-navigation .sub-menu a:hover {
color : #000;
}
.overlay-navigation .sub-menu li:first-child {
padding-top : 1rem;
}
.overlay-navigation .sub-menu li:last-child {
padding-bottom : 1rem;
}
.overlay-navigation .cart .badge {
background-color : #67e0e1;
}
.overlay-navigation .cart-overview .product-title {
color : #000;
}
.overlay-navigation .cart-overview .product-price, .overlay-navigation .cart-overview .product-quantity {
color : #999;
}
.overlay-navigation .cart-overview a.product-remove {
background-color : #eee;
}
.overlay-navigation .cart-overview .cart-subtotal {
color : #000;
}
.overlay-navigation .cart-overview .cart-actions {
border-color : #eee;
}
.overlay-navigation .cart-overview .checkout.button {
background-color : #67e0e1;
border-color : transparent;
color : #ffffff;
}
.overlay-navigation .cart-overview .checkout.button:hover {
background-color : #666;
border-color : transparent;
color : #ffffff;
}
.overlay-navigation > ul > li > a:hover, .overlay-navigation > ul > li.current > a, .overlay-navigation ul li.current > a:hover {
color : #000;
}
.overlay-navigation-footer .widget p, .overlay-navigation-footer .widget a {
color : #666;
font-size : 1.3rem;
}
.overlay-navigation-footer .widget a:hover {
color : #000;
}
.overlay-navigation-footer {
padding-left : 3rem;
padding-right : 3rem;
}
.overlay-navigation-footer, .overlay-navigation-footer .social-list a {
color : #666;
font-size : 1.3rem;
}
.overlay-navigation-footer .social-list a:hover {
color : #000;
}
.overlay-navigation-footer .copyright {
font-size : 1.1rem;
}
.mobile .navigation-show {
margin-left : 2rem;
}
.mobile .navigation-show a {
color : #666;
border-color : #eee;
}
.mobile .navigation-show a:hover {
color : #000;
opacity : 1;
}
@media only screen and (max-width:960px) {
.header .navigation-show {
margin-left : 2rem;
}
.header .navigation-show a {
color : #666;
border-color : #eee;
}
.header .navigation-show a:hover {
color : #000;
opacity : 1;
}
.overlay-navigation-header {
top : 2rem;
}
.overlay-navigation-wrapper .navigation-hide {
top : 0;
right : 3rem;
}
}
[class*="intro-title-"] {
padding : 0;
}
[class*="intro-title-"] {
height : 45rem;
}
[class*="intro-title-"].small {
height : 30rem;
}
.intro-title-2 {
background-image : url(../images/slider/slide-2-page-intro.jpg);
}
.intro-title-2-1 {
background-image : url(../images/slider/slide-8-page-intro.jpg);
}
.intro-title-2-2 {
background-image : url(../images/slider/slide-9-page-intro.jpg);
}
@media only screen and (max-width:768px) {
[class*="intro-title-"], [class*="intro-title-"].small {
padding : 11rem 0;
height : auto;
}
}
.featured-media, nav .full-width-slider, .parallax {
height : 60rem;
padding : 0;
}
.page-intro {
height : 45rem;
}
.window-height {
height : 100vh;
}
.page-intro .full-width-slider, .window-height .full-width-slider {
height : inherit;
}
.featured-media .tm-slider-container, .content-slider, .tms-carousel {
background : none;
}
.tm-loader, .tm-loader #circle {
width : 3rem;
height : 3rem;
border-radius : 50%;
background : none;
transform-origin : center center;
}
.tm-loader {
width : 3rem;
height : 3rem;
margin : -1.5rem 0 0 -1.5rem;
position : absolute;
top : 50%;
left : 50%;
animation : preloader-outer 1.5s ease infinite;
}
.tm-loader #circle {
animation : preloader 3s ease infinite;
}
.tm-loader #circle {
border : rgba(0, 0, 0, 0.4) solid 2px;
border-bottom-color : #000;
}
.featured-media .tm-loader #circle {
background : none;
border : rgba(255, 255, 255, 0.4) solid 2px;
border-bottom : 2px solid #ffffff;
opacity : 1;
}
@keyframes preloader-outer {
from {
opacity : 1;
transform : rotate(0deg);
}
to {
opacity : 1;
transform : rotate(360deg);
}
}
@keyframes preloader {
0% {
opacity : 0.300000011920928955078125;
}
50% {
opacity : 1;
}
100% {
opacity : 0.300000011920928955078125;
}
}
.overlay-info > span > span {
font-size : 1.3rem;
font-weight : 400;
letter-spacing : 0.1rem;
text-transform : none;
color : #232323;
}
.overlay-info .project-description {
font-size : 1.2rem;
text-transform : none;
font-weight : normal;
font-style : italic;
}
.overlay-info {
background : rgba(0, 0, 0, 0.5);
}
.overlay-info > span > span {
text-align : center;
vertical-align : center;
}
.overlay-info .project-title {
margin-bottom : 0.8rem;
display : block;
}
.overlay-fade-img-scale-out .overlay-info .overlay-info {
opacity : 1;
}
.overlay-fade-img-scale-in .project-title {
margin-bottom : 0;
}
.caption-below {
padding-right : 0;
padding-left : 0;
padding-bottom : 0;
border : none;
opacity : 0.5;
}
.scroll-link.icon-circled, .scroll-to-top.icon-circled {
width : 5rem;
height : 5rem;
}
.scroll-link.icon-circled {
line-height : 5rem;
}
.scroll-to-top.icon-circled {
line-height : 4.8rem;
}
.scroll-to-top a {
font-size : 1.1rem;
}
.stats-1-1 {
background-image : url(../images/barber-shop/generic/hero-1.jpg);
}
.hero-5-1 .media-column {
background-image : url(../images2/CONTACT-hero-half-1.jpg);
}
.hero-5-2 .media-column {
background-image : url(../images2/COURSsonia03bis.jpg);
z-index : 0;
}
.hero-5-3 .media-column {
background-image : url(../images2/biobis.jpg);
}
.signup-2-1 {
background-image : url(../images/barber-shop/generic/signup-1.jpg);
}
.home-page .fulscreen-sections-wrapper {
background : #000;
}
.signup-box {
padding : 4rem;
border : rgba(255, 255, 255, 0.3) solid 1px;
overflow : visible;
}
.signup-box .form-response {
bottom : auto;
}
.fullscreen-bkg-2 {
background-image : url(../images/barber-shop/slider/slide-3-fs.jpg);
}
.fullscreen-bkg-3 {
background-image : url(../images2/AUDIO-background1.jpg);
}
.fullscreen-bkg-4 {
background-image : url(../images/barber-shop/slider/slide-5-fs.jpg);
}
.team-1 h3, .team-2 h3 {
margin-top : 0.5rem;
}
.team-1 .team-content-info h5 {
margin-top : 3rem;
margin-bottom : 0.5rem;
}
.team-1 h6.occupation {
margin-bottom : 2rem;
}
.team-2 h6.occupation {
margin-bottom : 2rem;
}
.team-2 .team-content-info {
padding : 2rem;
}
.team-2 .social-list {
margin-bottom : 0;
}
.team-2 .occupation {
font-size : 1.6rem;
}
.team-slider {
background : none;
height : 42rem;
}
.team-slider li {
padding-left : 1.5rem;
padding-right : 1.5rem;
}
.team-slider p {
line-height : 1.8;
}
.team-slider .tms-pagination a {
background-color : #232323;
}
.team-slider-1 .tms-pagination {
display : none !important ;
}
[class*="team-"] .occupation {
color : #999;
}
.testimonials-5-about-1 {
background : none;
color : #666;
}
.testimonials-5-about-1 .tms-bullet-nav {
background : #000;
}
.hero-5-contact-1 .media-column {
background-image : url(../images/contact/hero-half.jpg);
}
.hero-5-contact-1 [class*="stats-"] .stat-inner {
text-align : left;
}
.stats-contact-1 {
background : none;
}
.contact-form-container .form-response {
color : #666;
}
.map-container {
height : 45rem;
}
.masonry-stamp .caption-over-outer {
background-color : rgba(0, 0, 0, 0.8);
}
h4.project-title {
font-size : 1.4rem;
}
.project-title .label {
font-size : 1rem;
text-transform : uppercase;
}
.project-description {
font-size : 1.2rem;
}
.project-1-slider .tms-bullet-nav {
background : #ffffff;
}
.project-1-slider .tms-arrow-nav {
display : none !important ;
}
.project-1-slider .tms-pagination {
bottom : -4rem;
opacity : 1 !important ;
}
.project-attribute {
margin-bottom : 0.3rem;
display : table;
table-layout : fixed;
}
.project-attribute .project-label {
min-width : 8rem;
font-weight : 700;
display : table-cell;
}
.project-attribute .project-value {
display : table-cell;
}
.grid-filter-menu ul, .grid-filter-menu li {
padding : 0;
text-transform : none;
font-size : 1.3rem;
letter-spacing : 0.1rem;
}
.grid-filter-menu li {
padding : 0.8rem 1.5rem;
}
.grid-filter-menu.list-vertical li {
display : block;
padding : 0.8rem 0;
}
.grid-filter-menu:not(.center):not(.right) li:first-child {
padding-left : 0;
}
.grid-filter-menu.right li:last-child {
padding-right : 0;
}
.grid-filter-menu a {
padding : 0.5rem 0;
font-weight : 400;
color : #999;
display : block;
position : relative;
border-bottom : 1px solid transparent;
}
.grid-filter-menu a:hover {
color : #232323;
}
.grid-filter-menu a.active {
color : #232323;
border-color : #232323;
}
.project-swatch-list {
margin-bottom : 0;
}
.project-swatch-list li {
margin-bottom : 3rem;
}
.project-swatch {
margin-right : 5rem;
}
.center .project-swatch {
margin-left : 2.5rem;
margin-right : 2.5rem;
}
@media only screen and (max-width:768px) {
.center-on-mobile .project-swatch {
margin-left : 2.5rem;
margin-right : 2.5rem;
}
}
.pagination-3 ul {
border-top : 1px solid #eee;
}
.pagination-3 li {
margin-top : -1px;
margin-left : -0.4rem;
}
.pagination-3 a {
width : 4rem;
height : 4rem;
padding : 0;
line-height : 4rem;
font-size : 1.2rem;
font-weight : 400;
color : #000;
border-color : transparent;
border-radius : 0;
}
.pagination-3.portfolio a {
width : auto;
padding : 0 1.5rem;
font-size : 1rem;
text-transform : uppercase;
}
.pagination-3.portfolio .pagination-previous {
padding-left : 1rem;
}
.pagination-3.portfolio .pagination-next {
padding-right : 1rem;
}
.pagination-3 .pagination-previous, .pagination-3 .pagination-next, .pagination-3 a.current, .pagination-3 a:hover {
background : #eee;
border : #eee solid 1px;
color : #000;
}
.pagination-3 a.disabled, .pagination-3 a.disabled:hover {
border-color : #eee;
}
.pagination-3 a span {
margin : 0;
}
.fullscreen-section .fullscreen-inner {
background : rgba(0, 0, 0, 0.35);
}
.fs-bullet-nav {
background : none;
border : #ffffff solid 1px;
}
.fs-bullet-nav.active {
background : #ffffff;
}
.fs-pagination {
right : 6rem;
}
.blog-regular h2.post-title, .blog-wide h2.post-title, .blog-single-post h2.post-title {
margin-bottom : 1rem;
}
.blog-masonry h2.post-title {
margin-bottom : 0;
}
.blog-masonry .post-title {
margin-bottom : 0;
font-size : 1.8rem;
text-transform : uppercase;
display : block;
}
.blog-regular .post-title, .blog-wide .post-title {
font-size : 3rem;
}
.blog-masonry .post-title a, .blog-regular .post-title a, .blog-wide .post-title a {
color : #ffffff;
}
.single-post-tags .tags-title {
font-size : 1.3rem;
}
.blog-masonry.masonry-set-dimensions .post-title {
font-size : 1.8rem;
font-weight : 300;
line-height : 1;
}
.blog-masonry.masonry-set-dimensions .post-title.quote {
line-height : inherit;
}
.blog-masonry.masonry-set-dimensions .post-title a {
color : #ffffff;
}
.masonry-set-dimensions .content-inner.with-overlay {
background-color : rgba(0, 0, 0, 0.3);
}
.post-content.with-background {
background-color : #fafafa;
}
.post-info {
margin-bottom : 2rem;
font-size : 1.1rem;
font-weight : 400;
color : #999;
}
.post-info.boxed {
width : 100%;
padding : 2rem 0;
margin-bottom : 7rem;
background-color : #fafafa;
}
.post-info span {
margin-left : 1rem;
margin-right : 1rem;
}
.post-info span, .post-info a {
display : inline-block;
}
.post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a {
font-size : 1.2rem;
text-transform : none;
color : #999;
margin-right : 0;
margin-left : 0;
letter-spacing : 0;
}
.post-info-aside .post-love, .post-author-aside span, .post-author-aside a, .post-comments-aside span, .post-comments-aside a {
display : block;
}
.post-info-aside [class*="icon-"] {
font-size : 1.2rem;
}
.post-info-aside, .post-author-aside, .post-comments-aside {
min-width : 12rem;
margin-left : 0;
text-align : left;
}
.post-info-aside .post-info-inner, .post-author-aside .author-title {
margin-top : 0;
margin-bottom : 1rem;
padding-bottom : 1rem;
border-bottom : 1px solid #ccc;
}
.post-info-aside .post-love [class*="icon-"] {
width : 1.3rem;
margin-right : 0.6rem;
}
.post-info-aside .social-list {
text-align : left;
}
.post-info-aside + .post-content, .post-author-aside + .author-bio, .post-comments-aside + .comments-inner {
padding-left : 17rem;
}
@media only screen and (max-width:768px) {
.post-info-aside + .post-content {
padding-left : 0;
}
.blog-regular .post-title, .blog-wide .post-title {
font-size : 3rem;
}
}
.blog-regular .post {
margin-bottom : 7rem;
}
.blog-masonry .caption-over-outer .post-info .post-date {
padding : 0;
margin : 0;
border : none;
display : inline-block;
}
.blog-masonry.masonry-set-dimensions .post-info, .blog-masonry.masonry-set-dimensions .post-info a {
color : #ffffff;
}
.post-media .mejs-container.mejs-audio .mejs-controls .mejs-play, .post-media .mejs-container.mejs-audio .mejs-controls .mejs-pause {
border-radius : 0;
}
.post-media .mejs-container.mejs-audio .mejs-controls {
border-radius : 0;
}
.masonry-set-dimensions .post-content.with-background {
background : #f4f4f4;
}
.masonry-set-dimensions .post-media:hover .post-content {
background : rgba(0, 0, 0, 0.8);
}
.masonry-set-dimensions .post-media:hover .post-content h2 a {
color : #fdeb74;
}
.masonry-set-dimensions .post-media:hover .post-author a:hover {
opacity : 0.5;
}
.post-comments .comment-meta {
font-size : 1.2rem;
}
.comment-meta span:first-child {
margin-left : 0;
}
.comment-meta span {
margin-left : 1rem;
margin-right : 1rem;
}
.comment-list li {
margin-bottom : 5rem;
}
.comment-list ul {
margin-top : 5rem;
margin-left : 10rem;
}
.post-comments .comment-meta a {
font-weight : 400;
}
.post-comments .name {
margin-bottom : 1rem;
}
.comment-form textarea {
min-height : 20rem;
}
.post-comment-respond .comment-form .column {
float : left;
}
.post-author, .post-comments, .post-comment-respond {
border-color : #eee;
}
.field-wrapper {
position : relative;
overflow : hidden;
}
.contact-form textarea {
min-height : 15rem;
}
[class*="form-container"] .column {
position : relative;
}
.form-response {
position : absolute;
font-size : 1rem;
}
.form-element, textarea {
margin-bottom : 3rem;
background-color : #ffffff;
border : #e6e6e6 solid 1px;
}
.form-element, textarea, select {
font-size : 1.3rem;
text-transform : none;
font-weight : 300;
letter-spacing : 0.1rem;
color : #666;
}
.form-element:focus, textarea:focus {
background-color : #ffffff;
border-color : #ddd;
box-shadow : none;
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color : #000;
}
.form-element.required-field:focus, textarea.required-field:focus {
background-color : #ffffff;
border-color : #ddd;
color : #000;
}
.form-element.required-field, textarea.required-field {
background-color : #ddd;
color : #000;
position : relative;
}
.form-element::-webkit-input-placeholder {
color : #666;
}
.form-element:focus::-webkit-input-placeholder {
color : #000;
}
.form-element::-moz-placeholder {
color : #666;
}
.form-element:focus::-moz-placeholder {
color : #000;
}
.form-element:-ms-input-placeholder {
color : #666;
}
.form-element:focus:-ms-input-placeholder {
color : #000;
}
.contact-form-container ::-webkit-input-placeholder {
color : #666;
}
.contact-form-container :focus::-webkit-input-placeholder {
color : #000;
}
.contact-form-container ::-moz-placeholder {
color : #666;
}
.contact-form-container :focus::-moz-placeholder {
color : #000;
}
.contact-form-container :-ms-input-placeholder {
color : #666;
}
.contact-form-container :focus:-ms-input-placeholder {
color : #000;
}
.contact-form-container .form-response {
bottom : -3rem;
}
.search-form-container .form-element:focus {
color : #666;
}
.search-form-container ::-webkit-input-placeholder {
color : #666;
}
.search-form-container :focus::-webkit-input-placeholder {
color : #000;
}
.search-form-container ::-moz-placeholder {
color : #666;
}
.search-form-container :focus::-moz-placeholder {
color : #000;
}
.search-form-container :-ms-input-placeholder {
color : #666;
}
.search-form-container :focus:-ms-input-placeholder {
color : #000;
}
.signup-1 .form-submit, .signup-2 .form-submit {
width : 14rem;
}
#signup-lightbox button, #signup-lightbox .button {
width : 100%;
max-width : 100%;
}
.signup-1 .form-element {
background-color : #ffffff;
color : #666;
}
.signup-1 .form-element:focus {
background : none;
border-color : #ddd;
color : #000;
}
.signup-1 .form-element.required-field:focus {
background : none;
border-color : #ddd;
color : #666;
}
.signup-1 .form-element.required-field {
background-color : #ddd;
color : #666;
position : relative;
}
.signup-1 .form-response {
width : 100%;
text-align : left;
color : #666;
}
.signup-1 ::-webkit-input-placeholder {
color : #666;
}
.signup-1 :focus::-webkit-input-placeholder {
color : #000;
}
.signup-1 ::-moz-placeholder {
color : #666;
}
.signup-1 :focus::-moz-placeholder {
color : #000;
}
.signup-1 :-ms-input-placeholder {
color : #666;
}
.signup-1 :focus:-ms-input-placeholder {
color : #000;
}
.signup-2 .signup-form-container {
background-color : #ffffff;
}
.signup-2 .form-element {
background-color : #ffffff;
color : #666;
}
.signup-2 .form-element:focus {
background : none;
border-color : #ddd;
color : #000;
}
.signup-2 .form-element.required-field:focus {
background : none;
border-color : #ddd;
color : #666;
}
.signup-2 .form-element.required-field {
background-color : #ddd;
color : #666;
position : relative;
}
.signup-2 .form-response {
width : 100%;
text-align : center;
color : #666;
}
.signup-2 .form-response {
margin-left : -4rem;
}
.signup-2 ::-webkit-input-placeholder {
color : #666;
}
.signup-2 :focus::-webkit-input-placeholder {
color : #000;
}
.signup-2 ::-moz-placeholder {
color : #666;
}
.signup-2 :focus::-moz-placeholder {
color : #000;
}
.signup-2 :-ms-input-placeholder {
color : #666;
}
.signup-2 :focus:-ms-input-placeholder {
color : #000;
}
.header .dropdown-list h5 {
color : #ffffff;
}
.header .dropdown-list .recuperate-password {
font-size : 1.1rem;
color : #999;
}
.header .dropdown-list .recuperate-password:hover {
color : #ffffff;
}
.login-form-container .form-element {
background-color : #ffffff;
color : #666;
}
.login-form-container .form-element:focus {
background-color : #ffffff;
border-color : #ddd;
color : #000;
}
.login-form-container .form-element.required-field {
border-color : #ddd;
color : #000;
}
.login-form-container .form-element.required-field:focus {
border-color : #ffffff;
color : #000;
}
.login-form-container .form-response {
color : #999;
}
.login-form-container ::-webkit-input-placeholder {
color : #999;
}
.login-form-container :focus::-webkit-input-placeholder {
color : #000;
}
.login-form-container ::-moz-placeholder {
color : #999;
}
.login-form-container :focus::-moz-placeholder {
color : #000;
}
.login-form-container :-ms-input-placeholder {
color : #999;
}
.login-form-container :focus:-ms-input-placeholder {
color : #000;
}
.footer .form-element, .footer textarea {
background-color : #ffffff;
margin-bottom : 2rem;
color : #666;
}
.footer .form-element:focus, .footer textarea:focus {
background-color : #ffffff;
color : #000;
}
.footer .form-element.required-field, .footer textarea.required-field {
background-color : #ddd;
color : #000;
}
.footer .form-element.required-field:focus, .footer textarea.required-field:focus {
background-color : #ffffff;
color : #000;
}
.footer .signup-form-container .button {
width : 100%;
}
.footer .form-response {
color : #666;
}
.footer ::-webkit-input-placeholder {
color : #666;
}
.footer :focus::-webkit-input-placeholder {
color : #000;
}
.footer ::-moz-placeholder {
color : #666;
}
.footer :focus::-moz-placeholder {
color : #000;
}
.footer :-ms-input-placeholder {
color : #666;
}
.footer :focus:-ms-input-placeholder {
color : #000;
}
.disabled {
opacity : 0.60000002384185791015625;
background-color : #f4f4f4 !important ;
border-color : #eee !important ;
color : #999 !important ;
}
.disabled:hover {
opacity : 0.60000002384185791015625;
background-color : #f4f4f4;
border-color : #eee;
}
.social-list li {
font-size : 1rem;
text-transform : uppercase;
font-weight : 700;
}
.social-list li a {
color : #333;
}
.social-list li.social-list-label {
color : #333;
}
.footer .widget, .footer address {
font-size : 1.3rem;
color : #999;
text-transform : none;
font-style : normal;
}
.footer-top a:not(.button) {
font-size : 1.3rem;
color : #666;
}
.footer-bottom a {
font-size : 1.1rem;
font-weight : 700;
color : #666;
}
.footer .copyright {
margin-bottom : 0;
font-size : 1.1rem;
font-weight : 700;
float : none;
}
.footer .widget li {
padding-top : 0;
border : none;
border-color : #eee;
}
.footer .post-date {
font-size : 1rem;
font-weight : 700;
text-transform : uppercase;
}
.footer {
width : 100%;
color : #666;
z-index : 1;
}
.footer [class*="content-grid"] {
margin-left : -1.5rem;
margin-right : -1.5rem;
}
.footer .grid-item {
padding-left : 1.5rem;
padding-right : 1.5rem;
}
.footer-top .footer-logo {
width : 9rem;
margin-bottom : 3rem !important ;
}
.footer .footer-bottom {
padding : 0 0 2rem 0;
}
.footer .footer-bottom-inner {
border-top : none;
}
.footer .footer-bottom, .footer .footer-bottom a {
color : #898989;
}
.footer-bottom .footer-logo {
width : 6.5rem;
margin-bottom : 1rem;
margin-right : 1.4rem;
line-height : 1.7;
}
.footer-bottom .footer-diagonal {
width : 100%;
background-image : url(../images2/diagonales2.png);
background-repeat : repeat;
}
.footer .navigation li, .footer .navigation ul li a {
padding : 0;
display : inline-block;
float : none;
}
.footer .navigation a, .footer .social-list a {
font-size : 1.1rem;
font-weight : normal;
color : #666;
text-transform : uppercase;
letter-spacing : 0.1rem;
}
.footer .footer-bottom .navigation, .footer .footer-bottom .social-list {
float : none;
}
.sidebar .widget, .sidebar .widget a {
font-size : 1.2rem;
}
.sidebar .widget .tag-cloud a {
font-size : 1rem;
}
.sidebar .widget li {
padding-top : 0;
padding-bottom : 0;
}
.sidebar .widget .list-group li {
padding-top : 1rem;
padding-bottom : 1rem;
}
.sidebar .widget ul {
margin-bottom : 5rem;
}
.sidebar .post-date {
font-size : 1rem;
font-weight : 700;
text-transform : uppercase;
}
hr, .divider {
border-color : #eee;
}
.page-intro .divider, .intro-title-2 .divider {
border-color : rgba(255, 255, 255, 0.1);
}
.text-line {
width : 0;
transform : rotate(0deg);
transition-property : width, opacity, background-color, transform;
transition-duration : 400ms;
}
a.animated-link:hover .text-line, a.overlay-link:hover .text-line {
width : 2rem;
transform : rotate(0deg);
}
.mobile .text-line, a.disabled .text-line {
transition-property : none;
}
[class*="border-"].thick, [class*="border-"].thick * {
border-width : 0.2rem;
}
.mejs-container.mejs-audio .mejs-controls {
border-radius : 3px;
}
.mejs-container.mejs-audio .mejs-controls, .mejs-controls .mejs-volume-button .mejs-volume-slider {
background : rgba(255, 255, 255, 0.9);
}
.mejs-container.mejs-audio .mejs-controls {
background : #f9f9f9;
}
.mejs-minimal-player .mejs-container .mejs-controls {
background : none;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background : #999;
}
.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background : #666;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
background : #ffffff;
}
.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-total {
background : #ffffff;
}
.mejs-minimal-player .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-minimal-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-minimal-player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background : #ffffff;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background : #000;
}
.mejs-container.mejs-audio .mejs-controls .mejs-play, .mejs-container.mejs-audio .mejs-controls .mejs-pause {
background : #eee;
border-top-left-radius : 3px;
border-bottom-left-radius : 3px;
}
.mejs-minimal-player .mejs-container .mejs-controls .mejs-play, .mejs-minimal-player .mejs-container .mejs-controls .mejs-pause {
background : none;
}
.mejs-container .mejs-controls .mejs-time span {
color : #666;
}
.mejs-minimal-player .mejs-container .mejs-controls .mejs-time span {
color : #ffffff;
}
.shop .products .product h3.product-title {
font-size : 1.4rem;
}
.product-title a {
color : #000;
}
.shop .products .product .product-price {
font-size : 1.2rem;
}
.shop .products .product .onsale, .single-product .product .onsale {
background-color : #232323;
}
.shop .products .product .outofstock, .single-product .product .outofstock {
background-color : #232323;
}
.sidebar .widget .product-list li {
padding-top : 1.5rem;
padding-bottom : 1.3rem;
}
.widget .cart-overview a.product-remove {
background-color : #eee;
}
.single-product .review-comments {
padding-bottom : 5rem;
}
.single-product .products-similar hr {
margin-top : 2rem;
}
.single-product .product-tabs .tab-panes {
padding-top : 5rem !important ;
}
.single-product .product-summary .product-rating {
font-size : 1.2rem;
}
.single-product .product-summary .product-price ins, .single-product .product-summary .product-price del {
font-size : 2rem;
font-weight : 700;
}
.cart .cart-overview .product-remove a {
background-color : #eee;
}
.testimonial-slider {
height : 14rem;
}
.testimonial-slider blockquote {
width : 100%;
}
.testimonial-slider blockquote span {
margin-top : 2rem;
}
.testimonial-slider cite {
margin-top : 2rem;
font-size : 1rem;
font-weight : 700;
text-transform : uppercase;
color : #999;
font-style : normal;
}
.button {
text-transform : uppercase;
border-color : transparent;
color : #ffffff;
}
.button:hover {
background-color : #fd9f42;
border-color : transparent;
color : #ffffff;
}
.button-content {
line-height : 1;
color : #ffffff;
vertical-align : middle;
}
blockquote.border {
border-color : #ccc;
}
.feature-2 .feature-image img {
width : 90%;
}
.logos-1 a {
opacity : 1;
}
.logos-1 a:hover {
opacity : 1;
}
.logo-slider {
height : 14rem;
}
.logos-1 a, .logos-1 span {
padding : 2rem 0;
}
.clients-1 .client-name {
text-transform : uppercase;
font-weight : 700;
font-size : 1.4rem;
opacity : 0.5;
}
.clients-1 .counter {
font-size : 10rem;
margin-bottom : 0;
}
.profile-image.pull-left {
margin-right : 3.5rem;
margin-bottom : 2rem;
}
.profile-image.pull-right {
margin-left : 3.5rem;
margin-bottom : 2rem;
}
.hero-1, .hero-2, .hero-3, .hero-4, .hero-5, .hero-6 {
height : 60rem;
}
[class*="hero-"].small {
height : 10rem;
}
[class*="hero-"].window-height {
height : 100vh;
}
.hero-5 .center .tms-pagination {
text-align : center;
}
.transparent-element {
opacity : 0.5;
}
.tabs .tab-nav > li a, .tabs.vertical .tab-nav > li a {
padding : 1.3rem 2.5rem;
font-size : 1.1rem;
font-weight : 400;
text-transform : uppercase;
}
.tabs.vertical .tab-nav > li {
margin-bottom : 0;
}
.tabs.style-1 .tab-nav > li, .tabs.style-2 .tab-nav > li {
margin : 0 !important ;
}
.tabs.style-1 .tab-panes, .tabs.style-2 .tab-panes {
border : none;
}
.tabs.style-1 .tab-panes, .tabs.style-2 .tab-panes {
padding : 3rem 0 0 0;
border : none;
background : none;
}
.tabs.style-1.vertical.right .tab-panes, .tabs.style-2.vertical.right .tab-panes {
padding-right : 2.5rem;
margin : 0 !important ;
}
.tabs.style-1.vertical .tab-nav > li, .tabs.style-1.vertical.right .tab-nav > li {
margin-bottom : 0;
}
.tabs.style-1 .tab-nav > li a, .tabs.style-1.vertical .tab-nav > li a {
background-color : #f4f4f4;
border : none;
color : #666;
}
.tabs.style-1 .tab-nav > li a:hover {
background-color : #ddd;
border : none;
color : #666;
}
.tabs.style-1 .tab-nav > li.active a, .tabs.style-1 .tab-nav > li.active a:hover, .tabs.style-1.vertical.right .tab-nav > li.active a, .tabs.style-1.vertical.right .tab-nav > li.active a:hover {
margin-right : 0;
border : none;
background-color : #232323;
color : #ffffff;
}
.tabs.style-2 .tab-nav > li a, .tabs.style-2.vertical .tab-nav > li a, .tabs.style-2.vertical.right .tab-nav > li a {
background-color : transparent;
border : none;
border-bottom : 1px solid #eee;
text-align : left;
color : #666;
}
.tabs.style-2:not(.vertical) .tab-panes {
border-top : 1px solid #eee;
}
.tabs.style-2 .tab-nav > li.active a, .tabs.style-2 .tab-nav > li.active a:hover, .tabs.style-2.vertical .tab-nav > li.active a, .tabs.style-2.vertical.right .tab-nav > li.active a {
background-color : transparent;
border : none;
border-bottom : 1px solid #67e0e1;
}
@media only screen and (min-width:480px) {
.tabs.style-1.vertical .tab-panes {
padding : 0 0 0 2.5rem;
}
.tabs.style-1.vertical .tab-panes, .tabs.style-2.vertical .tab-panes {
padding : 0 0 0 2.5rem;
margin : 0 !important ;
}
.tabs.style-2.vertical .tab-nav > li a {
border : none;
border-right : 1px solid #eee;
}
.tabs.style-2.vertical.right .tab-nav > li a {
border : none;
border-left : 1px solid #eee;
}
.tabs.style-2.vertical .tab-nav > li.active a, .tabs.style-2.vertical .tab-nav > li.active a:hover {
border : none;
border-right : 1px solid #67e0e1;
}
.tabs.style-2.vertical.right .tab-nav > li.active a, .tabs.style-2.vertical.right .tab-nav > li.active a:hover {
border : none;
border-left : 1px solid #67e0e1;
}
}
.menu-list h4 {
font-size : 1.4rem;
color : #666;
}
.menu-list h4 .menu-line {
bottom : 1px;
}
.menu-list .menu-content .menu-line {
bottom : 8px;
}
.menu-item .menu-title, .menu-item .menu-description, .menu-item .menu-price {
background : none;
}
.menu-item.dotted .menu-title, .menu-item.dotted .menu-description, .menu-item.dotted .menu-price, .menu-item.dashed .menu-title, .menu-item.dashed .menu-description, .menu-item.dashed .menu-price {
background-color : #232323;
}
.dotted .menu-line {
background-image : radial-gradient(circle closest-side, #666 99%, rgba(0, 0, 0, 0) 0%);
}
.dashed .menu-line {
background-image : linear-gradient(to right, #666 50%, rgba(0, 0, 0, 0) 0%);
}
.timeline.vertical-indication .timeline-title:after {
border : #999 solid 2px;
background-color : #999;
}
.timeline.vertical-indication .timeline-description:before {
background-color : #eee;
}
@media only screen and (max-width:768px) {
.timeline.vertical-indication .timeline-description:before, .timeline.vertical-indication .timeline-title:before {
width : 0.2rem;
left : 1.9rem;
}
}
.pricing-table .pricing-table-header h2 {
font-size : 1.5rem;
}
.pricing-table .pricing-table-price h4 {
font-size : 3.8rem;
font-weight : 300;
}
.pricing-table .pricing-table-price .interval {
font-size : 1.4rem;
font-weight : 300;
opacity : 1;
}
.pricing-table .pricing-table-price .currency {
top : -1.5rem;
}
.transparent-element {
opacity : 0.5;
}
.logo-slider {
width : 10rem;
height : 10rem;
}
.intro-title-2 .breadcrumb, .page-intro .breadcrumb, .intro-title-2 .breadcrumb a, .page-intro .breadcrumb a {
color : #ffffff;
}
.intro-title-2 .breadcrumb a, .page-intro .breadcrumb a {
opacity : 0.60000002384185791015625;
}
.intro-title-2 .breadcrumb a:hover, .page-intro .breadcrumb a:hover {
opacity : 1;
}
@media only screen and (max-width:768px) {
.picto-coach {
position : absolute;
display : block;
text-align : left;
width : 80px;
height : inherit;
padding-right : 20px;
}
.feature-text {
padding-left : 100px;
}
.moyen {
padding-top : 20px;
}
}
@media only screen and (max-width:320px) {
.moyen {
padding-top : 20px;
font-size : 4rem;
}
}
.row .bkg-charcoal {
display : flex;
background-color : transparent;
}
div.bloc {
margin : auto;
}
.color-bleusonia {
color : #21c1d0;
}
.color-hover-bleusonia:hover {
color : #21c1d0;
}
.bkg-bleusonia {
background : #21c1d0;
}
.bkg-hover-bleusonia:hover {
background : #21c1d0;
border-color : #21c1d0;
}
.border-bleusonia {
border-color : #21c1d0;
}
.border-hover-bleusonia:hover {
border-color : #21c1d0;
}
.color-orangesonia {
color : #fd9f42;
}
.color-hover-orangesonia:hover {
color : #fd9f42;
}
.bkg-orangesonia {
background : #fd9f42;
}
.bkg-hover-orangesonia:hover {
background : #fd9f42;
border-color : #fd9f42;
}
.border-orangesonia {
border-color : #fd9f42;
}
.border-hover-orangesonia:hover {
border-color : #fd9f42;
}
.color-rougesonia {
color : #8b040a;
}
.color-hover-rougesonia:hover {
color : #8b040a;
}
.bkg-rougesonia {
background : #8b040a;
}
.bkg-hover-rougesonia:hover {
background : #8b040a;
border-color : #8b040a;
}
.border-rougesonia {
border-color : #8b040a;
}
.border-hover-rougesonia:hover {
border-color : #8b040a;
}
.note {
color : #8b040a;
padding-top : 20px;
margin-left : 100px;
margin-right : 100px;
}

h3, h4, h5, h6, input, button, .button, select, textarea, .project-title, .product-title, .project-description, .font-alt-1, .header .navigation > ul > li > a, .side-navigation > ul > li > a, .overlay-navigation > ul > li > a, .grid-filter-menu a {
font-family : 'din-light', 'Helvetica Neue light', sans-serif;
}

h2 {
font-family : 'din-bold', 'Helvetica Neue bold', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
line-height : 5rem;
font-weight : 300;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color : #ed494f;
}
h1 {
font-size : 28rem;
}
h2 {
font-size : 3.3rem;
}
h3 {
font-size : 10rem;
}
h4 {
font-size : 1.8rem;
}
h5 {
font-size : 1.6rem;
}
h6 {
font-size : 1.2rem;
}

.footer .widget-title, .footer .widget-title a {
font-size : 2rem;
letter-spacing : 0;
color : #999;
}
.sidebar .widget-title, .sidebar .widget-title a {
font-size : 1.4rem;
}
.side-navigation-wrapper .widget-title, .side-navigation-wrapper .widget-title a {
font-size : 1.4rem;
color : #ffffff;
}
.overlay-navigation-wrapper .widget-title, .overlay-navigation-wrapper .widget-title a {
font-size : 1.4rem;
color : #999;
}
a, p a, .box a:not(.button) {
color : #ed494f;
}
.sidebar .widget a, .shop .product-summary a, .shop .cart-overview a {
color : #666;
}
a:hover, p a:hover, .box a:not(.button):hover, .social-list li a:hover, .team-1 .social-list a:hover, .team-2 .social-list a:hover, .tabs li a:hover, .tabs li.active a, .tabs li.active a:hover, .blog-masonry .with-background .post-read-more a:hover, .post-info a:hover, .post-info-over a:hover, .post-info-over a:hover span, .post-author-aside a:hover, .post-love a:hover, .post-love a:hover span, .scroll-down a:hover, .widget a:not(.button):hover, .footer a:hover + .post-info .post-date, .footer .navigation a:hover, .footer .social-list a:hover, .footer .footer-bottom a:hover {
color : #ed494f;
}
a[class*="icon-"]:hover {
text-decoration : none;
}
a:hover .text-line, a.animated-link:hover .text-line, .accordion li a:hover .text-line, .tabs li a:hover .text-line, .blog-masonry .with-background .post-read-more a:hover .text-line {
background-color : #ed494f;
}
a.animated-link {
position : relative;
}
.lead, blockquote.large {
font-size : 2rem;
font-weight : 300;
}
.title-xlarge {
margin-top : 5rem;
font-size : 18rem;
line-height : 0.5;
}
.title-large {
font-size : 4rem;
line-height : 1;
font-weight : 700;
}
.title-medium {
font-size : 2rem;
text-transform : uppercase;
line-height : 1;
}
.title-small {
font-size : 1.1rem;
text-transform : uppercase;
line-height : 1;
}
.text-xlarge {
font-size : 4.6rem;
line-height : 1.4;
}
.text-large {
font-size : 4rem;
line-height : 1.4;
}
.text-medium {
font-size : 2.4rem;
line-height : 1.4;
}
.text-small {
font-size : 1.6rem;
line-height : 1.4;
}
.status-code-title {
font-size : 14rem;
line-height : 1;
}
.weight-light {
font-weight : 300;
}
.weight-bold {
font-weight : 700;
}
@media only screen and (max-width:768px) {
h1, .title-xlarge {
font-size : 10rem;
}
h2, .title-large {
font-size : 2.8rem;
}
h3 {
font-size : 1.8rem;
}
h4 {
font-size : 1.5rem;
}
h5 {
font-size : 1.3rem;
}
h6 {
font-size : 1.1rem;
}
h5.tms-caption, .tmp-content h5 {
font-size : 1.4rem;
}
.tms-caption.title-xlarge, .tmp-content .title-xlarge {
font-size : 4.5rem;
line-height : 4.5rem;
}
}

/* MODIFdezelle HOME */
/* Header Initial & Active Nav Colors : CHANGEMENT COULEUR NAVIGATION*/
.header .navigation > ul > li > a{
	color: #999;
	opacity: 1;
}
.header .navigation > ul > li.current > a,
.header .navigation > ul > li > a:hover{
	color: #21c1d0;
	opacity: 1;
}

.header .navigation > ul > li.current {
	color: #21c1d0;
	opacity: 1;
}

.header .navigation > ul > li.current > a:hover{
	color: #21c1d0;
}
/* Header Initial & Active Nav Colors : CHANGEMENT COULEUR NAVIGATION

@viewport {
   width: device-width; /* largeur du viewport */
   zoom: 1; /* zoom initial à 1.0 (et clin d'oeil aux fans d'IE6/7)
}



/* POUR QUE LE LOGO FONCTIONNE EN IPAD LANDSCAPE */
/* Intial Height */
.header .logo,
.header .header-inner .navigation > ul > li,
.header .header-inner .navigation > ul > li > a:not(.button),
.header .header-inner .dropdown > .nav-icon{
	height: 12rem;/* 8rem*/
	line-height: 12rem;/* 8rem*/
}

/* Compacted Height */
.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: 10rem;/* 6rem*/
	line-height: 10rem;/* 6rem*/
}

/* Initial Logo Width */
.header .logo{
	width: 8rem;
}
/* POUR QUE LE LOGO FONCTIONNE EN IPAD LANDSCAPE fin */

.footer .copyright{
margin-left: auto;
margin-right: auto;
text-align : center;
}
/* NAV MENU dezelle */
.header .navigation .nav-icon{
color: #e84759;
}
.header .navigation .nav-icon:hover,
.header .dropdown .nav-icon.active{
color: #ffffff;
}
/* NAV MENU dezelle fin */
/* MEDIA QUERIES DEZELLE */
@media only screen and (max-width:768px) {
h1 {
font-size : 15rem;
line-height : 10rem;
}
.perfo {
font-size : 15rem;
line-height: 5rem;
color : #ffffff;
text-transform : uppercase;
text-align : left;
}
.footer .copyright{
width: 250px;
margin-left: auto;
margin-right: auto;
text-align : center;
}
/*pour garder le logo dans le header */
.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;
}
}
/* cerre {
font-size : 2rem;
color:aqua;
margin : 0 0 3rem 0;
}
.mobile{
display: none;
} */

/* 640 */
@media only screen and (max-width:640px) {
h1 {
font-size : 10rem;
line-height : 2rem;
}
.perfo {
font-size : 10rem;
line-height: 2rem;
}
}

/* 480 */
@media only screen and (max-width:480px) {
h1 {
font-size : 7rem;
}
.perfo {
font-size : 7rem;
line-height : 1rem;
margin-top: -30px;
}
.footer .copyright{
width: 250px;
margin-left: auto;
margin-right: auto;
text-align : center;
}
} 
/* .img {
max-width : 100%;
height : auto;
} */

/* 320 */
@media only screen and (max-width:320px) {
.title-xlarge {
font-size : 7rem;
} 
.title-large {
font-size : 2rem;
} 
} 
/* .copyright {
width : 230px;
} 

/* IPAD
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.header .logo img{
width: 60%;
height: auto;
}
}*/

/* 320*/
/* AJOUTSdezelle responsive BOUTON header*/
@media only screen and (max-width: 320px){
.header .v-align-middle > .button:not(.nav-icon),
.header .dropdown > .button:not(.nav-icon){
margin: -2.5rem;
border-color: transparent;
color: #fff;
background-color: #e84759;
}
.footer .copyright{
width: 250px;
margin-left: auto;
margin-right: auto;
text-align : center;
}
}