.page-template-success-case-tiles .top-navigation.normal, .page-id-43613 .top-navigation.normal {
background: transparent;
border-bottom: 1px solid transparent;
transition: background ease-in-out .25s, border-bottom ease-out .25s;
top: 60px;
}
.page-template-success-case-tiles .top-navigation.normal.sticky, .page-id-43613 .top-navigation.normal.sticky {
top: 0px;
}
.page-template-success-case-tiles .menu-content a.standard, .page-id-43613 .menu-content a.standard {
width: 72px;
height: 72px;
}
.page-template-success-case-tiles .sticky .menu-content a.standard, .page-id-43613 .sticky .menu-content a.standard {
width: 46px;
height: 46px;
}
.page-template-success-case-tiles .top-navigation.normal.sticky, .page-id-43613 .top-navigation.normal.sticky {
border-bottom: 1px solid #DBDBDB;
}
.page-template-success-case-tiles #header.vc_row {
height: 900px !important;
}
.page-template-success-case-tiles #background-shape {
margin-top: -50px !important;
}
@media (min-width: 1200px) {
.page-template-success-case-tiles #background-shape {
position: relative;
margin-top: -260px !important;
top: 0;
}
}
.page-template-success-case-tiles #background-shape img {
width:100%;
height:auto;
}
.page-template-success-case-tiles #background-shape .vc_column-inner, .page-template-success-case-tiles #background-shape .vc_column-inner, .row {
max-width: 100%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
}
.page-template-success-case-tiles #video h2, .page-template-success-case-tiles #process h2 {
text-align: center;
max-width: 490px;
width: 100%;
margin: 0 auto 64px auto;
font-size: 42px;
font-weight: 600;
color: #333;
}
.page-template-success-case-tiles .uranus.tparrows:before {
color: #969696;
font-size: 80px;
}
.page-template-success-case-tiles .hesperiden .tp-thumb {
transform: scale(.8);
filter: grayscale();
transition: all ease-in-out .25s;
}
.page-template-success-case-tiles .hesperiden .tp-thumb:hover, .hesperiden .tp-thumb.selected {
transform: scale(1);
filter: grayscale(0);
transition: all ease-in-out .25s;
}
.page-template-success-case-tiles .hesperiden .tp-thumb .tp-thumb-title {
display: none !important;
}
.page-template-success-case-tiles #process .vc_col-sm-3 h3 {
font-weight:normal;
}
.page-template-success-case-tiles #process .vc_col-sm-3 h3 strong {
font-weight:900;
}
@media (min-width: 768px) {
.page-template-success-case-tiles #process .vc_inner {
}
.page-template-success-case-tiles #process .vc_col-sm-4 {
background-image: url(//www.jovoto.com/wp-content/uploads/2019/09/arrow.svg);
background-size: 30px;
background-repeat: no-repeat;
background-position: 96% 10px;
padding-right: 30px;
}
.page-template-success-case-tiles #process .vc_col-sm-4:last-child {
background-image: none;
padding-right: 0px;
}
}
.page-template-success-case-tiles #quotes .shape {
width:100%;
height:auto;
margin:0;
}
.page-template-success-case-tiles #quotes .wpb_revslider_element {
background:#f3f3f3;
}
.page-template-success-case-tiles #quotes .vc_column-inner {
max-width: 100%;
padding: 0;
}
.page-template-success-case-tiles #quotes .wpb_content_element, #quotes .wpb_revslider_element {
margin-bottom:0;
}
.page-template-success-case-tiles #quotes .wpb_raw_code .wpb_wrapper {
line-height: 0;
}
.page-template-success-case-tiles #quotes .rev_slider {
max-width: 1200px;
margin: 0 auto;
}
.page-template-success-case-tiles #quote {
border-left: 5px solid #51e1ef;
padding: 0px 40px 10px 30px;
color:#333333;
}
.page-template-success-case-tiles #quote p {
font-size: 24px;
font-weight: 100;
}
.page-template-success-case-tiles #quote .person {
}
.page-template-success-case-tiles #quote .person img {
float:left;
border-radius:50%;
}
.page-template-success-case-tiles #quote .person .text {
margin-left: 70px;
font-size: 14px;
line-height: 1.4;
padding-top: 5px;
}
.page-template-success-case-tiles .partners-wave {
line-height: 0;
margin-top: -60px;
}
.page-template-success-case-tiles .partners-wave img {
width:100%;
height:auto;
}
.page-template-success-case-tiles #partners {
background: #f3f3f3;
padding: 90px 0 80px 0;
}
.portfolio-tiles-wrapper {
margin: 0 auto 100px auto;
width:100%;
max-width: 1170px;
font-family: 'source sans pro', sans-serif;
color:#333333;
}
.portfolio-tiles-wrapper h2 {
width: 100%;
max-width: 740px;
margin: 0 auto 60px auto;
text-align: center;
}
.portfolio-tiles-wrapper .toolbar {
text-align: center;
margin-bottom:60px;
color:#000;
}
.portfolio-tiles-wrapper .btn {
font-size: 16px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
line-height: normal;
padding: .5rem 1rem;
margin: 5px 0;
height: auto;
vertical-align: middle;
-webkit-appearance: none;
color:#000;
background:transparent;
border: 2px solid transparent;
}
.portfolio-tiles-wrapper .btn.current {
border: 2px solid #000;
}
.portfolio-tiles-wrapper .btn:hover {
text-decoration: none;
border: 2px solid #000;
}
.portfolio-tiles-wrapper .btn:focus {
outline: none;
border-color: var(--darken-2);
box-shadow: 0 0 0 3px var(--darken-3);
}
.portfolio-tiles-wrapper ::-moz-focus-inner {
border: 0;
padding: 0;
}
.portfolio-tiles {
margin: 0 auto;
width:100%;
max-width: 1235px;
opacity: 1;
transition: all 250ms ease;
min-height: 480px;
}
.portfolio-tiles .tile {
width:33.3333333%;
float:left;
opacity: 0;
transition: all 250ms ease;
display:none;
}
.portfolio-tiles .tile.food {
display:block;
}
.page-template-success-case-tiles .portfolio-tiles .tile.food { }
.portfolio-tiles .tile:hover {
}
.portfolio-tiles .tile.scale-anm {
opacity: 1;
}
.portfolio-tiles .tile .text {
height:80px;
}
.portfolio-tiles .tile h3 {
font-size: 18px;
padding: 8px 17px 0 17px;
margin: 0;
}
.portfolio-tiles .tile h3 a {
color: #333333;
font-weight: 600;
text-decoration:underline;
}
.portfolio-tiles .tile a h3 {
color: #333333;
font-weight: 600;
text-decoration:underline;
}
.portfolio-tiles .tile p{
text-decoration: none;
font-size: 14px;
color: #666666;
margin: 0px 17px;
line-height: 1.2;
}
.portfolio-tiles .tile p span {
border-left:1px solid #666666;
padding-left: 8px;
margin-left: 8px;
line-height: 1;
display: inline-block;
}
.portfolio-tiles .tile p span a {
color:#F8291E;
text-decoration: none;
}
.portfolio-tiles .tile p span a:hover {
text-decoration: underline;
}
.portfolio-tiles .tile img {
max-width: 100%;
width: 100%;
height: auto;
margin-bottom: 0;
}
@media (max-width: 768px) {
.portfolio-tiles .tile {
width:50%;
}
}
@media (max-width: 480px) {
.portfolio-tiles .tile {
width:100%;
}
} .page-template-success-case-tiles #press-logos {
padding-top: 4em;
padding-bottom: 2em;
background-color: #f3f3f3;
}
.page-template-success-case-tiles #press-logos .vc_column-inner  {
max-width:980px;
padding:0;
}
.page-template-success-case-tiles #press-logos .vc_row.second {
padding-left: 8em;
padding-right: 8em;
}
.page-template-success-case-tiles #press-logos .wpb_single_image img {
max-height:110px;
width:auto;
}
@media (max-width: 800px) {
.page-template-success-case-tiles #press-logos .vc_row.second {
padding-left: 0em;
padding-right: 0em;
}
.page-template-success-case-tiles #press-logos .vc_custom_1488557819474.wpb_single_image {
margin-top:0 !important;
}
.page-template-success-case-tiles #press-logos .wpb_single_image {
margin:0;
}
.page-template-success-case-tiles #press-logos .wpb_single_image img {
max-height:95px;
width:auto;
}
}
@media (max-width: 500px) {
.page-template-success-case-tiles #press-logos .vc_custom_1488542216612.wpb_single_image,
.page-template-success-case-tiles #press-logos .wpb_single_image {
margin-bottom:0;
margin-top:0 !important;
}
}
.page-template-success-case-tiles #header {
background-image:url(//www.jovoto.com/wp-content/uploads/2018/10/home-header-background-retina.png);
background-position:top center;
background-color:#f3f3f3;
height:auto !important;
background-repeat: no-repeat;
background-size: 1980px;
}
.page-template-success-case-tiles #header.tablet, .page-template-success-case-tiles #header.mobile {
background-position: -840px 0px;
}
.page-template-success-case-tiles #header .spacer {
height:260px;
}
.page-template-success-case-tiles #header h1, .page-template-success-case-tiles #small-header h1, .page-template-success-case-tiles #hero-section h1 {
font-size: 52px;
line-height: 1.5em;
}
@media only screen and (max-width: 600px) {
.page-template-success-case-tiles #header .spacer {
height:140px;
}
.page-template-success-case-tiles #header h1, .page-template-success-case-tiles #hero-section h1 {
font-size: 2em;
padding: 0.15em 0.25em;
margin-left: 0;
}
}
.page-template-success-case-tiles #header p {
font-size: 20px;
line-height: 1.4;
margin-bottom: 30px;
color: #222222;
}
.page-template-success-case-tiles .padded-multiline {
padding: 0.1rem 0.2rem;
}
.page-template-success-case-tiles .vc_btn3.vc_btn3-size-lg {
font-size: 16px !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
line-height: 1 !important;
padding: 14px 16px !important;
}
@media (max-width: 800px) {
.page-template-success-case-tiles #header {
background-position: top right;
}
.page-template-success-case-tiles .centerHeaderVertically {
top: 250px !important;
}
}
@media only screen and (max-width: 600px) {
.page-template-success-case-tiles #header h1 {
font-size: 1.25em;
padding: 0.15em 0.25em;
margin-left: 0;
}
}
.page-template-success-case-tiles #header.desktop .slider-desktop {
width:1300px;
margin-left:-60px;
}
.page-template-success-case-tiles  #header .uranus.tparrows:before {
color:#969696;
font-size: 80px;
}
.page-template-success-case-tiles  #header.tablet .uranus.tparrows:before, .page-template-success-case-tiles  #header.mobile .uranus.tparrows:before {
font-size: 50px;
}
.page-template-success-case-tiles #header .hesperiden .tp-thumb {
transform:scale(.8);
filter:grayscale();
transition:all ease-in-out .25s;
}
.page-template-success-case-tiles #header .hesperiden .tp-thumb:hover,.page-template-success-case-tiles  #header .hesperiden .tp-thumb.selected {
transform:scale(1);
filter:grayscale(0);
transition:all ease-in-out .25s;
}
.page-template-success-case-tiles #header .hesperiden .tp-thumb .tp-thumb-title {
display:none;
}
.page-template-success-case-tiles #shape1 {
height: 320px;
position: absolute;
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin-top: -120px !important;
pointer-events: none;
}
.page-template-success-case-tiles #shape1 .vc_column-inner {
position: relative;
max-width: 1420px;
height: 320px;
z-index: 10;
margin: 0 auto;
width: 1420px;
}
.page-template-success-case-tiles #shape1 .vc_column-inner .shape1 { width: 434px;
height: 313px;
position: absolute;
right: 0;
top: 0;
}
.page-template-success-case-tiles #shape2 {
height: 328px;
position: absolute;
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin-top: -230px !important;
pointer-events: none;
}
.page-template-success-case-tiles #shape2 .vc_column-inner {
position: relative;
max-width: 1420px;
height: 328px;
z-index: 10;
margin: 0 auto;
width: 1420px;
}
.page-template-success-case-tiles #shape2 .vc_column-inner .shape2 { width: 426px;
height: 328px;
position: absolute;
left: -270px;
top: 0;
}
.page-template-success-case-tiles #shape3 {
height: 125px;
position: absolute;
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
margin-top: -70px !important;
pointer-events: none;
}
.page-template-success-case-tiles #shape3 .vc_column-inner {
position: relative;
max-width: 1420px;
height: 125px;
z-index: 10;
margin: 0 auto;
width: 1420px;
}
.page-template-success-case-tiles #shape3 .vc_column-inner .shape3 { width: 257px;
height: 125px;
position: absolute;
left: 410px;
top: 0;
}
.page-template-success-case-tiles #statistics .vc_column-inner .inner {
padding-left: 50px;
padding-right: 50px;
}
.page-template-success-case-tiles #statistics h2 {
text-align: center;
max-width: 490px;
width: 100%;
margin: 0 auto 64px auto;
font-size: 42px;
font-weight: 600;
color: #333333;
}
.page-template-success-case-tiles #statistics h3 {
text-align: center;
font-size: 24px;
font-weight: 600;
margin: 4px 0;
}
.page-template-success-case-tiles #statistics h4 {
text-align: center;
font-size: 72px;
margin: 0;
line-height: 1.25;
}
.page-template-success-case-tiles #statistics h4 strong {
font-weight:700;
}
.page-template-success-case-tiles #statistics a {
color:#F8291E;
}
.page-template-success-case-tiles #values {
width: 100%;
max-width: 1380px;
margin: 0 auto;
}
.page-template-success-case-tiles #values .left {
padding: 30px;
}
.page-template-success-case-tiles #values .right .vc_column-inner {
padding: 0;
}
.page-template-success-case-tiles #values .vc_column-inner {
margin:0;
}
.page-template-success-case-tiles #values p {
font-size: 26px;
font-weight: 100;
color: #333333;
}
.page-template-success-case-tiles #values p span {
font-weight: 600;
}
.page-template-success-case-tiles #values .wpb_single_image .wpb_wrapper, .page-template-success-case-tiles #values .wpb_single_image .wpb_wrapper .vc_single_image-wrapper, .page-template-success-case-tiles #values .wpb_single_image .wpb_wrapper .vc_single_image-wrapper img {
width:100%;
}
@media only screen and (min-width: 600px) {
.page-template-success-case-tiles #values .left {
padding: 110px 90px 55px 100px;
}
.page-template-success-case-tiles #values p {
font-size: 36px;
}
}
@media only screen and (min-width: 768px) {
.page-template-success-case-tiles #values .left {
padding: 0px;
}
.page-template-success-case-tiles #values p {
font-size: 26px;
}
}
@media only screen and (min-width: 1030px) {
.page-template-success-case-tiles #values .left {
padding: 50px 50px 55px 60px;
}
.page-template-success-case-tiles #values p {
font-size: 26px;
}
}
@media only screen and (min-width: 1300px) {
.page-template-success-case-tiles #values .left {
padding: 50px 90px 55px 80px;
}
.page-template-success-case-tiles #values p {
font-size: 36px;
}
}
@media only screen and (min-width: 1380px){
.page-template-success-case-tiles #values .left {
padding: 50px 100px 55px 80px;
}
}
.portfolio-tiles-wrapper {
margin: 140px auto 100px auto !important;
}
.portfolio-tiles {
min-height: 950px;
}