html, body {font-size: var(--body-m);scroll-behavior: auto}
a {color:var(--color-primary)}
a {
  position: relative;
  text-decoration: none;
}
a.black {color:#000}
#evneWrapper a:not(:has(img)):not(.news a)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: currentColor;
  transform: translateX(-50%);
  transition: width 200ms ease;
  opacity: 0.7;
}

#evneWrapper a:hover::after,
#evneWrapper a:focus-visible::after {
  width: 100%;
}
a.noeffect::after {background:none}
p, ul , ol {font-size:1em;}

h1{font-size:3em;}
h2{font-size:2.6em;}
#titlecentertextlgstartmb5 {font-size:3.5em}
h1.display-2 {font-size:6em;}
h1 .primary {font-size:0.8em;}
h1.biotitle {font-size:2.8em;}
h1.small {font-size:1em;}
h3.small {font-size:1.5em;}
h2.smalltitle, h1.smalltitle {font-size:1.3em;color:#fff !important;line-height:1.3em;}
h2 .smalltitle {font-size:0.4em;color:#fff !important}
h1 .smalltitle {font-size:0.7em;color:#fff !important}
.smalltext2 {font-size:1.3em}
.orange {color:var(--color-primary)}
.orangebg {color:#fff;background-color:var(--color-primary);}
.my-section2 {padding:100px 0 50px 0}
.red {color:#ED4F44 !important}
.menu {background:rgba(0,0,0, 0.85);}
.nav li {margin:0 15px;font-size:1em}
.nav li a {color:#fff}
.nav li.active a {transition: color 0.2s ease;}
.nav li.active a, .nav li a:hover{color:var(--color-primary);transition: color 0.2s ease;}
.nav-links {display:none;}

.text-gradient-to-bottom{background:linear-gradient(to bottom, var(--color-light) 0%, #4f4f4f 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.display-3 {
    line-height: 105%;
}
.quote {font-size:1.5em;color:var(--color-primary);padding:20px 0px;}
span {display:inline}	
.testimonials .swiper .swiper-slide-active figure.testimonials-item p, .testimonials swiper-container .swiper-slide-active figure.testimonials-item p {
    position: relative;
       font-size: clamp(16px, 1.3vw, 24px);
   line-height: 174%;
    transition: line-height .3s cubic-bezier(0, 0.53, 0.58, 1), font-size .3s cubic-bezier(0, 0.53, 0.58, 1), opacity .3s linear;
    opacity: 1;
}
.scroll-class > div > div {
    background-color: var(--color-primary);
    border: 0px solid var(--color-3);
}
.scroll-class .selected-portfolio .con-projects p {color:#000;}
.con {margin-top:-100px;}
footer {line-height:1.6em;}
footer a {color:var(--color-primary)}
footer {font-size:0.8em;}
.to-top {margin-top:-350px}
#evneWrapper .scrollbar-track {
    background: var(--color-1);
    background: none;
    width: 8px;
    z-index: 99999;
    transition: width .2s ease;
    opacity: .8;
}
@media only screen and (min-width: 1367px) {
    .main-footer .copyright .to-top .scroll-to-top {
        width: 76px;
        height: 85px;
    }
}
@media (max-width:992px) {
#evneWrapper .scrollbar-track {
    background: var(--color-1);
    background: none;
    width: 5px;
    z-index: 99999;
    transition: width .2s ease;
    opacity: .5;
}
.nav {display:none}
.nav-links {display:inline}
}
@media (min-width:993px) {
footer {clear:both;}

.border-right-lg {border-right: solid 1px #ED4F44 !important;;}
.min-height-50vh {min-height:50vh;}
.min-height-75vh {min-height:75vh;}
.pe-lg-3 {padding-right: 1rem !important;}
.pe-lg-5 {padding-right: 1.5rem !important;}
.ps-lg-3 {padding-left: 1rem !important;}
.ps-lg-5 {padding-left: 1.5rem !important;}
}

.services .services-accordion .accordion-group .accordion-content .data p {max-width:100%;width:80%;}

@media only screen and (min-width: 1367px) {
    .py-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 769px) {
    .gradienttitle {
        background: linear-gradient(to right, var(--color-black) 0%, var(--color-primary) 105%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: rgba(0, 0, 0, 0);
    }
.services-toggle .gradienttitle { background: linear-gradient(to right, #fff 0%, var(--color-2) 105%);
        -webkit-background-clip: text;}
}
.menu .site-nav .logo  {width:158px;height:68px}
 .menu .site-nav .logo .link-logo img {width:150px;height:64px}
ul {list-style-type:square;padding-left:30px;}
ol.withlist {list-style-type: decimal-leading-zero;}
.social-links ul  {list-style-type:none;padding-left:0;}
ol li {margin:1em 0;}
ol li::marker {color:var(--color-primary)}
ol li::marker:before {content:"0"}
.primary {color:var(--color-primary)}
.btn.primary {color:#000;border-color:var(--color-primary);background-color:var(--color-primary)}
.btn.whiteborder {color:#fff !important;border-color:#fff;background:none}
.btn.whiteborder:hover {color:#000 !important}
.fa-brands {font-size:1.5em;}

.menu .site-nav .nav-list .container .menu-links .links ul.scrolldiv li a, h3, .h3 {
    font-size: var(--h5);
}

.menu .site-nav .nav-list .container .menu-links .links ul.scrolldiv {padding-left:0;}



.video-section{width:100%}
@media only screen and (min-width: 1281px){.video-section{width:calc(100% - 20px)}}.video-section .container{padding:0}
}
@media only screen and (min-width: 769px){
.video-section .container{padding:0 10px}
}

.video-section .container .video-container{height:40vh;margin:0 auto;border-radius:40px;position:relative;overflow:hidden}

@media only screen and (min-width: 1281px){
.video-section .container .video-container{height:80vh;border-radius:80px}
}

.video-section .container .video-container .play-video-overlay .play-button{width:80px;height:80px;border-radius:50%;transition:transform .4s ease,background .3s ease;transform:scale(1)}
@media only screen and (min-width: 1281px){
.video-section .container .video-container .play-video-overlay .play-button{width:160px;height:160px}
}
.video-section .container .video-container .play-video-overlay .play-button svg{width:18px;height:18px;transition:transform .3s ease;transform:scale(1)}
@media only screen and (min-width: 1281px){
.video-section .container .video-container .play-video-overlay .play-button svg{width:24px;height:24px}
}
.video-section .container .video-container .play-video-overlay .play-button svg g{transition:transform .3s ease}.video-section .container .video-container .play-video-overlay .play-button:hover{background-color:var(--color-light);transform:scale(0.8)}.video-section .container .video-container .play-video-overlay .play-button:hover svg{transform:scale(1.5)}.video-section .container .video-container .play-video-overlay .play-button:hover svg g{fill:var(--color-primary)}
.menu {background:none}
#navigationcontainer {background:rgba(0,0,0, .8)}

.fade-in .menu.animate-in .header__underline {
  width: 50%;
  -webkit-transition: width 0.3s ease 1s, background-color 1s ease 1s;
  -o-transition: width 0.3s ease 1s, background-color 0.6s ease 1s;
  -moz-transition: width 0.3s ease 1s, background-color 0.6s ease 1s;
  transition: width 0.3s ease 1s, background-color 0.6s ease 1s;
}
.menu .header__underline {
  width: 0;
  -webkit-transition: width 0.3s, background-color 0.4s;
  -o-transition: width 0.3s, background-color 0.4s;
  -moz-transition: width 0.3s, background-color 0.4s;
  transition: width 0.3s, background-color 0.4s;
}
.menu .header__underline {
    width: 0;
    -webkit-transition: width 0.3s, background-color 0.4s;
    -o-transition: width 0.3s, background-color 0.4s;
    -moz-transition: width 0.3s, background-color 0.4s;
    transition: width 0.3s, background-color 0.4s;
}
.header__underline {
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 1px;
  background-color: #7f8678;
}
.header__underline.underline-1 {
  left: 50%;
}
.header__underline.underline-2 {
  right: 50%;
}
.header__underline.light-desktop {
  background-color: #7f8678;
}
.header__underline.dark-desktop {
  background-color: #7f8678;
}
@media only screen and (min-width: 1200px) {
  .header__underline.light-desktop {
    background-color: #ffffff;
  }
  .header__underline.dark-desktop {
    background-color: #7f8678;
  }
}

body, .body.fade-out { opacity: 0; transition: opacity .5s ease; }
body.fade-in { opacity: 1; }


  /* Hidden by default */
  #navigationcontainer {
    opacity: 0;
    transition: opacity 0.5s ease-in;
  }

  /* Fade-in state */
  #navigationcontainer.fade-in {
    opacity: 1;
  }

.menu .site-nav .logo .link-logo img {padding:5px 0}
#titlecentertextlgstartmb5 span {color:#ED4F44 }
:root, [data-bs-theme=light] {
    --font-family: "Glancyr Neue", sans-serif;
    --font-family-normal: "Roboto Flex", sans-serif;
    --display-1: clamp(50px, 7vw, 140px);
    --display-2: clamp(30px, 6vw, 120px);
    --display-3: clamp(20px, 4vw, 90px);
    --h1: clamp(45px, 4vw, 112px);
    --h2: clamp(35px, 3vw, 84px);
    --h3: clamp(30px, 3.5vw, 63px);
    --h4: clamp(28px, 3vw, 47px);
    --h5: clamp(20px, 2.3vw, 36px);
    --h6: clamp(18px, 1.7vw, 26px);
    --body-xxl: clamp(28px, 3vw, 56px);
    --body-xl: clamp(22px, 2.8vw, 47px);
    --body-l: clamp(20px, 2vw, 36px);
    --body-m: clamp(14px, 1.3vw, 21px);
    --body-s: clamp(14px, 1.3vw, 16px);
    --body-xs: clamp(16px, 1.5vw, 18px);
    --blockquote-1: clamp(20px, 2.2vw, 36px);
    --blockquote-2: clamp(18px, 2vw, 30px);
    --button-l: clamp(20px, 2vw, 36px);
    --button-m: clamp(18px, 1.8vw, 26px);
    --button-s: clamp(16px, 2.3vw, 20px);
    --button-xs: clamp(16px, 1vw, 16px)
--bs-border-color: #ED4F44 !important;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) #ED4F44 !important;;
}
.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) #ED4F44 !important;;
}
.border-left {
    border-left: var(--bs-border-width) var(--bs-border-style) #ED4F44 !important;;
}
.border-right {
    border-right: var(--bs-border-width) var(--bs-border-style) #ED4F44 !important;
}


h1, h2, h3, h4, h5, p {margin-bottom:0.75em;}
img {max-width:100%}
.btn {background:var(--color-primary);padding:0.1em 0.5em;font-size:1em;}
.btn.clear{background:none;color:var(--color-primary);border: var(--color-primary) solid 1px;}
.btn.clear:hover {background:var(--color-primary);color:#000;}
.btn:hover {background:#fff;color:#000;}
.border-radius {border-radius:30px;}
.bg-white {color:#000}
.smaller .btn {font-size:0.7em;}
.larger {font-size:1.2em;}
hr {color:var(--color-primary);opacity:0.5}
.independence {border-radius:20px;padding:50px;background-image: url(../images/about/independance-bg.jpg);background-size:cover;background-position:center center;}
.letyourideastakeflight {border-radius:20px;padding:50px;background-image: url(../images/about/power-bg.jpg);background-size:cover;background-position:center center;}
@media (min-width:993px) {
.border-lg-right {
    border-right: var(--bs-border-width) var(--bs-border-style) #ED4F44 !important;;
}
}

.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link {align-items:end;}
.work-1 .con-10 .filter-masonry .grid-item .project-item .item-image::after {opacity:0.08;transition: opacity 200ms ease;}
.work-1 .con-10 .filter-masonry .grid-item .project-item:hover .item-image::after {opacity:0;transition: opacity 200ms ease;}




.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link .item-data .item-title .marquee-hover-content span, .h2 {font-size:var(--p);text-align:center}
.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link .item-data .item-title .marquee-hover-content span {font-family: "Roboto Flex", sans-serif;}
.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link .item-data .item-title .marquee-hover-content span {margin-right:0;-webkit-text-fill-color:unset;-webkit-text-stroke:none;-webkit-text-stroke-color:unset}
.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link .item-data .item-title .marquee-hover-content span::after {content:none}
.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link .item-data .item-title {margin-bottom:10px;}
.work-1 .con-10 .filter-masonry .grid-item .project-item .item-link {bottom:10px;top:auto;}
.work-1 .con-10 .filter-masonry .grid-item .project-item {margin:0 auto;}
.mt-section {margin-top:50px;}
.support-container {max-width:1500px;margin:0 auto;opacity:0;}
.support-container img {border-radius:40px;max-width:300px;}
@media (max-width:1700px) {
.have-filter-masonry .filter-masonry, .support-container {max-width:1500px;}
}
@media (max-width:1500px) {
.have-filter-masonry .filter-masonry, .support-container {max-width:1400px;}
}
@media (max-width:1280px) {
.have-filter-masonry .filter-masonry, .support-container {max-width:760px;margin:0 auto;}
}
h2, .menu .site-nav .nav-list .container .menu-links .links ul.scrolldiv li a, h3, h4, .menu .site-nav .nav-list .container .menu-contact .menu-contact-phone a, .menu .site-nav .nav-list .container .menu-contact .menu-contact-email a, h5, h6, .h2, .h3, .h4, .h5, .h6  {line-height:110%;}

.intellectual-property {background-image:url(../images/bio/tech-bg.jpg);background-repeat:no-repeat;background-position: 1000px 0px;  
  background-attachment: fixed;
background-attachment: scroll;
  background-repeat: no-repeat;
}
.intellectual-property-lawyers {background-image:url(../images/bio/tech-bg.jpg);background-repeat:no-repeat;background-position: 0px 0px;  
  background-attachment: fixed;
background-attachment: scroll;
  background-repeat: no-repeat;
}
.memberships {width:100%;background:#fff;text-align:center;height:100%;padding:10px;border-radius:10px;  display: flex;
  justify-content: center;}

.menu-btn {
    width: 45px;
    
    margin-bottom: 10px;
    
}
.pushy {z-index:20000}
.mt-6 {margin-top:4em;}
.mb-6 {margin-top:4em;}
.ip-lawyer {font-size:2.5em;font-weight:300;}
@media (min-width:768px) {
.project-item  {width:300px;height:400px;}
}
.filter-buttons button {border:1px solid var(--color-primary);padding:10px;font-size:1em;}
.filter-buttons button:hover::after, .filter-buttons button.active::after {width:0}
@media only screen and (min-width: 769px) {
    .filter-buttons button {
        padding-bottom: 5px;
        margin:0 10px;
    }
}
.have-filter-masonry .filter-buttons {padding-bottom:0;margin-bottom:20px;}
@media only screen and (min-width: 1281px) {
    .have-filter-masonry .filter-buttons {
        padding-right: 25px;
        justify-content: center;margin-bottom:20px;padding-bottom:50px;
    }
}
.filter-buttons button {opacity:1;color:rgba(255,255,255,0.5);}
.filter-buttons button:hover,.filter-buttons button.active {opacity:1;color:rgba(255,255,255,1)}
.filter-buttons {border-bottom:none;padding-bottom:0;}
.mobileonly {display:none}
.data-number {font-size:4em;font-weight:500;font-family: var(--font-family);}
.desktoponly {display:inline}
@media (max-width:768px) {
h3.small {font-size:1.3em;}
.main-footer {padding-bottom:70px !important;}
.scrolling-wrapper, #team-grid, .filter-buttons, #serviceslist, #independence {max-width:80%;margin:10px 10%}
.animate-horizontal-scroll, #expandingsection {padding-bottom:100px;}
.desktoponly {display:none}

#titlecentertextlgstartmb5, h1.biotitle {font-size:2.3em}
.data-number {font-size:3em;font-weight:500;font-family: var(--font-family);}
.data-number h3 {font-size:1em !important;}
.pt-cust-large{padding-top:50px;}
#intellectual-property-lawyers {font-size:3.5em !important;}
#ip-laywers-ottawa {opacity:1 !important}
.menu {height:90px;position:fixed;}
.mobileonly {display:inline}
footer {font-size:0.6em;}
footer p {margin:0}
.footer-logo img {width:100px;}
.filter-buttons button {width:100%}
.filter-buttons button span {margin:0 auto}
#about, #evneWrapper {margin-top:65px;}
h1 {font-size:2.5em}
h2, .display-2 {font-size:1.8em !important}
h3, .display-3 {font-size:1.8em !important}
h4 {1.8em;}
p, ul {font-size:17px;line-height:25px;}
footer p {font-size:14px;line-height:23px;}
.ip-lawyer {font-size:1.5em;font-weight:300;text-align:center}
}
.services .services-accordion .accordion-group .accordion-content.open .number, .services-toggle .services-accordion .accordion-group .accordion-content.open .number, .services .services-accordion .accordion-group .accordion-content:not(.open) .number {display:none}
.rounded-extra {border-radius:25px;}
.grid-item {padding:15px 0;}
.text-center {text-align:center}

@media only screen and (min-width: 1367px) {
    .my-section {
        margin-top: 160px;
        margin-bottom: 160px;
    }
}.team-card img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
}

.grid-item img {max-width:100%;}

.insightcategory span {display:inline-block;background-color:var(--color-primary);padding:2px 7px;border-radius:10px;margin-right:10px;}

.services-toggle .services-accordion {background:#fff !important;}
#scrollbg>div>div{ transition: background 0.25s ease, background-color 0.25s ease;}
.scroll-class>div>div{ transition: background 0.25s ease, background-color 0.25s ease;}