#main {
margin-top: 40px;	
}
.patent-description {
display: flex;
justify-content: space-between;
}
.patent-description p {
width: 100%;
}
.patent-description p img {
width: 176px !important;
height: 120px;
}
.ll-footer-widget2 {
display: flex;
justify-content: space-around;
}
.ll-footer-widget2 div {
display: flex;
flex-direction: column;
}
.ll-footer-widget2 div h6 {
color: #4d4d4d !important;
margin-bottom: 4px !important;
}
.page-header-1 { }
.page-header-1 .container {
width: 0%;
padding: 0px 20px 0px 20px;
background-color: transparent;
background-repeat: repeat-x;
background-image: url(https://www.cohnpatents.com/wp-content/uploads/rand/pattern.svg);
animation: full-width 0.5s forwards;
animation-delay: 1s;
}
.page-header-1 > .container > .row {
display: flex;
align-items: center;
min-height: 270px;
transform: scalex(0) translate(5%, 40px);
width: 100%;
background-color: #064470;
padding: 60px 30px;
-webkit-animation: scale-in 1s forwards;
animation: scale-in 1s forwards;
animation-delay: 1.5s;
}
.page-top .page-title:before {
content: "";
}
.page-top .page-title {
font-size: 4em;
}
.page-top .page-sub-title {
font-size: 1.5em;
}
.page-top .page-title-wrap {
display: flex;
justify-content: center;
align-items: center;
}
.page-title-btn a {
padding: 14px 22px;
}
.page-title-btn {
opacity: 0;
-webkit-animation: btn-show 0.5s forwards;
animation: btn-show 0.5s forwards;
animation-delay: 2.5s;
}
.ll-call-to-wrap {
height: 0px;
-webkit-animation: auto-height 0.5s forwards;
animation: auto-height 0.5s forwards;
animation-delay: 2.5s;
background-color: #064470;
}
.ll-call-to-action {
display: flex;
justify-content: space-between;
align-items: center;
opacity: 0;
-webkit-animation: btn-show 0.5s forwards;
animation: btn-show 0.5s forwards;
animation-delay: 3s;
width: 100%;
}
.ll-call-to-action .btn {
height: 100%;
}
.ll-call-to-action .text h4 {
color: white;
font-weight: 600;
margin: 0;
padding: 0.533rem 0.933rem;
font-size: 1.8em;
}
.ll-call-to-action .btn .porto-btn .porto-btn-text {
color: #064470;
}
.ll-call-to-action .btn .porto-btn:hover .porto-btn-text {
color: #fff;
}
.page-sub-title {
padding: 0;
margin: 0 !important;
}
.ll-hidden > a {
opacity: 0;
}
.breadcrumbs-wrap {
display: flex;
justify-content: flex-end;
}
.office-info div h2 {
margin-bottom: 10px;
font-weight: 600;
font-size: 3em;
line-height: 2em;
}
.office-info div ul {
list-style-type: none;
padding-left: 1em;
}
.office-info div ul li i {
color: rgb(70, 70, 70);
float: left;
margin-left: -1em;
margin-top: 3px;
}
.office-info div ul li p {
padding-left: 10px;
margin: 0 0 5px;
}
.office-info div ul li p a {
color: #777777;
}
.no-breadcrumbs .main-content {
padding-top: 0px !important;
}
.sr-white-shape {
min-height: calc(100vh + 172px) !important;
top: -172px;
}
.hide-on-large-devices {
display: none;
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (min-width: 767px) {
#nav-menu-item-2736	ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 380px;
}
#nav-menu-item-2845 ul, #nav-menu-item-17779 ul {
right: 100%;
left: auto;
}
}
@media only screen and (max-width: 768px) {
.hide-on-large-devices {
display: block;
}
.page-header-1 > .container > .row {
transform: scalex(0) translatex(-5%);
width: 100%;
}
.ll-call-to-action {
flex-direction: column;
}
.ll-call-to-action .text h4 {
text-align: center;
}
.patent-description {
flex-direction: column;
}
.page-top .page-title-wrap {
flex-direction: column-reverse;
}
.page-title-btn {
display: none;
}
.ll-call-to-wrap {
-webkit-animation: auto-height-mob 0.5s forwards;
animation: auto-height-mob 0.5s forwards;
animation-delay: 2.5s;
}
}
@-webkit-keyframes slide-right {
100% { left: 0; }
}
@keyframes slide-right {
100% { left: 0; }
}
@-webkit-keyframes slide-left {
100% { right: 0; }
}
@keyframes slide-left {
100% { right: 0; }
}
@-webkit-keyframes full-width {
100% { width: 100%; }
}
@keyframes full-widtht {
100% { width: 100%; }
}
@-webkit-keyframes btn-show {
100% { opacity: 1; }
}
@keyframes btn-show {
100% { opacity: 1; }
}
@-webkit-keyframes scale-in {
100% { transform: scalex(1) translate(5%, 40px); }
}
@keyframes scale-in {
100% { transform: scalex(1) translate(5%, 40px); }
}
@-webkit-keyframes auto-height {
100% { height: 75px; }
}
@keyframes auto-height {
100% { height: 75px; }
}
@-webkit-keyframes auto-height-mob {
100% { height: 123px; }
}
@keyframes auto-height-mob {
100% { height: 123px; }
}