@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";
[data-class="wpcf7cf_group"] {
display:none;
}@font-face {
font-family: 'myr-100';
font-weight: normal;
font-style: normal;
font-display: auto;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-100.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-100.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-100.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-100.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-100.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-100.svg#myr-100) format('svg');
}
@font-face {
font-family: 'myr-200';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-200.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-200.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-200.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-200.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-200.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-200.svg#myr-200) format('svg');
}
@font-face {
font-family: 'myr-400';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-400.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-400.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-400.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-400.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-400.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-400.svg#myr-400) format('svg');
}
@font-face {
font-family: 'myr-500';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-500.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-500.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-500.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-500.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-500.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-500.svg#myr-500) format('svg');
}
@font-face {
font-family: 'myr-600';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-600.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-600.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-600.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-600.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-600.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-600.svg#myr-600) format('svg');
}
@font-face {
font-family: 'myr-700';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-700.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-700.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-700.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-700.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-700.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/myr-700.svg#myr-700) format('svg');
}
@font-face {
font-family: 'big-letters';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/big-letters.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/big-letters.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/big-letters.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/big-letters.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/big-letters.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/big-letters.svg#big-letters) format('svg');
}
@font-face {
font-family: 'fontello';
font-display: auto;
font-weight: normal;
font-style: normal;
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/fontello.eot);
src: url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/fontello.eot?#iefix) format('embedded-opentype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/fontello.woff2) format('woff2'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/fontello.woff) format('woff'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/fontello.ttf) format('truetype'),
url(//www.verycreative.eu/wp-content/themes/verycreative/fonts/fontello.svg#fontello) format('svg');
} [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}
.icon-attention:before { content: '\e800'; } .icon-twitter:before { content: '\f099'; } .icon-facebook:before { content: '\f09a'; } .icon-linkedin:before { content: '\f0e1'; } .icon-pinterest:before { content: '\f231'; } .icon-ok-circle:before { content: '\e801'; } / '' /[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.imageuploadify{border:2px dashed #d2d2d2;position:relative;min-height:350px;min-width:250px;max-width:1000px;margin:auto;display:flex;padding:0;flex-direction:column;text-align:center;background-color:#fff;color:#3AA0FF}.imageuploadify .imageuploadify-overlay{z-index:10;width:100%;height:100%;position:absolute;flex-direction:column;top:0;left:0;display:none;font-size:7em;background-color:rgba(242,242,242,.7);text-align:center;pointer-events:none}.imageuploadify .imageuploadify-overlay i{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.imageuploadify .imageuploadify-images-list{display:inline-block}.imageuploadify .imageuploadify-images-list i{display:block;font-size:7em;text-align:center;margin-top:.5em;padding-bottom:12px}.imageuploadify .imageuploadify-images-list span.imageuploadify-message{font-size:24px;border-top:1px solid #3AA0FF;border-bottom:1px solid #3AA0FF;padding:10px;display:inline-block}.imageuploadify .imageuploadify-images-list button.btn-default{display:block;color:#3AA0FF;border-color:#3AA0FF;border-radius:1em;margin:25px auto;width:100%;max-width:500px}.imageuploadify .imageuploadify-images-list .imageuploadify-container{width:100px;height:100px;position:relative;overflow:hidden;margin-bottom:1em;float:left;border-radius:12px;box-shadow:0 0 4px 0 #888}.imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:15px;font-size:10px;line-height:1.42;padding:2px 0;text-align:center;z-index:3}.imageuploadify .imageuploadify-images-list .imageuploadify-container img{height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details{position:absolute;top:0;padding-top:20px;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.5);z-index:2;opacity:0}.imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span{display:block}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}
 .slick-loading .slick-list
{
background: #fff url(https://www.verycreative.eu/wp-content/themes/verycreative/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.verycreative.eu/wp-content/themes/verycreative/slick/fonts/slick.eot);
src: url(https://www.verycreative.eu/wp-content/themes/verycreative/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.verycreative.eu/wp-content/themes/verycreative/slick/fonts/slick.woff) format('woff'), url(https://www.verycreative.eu/wp-content/themes/verycreative/slick/fonts/slick.ttf) format('truetype'), url(https://www.verycreative.eu/wp-content/themes/verycreative/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.verycreative.eu/wp-content/themes/verycreative/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}.questionnaire-begin-project div.wpcf7 .ajax-loader {
z-index: 999;
top: 70px !important;
}
.main-section-1 {
position: relative;
}
.main-section-1 .landing-section-1 .landing-title {
margin-bottom: 40px;
}
.main-section-1 .bottom-text {
position: absolute;
bottom: 0;
text-align: center;
width: 530px;
left: calc((100% - 530px) / 2);
z-index: 99;
background: rgba(255, 255, 255, 0.11);
padding: 20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.main-section-1 .bottom-text p { 
font-size: 22px;
margin-top: 0;
margin-bottom: 10px;
}
.main-section-1 .bottom-text .bottom-text-link {
font-size: 28px;
font-weight: 700;
line-height: 1em;
color: #fff;
}
.main-section-1 .bottom-text .bottom-text-link:before {
content: "";
width: 30px;
height: 30px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/phone-light.svg);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
background-size: 30px;
position: relative;
right: 10px;
top: 6px;
}
.main-section-1 .button-next-down {
margin-top: 40px;
margin-bottom: 60px;
}
.main-section-1 .landing-section-1 .landing-title h1 {
margin-top: 0;
}
.wrapp-item-part-steps .wrapp-item-part-img.centred {
border: 1px solid #fff;
background: transparent;
}
.wrapp-item-part-steps .wrapp-item-part-img.centred img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.landing-ppc  .flex.six .col {
-webkit-flex: 0 16.66%;
-moz-flex: 0  16.66%;
-ms-flex: 0  16.66%;
-o-flex: 0  16.66%;
flex: 0  16.66%;
width:  16.66%;
max-width:  16.66%; 
}
.landing-ppc .popup-info-text {
background: #230657;
padding: 20px;
}
.landing-ppc  .popup-info {
width: 430px;
position: absolute;
left: calc((100% - 430px)/2);
top: 90%;
display: none;
padding-top: 40px;
}
.landing-ppc  .popup-info:before {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #230557;
display: block;
position: absolute;
left: 48%;
top: 30px;
}
.landing-ppc .item-team-steps:hover .popup-info {
display: block;
z-index: 999;
}
.landing-ppc .number {
width: 134px;
height: 134px;
text-align: center; border: transparent;
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
font-size: 48px;
line-height: 134px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.landing-ppc .work-steps-ppc .number span {
width: 100px;
height: 100px;
border: 2px solid #fff;
display: block;
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
line-height: 104px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.landing-ppc  .item-team-steps {
position: relative;
}
.landing-ppc .item-team-steps:hover .number {
border: 3px solid #FFD926;  
}
.landing-ppc .item-team-steps:hover .number span {
border: 2px solid transparent;
} 
.landing-ppc .work-steps-ppc .step-name {
font-size: 26px;
}
.landing-ppc .container  .work-steps-ppc {
z-index: 3;
margin-top: 30px;
margin-bottom: 60px;
}
.landing-ppc .item-team-steps:after {
content: "";
width: 30px;
position: absolute;
right: -30px;
top: 70px;
height: 2px;
border-top: 1px dashed #707070;
z-index: 9;
}
.landing-ppc .item-team-steps.last:after  {
content: none; 
}
.landing-ppc .parteners img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.landing-ppc .parteners .col-text h3 {
font-size: 48px;
margin-bottom: 40px;
}
.landing-ppc .parteners.flex.two  .col-img {
-webkit-flex: 0 40%;
-moz-flex: 0 40%;
-ms-flex: 0 40%;
-o-flex: 0 40%;
flex: 0 40%;
width: 40%;
max-width: 40%;
}
.landing-ppc .parteners.flex.two  .col-text {
-webkit-flex: 0 60%;
-moz-flex: 0 60%;
-ms-flex: 60%;
-o-flex: 0 60%; 
flex: 0 60%;
width: 60%;
max-width: 60%;
}
.landing-ppc .parteners .col-text p,
.landing-ppc .parteners .col-text li {
font-size: 22px; 
}
.landing-ppc .parteners .col-text  ul {
margin-top: 50px;
}
.landing-ppc .parteners .col-text li {
list-style: none;
position: relative;
padding-left: 45px;
}
.landing-ppc .parteners .col-text li:before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/check-white.png);
background-repeat: no-repeat;
background-size: 20px;
position: absolute;
left: 0;
top: 4px;
}
.landing-ppc .single-package:hover .single-package-inner {
background: #FFFFFF;
}
.landing-ppc .single-package {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.landing-ppc .single-package:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.landing-ppc .single-package-icon {
width: 140px;
height: 140px;
display: block;
margin: 0 auto;
background: #180c2e;
text-align: center; -webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
border: 10px solid transparent;
position: absolute;
top: -70px;
left: calc((100% - 140px)/2);
border: 10px solid #fcda33;
}
.landing-ppc .single-package-inner {
background: #fff5c7;
height: 100%;
border: 1px solid #dbbd2b;
text-align: center;
padding: 100px 0 68px 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height: 100%;
}
.landing-ppc .single-package .relative {
height: 100%;
}
.landing-ppc .single-package-icon img {
position: relative;
top: 50%;
transform: translateY(-50%);
height: 58px;
}
.landing-ppc .single-package .relative .btn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: #180C2E;
color: #fff;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
font-size: 26px;
}
.landing-ppc .single-package .relative .large {
padding: 0 10px;
font-size: 38px;
margin-top: 0;
font-family: 'myr-600';
line-height: 1.1em;
margin-bottom: 25px;
}
.landing-ppc .single-package .relative .price {
display: block;
width: 100%;
}
.landing-ppc .single-package .relative .price  .normal {
margin-bottom: 5px;
margin-top: 40px;
}
.landing-ppc .single-package .relative .price .price {
margin-top: 0;
font-size: 40px;
font-family: 'myr-600';
line-height: 1em;
}
.landing-ppc .single-package .relative .normal {
padding: 0 30px;
font-size: 20px;
}
.landing-ppc .single-package .relative .normal b {
font-family: 'myr-600';
}
.landing-ppc .single-package .relative  .note {
background: #dadaff;
padding: 10px;
}
.landing-ppc .single-package .relative  .note p {
font-size: 16px;
}
.landing-ppc .single-package .relative .single-package-inner > .normal {
min-height: 150px;
}
.inclined-top-right.dark-box:before  {
background-color: #180b2d;
}
.dark2 {
background-color: #180c3a;
}
.landing-ppc .top-margin {
padding-top: 180px;
}
.landing-ppc .top-margin .container {
padding-top: 80px;
}
.landing-ppc  .decoration-cols {
margin-top: -150px;
margin-bottom: 100px;
}
.landing-ppc .wrapp-landing-random-text {
padding-bottom: 700px;
}
.landing-ppc .wrapp-landing-random-text .landing-title.mbottom {
margin-bottom: 110px
}
.landing-ppc .custom-slider-testimonials .owl-nav {
display: none;
}
.landing-ppc .custom-slider-testimonials  .owl-dots {
position: absolute;
right: 0;
bottom: 20px;
z-index: 99;
}
.landing-ppc .custom-slider-testimonials  .custom-slider-testimonials-img2:not(.owl-carousel) {
height: 200px;
overflow: hidden;
}
.landing-ppc .owl-dot {
width: 12px;
height: 12px;
border-color: #ffffff;
border: 1px solid #fff;
margin-left: 10px;
}
.landing-ppc  .owl-dot.active {
background: #ffffff;
border-color: #ffffff;
}
.landing-ppc .landing-section-4 h3 {
font-size: 48px;
margin-bottom: 50px; 
font-family: 'myr-200';
}
.landing-ppc .wrapp-item-part-steps .wrapp-item-part-text h3 {
font-family: 'myr-200';
}
.landing-ppc .wrapp_my_form_steps .large_label_name {
border-bottom: none;
margin-bottom: 15px;
}
.landing-ppc .contact-info.inclined-top:before {
height: 15em;
}
.landing-ppc .contact-info.inclined-top .wrapp-landing-section-7 {
padding-top: 70px;
}
.landing-ppc .overlay {
background-color: rgba(24, 12, 46, 0.88);
}
.landing-ppc .testimonials .flex.two .col {
-webkit-flex: 0 60%;
-moz-flex: 0 60%;
-ms-flex: 0 60%;
-o-flex: 0 60%;
flex: 0 60%;
width: 60%;
max-width: 60%;
}
.landing-ppc  .testimonials blockquote {
font-size: 1.5em;
}
.header-ppc.text-light .right .light {
display: none;
} .icons-cta {
text-align: center;
}
.icons-cta .big {
font-size: 48px;
margin-bottom: 0;
font-family: 'myr-100';
}
.icons-cta .big  b {
font-family: 'myr-600';
}
.icons-cta  .small {
font-size: 20px;
text-transform: uppercase;
font-family: 'myr-200';
letter-spacing: 5px;
}
.icons-cta .small b {
font-family: 'myr-600';
}
.flex_simple {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
}
.icons-cta .note {
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
background: #FF0000;
text-transform: uppercase;
font-weight: 600;
height: 29px;
line-height: 29px;
font-size: 14px;
padding-top: 1px;
width: 190px;
margin-bottom: 23px;
}
.icons-cta .note.less {
width: 120px;
}
.icons-cta .note:before {
content: "";
width: 32px;
height: 29px;
display: block;
position: absolute;
left: 9px;
top: 0;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/check-purple-red.svg);
background-repeat: no-repeat;
background-size: 31px;
background-position: center center;
}
.icons-cta .flex_simple.four .col {
-webkit-flex: 0 25%;
-moz-flex: 0 25%;
-ms-flex: 0 25%;
-o-flex: 0 25%;
flex: 0 25%;
width: 25%;
max-width: 25%;
padding: 0 20px;
position: relative;
}
.icons-cta  .flex_simple.four .col:after {
content: "";
width: 1px;
height: 100%;
display: block;
position: absolute;
right: 10px;
top: 0;
background: rgba(255, 255, 255, 0.3);
}
.icons-cta  .flex_simple.four .col:last-child:after {
content: none;
} 
.icons-cta .group_icos  * {
color: #fff;
}
.icons-cta .group_icos {
background: #230F47;
padding: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.25);
margin-top: 50px;
position: relative;
}
.icons-cta .group_icos:before {
content: "";
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 15px solid #230F47;
position: absolute;
top: -15px;
left: 47%;
}
.icons-cta .single_ico_img {
width: 50px;
opacity: 0.35;
}
.icons-cta .single_ico_text {
width: calc(100% - 50px);
}
.icons-cta .single_ico_text  p {
font-size: 21px;
margin: 0;
text-align: left;
padding-left: 17px;
line-height: 1.3em;
}
.icons-cta .single_ico_text  p b {
font-weight: 600;
}
.button-next-section .scroll-button.yellow {
background: #FFD926;
color: #180C2E;
}
.button-next-section .scroll-button.yellow:after {
background-color: #EDCD40;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-down-button-purple.svg);
}
.bottom_yellow {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9;
}
.bottom_yellow .container {
background: #FFD926;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 20px 50px;
}
.bottom_yellow .container .icons-cta .group_icos {
-webkit-flex: 0 66.66%;
-moz-flex: 0 66.66%;
-ms-flex: 0 66.66%;
-o-flex: 0 66.66%;
flex: 0 66.66%;
width: 66.66%;
max-width: 66.66%;
position: relative;
padding: 10px 0 0 0;
}
.bottom_yellow .container .icons-cta .col_text {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.bottom_yellow .icons-cta .big {
font-size: 36px;
font-family: 'myr-400';
color: #230e47;
text-align: left;
margin-top: 23px;
line-height: 1.2em;
}
.bottom_yellow  .icons-cta .group_icos:before {
content: none;
}
.bottom_yellow  .icons-cta .flex_simple.four .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.bottom_yellow  .icons-cta .group_icos {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0;
}
.bottom_yellow  .icons-cta .single_ico_img {
opacity: 1;
}
.bottom_yellow .icons-cta .group_icos * {
color: #230e47;
}
.bottom_yellow .icons-cta .note {
background: #180C2E;
color: #fff;
}
.bottom_yellow .icons-cta .note:before {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/check-purple-yellow.svg);
}
.bottom_yellow .icons-cta .flex_simple.four .col:after {
background: rgba(24, 12, 46, 0.4);
}
.testimonial-serviciu .right-is-larger.two.slightly .col:nth-child(2) {
flex: 0 55%;
}
@media (max-width: 1440px) {
.landing-ppc .popup-info {
left: 0;
}
.landing-ppc .item-team-steps.last .popup-info {
left: auto;
right: 0; 
}
.landing-ppc .item-team-steps .popup-info:before {
left: 15%;
}
.landing-ppc .item-team-steps.last .popup-info:before {
left: auto;
right: 15%;
}
.landing-ppc .item-team-steps.item-team-5 .popup-info {
left: -50%;
}
.landing-ppc .item-team-steps.item-team-5 .popup-info:before {
left: 35%;
}
}
@media (max-width: 1200px) {
.icons-cta .group_icos {
margin-bottom: 70px
}
.icons-cta .single_ico_text p {
font-size: 17px;
}
.icons-cta .single_ico_img {
width: 35px;
}
.icons-cta .single_ico_text {
width: calc(100% - 35px);
}
.icons-cta .note {
height: 25px;
line-height: 24px;
font-size: 12px;
padding-top: 1px;
width: 100%;
margin-bottom: 17px;
}
.bottom_yellow .icons-cta .group_icos {
margin-bottom: 0;
}
.bottom_yellow .icons-cta .big {
font-size: 28px;
}
.bottom_yellow .icons-cta .note {
line-height: 26px;
}
.icons-cta .note:before {
width: 29px;
height: 27px;
left: 9px;
top: -2px;
background-size: 29px;
} 
}
@media (max-width: 1100px) {
.landing-ppc .item-team-steps.item-team-5 .popup-info {
left: -100%;
}
.landing-ppc .item-team-steps.item-team-5 .popup-info:before {
left: 50%;
}
}
@media (max-width: 1020px) {
.landing-ppc .item-team-steps:after {
width: 20px;
right: -35px;
}
.landing-ppc .popup-info {
left: 0;
position: relative;
display: block;
width: 100%;
padding-top: 0;
}
.landing-ppc .item-team-steps .popup-info:before {
content: none;
}
.landing-ppc .item-team-steps:after {
content: none;
}
.landing-ppc .flex.six .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;;
width: 33.33%;
max-width: 33.33%;
}
.landing-ppc .number {
margin: 0 auto;
}
.landing-ppc .landing-section-4 h3 {
margin-bottom: 15px;
}
.landing-ppc .landing-section-4 h3 br {
display: none;
}
.landing-ppc .popup-info-text {
font-size: 14px;
}
.landing-ppc .work-steps-ppc .step-name {
font-size: 22px;
margin-top: 6px;
}
.landing-ppc .work-steps-ppc .number span {
width: 80px;
height: 80px;
line-height: 85px;
font-size: 35px; 
}
.landing-ppc .number {
width: 100px;
height: 100px;
}
.landing-ppc .wrapp-item-team-steps {
margin-bottom: 20px;
}
.landing-ppc .item-team-steps.item-team-5 .popup-info {
left: auto;
}
.landing-ppc .parteners .col-text p, .landing-ppc .parteners .col-text li {
font-size: 18px;
}
.landing-ppc .parteners .col-text ul {
margin-top: 30px;
}
.landing-ppc .single-package .relative .large {
font-size: 30px;
}
.landing-ppc .single-package .relative .normal {
font-size: 16px;
}
.landing-ppc .single-package .relative .note p {
font-size: 12px;
}
.landing-ppc .single-package .relative .price .price {
font-size: 30px;
}
.landing-ppc .single-package-icon {
width: 120px;
height: 120px;
top: -60px;
}
.landing-ppc .single-package .relative .btn {
font-size: 20px;
}
.landing-ppc .single-package-inner {
padding: 100px 0 50px 0;
}
.landing-ppc .testimonials blockquote {
font-size: 1.3em;
}
}   
@media (max-width: 920px) {
.landing-ppc .flex.six .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.icons-cta .flex_simple.four .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
margin: 5px 0;
}
.icons-cta .flex_simple.four .col:nth-child(2):after {
content: none;
}
.icons-cta .big {
font-size: 30px;
font-family: 'myr-200';
}
.icons-cta .small {
font-size: 14px;
font-family: 'myr-200';
letter-spacing: 2px;
}
.icons-cta .group_icos {
margin-top: 30px;
}
.bottom_yellow .container .icons-cta .col_text,
.bottom_yellow .container .icons-cta .group_icos {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
text-align: center;
}
.bottom_yellow .icons-cta .big br {
display: none;
}
.bottom_yellow .icons-cta .big {
text-align: center;
margin-top: 10px;
}
.bottom_yellow {
position: relative;
}
.intro.light.short-height {
padding-bottom: 0;
}
.bottom_yellow .container {
padding: 20px;
}
.bottom_yellow .icons-cta .flex_simple.four .col:after {
content: none;
}
}
@media (max-width: 850px) {
.landing-ppc.landingpagew-partner .about-info .container > p {
margin-bottom: 24px;
font-size: 18px;
}
.landing-ppc .work-steps-ppc .step-name {
margin-top: 15px;
}
.landing-ppc.landingpagew-partner .services.inner-section-landing {
padding-bottom: 160px;
}
}
@media (max-width: 768px) {
.landing-ppc .button-next-down .btn {
padding: 18px 75px 13px;
font-size: 20px;
}
.landing-ppc .main-section-1 .bottom-text p {
font-size: 16px;
margin-bottom: 2px;
}
.landing-ppc  .main-section-1 .bottom-text .bottom-text-link {
font-size: 21px;
}
.landing-ppc .main-section-1 .bottom-text .bottom-text-link:before {
width: 25px;
height: 23px;
background-size: 22px;
}
.landing-ppc .main-section-1 .bottom-text {
padding: 13px; 
}
.landing-ppc .main-section-1 .button-next-down {
margin-top: 20px;
}
.main-section-1 .bottom-text {
width: 100%;
left: 0;
}
.landing-ppc .flex.six .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.landingpagew-partner .about-info .container > p {
margin-bottom: 20px;
}
.landing-ppc .parteners.flex.two .col-img,
.landing-ppc .parteners.flex.two .col-text {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;;
width: 100%;
max-width: 100%;
text-align: center;
}
.landing-ppc .parteners .col-text h3 {
font-size: 40px;
margin-bottom: 0;
margin-top: 40px;
}
.landing-ppc .parteners .col-text p, .landing-ppc .parteners .col-text li {
font-size: 16px;
padding-left: 0;
}
.landing-ppc .parteners .col-text li:before {
position: relative;
margin-right: 16px;
}
.landing-ppc .single-package {
margin-bottom: 70px;
}
.landing-ppc .top-margin .container {
padding-top: 40px;
}
.landing-ppc .wrapp-landing-random-text .landing-title.mbottom {
margin-bottom: 75px;
}
.landing-ppc .single-package .relative .single-package-inner > .normal {
min-height: auto;
}
.landing-ppc .single-package-icon {
width: 100px;
height: 100px;
top: -50px;
left: calc((100% - 100px)/2);
}
.landing-ppc .single-package-icon img {
height: 32px;
}
.landing-ppc .single-package-inner {
padding: 80px 0 50px 0;
}
.landing-ppc .single-package .relative .large {
margin-bottom: 10px;
}
.landing-ppc .single-package .relative .price .normal {
margin-top: 20px;
}
.landing-ppc .single-package .relative .price .price {
margin-bottom: 20px;
}
.landing-ppc.landingpagew-partner .wrapp-landing-random-text {
padding-bottom: 580px; 
}
.landing-ppc .service-item-full h3 {
font-size: 22px;
}
.landing-ppc .service-item-full .img {
width: 100px;
height: 100px;
line-height: 128px;
margin-bottom: 18px;
}
.landing-ppc .service-item-full .img img {
width: 35px;
} 
.landing-ppc.landingpagew-partner .service-item-full {
margin-top: 20px;
}
.landing-ppc.landingpagew-partner .service-item-full h3 {
font-size: 19px;
}
.landing-ppc .parteners .col-text p, .landing-ppc .parteners .col-text li {
font-size: 14px;
}
.landing-ppc .wrapp-landing-section-inner-2 .wrapp-buttons {
margin-top: 35px;
}
.landing-ppc.landingpagew-partner .about-info.inclined-top-right:before {
top: -6em;
}
.landing-ppc .single-package .relative .large {
font-size: 23px;
}
.landing-ppc .single-package .relative .normal {
font-size: 14px;
}
.landing-ppc .single-package .relative .price .price {
font-size: 25px;
}
.landing-ppc.landingpagew-partner .on-middle-info .small-title {
font-size: 30px;
}
.landing-ppc.landingpagew-partner .wrapp-landing-section-6 .moveup {
padding: 30px 25px;
}
.landing-ppc .testimonials .flex .col:nth-child(1),
.landing-ppc .testimonials .flex .col:nth-child(2) {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%; 
}
.dark.testimonials blockquote {
font-size: 16px;
}
.landing-ppc .landing-section-4 h3 {
font-size: 35px;
}
.landing-ppc .wrapp-landing-section-6.less-bottom {
padding-bottom: 25px;
}
.landing-ppc .top-margin {
padding-top: 90px;
}
.landing-ppc .contact-info.inclined-top:before {
height: 9em;
}
.landing-ppc .decoration-cols {
display: none;
}
.landing-ppc .top-margin {
padding-top: 16px;
}
.landing-ppc  .team.inclined-top-right:before {
top: -17em;
}
.landing-ppc #packages .landing-title h2 {
font-size: 36px;
}
.landing-ppc .item-team-steps:hover .number {
border: 3px solid transparent;
}
.landing-ppc .item-team-steps:hover .number span {
border: 2px solid white;
}
.landing-ppc.landingpagew-partner .inner-section-landing .general-content h2 {
font-size: 2.2em;
}
.landing-ppc.landingpagew-partner .services.inner-section-landing {
padding-top: 50px;
}
.landing-ppc .inner-section-landing .general-content h2 {
margin-bottom: 20px;
}
.icons-cta .note.less {
width: 120px;
}
}
@media (max-width: 560px) {
.landingpagew-partner .intro-text-section-larger p {
font-size: 16px;
}
.landing-ppc .main-section-1 .bottom-text p {
font-size: 13px;
}
.landing-ppc .main-section-1 .bottom-text .bottom-text-link {
font-size: 16px;
}
.landing-ppc .landing-section-4 h3 {
font-size: 28px;
}
.dark.testimonials blockquote {
font-size: 16px;
}
.landing-ppc .custom-slider-testimonials .owl-dots {
position: relative;
right: auto;
left: -10px;
bottom: -15px;
padding-bottom: 15px;
}
.landing-ppc .contact-info.inclined-top:before {
height: 5em;
}
.landing-ppc .contact-info.inclined-top .wrapp-landing-section-7 {
padding-top: 55px;
}
.landing-ppc.landingpagew-partner .intro-text-section-larger p {
font-size: 15px;
}
.landing-ppc.landingpagew-partner .item-part-steps:last-child .wrapp-item-part-steps .wrapp-item-part-text {
margin-bottom: 0;
}
.icons-cta .flex_simple.four .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.31);
padding-bottom: 10px;
margin-bottom: 15px;
}
.icons-cta .flex_simple.four .col:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.icons-cta .flex_simple.four .col:after {
content: none;
}
.flex_simple.wrapp_single_ico {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bottom_yellow .icons-cta .flex_simple.four .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
border-bottom: 1px solid rgba(35, 27, 62, 0.32);
}
.bottom_yellow .icons-cta .flex_simple.four .col:last-child {
border-bottom: none;
}
.bottom_yellow .icons-cta .single_ico_text p br {
display: none;
}
.bottom_yellow .icons-cta .group_icos .flex_simple.four {
width: 180px;
margin: 0 auto;
}
.bottom_yellow .icons-cta .big {
font-size: 25px;
}
.icons-cta .note {
line-height: 26px;
}
.testimonial-serviciu .right-is-larger.two.slightly .col:nth-child(2) {
flex: 0 100%;
}
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
iframe {
max-width: 100%;
background: #211636;
}
a {
text-decoration: none;
color: #fdd425;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img { max-width: 100%; } body {
font: normal 100%/1.619 'myr-400', Helvetica, Arial, sans-serif;
letter-spacing: .032em;
background: #180c2e;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: .6em 0;
}
h1.small, h2.small, h3.small, 
h4.small, h5.small, h6.small {
text-transform: uppercase;
font-size: 120%;
font-family: 'myr-500';
color: #8c8c8c;
letter-spacing: .1em;
}
h1, h2, h3, h4, h5, blockquote {
line-height: 1.45;
font-family: 'myr-200';
}
h1, h2 {
letter-spacing: .03em;
line-height: 1.1;
margin: .2em 0;
}
h3, h4 { line-height: 1.3; }
h4, h5 {
font-family: 'myr-400';
letter-spacing: .03em;
}
h1 { font-size: 3em; }
h2 { font-size: 1.602em; }
h3 { font-size: 1.424em; }
h4, blockquote { font-size: 1.266em; }
h5 { font-size: 1.125em; }
h6, p { 
font-size: 1em;
line-height: 1.5;
}
p { margin: 1em 0; }
blockquote {
font-style: normal;
color: inherit;
padding: 1.5em 0;
}
hr {
border-style: none;
border-bottom: 1px solid rgba(255,255,255,.1);
}
small { font-size: 90%; }
strong { 
font-weight: normal; 
font-family: 'myr-600';
}
label {
display: inline-block;
font-size: 90%;
margin: 0 0 .35em;
color: #EFEEF3; cursor: pointer;
}
label.form_required:after {
content: "*";
color: #ff4800;
margin-left: .35em;
}
label.active {
color: white;
}
label.error {
font-family: 'myr-600';
color: #ff4800; }
ul.horizontal {
margin-left: -.3em;
margin-top: -.3em;
}
ul.horizontal li {
display: inline-block;
margin: .4em .3em;
}
ul.vertical { margin-top: -.7em; }
ul.vertical li { margin-top: .7em; } form {
padding: 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
input[type="text"], input[type="email"],
input[type="password"], input[type="search"],
input[type="tel"], input[type="url"],
input[type="number"], input[type="date"],
input[type="time"], input[type="datetime"],
input[type="datetime-local"], input[type="week"],
input[type="month"], textarea, select {
font: normal 110%/1.25 'myr-400', Helvetica, Arial, sans-serif;
display: block;
min-width: 10em;
width: 100%;
color: #EFEEF3;
background: #211636;
border-style: none;
border: 1px solid #B2B3B3;
padding: .4em .5em .35em;
margin-bottom: .5em;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
select {
color: #EFEEF3; 
}
input[type="text"].error, input[type="email"].error,
input[type="password"].error, input[type="search"].error,
input[type="tel"].error, input[type="url"].error,
input[type="number"].error, input[type="date"].error,
input[type="time"].error, input[type="datetime"].error,
input[type="datetime-local"].error, input[type="week"].error,
input[type="month"].error, textarea.error, select.error {
border-color: #ff4800;
-webkit-box-shadow: 7px 7px 20px rgba(0,0,0,.2);
box-shadow: 7px 7px 20px rgba(0,0,0,.2);
}
::-webkit-input-placeholder { color: #584a74;
}
::-moz-placeholder { color: #584a74;
}
:-ms-input-placeholder { color: #584a74;
}
:-moz-placeholder { color: #584a74;
}
input:focus, textarea:focus { color: white;
-webkit-box-shadow: 7px 7px 20px rgba(0,0,0,.2);
box-shadow: 7px 7px 20px rgba(0,0,0,.2);
}
textarea {
min-width: 10em;
min-height: 10em;
resize: vertical;
padding-top: .5em;
} input[type="submit"], button, .btn {
position: relative;
cursor: pointer;
font: 400 100%/1.24 'myr-400', Helvetica, Arial, sans-serif;
display: inline-block;
border-style: none;
border: 1px solid transparent;
background: #fcda33;
color: #180c2e;
padding: .8em 1.1em .6em;
line-height: 1.2;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
letter-spacing: .02em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
}
input[type="submit"].outline, button.outline, .btn.outline {
background-color: transparent;
border: 1px solid white;
color: white;
padding-top: .7em;
}
input[type="submit"].dark, button.dark, .btn.dark {
background-color: #230f47;
border-color: #230f47;
color: white;
}
.btn.outline.dark {
color: #180c2e;
border-color: #180c2e;
background-color: transparent;
}
.btn.big.arrow {
font-size: 120%;
width: 100%;
background-color: #230f47;
border-color: #230f47;
color: white;
padding-right: 4.1em;
}
.btn.big.arrow span {
position: absolute;
top: 0;
right: 0;
width: 3em;
height: 100%;
background: #2a1254;
}
.btn.big.arrow img {
height: 100%;
padding: 0.8em;
}
.btn.round {
background-color: #230f47;
border-color: #230f47;
color: white;
text-align: center;
width: 5em;
height: 5em;
padding: 1.4em 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.btn.link {
padding: 0;
background: transparent;
color: white;
}
.btn.link.small { font-size: 100%; }
.btn.link.yellow { color: #fcda33; }
.btn.link:before,
.btn.link:after {
content: "";
display: block;
position: absolute;
bottom: -.2em;
left: 0;
width: 0%;
height: 1px;
-webkit-transition: width .5s;
-o-transition: width .5s;
transition: width .5s;
}
.btn.link:before { background: #fcda33; }
.btn.link:after {
width: 100%;
background: rgba(255,255,255,.1);
}
.btn.active {
background: #fcda33;
border-color: #fcda33;
color: #180c2e;	
}
form .btn.big.arrow {
margin-top: .8em;
} .white { background: white; }
.show { display: block !important; }
.hide { display: none;  opacity: 0; margin-top: 30px; }
.is-open {  opacity: 1; margin-top: 0;  }
.ovh { overflow: hidden; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.container {
max-width: 73.125em; margin: 0 auto;
padding: 1px 1em;
position: relative;
z-index: 1;
}
.table {
display: table;
height: 100%;
width: 100%;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.clear:before, .clear:after {
content: "";
visibility: hidden;
height: 0;
display: table;
}
.clear:after {
clear: both;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
width: 100%;  } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.flex {
max-width: 100%;
}
}
.flex,
.flex.two,
.flex.three,
.flex.four,
.flex.five {
width: auto;
}
.flex .col,
.flex.two .col,
.flex.three .col,
.flex.four .col,
.flex.five .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.flex { margin-left: -1em; }
.flex .col { padding-left: 1em; }
.owl-prev,
.owl-prev-alt, 
.owl-next,
.owl-next-alt {
position: absolute;
top: 50%;
margin-top: -1em;
width: 2em;
height: 2em;
background: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/slide-arrow-left.svg) no-repeat center;
background-size: 1em 1em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #180c2e;
}
.owl-prev,
.owl-prev-alt {
left: -.3em;
background-position: 45% 50%;
}
.owl-next,
.owl-next-alt {
right: -.3em;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/slide-arrow-right.svg);
background-position: 55% 50%;
}
.owl-dot {
display: inline-block;
width: 1em;
height: 1em;
background: transparent;
border: 1px solid rgba(0,0,0,.1);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.owl-dot.active {
background: #b04b4b;
border-color: #b04b4b;
}
.burger {
display: block;
width: 2.3em;
position: absolute;
top: 1.7em;
right: 1em;
z-index: 9;
}
.burger span {
display: block;
width: 100%;
height: 1px;
background: white;
margin-top: 8px;
}
.text-dark .burger span {
background: #180c2e;
}
.burger span:first-child { margin-top: 0; }
.close {
display: none;
position: relative;
width: 30px;
height: 30px;
overflow: hidden;
z-index: 2;
}
.close:before,
.close:after {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: white;
}
.close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.with-background {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
} .relative { position: relative; }
.relative .container {
position: relative;
z-index: 1;
}
.intro .container { z-index: 3; } .above { z-index: 2; }
.behind { z-index: -1; }
.light { background-color: white; }
.yellow { background-color: #fcda33; }
.dark { background-color: #180c2e; }
.text-light,
.text-light * { color: white; }
.text-yellow,
.text-yellow * { color: #fcda33; }
.text-dark,
.text-dark * { color: #180c2e; }
.light h3, .yellow h3,
.light h4, .yellow h4,
.light h5, .yellow h5,
.light h6, .yellow h6 {
font-family: 'myr-400';
}
.container .flex {
position: relative;
z-index: 2;
}
.graphic {
position: absolute;
z-index: 0;
}
.graphic.square,
.graphic.circle,
.graphic.triangle {
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.graphic.flipped {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.to-top { top: 0; }
.to-bottom { bottom: 0; }
.to-right { right: 0; }
.to-left { left: 0; }
.line { width: 200px; }
.letter {
font-family: 'big-letters';
font-size: 30em;
line-height: 10%;
height: 0;
pointer-events: none;
-webkit-transition: opacity .75s;
-o-transition: opacity .75s;
transition: opacity .75s;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
}
.letter.opacity {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.letter-white {
color: white;
-webkit-text-shadow: 25px 25px 98px rgba(24, 12, 46, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(24, 12, 46, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(24, 12, 46, 0.3);
-o-text-shadow: 25px 25px 98px rgba(24, 12, 46, 0.3);
text-shadow: 25px 25px 98px rgba(24, 12, 46, 0.3);
}
.letter-yellow {
color: #fcda33;
-webkit-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
-o-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
}
.letter-dark {
color: #180c2e;
-webkit-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-o-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);	
}
.letter-transparent {
color: rgba(0,0,0,.1);
-webkit-text-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
-o-text-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
text-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);	
}
.letter.behind {
z-index: -2;
}
.faux-intro {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
.inclined-top:before,
.inclined-bottom:after {
content: "";
display: block;
width: 100%;
height: 10em;
pointer-events: none;
-ms-transform: skewY(5deg); -webkit-transform: skewY(5deg); transform: skewY(5deg); position: absolute;
left: 0;
z-index: 0;
}
.inclined-top-right {
padding-top: 0;
}
.inclined-top-right:before {
content: "";
display: block;
width: 100%;
height: 10em;
height: 21em;
pointer-events: none;
-ms-transform: skewY(-5deg);
-webkit-transform: skewY(-5deg);
transform: skewY(-5deg);
position: absolute;
right: 0;
left: auto;
z-index: 0;
top: -10em;
}
.inclined-top:before { 
top: 0;
transform-origin: top right;
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
-o-transform-origin: top right;
}
.inclined-bottom:after { 
bottom: 0;
transform-origin: bottom left;
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
-o-transform-origin: bottom left;
}
.inclined-yellow:before,
.inclined-yellow:after { 
background-color: #fcda33;
}
.inclined-white:before,
.inclined-white:after { 
background-color: white;
}
.inclined-dark:before,
.inclined-dark:after { 
background-color: #180c2e;
}
.short-height:after {
height: 20em;
}
.mascot { z-index: 2; }
.mascot .background {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
margin-top: -50%;
margin-left: -50%;
z-index: 0;
}
.mascot .zebraphant {
position: relative;
z-index: 2;
pointer-events: none;
}
.social-media a {
display: inline-block;
width: 3.2em;
height: 3.2em;
border: 2px solid white;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
overflow: hidden;
}
.social-media i {
display: inline-block;
font-size: 1.3em;
line-height: 2.7em;
}
.social-media .fb { border-color: #3b5998; }
.social-media .fb i { color: #3b5998; }
.social-media .tw { border-color: #55acee; }
.social-media .tw i { color: #55acee; }
.social-media .pt { border-color: #cb2027; }
.social-media .pt i { color: #cb2027; }
.social-media .lk { border-color: #0077B5; }
.social-media .lk i { color: #0077B5; }
.checkboxes input,
.checkboxes label:after { display: none; }
.checkboxes {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
width: 100%;
margin: .15em 0 .5em;
}
.checkboxes li {
position: relative;
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
padding-left: 2.3em;
margin-top: .25em;
}
.checkboxes.gdpr { margin-top: 1em; }
.checkboxes.gdpr li {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.checkboxes label { line-height: 1.35; }
.checkboxes.gdpr a {
color: white;
text-decoration: underline;
}
.checkbox {
position: absolute;
top: 0;
left: 0;
width: 1.3em;
height: 1.3em;
background: rgba(255,255,255,.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
margin-right: .75em;
}
.checkbox:hover,
.checkbox.active {
background: rgba(255,255,255,.5);
}
.attach,
.attach-second,
.attach-third {
position: relative;
display: block;
width: 100%;
color: #a99dc1;
background: #211636;
border: 1px dashed #2e2048;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
min-height: 7em;
}
.attach span,
.attach-second span,
.attach-third span {
display: inline-block;
width: 11em;
height: 1.5em;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-top: -.75em;
margin-left: -5.5em;
}
.attach small,
.attach-second small,
.attach-third small {
display: inline-block;
width: 6em;
line-height: 1;
text-align: right;
position: absolute;
bottom: .5em;
right: .5em;
color: rgba(255,255,255,.3);
}
.add-option {
margin-bottom: 1em;
position: relative;
}
.add-option a {
display: block;
width: 2em;
height: 2em;
text-align: center;
padding-top: .25em;
position: absolute;
top: .1em;
right: 0;
}
.add-option.active input { width: calc(100% - 2em); }
.select { position: relative; }
.select .active {
background: #211636;
border: 1px solid #2e2048;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
min-width: 10em;
width: 100%;
margin-bottom: .5em;
}
.select .active a {
position: relative;
color: #a99dc1;
display: block;
font: normal 110%/1.25 'myr-400', Helvetica, Arial, sans-serif;
width: 100%;
padding: .4em .5em 0;
min-height: 1.9em;
}
.select .active span {
padding-right: 18px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}
.select .active img {
position: absolute;
top: 0;
right: 0;
top: .65em;
right: .7em;
-webkit-opacity: .3;
-moz-opacity: .3;
-ms-opacity: .3;
-o-opacity: .3;
opacity: .3;
}
.select ul {
display: none;
position: absolute;
top: 3em;
left: 0;
height: 10.9em;
width: 100%;
overflow-y: auto;
background: #2e2048;
padding: .5em 1em;
z-index: 2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.select.short ul { height: auto; }
.select li {
padding: .5em 0;
border-top: 1px solid rgba(255,255,255,.1);
line-height: 1.35;
}
.select li:first-child { border: 0; }
.select a { color: rgba(255,255,255,.65); }
.alert {
position: relative;
background: #ff4800;
padding: .75em .75em .57em 3.4em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-bottom: 1em;
}
.alert i {
position: absolute;
top: .35em;
left: .5em;
font-size: 1.35em;
}
.alert p {
margin: 0; 
line-height: 1.2;
}
form ul .btn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
form ul .btn.outline {
border-color: rgba(255,255,255,.1);
} header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
padding: .75em 1em;
}
header .logo {
display: inline-block;
float: left;
position: relative;
z-index: 3;
top: -.13em;
}
header .logo .symbol { display: block; }
header .menu,
header .phone,
header .flag { display: none; }
header .btn {
margin-right: 3.3em;
margin-top: .25em;
}
header li a.active,
header li.current_page_item>a  { color: #fcda33; }
.text-dark.on-scroll {
background: white;
padding: .75em 1em .1em;
}
.text-light.on-scroll {
background: #190d2f;
padding: .75em 1em .1em;
}
.text-dark.on-scroll,
.text-light.on-scroll { padding: .5em 1em; }
.text-dark.on-scroll .burger,
.text-light.on-scroll .burger { top: 1.2em; }
.text-dark.on-scroll .logo,
.text-light.on-scroll .logo { 
top: 0;
width: 2.5em;
display: block;
line-height: 1;
}
.text-dark.on-scroll .logo img,
.text-light.on-scroll .logo img { display: block; }
.text-dark.on-scroll .btn,
.text-light.on-scroll .btn { margin-top: .3em; }
.text-dark.on-scroll .phone,
.text-light.on-scroll .phone,
.text-dark.on-scroll .btn,
.text-light.on-scroll .btn { font-size: 105%; }
.text-dark.on-scroll .btn,
.text-light.on-scroll .btn { 
padding: 0.55em 1em 0.25em;
margin-top: .13em;
}
.text-dark.on-scroll .phone,
.text-light.on-scroll .phone { margin-top: .3em; }
.text-dark.on-scroll .phone img,
.text-light.on-scroll .phone img { width: 1.8em; }
header.on-scroll .flag.active {
position: relative;
top: 5px;
margin-top: 0;
} footer { padding: 1.5em 0; }
footer.tall h4,
footer.short h4 {
display: none;
margin-top: 0;
font-size: 240%;
font-family: 'myr-200';
margin-bottom: .2em;
}
footer.tall .contact-details { margin: .5em 0 1.5em; }
footer .link { margin-top: .7em; }
.offices {
position: relative;
padding-bottom: 9.75em;
}
.map-location { position: relative; }
.map-location .map {
position: absolute;
bottom: -8em;
right: 1em;
width: 60%;
}
.map-location iframe,
.map-location .acf-map { 
width: 100%;
height: 10em;
}
.offices .toggle {
position: absolute;
bottom: 6.3em;
left: 0;
overflow: hidden;
padding-left: 1px;
}
.offices .toggle .center { display: none; }
.offices .toggle a {
display: block;
width: 2.5em;
height: 2.5em;
border: 1px solid white;
float: left;
text-align: center;
padding-top: .5em;
margin-left: -1px;
}
.offices .toggle a.active { color: #fcda33; }
footer.tall .letter {
left: 8%;
top: 30%;
font-size: 40em;
}
footer.tall .graphic {
right: 77%;
bottom: 7%;
}
.faux-logo {
width: 2.5em;
display: block;
line-height: 1;
top: 0;
width: 2.5em;
}
footer.short .horizontal {
overflow: hidden;
margin-left: -1em;
margin-bottom: .5em;
margin-top: -1em;
padding-bottom: 1px;
}
footer.short .horizontal li {
float: left;
padding-left: 1em;
margin: 1em 0 0;
width: 100%;
}
footer.short .horizontal li a {
width: 100%;
text-align: center;
}
footer.short .horizontal li .btn {
font-size: 115%;
}
footer.short .offices { padding: 0; }
footer.short address { margin-top: 1em; } .intro {
padding-top: 7em;
padding-bottom: 2.8em;
}
.intro.tall-height { min-height: 20em; }
.intro.tall-height-large { min-height: 40em; }
.text-dark-large { margin-top: -15em; } 
.intro .title { width: 100%; }
.left-is-larger .title,
.right-is-larger .title { margin-bottom: 2em; }
.project .intro .title { margin-bottom: 1.5em; }
.intro .title h1,
.intro .title h3 {
margin-top: 0;
margin-bottom: .25em;
}
.intro .title h1 {
margin-bottom: .15em;
font-size: 240%;
}
.intro .title h1 a {
display: inline-block;
font-size: 70%;
font-family: 'myr-200';
position: relative;
top: -.25em;
}
.intro .title ul {
margin-top: 1em;
padding-top: 0.35em;
font-size: 80%;
}
.intro .title p { margin: 1em 0; }
.project .intro .title ul {
margin: 0 0 0 -.3em;
padding: 0;
}
.project .intro .title li {
font-size: 110%;
line-height: 1;
margin: .3em;
position: relative;
}
.project .intro .title li:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 1em;
height: 1em;
width: 1px;
background: white;
margin-top: -4px;
}
.project .intro .title li:first-child:before { display: none; }
.intro .title ul a {
border-color: rgba(255, 255, 255, .1);
color: #cec8d5;
}
.intro .title ul a.active { color: #230f47; }
.intro .graphic.line {
top: inherit;
bottom: 10%;
}
.intro .graphic.triangle {
left: -7em;
bottom: 20%;
}
.faux-intro.with-background {
-webkit-opacity: .1;
-moz-opacity: .1;
-ms-opacity: .1;
-o-opacity: .1;
opacity: .1;
}
.faux-intro .container { height: 100%; }
.faux-intro .letter {
line-height: 1;
bottom: calc(1em - 20px);
left: inherit;
right: -50px;
}
.contact .faux-intro .letter { bottom: calc(1em + 450px); }
.projects .intro .graphic.circle {
right: 5%;
bottom: 30%;
}
.contact .intro { padding-bottom: 1.4em; }
.intro .locations { margin-top: 2em; }
.intro .locations a {
position: relative;
display: block;
height: 15em;
padding: 2em 2em 2em 4em;
color: white;
}
.intro .locations a span {
position: absolute;
top: 50%;
margin-top: -.6em;
margin-bottom: 0;
left: 0;
line-height: 1;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
text-transform: uppercase;
letter-spacing: .5em;
}
.intro .locations a strong {
font-size: 130%;
font-family: 'myr-400';
display: block;
letter-spacing: .04em;
}
.intro .locations a small {
position: absolute;
bottom: 2em;
left: 4.5em;
line-height: 1.3;
width: calc(100% - 4em - 2em);
}
.intro .locations a.bacau span { left: -10px; }
.intro .locations a.iasi span { left: 4px; }
.intro .locations .flex { margin-top: -1em; }
.intro .locations .col { padding-top: 1em; } .portfolio { overflow: hidden; }
.portfolio .flex {
margin-left: -.5em;
margin-top: -.5em;
margin-bottom: 1.25em;
}
.portfolio .col {
padding-left: .5em;
margin-top: .5em;
}
.portfolio ul a {
display: block;
color: white;
text-transform: capitalize;
position: relative;
width: 100%;
height: 12em;
}
.portfolio ul .title {
position: absolute;
bottom: 1em;
left: 1em;
right: 1em;
}
.portfolio ul small,
.portfolio ul span {
display: block;
line-height: 1.3;
}
.portfolio ul span {
font-size: 135%;
font-family: 'myr-200';
}
.portfolio ul small {
font-family: 'myr-400';
font-size: 80%;
margin-bottom: .3em;
}
.portfolio ul ul .title small { font-size: 80%; }
.portfolio ul ul .title span { font-size: 100%; }
.portfolio .center.text-dark {
position: relative;
z-index: 2;
margin-bottom: 2em;
}
.portfolio .letter {
top: 4%;
right: -90px;
}
.portfolio .graphic.triangle {
top: 20%;
left: -80px;
}
.portfolio .graphic.circle {
right: -80px;
bottom: 20%;
}
.projects .portfolio { margin-top: -1em; }
.projects .portfolio .center { margin-bottom: 1.5em; } .service-list {
text-align: center;
padding: 1.1em;
background: #180c3a;
-webkit-box-shadow: 10px 20px 60px rgba(0,0,0,.2);
box-shadow: 10px 20px 60px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0 0 1em;
}
.service-list ul { margin-top: -2em; }
.service-list li { padding-top: 2em; }
.service-list img { width: 40px; }
.service-list h3 {
font-size: 100%;
font-family: 'myr-400';
margin-top: 1.1em;
}
.service-item .img {
width: 70px;
height: 70px;
display: block;
border: 1px solid white;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin: 0 auto;
}
.service-item .img img {
height: 100%;
vertical-align: middle;
}
.studio .service-list {
margin-top: -5em;
position: relative;
z-index: 9999;
}
.service-item h3 a {
color: #fff;
} .choose-form-tabs { position: relative; }
.choose-form-tabs a {
display: block;
position: relative;
min-height: 4em;
}
.choose-form-tabs ul li { margin: .4em .75em; }
.choose-form-tabs li:first-child a:after {
display: none;
}
.choose-form-tabs i {
display: block;
width: 4em;
height: 4em;
border: 1px solid #230f47;
margin-bottom: .5em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-size: 50%;
}
.choose-form-tabs .active i { background-color: #230f47; }
.choose-form-tabs span { font-size: 115%; }
.choose-form-tabs small {
display: none;
line-height: 1.3;
}
.intro.light.short-height .graphic.line {
z-index: 1;
bottom: 5%;
}
.intro.light.short-height {
padding-top: 6em;
padding-bottom: 2.5em;
}
.intro.light.short-height .title {
text-align: center;
margin-bottom: 1em;
}
.intro.light.short-height .title h1 { display: none; }
.intro.light.short-height .title h3 {
font-size: 200%;
font-family: 'myr-200';
} .clients-slider { 
margin: 1.7em 0 1.7em -.5em;
padding: 0 .5em 75px .5em;
position: relative;
}
.clients-slider-two {
position: relative;
}
.clients-slider-wrap,
.slider-two-wrapp,
.slider-two-wrapp {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.clients-slider-wrap.load,
.slider-two-wrapp.load,
.slider-two-wrapp.load {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.testimonials .client-quote {
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;
}
.clients-slider .item,
.clients-slider-two .item { padding-left: 1em; }
.clients-slider .item li,
.clients-slider-two .item li { margin-top: 1em; }
.clients-slider .item li:first-child,
.clients-slider-two .item li:first-child { margin-top: 0; }
.clients-slider .item li a,
.clients-slider-two .item li .wrapp-single-client-logo {
background: #190d2f;
display: block;
padding: 1.5em;
}
.clients-slider .owl-item img, 
.clients-slider-two .owl-item img {
height: 6em;
}
.clients-slider .owl-nav,
.custom-slider-testimonials .owl-nav,
.clients-slider-two .owl-nav {
position: absolute;
height: 3em;
width: 7em;
text-align: center;
bottom: 0;
left: 50%;
border: 1px solid;
padding: .5em 0em;
margin-left: calc(-3.5em + .5em);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
z-index: 2;
}
.clients-slider .owl-prev,
.clients-slider .owl-next,
.custom-slider-testimonials .owl-prev, 
.custom-slider-testimonials .owl-next,
.clients-slider-two .owl-prev,
.clients-slider-two .owl-next {
position: relative;
top: auto;
margin-top: 0;
display: inline-block;
background-color: transparent;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-dark.svg);
margin-left: .5em;
}
.clients-slider .owl-next:before,
.clients-slider-two .owl-next:before,
.custom-slider-testimonials .owl-next:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: -.5em;
height: 100%;
width: 1px;
margin-right: .5em;
background-color: rgba(0,0,0,.1);
}
.clients-slider .owl-prev,
.clients-slider-two .owl-prev,
.custom-slider-testimonials .owl-prev {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
margin: 0;
} .project-slider-wrapper,
.project-mobile-slider-wrapper {
background-size: contain;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
}
.project-slider-wrapper {
height: 10em;
width: 17em;
margin: 0 auto;
}
.project-slider-wrapper.load,
.project-mobile-slider-wrapper.load {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.project-mobile-slider-wrapper {
height: 22em;
width: auto;
margin: 0 auto;
}
.project-slider {
display: none;
position: absolute;
top: 1em;
left: 50%;
width: 11em;
height: 6.7em;
margin-left: -5.5em;
overflow: hidden;
}
.project-mobile-slider {
display: none;
position: absolute;
top: 4.1em;
left: calc(50% + 1px);
width: 8.4em;
height: 16em;
margin-left: -4.2em;
overflow: hidden;
-webkit-border-radius: 0px 0px 14px 14px;
-moz-border-radius: 0px 0px 14px 14px;
-ms-border-radius: 0px 0px 14px 14px;
-o-border-radius: 0px 0px 14px 14px;
border-radius: 0px 0px 14px 14px;
}
.project-slider:before,
.project-mobile-slider:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 101%;
height: 100%;
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 100%);
background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
z-index: 1;
pointer-events: none;
}
.project-slider-wrapper .owl-prev-alt,
.project-slider-wrapper .owl-next-alt { top: 52%; }
.project-mobile-slider-wrapper .owl-prev-alt,
.project-mobile-slider-wrapper .owl-next-alt {
background-color: transparent;
border: 1px solid white;
}
.project-mobile-slider-wrapper .owl-prev-alt { left: 8%; }
.project-mobile-slider-wrapper .owl-next-alt { right: 8%; }
.project-mobile-slider .owl-carousel .owl-item img {
transform-style: preserve-3d;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
.browser-text {
color: #190d2f;
position: relative;
top: 3.8em;
width: 11em;
display: block;
margin: 0 auto;
overflow: hidden;
height: 1.5em;
font-size: 70%;
} .website-request { display: none; } .team .intro { padding-bottom: 4em; }
.people {
position: relative;
z-index: 3;
overflow: hidden;
margin-top: -1.75em;
padding-bottom: 1em;
}
.people .flex.three {
margin-left: -.5em;
margin-top: -.5em;
}
.people .flex.three .col {
padding-left: .5em;
padding-top: .5em;
}
.people .member {
position: relative;
cursor: pointer;
height: 100%; }
.people img { display: block; }
.people .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(25, 13, 47, .8);
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.people .overlay span,
.people .overlay small { display: block; }
.people .overlay span {
font-size: 26px;
line-height: 1.3;
font-family: 'myr-200';
color: #fff;
margin-bottom: 11px;
}
.people .overlay small {
font-size: 14px;
}
.people .overlay small {
color: #fff;
}
.people .member.active .overlay {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.people .flex .flex .col:last-of-type .member { background: #fcda33; }
.people .flex .flex .col:last-of-type .member a {
text-align: center;
display: block;
height: 100%;
padding: 3em 0;
}
.people .flex .flex .col:last-of-type .member img {
display: inline-block;
vertical-align: baseline;
width: 0.7em;
margin-left: 2%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.people .letter {
top: 150px;
right: -20px;
}
.people .graphic.circle {
right: 5%;
bottom: 5%;
} .testimonials { overflow: hidden; }
.testimonials blockquote {
padding: 0;
margin-bottom: 1em;
}
.white .testimonials blockquote,
.yellow .testimonials blockquote { font-family: 'myr-400'; }
.dark.testimonials blockquote { font-family: 'myr-200'; }
.testimonials .author a {
color: #180c2e;
text-decoration: underline;
}
.testimonials.dark .author a { color: white; }
.testimonials .author span,
.testimonials .author small { display: block; }
.testimonials .author span { font-family: 'myr-600'; }
.testimonials .letter {
display: block;
line-height: 1;
height: 200px;
}
.home .testimonials h2,
.home .testimonials h3,
.home .overview h2 { margin: 0; }
.home .testimonials h3,
.home .services h3,
.home .overview h3 { margin-bottom: .45em; }
.home .services h3 a {
color: #fff;
}
.home .services h3 { margin-bottom: .6em; }
.home .testimonials h2,
.home .services h1,
.home .overview h2,
.home .intro h2 { font-size: 2.4em; }
.home .intro h2 {  margin-top: 0; }
.home .testimonials .title,
.home .overview .title { margin-bottom: .75em; }
.home .testimonials .letter { top: 6%; }
.home .testimonials { margin-top: -5em; }
.home .testimonials .flex { padding-top: 12em; }
.home .testimonials .line { bottom: 7em; }
.home .testimonials .square {
top: 70px;
left: -15px;
}
.service .testimonials .square {
top: 10px;
right: -20px;
}
.project .testimonials { overflow: initial; }
.project .testimonials .circle {
bottom: 30px;
left: -30px;
}
.project .testimonials .line { top: -20px; }
.service .testimonials,
.project .testimonials {
padding: 2em 0;
}
.service .testimonials { padding-top: 0; } .mascot {
margin: 1.5em auto;
max-width: 80%;
}
.studio .mascot { max-width: 100%; }
.mascot .background { max-width: 90%; }
.home .mascot .zebraphant { margin-left: -3em; }
.home .mascot .background,
.studio .mascot .background {
margin-top: -25%;
margin-left: -44%;
}
.studio .mascot .background {
margin-top: -50%;
margin-left: -50%;
z-index: -1;
} .home .intro {
padding: 0;
height: 27em;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.top-banner.full-height {
height: 27em;
}
.home .intro h2 {
line-height: 1.35;
height: 1.3em;
-webkit-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
-moz-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
-ms-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
-o-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
text-shadow: 5px 5px 12px rgba(0,0,0,.3);
}
.home .intro .graphic.triangle { left: 1em; }
.home .intro .graphic.line {
bottom: -1.5em;
z-index: 2;
}
.home .intro .container { height: 100%; }
.home .services {
overflow: hidden;
padding-bottom: 2.5em;
}
.home .services ul.horizontal { padding: .5em 0 0; }
.home .services ul.horizontal a { 
color: white; 
}
.home .services ul.horizontal a.active,
.home .services ul.horizontal a:hover { 
color: #fdd425; 
}
.home .services .text { 
margin-bottom: 1.5em; 
-webkit-transition: all 2s ease;
-moz-transition: all  2s ease;
-o-transition: all  2s ease;
transition: all  2s ease;
}
.home .services .text.show,
.home .services .text.hide {
-webkit-transition: all  2s ease;
-moz-transition: all  2s ease;
-o-transition: all  2s ease;
transition: all  2s ease;
}
.home .services .flex.two.flip .btn { margin-bottom: 2em; }
.home .services .graphic.line { top: 35%; }
.home .services .graphic.square {
top: 20%;
right: 10px;
}
.home .overview { padding: 1em 0 7.5em; }
.home .overview .letter {
left: initial;
right: 0;
top: -10px;
}
.home .overview .graphic.square {
top: initial;
bottom: -5px;
left: initial;
right: 25px;
}
.home .story {
margin-top: -5em;
margin-bottom: 1.4em;
}
.home .story h4 {
font-family: 'myr-400';
position: relative;
padding-top: 1em;
line-height: 1.25;
}
.home .story h4:before {
content: "";
display: block;
position: absolute;
top: 0em;
left: 0;
width: 2em;
height: 1px;
background-color: black;
}
.home .story p { margin-bottom: 0; }
.home .team-pic { position: relative; }
.home .story .graphic.circle {
left: -1em;
top: 4em;
}
.home .story .graphic.triangle {
right: 1em;
bottom: -1em;
}
.home .team-pic .btn {
position: absolute;
top: -2.5em;
left: 50%;
margin-left: -2.5em;
}
.home .team-pic small {
display: block;
margin: .75em 0 .25em;
}
.home .portfolio .center h2 { font-family: 'myr-400'; } .project .intro { padding-bottom: 6em; }
.project .details { margin-top: -3em; }
.project .responsive { margin: 1em 0 0; }
.project .responsive .flex { margin-left: -.5em; }
.project .responsive .flex .col { padding-left: .5em; }
.project .responsive .tablet img { vertical-align: middle; }
.project .responsive .tablet {
height: 17em;
padding: 1.5em;
}
.project .responsive .phone { height: 25em; }
.project .responsive .phone { overflow: hidden; }
.project .responsive .tablet .letter { top: 17%; }
.project .responsive .phone .letter { top: 25%; }
.project .responsive .tablet .letter,
.project .responsive .phone .letter {
right: 50%;
margin-right: -120px;
}
.project .responsive .table {
position: relative;
z-index: 2;
}
.project .responsive .graphic.line { top: -1.5em; }
.project .responsive .graphic.square {
right: 10%;
bottom: 15%;
}
.project .responsive .phone .letter {
color: rgba(255,255,255,.3);
text-shadow: none;
}
.project .identity { margin: 1em 0 1.5em; }
.project .identity .col:nth-child(2) { margin-top: 1.25em; }
.project .identity .variation { padding: 1em; }
.project .identity .variation img { width: 100px; }
.project .identity p { margin-bottom: 0; }
.project .identity .variation.light { background: rgba(0,0,0,.05); }
.project .next { background-color: #180c2e; }
.project .next a {
display: block;
height: 12em;
padding: 1em;
}
.project .next i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
-webkit-opacity: .15;
-moz-opacity: .15;
-ms-opacity: .15;
-o-opacity: .15;
opacity: .15;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.project .next .table-cell {
position: relative;
z-index: 1;
}
.project .next .table-cell small {
display: inline-block;
font-size: 90%;
margin-bottom: .25em;
}
.project .next .table-cell span {
display: block;
font-size: 120%;
line-height: 1.2;
}
.project .next .table-cell img {
width: .5em;
vertical-align: initial;
}
.project .details .extra-large { font-size: 130%; }
.project .details .social-media { margin: -.25em 0 1em; }
.project .details .horizontal {
margin-left: -.2em;
margin-top: 1em;
}
.project .details .horizontal li { margin: .2em; }
.projects .horizontal li a:hover,
.projects .horizontal li a:focus {
background: #fcda33;
color: #230f47;
} .attach,
.attach-second,
.attach-third { margin-bottom: .63em; }
.requirements {
padding: .5em 1em .25em;
margin-top: 1em;
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease;
-o-transition: all 2s ease; 
transition: all 2s ease;
}
.requirements p {
font-size: 100%;
-webkit-opacity: .75;
-moz-opacity: .75;
-ms-opacity: .75;
-o-opacity: .75;
opacity: .75;
}
.application {
margin-top: -1em;
padding-bottom: 1em;
overflow: hidden;
}
.employment,
.begin-project { background-color: #0e061d; }
.employment .graphic.square,
.begin-project .graphic.square {
top: 20%;
left: -2em;
}
.begin-project .letter {
color: #230f47;
-webkit-text-shadow: 25px 25px 98px rgba(108, 0, 255, 0.1);
-moz-text-shadow: 25px 25px 98px rgba(108, 0, 255, 0.1);
-ms-text-shadow: 25px 25px 98px rgba(108, 0, 255, 0.1);
-o-text-shadow: 25px 25px 98px rgba(108, 0, 255, 0.1);
text-shadow: 25px 25px 98px rgba(108, 0, 255, 0.1);
left: initial;
right: -20%;
top: initial;
bottom: 45%;
}
.employment .choose-form-tabs li:nth-child(1) a i {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/development-dark.svg);
}
.employment .choose-form-tabs li:nth-child(1) a.active i {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/development-light.svg);
}
.employment .choose-form-tabs li:nth-child(2) a i {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/designer-dark.svg);
}
.employment .choose-form-tabs li:nth-child(2) a.active i {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/designer-light.svg);
} .service .intro .title { position: relative; }
.service .intro .title i {
display: block;
text-align: center;
position: absolute;
top: 0;
right: 0;
}
.service .intro .title h1 {
padding-right: 1em; }
.service .details {
margin-top: -2em;
padding-bottom: 1.5em;
}
.service .benefits {
background: #180c3a;
padding: 1em 1em 1.1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-top: -.35em;
}
.service .benefits li {
background: #291a63;
padding: .55em 1em;
margin-top: .2em;
line-height: 1.45;
}
.service .benefits img {
vertical-align: middle;
margin-right: .35em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-top: -.4em;
}
.service .details .navigation {
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
-o-align-items: stretch;
align-items: stretch;
}
.service .navigation a {
display: block;
background: #1f0f34;
text-align: center;
color: white;
line-height: 1.25;
padding: .5em;
height: 100%;
}
.service .navigation a span {
display: block;
width: 3em;
height: 3em;
margin: 0 auto .5em;
border: 1px solid white;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
background-repeat: no-repeat;
background-size: 60%;
background-position: center;
}
.service .navigation a.active,
.service .navigation a:hover {
background: #fdd425;
color: #180c2e;
}
.service .navigation a.active span,
.service .navigation a:hover span { border-color: #180c2e; }
.service .navigation small {
display: inline-block;
line-height: 1.3;
}
.service .service-responsive span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/responsive-light.svg); }
.service .active.service-responsive span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/responsive-dark.svg); }
.service .service-development span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/development-light.svg); }
.service .active.service-development span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/development-dark.svg); }
.service .service-identity span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/visual-identity-light.svg); }
.service .active.service-identity span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/visual-identity-dark.svg); }
.service .service-print span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/print-light.svg); }
.service .active.service-print span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/print-dark.svg); }
.service .service-hosting span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/hosting-light.svg); }
.service .active.service-hosting span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/hosting-dark.svg); }
.service .service-strategy span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/strategy-light.svg); }
.service .active.service-strategy span { background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/strategy-dark.svg); }
.service .details .navigation {
margin-left: -.25em;
margin-top: 0;
}
.service .details .navigation .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
padding-left: .25em;
padding-top: .25em;
}
.service .testimonials { padding: 0 0 1.5em; } .studio { overflow: hidden; }
.studio .intro { padding-bottom: 2.5em; }
.studio .services {
padding-top: 4em;
padding-bottom: 3em;
}
.studio .services h2.small {
margin-bottom: 1.5em;
color: #180c2e;
}
.studio .services .center:last-of-type { padding-bottom: 1px; }
.studio .services .btn { margin-top: 1em; }
.studio .services .service {
margin-right: auto;
margin-left: auto;
margin-top: .75em;
position: relative;
z-index: 2;
}
.studio .services .service img {
margin-bottom: .35em;
-webkit-box-shadow: 15px 15px 100px rgba(0,0,0,.3);
box-shadow: 15px 15px 100px rgba(0,0,0,.3);;
}
.studio .graphic.circle { bottom: 10%; }
.studio .services .letter.to-right { top: -25px; }
.studio .services .letter.to-left {
bottom: 400px;
left: -100px;
}
.studio .services .graphic.square {
left: -20%;
top: 20%;
}
.studio .services .graphic.triangle {
right: -20%;
bottom: 20%;
} .contact .advice { 
padding-bottom: 3em;
padding-top: 7em;
}
.contact .advice p.extra-large { font-size: 120%; }
.contact .advice .social-media { margin: 1em 0; }
.contact .message { margin-top: -2.5em; }
.contact .message .letter {
height: 100px;
bottom: 440px;
right: 10px;
}
.contact .message .graphic.square {
top: 30%;
left: -10%;
}
.contact .message .graphic.triangle {
bottom: 5%;
right: 10%;
}
.contact .copyright { padding: 1em 0; }
.top-shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 20em;
z-index: 3;
pointer-events: none;
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.top-shadow.lighten {
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.20211834733893552) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
} .error-page {
text-align: center;
overflow: hidden;
}
.error-page .container {
max-width: 30em;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.error-page .container.loaded {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.error-page .container img { width: 70px; }
.error-page .graphic.line { top: 20%; }
.error-page .graphic.triangle {
width: 50px;
bottom: 20%;
left: -20px;
}
.error-page .letter {
line-height: 0;
top: 50%;
right: 20%;
} .preload-hero {
height: 1px;
width: 1px;
position: absolute;
top: 0;
left: -10000em;
} .questionnaire { overflow: hidden; }
.questionnaire label,
.questionnaire small {
display: block;
margin: .5em 0;
}
.questionnaire label {
display: inline-block;
margin: .35em 0 .5em;
}
.questionnaire small {
color: rgba(255,255,255,.5);
line-height: 1.5;
margin-top: 0;
margin-bottom: .6em;
}
.questionnaire .attach small {
line-height: initial;
margin-bottom: initial;
}
.questionnaire .checkboxes label {
line-height: 1.35;
display: inline-block;
margin: 0 0 .5em;
}
.questionnaire p {
margin: .75em 0;
color: #EFEEF3;
}
.questionnaire textarea { height: 145px; }
.questionnaire form { padding: 0; }
.questionnaire .multiple-options {
margin-bottom: -.35em;
margin-top: .5em;
}
.questionnaire .multiple-options.margin-big { margin-top: 1em; }
.questionnaire .container { max-width: 55em; }
.questionnaire .section {
padding: .7em 1em .8em;
margin: 1.5em auto -.5em;
position: relative;
z-index: 3;
background: #180c2e;
}
.questionnaire .btn.big.arrow {
margin: 1.5em auto;
position: relative;
bottom: inherit;
left: inherit;
width: 100%;
display: block;
}
.questionnaire .vertical {
margin: 1.4em 0 .7em;
font-size: 90%;
}
.questionnaire .vertical li {
margin-top: .4em;
color: rgba(255,255,255,.4);
}
.questionnaire .vertical strong { color: rgba(255,255,255,.6); }
.questionnaire .logo-choose .flex .checkboxes li {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.questionnaire .logo img { margin: .75em auto .6em; }
.questionnaire .logo-choose img {
border: 1px solid rgba(255,255,255,.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-opacity: .6;
-moz-opacity: .6;
-ms-opacity: .6;
-o-opacity: .6;
opacity: .6;
}
.questionnaire .logo-choose .col { text-align: center; }
.questionnaire .title { margin: 1em 0; }
.questionnaire .title img { margin: 0; }
.questionnaire .title .flex {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin-bottom: -.8em;
}
.questionnaire .title .flex .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%; 
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.questionnaire .title .flex .horizontal {
float: right;
margin-right: -.3em;
}
.questionnaire .footer {
-webkit-opacity: .6;
-moz-opacity: .6;
-ms-opacity: .6;
-o-opacity: .6;
opacity: .6;
text-align: center;
margin-bottom: 1.5em;
}
.questionnaire .footer ul a { color: inherit; }
.questionnaire .letter {
z-index: 0;
top: 200px;
left: -35%;
}
.questionnaire .graphic.line {
top: 7em;
z-index: 1;
}
.questionnaire .graphic.triangle {
right: -20%;
bottom: 10em;
}
.copyright a:hover {
color: #fcda33;
}
.copyright.text-dark a:hover {
color: #180c3a;
opacity: 0.8;
} .general .smaller-container {
background: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 8px 40px rgba(0,0,0,.1);
box-shadow: 0 8px 40px rgba(0,0,0,.1);
margin: -2em 0 0;
padding: 1.2em 1.15em;
position: relative;
z-index: 2;
}
.general .article h1:first-of-type,
.general .article h2:first-of-type,
.general .article h3:first-of-type,
.general .article h4:first-of-type,
.general .article h5:first-of-type,
.general .article h6:first-of-type { margin-top: 0; }
.general .article .letter { bottom: 600px; }
.general .article .graphic.line { bottom: 15%; }
.general .article .graphic.triangle { bottom: 50%; }
.general .article aside { margin: 2em 0; }
.general .hide-on-mobile { margin-top: 1.5em; }
.cookie-alert-wrap {
position: fixed;
left: 0;
width: 100%;
z-index: 5;
text-align: center;
bottom: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
display: none;
}
.cookie-alert-wrap.loaded {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
display: block;
}
.cookie-alert {
position: relative;
background: #fcda33;
padding: .4em .6em .3em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin-bottom: .6em;
display: inline-block;
-webkit-box-shadow: 0 5px 40px rgba(0,0,0,.2);
box-shadow: 0 5px 40px rgba(0,0,0,.2);
}
.cookie-alert p {
margin: 0;
display: inline-block;
font-size: 98%;
line-height: 1.3;
}
.cookie-alert p a { text-decoration: underline; }
.acf-map {
width: 100%;
} .acf-map img {
max-width: inherit !important;
}
.wrapp-button-submit {
position: relative;
}
footer.tall .large li a:hover {
color: #fcda33;
}
footer.tall .large li a.btn:hover {
color: #fff;
}
.col-contact .col-button {
margin-top: 20px;
}
.studio .mascot {
z-index: 99999;
}
body.ovh #tawkchat-container {
display: none!important;
}
.website-request .call-to-action {
padding: .75em;
text-align: center;
background: white;
-webkit-box-shadow: 7px 7px 50px rgba(25,13,47,.2);
box-shadow: 7px 7px 50px rgba(25,13,47,.2);;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.website-request.dark .call-to-action {
background: transparent;
border: 1px solid #120922;
}  @media screen and (min-width: 22.500em) {
.intro .locations a strong {
font-size: 170%;
font-family: 'myr-200';
}
.home .testimonials .square {
top: 60px;
left: 20px;
}
.home .overview .graphic.square { bottom: -20px; }
.service-list { padding: 1.5em; }
.portfolio ul a {
height: 15em;
}
.project-slider-wrapper {
height: 12em;
width: 20em;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.project-slider-wrapper.load {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.project-slider {
top: 1.3em;
width: 13em;
height: 7.9em;
margin-left: -6.5em;
}
.project .next .table-cell { font-size: 110%; }
.project .identity .variation {
width: 50%;
float: left;
}
.people .flex .flex .col:last-of-type .member a { font-size: 120%; }
.studio .services .service { width: 19em; }
} @media screen and (max-width: 30.000em) {
.portfolio .flex.two.same-on-mobile .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;		
}
} @media screen and (min-width: 30.000em) {
.intro .title { width: 90%; }
.intro { padding-bottom: 4.5em; } .intro .title h1 { font-size: 280%; }
.intro .title ul { font-size: 90%; }
.intro.light.short-height .title { width: 100%; }
.letter { font-size: 35em; }
.select .active span {
max-width: 350px;
}
.select .active img {
top: .7em;
}
.left-is-larger .title,
.right-is-larger .title { margin-bottom: 2em; }
footer.short .horizontal li { width: 50%; }
.contact .faux-intro .letter { bottom: calc(1em + 400px); }
.home .testimonials .flex { padding-top: 11.5em; }
.home .testimonials .square {
top: 60px;
left: 30px;
}
.home .testimonials .title { margin-bottom: 1em; }
.home .mascot .zebraphant { margin-left: -6em; }
.home .services .graphic.square {
top: 30%;
right: 2em;
}
.home .intro h2 { font-size: 2.7em; }
.portfolio ul a { height: 12em; }
.portfolio .letter {
top: 12%;
right: -70px;
}
.projects .intro .graphic.circle { bottom: 20%; }
.projects .portfolio { margin-top: -3.5em; }
.project .responsive .tablet { height: 20em; }
.project .details { margin-top: -4em; }
.project-slider-wrapper {
height: 16em;
width: 27em;
}
.project-slider {
top: 1.6em;
width: 17.8em;
height: 11em;
margin-left: -8.9em;
}
.service-list h3 { font-size: 130%; }
.studio .service-list { margin-top: -7em; }
.people .flex.three.same-on-mobile .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.service .navigation a { padding: 0.8em; }
.service .navigation a span { margin-bottom: .75em; }
.studio .services { padding-top: 4em; }
.studio .services .letter.to-right { top: -35px; }
.questionnaire .logo-choose .col {
text-align: left;
position: relative;
}
.questionnaire .logo-choose img {
position: absolute;
margin: 0;
left: 1em;
top: 0;
}
.questionnaire .logo-choose ul {
min-height: 80px;
padding-left: 100px;
}
.intro .title.title-projects {
width: 100%;
}
} @media screen and (max-width: 34.955em) {
.service .testimonials .letter,
.project .testimonials .letter {
font-size: 5em;
height: 1em;
position: absolute;
bottom: 0;
right: 0;
}
.project .testimonials .letter { color: #3e2e5a; }
} @media screen and (min-width: 35.000em) {
.letter { font-size: 40em; }
.select .active span { max-width: 400px; }
footer.tall .social-media ul { margin-top: .75em; }
footer.tall .social-media li:first-child { margin-left: 0; }
footer.tall .social-media li {
display: inline-block;
margin-top: 0;
margin-left: 1em;
}
footer.tall .graphic {
right: 10%;
bottom: 7%;
}
footer.short .offices .flex .col:nth-child(1),
footer.short .offices .flex .col:nth-child(2) {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.offices { padding-bottom: 5em; }
.map-location .map {
bottom: inherit;
top: -5.5em;
}
.map-location iframe,
.map-location .acf-map { height: 15em; }
.map-location .image img { width: 100%; }
.offices .toggle {
width: calc(5em + 3px);
left: 50%;
margin-left: -2.5em;
bottom: 1.4em;
}
.intro {
padding-top: 8em;
padding-bottom: 5.5em;
}
.intro .title { width: 65%; }
.intro .title h1 { font-size: 290%; }
.intro .title ul { font-size: 95%; }
.left-is-larger .title,
.right-is-larger .title { margin-bottom: 2em; }
.intro .locations a { height: 20em; }
.intro .locations a strong { font-size: 200%; }
.intro.light.short-height {
padding-top: 7em;
padding-bottom: 3.5em;
}
.contact .faux-intro .letter { bottom: calc(1em + 480px); }
.portfolio .center.text-dark { margin-bottom: 3em; }
.service-list { padding: 2.5em; }
.service-list .flex.three.same-on-mobile .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.studio .service-list { margin-top: -6em; }
.project-mobile-slider-wrapper { height: 28em; }
.project-mobile-slider {
top: 5em;
left: calc(50% + 1px);
width: 10.6em;
height: 20.8em;
margin-left: -5.3em;
-webkit-border-radius: 0px 0px 24px  24px ;
-moz-border-radius: 0px 0px 24px  24px ;
-ms-border-radius: 0px 0px 24px 24px ;
-o-border-radius: 0px 0px 24px  24px ;
border-radius: 0px 0px 24px 24px ;
}
.browser-text {
top: 5em;
width: 14em;
}
.home .testimonials .letter {
top: 0%;
right: 20%;
}
.service .testimonials .flex,
.project .testimonials .flex  {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
}
.service .testimonials .letter,
.project .testimonials .letter {
position: relative;
left: -10px;
top: -15px;
font-size: 20em;
}
.home .testimonials {
margin-top: -4em;
padding-bottom: 2em;
}
.home .testimonials .square {
top: 40px;
left: 50px;
}
.home .testimonials .line { bottom: 12em; }
.service .testimonials .square {
top: initial;
right: initial;
bottom: 20px;
left: -10px;
}
.project .testimonials .circle {
left: initial;
right: 20px;
}
.clients-slider {
width: 15em;
position: absolute;
margin-top: 0;
margin-bottom: 0;
top: 35%;
right: 10px;
}
.clients-slider .item li a,
.clients-slider-two .item li .wrapp-single-client-logo { padding: 1em; }
.mascot {
max-width: 70%;
margin: 2em auto 1.5em;
}
.studio .mascot { max-width: 90%; } 
.home .services { padding-bottom: 5em; }
.home .overview { padding: 1.5em 0 8em; }
.home .overview .letter { top: -20px; }
.home .intro,
.top-banner.full-height  { height: 32em; }
.home .intro h2 { font-size: 3em; }
.project .responsive .tablet { height: 25em; }
.project .responsive .phone { height: 30em; }
.project .responsive .tablet .letter { top: 20%; }
.project .responsive .phone .letter { top: 25%; }
.project .responsive .tablet .letter,
.project .responsive .phone .letter { margin-right: -130px; }
.project .next a { height: 18em; }
.project .next .table-cell { font-size: 150%; }
.project .next .table-cell span { font-family: 'myr-200'; }
.project .details .extra-large { font-size: 150%; }
.projects .portfolio .center { margin: 2em 0; }
.service .testimonials { padding: 0 0 2em; }
.service .details { padding-bottom: 2em; }
.intro .title.title-projects {
width: 100%;
}
} @media screen and ( max-width: 39.9375em ) {
.flex.three.same-on-mobile .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.intro .title ul { margin-bottom: 1em; }
} @media screen and (min-width: 40.000em) {
.letter { font-size: 45em; }
.contact .faux-intro .letter { bottom: calc(1em + 150px); }
.select .active span {
max-width: 500px;
}
header .btn { margin-right: 4.3em; }
header .phone {
display: block;
float: left;
margin-top: .3em;
margin-right: 1.6em;
}
header .phone img { vertical-align: middle; }
.intro {
padding-top: 10em;
padding-bottom: 7em; }
.intro .title h1 { font-size: 380%; }
.dark.intro .title h1 { font-family: 'myr-100'; }
.intro .title ul { font-size: 100%; }
.faux-intro .letter { bottom: calc(1em - 120px); }
.intro .locations .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.intro .locations a strong { font-size: 150%; }
.projects .intro .graphic.circle {
bottom: 90%;
right: 20%;
}
.portfolio ul a { height: 14em; }
.service-list h3 { font-family: 'myr-200'; }
.studio .service-list { margin-top: -6.5em; }
.intro.light.short-height {
padding-top: 6.5em;
padding-bottom: 3em;
}
.intro.light.short-height .graphic.line { bottom: 10%; }
.project-slider-wrapper {
height: 22em;
width: 37em;
}
.project-slider {
top: 2.2em;
width: 24.6em;
height: 15em;
margin-left: -12.3em;
}
.people .flex.three.same-on-mobile .col {
-webkit-flex: 0 25%;
-moz-flex: 0 25%;
-ms-flex: 0 25%;
-o-flex: 0 25%;
flex: 0 25%;
width: 25%;
max-width: 25%;
}
.service .testimonials .letter,
.project .testimonials .letter {
left: -30px;
top: -30px;
font-size: 25em;
}
.home .testimonials { margin-top: -3.5em; }
.home .testimonials .line { bottom: 6em; }
.home .intro,
.top-banner.full-height  { height: 36em; }
.home .intro h2 { font-size: 3.4em; }
.project .responsive .tablet { height: 30em; }
.project .responsive .tablet .letter,
.project .responsive .phone .letter { margin-right: -170px; }
.project .intro { padding-bottom: 8em; }
.service .details { margin-top: -4.5em; }
.service .benefits li { padding: .75em 1em; }
.studio .intro { padding-bottom: 4em; }
.studio .services {
padding-top: 5em;
padding-bottom: 4em;
}
.studio .services .service { width: auto; }
.studio .services .service .flex {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
}
.studio .services .service .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.studio .services .service img {
width: 85%;
margin-bottom: 0;
}
.studio .services .service h4 { margin-top: 0; }
.studio .services .service p { margin-bottom: 0; }
.studio .services .btn { margin-top: 2em; }
.studio .services .letter.to-right { top: -50px; }
.studio .services .letter.to-left {
bottom: 350px;
left: -20%;
}
.contact .advice p.extra-large { font-size: 140%; }
.cookie-alert br { display: none; }
} @media screen and (min-width: 35em) and (max-width: 47.9375em) {
.testimonials .flex .col:nth-child(1),
.testimonials .flex.right-is-larger .col:nth-child(2) {
-webkit-flex: 0 60%;
-moz-flex: 0 60%;
-ms-flex: 0 60%;
-o-flex: 0 60%;
flex: 0 60%;
width: 60%;
max-width: 60%;
}
.testimonials .flex.right-is-larger .col:nth-child(1),
.project .testimonials .flex .col:nth-child(2) {
-webkit-flex: 0 40%;
-moz-flex: 0 40%;
-ms-flex: 0 40%;
-o-flex: 0 40%;
flex: 0 40%;
width: 40%;
max-width: 40%;
}
} @media screen and (max-width: 47.9375em) {
.flex.two.same-on-mobile .col,
.flex.four.same-on-mobile .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.flex.three.same-on-mobile .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.hide-on-mobile { display: none; }
header .menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background: #190d2f;
}
header .wrapper { 
max-width: 70%;
margin: 0 auto;
text-align: center;
}
header .below {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 1em;
}
header nav li a {
font-size: 180%;
font-family: 'myr-200';
text-transform: capitalize;
}
header nav li {
border-top: 1px dashed rgba(255,255,255,.1);
padding: 0.9em 0 0.45em;
}
header nav li:first-child {
padding-top: 0;
border: 0;
}
header .close {
display: block;
position: absolute;
top: 1em;
right: 1em;
}
header .language { padding-top: 1em; }
header .language a.active { color: rgba(255,255,255, .8); }
header .language a { color: rgba(255, 255, 255, .3); }
.text-dark nav li a {
color: white;
}
.faux-logo {
display: block;
position: absolute;
top: .75em;
left: 1em;
z-index: 4;
}
footer.tall h4 { display: none; }
footer .btn.text-dark {
width: 100%;
text-align: center;
}
footer .social-media {
float: right;
margin-top: .5em;
}
footer .social-media a { font-size: 80%; }
footer.tall .contact-details .col:nth-child(1) {
-webkit-flex: 0 60%;
-moz-flex: 0 60%;
-ms-flex: 0 60%;
-o-flex: 0 60%;
flex: 0 60%;
width: 60%;
max-width: 60%;
}
footer.tall .contact-details .col:nth-child(2) {
-webkit-flex: 0 40%;
-moz-flex: 0 40%;
-ms-flex: 0 40%;
-o-flex: 0 40%;
flex: 0 40%;
width: 40%;
max-width: 40%;
}
footer.short .offices .flex { padding-right: 5em; }
footer.short .offices .flex .col:last-child {
position: absolute;
top: 0;
right: 0;
}
footer.short .copyright {
text-align: left;
margin-top: .75em;
}
.faux-intro .letter {
-webkit-opacity: .7;
-moz-opacity: .7;
-ms-opacity: .7;
-o-opacity: .7;
opacity: .7;
}
.studio .intro .graphic.line { bottom: 80%; }
.questionnaire .checkboxes li {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.studio .service-list {
margin-top: -2em;
}
} @media screen and (min-width: 48.000em) {
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.802em; }
h4, blockquote { font-size: 1.424em; }
h5 { 
font-size: 1.125em;
line-height: 1.4;
}
h4 {
font-family: 'myr-200';
line-height: 1.4;
}
small { font-size: 100%; }
strong { font-family: 'myr-600'; }
label { font-size: 100%; }
p { font-size: 115%; }
form { padding: 1.5em; }
input[type="text"], input[type="email"],
input[type="password"], input[type="search"],
input[type="tel"], input[type="url"],
input[type="number"], input[type="date"],
input[type="time"], input[type="datetime"],
input[type="datetime-local"], input[type="week"],
input[type="month"], textarea, select,
input[type="submit"], button, .btn { font-size: 120%; }
input[type="submit"], button, .btn { padding-top: .75em; }
.btn.big.arrow { font-size: 160%; }
.medium { font-size: 120%; }
.large { font-size: 130%; }
.extra-large { font-size: 140%; }
.light h3, .yellow h3 { font-family: 'myr-200'; }
.light h4, .yellow h4,
.light h5, .yellow h5,
.light h6, .yellow h6 {
font-family: 'myr-400';
letter-spacing: .02em;
}
ul.horizontal {
margin-left: -.5em;
}
ul.horizontal li {
margin: .5em;
}
.flex { margin-left: -2em; }
.flex .col { padding-left: 2em; }
.flex.two .col,
.flex.four .col,
.flex.five .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.flex.three .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.left-is-larger.two .col:nth-child(1),
.right-is-larger.two .col:nth-child(2) {
-webkit-flex: 0 65%;
-moz-flex: 0 65%;
-ms-flex: 0 65%;
-o-flex: 0 65%;
flex: 0 65%;
width: 65%;
max-width: 65%;
}
.left-is-larger.two .col:nth-child(2),
.right-is-larger.two .col:nth-child(1) {
-webkit-flex: 0 35%;
-moz-flex: 0 35%;
-ms-flex: 0 35%;
-o-flex: 0 35%;
flex: 0 35%;
width: 35%;
max-width: 35%;
}
.left-is-larger.two.flip .col:nth-child(1),
.right-is-larger.two.flip .col:nth-child(2) {
-webkit-flex: 0 35%;
-moz-flex: 0 35%;
-ms-flex: 0 35%;
-o-flex: 0 35%;
flex: 0 35%;
width: 35%;
max-width: 35%;
}
.left-is-larger.two.flip .col:nth-child(2),
.right-is-larger.two.flip .col:nth-child(1) {
-webkit-flex: 0 65%;
-moz-flex: 0 65%;
-ms-flex: 0 65%;
-o-flex: 0 65%;
flex: 0 65%;
width: 65%;
max-width: 65%;
}
.left-is-larger.two.slightly .col:nth-child(1),
.right-is-larger.two.slightly .col:nth-child(2) {
-webkit-flex: 0 55%;
-moz-flex: 0 55%;
-ms-flex: 0 55%;
-o-flex: 0 55%;
flex: 0 55%;
width: 55%;
max-width: 55%;
}
.left-is-larger.two.slightly .col:nth-child(2),
.right-is-larger.two.slightly .col:nth-child(1) {
-webkit-flex: 0 45%;
-moz-flex: 0 45%;
-ms-flex: 0 45%;
-o-flex: 0 45%;
flex: 0 45%;
width: 45%;
max-width: 45%;
}
.left-is-larger.two.flip.slightly .col:nth-child(1),
.right-is-larger.two.flip.slightly .col:nth-child(2) {
-webkit-flex: 0 45%;
-moz-flex: 0 45%;
-ms-flex: 0 45%;
-o-flex: 0 45%;
flex: 0 45%;
width: 45%;
max-width: 45%;
}
.left-is-larger.two.flip.slightly .col:nth-child(2),
.right-is-larger.two.flip.slightly .col:nth-child(1) {
-webkit-flex: 0 55%;
-moz-flex: 0 55%;
-ms-flex: 0 55%;
-o-flex: 0 55%;
flex: 0 55%;
width: 55%;
max-width: 55%;
}
.flip {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.burger { display: none; }
.line { width: 300px; }
.graphic.triangle,
.graphic.circle,
.graphic.square {
width: 50px;
}
.letter { font-size: 50em; }
.contact .faux-intro .letter {
bottom: calc(1em + 75px);
right: 10%;
}
.short-height:after { height: 30em; }
form {
position: relative;
padding-bottom: calc(1.5em + 1.75em);
}
form .btn.big.arrow {
position: absolute;
top: inherit;
bottom: -1.3em;
left: calc(1em + 2px);
width: calc(100% - 2em - 4px);
}
.select .active a { font-size: 120%; }
.select .active span { max-width: 250px;}
.select .active img { top: .8em; }
.hide-on-tablet { display: none; }
header .btn { margin-right: 0; }
header .phone { display: none; }
header .menu { 
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0 14em 0 5.5em;
text-align: center;
height: 5.3em;
}
header li { 
display: inline-block; 
margin-left: 3em;
}
header li:first-child { margin-left: 0; }
header li a {
font-size: 120%;
text-transform: capitalize;
}
header .menu { display: block; }
.faux-logo { display: none; }
.text-dark.on-scroll .menu,
.text-light.on-scroll .menu { height: 3.6em; }
.text-dark.on-scroll .menu li a,
.text-light.on-scroll .menu li a { font-size: 105%; }
.offices { padding-bottom: 9em; }
.map-location .map {
top: inherit;
bottom: -8em;
}
.offices .toggle {
width: auto;
left: 0;
margin-left: 0;
bottom: 4.4em;
}
footer.tall h4 { display: none; }
footer.tall .btn {
display: block;
text-align: center;
}
footer.tall .link { display: inline-block; }
footer .left-is-larger.two.flip .col:nth-child(1),
footer .left-is-larger.two.flip .col:nth-child(2) {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
footer.tall .social-media ul {
float: right;
margin-top: 0;
}
footer.tall .social-media li {
display: block;
margin-left: 0;
margin-top: .75em;
}
footer.tall .social-media li a { font-size: 90%; }
footer.tall .large { font-size: 115%; }
footer.tall .link { font-size: 100%; }
.map-location iframe,
.map-location .acf-map { height: 10em; display: block; }
.copyright { margin-top: 3em; }
footer.tall .letter {
left: 0%;
top: 8%;
line-height: 0;
}
footer.short h5 { margin-top: 0em; }
footer.short ul.medium { font-size: 110%; }
footer.short .horizontal { padding-right: 2em; }
footer.short .horizontal li { width: 100%; }
footer.short .offices .flex { padding-right: 5em; }
footer.short .offices .flex .col:last-child {
position: absolute;
top: 0;
right: 0;
width: auto;
}
footer.short .offices .flex .col:nth-child(1),
footer.short .offices .flex .col:nth-child(2) {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.intro { padding-bottom: 7em; }
.intro .title {
width: 100%;
margin: 0;
}
.intro .title h1 { font-size: 400%; }
.intro .title h1 a { top: -.4em; }
.intro .title i { display: none; }
.contact .intro .left-is-larger h1 {
margin-bottom: 0;
max-height: .75em;
}
.intro .left-is-larger p { margin-bottom: 0; }
.intro .left-is-larger .col:nth-child(2) { position: relative; }
.intro .left-is-larger .col:nth-child(2) a {
position: absolute;
top: inherit;
bottom: 0;
right: 0;
}
.intro .graphic.line { bottom: 15%; }
.studio .intro .graphic.line { bottom: 45%; }
.faux-intro .letter {
bottom: calc(1em - 160px);
right: 0;
}
.intro .locations .flex { margin-left: -1em; }
.intro .locations .col {
padding-left: 1em;
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.intro .locations a { height: 23em; }
.intro .locations a strong { font-size: 200%; }
.projects .intro .graphic.circle {
bottom: 90%;
right: 37%;
}
.portfolio .flex {
margin-left: -.6em;
margin-top: -.6em;
margin-bottom: 2.5em;
}
.portfolio .flex .flex { margin-bottom: 0; }
.portfolio .col {
padding-left: .6em;
margin-top: .6em;
}
.portfolio ul a { height: 19em; }
.portfolio ul .title {
font-size: 160%;
bottom: 1.5em;
left: 1.5em;
right: 1.5em;
}
.portfolio .center.text-dark { margin-bottom: 3.5em; }
.projects .intro { padding-bottom: 12em; }
.projects .portfolio { margin-top: -6.5em; }
.intro.light.short-height { padding: 9em 0 5em; }
.intro.light.short-height .title {
text-align: left;
margin-bottom: 0;
}
.intro.light.short-height .title h1 {
display: block;
margin-bottom: 0;
}
.intro.light.short-height .right-is-larger .col:nth-child(2) { position: relative; }
.choose-form-tabs {
position: absolute;
bottom: 0;
left: 2em;
width: calc(100% - 2em);
}
.choose-form-tabs ul { margin-top: 0; }
.choose-form-tabs ul li { margin: 0 1em; }
.intro.light.short-height .title h1 { font-size: 270%; }
.intro.light.short-height .title h3 { font-size: 170%; }
.intro.light.short-height .right-is-larger .col:nth-child(1) {
-webkit-flex: 0 35%;
-moz-flex: 0 35%;
-ms-flex: 0 35%;
-o-flex: 0 35%;
flex: 0 35%;
width: 35%;
max-width: 35%;
}
.intro.light.short-height .right-is-larger .col:nth-child(2) {
-webkit-flex: 0 65%;
-moz-flex: 0 65%;
-ms-flex: 0 65%;
-o-flex: 0 65%;
flex: 0 65%;
width: 65%;
max-width: 65%;
}
.project .intro .title { margin-bottom: 0em; }
.project-slider-wrapper {
height: 26em;
width: 44em;
}
.project-slider {
top: 2.3em;
width: 29.6em;
height: 18.1em;
margin-left: -14.8em;
}
.project-mobile-slider-wrapper { height: 22em; }
.project-mobile-slider {
top: 3.8em;
left: calc(50% + 1px);
width: 8.3em;
height: 16.4em;
margin-left: -4.1em;
-webkit-border-radius: 0px 0px 16px 16px;
-moz-border-radius: 0px 0px 16px 16px;
-ms-border-radius: 0px 0px 16px 16px;
-o-border-radius: 0px 0px 16px 16px;
border-radius: 0px 0px 16px 16px;
}
.browser-text {
top: 3.8em;
width: 12.5em;
}
.website-request {
display: block;
padding-bottom: 1.5em;
}
.website-request .flex {
margin-left: -1em;
width: auto;
}
.website-request .flex .col {
padding-left: 1em;
align-self: center;
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
-o-align-self: center;
}
.website-request .flex .flex .col:nth-child(1) {
-webkit-flex: 0 55%;
-moz-flex: 0 55%;
-ms-flex: 0 55%;
-o-flex: 0 55%;
flex: 0 55%;
width: 55%;
max-width: 55%;
}
.website-request .flex .flex .col:nth-child(2) {
-webkit-flex: 0 45%;
-moz-flex: 0 45%;
-ms-flex: 0 45%;
-o-flex: 0 45%;
flex: 0 45%;
width: 45%;
max-width: 45%;
}
.website-request .flex .flex .col:nth-child(2) { text-align: right; }
.website-request h4 {
font-family: 'myr-400';
margin: 0;
font-size: 130%;
}
.website-request .btn {
font-size: 95%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.people .flex.two .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.home .testimonials .letter {
top: -10%;
right: 25%;
}
.service .testimonials .letter {
left: -46px;
top: -80px;
font-size: 40em;
}
.home .testimonials { margin-top: 1em; }
.home .testimonials .square {
top: 60px;
left: 100px;
}
.service .testimonials .square {
top: initial;
right: -10px;
bottom: 20px;
left: initial;
}
.project .testimonials .circle { right: 50%; }
.service .testimonials,
.project .testimonials {
padding: 3.5em 0;
}
.service .testimonials { padding: 0 0 3em; }
.service .details { padding-bottom: 3em; }
.home .testimonials { padding-bottom: 8em; }
.home .testimonials .title { margin-bottom: 1.5em; }
.home .testimonials blockquote { margin-bottom: 1.5em; }
.home .testimonials h2,
.home .services h1,
.home .overview h2 { font-size: 3.2em; }
.clients-slider {
width: 22em;
right: 20px;
top: 40%;
}
.clients-slider .owl-item img,
.clients-slider-two .owl-item img { 
height: 7em;
max-width: 100%;
margin: 0 auto;  }
.studio .service-list { margin-top: -3em; }
.home .services .flex.two.flip {
-webkit-align-items: top;
-moz-align-items: top;
-ms-align-items: top;
-o-align-items: top;
align-items: top;
margin-top: 2em;
margin-bottom: 2em;
}
.home .mascot {
max-width: 100%;
margin: 0;
}
.home .mascot .zebraphant { margin-left: -4em; }
.home .services { padding-bottom: 4em; }
.home .services .text { margin-bottom: 2.5em; }
.home .services .graphic.line { top: 60%; }
.home .services .graphic.square { top: 5%; }
.project .responsive .tablet,
.project .responsive .phone { height: 25em; }
.project .responsive .tablet .letter,
.project .responsive .phone .letter {
margin-right: -120px;
font-size: 500px;
top: 25%;
}
.project .identity { margin: 2em 0; }
.project .identity .flex.two {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
}
.project .identity .col:nth-child(2) { margin-top: 0; }
.project .next a { height: 23em; }
.project .next .table-cell { font-size: 200%; }
.project .next .table-cell small { font-size: 60%; }
.project .next .table-cell small { margin-bottom: .75em; }
.project .website-request { padding-bottom: 2em; }
.project .intro { padding-bottom: 12em; }
.project .details { margin-top: -8em; }
.project .details .extra-large { font-size: 200%; }
.projects .portfolio .center { margin: 2em 0 3em; }
.employment .application .flex.right-is-larger .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.requirements { margin-top: 3em; }
.application { padding-bottom: 5em; }
.employment .application { padding-bottom: 1em; }
.begin-project .letter {
left: 0%;
right: initial;
top: 20%;
bottom: initial;
}
.home .overview { padding: 2.5em 0 3.5em; }
.home .overview .letter {
top: 15%;
right: initial;
left: -50px;
}
.home .overview .graphic.square {
right: initial;
bottom: initial;
top: 50%;
left: 20%;
}
.home .story {
margin-top: 0;
margin-bottom: 3em;
}
.home .story .flex {
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
}
.home .story .flex.team-box {
flex-wrap: wrap;
justify-content: flex-start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
-o-align-items: flex-start;
}
.home .story .flex.team-box h4 {
margin-top: 0;
}
.home .story p {
font-size: 90%;
margin-bottom: .25em;
}
.home .story .graphic.circle { top: -2em; }
.home .intro,
.top-banner.full-height  { height: 40em; }
.home .intro h2 { font-size: 4em; }
.service .benefits img { width: 1.4em; }
.service .details .navigation { margin-top: -.25em; }
.service .details .navigation .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.service .navigation a span {
width: 3.5em;
height: 3.5em;
}
.studio .services { padding-top: 6em; }
.studio .services .service { margin-top: 1.5em; }
.studio .services .service p { font-size: 100%; }
.studio .services .service img { padding-right: 0; }
.studio .services .service .flex.left-is-larger .col:nth-child(1) { text-align: right;
}
.contact .advice {
padding-top: 7em;
padding-bottom: 0;
}
.contact .advice p.extra-large {
font-size: 200%;
font-family: 'myr-200';
margin-bottom: 0;
margin-top: .5em;
}
.contact .message { margin-top: 0; } .contact .message .fake_form { margin-top: -3em; }
.contact .copyright { padding: 1.5em 0 3em; }
.error-page .container img {
margin-bottom: 1.5em;
width: 100px;
}
.error-page p { margin: 2em 0; }
.error-page .graphic.triangle { left: -20%; }
.error-page .letter {
top: 40%;
right: 11%;
}
header .lang { display: block; }
.questionnaire .section {
padding: 1.4em 1.9em 1.3em;
margin: 0 auto;
}
.questionnaire .small-width { max-width: 25%; }
.questionnaire .logo-choose { margin: 1em 0 0em; }
.questionnaire .logo-choose img {
left: 2em;
width: 100px;
}
.questionnaire .logo-choose ul {
min-height: 100px;
padding-left: 120px;
margin-top: -3px;
margin-bottom: 1em;
}
.questionnaire .logo-choose .checkboxes li { padding-left: 2.5em; }
.questionnaire .btn.big.arrow { margin: 2em auto 1.5em; }
.questionnaire .title { margin: 2.3em 0 0; }
.questionnaire .footer .logo { text-align: left; }
.questionnaire .footer ul { text-align: right; }
.general .smaller-container { padding: 1.6em 2em 1em;}
.general .article aside { margin: 3em 0; }
.general .website-request { margin: 3em 0; padding-bottom: 0; }
header li {
margin-left: 2em;
}
} @media screen and (min-width: 48.000em) and (max-width: 73.125em) {
.intro .flex .col,
.intro .flex.right-is-larger .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.intro .flex .col.col-projects {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.intro .flex.single .col {
-webkit-flex: 0 75%;
-moz-flex: 0 75%;
-ms-flex: 0 75%;
-o-flex: 0 75%;
flex: 0 75%;
width: 75%;	
max-width: 75%;
}
.testimonials .author span { font-size: 120%; }
.project .identity .flex.two .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;	
max-width: 50%;
}
.intro .flex .col.col-projects { 
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
footer.short .offices .flex.three .col:first-child,
footer.short .offices .flex.three .col:nth-child(2) {
-webkit-flex: 0 80%;
-moz-flex: 0 80%;
-ms-flex: 0 80%;
-o-flex: 0 80%; 
flex: 0 80%;
width: 80%;
max-width: 80%; 
}
footer.short address {
margin-top: 0;
}
footer.short h5 {
margin-top: 20px;
margin-bottom: 0;
}
} @media screen and (min-width: 53.125em) {
.faux-intro .letter {
font-size: 60em;
right: 50px;
bottom: initial;
top: -150px;
}
.add-option a { top: .4em; }
.service-list { padding: 2.4em; }
.service-item {
position: relative;
text-align: left;
padding-left: 6.2em;
}
.service-list ul { margin-top: -3em; }
.service-list li { padding-top: 3em; }
.service-list .flex.three.same-on-mobile .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.service-item .img {
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
}
.service-item .img img {
width: 35px;
}
.service-item h3 {
font-size: 150%;
margin-top: 0;
}
.intro.light.short-height .title h1 { font-size: 300%; }
.choose-form-tabs ul li {
margin: 0 .25em;
vertical-align: top;
}
.choose-form-tabs ul a {
padding-left: 4.5em;
text-align: left;
width: 10em;
}
.choose-form-tabs i  {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
width: 3.5em;
height: 3.5em;
}
.choose-form-tabs span {
font-size: 170%;
font-family: 'myr-200';
}
.choose-form-tabs small {
display: block;
font-size: 80%;
}
.project .intro .title li { font-family: 'myr-400'; }
.project-slider-wrapper {
height: 29em;
width: 50em;
}
.project-slider {
top: 2.6em;
width: 34em;
height: 20.6em;
margin-left: -17em;
}
.project-slider-wrapper .owl-prev-alt,
.project-slider-wrapper .owl-next-alt,
.project-mobile-slider-wrapper .owl-prev-alt,
.project-mobile-slider-wrapper .owl-next-alt {
width: 3.5em;
height: 3.5em;
background-size: 1.6em 1.6em;
}
.browser-text {
top: 4.5em;
width: 12.5em;
font-size: 60%;
}
.website-request .call-to-action { padding: 1em; }
.website-request h4 { font-size: 128%; }
.website-request .btn { font-size: 100%; }
.people img { width: 100%; }
.people .flex.three.same-on-mobile .col {
-webkit-flex: 0 20%;
-moz-flex: 0 20%;
-ms-flex: 0 20%;
-o-flex: 0 20%;
flex: 0 20%;
width: 20%;
max-width: 20%;
}
.project .testimonials .letter { left: 0; }
.clients-slider {
width: 26em;
top: 37%;
}
.clients-slider .owl-nav,
.custom-slider-testimonials .owl-nav,
.clients-slider-two .owl-nav {
left: 1.5em;
margin-left: 0;
}
.custom-slider-testimonials .custom-slider-testimonials-img .owl-nav {
left: auto;
right: 39%;
bottom: 0em;
}
.project .website-request { padding-bottom: 3em; }
.home .overview .letter { left: -20px; }
.home .story .col:nth-child(2) { padding-right: 5%; }
.home .intro,
.top-banner.full-height  { height: 40em; }
.studio .services { padding-bottom: 5em; }
.studio .services .service { margin-top: 3em; }
.studio .services .service h4 {
font-size: 2em;
font-family: 'myr-200';
}
.studio .services .service p { font-size: 115%; }
.intro .flex .col.col-projects { 
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
} @media screen and (min-width: 60.000em) {
header .menu { padding: 0 19em 0 5.5em; }
.website-request .call-to-action { padding: 1.2em 1.2em 1.2em 1.4em; }
.website-request h4 {
font-size: 170%;
font-family: 'myr-200';
}
.website-request .flex .flex .col:nth-child(1) {
-webkit-flex: 0 60%;
-moz-flex: 0 60%;
-ms-flex: 0 60%;
-o-flex: 0 60%;
flex: 0 60%;
width: 60%;
max-width: 60%;
}
.website-request .flex .flex .col:nth-child(2) {
-webkit-flex: 0 40%;
-moz-flex: 0 40%;
-ms-flex: 0 40%;
-o-flex: 0 40%;
flex: 0 40%;
width: 40%;
max-width: 40%;
}
.service .testimonials .letter {
left: -75px;
top: -130px;
font-size: 50em;
}
.project .testimonials .letter {
top: -60px;
font-size: 32em;
}
.home .services { padding-bottom: 5em; }
.home .testimonials { margin-top: 2em; }
.home .testimonials .line { bottom: 6em; }
.service .testimonials,
.project .testimonials { padding: 4.5em 0; }
.service .testimonials { padding: 0 0 4.5em; }
.service .details { padding-bottom: 4.5em; }
.home .testimonials h2,
.home .services h1,
.home .overview h2 { font-size: 4em; }
.studio .mascot {
margin-top: 4em;
margin-bottom: 0;
}
.studio .mascot .background {
margin-top: -47%;
margin-left: -43%;
max-width: 100%;
}
.project .responsive .tablet .letter,
.project .responsive .phone .letter {
margin-right: -135px;
font-size: 600px;
top: 23%;
}
.project .next a { height: 25em; }
.project .details .horizontal li { font-family: 'myr-400'; }
.employment .application .flex.right-is-larger .col:nth-child(1) {
-webkit-flex: 0 65%;
-moz-flex: 0 65%;
-ms-flex: 0 65%;
-o-flex: 0 65%;
flex: 0 65%;
width: 65%;
max-width: 65%;
}
.employment .application .flex.right-is-larger .col:nth-child(2) {
-webkit-flex: 0 35%;
-moz-flex: 0 35%;
-ms-flex: 0 35%;
-o-flex: 0 35%;
flex: 0 35%;
width: 35%;
max-width: 35%;
}
.employment .application .requirements {
margin: 0;
font-size: 90%;
}
.employment .choose-form-tabs { padding-left: 1.5em; }
.requirements h4 {
font-size: 2em;
font-family: 'myr-200';
} .application { padding-bottom: 5em; }
.employment .application { padding-bottom: 5em; }
.employment .graphic.square,
.begin-project .graphic.square { 
top: initial;
left: initial;
bottom: 20%;
right: -5em;
}
.begin-project .letter {
top: 150px;
left: -10%;
}
.home .services .flex.two.flip .title { margin-top: 5.5em; }
.home .overview .letter {
top: -20px;
left: 4%;
}
.home .overview .graphic.square { top: 90%; }
.home .story p { font-size: 100%; }
.home .story .col:nth-child(2) { padding-right: 10%; }
.home .story .graphic.circle {
top: 4em;
left: -6em;
}
.home .story .graphic.triangle { right: 1em; }
.studio .services {
width: 55em;
margin-right: auto;
margin-left: auto;
padding-top: 7.5em;
}
.studio .services .letter.to-right { right: -20%;}
.studio .services .letter.to-left {
bottom: 400px;
left: -20%;
}
header .phone,
header .flag {
position: relative;
z-index: 2;
}
header .flag.active {
display: inline-block;
float: left;
margin-right: 3em;
margin-top: 1em;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 500px;
height: 30px;
}
header .flag:hover { cursor: pointer; }
.general .smaller-container { padding: 2em 2.3em; }
.intro .flex .col.col-projects { 
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.col-contact .col-button {
margin-top: 50px;
}
} @media screen and (min-width: 73.125em) {
h1 {
font-size: 5.688em;
font-family: 'myr-100';
}
h2 { 
font-size: 3.000em;
line-height: 1.5;
}
h3 { font-size: 2.083em; }
h4, blockquote { font-size: 1.8em; }
h5 { 
font-size: 1.244em;
line-height: 1.4;
}
h1, h2 {
line-height: 1;
}
h5 {
line-height: 1.4;
}
label {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
form { padding: 2.3em; }
.landingpage  .container { 
max-width: 70.125em;
}
input[type="text"], input[type="email"],
input[type="password"], input[type="search"],
input[type="tel"], input[type="url"],
input[type="number"], input[type="date"],
input[type="time"], input[type="datetime"],
input[type="datetime-local"], input[type="week"],
input[type="month"], textarea, select {
font-size: 130%;
font-family: 'myr-200';
padding-top: 0.63em;
letter-spacing: .025em;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
input:hover, textarea:hover, select:hover,
.select .active:hover, .attach:hover, .attach-second:hover,
.attach-third:hover { -webkit-box-shadow: 7px 7px 20px rgba(0,0,0,.2);
box-shadow: 7px 7px 20px rgba(0,0,0,.2);
}
.attach,
.attach-second,
.attach-third,
.select .active {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
input[type="submit"], button, .btn {
font-size: 130%;
padding-top: .8em;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
input[type="submit"]:hover, button:hover, .btn:hover {	
}
input[type="submit"]:hover { border-color: transparent; }
.btn.big.arrow {
font-size: 200%;
font-family: 'myr-200';
}
.btn.big.arrow img { padding: .9em; }
.btn.link:hover:before { width: 100%; }
.large {
font-size: 140%;
font-family: 'myr-200';
}
.yellow .large { font-family: 'myr-400'; }
.extra-large {
font-size: 150%;
font-family: 'myr-200';
}
.flex { margin-left: -2em; }
.flex .col { padding-left: 2em; }
.flex.four .col {
-webkit-flex: 0 25%;
-moz-flex: 0 25%;
-ms-flex: 0 25%;
-o-flex: 0 25%;
flex: 0 25%;
width: 25%;
max-width: 25%;
}
.flex.five .col {
-webkit-flex: 0 20%;
-moz-flex: 0 20%;
-ms-flex: 0 20%;
-o-flex: 0 20%;
flex: 0 20%;
width: 20%; 
max-width: 20%;
}
.container {
padding-left: 0;
padding-right: 0;
}
.line { width: 370px; }
.letter { font-size: 60em; }
.inclined-top:before,
.inclined-bottom:after { height: 21em; }
.short-height:after { height: 30em; }
.social-media .fb:hover { background: #3b5998; }
.social-media .tw:hover { background: #55acee; }
.social-media .pt:hover { background: #cb2027; }
.social-media .lk:hover { background: #0077B5; }
.social-media a:hover i { color: white; }
form { padding-bottom: calc(1.5em + 2.5em); }
.select .active a { font-size: 130%; font-family: 'myr-200'; }
.select .active span { 
max-width: 450px;
padding-top: .2em;
line-height: 1;
}
.select ul a:hover { background: rgba(255,255,255,.03); }
.checkboxes label:hover { color: rgba(255,255,255,1); }
.graphic.square,
.graphic.circle,
.graphic.triangle {
-webkit-transition: opacity 2.3s;
-o-transition: opacity 2.3s;
transition: opacity 2.3s;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
}
.graphic.line {
-webkit-transition: opacity 2.3s;
-o-transition: opacity 2.3s;
transition: opacity 2.3s;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
}
.graphic.square.opacity,
.graphic.circle.opacity,
.graphic.triangle.opacity,
.graphic.line.opacity {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
form .btn.big.arrow img {
position: relative;
right: 0;
-webkit-transition: right .3s;
-o-transition: right .3s;
transition: right .3s;
}
form .btn.big.arrow:hover img { right: -.3em; }
header { padding: 2.5em; }
header .phone {
display: block;
font-size: 120%;
margin-top: .5em;
margin-right: 3em;
}
header li { margin-left: 2em; }
header li a {
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
header li a,
header .phone {
font-size: 130%;
font-family: 'myr-200';
}
header.text-dark li a,
header.text-dark .phone { font-family: 'myr-400'; }
header li a:hover,
header.text-light li a:hover { color: #fcda33; }
header.header-empty li a:hover,
header.header-empty li.current-menu-item a {
color: #000!important;
} 
header.header-empty.on-scroll li a:hover,
header.header-empty.on-scroll li.current-menu-item a {
color: #fcda33!important;
}
header.on-scroll li a,
header.on-scroll .phone { font-family: 'myr-400'; }
header .phone { margin-right: 3em; }
header .menu {
padding: 0 32em 0 6.5em;
height: 8.5em;
}
footer .left-is-larger.two.flip .col:nth-child(1) {
-webkit-flex: 0 35%;
-moz-flex: 0 35%;
-ms-flex: 0 35%;
-o-flex: 0 35%;
flex: 0 35%;
width: 35%;
max-width: 35%;
}
footer .left-is-larger.two.flip .col:nth-child(2) {
-webkit-flex: 0 65%;
-moz-flex: 0 65%;
-ms-flex: 0 65%;
-o-flex: 0 65%;
flex: 0 65%;
width: 65%;
max-width: 65%;
}
footer.tall { padding: 7em 0; }
footer.tall h4 {
display: block;
font-size: 5.688em;
font-family: 'myr-100';
letter-spacing: 0;
margin-bottom: .15em;
margin-top: -.25em;
}
footer.tall h5 {
font-size: 2.083em;
font-family: 'myr-200';
line-height: 1.3;
}
footer.tall .large {
font-size: 130%;
font-family: 'myr-400';
}
footer.tall .social-media { overflow: hidden; }
footer.tall .social-media ul { margin-top: 1em; }
footer.short ul.medium { font-size: 120%; }
.offices { padding-bottom: 12em; }
.offices .toggle .center {
display: block;
margin-bottom: 1em;
}
.offices .toggle {
font-size: 1.1em;
bottom: 0;
padding-right: 1px;
}
.offices .toggle a {
width: 4em;
height: 3em;
padding-top: .75em;
}
.offices .toggle a:hover { color: #fcda33; }
.map-location { margin-right: 5em; }
.map-location .map {
bottom: -12em;
width: 65%;
}
.map-location iframe,
.map-location .acf-map { height: 17em; }
.map-location .image img { width: auto; }
footer .contact-details .left-is-larger.child .col:nth-child(1) {
-webkit-flex: 0 70%;
-moz-flex: 0 70%;
-ms-flex: 0 70%;
-o-flex: 0 70%;
flex: 0 70%;
width: 70%;
max-width: 70%;
}
footer .contact-details .left-is-larger.child .col:nth-child(2) {
-webkit-flex: 0 30%;
-moz-flex: 0 30%;
-ms-flex: 0 30%;
-o-flex: 0 30%;
flex: 0 30%;
width: 30%;
max-width: 30%;
}
footer.tall .letter {
line-height: 1;
width: 600px;
height: 1300px;
overflow: hidden;
left: -20%;
top: -70%;
font-size: 80em;
}
footer.tall .graphic {
right: 1em;
bottom: 1%;
}
footer {
-webkit-transition: background-color .5s;
-o-transition: background-color .5s;
transition: background-color .5s;
}
footer.tall .letter {
-webkit-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;	
}
footer.fb .letter,
footer.tw .letter,
footer.pt .letter,
footer.lk .letter {
-webkit-text-shadow: 25px 25px 98px rgba(255, 255, 255, 0.18);
-moz-text-shadow: 25px 25px 98px rgba(255, 255, 255, 0.18);
-ms-text-shadow: 25px 25px 98px rgba(255, 255, 255, 0.18);
-o-text-shadow: 25px 25px 98px rgba(255, 255, 255, 0.18);
text-shadow: 25px 25px 98px rgba(255, 255, 255, 0.18);
}
footer.fb .social-media a,
footer.tw .social-media a,
footer.pt .social-media a,
footer.lk .social-media a  { border-color: white; }
footer.fb .social-media a i,
footer.tw .social-media a i,
footer.pt .social-media a i,
footer.lk .social-media a i { color: white; }
footer.fb .social-media a:hover,
footer.tw .social-media a:hover,
footer.pt .social-media a:hover,
footer.lk .social-media a:hover { background: transparent; }
footer.fb { background: #3b5998; }
footer.fb .letter { color: #3b5998; }
footer.tw { background: #55acee; }
footer.tw .letter { color: #55acee; }
footer.pt { background: #cb2027; }
footer.pt .letter { color: #cb2027; }
footer.lk { background: #0077B5; }
footer.lk .letter { color: #0077B5; }
footer.short { padding: 2.5em 0 4.5em; }
footer.short h4 {
display: block;
font-size: 4em;
font-family: 'myr-100';
margin-bottom: 0;
}
footer.short .horizontal { margin-left: -2em; }	
footer.short .horizontal li {
width: auto;
padding-left: 2em;
}
footer.short .offices { margin-top: 1.5em; }
.intro {
padding-top: 12em; padding-bottom: 9em;
}
.intro.short-height { padding-bottom: 6em; }
.intro .title h1 { font-size: 5.688em; }
.intro.light .title h1 { font-family: 'myr-200'; }
.intro .title h3 {
font-size: 170%;
margin-bottom: .5em;
}
.intro .title h1 a {
font-family: inherit;
font-size: 100%;
top: 0;
position: relative;
}
.contact .intro .title h1 { font-size: 5em; }
.intro .title h1 a:hover:before{
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fcda33;
}
.intro .title p { margin: 2em 0 0; }
.intro .title ul { margin-top: 2.2em; }
.intro .title p.large { font-family: 'myr-200'; }
.intro .flex .col,
.intro .flex.right-is-larger .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.intro .flex .col.col-projects { 
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.contact .intro .left-is-larger .col:nth-child(2) a { bottom: .9em; }
.faux-intro .letter {
font-size: 80em;
bottom: initial;
top: -240px;
}
.service .faux-intro .letter {
top: -300px;
right: -10px;
}
.studio .intro .graphic.triangle {
bottom: inherit;
top: 20%;
}
.team .intro .graphic.triangle {
bottom: inherit;
top: -20%;
left: 55%;
}
.projects .intro .graphic.circle {
bottom: 10%;
right: 20%;
}
.intro .locations {
position: relative;
top: 40px;
width: 100%;
margin-bottom: 50px;
}
.intro .locations a {
height: 28em;
padding: 4em 4em 4em 6em;
-webkit-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.intro .locations a:hover {
-webkit-box-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
box-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
position: relative;
z-index: 2;
}
.intro .locations a small {
bottom: 4em;
left: 6.5em;
}
.intro .locations a strong {
font-size: 320%;
line-height: 1.3;
font-family: 'myr-100';
}
.contact .faux-intro .letter {
bottom: calc(1em - 200px);
right: inherit;
left: -30%;
} .contact .intro .title h1 { max-height: inherit; }
.contact .intro .title h1 a { color: white; }
.portfolio .flex {
margin-left: -.7em;
margin-bottom: 4em;
}
.portfolio .col {
padding-left: .7em;
margin-top: .7em;
}
.portfolio ul .title {
font-size: 200%;
bottom: 1.5em;
left: 1.5em;
}
.portfolio ul a {
height: 23em;
-webkit-transition: transform .2s;
-o-transition: transform .2s;
transition: transform .2s;
}
.portfolio ul a:hover {
-webkit-box-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
box-shadow: 25px 25px 98px rgba(0, 0, 0, 0.3);
-webkit-transform: scale(0.96) rotate(-0.5deg);
-moz-transform: scale(0.96) rotate(-0.5deg);
-ms-transform: scale(0.96) rotate(-0.5deg);
-o-transform: scale(0.96) rotate(-0.5deg);
transform: scale(0.96) rotate(-0.5deg);
position: relative;
z-index: 2;
}
.portfolio ul small { font-family: 'myr-200'; }
.portfolio .center.text-dark { margin-bottom: 4.5em; }
.portfolio .letter {
top: 10%;
right: -190px;
}
.projects .intro { padding-bottom: 15em; }
.projects .portfolio { margin-top: -9.5em; }
.service-list {
padding: 4.2em;
margin-bottom: 6em;
}
.service-list h3 { font-size: 180%; }
.studio .service-list { margin-top: -8em; }
.service-item {
font-size: 100%;
padding-left: 7.7em;
}
.service-list ul { margin-top: -3.6em; }
.service-list li { padding-top: 3.6em; }
.service-item .img {
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
}
.service-item .img img { width: 45px; }
.intro.light.short-height { padding: 11em 0 9em; }
.service-item h3 {
font-size: 185%;
margin-top: 0;
}
.intro.light.short-height .title h1 { font-size: 4.500em; }
.choose-form-tabs { bottom: 1em; }
.choose-form-tabs ul a {
width: 14em;
padding-left: 6em;
}
.choose-form-tabs ul li { margin: 0 .5em; }
.choose-form-tabs i {
width: 4.5em;
height: 4.5em;
}
.choose-form-tabs span { font-size: 190%; }
.choose-form-tabs small {
font-size: 90%;
font-family: 'myr-400';
}
.project-slider-wrapper {
height: 42em;
width: 100%;
}
.project-mobile-slider-wrapper { height: 34em; }
.project-slider {
top: 3.3em;
width: 49em;
height: 30em;
margin-left: -24.5em;
}
.project-mobile-slider { 
top: 5.9em;
left: calc(50% + 1px);
width: 12.9em;
height: 25.5em;
margin-left: -6.45em;
-webkit-border-radius: 0px 0px 32px 32px;
-moz-border-radius: 0px 0px 32px 32px;
-ms-border-radius: 0px 0px 32px 32px;
-o-border-radius: 0px 0px 32px 32px;
border-radius: 0px 0px 29px 29px; }
.project-slider-wrapper .owl-next-alt,
.project-slider-wrapper .owl-prev-alt {
background-color: transparent;
border: 2px solid white;
}
.project-slider-wrapper .owl-next-alt {
top: 20%;
right: 0;
}
.project-slider-wrapper .owl-prev-alt {
left: auto;
right: 0em;
top: calc(20% + 5em);
}
.project-mobile-slider-wrapper .owl-prev-alt { left: 12%; }
.project-mobile-slider-wrapper .owl-next-alt { right: 12%; }
.browser-text {
top: 4.6em;
width: 14.5em;
font-size: 90%;
}
.website-request h4 {
padding-top: .25em;
font-size: 200%;
font-family: 'myr-200';
}
.website-request .call-to-action { padding: 1.5em 1.5em 1.4em 1.5em; }
.website-request .btn {
font-size: 130%;
white-space: nowrap;
}
.website-request .flex .flex .col:nth-child(1) {
-webkit-flex: 0 62%;
-moz-flex: 0 62%;
-ms-flex: 0 62%;
-o-flex: 0 62%;
flex: 0 62%;
width: 62%;
max-width: 62%;
}
.website-request .flex .flex .col:nth-child(2) {
-webkit-flex: 0 38%;
-moz-flex: 0 38%;
-ms-flex: 0 38%;
-o-flex: 0 38%;
flex: 0 38%;
width: 38%;
max-width: 38%;
}
.people .flex.two .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.people img { width: auto; }
.people .flex.three { margin-top: -31em; }
.people .flex.three.same-on-mobile .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.people .member:hover .overlay,
.people .member.active .overlay {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.white .testimonials blockquote,
.yellow .testimonials blockquote { font-family: 'myr-200'; }
.testimonials .author span { font-size: 130%; }
.home .testimonials .letter {
top: 7%;
right: 20%;
}
.service .testimonials .letter,
.project .testimonials .letter {
left: -75px;
top: -140px;
font-size: 60em;
}
.service .testimonials .letter { top: -180px; }
.project .testimonials .flex .col:nth-child(1) {
-webkit-flex: 0 55%;
-moz-flex: 0 55%;
-ms-flex: 0 55%;
-o-flex: 0 55%;
flex: 0 55%;
width: 55%;
max-width: 55%;
}
.project .testimonials .flex .col:nth-child(2) {
-webkit-flex: 0 45%;
-moz-flex: 0 45%;
-ms-flex: 0 45%;
-o-flex: 0 45%;
flex: 0 45%;
width: 45%;
max-width: 45%;
}
.home .testimonials .flex { padding-top: 21em; }
.home .testimonials {
margin-top: -9em;
padding-bottom: 9.5em;
}
.home .testimonials .title { margin-bottom: 2.2em; }
.home .testimonials blockquote { margin-bottom: 1.7em; }
.home .testimonials h3,
.home .services h3,
.home .overview h3 {
margin-bottom: .7em;
font-size: 2em; 
}
.home .testimonials h2,
.home .services h1,
.home .overview h2 {
font-size: 5.588em;
letter-spacing: 0;
}
.home .testimonials .square {
top: 400px;
left: -140px;
}
.service .testimonials .square {
top: 10px;
right: 20px;
bottom: initial;
left: initial;
}
.service .testimonials,
.project .testimonials {
padding: 7em 0;
}
.service .testimonials { padding: 0 0 7em; }
.service .details { padding-bottom: 6.5em; }
.clients-slider {
width: 40%;
top: 44%;
right: 4%;
}
.clients-slider .owl-nav,
.custom-slider-testimonials .owl-nav,
.clients-slider-two .owl-nav { bottom: -2em; }
.home .mascot .background {
margin-top: -26%;
margin-left: -40%;
}
.home .services h1 { margin-bottom: .75em; }
.home .services ul.horizontal { margin-left: -1.5em; }
.home .services ul.horizontal li { margin: 1.5em; }
.state-en .home .services ul.horizontal li {
margin: 1.5em 0.5em 1.5em 1.5em;
}
.home .services .text { margin-bottom: 4em; }
.home .services .graphic.line { top: 17%; }
.home .services .graphic.square {
top: 50%;
right: 0;
}
.project .responsive .tablet,
.project .responsive .phone { height: 40em; }
.project .responsive .tablet .letter,
.project .responsive .phone .letter {
margin-right: -225px;
font-size: 60em;
top: 20%;
}
.project .identity { margin: 4em 0; }
.project .identity .flex.two .col:nth-child(1) {
-webkit-flex: 0 55%;
-moz-flex: 0 55%;
-ms-flex: 0 55%;
-o-flex: 0 55%;
flex: 0 55%;
width: 55%;
max-width: 55%;
padding-right: 1.5em;
}
.project .identity .flex.two .col:nth-child(2) {
-webkit-flex: 0 45%;
-moz-flex: 0 45%;
-ms-flex: 0 45%;
-o-flex: 0 45%;
flex: 0 45%;
width: 45%;
max-width: 45%;
}
.project .identity .variation { height: 15em; }
.project .identity .variation img { width: 150px; }
.project .next a { height: 35em; }
.project .next a:hover i {
-webkit-opacity: .25;
-moz-opacity: .25;
-ms-opacity: .25;
-o-opacity: .25;
opacity: .25;
}
.project .next .table-cell { font-size: 220%; }
.project .next .table-cell span { font-size: 150%; }
.project .next .table-cell img {
font-size: 80%;
margin-left: .25em;
}
.project .website-request { padding-bottom: 4em; }
.project .intro { padding-bottom: 28em; }
.project .details { margin-top: -22em; }
.project .details h2 { margin: 1.5em 0; }
.project .details .extra-large { font-size: 230%; }
.project .responsive { margin-top: 4em; }
.project .details .social-media { margin-top: 1.25em; }
.projects .portfolio .center { margin: 2em 0 6em; }
.employment .application .requirements {
font-size: 100%;
padding: .5em 1.5em;
}
.application {
margin-top: -4em;
padding-bottom: 9em;
}
.employment .application { padding-bottom: 9em; }
.employment,
.begin-project { background-color: #fcda33; }
.begin-project .letter {
color: #fcda33;
-webkit-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
-o-text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
text-shadow: 25px 25px 98px rgba(255, 90, 0, 0.3);
top: 100px;
}
.home .overview { padding: 5em 0 10em; }
.home .overview .letter {
font-size: 80em;
top: -60px;
left: -11%;
}
.home .overview .graphic.square { top: 50%; }
.home .story {
margin-top: -5em;
overflow: hidden;
margin-bottom: 3.5em;
}
.home .team-pic .btn {
position: absolute;
width: 6em;
height: 6em;
top: 3em;
left: -3em;
margin-left: 0;
padding-top: 1.9em;
}
.home .team-pic small { text-align: right; }
.home .story .graphic.triangle {
right: -6em;
bottom: 1em;
}
.home .portfolio { margin-bottom: 2em; }
.home .portfolio .center h2 { font-family: 'myr-200'; }
.home .intro,
.top-banner.full-height  { height: 48em; }
.home .intro h2 {
font-size: 5.588em;
font-family: 'myr-200';
letter-spacing: 0;
margin-bottom: .18em;
}
.home .intro .graphic.triangle { left: 20em; }
.home .intro .graphic.line {
bottom: initial;
top: 20%;
}
.service .intro .graphic.line {
bottom: initial;
top: 40%;
}
.service .intro .title p { margin: 2.25em 0 0; }
.service .intro .title i {
width: 4em;
height: 4em;
border: 1px solid white;
padding-top: .65em;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
}
.service .details .navigation .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.service .benefits { margin-right: 3em; }
.people {
overflow: visible;
margin-bottom: 3em;
}
.team .website-request { padding-bottom: 4.5em; }
.team .intro { padding-bottom: 12em; }
.people .letter {
font-size: 60em;
right: initial;
top: initial;
bottom: 106%;
left: 3%;
}
.people .graphic.circle {
right: inherit;
bottom: inherit;
top: 20%;
left: -10%;
}
.people .flex .flex .col:last-of-type .member a:hover img { margin-left: 5%;}
.studio .intro { z-index: 2; }
.studio .intro .graphic.line { bottom: 25%; }
.studio .service-list {
position: absolute;
bottom: -29em;
left: 0;
width: 100%;
}
.studio .services {
padding-top: 25em;
padding-bottom: 6em;
}
.studio .services .service h4 {
font-size: 3em;
line-height: 1.2;
margin-bottom: .25em;
}
.studio .services  .service { margin-top: 5.75em; }
.studio .services .btn { margin-top: 4em; }
.studio .graphic.circle {
bottom: 20%;
right: 10%;
}
.studio .services .letter.to-right {
right: -60%;
z-index: 0;
}
.studio .services .letter.to-left { left: -70%; }
.contact .advice { padding-top: 7.5em; }
.contact .advice p.extra-large, .contact .message .fake_form { margin-right: 3em; }
.contact .message { margin-top: 0; } .contact .message .fake_form { margin-top: -5.5em; } 
.contact .message .letter { right: 1%; }
.contact .message .graphic.triangle { right: 5%; }
.contact .copyright { padding: 3em 0 4em; }
footer.tall .contact-details { margin-top: 1em; }
.service .benefits img { margin-top: -.2em; }
.project .details .flex.two { margin-top: -1em; }
.error-page .graphic.triangle { left: -30%; }
.error-page .letter {
top: 30%;
right: -15%;
font-size: 80em;
}
header .lang { right: -2.1em; }
.general .article aside { margin: 3.5em 0; }
}
@media screen and (min-width: 75em) {
header li {
margin-left: 2em;
}
}
@media screen and (min-width: 80em) {
header li {
margin-left: 4em;
}
} @media screen and (min-width: 100em) {
.clients-slider {
width: 43.5em;
right: 4.5%; 
} 
.home .intro,
.top-banner.full-height  { height: 50em; }
.contact .message .graphic.triangle { right: -5%; }
header li {
margin-left: 4em;
}
}*:focus {
outline: none!important;
}
.ow {
overflow: hidden;
}
.onload {
position: relative;
min-height: 650px;
}
.onload .onload_loading {
height: 550px;
text-align: center;
position: absolute; 
left: 0;
top: 0;
width: 100%;
z-index: 99;
}
.onload .onload_loading img {
margin-top: 200px;
margin-bottom: 200px;
width: 150px; 
}
.onload .onload_hide {
display: none; 
}
.load_more_projects_wrapp {
position: relative;
}
.load_more_projects_wrapp.hidden .load_more_projects {
display: none;
}
.load_more_projects_wrapp img { 
width: 50px;
display: block;
margin: 22px auto 0 auto;
display: none;
}
.wrapp_gif {
display: inline-block;
width: 100%;
}
.filter_projects li a {
padding: 16px 22px 12px 22px!important;
line-height: 1em!important;
}
.individual_bottom_buttons {
padding-top: 4em;
} .checkbox_wrapp input[type='checkbox'],
.radio_wrapp input[type='radio'] {
position: relative;
z-index: -9999;
display: inline-block;
opacity: 0;
}
.checkbox_wrapp label,
.radio_wrapp label {
vertical-align: top;
display: inline-block;
width: 100%;
position: relative;
}
.checkbox_wrapp label span.wpcf7-list-item-label,
.radio_wrapp label span.wpcf7-list-item-label {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.checkbox_wrapp label:hover span.wpcf7-list-item-label,
.radio_wrapp label:hover span.wpcf7-list-item-label {
color: #fff;
}
.checkbox_wrapp span {
display: inline-block;
width: 100%;
}
.checkbox_wrapp span.wpcf7-list-item,
.radio_wrapp span.wpcf7-list-item {
margin-left: 0;
}
.checkbox_wrapp span.wpcf7-list-item-label,
.radio_wrapp span.wpcf7-list-item-label {
padding-left: 10px; width: calc(100% - 33px)!important;
display: inline-block!important;
position: relative;
vertical-align: top;
}
.checkbox_wrapp span.wpcf7-list-item-label a,
.radio_wrapp span.wpcf7-list-item-label a  {
color: #fff;
text-decoration: underline;
}
.checkbox_wrapp span.wpcf7-list-item-label a:hover ,
.radio_wrapp span.wpcf7-list-item-label a:hover {
color: #fdd425;
}
div.wpcf7 .ajax-loader {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/loading-purple-dark.gif);
width: 40px;
height: 40px;
background-position: center center;
background-size: 30px;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: -35px;
}
div.wpcf7-response-output,
.show-errors-comment .error,
.add_success {
border: none;
padding: 12px 12px 10px 43px;
margin: 0 0 17px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok,
.show-errors-comment .error,
.add_success  {
background: #ff4800;
position: relative;
z-index: 999;
}
.hide_success_message div.wpcf7-mail-sent-ok {
display: none!important;
}
span.wpcf7-not-valid-tip {
display: none!important;
}
.wpcf7-not-valid {
border: 1px solid #ff4800!important;
}
.wpcf7-not-valid.wpcf7-acceptance {
border: none!important;
}
.wpcf7-not-valid  .wpcf7-list-item-label,
.wpcf7-not-valid  .wpcf7-list-item-label a {
color:  #ff4800!important;
}
.cf7mls-invalid input[type="text"],
.cf7mls-invalid input[type="email"],
.cf7mls-invalid input[type="tel"],
.cf7mls-invalid textarea { 
border: 1px solid #ff4800!important;
}
.only_contact .wrapp-button-submit,
.only_job .wrapp-button-submit {
margin-top: 16px;
} 
.wrapp-button-submit input.submit-btn {
position: relative;
width: 100%;
background-color: #FFD926;
border-color: #FFD926;
color: #230f47;
font-family: 'myr-400';
padding-right: 100px;
font-size: 32px;
}
.wrapp-button-submit .arrow-submit {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 85px;
background: #EDCD40;
line-height: 107px;
text-align: center;
cursor: pointer;
}
.wrapp-button-submit .arrow-submit:before {
content: "";
width: 40px;
height: 30px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-purple.svg);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
} div.wpcf7-mail-sent-ok {
background: #398f14;
}
div.wpcf7-mail-sent-ok:before {
content: '\e801'!important;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
position: absolute;
left: 14px;
top: 13px; 
}
div.wpcf7-validation-errors:before, 
div.wpcf7-acceptance-missing:before,
.show-errors-comment .error:before {
content: '\e800';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
position: absolute;
left: 14px;
top: 13px;
}
.style-checkbox,
.style-radio {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: rgba(255,255,255,.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s; }
.style-checkbox.active,
.style-radio.active {
background: #ffda21; }
.wrapp-portfolio .portfolio_single   {
display: none;
width: 100%;
}
.wrapp-portfolio .portfolio_single.active {
display: inline-block;
}
.wrapp-portfolio .portfolio_single.last .wpcf7-form-control-wrap {
width: calc(100% - 40px);
float: left;
}
.wrapp-portfolio .portfolio_single.last .add_more {
width: 40px;
float: left;
position: relative;
cursor: pointer;
}
.wrapp-portfolio .portfolio_single.last .add_more.disabled {
opacity: 0.1;
cursor: initial;
}
.wrapp_portfolio_urls .add_more {
position: relative;
cursor: pointer;
padding-left: 25px;
color: rgba(255, 255, 255, .5);
}
.wrapp-portfolio .portfolio_single.last .add_more:after,
.wrapp_portfolio_urls .add_more:before {
content: "";
display: inline-block;
width: 24px;
height: 21px; background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/plus.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 25px;
}
.wrapp_portfolio_urls .remove_more:after {
content: "";
display: inline-block;
width: 100%;
height: 100%;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/close-icon.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 14px;
}
.wrapp_portfolio_urls .add_more:before {
position: absolute;
left: 0;
top: 3px;
background-position: initial;
background-size: 15px;
}
.wrapp_portfolio_urls .add_more.disabled {
opacity: 0.1;
cursor: initial;
}
.wrapp_portfolio_urls .portfolio_single.not_visible_first,
.wrapp_portfolio_urls .portfolio_single.not_visible_first input[type="text"] {
margin-bottom: 0!important;
}
.wrapp_portfolio_urls .portfolio_single.not_visible_first .wpcf7-form-control-wrap {
width: calc( 100% - 40px);
float: left;
}
.wrapp_portfolio_urls .portfolio_single.not_visible_first .remove_more {
float: left;
width: 40px;
height: 46px;	
}
.cf7mls_next.action-button, 
.cf7mls_back.action-button {
margin-left: 0;
margin-right: 0;
}
#contact {
position: relative;
left: 0;
display: inline-block;
width: 100%;
}
.wrapp_qnt_button {
display: inline-block;
width: 100%;
height: 180px;
margin-top: 60px;
}
.checkbox_request .checkbox_wrapp {
display: inline-block;
width: 100%;
text-align: right;
}
.checkbox_request .checkbox_wrapp .wpcf7-list-item {
display: inline-block;
width: auto;
margin-left: 30px;
}
.radio_wrapp span.wpcf7-list-item {
margin-right: 20px;
}
.box_file {
position: relative;
padding: 50px 20px;
color: #EFEEF3;
background: #211636;
border: 1px solid #B2B3B3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
text-align: center;
margin-bottom: .5em;
}
.box_file.has-advanced-upload {
-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box_file.is-dragover {
outline-offset: -20px;
outline-color: #c8dadf;
background-color: #3b2b5c;
}
.box__dragndrop, .box__icon {
display: none;
}
.box_file.has-advanced-upload .box__dragndrop {
display: inline;
}
.box_file span.extra-infos {
position: absolute;
right: 6px;
bottom: 4px;
color: rgba(255,255,255,.5);
font-size: 14px;
}
.box__input  span.wpcf7-not-valid-tip {
display: block!important;
margin-top: 9px;
}
@-webkit-keyframes appear-from-inside {
from {
-webkit-transform: translateY( -50% ) scale( 0 );
}
75% {
-webkit-transform: translateY( -50% ) scale( 1.1 );
}
to {
-webkit-transform: translateY( -50% ) scale( 1 );
}
}
@keyframes appear-from-inside {
from {
transform: translateY( -50% ) scale( 0 );
}
75% {
transform: translateY( -50% ) scale( 1.1 );
}
to {
transform: translateY( -50% ) scale( 1 );
}
}
.js .box__file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.js .box__file + label {
max-width: 80%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
}
.js .box__file + label:hover strong, 
.box__file:focus + label strong, 
.box__file.has-focus + label strong {
color: #39bfd3;
}
.js .box__file:focus + label, 
.js .box__file.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.js .box__file + label * {  }
.no-js .box__file + label {
display: none;
}
.no-js .box__button {
display: block;
}
.box__button {
font-weight: 700;
color: #e5edf1;
background-color: #39bfd3;
display: none;
padding: 8px 16px;
margin: 40px auto 0;
}
.box__button:hover, .box__button:focus {
background-color: #0f3c4b;
}
.wpcf7-acceptance span.wpcf7-list-item-label {
position: relative;
}
.checkbox_wrapp span.wpcf7-list-item-label a {
position: relative;
top: 1px;
margin-left: 0;
z-index: 9999;
display: inline-block;
left: auto;
}
.wrapp-portfolio .portfolio_single.not_visible_first {
margin-bottom: 7px;
}
.checkbox_wrapp.group_two span.wpcf7-list-item ,
.radio_wrapp.group_two span.wpcf7-list-item  {
width: 50%;
float: left; 
}
.checkbox_wrapp.group_three span.wpcf7-list-item {
width: 33.33%;
float: left; 
padding-left: 0.5em;
}
.checkbox_wrapp.group_three span.wpcf7-list-item:nth-child(3n+1){
padding-left: 0;
}
.radio_wrapp.group_two span.wpcf7-list-item {
margin-right: 0;
}
.questionnaire .checkbox_wrapp .wpcf7-not-valid,
.questionnaire .radio_wrapp .wpcf7-not-valid {
border: none!important;
}
.questionnaire .checkbox_request label {
background-color: transparent;
border: 1px solid rgba(255,255,255,.1);
color: white; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-size: 21px;
display: inline-block;
padding: .8em 1.1em .7em;
line-height: 1.2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
letter-spacing: .02em;
margin-left: 0;
}
.questionnaire .checkbox_request label:hover span.wpcf7-list-item-label {
color: white;
}
.questionnaire .checkbox_request label.active {
background: #fcda33;
color: #180c2e;
border-color: rgba(255,255,255,.1);
}
.questionnaire .checkbox_request label.active:hover span.wpcf7-list-item-label {
color: #180c2e;
}
.questionnaire .checkbox_request label span {
margin-left: -18px;
text-transform: capitalize;
width: auto!important;
} 
.questionnaire .checkbox_request label .style-checkbox {
display: none!important; 
}
.file_attach .attach small {
width: auto;
}
.file_attach input[type="file"] {
display: none;
}
.box_file.has-advanced-upload {
padding: 0;
margin-bottom: 1em;
}
.box_file.has-advanced-upload label {
padding: 60px 20px;
width: 100%;
position: relative;
z-index: 999;
margin-bottom: 0;
display: block;
margin: 0;
line-height: 1;
overflow: hidden;
}
.box_file.has-advanced-upload .remove-actual-file {
position: absolute;
right: 3px;
top: 3px;
width: 25px;
height: 25px;
display: inline-block;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/close-icon.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
z-index: 999999;
display: none;
}
.box__input {
position: relative;
}
.box__input  .initial-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.multiple_checkbox {
display: inline-block;
width: 100%;
}
.multiple_checkbox .multiple_checkbox_single {
width: 50%;
float: left;
}
.multiple_checkbox .multiple_checkbox_single img {
border: 1px solid rgba(255,255,255,.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-opacity: .6;
-moz-opacity: .6;
-ms-opacity: .6;
-o-opacity: .6;
opacity: .6;
width: 100px;
float: left;
}
.multiple_checkbox .multiple_checkbox_single .checkbox_wrapp {
float: left;
width: calc(100% - 100px);
padding-left: 20px;
padding-top: 7px;
padding-right: 10px;
}
.questionnaire .multiple_checkbox .multiple_checkbox_single .checkbox_wrapp small {
padding-left: 32px;
}
.wrapp_select {
position: relative;
}
.wrapp_select:after {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/input-down-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
position: absolute;
right: 12px;
top: 18px;
-webkit-opacity: .3;
-moz-opacity: .3;
-ms-opacity: .3;
-o-opacity: .3;
opacity: .3;
} 
.wrapp_select select {
padding-right: 33px;
font-size: 21px;
padding-top: 14px;
padding-bottom: 8px;
}
.wrapp_select select option { 
font-size: 16px;
padding: 5px 2px;
min-height: 1em;
line-height: 1.6em;
}
.wrapp-portfolio.mixt_structure {
margin-top: 20px;
}
.text-slider ul li {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#job-form {
margin-left: 1.5em;
}
.radio_wrapp_large .style-radio {
display: none!important; 
}
.radio_wrapp_large {
margin-top: -28px;
margin-bottom: 10px;
}
.radio_wrapp_large span.wpcf7-list-item-label {
background-color: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
width: 100%!important;
text-align: center;
margin-left: 0;
padding: 12px 10px 9px 10px;
border: 1px solid #B2B3B3;
}
.radio_wrapp_large label.active  span.wpcf7-list-item-label,
.radio_wrapp_large label:hover span.wpcf7-list-item-label {
background: #fcda33;
border-color: #fcda33;
color: #180c2e;
}
.radio_wrapp_large label span.wpcf7-list-item-label {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.wrapp_my_form_steps fieldset {
position: relative;
}
.wrapp_my_form_steps fieldset button,
.cf7mls_next.action-button, 
.cf7mls_back.action-button {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;	
position: relative;
width: 100%;
font-size: 32px;
padding: 26px 20px 20px 20px; 
padding-right: 100px;
background-color: #FFD926!important;
border-color: #FFD926;
color: #230f47!important;
font-family: 'myr-200';
}
button.cf7mls_btn:not(.disabled).sending:not(.expand) {
text-align: center;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_back.action-button {
width: 49%!important;
left: 0;
font-size: 24px;
text-align: center;
padding-right: 20px;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_next.action-button  {
width: 49%!important;
right: 0;
font-size: 24px;
text-align: center;
padding-right: 20px;
}
.wrapp_my_form_steps .submit-button {
width: 49%;
float: right;
margin-top: 9px;
}
.wrapp_my_form_steps .wrapp-button-submit input.submit-btn {
font-size: 23px;
padding-top: 25px;
padding-bottom: 20px;
}
.wrapp_my_form_steps .cf7mls_next .arrow-submit,
.wrapp_my_form_steps .cf7mls_back .arrow-left {
position: absolute;
top: 0px;
right: 0;
width: 100px;
height: 84px;
background: #EDCD40;
line-height: 107px;
text-align: center;
cursor: pointer;
}
.wrapp_my_form_steps .cf7mls_back .arrow-left {
left: 0;
}
.wrapp_my_form_steps .cf7mls_next .arrow-submit:before,
.wrapp_my_form_steps .cf7mls_back .arrow-left:before,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .arrow-left:before,
.wrapp_my_form_steps input[type="button"] .arrow-left:before {
content: "";
width: 40px;
height: 30px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-purple.svg);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.wrapp_my_form_steps .cf7mls_back .arrow-left:before {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-left-purple.svg);
}
.wrapp_my_form_steps button.sending .arrow-submit {
display: none!important;
} 
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button .arrow-left,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_back.action-button .arrow-left,
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button .arrow-submit,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_next.action-button .arrow-submit { 
width: 54px;
height: 74px;
line-height: 95px;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button .arrow-left:before,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_back.action-button .arrow-left:before,
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button .arrow-submit:before,
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_next.action-button .arrow-submit:before {
width: 20px;
height: 22px;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] input[type="button"]{
padding: 20px 20px 15px 20px;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button, 
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_back.action-button {
padding-left: 74px;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button {
padding-right: 74px;
float: right;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .wrapp-button-submit input.submit-btn {
padding-right: 74px;
padding-right: 74px;
font-family: 'myr-400';
font-size: 24px;
}
.wrapp_my_form_steps .wrapp-button-submit .arrow-submit {
top: 32px;
right: 0;
width: 54px;
height: 74px;
line-height: 95px;
} 
.wrapp_my_form_steps .wrapp-button-submit .arrow-submit:before {
width: 20px;
height: 22px;
} .wrapp_my_form_steps div.wpcf7-validation-errors,
.wrapp_my_form_steps div.wpcf7-acceptance-missing,
.wrapp_my_form_steps div.wpcf7-mail-sent-ok {
margin-top: 20px;
}
.step-wrapp {
width: 49%;
float: left;
position: relative;
}
.step-wrapp .arrow-right {
background: #EDCD40;
position: absolute;
top: 10px;
left: 0;
text-align: center;
cursor: pointer;
z-index: 99;
width: 54px;
height: 74px;
}
.step-wrapp .arrow-right:before{
content: "";
width: 20px;
height: 75px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-left-purple.svg);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.wrapp_my_form_steps fieldset[data-cf7mls-order="2"]  .step-wrapp input[type="button"] {
width: 100%!important;
}
.choose-form-tabs a i.not-active {
display: none;
}
.choose-form-tabs a.active i..active {
display: none;
}
.choose-form-tabs a.active i.not-active {
display: block;
}
div#catapult-cookie-bar {
-webkit-box-shadow: 0 5px 40px rgba(0,0,0,.2);
box-shadow: 0 5px 40px rgba(0,0,0,.2);
width: 70%;
left: 15%;
bottom: 13px;
padding: 8px 20px 1px;
}
div#catapult-cookie-bar span.ctcc-left-side {
font-size: 16px;
}
#catapult-cookie-bar a {
color: #180c2e!important;
text-decoration: underline;
}
.cookie-bar-bar button#catapultCookie {
margin: 0 0 0 10px;
padding: 0;
font-size: 16px;
border-radius: unset;
font-family: 'myr-600';
text-decoration: underline;
}
.has-cookie-bar #catapult-cookie-bar {
padding: 11px 16px 6px;
} .intro .hero-slider .item-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: inline-block;
width: 100%;
}
.intro .hero-slider .wrapp-content {
height: 100%;
display: none;
width: 100%;
}
.center-wrapp-content {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 90%;
margin: 0 auto;
}
.col-contact {
text-align: center;
}
.clients-slider .owl-controls .owl-nav .disabled,
.custom-slider-testimonials-img .owl-controls .owl-nav .disabled,
.slider_client_four .owl-controls .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.custom-slider-testimonials-img .owl-controls .owl-nav .disabled {
background-color: #fcda33;
}
.contact-form .input-block.more-space {
margin-bottom: 20px;
}
.contact-form .input-block.more-space-small {
margin-bottom: 10px;
}
.wrapp_my_form_steps fieldset button {
margin-left: 0;
}
.choose-form-tabs-step-form i {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
width: 3.5em;
height: 3.5em;
}
.wrapp_my_form_steps .large_label_name {
margin-bottom: 26px; color: #EFEEF3;
border-bottom: 1px solid #443463;
padding-bottom: 5px;
font-size: 23px;
padding-top: 10px;
}
.radio_wrapp_normal {
margin-top: 0;
}
.radio_wrapp_normal.radio_wrapp input[type='radio'] {
position: absolute;
}
.radio_wrapp_large.radio_wrapp_normal span.wpcf7-list-item-label {
padding: 12px 19px 7px 19px;
}
.load_more_projects.btn.outline {
padding-top: .9em;
}
.load_more_projects.btn.outline:hover {
background: #180c2e;
border-color: #180c2e;
color: #fff;
}
.blog-page .portfolio ul a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.79) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c9000000',GradientType=0 ); }
.blog-categories a.btn.outline {
padding-top: .9em;
}
.article-page .intro .flex .col:first-child {
-webkit-flex: 0 75%;
-moz-flex: 0 75%;
-ms-flex: 0 75%;
-o-flex: 0 75%;
flex: 0 75%;
width: 75%;
max-width: 75%;
}
.article-page .intro .flex .col:nth-child(2n) {
-webkit-flex: 0 25%;
-moz-flex: 0 25%;
-ms-flex: 0 25%;
-o-flex: 0 25%;
flex: 0 25%;
width: 25%;
max-width: 25%;
}
.text-dark-large .smaller-container-article {
width: 69%;
display: block;
margin: 0 auto;
}
.general-content ol li {
list-style: decimal;
display:list-item;
font-size: 115%;
list-style-position: inside;
margin: 1em 0;
}
.general-content blockquote:before {
content: "";
width: 3px;
height: 100%;
background: #afafaf; 
display: inline-block;
position: absolute;
left: 0;
top: 0;
}
.general-content blockquote {
font-size: 115%;
position: relative;
margin: 40px 0;
padding: 0 30px;
color: #180c2e;
font-family: 'myr-400';
}
.general-content blockquote p {
font-size: 100%;
}
.general-content ul li {
list-style: disc inside none;
display: list-item;
font-size: 115%;
margin: 1em 0;
}
.alignleft {
text-align: left;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
float: left;
}
.alignright {
float: right;
text-align: right;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
}
.aligncenter {
display: block;
float: none;
margin: 10px auto;
text-align: center;
}
.article-page .dark.intro .title h1 {
font-size: 41px;
}
.article-page .intro .social-media p {
margin-top: 0;
font-size: 16px;
}
.article-page .general-content a {
text-decoration: underline;
}
.inform {
margin-top: 50px;
margin-bottom: 50px;
display: block;
}
.post-info-tags {
float: left;
width: 70%;
}
.post-info-share {
width: 30%;
float: right;
}
.post-info-tags li {
display: inline-block;
margin-bottom: 7px;
margin-right: 10px;
}
.post-info-tags li a {
color: #7c7c7c;
background: #e8e8e8;
display: inline-block;
padding: 7px 16px 3px 16px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.post-info-tags li a:hover {
background: #fcda33;
color: #230f47;
}
.post-info-share ul {
display: inline-block;
width: 100%;
text-align: right;
}
.post-info-share ul li {
display: inline-block;
vertical-align: top;
margin-left: 15px;
}
.post-info-share ul li a {
width: 30px;
height: 30px;
display: inline-block;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
font-size: 16px;
text-align: center;
line-height: 35px;
color: #fff;
}
.post-info-share ul li a i {
color: #fff;
}
.post-info-share ul li a.fb {
background: #3b5999;
}
.post-info-share ul li a.fb:hover {
background: #193c8a;
}
.post-info-share ul li a.tw  {
background: #55acee;
}
.post-info-share ul li a.tw:hover {
background: #169aff;
} 
.post-info-share ul li a.lk {
background: #0077b5;
}
.post-info-share ul li a.lk:hover {
background: #005988;
}
.post-info-wrapp {
display: inline-block;
width: 100%;
}
.sep {
width: 43px;
height: 6px;
display: block;
margin: 0 auto;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/separator.svg);
background-repeat: no-repeat;
background-size: 43px;
}
.inform-text {
margin-top: 60px;
margin-bottom: 60px;
display: inline-block;
width: 100%;
}
.inform-text-second {
display: inline-block;
width: 100%;
}
.inform-text p,
.inform-text-second p {
margin: 0;
font-weight: 600;
font-family: 'myr-600';
}
.inform-text-box .call-to-action {
background-color: #180c2e;
}
.inform-text-box .call-to-action h4 {
color: #fff;
}
.post-info {
margin-top: 0;
display: inline-block;
width: 100%;
}
#respond {
background: #180c2e;
color: #cec8d5;
padding: 40px;
}
#respond form {
padding: 0;
}
#respond * {
color: #ffffff;
}
#respond .comment-reply-title {
font-family: 'myr-100';
font-size: 41px;
line-height: 1em;
margin-bottom: 35px;
}
.group-form {
display: inline-block;
width: 100%;
}
.group-form label.error {
display: none!important;
}
#respond .required {
color: #ff4800;
}
.group-form label {
width: 200px;
float: left;
line-height: 2.7em;
padding-right: 10px;
}
.group-form input, 
.group-form textarea {
float: left;
width: calc(100% - 200px);
}
#respond {
margin-bottom: 100px;
margin-top: 70px;
}
.comments-area #respond {
margin-top: 0;
}
.comment-box {
margin-bottom: 100px;
}
#respond .form-submit {
margin-bottom: -80px;
margin-top: 15px;
position: relative;
}
#respond .form-submit input[type="submit"] {
padding-top: 34px;
padding-bottom: 24px;
width: 100%;
background-color: #230f47;
border-color: #230f47;
color: white;
padding-right: 135px;
padding-left: 20px;
font-size: 32px;
font-family: 'myr-200';
}
#respond .form-submit input[type="submit"]:hover {
-webkit-box-shadow: 7px 7px 20px rgba(0,0,0,.2);
box-shadow: 7px 7px 20px rgba(0,0,0,.2);
}
#respond .form-submit .arrow-submit {
top: 0;
right: 0;
width: 115px;
height: 98px;
line-height: 126px;
position: absolute;
background: #2a1254;
text-align: center;
}
#respond .form-submit .arrow-submit:before {
content: "";
width: 40px;
height: 30px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-light.svg);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
#comments .comments-title {
font-family: 'myr-400';
font-size: 27px;
line-height: 1em;
margin-bottom: 35px;
} 
.commentlist li article {
margin-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
}
.commentlist>li:last-child article {
border-bottom: none; 
}
.commentlist li  header {
padding: 16px 0 15px;
background: transparent;
}
.commentlist li li {
margin-left: 20px;
}
.commentlist li  header a:last-child{
font-weight: 500;
text-decoration: underline;
}
.comment-author {
display: inline-block;
width: 100%;
}
.comment-author img {
width: 65px;
float: left;
}
.comment-author .meta-user-comm {
float: left;
width: calc(100% - 65px);
padding-left: 15px;
padding-top: 11px;
}
.comment-author .meta-user-comm .fn {
font-size: 21px;
font-family: 'myr-600';
line-height: 1em;
}
.comment-author .meta-user-comm a {
font-size: 16px;
line-height: 1em;
}
.comment-author .meta-user-comm a.comment-reply-link {
text-decoration: underline;
}
.comment-respond #cancel-comment-reply-link {
font-size: 16px;
float: right;
}
.related-post {
padding-top: 50px;
margin-top: 40px;
border-top: 1px solid #dcdcdc;
padding-bottom: 60px;
margin-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
}
.related-post.portfolio .flex {
margin-bottom: 0!important;
}
.related-post.portfolio ul a {
height: 17em;
color: #fff;
}
.related-post.portfolio ul a span,
.related-post.portfolio ul a small {
color: #fff;
}
.related-post.portfolio ul a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.79) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c9000000',GradientType=0 );
}
.related-post.portfolio ul .title {
font-size: 130%;
bottom: 1em;
left: 1em;
}
.related-post.portfolio ul a:hover {
-webkit-box-shadow: 25px 25px 98px rgba(235, 235, 235, 0.3);
box-shadow: 25px 25px 98px rgba(235, 235, 235, 0.3);
}
.breadcrumbs ul {
display: inline-block;
width: 100%;
text-align: left;
}
.breadcrumbs ul li {
display: inline-block;
margin-right: 40px;
position: relative;
}
.article-page  .breadcrumbs ul li a {
color: #735e82;
}
.article-page  .breadcrumbs ul li a:hover {
color: #fcda33;
}
.article-page .breadcrumbs ul li span {
color: #fff;
text-decoration: underline;
}
.breadcrumbs ul li a:after {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-repeat: no-repeat;
background-size: 6px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/png/arrow-breadcrumbs.png);
position: absolute;
right: -29px;
top: 7px;
}
.breadcrumbs ul li:last-child a:after {
content: none;
}
.general .article .graphic.triangle.to-white {
top: 20em;
}
.portfolio .wp-pagenavi {
padding-top: 30px;
padding-bottom: 100px;
text-align: center;
}
.portfolio .wp-pagenavi>a, 
.portfolio .wp-pagenavi>span {
width: 51px;
height: 51px;
text-align: center;
line-height: 57px;
font-size: 21px;
display: inline-block;
background: #180c2f;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
vertical-align: top;
color: #fff;
margin-left: 5px;
margin-right: 5px;
font-family: 'myr-200';
}
.portfolio .wp-pagenavi span.current,
.portfolio .wp-pagenavi>a:hover {
background: #fcda33;
color: #180c2e;
}
.portfolio .wp-pagenavi .prev span,
.portfolio .wp-pagenavi .next span {
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
background-size: 17px;
width: 100%;
height: 100%;
}
.portfolio .wp-pagenavi .left {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-light.svg);
}
.portfolio .wp-pagenavi .right {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-left-light.svg);
}
.comment-awaiting-moderation {
color: red;
}
.checkbox_normal {
vertical-align: top;
display: inline-block;
width: 100%;
position: relative;
}
.checkbox_normal span {
width: calc(100% - 40px)!important;
padding-left: 10px;
display: inline-block;
position: relative;
vertical-align: top;
}
.add_success {
background: #398f14;
color: #fff;
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
.add_success:before {
content: '\e801'!important;
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
position: absolute;
left: 14px;
top: 13px; 
}
.questionnaire-begin-project .intro .title h1 {
text-align: center;
}
header.text-dark-2.on-scroll {
display: none!important;
}
.questionnaire-begin-project .content .wrapp_qnt_button {
display: inline-block;
width: 100%;
height: 97px;
margin-top: 0;
}
.questionnaire-begin-project .content .wrapp_qnt_button .input-block {
margin: 0 auto;
padding: 0 1.9em 0;
display: inline-block;
width: 100%;
}
.questionnaire-begin-project div.wpcf7 .ajax-loader {
top: -46px;
}
.questionnaire-begin-project .section.section-for-response {
padding-top: 0;
padding-bottom: 0;
}
#job-form .portfolio_single.not_visible_first input[type="url"],
#job-form .wrapp_portfolio_urls .portfolio_single.not_visible_first input[type="url"] {
margin-bottom: 0!important;
} .wrapp-landing-section-1 {
padding-bottom: 150px;
}
.button-next-section {
margin-top: 70px;
}
.button-next-section .scroll-button {
max-width: 700px;
background: #230f47;
padding: 35px 0 28px 0;
padding-right: 110px;
display: block;
margin: 0 auto;
letter-spacing: .02em;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
color: #fff;
font-family: 'myr-200';
color: white;
font-size: 31px;
text-align: center;
line-height: 1em;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button-next-section .scroll-button:after {
content: "";
width: 110px;
height: 100%;
background-color: #2a1254;
position: absolute;
right: 0;
top: 0;
display: inline-block;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-down-button.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 23px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.button-next-section .scroll-button:hover:after {
background-position-y: 40px!important;
}
.button-next-section .small-text {
text-align: center;
font-family: 'myr-400';
font-size: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
.button-next-section .small-text br {
display: none;
}
.button-next-section .small-text a {
font-size: 31px;
font-family: 'myr-600';
}
.text-to-right {
text-align: right;
}
.landing-section-1 .landing-title {
text-align: center;
margin-bottom: 80px;
}
.landing-section-1 .landing-title h1 {
font-size: 64px;
margin-bottom: 0;
}
.landing-section-1 .landing-title p {
font-size: 32px;
margin-top: 0;
}
.landing-section-1 .col-title h3 {
font-family: 'myr-600';
margin-bottom: 40px;
}
.landing-section-1 .col-title ul li {
padding-left: 50px;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
font-size: 21px;
display: inline-block;
width: 100%;
line-height: 1.4em;
}
.landing-section-1 .col-title ul li:before {
content: "";
width: 20px; 
height: 20px;
display: inline-block;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/checkmark-purple.svg);
background-repeat: no-repeat;
background-size: 20px;
position: absolute;
left: 0;
top: 4px;
}
.landing-section-1 .col-title.less-space ul li {
margin-bottom: 6px;
margin-top: 9px;
font-size: 22px;
}
.landing-section-1 .graphic.square {
right: -10%;
bottom: 18%;
}
.landing-section-2 .service-item .img {
background: #fff;
}
.landing-section-2 .service-item-desc {
text-align: left;
}
.landing-section-2 .mascot {
margin: -100px 0 0 0;
max-width: 80%;
}
.landing-section-2 h2 {
font-family: 'myr-100';
font-size: 57px;
margin-bottom: 70px;
}
.landing-section-2 .title p {
font-family: 'myr-100';
font-size: 24px;
}
.landing-section-2 .content-margin {
margin-bottom: 70px;
}
.landing-section-2 .service-list .service-item {
min-height: 100px;
padding-left: 6em;
}
.landing-section-2 .service-list h3 {
font-family: 'myr-200';
font-size: 22px;
}
.landing-section-2 .service-item-desc p {
font-family: 'myr-200';
font-size: 18px;
}
.wrapp-landing-section-3 {
padding-top: 21em;
}
.not-ow {
overflow: initial; 
}
.landing-section-3 .title h3 {
font-size: 32px;
}
.landing-section-3 .title h2 {
font-size: 91px; 
margin-bottom: 70px;
}
.landing-section-3 .graphic.square {
left: -150px;
bottom: 150px;
}
.landing-section-3 .custom-slider-testimonials {
margin-bottom: 35px;
}
.landing-section-3  .graphic.line {
z-index: 9;
bottom: -5%;
}
.testimonials .wrapp-landing-section-3 .letter {
top: -306px;
}
.custom-slider-testimonials-img {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s; 
transition: opacity .5s;
}
.custom-slider-testimonials-img.load {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.custom-slider-testimonials .img-1 {
width: 100%;
height: 330px;
background-repeat: no-repeat;
background-size: cover;
}
.custom-slider-testimonials .img-2 {
width: 200px;
height: 150px;
background: #180c2e;
margin-top: -95px;
z-index: 99;
position: relative;
float: right;
margin-right: 60px;
}
.custom-slider-testimonials .img-2  img {
height: 100px;
position: relative;
top: 50%;
transform: translateY(-50%);
padding-left: 10px;
padding-right: 10px;
}
.landing-section-4 {
position: relative; 
}
.wrapp-landing-section-4 {
padding-top: 300px;
position: relative;
}
.landing-section-4.inclined-top:before {
height: 15em;
-ms-transform: skewY(3deg);
-webkit-transform: skewY(3deg);
transform: skewY(3deg);
}
.wrapp-landing-section-4 .letter {
line-height: 30%;
-webkit-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-o-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);	
left: 190px;
font-size: 72em;
}
.wrapp-landing-section-4 .owl-dots {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 50px;
}
.wrapp-landing-section-4 .owl-dots .owl-dot {
width: 10px;
height: 10px;
margin-left: 5px;
margin-right: 5px;
background: #b9b6c0; 
border: none;
}
.wrapp-landing-section-4 .owl-dots .owl-dot.active {
background: #dfb244;
}
.wrapp-landing-section-4 .slider-two .slider-single-img {
height: 130px;
border: 1px solid #d6d6d6;
}
.wrapp-landing-section-4 .slider-two img {
width: 180px;
margin: 0 auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.wrapp-landing-section-4 .infos_payment {
margin-top: 100px;
margin-bottom: 110px;
text-align: center;
}
.wrapp-landing-section-4  .content-payment {
font-size: 28px;
color: #180c2e;
line-height: 1.2em;
font-family: 'myr-200';
margin-top: 23px;
padding-right: 20px;
padding-left: 20px;
}
.wrapp-landing-section-4 .content-logos p {
font-size: 46px;
line-height: 1.2em;
font-family: 'myr-200';
margin-top: 25px;
}
.wrapp-landing-section-4 .button-next-section {
margin-bottom: 100px;
}
.wrapp-landing-section-4 .slider-two-wrapp {
width: 455px;
}
.wrapp-landing-section-4 .col_slider_clients {
z-index: 9;
}
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
right: -47%;
left: auto;
bottom: 2em;
}
.wrapp-landing-section-4 .clients-slider-two .item li {
margin-top: 2em;
}
.wrapp-landing-section-4 .clients-slider-two .item {
padding-left: 2em;
}
.wrapp-landing-section-4 .logos_client_area .col_content p {
font-size: 46px;
line-height: 1.2em;
font-family: 'myr-200';
}
.wrapp-landing-section-4 .clients-slider-wrapp-width {
width: 85%;
}
.landing-section-5 {
background-image: -moz-linear-gradient( 144deg, rgb(252,218,51) 0%, rgb(255,198,0) 100%);
background-image: -webkit-linear-gradient( 144deg, rgb(252,218,51) 0%, rgb(255,198,0) 100%);
background-image: -ms-linear-gradient( 144deg, rgb(252,218,51) 0%, rgb(255,198,0) 100%);
}
.landing-section-5 .people .graphic.circle {
top: 23%;
left: auto;
right: 10%;
}
.landing-section-5 .people .title {
margin-bottom: 80px;
}
.landing-section-5 .people .title h4 {
font-size: 34px;
font-family: 'myr-200';
margin-bottom: 0;
}
.landing-section-5 .people .title h2 {
font-size: 64px;
font-family: 'myr-200';
}
.wrapp-landing-section-5 {
padding-top: 300px;
position: relative;
padding-bottom: 200px;
}
.wrapp-landing-section-5 .team-members-list.flex.five .col {
padding-bottom: 2em;
}
.wrapp-landing-section-6 {
padding-top: 60px;
padding-bottom: 200px;
}
.wrapp-landing-section-6 h2 {
font-family: 'myr-100';
font-size: 64px;
margin-bottom: 70px;
}
.wrapp-landing-section-6 .col ul li {
padding-left: 50px;
position: relative;
margin-top: 6px;
margin-bottom: 6px;
font-size: 29px;
display: inline-block;
width: 100%;
line-height: 1.4em;
font-family: 'myr-200';
}
.wrapp-landing-section-6 .col ul li:before {
content: "";
width: 24px;
height: 24px;
display: inline-block;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/checkmark-white.svg);
background-repeat: no-repeat;
background-size: 24px;
position: absolute;
left: 0;
top: 4px;
}
.wrapp-landing-section-6 .letter {
top: -150px;
font-size: 74em;
right: -140px;
}
.landing-section-7 {
position: relative;
overflow: hidden;
} 
.wrapp-landing-section-7 {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
}
.wrapp-landing-section-7 .letter {
line-height: 56%;
left: -10%;
-webkit-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-moz-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-ms-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
-o-text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);
text-shadow: 25px 25px 98px rgba(90, 0, 255, 0.3);	
}
.wrapp-landing-section-7 .letter.to-left-center {
left: 9%;
top: 19%;
}
.wrapp-landing-section-7 .three-infos .three-info {
padding-left: 115px;
width: 100%;
position: relative;
}
.wrapp-landing-section-7 .three-info.info_box_middle  {
width: 80%;
margin: 0 auto;
}
.wrapp-landing-section-7 .three-info .info-icon {
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
background: #230f47; 
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.wrapp-landing-section-7 .three-info .info-icon img {
width: 35px;
height: 100%;
vertical-align: middle;
}
.wrapp-landing-section-7 .three-info  p {
font-size: 20px;
padding-top: 10px;
}
.wrapp-landing-section-7 .certf img {
height: 49px;
vertical-align: middle;
}
.wrapp-landing-section-7 .certf li:nth-child(2) img  {
height: auto;
}
.wrapp-landing-section-7 .certf {
text-align: center;
margin-top: 70px;
}
.wrapp-landing-section-7 .three-infos {
margin-top: 50px;
}
.wrapp-landing-section-7 .certf p {
display: inline-block;
vertical-align: middle;
margin-right: 7px;
line-height: 1;
}
.wrapp-landing-section-7 .certf ul,
.wrapp-landing-section-7 .certf ul li {
display: inline-block;
vertical-align: middle;
}
.wrapp-landing-section-7 .certf ul li {
margin-left: 10px;
margin-right: 10px;
}
.wrapp-landing-section-7 .certf ul li span {
display: inline-block;
vertical-align: middle;
}
.wrapp-landing-section-7 .title h2 {
font-family: 'myr-200';
font-size: 64px;
margin-bottom: 30px;
}
.wrapp-landing-section-7 .title p {
font-size: 29px;
font-family: 'myr-200';
line-height: 1.4em;
}
.wrapp-landing-section-7 .title {
margin-bottom: 80px;
}
.input-block-small input[type="text"] {
width: 230px;
}
.wrapp-landing-section-7 .wrapp_qnt_button_inline {
margin-top: 15px;
}
.wrapp_qnt_button_inline .wrapp-button-submit input.submit-btn {
position: relative;
bottom: auto;
width: 100%;
}
.wrapp_my_form_steps .wrapp_qnt_button_inline  .wrapp-button-submit .arrow-submit {
top: 0;  
}
.wrapp-landing-section-7 div.wpcf7 .ajax-loader {
top: auto;
bottom: -41px;
}
.wrapp-landing-section-7 .radio_wrapp .wpcf7-form-control-wrap,
.wrapp-landing-section-7 .radio_wrapp .wpcf7-form-control {
width: 100%;
display: inline-block;
}
.wrapp-landing-section-7 .radio_wrapp .wpcf7-list-item {
margin-right: 40px;
}
.wrapp-landing-section-7 .radio_wrapp .wpcf7-list-item.last {
margin-right: 0;  
}
.wrapp-landing-section-7 .radio_wrapp .wpcf7-list-item.last label {
min-width: 180px;
}
.wrapp-landing-section-7 .graphic.square {
right: -13%;
bottom: 35%;
}
header .menu-wrapp .menu-item-has-children {
position: relative;
}
header .menu-wrapp .menu-item-has-children>a {
padding-bottom: 24px;
}
header .menu-wrapp .sub-menu {
position: absolute;
left: -1.2em;
background: #1c0f39;
border-radius: 5px;
padding: 1em 1.2em 0.7em 1.2em;
font-size: 70%;
text-align: left;
opacity: 0;
visibility: hidden; 
width: 16em; 
top: 3em;
font-size: 90%; 
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
header .menu-wrapp .sub-menu:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #1c0f3a;
position: absolute;
top: -7px;
}
header .menu-wrapp .sub-menu li a {
color: #fff;
}
header .menu-wrapp .menu-item-has-children:hover .sub-menu {
visibility: inherit;
opacity: 1;
}    
header .menu-wrapp li:first-child a:after {
content: '';
display: inline-block;
width: 18px;
height: 11px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/down-chevron-svgrepo-com.svg);
background-repeat: no-repeat;
background-size: 13px;
vertical-align: middle;
margin-left: 0.5em;
margin-bottom: 6px;
}
header.text-dark .menu-wrapp li:first-child a:after {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/down-chevron-svg-purple.svg);
}
header.text-dark .menu-wrapp .sub-menu {
top: 2em;
background: transparent;
}
header.text-dark.on-scroll .menu-wrapp .sub-menu  {
background: #1c0f39;
top: 3em;
}
header.text-dark .menu-wrapp .sub-menu li a {
color: #180c2e;
}
header.text-dark.on-scroll .menu-wrapp .sub-menu li a {
color: #fff;
}
header.text-dark .menu-wrapp .sub-menu:before {
content: none;
}
header.text-dark.on-scroll .menu-wrapp .sub-menu li:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #1c0f3a;
position: absolute;
top: -7px;
} 
header .menu-wrapp .sub-menu li a:after {
display: none;
}
header .menu-wrapp .sub-menu li {
padding-top: .45em;
text-align: left;
margin-left: 0;
}
header .menu-wrapp .sub-menu li:first-child {
padding-top: 0;
}
header .menu-wrapp .sub-menu li:last-child {
padding-bottom: 0;
}
header .menu-wrapp .sub-menu li a:hover {
color: #fcda33;
}
.landingpage2 .landing-section-1 .landing-title h1 {
font-size: 57px;
margin-bottom: 10px;
}
.landingpage2 .landing-section-1 .col-title h3 {
font-size: 1.8rem;
}
.wrapp-landing-section-4 .single-step-box {
text-align: center;
}
.wrapp-landing-section-4 .single-step-box-img { 
width: 125px;
height: 125px;
background: #230f47;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
display: block;
margin: 0 auto;
text-align: center;
line-height: 176px;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
text-align: center;
margin-bottom: 84px;
font-size: 58px;
font-family: 'myr-400';
padding-left: 50px;
padding-right: 50px; 
}
.wrapp-landing-section-4 .single-step-box-img img {
width: 60px;
}
.wrapp-landing-section-4 .single-step-box h4 {
font-size: 34px;
font-family: 'myr-400';
line-height: 1.1em;
min-height: 76px;
margin-bottom: 0;
margin-top: 1em;
}
.wrapp-landing-section-4 .single-step-box p {
text-align: center;
margin-bottom: 0;
font-family: 'myr-400';
font-size: 17px;
}
.wrapp-landing-section-4 .flex .single-step-box {
-webkit-flex: 0 16.66%;
-moz-flex: 0 16.66%;
-ms-flex: 0 16.66%; 
-o-flex: 0 16.66%;
flex: 0 16.66%;
width: 16.66%;
max-width: 16.66%;
}
.wrapp_button_link {
box-shadow: 25px 20px 98px 0px rgba(114, 0, 255, 0.29);
background: #fcda33;
padding: 20px;
display: inline-block; 
width: 100%;
margin-top: 80px;
margin-bottom: 80px;
}
.wrapp_button_link .wrapp_button_link_left {
width: 75%;
display: inline-block;
vertical-align: middle;
}
.wrapp_button_link .wrapp_button_link_left p {
font-size: 40px;
font-family: 'myr-200';
margin: 0;
line-height: 1em;
padding-top: 15px;
padding-left: 20px;
}
.wrapp_button_link  .wrapp_button_link_button { 
width: 24%;
display: inline-block; 
vertical-align: middle;
}
.wrapp_button_link  .wrapp_button_link_button a {
width: 100%;
background: #230f47;
font-size: 36px;
color: #fff;
font-family: 'myr-200';
padding: 20px 42px 7px 42px;
display: inline-block;
text-align: center;
}
.checkbox_wrapp .wpcf7-checkbox.wpcf7-not-valid { 
border: none!important;
}
.nav-post {
padding-top: 50px;
margin-top: 40px;
border-top: 1px solid #dcdcdc;
}
.nav-post a {
font-size: 15px;
position: relative;
}
.nav-post a.nav-prev {
padding-left: 50px;
}
.nav-post a.nav-next {
float: right;
text-align: right;
padding-right: 50px;
}
.nav-post a:before {
content: "";
width: 25px;
height: 25px;
display: inline-block;
border: 1px solid #180c2e;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
position: absolute;
background-repeat: no-repeat;
background-size: 9px;
background-color: #fff;
background-position: center;
top: -3px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.nav-post a:hover:before {
background: #180c2e;
color: #fff;
}
.nav-post a.nav-prev:before {
left: 0;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/down-chevron-left-svg-purple.svg);
}
.nav-post a.nav-prev:hover:before {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/down-chevron-left-svg-white.svg);
background-size: 9px;
background-repeat: no-repeat;
background-position: center;
}
.nav-post a.nav-next:before {
right: 0;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/down-chevron-right-svg-purple.svg);
}
.nav-post a.nav-next:hover:before {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/down-chevron-right-svg-white.svg);
background-size: 9px;
background-repeat: no-repeat;
background-position: center;
}
.wrapp-content-over {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.wrapp-content {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.home .intro  #typewriter {
font-size: 100%;
font-family: 'myr-100';
letter-spacing: 0;
display: inline-block;
-webkit-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
-moz-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
-ms-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
-o-text-shadow: 5px 5px 12px rgba(0,0,0,.3);
text-shadow: 5px 5px 12px rgba(0,0,0,.3); 
}
.home .intro #typewriter a {
position: relative;
}
.home .intro #typewriter a:after {
content: "";
width: 100%;
height: 3px;
display: inline-block;
background: #fff;
position: absolute;
bottom: 20px;
left: 0;
}
.home .intro  .typed-cursor {
font-family: 'myr-100';
font-size: 100%;
}
.wrapp-typing-text {
margin-top: 100px;
}
.home .intro h2 a {
color: #fff;
}
.big-intro-text {
font-family: 'myr-200';
font-size: 40px; 
margin-bottom: 0;
}
.wrapp-video {
overflow: hidden;
position: relative;
z-index: 0;
display: block;
margin: 0 auto;
}
.overlay {
position: absolute;
left: 0;
top: 0;
background-color: rgba(24, 12, 46, 0.7);
width: 100%;
height: 100%;
z-index: 8;
}
#awesome {
z-index: -1;
width: 100%;
object-fit: cover;
}
.mobile-controls {
position: absolute;
bottom: 0;
left: 9px;
z-index: 999;
}
.mobile-controls .play_video {
background: #fdd425;
width: 35px;
height: 35px;
display: inline-block;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/play-arrow.svg);
background-repeat: no-repeat;
background-size: 12px;
background-position: center center;
}
.container .flex.wrapp-services-intro {
z-index: 4;
}
.studio .mascot {
z-index: 3;
}
.studio .service-list {
z-index: 2;
}
.clients-slider.owl-carousel .owl-item, 
.clients-slider-two.owl-carousel .owl-item {
margin-left: -1px !important;
}
.absolute-link {
position: absolute;
top: 122px;
z-index: 999;
color: #000;
font-size: 9px;
left: calc( 41% - -1px);
font-family: 'myr-700';
opacity: 0;
width: 163px;
text-align: center;
}
.slider-two-wrapp .slider-two .owl-item {
font-size: 0;
line-height: 0;
}
.ovh header {
z-index: 9999;
}
.equal_column img {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.custom-slider-testimonials {
display: inline-block;
width: 100%;
}
.wrapp-flex {
display: inline-block;
width: 100%;
}
.wrapp-flex .col_50 {
width: 48%;
display: inline-block;
vertical-align: top;
}
.wrapp-flex .col_50.project-imgs {
margin-left: 2%;
}
.no_margin {
margin-top: 0!important;
}
.extra_space_buttons {
margin-top: 50px;
}
.general .website-request.no-space {
margin: 0!important;
}
.new_color_form .wrapp-button-submit input.submit-btn {
background-color: #FFD926;
border-color: #FFD926;
color: #230f47;
font-family: 'myr-400';
}
.new_color_form .wrapp-button-submit input.submit-btn:hover {
background: #edcd40;
}
.new_color_form .wrapp-button-submit .arrow-submit {
background: #EDCD40;
}
.new_color_form .wrapp-button-submit .arrow-submit:before {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-purple.svg);
}
.questionnaire-begin-project .new_color_form .content  .wrapp_qnt_button {
height: auto!important; 
margin-bottom: 40px;
} 
.new_color_form .wrapp-button-submit input.submit-btn {
bottom: 0;
position: relative;
}
.new_color_form.wrapp_my_form_steps .wrapp-button-submit .arrow-submit {
top: 0;
}
.new_color_form.wrapp_my_form_steps div.wpcf7-validation-errors, 
.new_color_form.wrapp_my_form_steps div.wpcf7-acceptance-missing, 
.new_color_form.wrapp_my_form_steps div.wpcf7-mail-sent-ok {
margin-top: 0;
}
.new_color_form.wrapp_my_form_steps.only_for_steps form {
padding-bottom: 2.3em;
}
.begin-project.questionnaire-begin-project {
background-color: #fcda33!important;
}
#catapult-cookie-bar {
z-index: 9999999999!important;
}
.cookie-alert {
padding: 10px 22px;
}
.cookie-alert-wrap.loaded {
z-index: 999999;	
}
.with-zindex {
z-index: 9;
}
.landing-section-1 .landing-title.small-landig-title h1 {
font-size: 55px;
line-height: 1.2em;
}
.intro-text-section-larger p {
font-size: 1.6rem;
margin: 0;
font-family: 'myr-200';
}
.button-next-down {
margin-top: 60px;
}
.wrapp-landing-section-work {
padding-bottom: 50px;
padding-top: 30px;
}
.button-next-down .btn {
padding: 25px 75px 17px;
font-size: 29px;
}
.button-next-down p { 
font-size: 21px;
}
.inner-section-landing {
padding: 120px 0 280px 0;
}
.inner-section-landing .general-content h2 {
margin-bottom: 40px;
}
.inner-section-landing .general-content p {
font-size: 1.4rem;
margin: 0;
font-family: 'myr-200';
}
.service-list.no-bg {
background: transparent;
box-shadow: none;
}
.service-item-full {
text-align: center;
margin-top: 90px;
}
.service-list-full .service-item-desc {
text-align: center;
}
.service-item-full .img {
width: 125px;
height: 125px;
background: #230f47;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
display: block;
margin: 0 auto;
text-align: center;
line-height: 176px;
margin-bottom: 30px;
}
.service-item-full .img img {
width: 60px;
}
.service-item-full h3 {
font-size: 28px;
}
.wrapp-landing-section-inner-2 .wrapp-buttons {
margin-top: 50px;
text-align: center;
}
.wrapp-landing-section-inner-2 .wrapp-buttons a {
margin-left: 7px;
margin-right: 7px;
padding: 26px 72px 21px;
font-size: 27px;
margin-bottom: 10px;
}
.wrapp-landing-section-inner-2 .wrapp-buttons a.outline {
padding: 26px 46px 21px;
}
.wrapp-item-team-steps {
padding: 0 10px;
text-align: center;
position: relative;
z-index: 99;
}
.work-steps {
margin-top: 70px;
}
.work-steps .item-team-steps {
position: relative;
}
.work-steps .item-team-steps.first:before {
content: "";
width: 120px;
position: absolute;
left: 63px;
top: 78px;
height: 40px;
border-top: 1px dashed #707070;
border-bottom: 1px dashed #707070;
border-left: 1px dashed #707070;
z-index: 9;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.work-steps .item-team-steps.last:after {
content: "";
width: 120px;
position: absolute;
right: 35px;
top: 78px;
height: 40px;
border-top: 1px dashed #707070;
border-bottom: 1px dashed #707070;
border-right: 1px dashed #707070;
z-index: 9;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.work-steps .item-team-steps.middle:before {
content: "";
width: 100%;
position: absolute;
left: -100px;
top: 78px;
height: 40px;
border-top: 1px dashed #707070;
border-bottom: 1px dashed #707070;
z-index: 9;
}
.work-steps .item-team-steps.middle:after {
content: "";
width: 100%;
position: absolute;
right: -120px;
top: 78px;
height: 40px;
border-top: 1px dashed #707070;
border-bottom: 1px dashed #707070;
z-index: 9;
}
.wrapp-item-team-steps .wrapp-item-team-img-brd {
display: inline-block;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
border: 30px solid #180c2e;
}
.wrapp-item-team-steps .wrapp-item-team-img {
width: 125px;
height: 125px;
background: #fff;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
display: block;
margin: 0 auto;
text-align: center;
line-height: 205px;
}
.wrapp-item-team-steps .wrapp-item-team-img img {
height: 90px;
}
.on-middle-info {
padding: 80px 50px;
text-align: center;
}
.on-middle-info .small-title {
font-size: 53px;
}
.wrapp-item-part-steps {
display: inline-block;
width: 100%;
}
.wrapp-item-part-steps .wrapp-item-part-img {
width: 100px;
height: 100px;
background: #fff;
float: left;
margin-right: 30px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.wrapp-item-part-steps .wrapp-item-part-text {
width: calc(100% - 130px);
float: left;
text-align: left;
}
.wrapp-item-part-steps .wrapp-item-part-text h3 {
font-family: 'myr-100';
}
.wrapp-item-part-steps .wrapp-item-part-text p {
font-family: 'myr-200';
}
.wrapp-buttons-lpc {
text-align: center;
display: inline-block;
width: 100%;
}
.wrapp-buttons-lpc a {
margin-left: 7px;
margin-right: 7px;
padding: 26px 72px 21px!important;
font-size: 27px;
}
.wrapp-buttons-lpc-top {
margin-top: 120px;
}
.landing-title.mbottom {
margin-top: 70px;
margin-bottom: 70px;
}
.landing-title.mbottom2 {
margin-top: 40px;
margin-bottom: 40px;
}
.wrapp-landing-section-3 .wrapp-testimonial {
padding-right: 50px;
}
.wrapp-landing-section-3 .wrapp-testimonial p {
font-size: 23px;
}
.wrapp-landing-section-3 .wrapp-testimonial .author {
margin-top: 10px;
display: inline-block;
width: 100%;
font-family: 'myr-600';
font-size: 18px;
}
.testimonials .wrapp-landing-section-3 .letter.standard-letter {
top: -100px;
line-height: 10%;
}
.wrapp-landing-random-text {
padding-top: 80px;
padding-bottom: 750px;
}
.wrapp-landing-section-6 .moveup {
margin-top: -660px;
}
.wrapp-landing-section-6.less-bottom {
padding-bottom: 60px;
}
.graphic.line.to-top-center {
top: 23%;
}
.graphic.triangle.line-fix.opacity {
z-index: 2;
-ms-transform: initial;
-webkit-transform: initial;
-moz-transform: initial;
-o-transform: initial;
transform: initial;
left: 8%;
bottom: 11%;
}
.graphic.square.no-rotate, 
.graphic.circle.no-rotate, 
.graphic.triangle.no-rotate {
-ms-transform: initial;
-webkit-transform: initial;
-moz-transform: initial;
-o-transform: initial;
transform: initial;
}
.to-center-slim {
width: 90%;
margin: 0 auto;
}
.to-center-slim img {
float: right;
width: 100%;
}
.to-center-slim .flex.two .col:first-child {
-webkit-flex: 0 60%;
-moz-flex: 0 60%;
-ms-flex: 0 60%;
-o-flex: 0 60%;
flex: 0 60%;
width: 60%;
max-width: 60%;
}
.to-center-slim .flex.two .col:last-child {
-webkit-flex: 0 40%;
-moz-flex: 0 40%;
-ms-flex: 0 40%;
-o-flex: 0 40%;
flex: 0 40%;
width: 40%;
max-width: 40%;
}
.landingpagew-partner .about-info .container > p {
font-size: 29px;
font-family: 'myr-200';
margin-bottom: 0;
margin-top: 15px;
}
.landingpagew-partner .about-info .work-steps {
margin-top: 35px;
}
.landingpagew-partner .landing-section-1 .col-title.less-space ul li {
font-size: 23px;
}
.landingpagew-partner .landing-section-1 .col-title.less-space ul li:last-child {
margin-bottom: 0;
}
.landingpagew-partner .landing-section-1 .col-title ul li:before {
width: 25px;
height: 25px;
background-size: 25px;
top: 2px;
}
.intro .container.container-locations {
margin-bottom: -7em;
}
.intro .dif_location {
margin-bottom: 20px;
}
.intro .dif_location.flex .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.intro .dif_location.flex .col a {
text-align: center; }
.offices .toggle {
width: 100%;
bottom: -11em;
position: relative;
}
.offices .toggle a {
width: auto;
padding-left: 13px;
padding-right: 13px;
height: 3em;
}
.hover-info-contact {
position: absolute;
left: 0;
top: 0;
background: rgba(24, 12, 47, 0.75);
height: 100%;
width: 580px;
padding: 40px;
}
.home .story .flex.team-box .style-team h4 {
top: -30px;
}
.landing-ppc .testimonials .client-quote {
padding-left: 2px;
}
.button-next-down .btn.simple-white {
border: 1px solid #fff;
background: transparent;
color: #fff;
}
.landing-section-1 .landing-title.small-landig-title h1.normal {
font-family: 'myr-400'
}  @media (min-width: 768px) {
.hide_me_click {
display: none!important;
}
}
@media (max-width: 1700px) {
div#catapult-cookie-bar {
width: 80%;
left: 10%;
}
}
@media (max-width: 1600px) {
.wrapp-landing-section-7 .letter {
line-height: 52%;
font-size: 53em;
}
.absolute-link {
left: calc( 39% - -1px);
}
} 
@media (max-width: 1500px) {
div#catapult-cookie-bar {
width: 90%;
left: 5%;
}
.wrapp-landing-section-4 .letter {
line-height: 48%;
left: 139px;
font-size: 67em;
}
.wrapp-landing-section-6 .letter {
font-size: 73em;
right: -105px;
}
.wrapp-landing-section-7 .graphic.square {
right: -8%;
}
.landing-section-1 .graphic.square {
right: -5%;
}
}
@media (max-width: 1400px) {
.wrapp-landing-section-6 .letter {
font-size: 61em;
right: -68px;
}
.wrapp-landing-section-6 {
padding-bottom: 150px;
}
.landing-section-1 .graphic.square {
right: 15px;
}
.landing-section-4.inclined-top:before {
height: 12em;
}
.wrapp-landing-section-4 .letter {
line-height: 31%;
left: 60px;
font-size: 67em;
}
.wrapp-landing-section-4 {
padding-top: 260px;
}
.wrapp-landing-section-4 .content-logos p {
font-size: 41px;
}
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
right: -49%;
}
.wrapp-landing-section-4 .logos_client_area .col_content p {
font-size: 41px;
}
}
@media (max-width: 1300px) {
div#catapult-cookie-bar {
width: 100%;
left: 0;
bottom: 4px;
}
.cookie-bar-bar .ctcc-inner {
display: inline-block!important;
padding-left: 50px;
padding-right: 50px;
text-align: center;
}
.ctcc-right-side {
-webkit-flex-shrink: unset;
flex-shrink: unset;
}
.wrapp-landing-section-4 .letter {
left: 0;
}
.wrapp-landing-section-6 .letter {
right: 0;
}
.wrapp-landing-section-7 .letter {
left: -15%;
}
.landing-section-3 .graphic.square {
left: 0px;
}
.big-intro-text {
font-size: 38px;
}
.absolute-link {
left: calc( 36% - -1px);
}
.landingpagew-partner .landing-section-4 .graphic.triangle.line-fix {
left: 3%;
bottom: 90%;
}
.offices .toggle {
bottom: -8em;	
}
.offices .toggle a {
height: auto;
padding: 13px 13px 10px 13px;
}
} 
@media (max-width: 1200px) {
.landing-section-1 .landing-title h1 {
font-size: 52px;
}
.landing-section-1 .intro-image-section img {
width: 90%;
}
.landing-section-1 .col-title ul li {
font-size: 19px;
}
.landing-section-1 .col-title h3 {
margin-bottom: 25px;
}
.landing-section-1 .button-next-section {
margin-top: 30px;
margin-bottom: 30px;
}
.landing-section-2 h2 {
font-size: 46px;
margin-bottom: 50px;
}
.landing-section-2 .mascot {
max-width: 90%;
}
.landing-section-2 .title p {
font-size: 19px;
}
.landing-section-2 .service-list .service-item {
padding-left: 6em;
min-height: 80px;
}
.landing-section-2 .content-margin {
margin-bottom: 40px;
}
.landing-section-2 .service-item-desc p {
font-size: 17px;
}
.wrapp-landing-section-3 {
padding-top: 15em;
}
.landing-section-3 .title h2 {
font-size: 75px;
margin-bottom: 35px;
}
.content-logos p {
font-size: 39px;
}
.landing-section-2 .service-list {
margin-bottom: 0;
}
.testimonials .wrapp-landing-section-3 .letter {
right: 54px;
}
.landing-section-3.inclined-top:before {
height: 15em;
}
.wrapp-landing-section-3 {
padding-top: 15em;
}
.wrapp-landing-section-4 .logos_client_area .col_content p {
font-size: 40px; 
}
.wrapp-landing-section-6 .flex .col:first-child {
z-index: 999;
}
.wrapp-landing-section-6 .flex .col:last-child {
z-index: 9;
}
.wrapp-landing-section-6 h2 {
font-size: 50px;
margin-bottom: 30px;
}
.wrapp-landing-section-6 .col ul li {
font-size: 25px;
}
.wrapp-landing-section-7 .title h2 {
margin-bottom: 0;
}
.wrapp-landing-section-7 .title p {
margin-top: 10px;
}
.wrapp-landing-section-7 {
padding-top: 100px;
padding-bottom: 100px;
}
.wrapp-landing-section-7 .title {
margin-bottom: 60px;
}
.landingpage2 .landing-section-1 .landing-title h1 {
font-size: 54px;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
font-size: 45px;
}
.landingpagew-partner .landing-section-1 .landing-title.small-landig-title h1 {
font-size: 45px;
}
.landingpagew-partner .landing-section-1 .landing-title {
margin-bottom: 40px;
}
.landingpagew-partner .inner-section-landing .general-content h2 {
font-size: 2.7em;
}
.landingpagew-partner .services.inner-section-landing {
padding-top: 100px;
}
.landingpagew-partner .testimonials.inclined-top:before {
height: 14em;
}
.landingpagew-partner .testimonials.inclined-top .line {
display: none;
}
.landingpagew-partner .wrapp-buttons-lpc-top {
margin-top: 95px;
}
.wrapp-landing-section-7 .letter.to-left-center {
left: 0%;
}
.hover-info-contact {
width: 100%;
padding: 30px;
}
.hover-info-contact h3 {
font-size: 26px;
}
}
@media (max-width: 1170px) {
.individual_bottom_buttons {
padding-top: 3em;
}
.wrapp-button-submit input.submit-btn {
font-size: 26px;
}
.wrapp-button-submit .arrow-submit { height: 68px;
width: 80px;
line-height: 89px;
}
.wrapp-button-submit input.submit-btn {
padding-right: 80px; }
.wrapp-button-submit .arrow-submit:before {
width: 26px;
height: 25px;
background-size: 20px;
} #job-form {
margin-left: 0em;
}
.form_start_project.wrapp_my_form_steps fieldset button {
font-size: 25px;
padding: 30px 20px 24px 20px; 
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button,
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button,
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .step-wrapp input[type="button"],
.form_start_project.wrapp_my_form_steps .wrapp-button-submit input.submit-btn {
font-size: 20px!important;
padding-bottom: 21px;
} 
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back .arrow-left, 
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button .arrow-submit {
top: 1px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .step-wrapp input[type="button"] {
padding: 25px 20px 18px 20px;
padding-left: 74px;
}
.form_start_project.wrapp_my_form_steps .wrapp-button-submit input.submit-btn {
padding: 28px 20px 21px 20px; }
.wrapp_portfolio_urls .portfolio_single.not_visible_first .remove_more {
height: 33px; 
}
.questionnaire-begin-project .right-is-larger .title.section_form {
margin-bottom: 0;
}
.questionnaire-begin-project .questionnaire .section.author {
margin-top: 0;	
}
.landing-section-2 .service-list .service-item {
padding-left: 5em;
}
.wrapp-landing-section-4 .letter {
line-height: 26%;
font-size: 56em;
}
.wrapp-landing-section-4 {
padding-top: 200px;
}
.yellow .testimonials .wrapp-landing-section-3 blockquote {
font-size: 1.6em;
font-family: 'myr-200';
}
.testimonials .wrapp-landing-section-3 .letter {
top: -246px;
right: 12%;
}
.wrapp-landing-section-3 .custom-slider-testimonials .custom-slider-testimonials-img .owl-nav {
bottom: -2em;
}
.wrapp-landing-section-5 .team-members-list .col {
-webkit-flex: 0 20%;
-moz-flex: 0 20%;
-ms-flex: 0 20%;
-o-flex: 0 20%;
flex: 0 20%;
width: 20%;
max-width: 20%;
}
.wrapp-landing-section-4 .content-logos p {
font-size: 40px;
}
.wrapp-landing-section-4 .clients-slider-wrapp-width {
width: 94%;
}	
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
right: -37%;
}
.wrapp-landing-section-7 .form_start_project.wrapp_my_form_steps .wrapp-button-submit input.submit-btn {
bottom: 0;
}
.wrapp-landing-section-7 .three-infos .three-info {
padding-left: 95px;
}
.wrapp-landing-section-4 .single-step-box h4 {
font-size: 31px;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
margin-bottom: 60px;
margin-top: 50px;
}
.home .intro #typewriter {
font-family: 'myr-200';
} 
.absolute-link {
top: 70px;
font-size: 7px;
width: 108px;
left: calc( 39% - -1px);
}
.state-en .home .services ul.horizontal li a {
font-size: 110%;
}
.landingpagew-partner .service-item-full h3 br {
display: none;
}
.landingpagew-partner .service-item-full {
margin-top: 40px;
}
.landingpagew-partner .services .graphic.line.to-top-center {
display: none;
}
}
@media (max-width: 1100px) {
.wrapp_button_link .wrapp_button_link_left p {
font-size: 34px;
font-family: 'myr-400';
padding-top: 14px;
padding-left: 12px;
}
.wrapp_button_link .wrapp_button_link_button a {
padding: 17px 42px 7px 42px;
font-size: 31px;
}
}
@media (max-width: 1020px) {
.wrapp-landing-section-4 .letter {
line-height: 37%;
font-size: 48em;
}
.wrapp-landing-section-4 .content-logos p {
font-size: 38px;
}
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
right: -41%;
}
.landing-section-5 .people .title {
margin-bottom: 50px;
}
.landing-section-5.inclined-top-right:before {
height: 18em;
}
.landing-section-5 .wrapp-landing-section-5 {
padding-top: 220px;
}
.wrapp-landing-section-7 .letter {
left: -24%;
}
.wrapp-landing-section-7 .three-info .info-icon {
width: 70px;
height: 70px;
}
.wrapp-landing-section-7 .three-infos .three-info {
padding-left: 86px;
}
.wrapp-landing-section-7 .three-info .info-icon img {
width: 30px;
}
.wrapp-landing-section-7 .three-info p {
font-size: 18px;
}
.wrapp-landing-section-4 .flex .single-step-box {
-webkit-flex: 0 33.33%;
-moz-flex: 0  33.33%;
-ms-flex: 0  33.33%;
-o-flex: 0  33.33%;
flex: 0  33.33%;
width:  33.33%;
max-width: 33.33%;
margin-bottom: 30px;
}
.wrapp-landing-section-4 .single-step-box h4 {
font-size: 26px;
min-height: auto;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
font-size: 50px;
}
.wrapp-landing-section-4 .single-step-box p {
margin-top: 5px;
}
}
@media (max-width: 980px) {
.wrapp-absolute-link {
display: none!important;
}
.right-is-larger.two.flip .col.col-for-form-app:nth-child(1) {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.article-page .intro .flex .col:first-child,
.article-page .intro .flex .col:nth-child(2n) {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
text-align: center;
}
.article-page .intro .flex .col:first-child {
margin-bottom: 20px;
}
.breadcrumbs ul {
text-align: center;
}
.article-page .intro.tall-height-large {
min-height: 30em;
}
.article-page .text-dark-large {
margin-top: -5em;
}
.wrapp-landing-section-3 .custom-slider-testimonials .custom-slider-testimonials-img .owl-nav {
right: auto;
left: 0;
margin-left: 0;
position: relative;
}
.yellow .testimonials .wrapp-landing-section-3 blockquote {
font-size: 24px;
}
.landing-section-3 .graphic.square {
bottom: 10px;
}
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
right: 0;
position: relative;
bottom: -2em;
left: 2em;
}
.wrapp-landing-section-4 .logos_client_area {
margin-bottom: 70px;
}
.landing-section-5.inclined-top-right:before {
height: 14em;
}
.landing-section-5 .wrapp-landing-section-5 {
padding-top: 140px;
}
.wrapp-landing-section-6 .letter {
font-size: 50em;
}
.wrapp-landing-section-7 .title h2 {
font-size: 55px;
}
.wrapp-landing-section-7 .title p {
font-size: 25px;
}
.wrapp-landing-section-7 {
padding-top: 70px;
padding-bottom: 70px;
}
.wrapp-landing-section-7 .title {
margin-bottom: 40px;
}
.wrapp_button_link .wrapp_button_link_left {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.wrapp_button_link {
padding: 30px;
}
.wrapp_button_link .wrapp_button_link_button {
width: 250px;
display: block;
margin: 0 auto 10px auto;
}
.wrapp_button_link .wrapp_button_link_left p {
padding-left: 0;
}
.wrapp-landing-section-4 .slider-two-wrapp {
width: 400px;
}
.flex {
max-width: unset!important;
}
.quote_button_about {
display: none!important;
}
.landing-section-2 .mascot {
margin: -20px 0 0 0;
}
.landingpage-store .landing-section-2 .mascot {
margin-top: -70px;
}
.contact .intro .left-is-larger h1 {
max-height: inherit;
}	
#respond .form-submit input[type="submit"] {
padding-top: 37px;
padding-bottom: 29px;
font-size: 26px;
}
.landingpagew-partner .testimonials .wrapp-landing-section-3 .letter.standard-letter {
top: -34px;
}
}
@media (max-width: 850px) {
.individual_bottom_buttons {
padding-bottom: 2em;
}
.project .intro .title {
width: 100%;
}
.form_start_project form {
margin-bottom: 100px;
padding-bottom: 50px;
}
.choose-form-tabs-step-form span {
position: relative;
top: 62px;
}
.landing-section-2 .service-list .flex.three.same-on-mobile .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.landing-section-2 .service-list .service-item {
padding-left: 0;
}
.landing-section-2 .service-list h3 br {
display: none;
}
.landing-section-4  .content-logos p {
font-size: 30px;
}
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
left: 0;
bottom: 0;
z-index: 999;
margin-left: 2em;
}
.wrapp-landing-section-4 .clients-slider-two .item {
padding-bottom: 2em;
}
.wrapp-landing-section-4 .logos_client_area {
margin-bottom: 20px; 
}
.landing-section-5 .people .graphic.circle {
top: 12%;
right: 7%;
}
.landing-section-5 .wrapp-landing-section-5 {
padding-top: 125px;
}
.landing-section-5 .people .title h2 {
font-size: 55px;
}
.wrapp-landing-section-7 .form_start_project form {
margin-bottom: 0;
}
.wrapp-landing-section-7 .three-infos .col  {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.wrapp-landing-section-7 .certf {
margin-top: 35px;
}
.wrapp-landing-section-4 .slider-two img {
width: 146px;
}
.wrapp-landing-section-4 .slider-two-wrapp {
width: 350px;
}
.landingpage-store .landing-section-2 .mascot {
margin-top: -50px;
}
.wrapp-flex .col_50 {
width: 100%;
display: inline-block;
}
.wrapp-flex .col_50.project-imgs {
margin-left: 0;
}
.wrapp-flex .col_50.project-info {
margin-bottom: 30px;
}
.landingpagew-partner .landing-section-1 .landing-title.small-landig-title h1 {
font-size: 35px;
}
.landingpagew-partner .intro-text-section-larger p {
font-size: 20px;
}
.landingpagew-partner .services.inner-section-landing {
padding-top: 70px;
}
.landingpagew-partner .inner-section-landing .general-content h2 {
font-size: 2.4em;
}
.landingpagew-partner .services.inner-section-landing {
padding-bottom: 220px;
}
.landingpagew-partner .testimonials .wrapp-landing-section-3 .letter.standard-letter {
display: none;
}
.landingpagew-partner .testimonials .wrapp-landing-section-3 .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.landingpagew-partner .wrapp-landing-section-3 .wrapp-testimonial, 
.landingpagew-partner .wrapp-landing-section-3  .landing-title {
padding-right: 0;
text-align: center; 
}
.landingpagew-partner .wrapp-landing-section-3 .landing-title h2,
.landingpagew-partner .about-info .container h2 {
font-size: 35px;
}
.landingpagew-partner .about-info .container > p {
margin-bottom: 70px;
font-size: 24px;
}
.landingpagew-partner .landing-section-1 .col-title.less-space ul li {
font-size: 20px;
}
.landingpagew-partner .wrapp-buttons-lpc-top {
margin-top: 45px;
}
.landingpagew-partner .wrapp-landing-random-text {
padding-top: 50px;
}
.landingpagew-partner .wrapp-landing-random-text {
padding-bottom: 670px;
padding-top: 30px;
}
.landingpagew-partner .on-middle-info .small-title {
font-size: 43px;
}
.landingpagew-partner .wrapp-landing-section-6 .moveup {
padding: 60px 40px;
}
.landingpagew-partner .wrapp-item-part-steps .wrapp-item-part-img {
width: 100px;
height: 100px;
float: none;
margin-left: auto;
margin-right: auto;
}
.landingpagew-partner .wrapp-item-part-steps .wrapp-item-part-text {
width: 100%;
float: none;
text-align: center;
margin-bottom: 45px;
}
.landingpagew-partner .wrapp-item-part-text h3 {
font-size: 23px;
}
.landingpagew-partner .wrapp-item-part-text p {
font-size: 16px;
}
.landingpagew-partner .work-steps {
margin-top: 44px;
}
.landingpagew-partner .testimonials.inclined-top:before {
height: 9em;
}
.wrapp-landing-section-inner-2 .wrapp-buttons a {
font-size: 23px;
}
.wrapp-buttons-lpc a {
font-size: 23px;
padding: 26px 46px 21px!important;
margin-bottom: 10px;
}
.wrapp-landing-section-3 .wrapp-testimonial p {
font-size: 18px;
}
}
@media (max-width: 800px) {
.landingpage-store .landing-section-2 .mascot {
margin-top: -20px;
}
}
@media screen and (max-width: 767px) and (orientation:landscape) { 
header .menu-wrapp .sub-menu:before {
content: none!important;
}
header nav.menu-wrapp li a {
font-size: 115%;
}
header nav.menu-wrapp .sub-menu li,
header nav.menu-wrapp li {
padding: 10px 0 5px!important;
}
header .menu-wrapp .menu-item-has-children,
header .menu-wrapp .sub-menu li:last-child {
padding-bottom: 0!important;
}
header .social-media a {
width: 1.8em;
height: 1.8em;
}
header .social-media i {
font-size: 0.9em;
line-height: 2.1em;
}
header ul.horizontal li {
margin: 0 .3em;
}
header .below {
padding: 0 1em 0.2em 1em; 
}
.wrapp-buttons-lpc a {
margin-bottom: 10px!important;
padding: 24px 56px 18px!important;
font-size: 24px;
}
.landingpagew-partner .wrapp-landing-section-inner-2 .wrapp-buttons a {
margin-bottom: 20px;
font-size: 20px;
padding: 24px 42px 19px; 
} 
}
@media (max-width: 767px) {
header.text-dark.on-scroll .menu-wrapp .sub-menu li:before {
content: none;
}
.wrapp-button-submit input.submit-btn {
position: relative;
bottom: 0;
font-size: 19px;
}
.wrapp-button-submit .arrow-submit {
top: 0;
}
.wrapp-button-submit .arrow-submit {
height: 50px;
width: 60px;
line-height: 71px;
}
.wrapp-button-submit {
margin-top: 20px;
}
div.wpcf7 .ajax-loader {
top: -48px;
}
.onload .onload_loading img {
margin-top: 80px;
margin-bottom: 200px;
width: 100px;
}
.wrapp-button-submit .arrow-submit:before {
width: 29px;
height: 19px;
}
.wrapp-button-submit .arrow-submit {
line-height: 66px;
}
.contact .left-is-larger .title,
.contact .left-is-larger .title h1 {
margin-bottom: 0;
}
.wrapp-portfolio .portfolio_single.last .add_more:after {
height: 34px;
background-size: 15px;
}
.multiple_checkbox .multiple_checkbox_single {
width: 100%;
float: none;
clear: both;
}
.questionnaire .checkbox_request label {
font-size: 17px;
padding: 0.5em 0.9em .4em;
}
.checkbox_wrapp.group_two span.wpcf7-list-item,
.radio_wrapp.group_two span.wpcf7-list-item {
width: 100%;
float: none;
}
.questionnaire textarea {
height: 100px;
min-height: 100px;
}
.box_file span.extra-infos {
width: 100%;
text-align: center;
right: 0;
padding-left: 10px;
padding-right: 10px;
}
.wrapp_select select {
font-size: 15px;
}
.questionnaire .wrapp_qnt_button {
margin-top: 15px;
}
.cookie-bar-bar .ctcc-inner {
padding-left: 0;
padding-right: 0;
}
.ctcc-left-side {
margin-right: 0;
}
div#catapult-cookie-bar span.ctcc-left-side,
.cookie-bar-bar button#catapultCookie {
font-size: 14px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button, 
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_back.action-button,
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button,
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .step-wrapp input[type="button"] {
font-size: 17px!important;
padding: 33px 20px 23px 20px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button,
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .step-wrapp input[type="button"] {
padding-left: 68px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button {
padding-right: 68px;
}
.form_start_project.wrapp_my_form_steps fieldset button {
font-size: 22px;
padding: 33px 50px 25px 20px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .step-wrapp input[type="button"] {
font-size: 17px!important;
padding: 25px 20px 22px  68px;
}
.form_start_project.wrapp_my_form_steps .wrapp-button-submit input.submit-btn {
bottom: -12px;
font-size: 17px!important;
padding: 30px 50px 23px 20px;
}
.form_start_project.wrapp_my_form_steps .wrapp-button-submit .arrow-submit {
top: 12px;
}
.input-block textarea {
height: 150px;
}
.checkbox_wrapp .wpcf7-list-item label {
font-size: 0;
line-height: 0;
margin-bottom: 10px;
}
.checkbox_wrapp span.wpcf7-list-item-label {
font-size: 14px;
line-height: 1;
padding-top: 5px;
padding-bottom: 2px;
}
.article-page .intro .title {
width: 100%;
}
.text-dark-large .smaller-container-article {
width: 86%;
}
.post-info-tags {
width: 100%;
float: none;
}
.post-info-share {
width: 100%;
float: none;
margin-bottom: 40px;
}
.post-info-share ul {
text-align: center;
}
.post-info {
margin-top: 0;
}
.inform-text {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}
.post-info-tags ul {
text-align: center;
}
.related-post .flex.two.same-on-mobile .col, 
.related-post .flex.four.same-on-mobile .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
}
.group-form label {
width: 100%;
}
.group-form input, 
.group-form textarea {
float: left;
width: 100%;
}
#respond .form-submit input[type="submit"] {
font-size: 24px;
}
#respond .form-submit .arrow-submit {
width: 100px;
height: 88px;
line-height: 112px;
}
#respond .form-submit .arrow-submit:before {
width: 31px;
height: 25px;
}
#respond .comment-reply-title {
font-size: 36px;
margin-bottom: 21px;
}
.comment-respond #cancel-comment-reply-link {
float: none;
}
.commentlist li li {
margin-left: 5px;
}
.questionnaire-begin-project .intro.light.short-height .title h1 {
display: block;
}
.questionnaire-begin-project .content .wrapp_qnt_button .input-block {
padding: .7em 1em .8em;
}
.questionnaire-begin-project .form_start_project form {
padding-bottom: 20px;
}
.multiple_checkbox .multiple_checkbox_single img {
margin-top: 6px;
margin-bottom: 6px;
}
.landing-section-1 .landing-title h1 {
font-size: 40px;
}
.landing-section-1 .landing-title p {
font-size: 25px;
}
.landing-section-1 .landing-title {
margin-bottom: 40px;
}
.landing-section-1 .intro-image-section img {
width: 350px;
float: none;
display: block;
margin: 0 auto;
}
.landing-section-2 .mascot {
max-width: 100%;
width: 300px;
margin-top: -100px;
margin-left: auto;
margin-right: auto;
}
.landingpage-store .landing-section-2 .mascot {
margin-top: -100px;
}
.landing-section-2 h2 {
font-size: 45px;
margin-bottom: 25px;
}
.wrapp-landing-section-4 .letter {
display: none;
}
.wrapp-landing-section-4 .infos_payment {
margin-top: 50px;
margin-bottom: 50px;
}
.wrapp-landing-section-4 .infos_payment .col:nth-child(2) {
margin-top: 30px;
}
.button-next-section .scroll-button {
padding: 30px 0 24px 0;
font-size: 28px;
padding-right: 90px;
}
.button-next-section .scroll-button:after {
width: 90px;
}
.button-next-section .scroll-button:hover:after {
background-position-y: 34px!important;
}
.wrapp-landing-section-1 .intro-image-section {
margin-top: 20px;
}
.testimonials.landing-section-3 .flex .col:nth-child(1) {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.testimonials.landing-section-3 .flex .project-imgs {
margin-top: 33px;
}
.testimonials .wrapp-landing-section-3 .letter {
top: -194px;
font-size: 40em;
}
.testimonials.landing-section-3 .button-next-section {
margin-top: 55px;
}
.wrapp-landing-section-5 .team-members-list .col {
-webkit-flex: 0 25%;
-moz-flex: 0 25%;
-ms-flex: 0 25%;
-o-flex: 0 25%;
flex: 0 25%;
width: 25%;
max-width: 25%;
}
.landing-section-3 .title h2 {
font-size: 40px;
margin-bottom: 25px;
}
.wrapp-landing-section-3 .custom-slider-testimonials .custom-slider-testimonials-img .owl-nav {
bottom: 0;
}
.testimonials.landing-section-3 .button-next-section {
margin-top: 0;
}
.landing-section-4.inclined-top:before {
height: 8em;
}
.landing-section-3 .title h3 {
font-size: 30px;
}
.yellow .testimonials .wrapp-landing-section-3 blockquote {
font-size: 19px;
}
.landing-section-3.inclined-top:before {
height: 9em;
}
.wrapp-landing-section-3 {
padding-top: 10em;
}
.button-next-section .small-text br {
display: inline;
}
.wrapp-landing-section-4 .slider-two-wrapp {
margin: 0 auto;
}
.landing-section-4  .content-logos p {
text-align: center;
font-family: 'myr-400';
}
.wrapp-landing-section-4 .slider-two-wrapp {
width: 100%;
}
.wrapp-landing-section-4 {
padding-top: 110px; 
}
.landing-section-4.inclined-top:before {
height: 5em;
}
.wrapp-landing-section-4 .content-payment {
margin-top: 5px;
}
.wrapp-landing-section-4 .button-next-section {
margin-bottom: 50px;
margin-top: 50px;
}
.wrapp-landing-section-4 .content-payment {
font-size: 25px;
}
.wrapp-landing-section-4 .infos_payment {
margin-top: 20px;
}
.wrapp-landing-section-4 .clients-slider-two .owl-nav {
margin: 0em auto 2em auto;
left: 0;
}
.wrapp-landing-section-4 .logos_client_area .col_content p {
font-size: 34px;
text-align: center;
font-family: 'myr-400';
}
.wrapp-landing-section-4 .clients-slider-two .item li {
margin-top: 1em;
}
.wrapp-landing-section-4 .clients-slider-two .item {
padding-left: 1em;
}
.landing-section-5 .people .title h2 {
font-size: 52px;
margin-top: 0;
}
.wrapp-landing-section-6 {
padding-bottom: 110px;
}
.wrapp-landing-section-7 .letter {
display: none;
}
.wrapp-landing-section-7 .title h2 {
font-family: 'myr-400';
}
.wrapp-landing-section-7 {
padding-top: 60px;
padding-bottom: 60px;
}
.wrapp-landing-section-7 .form_start_project.wrapp_my_form_steps .wrapp-button-submit .arrow-submit {
top: 0;
}
.wrapp-landing-section-7 .input-block-small input[type="text"] {
width: 100%;
}
.wrapp-landing-section-7 .three-info.info_box_middle {
width: 100%;
}
.wrapp-landing-section-7 .three-infos {
margin-top: 30px;
}
.wrapp-landing-section-7 .three-info p {
min-height: 60px;
}
.landing-section-2 h2,
.landing-section-2 .service-list h3,
.landing-section-3 .title h2 {
font-family: 'myr-400';
}
.wrapp-landing-section-6 h2 {
font-family: 'myr-200';
}
.wrapp-landing-section-7 .wrapp-button-submit {
margin-top: 0;
}
.wrapp-landing-section-7 .wrapp_qnt_button_inline {
margin-top: 6px;
}
header .language.language-mobile {
padding-top: 0;
}
header .language.language-mobile li .flag-mobile {
display: none;
}
header .language.language-mobile li .flag-mobile.active {
display: block;
}
header .language.language-mobile li a {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
line-height: 0;
display: inline-block;
}
header .language.language-mobile li a img {
width: 3.2em;
height: 3.2em;
}
header .menu-wrapp .sub-menu,
header.on-scroll .menu-wrapp .sub-menu {
width: 100%; 
position: relative;
}
header .menu-wrapp .sub-menu {
top: 0;
font-size: 70%;
opacity: 1;
visibility: initial;
left: 0;
background: transparent;
text-align: center;
}
header .menu-wrapp .sub-menu li {
text-align: center;
}
header.text-dark .menu-wrapp .sub-menu li a {
color: #fff;
}	
header.text-dark .menu-wrapp .sub-menu {
top: 0;
}
.wrapp-landing-section-4 .flex .single-step-box {
-webkit-flex: 0  50%;
-moz-flex: 0  50%;
-ms-flex: 0   50%;
-o-flex: 0   50%;
flex: 0   50%;
width:  50%;
max-width: 50%;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
font-size: 40px;
padding-left: 20px;
padding-right: 20px;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
margin-bottom: 40px;
margin-top: 40px;
}
.landingpage2 .landing-section-1 .landing-title h1 {
font-size: 40px;
font-family: 'myr-400';
}
.landingpage2 .landing-section-1 .col-title h3 {
font-size: 1.4rem;
}
.wrapp_button_link {
margin-top: 30px;
margin-bottom: 60px;
}
.wrapp_button_link .wrapp_button_link_button a {
font-size: 27px;
}
.wrapp_button_link .wrapp_button_link_left p {
font-size: 31px;
}
header .menu-wrapp .sub-menu li:last-child {
padding-top: 17px;
}
header .menu-wrapp .sub-menu {
padding: 0.7em 1.2em 0.35em 1.2em;
}
header .menu-wrapp .sub-menu li {
padding-bottom: 1.3em;
}
.checkbox_wrapp.group_three span.wpcf7-list-item {
width: 100%;
float: none; 
padding-left: 0;
}
.nav-post .flex.two .col {
-webkit-flex: 0 50%;
-moz-flex: 0  50%;
-ms-flex: 0  50%;
-o-flex: 0  50%;
flex: 0  50%;
width:  50%;
max-width: 50%;
}
.nav-post a {
font-size: 0;
}
.nav-post a.nav-prev {
float: left;
}
.nav-post a:before {
top: 0;
}
.nav-post {
padding-top: 15px;
margin-top: 20px;
}
header .menu-wrapp .menu-item-has-children>a {
padding-bottom: 0;
} 
header .menu-wrapp li:first-child a:after {
content: none;
}
header .menu-wrapp .sub-menu {
border-top: 1px dashed rgba(255,255,255,.1);
padding: 0;
}
header .menu-wrapp .sub-menu li {
padding: 0.9em 0 0.45em!important;
}
header .menu-wrapp .sub-menu {
font-size: 100%;
}
header .menu-wrapp .menu-item-has-children {
padding-bottom: 0;
}
header nav li a {
font-size: 160%;
}
.home .intro #typewriter a:after  {
height: 2px;
bottom: 10px;
}
.big-intro-text {
font-size: 29px;
line-height: 1.3em;
}
.wrapp-typing-text {
margin-top: 90px;
}
#awesome {
width: auto;
}
.landing-section-1 .intro-image-section {
display: none;
}
header.text-dark.on-scroll .menu-wrapp .sub-menu {
background: transparent;
top: 0;
}
.absolute-link {
top: 76px;
font-size: 9px;
width: 135px;
left: calc( 40% - -1px);
}
.wrapp-landing-section-4 .slider-two img {
width: 180px;
}
div#catapult-cookie-bar {
bottom: 19px;
z-index: 999;
}
#respond .form-submit input[type="submit"] {
padding-top: 34px;
padding-bottom: 24px;
padding-right: 120px;
}
.website-request {
display: block;
}
.inform-text-box .call-to-action {
background-color: #180c2e;
padding: 27px 10px;
margin: 20px 0;
}
.questionnaire-begin-project .new_color_form .content .wrapp_qnt_button,
.new_color_form  .wrapp-button-submit {
margin-top: 0;
}
.only_for_steps.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .wrapp-button-submit input.submit-btn {
bottom: 0;
text-shadow: 0px 0px 0px #230f47;
}
.only_for_steps.form_start_project.wrapp_my_form_steps .wrapp-button-submit .arrow-submit {
top: 0;
}
.work-steps .item-team-steps.first:before {
width: 34px;
position: absolute;
left: 49%;
top: -36px;
height: 100px;
border-top: 1px dashed #707070;
border-bottom: none;
border-right: 1px dashed #707070;
border-left: 1px dashed #707070;
}
.work-steps .item-team-steps.middle {
margin-top: 50px;
margin-bottom: 50px;
}
.wrapp-item-team-steps .wrapp-item-team-img-brd {
display: inline-block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.work-steps .item-team-steps.middle:before {
width: 34px;
left: 49%;
top: -45px;
height: 60px;
border-top: none;
border-bottom: none;
border-right: 1px dashed #707070;
border-left: 1px dashed #707070;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.work-steps .item-team-steps.middle:after {
width: 34px;
right: auto;
left: 49%;
top: auto;
bottom: -72px;
height: 70px;
border-top: none;
border-bottom: 1px dashed #707070;
border-right: 1px dashed #707070;
border-left: 1px dashed #707070;
z-index: 9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top: none;
}
.wrapp-item-team-steps {
background: #180c2f; 
}
.work-steps .item-team-steps.last .wrapp-item-team-steps {
padding-bottom: 10px;
}
.work-steps .item-team-steps.last:after {
width: 34px;
right: auto;
left: 49%;
top: auto;
bottom: -39px;
height: 66px;
border-top: none;
border-bottom: 1px dashed #707070;
border-right: 1px dashed #707070;
border-left: 1px dashed #707070;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.landingpagew-partner .about-info.inclined-top-right:before {
top: -7em;
}
.landingpagew-partner .landing-title.mbottom {
margin-top: 60px;
margin-bottom: 30px;
}
.landingpagew-partner .landing-section-1 .col-title ul li {
font-size: 17px;
padding-left: 43px;
}
.landingpagew-partner .landing-section-1 .col-title ul li:before {
top: 1px;
}
.landingpagew-partner .team  .landing-section-1 .col-title {
margin-bottom: 40px;
}
.landingpagew-partner .team  .col img {
width: 100%;
}
.landingpagew-partner .on-middle-info .small-title {
font-size: 35px;
}
.to-center-slim img{
padding-left: 0;
}
.to-center-slim {
width: 100%;
}
.to-center-slim .flex.two .col:first-child,
.to-center-slim .flex.two .col:last-child {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.website-request-team.website-request .call-to-action {
margin-bottom: 20px;
}
header .menu-wrapp .sub-menu:before {
content: none;
}
.offices .toggle {
width: 100%;
bottom: -18px;
position: relative;
left: 0;
margin-left: 0;
}
.inner-hover-info-contact {
position: absolute;
bottom: 10px;
left: 20px;
}
.hover-info-contact h3 {
font-size: 23px;
}
.home .story .flex.team-box .style-team h4 {
top: 0;
}
.questionnaire-begin-project div.wpcf7 .ajax-loader {
top: 90px !important;
}
} 
@media (max-width: 640px) { 
#respond .form-submit input[type="submit"] {
font-size: 0;
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-light.svg);
background-repeat: no-repeat;
background-position: center center;
padding-top: 40px;
padding-bottom: 40px;
background-size: 25px;
}
#respond .form-submit .arrow-submit {
display: none;
}
.comments-area #respond {
margin-bottom: 100px;
}
.custom-slider-testimonials .img-1 {
height: 270px;
}
.wrapp-landing-section-3 .custom-slider-testimonials .custom-slider-testimonials-img .owl-nav {
bottom: -18px;
}
.wrapp-landing-section-5 .team-members-list .col {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
.landing-section-5 .people .graphic.circle {
top: 6%;
}
.landing-section-5 .people .title {
margin-bottom: 30px;
}
.wrapp-landing-section-7 .three-infos .col  {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.wrapp-landing-section-7 .certf ul li {
margin-top: 5px;
margin-bottom: 5px;
} 
.begin-project .intro.light.short-height .graphic.line {
display: none;
}
.wrapp-landing-section-7 .certf img {
height: 40px;
}
.wrapp-landing-section-7 .certf li:nth-child(2) img  {
height: 50px;
}
.wrapp-landing-section-7 .certf ul li {
margin-top: 5px;
margin-bottom: 5px;
}
}
@media (max-width: 560px) {
.map-location .map {
bottom: -2em;
}
.inner-hover-info-contact {
bottom: auto;
top: 10px;
}
.offices .toggle {
bottom: -50px;
}
}
@media (max-width: 520px) { 
.form_start_project.wrapp_my_form_steps fieldset button .arrow,
.form_start_project .step-wrapp .arrow-right {
display: none!important; 
}
.form_start_project.wrapp_my_form_steps fieldset .cf7mls_next.action-button {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-right-purple.svg)!important;
font-size: 0;
background-repeat: no-repeat!important;
background-position: center center!important;
background-size: 21px!important;
padding: 49px 50px 25px 20px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button, 
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .cf7mls_back.action-button, 
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_next.action-button, 
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="2"] .step-wrapp input[type="button"] {
font-size: 0!important;
padding: 46px 20px 26px 20px;
}
.form_start_project.wrapp_my_form_steps fieldset[data-cf7mls-order="1"] .cf7mls_back.action-button {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-left-purple.svg)!important;
background-repeat: no-repeat!important;
background-position: center center!important;
background-size: 23px!important;
}
.form_start_project .step-wrapp input[type="button"] {
background-image: url(//www.verycreative.eu/wp-content/themes/verycreative/img/svg/arrow-left-purple.svg)!important;
background-repeat: no-repeat!important;
background-position: center center!important;
background-size: 21px!important;
}
.form_start_project.wrapp_my_form_steps .wrapp-button-submit input.submit-btn { }
.form_start_project.wrapp_my_form_steps .wrapp-button-submit .arrow-submit {
display: none!important;
}
.breadcrumbs ul li {
margin-right: 20px;
}
.breadcrumbs ul li a:after {
right: -19px;
top: 5px;
background-size: 6px;
}
.copyright span {
display: inline-block;
width: 100%;
}
.landing-section-3 .graphic.square {
left: -19px;
}
.testimonials .wrapp-landing-section-3 .letter {
top: -162px;
font-size: 35em;
right: 4%;
}
.landing-section-5 .people .title h2 {
font-size: 45px;
}
.landing-section-5 .people .title h4 {
font-size: 30px;
}
.wrapp-landing-section-6 h2 {
font-size: 40px;
}
.wrapp-landing-section-6 .col ul li {
font-size: 23px;
padding-left: 45px;
}
.wrapp-landing-section-6 .col ul li:before {
top: 1px;
background-size: 22px; 
}
.wrapp-landing-section-6 {
padding-bottom: 90px;
}
.wrapp-landing-section-7 .certf p {
display: block;
margin-right: 0;
margin-bottom: 8px;
font-family: 'myr-600';
}
.wrapp-landing-section-7 .certf {
margin-top: 10px;
}
.landing-section-1 .graphic.square {
display: none;
}
.state-en .home .services ul.horizontal li a {
font-size: 105%;
}
.state-en .home .services ul.horizontal li  {
margin: 0.4em .2em;	
}
.landingpagew-partner .landing-section-1 .landing-title.small-landig-title h1 {
font-size: 28px;
}
.landingpagew-partner .landing-section-1 .landing-title {
margin-bottom: 10px;
}
.landingpagew-partner .intro-text-section-larger p {
font-size: 18px;
}
.button-next-down {
margin-top: 30px;
}
.button-next-down .btn {
padding: 18px 40px 12px 40px;
font-size: 18px;
}
.landingpagew-partner .service-item-full h3 {
font-size: 22px;
}
.landingpagew-partner .inner-section-landing .general-content p {
font-size: 1.2rem;
}
.landingpagew-partner .service-item-full .img {
width: 100px;
height: 100px;
line-height: 145px;
}
.landingpagew-partner .service-item-full .img img {
width: 54px;
}
.landingpagew-partner .service-item-desc p {
font-size: 15px;
}
.landingpagew-partner .service-list-full .flex.four.same-on-mobile .col {
-webkit-flex: 0 100%;
-moz-flex: 0% 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.wrapp-landing-section-inner-2 .wrapp-buttons a {
padding: 22px 44px 18px;
font-size: 19px;
}
.wrapp-landing-section-inner-2 .wrapp-buttons a.outline {
padding: 24px 36px 19px;
}
.button-next-down p {
font-size: 18px;
}
.wrapp-buttons-lpc a {
padding: 22px 44px 18px!important;
font-size: 19px;
}
}
@media (max-width: 480px) { 
div.wpcf7 .ajax-loader {
width: 25px;
height: 17px;
top: -24px;
background-size: 25px;
}
.wrapp-button-submit {
height: 50px;
overflow: hidden;
}
.style-checkbox, .style-radio {
top: 0;
}
.box_file span.extra-infos {
font-size: 10px;
}
.checkbox_request .checkbox_wrapp .wpcf7-list-item {
margin-left: 7px;
}
.form_start_project .radio_wrapp span.wpcf7-list-item {
margin-right: 8px;
}
.form_start_project .radio_wrapp_large label span.wpcf7-list-item-label {
padding: 6px 8px 2px 8px;
}
.begin-project .wrapp_my_form_steps .wrapp-button-submit {
height: 88px;
} 
.general .article .graphic.triangle.to-white {
display: none;
}
.text-dark-large .smaller-container-article {
width: 100%;
}
.article-page .text-dark-large {
margin-top: -3em;
}
#respond {
padding: 30px;
}
.landing-section-2 .service-list .flex.three.same-on-mobile .col {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width: 100%;
}
.landing-section-2 .service-item-desc {
text-align: center;
}
.button-next-section .scroll-button {
padding: 29px 0 21px 0;
font-size: 23px;
padding-right: 65px;
}
.button-next-section .scroll-button:after {
width: 65px;
background-size: 18px;
}
.button-next-section .scroll-button:hover:after {
background-position-y: 32px!important;
}
.landing-section-1 .landing-title h1 {
font-size: 30px;
}
.landing-section-1 .landing-title p {
font-size: 20px;
}
.landing-section-1 .landing-title {
margin-bottom: 15px;
}
.landing-section-1 .col-title h3 {
margin-bottom: 12px;
}
.landing-section-1 .col-title ul li {
font-size: 16px;
}
.landing-section-2 h2 {
font-size: 30px;
}
.landing-section-2 .title p {
font-size: 20px;
line-height: 1.6em;
}
.landing-section-2 .service-list h3 {
font-size: 22px;
}
.landing-section-2 .service-item-desc p {
font-size: 16px;
}
.testimonials .wrapp-landing-section-3 .letter {
font-size: 29em;
}
.landing-section-3 .title h3 {
margin-bottom: 0;
}
.landing-section-3 .title h3 {
font-size: 20px;
}
.button-next-section .small-text {
padding-left: 10px;
padding-right: 10px;
}
.button-next-section .small-text a {
font-size: 26px;
}
.landing-section-4 .content-logos p {
font-size: 26px;
}
.wrapp-landing-section-4 .logos_client_area .col_content p {
font-size: 26px;
}
.wrapp-landing-section-4 .content-payment {
font-family: 'myr-400';
font-size: 20px;
}
.wrapp-landing-section-5 .team-members-list .col {
-webkit-flex: 0 50%;
-moz-flex: 0 50%;
-ms-flex: 0 50%;
-o-flex: 0 50%;
flex: 0 50%;
width: 50%;
max-width: 50%;
}
.landing-section-5 .people .graphic.circle {
top: 4%;
}
.wrapp-landing-section-6 .letter {
font-size: 35em;
}
.wrapp-landing-section-7 .title h2 {
font-size: 45px;
}
.wrapp-landing-section-7 .title p {
font-size: 22px;
}
.wrapp-landing-section-7 {
padding-top: 50px;
padding-bottom: 50px;
}
.wrapp-landing-section-7  .wrapp-button-submit {
height: 71px;
}
.wrapp-landing-section-7 .form_start_project .radio_wrapp span.wpcf7-list-item {
margin-right: 50px;
}
.wrapp-landing-section-4 .single-step-box-img {
width: 90px;
height: 90px;
line-height: 124px;
}
.wrapp-landing-section-4 .single-step-box-img img {
width: 43px;
}
.wrapp-landing-section-4 .steps-intro-title h2 {
font-size: 34px;
padding-left: 0;
padding-right: 0;
}
.wrapp-landing-section-4 .single-step-box h4 {
font-size: 24px;
}
.wrapp-landing-section-4 .flex .single-step-box {
-webkit-flex: 0 100%;
-moz-flex: 0 100%;
-ms-flex: 0 100%;
-o-flex: 0 100%;
flex: 0 100%;
width: 100%;
max-width:  100%;
}
.landingpage2 .landing-section-1 .landing-title h1 {
font-size: 30px;
}
.landingpage2 .landing-section-1 .col-title h3 { 
font-size: 1.2rem;
}
.home .intro h2 {
font-size: 2em;
}
.big-intro-text {
font-size: 22px;
}
.wrapp-typing-text {
margin-top: 70px;
}
.list_services_horizontal li {
line-height: 10px;
}
.landingpagew-partner .services.inner-section-landing {
padding-bottom: 165px;
}
.state-en .home .services ul.horizontal li a {
font-size: 14px;
margin-right: 7px;
}
.state-en .home .services .text p {
font-size: 14px;
}
}
@media (max-width: 400px) {  
.multiple_checkbox .multiple_checkbox_single .checkbox_wrapp {
width: calc(100% - 50px);
padding-right: 0;
padding-left: 10px;
}
.multiple_checkbox .multiple_checkbox_single img {
width: 50px;
}
.form_start_project .radio_wrapp_large label span.wpcf7-list-item-label {
font-size: 13px;
}
.button-next-section .small-text a {
font-size: 24px;
}
.wrapp-landing-section-4 .clients-slider-wrapp-width {
width: 100%;
}
.wrapp-landing-section-4 .clients-slider-two .item {
padding-left: 0em;
}
.landing-section-5 .people .title h2 {
font-size: 40px;
}
.landing-section-5 .people .title h4 {
font-size: 28px;
}
.form_start_project .radio_wrapp span.wpcf7-list-item {
margin-right: 4px;
}
.state-en .home .services ul.horizontal li  {
margin: 0.4em .05em;	
}
.wrapp-landing-section-inner-2 .wrapp-buttons a {
width: 100%;
padding: 24px 16px 19px;
margin-left: 0;
margin-right: 0;
}
.wrapp-landing-section-inner-2 .wrapp-buttons a.outline {
padding: 24px 16px 19px;
}
.wrapp-buttons-lpc a {
width: 100%;
}
.wrapp-buttons-lpc a {
margin-left: 0;
margin-right: 0;
}
.questionnaire-begin-project div.wpcf7 .ajax-loader {
top: 100px !important;
}
}
@media (max-width: 350px) { 
header nav li a {
font-size: 150%;
}
.form_start_project .radio_wrapp_large label span.wpcf7-list-item-label {
font-size: 12px;
}
}
.wrapp_qnt_button_inline_center {
width: 100%;
margin: 0 auto;
}
@media (max-width: 480px) { 
.wrapp_qnt_button_inline_center {
width: 100%;
} 
}
.wpcf7-acceptance .style-checkbox {
background: rgba(255, 255, 255, 0.65);
}
.wpcf7-acceptance .style-checkbox.active {
background: #ffda21;
}
.wrapp-landing-section-7 div.wpcf7 .ajax-loader {
top: -40px;
bottom: 0; 
}
.wrapp-landing-section-7 .new_color_form.wrapp_my_form_steps div.wpcf7-validation-errors, 
.wrapp-landing-section-7 .new_color_form.wrapp_my_form_steps div.wpcf7-acceptance-missing, 
.wrapp-landing-section-7 .new_color_form.wrapp_my_form_steps div.wpcf7-mail-sent-ok {
margin-top: 6px;
}
.landing-section-7 .contact-form {
width: 65%;
display: block;
margin: 0 auto;
}
.landing-section-7 .contact-form  form {
padding-top: 0.1em;
padding-bottom: 3em;
}
@media (max-width: 768px) { 
.landing-section-7 .contact-form {
width: 100%;
}
.cookie-alert p a {
display: inline-block;
}
.cookie-alert {
padding: 15px 10px;
}
.cookie-alert span {
display: inline-block;
width: 100%;
}	
} .custom-buttons-area {
display: inline-block;
width: 100%;
text-align: left;
}
.custom-buttons-area li {
display: inline-block;
vertical-align: top;
margin: 15px 15px 25px 0;
}
.state-en .custom-buttons-area li {
margin-right: 11px;
}
.custom-buttons-area li a {
border: 1px solid #fff;
padding: 13px 20px 6px 20px;
color: #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
font-size: 22px;
}
.state-en .custom-buttons-area li a {
padding: 13px 16px 4px;
}
.custom-buttons-area li a.active {
border: 1px solid rgb(255, 218, 33);
color: #180c2f;
background: rgb(255, 218, 33);
}
.only_contact div.wpcf7 .ajax-loader {
top: -52px;
}
.grecaptcha-badge{
visibility: collapse !important;  
}
@media (max-width: 1200px) {
.custom-buttons-area li,
.state-en .custom-buttons-area li {
margin-right: 8px;
}
.custom-buttons-area li a {
font-size: 19px;
}
}
@media (max-width: 1050px) {
.custom-buttons-area li a,
.state-en .custom-buttons-area li a {
font-size: 16px;
padding: 11px 20px 7px 20px;
}
.home .services .text p {
font-size: 18px;
}
}
@media (max-width: 920px) {
.custom-buttons-area li a,
.state-en .custom-buttons-area li a {
padding: 11px 14px 7px 14px;
}
}
@media (max-width: 920px) {
.custom-buttons-area li,
.state-en .custom-buttons-area li {
margin-right: 4px;
}
.custom-buttons-area li a,
.state-en .custom-buttons-area li a {
padding: 11px 11px 7px 11px;
}
.landingpagew-partner .landing-section-1 .col-title.less-space ul li {
font-size: 21px;
}
}
@media (max-width: 767px) {
.custom-buttons-area li {
margin-right: 11px;
}
.to-be-centred-img .equal_column img {
top: auto;
transform: initial;
}
.only_contact div.wpcf7 .ajax-loader {
top: -37px;
}
}
@media (max-width: 480px) {
.custom-buttons-area li a {
font-size: 14px;
padding: 10px 10px 6px 10px;
}
.state-en .custom-buttons-area li a {
font-size: 14px;
padding: 9px 8px 5px;
}
.custom-buttons-area li,
.state-en .custom-buttons-area li {
margin-bottom: 15px;
margin-right: 6px;
}
.home .services .text p {
font-size: 16px;
}
.state-en .custom-buttons-area li a {
margin-right: 2px;
font-size: 13px;
}
.new_color_form .wrapp-button-submit.wrapp-button-submit {
overflow: inherit;
}
.only_contact div.wpcf7 .ajax-loader {
top: -26px;
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing, 
div.wpcf7-mail-sent-ok {
font-size: 14px;
}
.wrapp-landing-section-7 div.wpcf7 .ajax-loader {
top: -35px;
}
.hover-info-contact h3 {
font-size: 16px;
}
.offices .toggle a {
font-size: 13px;
padding: 11px 11px 8px 11px;
}
}
@media (max-width: 380px) {
.custom-buttons-area li,
.state-en .custom-buttons-area li {
margin-right: 2px;
}
.custom-buttons-area li a,
.state-en .custom-buttons-area li a {
padding: 10px 7px 6px;
}
.only_contact div.wpcf7 .ajax-loader {
background-size: 19px;
width: 19px;
height: 13px;
background-color: #180c2f!important;
z-index: 9999;
padding: 4px 20px;
}
}
@media (max-width: 360px) {
.custom-buttons-area li a {
font-size: 13px;
padding: 10px 7px 6px 7px;
}
.state-en .custom-buttons-area li a {
font-size: 12px;
padding: 8px 5px 4px;
}
}
.new_color_form .wrapp-button-submit input.submit-btn, .wrapp-button-submit input.submit-btn {
margin-top: 0px;
}
@media (min-width: 1170px) {
.flex.two.parent.right-is-larger.slightly {
flex-direction: row;
}
.left-is-larger.two.slightly .col:nth-child(2), .right-is-larger.two.slightly .col:nth-child(1) {
flex: 0 32%;
max-width: 100%;
width: 100%;
}
.left-is-larger.two.slightly .col:nth-child(1), .right-is-larger.two.slightly .col:nth-child(2) {
flex: 0 67%;
width: 100%;
max-width: 100%;
}
.footer.short .offices .flex {
padding-right: 5em;
position: relative;
padding-bottom: 0;
}
.footer.short .offices .flex .col:nth-child(3) {
flex: 0 auto;
position: absolute;
min-width: 0;
position: absolute;
bottom: initial;
left: 0;
left: initial;
top: 0;
right: 0;
max-width: 5.5em;
}
.footer.short .offices .flex .col:nth-child(4) {
position: relative;
flex: 0 33.33%;
}
.footer.short .offices .flex .col:nth-child(3) li {
display: block;
margin-left: 0;
}
.footer.short .offices .flex .col:nth-child(3) li:first-child {
margin-top: 0;
}
footer.short .offices .flex .col:nth-child(1), footer.short .offices .flex .col:nth-child(2), footer.short .offices .flex .col:nth-child(3) {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
}
@media (max-width: 1170px) and (min-width: 767px) {
.flex.two.parent.right-is-larger.slightly {
flex-direction: row-reverse;
}
.left-is-larger.two.slightly .col:nth-child(2), .right-is-larger.two.slightly .col:nth-child(1) {
flex: 0 32%;
max-width: 100%;
}
.left-is-larger.two.slightly .col:nth-child(1), .right-is-larger.two.slightly .col:nth-child(2) {
flex: 0 68%;
max-width: 100%
}
.flex.two.parent.right-is-larger.slightly .col:nth-child(1) h5 {
margin-top: 0
}
.flex.two.parent.right-is-larger.slightly .col:nth-child(2) ul {
padding-right: 0;
}
footer.short h5 {
margin-top: 0px;
}
footer.short .offices .flex {
padding-right: 0;
position: relative;
padding-bottom: 0;
}
footer.short .offices .flex.three .col:first-child, footer.short .offices .flex.three .col:nth-child(2), footer.short .offices .flex .col:nth-child(3) {
-webkit-flex: 0 33.33%;
-moz-flex: 0 33.33%;
-ms-flex: 0 33.33%;
-o-flex: 0 33.33%;
flex: 0 33.33%;
width: 33.33%;
max-width: 33.33%;
}
footer.short .offices .flex .col:nth-child(4) li:first-child {
margin-left: 0;
}
footer.short .offices .flex .col:nth-child(4) li {
display: inline-block;
margin-left: 1em;
}
footer.short .offices .flex .col:nth-child(4) {
margin-top: 20px;
position: relative;
flex: 0 100%;
max-width: 100%;
}
}
@media screen and (min-width: 73.125em) {
.home .overview {
padding-bottom: 0em;
margin-bottom: 13em;
}
}