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;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
box-sizing: border-box;
}
body {
font-size: 16px;
line-height: 1.5em;
font-family: 'Roboto', sans-serif;
color: #2D3133;
}
body:before {
content: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/background_angle.svg);
position: absolute;
top: 0px;
right: 0;
width: 50%;
z-index: -1;
opacity: 0;
}
body.animate_background:before {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
animation-duration: .5s;
animation-fill-mode: forwards;
opacity: 1;
}
.page-id-38 {
background: #2D3133;
}
.page-id-40 {
background: #00A491;
}
.page-id-40:before{
content: "";
}
.page-id-38.animate_background:before {
-webkit-animation-name: fadeInDownBigTransparent;
animation-name: fadeInDownBigTransparent;
content: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/background_angle.svg);
position: absolute;
top: 0;
right: 0;
opacity: .1;
z-index: -1;
overflow: hidden;
}
.black-bg {
background: #2D3133;
color: #EDEEEC;
position: relative;
}
.black-bg .hero-title {
color: #EDEEEC;
}
p {
margin: 0 0 1.5em;
}
p:last-child{
margin:0;
}
strong, b {
font-weight: 700;
}
a {
text-decoration: none;
color: #2D3133;
}
ol, ul{
margin: 0 0 1.5em;
}
img{
width:100%;
height:auto;
}
h1, h2, h3, h4, h5, h6{
line-height: 1.25em;
margin: 0 0 1em;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .01em;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
.section-subtitle {
text-transform: uppercase;
font-size: 1em;
color: #C0C4C3;
font-weight: 500;
display: block;
margin-bottom: .3em;
letter-spacing: .02em;
}
.lowercase {
text-transform: lowercase !important;
}
section,
.projects .row:not(:last-child){
padding-bottom: 15vh;
}
.relative-pt {
position: relative;
}
header {
padding: 20px 0 0;
}
header .row {
display: flex;
align-items: center;
}
.logo{
height: 40px;
}
.logo a svg {
width: 40px;
display: block;
}
.mob {
display: none;
}
main{
padding-top: 135px;
padding-top: 20vh;
}
.verticle-align {
align-self: flex-end;
}
.cvy_growing_svg_line {
display: none;
}
.cvy_growing_svg_line svg {
height: inherit;
}
.service-item-num img {
height: 80px;
width: auto;
}
.service-item-num {
position: relative;
}
.service-item-num:before {
content: "";
position: absolute;
left: 109px;
top: 34px;
width: 50px;
height: 2px;
background: #EDEEEC;
border: 0px solid transparent;
transition: all .5s ease;
}
.service-title {
color: #EDEEEC;
}
.service-item-title h2 {
margin-bottom: 16px;
font-size: 26px;
}
.service-item-pt .row {
margin-bottom: 10vh;
}
.service-item-pt {
padding-bottom: 92px;
}
.service-description {
color: #EDEEEC;
}
.service-item-title h2,.service-item-text {
color: #EDEEEC;
transition: all .5s ease;
}
.service-item-pt .row:hover .service-item-title h2, .service-item-pt .row:hover .service-item-text {
color: #EDEEEC;
}
.service-item-pt .row:hover .service-item-num:before {
background: #EDEEEC;
}
.contact-sidebar {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #EDEEEC;
}
.contact-pt h3,
.contact-pt p {
font-size: 18px;
color: #EDEEEC;
}
nav ul {
float: right;
top: 0;
}
nav ul li {
display: inline-block;
float: left;
}
nav ul li:not(:first-child) {
margin-left: 25px;
}
nav ul li a {
display: inline-block;
outline: none;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-left: 90px;
font-size: 18px;
position: relative;
z-index: 999999;
transition: all .5s ease;
}
nav .hero-button {
padding-left: 30px;
font-size: 1em;
}
nav .hero-button:before {
width: 20px;
height: 2px;
}
nav .hero-button:hover {
padding-right: 30px;
}
nav .hero-button:hover:before {
width: 20px;
height: 2px;
-webkit-animation-name: thinStrokeSlide;
animation-name: thinStrokeSlide;
}
nav svg {
display: block;
width: 30px;
}
span.wpcf7-not-valid-tip {
position: relative;
top: -10px;
}
.nav-container {
position: fixed;
top: 0;
left: 0;
height: 0%;
width: 100%;
z-index: -1;
background: #1f2227;
opacity: 0;
transition: all 0.2s ease;
}
.add-height.nav-container {
height: 100%;
}
.nav-container ul li {
display: block;
float: none;
width: 100%;
text-align: right;
margin-bottom: 10px;
}
.nav-container ul li:nth-child(1) a {
transition-delay: 0.2s;
}
.nav-container ul li:nth-child(2) a {
transition-delay: 0.3s;
}
.nav-container ul li:nth-child(3) a {
transition-delay: 0.4s;
}
.nav-container ul li:nth-child(4) a {
transition-delay: 0.5s;
}
.nav-container ul li:not(:first-child) {
margin-left: 0;
}
.nav-container ul li a {
padding: 10px 25px;
opacity: 0;
color: #EDEEEC;
font-size: 24px;
font-weight: 600;
transform: translateY(-20px);
transition: all 0.2s ease;
}
.cvy_hamburger {
width: 30px;
float: right;
cursor: pointer;
}
.cvy_hamburger span {
display: block;
height: 1px;
width: 100%;
background: #707070;
transition: 0.5s;
line-height: 0;
}
.cvy_hamburger .cvy_short_line {
width: 80%;
margin: 10px 0;
}
.page-template-page-contact .cvy_hamburger span,
.page-template-page-service .cvy_hamburger span {
background: #EDEEEC;
}
.cvy_hamburger.cvy_active .cvy_short_line {
opacity: 0;
}
.cvy_hamburger.cvy_active span:nth-child(1){
-webkit-transform: translateY(11.5px) rotate(45deg);
-ms-transform: translateY(11.5px) rotate(45deg);
-o-transform: translateY(11.5px) rotate(45deg);
transform: translateY(11.5px) rotate(45deg);
width: 100% !important;
}
.cvy_hamburger.cvy_active span:nth-child(3){
-webkit-transform: translateY(-11.5px) rotate(-45deg);
-ms-transform: translateY(-11.5px) rotate(-45deg);
-o-transform: translateY(-11.5px) rotate(-45deg);
transform: translateY(-11.5px) rotate(-45deg);
width: 100% !important;
}
.nav-open {
position: relative;
display: block;
z-index: 2;
}
.nav-container.add-height .nav-close:after {
display: block;
}
.take-down {
transition: all .5s ease;
display: block;
float: right;
}
.nav-open i {
display: block;
width: 20px;
height: 2px;
background: #1f2227;
border-radius: 2px;
margin-left: 14px;
}
.nav-open i:nth-child(1) {
margin-top: 16px;
}
.nav-open i:nth-child(2) {
margin-top: 4px;
opacity: 1;
}
.nav-open i:nth-child(3) {
margin-top: 4px;
}
#nav:checked + .nav-open {
transform: rotate(0deg);
}
#nav:checked + .nav-open i {
background: #EDEEEC;
transition: transform 0.2s ease;
}
#nav:checked + .nav-open i:nth-child(1) {
transform: translateY(6px) rotate(180deg);
}
#nav:checked + .nav-open i:nth-child(2) {
opacity: 0;
}
#nav:checked + .nav-open i:nth-child(3) {
transform: translateY(-6px) rotate(90deg);
}
#nav:checked ~ .nav-container {
z-index: 1;
opacity: 1;
display: flex;
align-items: center;
}
#nav:checked ~ .nav-container ul li a {
opacity: 1;
transform: translateY(0);
margin: 0;
}
#nav:checked ~ .nav-container .hero-button {
display: inline-block;
width: 100%;
color: #EDEEEC;
}
#nav:checked ~ .nav-container .hero-button:before {
background: #EDEEEC;
}
.hidden {
display: none;
}
.cvy_growing_svg_line {
position: absolute;
bottom: 0;
}
.hero {
position: relative;
background: unset;
background-size: unset;
}
.hero .cvy_growing_svg_line {
bottom: -70px;
height: 220px;
left: 61%;
}
.hero-button {
font-size: 1.2em;
color: #179e8e;
text-transform: uppercase;
font-weight: 500;
position: relative;
padding-left: 80px;
transition: all .5s ease;
display: inline-block;
}
.hero-button:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 70px;
height: 1px;
background: #179e8e;
}
.hero-button:hover{
padding-left:0;
padding-right:80px;
}
.hero-button:hover:before {
-webkit-animation-name: strokeSlide;
animation-name: strokeSlide;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.hero-button.white{
color: #EDEEEC;
}
.hero-button.white:before {
background: #EDEEEC;
}
.hero-description {
padding-right: 10%;
padding-left: 0px;
margin: 0 0 1.5em;
}
.hero-awards-list {
display: flex;
flex-wrap: wrap;
gap: 16px 20px;
align-items: center;
margin: 0 0 2em;
}
.hero-awards-image {
display: block;
width: auto;
height: auto;
max-width: 100px;
max-height: 100px;
}
.hero-wrpper {
display: flex;
align-content: flex-end;
z-index: 2;
position: relative;
}
.portfolio-project {
display: flex;
flex-direction: column-reverse;
}
.portfolio-project.aos-animate{
transform: none !important;
}
.portfolio-project .project-details {
margin-top: 30px;
text-transform: uppercase;
}
.portfolio-project .project-details img {
height: 25px;
width: auto;
}
.portfolio-project .project-date {
position: relative;
margin-bottom: 0;
color: #C0C4C3;
}
.portfolio-project h4 {
margin-bottom: 0em;
}
.portfolio-project .project-cats {
font-weight: 300;
}
.slider-item {
position: relative;
vertical-align: bottom;
width: 100%;
}
.slide-details {
position: absolute;
bottom: 0;
left: 0;
top: 0;
z-index: 1;
overflow: hidden;
display: flex;
align-items: flex-end;
width: 55px;
display: flex;
align-items: flex-end;
cursor:pointer;
transition:all .2s ease;
z-index: 1;
padding: 20px;
}
.slide-details:after{
content: " ";
background: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/icon-plus.svg) center center no-repeat;
position: absolute;
bottom: 10px;
left: 10px;
width: 20px;
height: 20px;
transition: .5s;
}
.slide-details svg{
position:absolute;
bottom:0;
left:0;
right:0;
width: 100%;
z-index: -1;
}
.slide-details.active{
transition:all .5s ease;
transition-delay:0s;
width:100%;
position:fixed;
z-index: 3
}
.slide-details.active svg{
transition:all .5s ease;
transition-delay: .4s;
width: 200%;
}
.slide-details.active:after{
transform: rotate(45deg);
top: 10px;
left: auto;
right: 10px;
}
.slider-content {
display: block;
color: #EDEEEC;
transition: all .5s ease;
}
.slide-details .slider-content-all{
transition-delay:0s;
opacity: 0;
}
.slide-details.active .slider-content-all{
opacity:1;
transition:all .5s ease;
transition-delay:.5s;
} .slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: -30px;
width: 18px;
height: 18px;
padding: 0;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev{
right: 20px;
-moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.slick-next{
right: 2px;
}
.slick-prev:before, .slick-next:before {
line-height: 1;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/arrow.svg);
}
.passionate {
position: relative;
background: unset;
background-size: unset;
}
.passionate .cvy_growing_svg_line {
left: 30%;
bottom: -10px;
}
section.creation{
padding-bottom: 0;
}
.creation-wrapper {
padding: 10vh 20px;
background: #2d3133;
}
.creation-nav ol {
padding-left: 0;
padding-top: 30px;
}
.creation-nav ol li {
padding-bottom: 16px;
}
.creation-nav ol li:last-child {
padding-bottom: 0px;
}
.design-title {
color: #EDEEEC;
}
.creation-details p {
color: #EDEEEC;
}
.svg-pt img {
max-width: 21px;
position: relative;
left: 0;
margin-right: 40px;
opacity: 0.3;
}
.creation-nav ol li {
display: flex;
align-items: flex-start;
color: #EDEEEC;
list-style-type: none;
position: relative;
}
.creation-nav ol li:after {
content: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/after.svg);
position: absolute;
left: 30px;
top: -6px;
width: 20px;
height: 2px;
}
.call-to-action{
padding:0;
}
.call-to-action a{
display: flex;
align-items: center;
background: #179e8e;
padding: 80px 0px;
}
.call-to-action a:hover{
background: #179e8ecc;
}
.copyright-text p {
font-size: 14px;
text-align: center;
margin-bottom: 0px;
color: #a0a2a2;
}
.footer-contact ul li {
list-style-type: none;
display: inline-block;
}
.footer-contact ul li a {
text-decoration: none;
color: #a0a2a2;
font-size: 14px;
text-align: center;
}
.footer-contact ul {
margin: 0;
padding: 0;
display: flex;
gap: 1em;
justify-content: center;
}
.footer {
background: #2d3133;
padding: 12px 0 30px;
}
.footer-dash {
color: #a0a2a2;
position: relative;
top: 2px;
left: 2px;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0 !important;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0 !important;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInDownBigTransparent {
from {
opacity: 0 !important;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: .1 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBigTransparent {
from {
opacity: 0 !important;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: .1 !important;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fixed-it {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
.half-pt input, .full-pt textarea {
width: 100%;
margin-bottom: 20px;
padding: 20px;
background: transparent;
border: 1px solid #EDEEEC;
font-size: 18px;
transition: all .5s ease;
}
.half-pt input::-webkit-input-placeholder, .full-pt textarea::-webkit-input-placeholder {
color: #74c0b6;
font-size: 18px;
transition: all .5s ease;
}
.half-pt input:focus::-webkit-input-placeholder, .full-pt textarea:focus::-webkit-input-placeholder {
color: #8d9090;
font-size: 18px;
}
.half-pt input:focus, .full-pt textarea:focus {
background: #EDEEEC;
border: 1px solid #EDEEEC;
outline: none;
}
.contact-form-pt p {
line-height: 0;
margin: 0;
}
span .wpcf7-not-valid {
border: 1px solid #ff0000 !important;
}
span.wpcf7-not-valid-tip {
display: none;
}
div.wpcf7-validation-errors {
background: #ffe2e2;
border: 1px solid #ff0000;
color: #C10000;
}
div.wpcf7-response-output {
margin: 2em 0;
padding: 15px;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wpcf7-spam-blocked {
background: #e2e2e2;
border: 1px solid #bcbcbc !important;
color: #383838;
}
.wpcf7-mail-sent-ng {
background: #fcf8e3;
border: 1px solid #ac9163 !important;
color: #8a6d3b;
}
.wpcf7-mail-sent-ok {
background: #dff0d8;
border: 1px solid #3c763d !important;
color: #3c763d;
}
.contact-form-pt input[type=submit] {
float: right;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #EDEEEC;
margin-bottom: 82px;
background: transparent;
border: 0px;
cursor: pointer;
}
.sub {
position: relative;
float: right;
}
.sub:before {
content: "";
position: absolute;
right: 71px;
top: 12px;
width: 70px;
height: 2px;
fill: #EDEEEC;
border: 0px solid #EDEEEC;
background: #EDEEEC;
}
.contact-pt {
padding-bottom: 78px;
}
.add-pt {
width: 30px;
position: relative;
top: -5px;
margin-right: 5px;
}
.b {
fill: #231f20;
}
.page-template-page-service .b{
fill: #EDEEEC;
}
.bottom-bg {
position: relative;
overflow: hidden;
}
.service-header {
position: relative;
}
.service-header .cvy_growing_svg_line {
opacity: .3;
left: 75%;
}   @media (min-width: 577px) {
.mobile-logo {
display: block;
}
.logo img {
max-width: 40px;
padding-left: 10px;
}
.main-nav-pt {
display: none;
}
.hero-description {
padding-right: 0px;
margin-left: 0px;
}
.creation-nav ol {
padding-top: 0px;
}
.fixed-it .logo {
height: 40px;
overflow: hidden;
transition: all 1s ease;
}
.cropped-image {
height: auto;
}
.mobile-crop {
position: relative;
width: 100%;
height: auto;
}
.portfolio-project {
flex-direction: unset;
align-items: flex-end;
}
.portfolio-project .project-details {
margin-top: 0;
text-align: right;
}
.copyright-text p {
text-align: left;
}
.footer-contact ul {
justify-content: flex-end;
}
.call-to-action a{
text-align: center;
}
}   @media (min-width: 770px) {
body:before {
width: 49%;
}
main {
padding-top: 310px;
padding-top: 40vh;
}
.logo {
height: 120px;
}
.fixed-it .mob {
display: none;
}
.fixed-it .logo a svg {
width: auto;
height: 60px;
transition: all .5s ease;
}
.nav-container {
position: unset;
top: unset;
left: unset;
height: unset;
width: unset;
z-index: unset;
background: unset;
opacity: unset;
transition: unset;
}
.nav-container ul {
position: unset;
top: unset;
transform: unset;
width: unset;
margin: 0px;
position: relative;
}
.nav-container ul li {
display: unset;
float: unset;
width: unset;
text-align: unset;
margin-bottom: unset;
}
.nav-container ul li:nth-child(1) a {
transition-delay: unset;
}
.nav-container ul li:nth-child(2) a {
transition-delay: unset;
}
.nav-container ul li:nth-child(3) a {
transition-delay: unset;
}
.nav-container ul li:nth-child(4) a {
transition-delay: unset;
}
.nav-container ul li:not(:first-child) {
margin-left: unset;
}
.nav-container ul li a {
padding: unset;
opacity: unset;
color: unset;
font-size: unset;
font-weight: unset;
transform: unset;
transition: unset;
}
.nav-open {
display: none;
}
.nav-open i {
display: unset;
width: unset;
height: unset;
background: unset;
border-radius: unset;
margin-left: unset;
}
.nav-open i:nth-child(1) {
margin-top: unset;
}
.nav-open i:nth-child(2) {
margin-top: unset;
opacity: unset;
}
.nav-open i:nth-child(3) {
margin-top: unset;
}
#nav:checked + .nav-open {
transform: unset;
}
#nav:checked + .nav-open i {
background: unset;
transition: transform 0.2s ease;
}
#nav:checked + .nav-open i:nth-child(1) {
transform: unset;
}
#nav:checked + .nav-open i:nth-child(2) {
opacity: unset;
}
#nav:checked + .nav-open i:nth-child(3) {
transform: unset;
}
#nav:checked ~ .nav-container {
z-index: unset;
opacity: unset;
}
#nav:checked ~ .nav-container ul li a {
opacity: unset;
transform: translateY(0);
}
.hero-description {
padding-left: 0px;
}
.hero-copy-awards {
display: flex;
align-items: flex-start;
gap: 24px;
margin-top: 0;
}
.hero-awards-list {
margin-top: 0;
}
.hidden {
display: none;
}
.svg-area:before {
content: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/background_angle.svg);
position: absolute;
top: 0;
right: 0;
width: 54%;
}
.header {
position: absolute;
top: 0;
width: 100%;
margin-top: 0px;
transition: all .5s ease;
z-index: 99999;
padding: 20px 0;
}
.admin-bar .header {
top: 32px;
}
.header.fixed-it {
background: #fff;
box-shadow: 0 8px 24px -18px rgba(20, 28, 38, 0.4), 0 2px 8px -6px rgba(20, 28, 38, 0.2);
border-bottom: 1px solid rgba(20, 28, 38, 0.08);
transition: all .5s ease;
padding:10px 0;
position: fixed;
}
.logo a svg {
width: auto;
height: 120px;
transition: all .5s ease;
}
.fixed-it .desktop-logo {
width: 40px;
height: 66px;
position: relative;
top: -5px;
left: 12px;
transition: all .5s ease;
}
.mob {
display: block;
}
.main-nav-pt {
float: right;
padding-top: 30px;
}
.main-nav-pt ul li {
display: inline-block;
list-style-type: none;
}
.main-nav-pt ul li a {
text-decoration: none;
text-transform: uppercase;
font-size: 18px;
font-family: 'Roboto', sans-serif;
margin-left: 95px;
position: relative;
}
.main-nav-pt ul li a:before {
content: url(//www.marksdesign.co.uk/wp-content/themes/marks/assets/img/nav_line.svg);
position: absolute;
left: -30px;
top: -9px;
width: 20px;
height: 2px;
}
.passionate-description p:last-child {
padding-bottom: 0px;
}
.creation-wrapper {
padding: 160px 0px 160px 70px;
background: #2d3133;
}
.creation-nav ol {
counter-reset: item;
list-style-type: none;
display: block;
position: relative;
padding-bottom: 10px;
}
.call-to-action a{
padding: 105px 0px;
}
.service-item-title h2 {
margin-top: 10px;
}
.service-item-num:before {
left: 95px;
}
.page-id-38:before {
width: 59%;
}
.service-item-pt {
padding-top: 48px;
}
.creation-wrapper {
padding: 78px 20px 83px;
}
.c2a-link a h3 {
padding-left: 70px;
}
.c2a-link a h3 span:before {
left: -75px;
top: -7px;
}
.slide-details{
width: 130px;
}
.slide-details.active {
position: absolute;
}
.slide-details:after {
bottom: 30px;
left: 40px;
width: 30px;
height: 30px;
}
.slide-details.active:after {
transform: rotate(45deg);
top: auto;
left: 85%;
right: auto;
}
.slide-details.active svg {
width: 100%;
}
.slide-details.active .slider-content {
width: 75%;
}
.slide-details .slider-content p{
font-size: .9em;
line-height: 1.5em;
}
}   @media (min-width: 1025px) {
body{
font-size: 18px;
}
.hero .cvy_growing_svg_line.cvy_inited, 
.service-header .cvy_growing_svg_line.cvy_inited, 
.passionate .cvy_growing_svg_line.cvy_inited {
display: block;
}
.portfolio-project {
flex-direction: row;
align-items: flex-end;
}
.portfolio-project .project-details img {
display: inline;
}
.slide-details:not(.active):hover{
width: 140px;
}
}   @media (min-width: 1460px) {
body{
font-size: 20px;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.75em;
}
.section-subtitle {
font-size: 1.35em;
}
.hero .cvy_growing_svg_line {
height: 350px;
bottom: -240px;
left: 56%;
}
.passionate .cvy_growing_svg_line {
height: 300px;
bottom: -30px;
}
}