:root{
--primary-color: #0467A3;
--secondary-color: #D81118;
--thrid-color: #000;
--success-color: #3adb76;
--warning-color: #ffae00;
--alert-color: #cc4b37;
--red-color: rgba(153, 29, 29);
}
@font-face{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(/Content/Font/Site.woff2) format("woff2");
}
.menu .active>a{
background: #fff;
color: #f02937;
}
a{
color: #000;
}
a:hover, .active{
color: #f02937;
}
body{
margin: 0;
padding: 0;
font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
font-weight: normal;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
h1,  .h1, h2,  .h2, h3,  .h3, h4, .h4,h5, .h5,h6, .h6{
font-family: "Open Sans", "Helvetica Neue";
}
.container{
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
@media screen and (min-width: 40em){
.container{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media screen and (min-width: 64em){
.container{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
}
.container.first{
padding-top: 0;
}
.container.last{
padding-bottom: 0;
}
.overlay-vertical{
position: absolute;
top: -20%;
height: 60%;
width: 100%;
z-index: -1;
opacity: .5;
}
@media screen and (min-width: 40em){
.overlay-vertical{
height: 70%;
}
}
@media screen and (min-width: 64em){
.overlay-vertical{
height: 100%;
}
}
.overlay-vertical .cell{
height: 100%;
border-right: 1px solid rgb(53, 53, 53);
opacity: 1;
z-index: -1;
}
.ellipsis{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.primary-color{
color: var(--primary-color);
}
.white-color{
color: white;
}
.large-centered{
margin: 0 auto;
}
.rotated{
writing-mode: tb-rl;
-webkit-writing-mode: tb-rl;
-webkit-transform: rotate(-180deg);;
-moz-transform: rotate(-180deg);;
-ms-transform: rotate(-180deg);;
-o-transform: rotate(-180deg);;
transform: rotate(-180deg);;
-webkit-transform: rotate(-180deg);
}
#gml-app-loader{
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
border: 5px solid #f3f3f3;
border-radius: 50%;
border-top: 5px solid var(--primary-color);
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-webkit-keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.__l1 .page-lines{
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.__l1 .page-lines .col-line{
padding: 0;
position: relative;
}
.__l1 .page-lines .line{
position: absolute;
left: 0;
width: 1px;
height: 50000px;
background-color: rgba(255,255,255,.08);
}
.__l1 .page-lines .col-line:last-child .line:last-child{
left: auto;
right: 0;
}
.__l1 #offCanvasRight{
background: rgb(88, 88, 88);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border-left: 1px solid rgba(255,255,255,.08);
}
.__l1 .vertical-layout.menu{
background: rgb(40, 40, 40);
}
.__l1 .vertical-layout.menu a{
color: white;
line-height: 2;
border-top: 1px solid rgba(255,255,255,.08);
background: inherit;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-ms-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
}
.__l1 .vertical-layout.menu a:hover{
background: var(--primary-color);
}
.__l1 .vertical-layout.menu .router-link-active{
background: var(--secondary-color);
}
.__l1 .close-button{
font-size: 4em;
color: var(--primary-color);
}
.__l1 footer{
background: linear-gradient(to right, black 0%,black 50%,#000000 50%,white 50%,white 100%);
}
.__p58 #howWeDoIt circle{
fill: var(--secondary-color);
}
.__p58 svg{
position: absolute;
left: 100%;
top: 70%;
fill: slategrey;
}
.__p58 path{
stroke-dasharray: 1rem;
}
.__p58 svg:after{
conent: '';
position: absolute;
width: 5px;
height: 5px;
background: red;
}
.__p58 .o-bubble-tip.-big{
border-width: 20px 20px 0 0;
}
.__p58 .o-bubble-tip.-black{
border-color: #000 transparent transparent;
}
.__p58 .o-bubble-tip{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #4858ef transparent transparent;
position: absolute;
left: 0;
top: 99%;
-webkit-transition: border-color .3s cubic-bezier(.4,0,0,1);
-moz-transition: border-color .3s cubic-bezier(.4,0,0,1);
-ms-transition: border-color .3s cubic-bezier(.4,0,0,1);
-o-transition: border-color .3s cubic-bezier(.4,0,0,1);
transition: border-color .3s cubic-bezier(.4,0,0,1);
}
.__p58 .c-carousel-quote_slide_author{
font-size: 14px;
}
.__p58 .career-roles{
font-size: 2.4rem;
line-height: 2.4rem;
bottom: 0;
position: relative;
}
@media screen and (min-width: 40em){
.__p58 .career-roles{
font-size: 3rem;
line-height: 3rem;
}
}
@media screen and (min-width: 64em){
.__p58 .career-roles{
position: absolute;
}
}
.__c6{
background: #fff;
}
.__c6 .top-bar{
padding: 0;
}
.__c6 .top-bar, .top-bar ul{
background: white;
}
.__c6 .menu-text{
width: 2rem;
}
.__c6 .telNo{
color: #175a86;
display: inline-block;
line-height: 20px;
vertical-align: middle;
}
.__c6 .fi-telephone{
font-size: 1.25rem;
color: #175a86;
}
.__c6 .menu li>a{
padding: 1rem 1rem;
}
.__c6 .top-bar-languages .menu-icon:after{
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.__c6 .top-bar-languages button{
color: #fefefe;
}
.__c6 .top-bar-languages button:hover{
color: #cacaca;
}
.__c6 .top-bar-languages a{
color: white;
padding: 0;
}
.__c6 .top-bar-languages a:hover{
color: #cacaca;
}
.__c7 .top-bar-languages .menu-icon:after{
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.__c7 .top-bar-languages button{
color: #fefefe;
}
.__c7 .top-bar-languages button:hover{
color: #cacaca;
}
.__c7 .top-bar-languages a{
color: white;
padding: 0;
}
.__c7 .top-bar-languages a:hover{
color: #cacaca;
}
.__c7 .top-bar{
padding: 0;
background: #fff;
}
.__c7 .top-bar ul{
background: #fff;
}
.__c8 #pre-footer{
background: var(--thrid-color);
color: white;
}
.__c8 #pre-footer .letters-pre-footer{
font-size: 6.6rem;
line-height: .8;
}
.__c8 #pre-footer .letters-pre-footer .letter-2{
padding-left: 54.76px;
}
.__c8 #pre-footer .letters-pre-footer .letter-3{
padding-left: 109.52px;
}
.__c56 .intro-title{
font-size: 11vw;
line-height: .8;
}
.__c56 .intro-banner{
font-size: 30px;
line-height: .8;
}
.__c56 .scroll-arrow-down{
display: block;
width: 1.42857rem;
height: 2.35714rem;
margin-top: 1.07143rem;
-webkit-animation-name: b;
-moz-animation-name: b;
-ms-animation-name: b;
-o-animation-name: b;
animation-name: b;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
font-size: 1.5rem;
}
.__c56 .o-button-target{
position: relative;
z-index: 1;
display: block;
float: right;
margin-right: 0rem;
height: 150px;
width: 150px;
}
@media screen and (min-width: 40em){
.__c56 .o-button-target{
margin-right: 1rem;
height: 150px;
width: 150px;
}
}
@media screen and (min-width: 64em){
.__c56 .o-button-target{
width: 250px;
height: 250px;
}
}
.__c56 .o-button-target .o-button-target_background{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.__c56 .o-button-target:hover .o-button-target_background{
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
}
.__c56 .o-button-target_label{
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
color: #fff;
font-size: 1rem;
display: block;
width: 100%;
-webkit-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
-moz-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
-ms-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
-o-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
text-align: center;
}
@media screen and (min-width: 40em){
.__c56 .o-button-target_label{
font-size: 1.28571rem;
}
}
.__c56 .o-button-target_background{
z-index: -1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--secondary-color);
width: 150px;
height: 150px;
border-radius: 50%;
-webkit-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
-moz-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
-ms-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
-o-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
}
@media screen and (min-width: 40em){
.__c56 .o-button-target_background{
width: 150px;
height: 150px;
}
}
@media screen and (min-width: 64em){
.__c56 .o-button-target_background{
width: 250px;
height: 250px;
}
}
.__c56 .c-rail_wrapper{
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden;
width: 100%;
}
.__c56 .c-rail_group-container,.c-rail_wrapper{
position: relative;
white-space: nowrap;
display: -ms-inline-flexbox;
display: inline-flex;
}
.__c56 .c-rail_group-container,.c-rail_wrapper{
position: relative;
white-space: nowrap;
display: -ms-inline-flexbox;
display: inline-flex;
}
.__c56 .c-rail_item,.c-rail_track{
display: inline-block;
}
.__c56 .c-rail_track-container{
display: -ms-flexbox;
display: flex;
width: auto;
white-space: nowrap;
}
.__c56 .c-rail_group-container{
width: auto;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-duration: 16s;
-moz-animation-duration: 16s;
-ms-animation-duration: 16s;
-o-animation-duration: 16s;
animation-duration: 16s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.__c56 .c-banner-text_word-wrap{
overflow: hidden;
}
.__c56 .c-banner-text_word{
font-size: 11vw;
line-height: 1.26;
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
-ms-transform: translate3d(0,100%,0);
-o-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
-webkit-transition: transform 1.2s cubic-bezier(.4,0,0,1);
-moz-transition: transform 1.2s cubic-bezier(.4,0,0,1);
-ms-transition: transform 1.2s cubic-bezier(.4,0,0,1);
-o-transition: transform 1.2s cubic-bezier(.4,0,0,1);
transition: transform 1.2s cubic-bezier(.4,0,0,1);
will-change: transform;
}
.__c56 .c-banner-text_word.-has-separator:after{
content: "—";
}
@-webkit-keyframes a{
0%{
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
100%{
-webkit-transform: translate(-1939px);
-moz-transform: translate(-1939px);
-ms-transform: translate(-1939px);
-o-transform: translate(-1939px);
transform: translate(-1939px);
}
}
@-moz-keyframes a{
0%{
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
100%{
-webkit-transform: translate(-1939px);
-moz-transform: translate(-1939px);
-ms-transform: translate(-1939px);
-o-transform: translate(-1939px);
transform: translate(-1939px);
}
}
@-ms-keyframes a{
0%{
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
100%{
-webkit-transform: translate(-1939px);
-moz-transform: translate(-1939px);
-ms-transform: translate(-1939px);
-o-transform: translate(-1939px);
transform: translate(-1939px);
}
}
@-o-keyframes a{
0%{
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
100%{
-webkit-transform: translate(-1939px);
-moz-transform: translate(-1939px);
-ms-transform: translate(-1939px);
-o-transform: translate(-1939px);
transform: translate(-1939px);
}
}
@keyframes a{
0%{
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
100%{
-webkit-transform: translate(-1939px);
-moz-transform: translate(-1939px);
-ms-transform: translate(-1939px);
-o-transform: translate(-1939px);
transform: translate(-1939px);
}
}
@-webkit-keyframes b{
0%{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
50%{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
to{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes b{
0%{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
50%{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
to{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-ms-keyframes b{
0%{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
50%{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
to{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes b{
0%{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
50%{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
to{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes b{
0%{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
50%{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
to{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.__c57 .content{
position: absolute;
font-size: 35px;
line-height: 48px;
color: #ecf0f1;
}
.__c57 .content__container{
font-weight: 600;
overflow: hidden;
height: 48px;
padding: 0;
}
@media screen and (min-width: 40em){
.__c57 .content__container{
padding: 0 40px;
}
}
.__c57 .content__container__list{
margin-top: 0;
padding-left: 110px;
text-align: left;
list-style: none;
position: relative;
top: -72px;
-webkit-animation-name: change;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: change;
-moz-animation-name: change;
-ms-animation-name: change;
-o-animation-name: change;
animation-name: change;
-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-ms-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.__c57 .content__container__list__item{
line-height:50px;
margin:0;
}
@-webkit-keyframes opacity{
0%, 100%{
opacity:0;
}
50%{
opacity:1;
}
}
@-moz-keyframes opacity{
0%, 100%{
opacity:0;
}
50%{
opacity:1;
}
}
@-ms-keyframes opacity{
0%, 100%{
opacity:0;
}
50%{
opacity:1;
}
}
@-o-keyframes opacity{
0%, 100%{
opacity:0;
}
50%{
opacity:1;
}
}
@keyframes opacity{
0%, 100%{
opacity:0;
}
50%{
opacity:1;
}
}
@-webkit-keyframes change{
0%, 12.66%, 100%{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
16.66%, 29.32%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
33.32%,45.98%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
49.98%,62.64%{
-webkit-transform:translate3d(0,-75%,0);
-moz-transform:translate3d(0,-75%,0);
-ms-transform:translate3d(0,-75%,0);
-o-transform:translate3d(0,-75%,0);
transform:translate3d(0,-75%,0);
}
66.64%,79.3%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
83.3%,95.96%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
}
@-moz-keyframes change{
0%, 12.66%, 100%{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
16.66%, 29.32%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
33.32%,45.98%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
49.98%,62.64%{
-webkit-transform:translate3d(0,-75%,0);
-moz-transform:translate3d(0,-75%,0);
-ms-transform:translate3d(0,-75%,0);
-o-transform:translate3d(0,-75%,0);
transform:translate3d(0,-75%,0);
}
66.64%,79.3%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
83.3%,95.96%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
}
@-ms-keyframes change{
0%, 12.66%, 100%{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
16.66%, 29.32%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
33.32%,45.98%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
49.98%,62.64%{
-webkit-transform:translate3d(0,-75%,0);
-moz-transform:translate3d(0,-75%,0);
-ms-transform:translate3d(0,-75%,0);
-o-transform:translate3d(0,-75%,0);
transform:translate3d(0,-75%,0);
}
66.64%,79.3%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
83.3%,95.96%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
}
@-o-keyframes change{
0%, 12.66%, 100%{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
16.66%, 29.32%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
33.32%,45.98%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
49.98%,62.64%{
-webkit-transform:translate3d(0,-75%,0);
-moz-transform:translate3d(0,-75%,0);
-ms-transform:translate3d(0,-75%,0);
-o-transform:translate3d(0,-75%,0);
transform:translate3d(0,-75%,0);
}
66.64%,79.3%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
83.3%,95.96%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
}
@keyframes change{
0%, 12.66%, 100%{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
16.66%, 29.32%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
33.32%,45.98%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
49.98%,62.64%{
-webkit-transform:translate3d(0,-75%,0);
-moz-transform:translate3d(0,-75%,0);
-ms-transform:translate3d(0,-75%,0);
-o-transform:translate3d(0,-75%,0);
transform:translate3d(0,-75%,0);
}
66.64%,79.3%{
-webkit-transform:translate3d(0,-50%,0);
-moz-transform:translate3d(0,-50%,0);
-ms-transform:translate3d(0,-50%,0);
-o-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
83.3%,95.96%{
-webkit-transform:translate3d(0,-25%,0);
-moz-transform:translate3d(0,-25%,0);
-ms-transform:translate3d(0,-25%,0);
-o-transform:translate3d(0,-25%,0);
transform:translate3d(0,-25%,0);
}
}
.__c58 .card.bordered{
border-color: var(--secondary-color);
}
.__c58 .card p::first-letter{
text-transform: uppercase;
font-size: 3em;
font-weight: bold;
letter-spacing: 5px;
}
.__c58 .card .card-divider{
color: inherit;
background: none;
}
.__c59 .intro-title{
font-size: 11vw;
line-height: .8;
}
.__c60 .intro-title{
font-size: 11vw;
line-height: .8;
}
.__c60 .intro-banner{
font-size: 30px;
line-height: .8;
}
.__c60 .o-button-target{
position: relative;
z-index: 1;
display: block;
float: right;
margin-right: 1rem;
height: 150px;
width: 150px;
}
@media screen and (min-width: 40em){
.__c60 .o-button-target{
height: 150px;
width: 150px;
}
}
@media screen and (min-width: 64em){
.__c60 .o-button-target{
width: 250px;
height: 250px;
}
}
.__c60 .o-button-target .o-button-target_background{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.__c60 .o-button-target:hover .o-button-target_background{
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
}
.__c60 .o-button-target_label{
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
color: #fff;
font-size: 1rem;
display: block;
width: 100%;
-webkit-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
-moz-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
-ms-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
-o-transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
transition: opacity .3s cubic-bezier(.4,0,0,1),visibility .3s cubic-bezier(.4,0,0,1);
text-align: center;
}
@media screen and (min-width: 40em){
.__c60 .o-button-target_label{
font-size: 1.28571rem;
}
}
.__c60 .o-button-target_background{
z-index: -1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--primary-color);
width: 150px;
height: 150px;
border-radius: 50%;
-webkit-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
-moz-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
-ms-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
-o-transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
transition: transform .45s cubic-bezier(.17,.67,.3,1.33);
}
@media screen and (min-width: 40em){
.__c60 .o-button-target_background{
width: 150px;
height: 150px;
}
}
@media screen and (min-width: 64em){
.__c60 .o-button-target_background{
width: 250px;
height: 250px;
}
}
.__c61 .orbit .orbit-controls button{
border-radius: 50%;
opacity: 0;
cursor: pointer;
-webkit-transition-property: opacity;
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-ms-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.__c61 .orbit:hover button{
opacity: .2;
}
.__c61 .orbit .orbit-container{
min-height: 27.5rem;
background-image: url('/images/2aba0564-efdd-4250-83d1-4b7819ddc4ab.jpg');
background-size: cover;
position: relative;
}
@media screen and (min-width: 40em){
.__c61 .orbit .orbit-container{
min-height: 31.25rem;
}
}
@media screen and (min-width: 64em){
.__c61 .orbit .orbit-container{
min-height: 37.5rem;
}
}
.__c61 .overlay{
height: 190%;
width: 100%;
background-color: rgba(0,0,0, 0.3);
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
}
.__c61 .container{
z-index: 1;
position: relative;
margin: 4.5rem 0;
}
.__c61 .container h1{
margin: 0 0 30px;
max-width: 750px;
line-height: 1.2;
}
.__c61 .container h5{
line-height: 1.3;
font-weight: lighter;
font-style: italic;
}
.__c61 .orbit-previous, .__c61 .orbit-next{
background-color: rgba(10,10,10,.5);
}
.__c61 .orbit-previous:hover, .__c61 .orbit-next:hover{
opacity: 0.5 !important;
}
.__c61 .card{
border-radius: .1875rem .1875rem 0rem 0rem;
color: white;
border: 0;
background: rgba(226, 96, 53, .96);
}
.__c61 .card-1{
background: var(--primary-color);
}
.__c61 .button{
background: #fff;
}
.__c61 .button:focus, .button:hover{
background-color: rgba(255,255,255, .5);;
}
.__c61 a{
color: rgba(0,0,0,.5);
}
.__c61 .card-1 .card-section, .__c61 .card-2 .card-section{
margin: 1.5rem 1.5rem 3rem 1.5rem;
}
@media screen and (min-width: 40em){
.__c61 .card-1 .card-section, .__c61 .card-2 .card-section{
margin: 2.5rem 1.5rem 5rem 1.5rem;
}
}
@media screen and (min-width: 64em){
.__c61 .card-1 .card-section, .__c61 .card-2 .card-section{
margin: 4.5rem 1.5rem 8rem 1.5rem;
}
}
.__c62 .box{
filter: drop-shadow(0px 3px 3px rgba(50, 50, 0, 0.5));
}
.__c62 .clipboard{
margin: 0 auto;
-webkit-transition: .25s ease-out;
-moz-transition: .25s ease-out;
-ms-transition: .25s ease-out;
-o-transition: .25s ease-out;
transition: .25s ease-out;
background: rgba(255,255,255);
width: 200px;
height: 200px;
}
.__c62 .clipboard.shape-0{
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.__c62 .clipboard.shape-0:hover{
clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.__c62 .clipboard.shape-1{
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.__c62 .clipboard.shape-1:hover{
clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.__c62 .clipboard.shape-2{
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.__c62 .clipboard.shape-2:hover{
clip-path: polygon(50% 0%, 100% 0, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.__c62 .content{
padding: 3rem 1rem;
}
.__c63 .banner-contact{
background: var(--primary-color);
}
.__c66{
/* Browser mockup code
* Contribute: https:
* Live example: https:
*/
}
.__c66 .browser-mockup{
border-top: 2em solid rgba(230, 230, 230, 0.7);
-webkit-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
position: relative;
border-radius: 3px 3px 0 0
}
.__c66 .browser-mockup:before{
display: block;
position: absolute;
content: '';
top: -1.25em;
left: 1em;
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #f44;
-webkit-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
-moz-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
-ms-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
-o-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}
.__c66 .browser-mockup.with-tab:after{
display: block;
position: absolute;
content: '';
top: -2em;
left: 5.5em;
width: 20%;
height: 0em;
border-bottom: 2em solid white;
border-left: 0.8em solid transparent;
border-right: 0.8em solid transparent;
}
.__c66 .browser-mockup.with-url:after{
display: block;
position: absolute;
content: '';
top: -1.6em;
left: 5.5em;
width: calc(100% - 6em);
height: 1.2em;
border-radius: 2px;
background-color: white;
}
.__c66 .browser-mockup > *{
display: block;
}
.__c66 body{
background: linear-gradient(to right, #8e44ad, #c0392b);
display: flex;
}
.__c66 .browser-mockup{
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
}
.__c66 img{
width: 100%;
}
.__c67{
/* Browser mockup code
* Contribute: https:
* Live example: https:
*/
}
.__c67 .browser-mockup{
border-top: 2em solid rgba(230, 230, 230, 0.7);
-webkit-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
position: relative;
border-radius: 3px 3px 0 0
}
.__c67 .browser-mockup:before{
display: block;
position: absolute;
content: '';
top: -1.25em;
left: 1em;
width: 0.5em;
height: 0.5em;
border-radius: 50%;
background-color: #f44;
-webkit-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
-moz-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
-ms-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
-o-box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}
.__c67 .browser-mockup.with-tab:after{
display: block;
position: absolute;
content: '';
top: -2em;
left: 5.5em;
width: 20%;
height: 0em;
border-bottom: 2em solid white;
border-left: 0.8em solid transparent;
border-right: 0.8em solid transparent;
}
.__c67 .browser-mockup.with-url:after{
display: block;
position: absolute;
content: '';
top: -1.6em;
left: 5.5em;
width: calc(100% - 6em);
height: 1.2em;
border-radius: 2px;
background-color: white;
}
.__c67 .browser-mockup > *{
display: block;
}
.__c67 body{
background: linear-gradient(to right, #8e44ad, #c0392b);
display: flex;
}
.__c67 .browser-mockup{
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-o-flex: 1;
flex: 1;
}
.__c67 img{
width: 100%;
}
