/*
Theme Name: Dov Shilansky wp theme
Author: Studio Dinitz & LinkLab web development
Description: Custom website template for Dov Shilansky Law Offices
Version: 1.0.0
Text Domain: shilansky-theme
*/

/*
Colors:
   dark_blue: 01c0e2
   mid_blue:  3282b8
   dark_gray: 4b5b64
   mid_gray:  a0b0b9
*/

/* Atlas font light */
@font-face {
    font-family: 'atlas-light';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/atlas-light-aaa.woff2') format('woff2'),
         url('fonts/atlas-light-aaa.woff') format('woff'),
         url('fonts/atlas-light-aaa.eot');
}
/* Atlas font regular */
@font-face {
    font-family: 'atlas';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/atlas-regular-aaa.woff2') format('woff2'),
         url('fonts/atlas-regular-aaa.woff') format('woff'),
         url('fonts/atlas-regular-aaa.eot');
}



/* 
    Basic CSS settings
*/ 
html, body {
    font-family: 'Heebo', sans-serif;
    font-size: 100%;
    color:#4d4d4f;
    font-weight: 400;
}
button,
input,
select,
textarea {
    font-family: 'Heebo', sans-serif;
    font-size: 100%;
    color:#c7c7c9;
    font-weight: 400; 
}
input,
select,
textarea {
    color:#4d4d4f;
}
body {
    background: #fff;
}
::selection {
	background: #01c0e2;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #01c0e2;
	color: #fff;
	text-shadow: none;
}
a:active, button:active, a:focus, button:focus, input[type="submit"]:active, input[type="submit"]:focus {
    outline:0 !important;
}
p {
    line-height: 1.5;
    margin: 1em 0;
}
p:first-child{margin-top: 0;}
p:last-child{margin-bottom: 0;}
/*.wp-block-column p, .entry-content-main p,
.lawyer-entry-content p, .blog_grid_post p {
    text-align: justify;
}*/
/* 
    Basic Elements
*/ 
a {
    transition: all 0.45s;
    color:initial;
}
button.clean {
    background: transparent;
    border: none;
    padding: 0;
}
.button {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-decoration: none;
}
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}
.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.animate-section .fadeIn {
    transform: translate(0, 10px);
    opacity: 0;
    transition: all 0.8s ease-in-out .1s;
}
.animate-section .fadeIn.fadeInx2 {
    transform: translate(0, 30px);
    transition: all 0.8s ease-in-out 1.1s;
}
.animate-section .fadeIn.fadeIn_1 {
    transform: translate(0, -20px);
    transition: all 0.8s ease-in-out 0.4s;
}
.animate-section .fadeIn.fadeIn_2 {
    transform: translate(0, 30px);
    transition: all 1.1s ease-in-out 0.8s;
}
.animate-section .fadeIn.fadeIn_3 {
    transform: translate(0, -10px);
    transition: all 1.5s ease-in-out 0.2s;
}
.animate-section .fadeIn.fadeIn_4 {
    transform: translate(0, 40px);
    transition: all 1.2s ease-in-out 1s;
}
.animate-section .fadeIn.fadeIn_5 {
    transform: translate(0, 10px);
    transition: all 1s ease-in-out 0.2s;
}
.animate-section .fadeIn.entry-content-sidebar,
.animate-section .lawyer-entry-title .fadeIn {
    transition: all 0.8s ease-in-out .5s;
}
.animate-section.visible .fadeIn {
    transform: translate(0, 0);
    opacity: 1;
}
.parallax-mirror  {
	opacity:0;
}
.home .parallax-mirror .parallax-slider img,
.page-template-page-about .parallax-mirror .parallax-slider img {
    min-height: 100vh;
    min-width: 100vw;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
}
.read_now {
    font-size: 16px;
    color: rgb(50, 130, 184);
    font-weight: 600;
    line-height: 1.111;
    letter-spacing: 0.2em;
    border: 1px solid rgb(50, 130, 184);
    text-decoration: none;
    background: white;
    border-radius: 37.5px;
    display: inline-block;
    padding: 7.5px 24px 7.5px 7.5px;
}
.read_now:hover {
    color:#d9dfe3;
    background: rgb(50, 130, 184);
}
.read_now > .icon {
    font-size: 60px;
    vertical-align: middle;
    padding-right: 14px;;
}
/* toggle box css : */
.toggle-box-hidden {
    display: none;
}
.toggle-box-hidden p {
    margin:0;
    color:#01c0e2;
    font-weight: 300;
    line-height: 1.76;
}
.toggle-box-hidden ul,
.toggle-box-hidden ol {
    margin:0;
    padding: 0;
    color:#01c0e2;
    font-weight: 300;
    line-height: 1.76;
}
.toggle-box-hidden ul {
    list-style: none;
}
.toggle-box-hidden ul li {
    padding-left: 30px;
    margin-bottom: 0.75em;
}
.toggle-box-hidden ul li::before {
    content:'-';
    position:absolute;
    left: 0;
}
.toggle-box-hidden ol {
    padding: 0 0 0 20px;
}
.toggle-box-hidden ol li {
    margin-bottom: 0.75em;
}
.toggle-box-hidden p a {
    color:#3282b8;
}
.toggle-box-hidden h3 {
    color:#4b5b64;
    text-transform: initial;
    font-size: 20px;
}
.toggle-box-item {
    border-bottom:2px solid #d9dfe3;
    padding:10px 0;
    position: relative;
}
.toggle-box-item.open {
    border-color: #01c0e2;
}
.toggle-box-item h3 {
    font-size: 20px;
    line-height: 1.5;
    color:#a0b0b9;
    text-transform: uppercase;
    transition: color 0.35s;
    cursor: pointer;
    margin: 20px 0;
}
.toggle-box-item.open h3, .toggle-box-button.open,
.toggle-box-item:hover h3, .toggle-box-item:hover .toggle-box-button {
    color:#01c0e2;
}
.toggle-box-button.open {
    font-weight: 600;
}
.toggle-box-button {
    position: absolute;
    bottom: 35px;
    right: 1px;
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.2em;
    padding: 0;
    cursor: pointer;
    transition: color 0.35s;
}
button:active, button:focus {
    outline: 1px solid #ccc;
}
.toggle-box-button > span {
    display: inline-block;
    padding-right: 15px;
}
.toggle-box-button .icon {
    font-size: 16px;
    vertical-align: bottom;
}
.toggle-box-button.open .icon {
    transform: rotate(180deg);
}
.toggle-box-button .icon.icon-answer-icon {
    font-size: 22px;
}
.faqs .toggle-box-button .icon.icon-dropdown-icon {
    font-size: 16px;
    position: absolute;
    top: 4px;
    left: 3px;
    opacity:0;
}
.faqs .toggle-box-button.open .icon.icon-dropdown-icon {
    opacity:1;
}
.faqs .toggle-box-button.open .icon.icon-answer-icon {
    opacity:0;
}

/* 
    Page structure 
*/
#page:not(.home-page) {padding-top: 85px;}
.page-template-practice-area #page, .page-template-page-about #page {padding-top: 0;}


.in-grid {
    margin:0 auto;
    box-sizing: border-box;
}
.grid-950 {
    max-width: 950px;
}
.grid-1200 {
    max-width: 1200px;
}
.article-with-sidebar {
    width:calc(100% - 210px);
    box-sizing: border-box;
    padding-right: 60px;
}
.sidebar {
    width: 210px;
}
.page-section {
    padding:70px 0;
}

/* 
    Typography
*/ 
h1, h2, h3, h4, h5, h6 {
    font-family: 'atlas';
    font-weight: 400;
}
h2 {
    font-size: 60px;
}
h3 {
    font-size: 24px;
    line-height: 1;
}
  

/* 
    SRT 
*/
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
} 
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 100px;
	width: auto;
	z-index: 100000;
}

/* 
    Contact forms
*/ 
button,
input,
select,
textarea {
	box-sizing:         border-box;
	margin: 0;
	border: none;	
}
input,
select,
textarea {
	line-height:1.4;
    padding: 6px 0;	
}
input,
textarea {
	max-width: 100%;
	vertical-align: baseline;
	border-bottom:1px solid #d9dfe3;
	background:#fff;	
}
input:active,
textarea:active,
input:focus,
textarea:focus {
    outline:0px solid rgb(160, 176, 185, 0.3);
}
textarea {
    border:1px solid #d9dfe3;
    padding: 10px;
    margin-top: 0;
    line-height: 1;
}
::-webkit-input-placeholder {
   color: #c7c7c9;
   opacity:1; 
}
:-moz-placeholder { 
   color: #c7c7c9;  
   opacity:1; 
}
::-moz-placeholder {  
   color: #c7c7c9;  
   opacity:1;   
}
:-ms-input-placeholder {  
   color: #c7c7c9;
	opacity:1;   
}
.wpcf7-form label {
    color: #c7c7c9;
    padding-bottom: 0.4em;
    display: block;
}
.wpcf7-form  .wpcf7-form-control-wrap {
	display:inline-block;
	width:100%;
	box-sizing: border-box;
    margin-bottom: 1em;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    text-align: right;
}
.wpcf7-form  .wpcf7-form-control-wrap input , .wpcf7-form  .wpcf7-form-control-wrap textarea {
	width:100%;
}
.wpcf7-form .col-half {
    margin-bottom: 30px;
    width: calc(50% - 30px);
}
.wpcf7-form input[type="submit"] {
    font-size: 18px;
    color: #01c0e2;
    line-height: 1;
    border: none;
    background: white;
    padding: 12px;
    margin: 0 0;
    cursor: pointer;
    transition: all 0.45s;
    font-family: 'atlas';
}
.wpcf7-form input[type="submit"]:hover {
    opacity: 0.7;
}
.wpcf7-form  .wpcf7-form-control-wrap input.wpcf7-not-valid {
    outline: red solid 2px;
}
.wpcf7-form .form_row .wpcf7-form-control-wrap {
	width:calc(25% - 10.5px);
	float:left;
	margin:0 7px 12px;
}
.wpcf7-form .form_row .wpcf7-form-control-wrap.first-name {margin-left:0;}
.wpcf7-form .form_row .wpcf7-form-control-wrap.contact-mobile {margin-right:0;}
.wpcf7-form .wpcf7-validates-as-required:before {
	content:'*';
	display:inline-block;
}
span.wpcf7-not-valid-tip {
    margin: 10px 0 0;
}
div.wpcf7-response-output {
	margin:0;
}
.wpcf7-form p {margin:0;}
.wpcf7-form .submit_warp {
	position:relative;
    margin: 18px auto 0;	
}
.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    padding: 0;
    color: #01c0e2;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    padding: 0;
    border: none;
    font-weight: 600;
    margin-left: 0;
    margin-right: 0;
}


.slick-dots {
    position: absolute;
    bottom: 40px;
    z-index: 100;
    display: block;
    left: 50%;
    transform: translate(-50%, 0);
}
.slick-dots > li {
    display: inline-block;
    margin:0 4px;
}
.slick-dots > li > button {
    width:16px;
    height:16px;
    border-radius: 50%;
    background:#a0b0b9;
    color:#a0b0b9;
    padding: 0;
    border: 0;
    transition: all 0.3s;
}
.slick-dots > li.slick-active > button {
    background:#fff;
    color:#fff;
}
/* 
    practice page 
*/
.entry-header, #about_entry {
    position: relative;
    overflow: hidden;
    height: 475px;
}
.entry-header::after, #about_entry::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient( -90deg, rgb(32,32,33) 0%, rgba(32,32,33,0) 0%, rgba(32,32,33,0.64) 64%, rgb(32,32,33) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(32,32,33) 0%, rgba(32,32,33,0) 0%, rgba(32,32,33,0.64) 64%, rgb(32,32,33) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(32,32,33) 0%, rgba(32,32,33,0) 0%, rgba(32,32,33,0.64) 64%, rgb(32,32,33) 100%);
    opacity: 0.702;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.entry-header::after {
    opacity: 0;
    transition: all 0.3s linear 0.2s;
}
.displayParlax.entry-header::after {
    opacity: 0.702;
}
.entry-header .h1-position,
#about_entry .h1-position {
    position: absolute;
    bottom: 45px;
    width: 100%;
    z-index: 10;
    padding: 10px 270px 10px 50%;
    box-sizing: border-box;
    overflow-y: hidden;
}
.entry-header .h1-position h1,
#about_entry .h1-position h1 {
    color: #fff;
    font-weight: 300;
    font-size: 72px;
    line-height: 0.82;
    margin: 0;
    word-spacing: 9999rem;
}
.entry-header.animate .h1-position h1,
#about_entry.animate .h1-position h1 {
    -webkit-transform: translate(0, 110%);
    -ms-transform: translate(0, 110%);
    transform: translate(0, 110%);
    transition: all 1s ease-out;
}
.entry-header.animate .h1-position h1.moveUp,
#about_entry.animate .h1-position h1.moveUp {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.entry-content {
    padding: 70px 0;
}
.entry-content-main, .entry-content-sidebar {
    width: calc(50% - 74px);
}
.page-practice .entry-content-main p:first-child {
    font-size: 24px;
    line-height: 1.25;
}
.entry-content-sidebar, .about-entry-content-main .wp-block-quote {
    color:#01c0e2;
    text-align: center;
    font-family: 'atlas-light';
    font-weight: 300;
}
.about-entry-content-main .wp-block-quote {
    border-bottom: 2px #01c0e2 solid;
    margin: 40px 0 30px;
    padding: 30px;
}
.about-entry-content-main .wp-block-quote p {
    font-size: 26px;
    line-height: 1.35;
}
.entry-content-sidebar .accent {max-width: 400px; margin-right: calc(100% - 400px);}
.entry-content-sidebar h2 {
    font-size: 48px;
    line-height: 1;
    margin: 40px 0 30px;
    padding: 30px;
    border-bottom: 2px #01c0e2 solid;
    font-weight: 300;
}
.entry-content-sidebar .quote {
    padding-top: 80px;
    max-width: 450px; 
    margin-right: calc(100% - 450px);
}
.entry-content-sidebar .quote h2 {
    font-size: 36px;
    padding: 0 0 30px;
    margin: 50px 0 30px;
}
.entry-content-sidebar .quote::before {
    content: '';
    display: block;
    width: 42px;
    height: 90px;
    margin: 0 auto;
    background: url(img/qute.png) no-repeat;
    background-position: center;
    background-size: contain;
}
.entry-content-sidebar h2 .num {
    display: block;
    font-size: 170px;
    font-family: 'atlas';
    font-weight: 700;
    letter-spacing: -2px;
    margin: 0 0 30px;
}
.entry-content-sidebar p {
    font-size: 18px;
}
/* 
    Lawyer page 
*/
/** Basic page stractue: **/
.page-lawyer {
    margin-bottom: 60px;
}
.page-lawyer .entry-content {
    background: #fff;
    padding: 0;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: flex-start;
    overflow: auto;
    -ms-overflow-style: none; 
    scrollbar-width: none;
    overflow-y: scroll; 
}
.page-lawyer .entry-content,
.page-lawyer .entry-content .lawyer-entry-image {
    height: calc(100vh - (85px + 75px + 60px));
}
.admin-bar .page-lawyer .entry-content,
.admin-bar .page-lawyer .entry-content .lawyer-entry-image {
    height: calc(100vh - (32px + 85px + 75px + 60px));
}
.page-lawyer .entry-content::-webkit-scrollbar {
    display: none; 
}
.page-lawyer .entry-content .lawyer-entry-title {
    -webkit-flex: 1 0 350px;
    -ms-flex: 1 0 350px;
    flex: 1 0 350px;
    box-sizing: border-box;
    padding: 65px 120px 0 0;
}
.page-lawyer .entry-content .lawyer-entry-content {
    background: #fff;
    position: relative;
    padding: 150px 80px;
}
.page-lawyer .entry-content .lawyer-entry-content .lawyer-entry-content-fade,
.blog_grid_post .post-entry-content-fade {
    display: block;
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 10;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
body.rtl .page-lawyer .entry-content .lawyer-entry-content .lawyer-entry-content-fade {
    right: auto !important;
}
body:not(.rtl) .page-lawyer .entry-content .lawyer-entry-content .lawyer-entry-content-fade {
    left: auto !important;
}
.page-lawyer .entry-content .lawyer-entry-image,
.page-lawyer .entry-content .lawyer-entry-title {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-self: flex-start;
}
.page-lawyer .entry-content .lawyer-entry-image {
    -webkit-flex: 1 0 40%;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    overflow: hidden;
}
/** Design for page sections: **/
.page-lawyer .entry-content .lawyer-entry-title, .page-lawyer .entry-content .lawyer-entry-title a {
    color:#01c0e2;  
}
.page-lawyer .entry-content .lawyer-entry-title h1 {
    font-size: 60px;
    line-height: 1;
    margin: 0 0 30px;
    word-spacing: 9999rem;
}
.page-lawyer .entry-content .lawyer-entry-title h1 > span,
.page-lawyer .entry-content .lawyer-entry-title .tagline {
    display: block;
    font-size: 18px;
}
.page-lawyer .entry-content .lawyer-entry-title .tagline {
    margin: 30px 0 60px;
}
.page-lawyer .entry-content .lawyer-entry-title a .icon {
    font-size: 40px;
    transition: all 0.35s ease-in;
}
.page-lawyer .entry-content .lawyer-entry-title a:hover .icon {
    transform: scale(1.1);
}
.page-lawyer .entry-content .lawyer-entry-image img {
    width: auto;
    height: 100%;
    position: relative;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    max-width: none;
}
.lawyer-entry-content .icon-arrow-01 {
    position: fixed;
    left: calc(40% + 20px);
    bottom: 200px;
    color:#01c0e2; 
    z-index: 22;
}
.lawyer-entry-content .icon-arrow-01.top {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.lawyer-entry-content .icon-arrow-01.down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    bottom: 165px;
}
#team-nav {
    background: #fff;
    position: fixed;
    z-index: 100;
    bottom: 75px;
    right:0;
    width: 100%;
}
#team-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #01c0e2;
}
#team-nav ul li {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background: #fff;
    text-align: center;
    font-family: 'atlas';
    font-size: 15px;
    transition: all 0.5s;
}
#team-nav ul li a {
    text-decoration: none;
    display: block;
    height: 60px;
    line-height: 60px;
}
.rtl #team-nav ul li {
    border-left: 1px solid #01c0e2;
}
.rtl #team-nav ul li:last-child {
    border-left: none;
}
body:not(.rtl) #team-nav ul li {
    border-right: 1px solid #01c0e2;
}
body:not(.rtl) #team-nav ul li:last-child {
    border-right: none;
}
#team-nav ul li:hover, #team-nav ul li.current {
    background: #01c0e2;
}
#team-nav ul li:hover a, #team-nav ul li.current a {
    color: #fff;
}
/* 
    about page 
*/
#about_entry {
    height: calc(100vh - 85px);
}
#about_entry .h1-position {
    bottom: 365px;
}
#about_entry .nxt-sct {
    position: absolute;
    color: #fff;
    font-size: 32px;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(-90deg) translate(0, 0);
    -ms-transform: rotate(-90deg) translate(0, 0);
    transform: rotate(-90deg) translate(0, 0);
    bottom: 60px;
    right: 60px;
    z-index: 900;
}
#about_entry .nxt-sct .icon {animation: arrowMoveDown 1s linear infinite alternate;}
#about_entry .nxt-sct:hover {
    -webkit-transform: rotate(-90deg) translate(-10px, 0);
    -ms-transform: rotate(-90deg) translate(-10px, 0);
    transform: rotate(-90deg) translate(-10px, 0);
}
#about_entry .nxt-sct:hover .icon {animation: none;}
#about_entry .video-play {
    position: absolute;
    left: 100px;
    bottom: 60px;
    z-index: 900;
}
.video-play {
    text-decoration: none;
    font-size: 18px;
    color: #01c0e2;
    font-family: 'atlas';
    text-align: center;
}
.video-play::before{
    content: '';
    display: block;
    width: 130px;
    height: 130px;
    background: url(img/play-video-icon-01.svg) no-repeat;
    transition: all 0.5s ease-in;
    background-size: contain;
    margin: 0 0 20px;
}
.video-play:hover:before {
    transform: scale(1.05);
}
.entry-content .wp-block-columns .wp-block-column:nth-child(1) {
    padding-left: 50px;
    box-sizing: border-box;
}
.entry-content .wp-block-columns .wp-block-column:nth-child(1) p {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
}
.entry-content .wp-block-columns .wp-block-column:not(:first-child) {
    padding-top: 50px;
}
.entry-content.animate-section .wp-block-columns .wp-block-column {
    transform: translate(0, 30px);
    opacity: 0;
    transition: all 1s ease-in-out .2s;
}
.entry-content.animate-section .wp-block-columns .wp-block-column:nth-child(2) {
    transition: all 1s ease-in-out .5s;
}
.entry-content.animate-section.visible .wp-block-columns .wp-block-column {
    transform: translate(0, 0);
    opacity: 1;
}
#about-infographs {
    background: #fff;
    padding: 0 40px;
}
#about-infographs .flex {
    align-items: flex-start;
}
.infograph-item {
    background: #01c0e2;
    width: calc(25% - 11.25px);
    position: relative;
    padding-top: calc(25% - 11.25px);
    opacity: 1 !important;
}
.infograph-item .number-diy {
    height: 126.5px;
}
.infograph-item:nth-child(2) {margin-top: 80px;}
.infograph-item:nth-child(3) {margin-top: 50px;}
.infograph-item:nth-child(4) {margin-top: 110px;}
.animate-section .infograph-item:nth-child(1).fadeIn {
    transition: transform 2.5s ease-in-out, opacity 0s;
    transform: translate(0, 180px);
}
.animate-section .infograph-item:nth-child(2).fadeIn {
    transition: transform 3.2s ease-in-out, opacity 0s;
    transform: translate(0, -50px);
}
.animate-section .infograph-item:nth-child(3).fadeIn {
    transition: transform 2.7s ease-in-out, opacity 0s;
    transform: translate(0, 200px);
}
.animate-section .infograph-item:nth-child(4).fadeIn {
    transition: transform 3.5s ease-in-out, opacity 0s;
    transform: translate(0, 75px);
}
.animate-section.visible .infograph-item:nth-child(1).fadeIn,
.animate-section.visible .infograph-item:nth-child(2).fadeIn,
.animate-section.visible .infograph-item:nth-child(3).fadeIn,
.animate-section.visible .infograph-item:nth-child(4).fadeIn {
    transform: translate(0, 0);
}
.infograph-item:nth-child(3) .sqr .number-diy  {padding-right: 50px;}
.infograph-item:nth-child(1) .sqr .number-diy  {padding-left: 30px;}
.sqr {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
}
.infograph-item .txt {
    font-family: 'atlas-light';
    font-size: 26px;
    line-height: 1;
    padding: 0 20px;
    margin: 0;
}
.infograph-item .txt::after {
    content: '';
   /* display: block;*/
    margin: 30px auto 0;
    height: 1px;
    width: 100%;
    max-width: 130px;
    background-color: #4d4d4f;
}
#about-infographs .number-diy .data {
    color: #4d4d4f !important;
}
/* 
    contact us page 
*/
#content_section {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 100px 120px 60px 90px;
    background-color: #fff;
    position: relative;
    z-index: 10;
}
#map {
    position: relative;
    width: 745px;
}
#map .acf-map {
    width: 100%;
    height: calc(100vh - (85px + 75px)) ;
    margin: 0;
}
#map .acf-map img {
   max-width: inherit !important;
}
.page-contact .entry-content-form {
    -webkit-flex: 1 0 330px;
    -ms-flex: 1 0 330px;
    flex: 1 0 330px;
    padding: 80px 0 0;

        display: none;
}
.page-contact .entry-content-main {
    color: #01c0e2;
    font-size: 18px;
    font-family: 'atlas';
}
.page-contact .entry-content-main a {
    color: #01c0e2;
}
.page-contact .entry-content-main a:hover .icon {
    transform: scale(1.1);
}
.page-contact .entry-content-main a .icon {
    font-size: 40px;
    transition: all 0.5s ease;
}
.page-contact .entry-content-main h1 {
    font-size: 60px;
    margin: 0 0 75px;
    line-height: 1;
}
.page-contact .entry-content-main {
    width: 100%;
    max-width: 600px;
}
.page-contact .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
    padding-top:0;
}
.page-contact .entry-content .wp-block-columns .wp-block-column:nth-child(2) p {
    font-size: 24px;
    line-height: 1.25;
}


#page-single-template #page-hero-title h1 {
    font-weight: 300;
    font-size: 72px;
    line-height: 0.82;
    max-width: 1440px;
    margin:150px auto 90px;
}
#page-single-template #page-content h2 {
    font-size: 36px;
}
#page-single-template #page-content ul, #page-single-template #page-content ol {
    margin-bottom: 1em;
}
#page-single-template #page-content ul li, #page-single-template #page-content ol li  {
    margin-bottom: 0.5em;
}
#page-single-template  {padding-bottom: 90px;}
/* 
    Home page 
*/
#hp-hero-mobile {display: none; height: 0;}
#hp-hero-grid {
    background: #4d4d4f;
    display:-ms-grid;
    display: grid;
    grid-gap: 0px;
    -ms-grid-columns: 25% 25% 25% 25%;
    -ms-grid-rows: 1fr 1fr;
    grid-template-columns: 25% 25% 25% 25%;
    height: calc(100vh - 85px);
    min-height: 500px;
    grid-template-areas: 'main main toggleA toggleB' 'main main toggleC toggleD'; 
}
.hero-content-placeholder {
    position: absolute;
    top:50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    max-width: 400px;
   /* background-color: #4d4d4f46; */
    border-bottom: 2px solid #fff;
    z-index: 100;
}
.hero-main-popup .hero-content-placeholder {
    top: 25%;
    transform: translate(50%, 0);
}
.hero-main {
    -ms-grid-row:1;
    grid-row:1; 
    -ms-grid-column:1; 
    grid-column:1; 
    -ms-grid-column-span:2;
    -ms-grid-row-span:2;
    grid-area: main; 
    background: url('img/HP-01.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.hero-main-popup::before,
.hero-slide-img::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    mix-blend-mode: multiply;
    background-color: #4d4d4f8a;
}
.hero-main::after, .hero-main-popup::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient( -90deg, rgb(32,32,33) 0%, rgba(32,32,33,0) 0%, rgba(32,32,33,0.31) 64%, rgba(32,32,33,0.38) 78%, rgba(32,32,33,0.76078) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(32,32,33) 0%, rgba(32,32,33,0) 0%, rgba(32,32,33,0.31) 64%, rgba(32,32,33,0.38) 78%, rgba(32,32,33,0.76078) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(32,32,33) 0%, rgba(32,32,33,0) 0%, rgba(32,32,33,0.31) 64%, rgba(32,32,33,0.38) 78%, rgba(32,32,33,0.76078) 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.hero-a { -ms-grid-row:1; grid-row:1; -ms-grid-column:3; grid-column:3; grid-area: toggleA; border-bottom: 1px solid #01c0e2; border-left: 1px solid #01c0e2; }
.hero-b { -ms-grid-row:1; grid-row:1; -ms-grid-column:4; grid-column:4; grid-area: toggleB; border-bottom: 1px solid #01c0e2; }
.hero-c { -ms-grid-row:2; grid-row:2; -ms-grid-column:3; grid-column:3; grid-area: toggleC; border-left: 1px solid #01c0e2; }
.hero-d { -ms-grid-row:2; grid-row:2; -ms-grid-column:4; grid-column:4; grid-area: toggleD; }
.hero-trigger {
    position: relative;
    background-color: #4d4d4f;
}
.hero-trigger::after {
    content: '';
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #01c0e2;
    z-index: 0;
    transition: all 0.5s ease-in;
}
.hero-trigger > span {
    position: absolute;
    top:50%;
    transform: translate(0, -50%);
    width: 100%;
    z-index: 100;
    color:#01c0e2;
    font-size: 18px;
    font-family: 'atlas';
    text-align: center;
    transition: all 0.5s ease-in;
}
.hero-trigger .hero-icon {
    width: 122px;
    height: 122px;
    display: block;
    margin: 0 auto 15px;
}
/* hero trigger icon: */
.hero-trigger .hero-icon path, .hero-trigger .hero-icon circle {transition: all 0.35s ease-in;}
.hero-trigger .hero-icon path {stroke: #01c0e2;}
.hero-trigger .hero-icon circle {fill: #01c0e2;}
.hero-a.hero-trigger .hero-icon {transform: rotate(90deg);}
#cirB {fill:none;stroke: #01c0e2;}
/* hero trigger icon hover: */
.hero-trigger:hover .hero-icon path {stroke: #4d4d4f;}
.hero-trigger:hover .hero-icon circle {fill: #4d4d4f;}
.hero-trigger:hover #cirB {fill:none;stroke: #4d4d4f;}
/* hero trigger hover: */
.hero-trigger:hover::after {
    height: 100%;
}
.hero-trigger:hover > span {
    color: #4d4d4f;
}
.hero-main-title {
    text-align: center;
    color: #fff;
    font-family: 'atlas';
    font-size: 74px;
    letter-spacing: 0.5px;
    line-height: 0.85;
    margin: 35px auto;
}
.hero-main-title > span:not(.headline-tag) {
    word-spacing: 9999rem;
}
.hero-main-title .headline-tag {
    display: block;
    font-size: 42px;
    font-family: 'atlas-light';
    margin-bottom: 30px;
}  
.hero-main .nxt-sct, .section-hp .nxt-sct {
    position: absolute;
    color: #fff;
    font-size: 32px;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(-90deg) translate(0, 0);
    -ms-transform: rotate(-90deg) translate(0, 0);
    transform: rotate(-90deg) translate(0, 0);
    bottom: 60px;
    right: 60px;
    z-index: 1000;
}
.section-hp .nxt-sct {color: #01c0e2;}
.section-hp .hero-main .nxt-sct {color: #fff;}
.hero-main .nxt-sct:hover, .section-hp .nxt-sct:hover {
    -webkit-transform: rotate(-90deg) translate(-10px, 0);
    -ms-transform: rotate(-90deg) translate(-10px, 0);
    transform: rotate(-90deg) translate(-10px, 0);
}
.section-hp .nxt-sct .icon {
    animation: arrowMoveDown 1s linear infinite alternate;
}
.section-hp .nxt-sct:hover .icon {
    animation: none;
}
@keyframes arrowMoveDown {
    0%   {transform: translate(0, 0);}
    15%  {transform: translate(-5px, 0);}
    30%  {transform: translate(0, 0);}
    100% {transform: translate(0, 0);}
}
.hero-main-popup {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in;
}
.hero-main-popup.visible {
    z-index: 105;
    visibility: visible;
    opacity: 1;
}
.hero-main-popup .hero-content-placeholder p {
    margin: 0 35px 35px;
    color: #fff;
    font-family: 'atlas-light';
    font-size: 38px;
    line-height: 0.85;
    text-align: center;
}
.hero-main-popup .hero-content-placeholder p > span {
    font-size: 30px;
    padding-top: .5em;
    display: block;
}
.hero-main-popup .hero-content-placeholder p .countfect,
.hero-main-popup .hero-content-placeholder p .numTrigg,
.hero-main-popup .hero-content-placeholder .counterC {
    display: block;
    font-family: 'atlas';
    font-size: 170px;
    line-height: 170px;
    text-align: center;
    width: 100%;
}
.number-diy .data {direction: ltr; color: #fff !important;}
.hero-main-popup .hero-content-placeholder .counterC {color: #fff;}
.hero-content-placeholder .number-diy {
    color: #fff;
    position: relative;
    height: 200px;
}
.hero-content-placeholder .number-diy .data {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 170px;
    color: #fff;
    font-family: 'atlas';
}
.hero-slide .number-diy {position: relative; min-height: 115px;}
.hero-content-placeholder .number-diy::after,
.hero-slide .number-diy::after,
.infograph-item .sqr .number-diy::after {
    position: absolute;
    right: 0;
    top:70px;
    font-size: 70px;
}
#hero-a-content .hero-content-placeholder .counterC::after,
.hero-slide.hero-slide-a .number-diy::after,
.infograph-item:nth-child(1) .sqr .number-diy::after {
    content: '+';
}
.hero-slide.hero-slide-a .number-diy::after {
    left: calc(50% - 100px);
    right: auto;
    top: 20px;
}
#hero-a-content .hero-content-placeholder .number-diy::after,
.infograph-item:nth-child(1) .sqr .number-diy::after   {
    right: auto;
    left: calc(50% - 100px);
}
.infograph-item:nth-child(1) .sqr .number-diy::after {top:25px;left: calc(50% - 90px);}
#hero-c-content .hero-content-placeholder .counterC::after,
#hero-c-content .hero-content-placeholder .number-diy::after,
.infograph-item:nth-child(3) .sqr .number-diy::after,
.hero-slide.hero-slide-c .number-diy::after  {
    content: '%';
    right: -10px;
}
.hero-slide.hero-slide-c .number-diy::after  {
    right: calc(50% - 150px);
    top: 20px;
}
.infograph-item:nth-child(3) .sqr .number-diy::after {
    right: calc(50% - 125px);
    font-size: 60px;
    top: 25px;
}
.hero-main-popup .vid,
#hp-hero-mobile .hero-mobile-img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}
.is_IE .hero-main-popup .vid {
    top:auto; right: auto;
    bottom: 50%;
    left: 50%;
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
/* 
    Grid 
*/
#masthead, #footer {
    padding: 0 40px;
    box-sizing: border-box;
}
.inside_grid {
    padding: 0 120px;
    box-sizing: border-box;
}
.section_headline {
    flex: 1;
    box-sizing: border-box;
    padding: 0 120px 0 0;
    max-width: 660px;
}
.section_col {
    width: 290px;
}
.practices_grid, .news_grid {
    margin-left: 120px;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
/* 
    Practice Area Grid 
*/
#hp-practice-area {
    padding: 50px 0 60px;
}
#practices-section {
    padding: 50px 0 60px;
}
.section_grid_item {
    padding: 40px;
    box-sizing: border-box;
    width: 290px;
    position: relative;
    transition: color .35s linear;
}
.section_grid_item::before, .section_grid_item::after,
.section_grid_item_inside::before, .section_grid_item_inside::after {
    content:'';
    position: absolute;
    transition: all 0.2s linear;
    background: #01c0e2;
    transition-duration: 0.6s;
}
.section_grid_item::before, .section_grid_item::after {
    width: 0;
    height: 4px; 
}
.section_grid_item_inside::before, .section_grid_item_inside::after {
    width: 4px;
    height:0;
}
.section_grid_item:hover::before, 
.section_grid_item:hover::after,
.section_grid_item.current::before, 
.section_grid_item.current::after {
    width: calc(100% + 4px);
}
.section_grid_item:hover .section_grid_item_inside::before, 
.section_grid_item:hover .section_grid_item_inside::after,
.section_grid_item.current .section_grid_item_inside::before, 
.section_grid_item.current .section_grid_item_inside::after {
    height: calc(100% + 4px);
}
.section_grid_item::after, .section_grid_item_inside::after {
    right:-2px;
    bottom: -2px;
}
.section_grid_item::before, .section_grid_item_inside::before {
    left: -2px;
    top: -2px;
}
#grid_col_1 {
    padding-top: 50px;
}
#grid_col_2 {
    padding-bottom: 50px;
}
.section_headline h2 {
    font-family: 'atlas';
    font-size: 60px;
    line-height: 0.85;
    color: #4d4d4f;
    margin: 0;
    line-height: 0.75;
    max-width: 240px;
}
.section_grid_item a {
    color:#4d4d4f;
    font-family: 'atlas';
    font-size: 30px;
    line-height: 1;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    position: relative;
    padding: 0 0 60px 40%;
}
.section_grid_item:hover a, .section_grid_item:hover,
.section_grid_item.current a, .section_grid_item.current {
    color: #01c0e2;
}
.section_grid_item a .icon {
    font-size: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .35s linear;
    animation: arrowMove 1.5s linear 2s infinite alternate;
}
.section_grid_item:nth-child(2) a .icon {
    animation: arrowMove 1.5s linear 1.5s infinite alternate;
}
.section_grid_item:nth-child(3) a .icon {
    animation: arrowMove 1.5s linear 2.3s infinite alternate;
}
.section_grid_item:nth-child(4) a .icon {
    animation: arrowMove 1.5s linear 0.8s infinite alternate;
}
.section_grid_item:hover a .icon {
    animation: arrowMove 1s linear infinite alternate;
}
.section_grid_item.current a .icon {opacity: 0;}
@keyframes arrowMove {
    0%   {transform: translate(0, 0);}
    15%  {transform: translate(-5px, 0);}
    30%  {transform: translate(0, 0);}
    100% {transform: translate(0, 0);}
}
.section_col.practices_grid_col .practices_item.section_grid_item.current {
    visibility: hidden;
}
/* 
    News Grid 
*/
#hp-news {
    padding: 80px 0 40px;
}
#hp-news, #hp-news .section_headline h2 {
    color:#fff;
}
.post_item .meta-date {
    display: block;
    position: absolute;
    top:40px;
    font-family: 'atlas';
    font-size: 48px;
    font-size: 24px;
    direction: ltr;
}
/*.post_item .meta-date > span {
    font-size: 0.65em;
}*/
.post_item.section_grid_item {
    padding: 115px 30px;
    padding: 85px 30px;
    position: relative;
}
.post_item.section_grid_item a {
    color:#4d4d4f;
    padding: 0 0;
}
.post_item.section_grid_item:hover a {
    color: #01c0e2;
}
.post_item.section_grid_item h3 {
    margin: 35px 0 20px;
    line-height: 1;
}
.post_item.section_grid_item p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}
.news_grid .post_item.section_grid_item .section_grid_item_inside,
.news_grid .post_item.section_grid_item .section_grid_item_inside h3 a {
    color:#fff;
    transition: color 0.2s linear 0s;
}
.news_grid .post_item.section_grid_item a {
    color:#fff;
}
#news-grid-Masonry .post_item.section_grid_item .section_grid_item_inside > a {
    color:#4d4d4f;
}
.news_grid .post_item.section_grid_item:hover .section_grid_item_inside,
.news_grid .post_item.section_grid_item:hover .section_grid_item_inside h3 a,
.news_grid .post_item.section_grid_item:hover a,
#news-grid-Masonry .post_item.section_grid_item:hover .section_grid_item_inside > a {
    color:#01c0e2;
}
.post_item.section_grid_item .section_grid_item_inside > a {
    display: block;
    position: absolute;
    left: 40px;
    bottom: 40px;
}
.post_item.section_grid_item:hover .section_grid_item_inside > a .icon {
    animation: arrowMove 1s linear infinite alternate;
}
/* 
    Team scroller section 
*/
#hp-team {
    background-color: transparent;
    padding-top: 0 !important;
}
#team-flex-scroller {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#team-flex-scroller .section_headline {
    align-items: center;
    background: #fff;
}
#team-flex-scroller .section_headline h2 {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    color: #01c0e2; 
}
.team-expanded {
    width: 50%;
}
.team-expanded .team-main-content {
    position: relative;
    /*padding-top: 87.1156%;*/
    height: 100vh;
    overflow: hidden;
    background: url(img/team-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.team-expanded .team-main-content::after,
.page-lawyer .entry-content .lawyer-entry-image::after,
#map::after {
    content: '';
    box-shadow: 0px 9px 46px 0px rgb(0 0 0 / 30%);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 281px;
    height: 100%;
    z-index: 9;
    transform: translate(100%, 0);
}  
.team-expanded .team-main-content .lawyer-bigImg {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    height: calc(100vh - 85px);
    visibility: hidden;
    opacity: 0;
    transition: all 0.6s ease-in;
}
.team-expanded .team-main-content .lawyer-bigImg.visible {
    visibility: visible;
    opacity: 1;
}
.team-expanded .team-main-content .lawyer-bigImg img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: none;
}
.team-scroller {
    position: relative;
    background-color: #fff;
    border-right: 1px solid #01c0e2;
    width: 290px;
    overflow: hidden;
}
#team-vertical-scroller {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
}
#team-vertical-scroller > li {
    height: calc((100vh - 85px) / 5);
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #01c0e2;
    position: relative;
    overflow: hidden;
}
#team-vertical-scroller > li:last-child {border-bottom: none;}
.team-member-scroller a {
    text-decoration: none;
}
.team-member-scroller .toggle-open {
    position: relative;
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
    padding: 15px;
    background: #fff;
}
.team-member-scroller .toggle-hidden {
    position: absolute;
    top: 0; bottom:0; right: 0; left: 0;
    z-index: 10;
    background: #01c0e2;
    color: #4d4d4f;
    box-sizing: border-box;
    padding: 20px;
    visibility: hidden;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    transition: all 0.6s ease-in;
}
.team-member-scroller .toggle-hidden > div,
.team-member-scroller .toggle-open {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.team-member-scroller .toggle-hidden a {color: #4d4d4f;}
.team-member-scroller:hover .toggle-hidden {
    visibility: visible;
    transform: translate(0, 0);
}
.team-member-title {
    font-family: 'atlas';
    font-size: 22px;
    line-height: 1.5;
    margin: 0 0 15px;
}
.team-member-title > span {
    display: block;
    font-family: 'atlas-light';
    font-size: 15px;
}
.team-member-readmore .icon {
    font-size: 30px; 
    transition: all .35s linear;
    animation: arrowMove 1.5s linear 1s infinite alternate;
}
.team-member-mail .icon {font-size: 34px; transition: all 0.35s ease-in;}
.team-member-mail:hover .icon {transform: scale(1.1);}
.team-member-readmore {
    float: left;
}
.team-member-scroller .toggle-open .team-member-img {
    width: 30%;
    padding-top: 30%;
    display: block;
    margin: 0 auto 10px;
    position: relative;
    overflow: hidden;
}
.team-member-scroller .toggle-open .team-member-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    top: 0;
    left: 0;
    border-radius: 100%;
}
.team-member-title-link {
    font-family: 'atlas-light';
    font-size: 15px;
    color: #01c0e2;
}
@media only screen and (max-height: 700px) {
    .team-member-scroller .toggle-open .team-member-img {
        width: 30%;
        padding-top: 30%;
    }
    .team-member-scroller .toggle-open .team-member-img img {
        width: 100%;
    }
}
/* 
    news page 
*/
.blog_grid {
    max-width: 1126px;
    margin: 0 auto;
    align-items: flex-start;
}
.news_grid {
    padding:30px 0;
}
.blog_grid .section_headline {
    padding: 0;
}
.news_grid h1 {
    color: #01c0e2;
    font-size: 60px;
    line-height: 1;
}
#news-grid {
    flex: 3;
}
#news-grid .grid-sizer,
#news-grid .grid-item { width: 33.333%; }
#news-grid .post_item.section_grid_item.grid-item .section_grid_item_inside,
#news-grid .post_item.section_grid_item.grid-item .section_grid_item_inside h3 a {
    color: #4d4d4f;
}
#news-grid .post_item.section_grid_item.grid-item:hover .section_grid_item_inside,
#news-grid .post_item.section_grid_item.grid-item:hover .section_grid_item_inside h3 a {
    color: #01c0e2;
}
#blog-pagination {
    text-align: center;
    color: #01c0e2;
    font-family: 'atlas';
    font-size: 24px;
    margin: 60px 0;
}
#blog-pagination a, #blog-pagination span {
    color: #01c0e2;
    text-decoration: none;
    display: inline-block;
    margin: 0;
}
#blog-pagination span::after,
#blog-pagination a.page-numbers:not(.next)::after {
    content: '|';
    display: inline-block;
    padding: 0 15px 0 5px;
    vertical-align: top;
    font-size: 20px;
}
.blog_grid_post.flex {
    background: #fff;
    height: calc(100vh - (85px + 75px));
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    padding: 0;
}
.admin-bar .blog_grid_post.flex {
    height: calc(100vh - (32px + 85px + 75px));
}
.blog_grid_post.flex::-webkit-scrollbar {
    display: none; 
}
.blog_grid_post .section_headline {
    width: 400px;
    color: #01c0e2;
    font-size: 60px;
    font-size: 38px;
    direction: ltr;
    text-align: right;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top:50px;
    font-family: 'atlas';
    height: 50%;
}
.blog_grid_post .section_headline .posts-navigation {
    direction: rtl;
    position: absolute;
    bottom: 0;
    right: 120px;
}
.blog_grid_post .section_headline .posts-navigation a {
    color: #01c0e2;
    font-size: 36px;
}
.blog_grid_post .section_headline .posts-navigation a .icon {
    transition: all 0.5s ease-in;
}
.blog_grid_post .section_headline .posts-navigation a .icon.prev-arrow {
    transform: rotate(180deg);
    margin-bottom: 1px;
}
.blog_grid_post .section_headline .posts-navigation a:hover .icon.prev-arrow {
    transform: rotate(180deg) scale(1.2);
}
.blog_grid_post .section_headline .posts-navigation a:hover .icon.next-arrow {
    transform: scale(1.2);
}
/*.blog_grid_post .section_headline .year {
    font-size: 38px;
}*/
.blog_grid_post .post_item {
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 50px 0 150px;
}
.blog_grid_post .external-link {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    position: -webkit-sticky;
    position: sticky;
    top: 50%;
    align-self: flex-start;
}
.blog_grid_post .post-entry-content-fade {
    top: calc(100vh - 75px);
    display: none;
}
a.extrnl {
    color: #01c0e2;
    font-family: 'atlas';
    font-size: 18px;
    line-height: 36px;
    text-decoration: none;
    display: inline-block;
    transform-origin: left;
}
a.extrnl .icon {
    padding-right: 20px;
    font-size: 36px;
    vertical-align: middle;
}
a.extrnl:hover {
    transform: scale(1.05);
}
/* 
    Header 
*/
#masthead {
    background: #fff;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    height: 85px;
    position: fixed;
    z-index: 1001;
    top:0;
    left: 0; right:0;
    transition: all 0.5s;
}  
.logged-in.admin-bar #masthead {
    top:32px;
}
#masthead .flex {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#logo {
    align-self: center;
}
/* 
    Header - menu top level
*/
#header-menu, #header-menu ul.sub-menu {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
#header-menu {
    text-align: right;
    margin-top: 13.5px;
    margin-bottom: 13.5px;
}  
#header-menu > li {
    display: inline-block;
    min-width: 110px;
    border-top: 1px solid #4d4d4f;
    padding: 10px 0 12px 12px;
    box-sizing: border-box;
    margin:10px 0 0 25px;
    position: relative;
    font-family: 'atlas';
    font-size: 17px;
}
#header-menu > li.lang-item {
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
}
#header-menu > li::before {
    width:100%;
    height: 0px;
    background: #01c0e2;
    transition: all 0.35s;
    position: absolute;
    top:-10px;
    content: '';
    display:block;
}
#header-menu > li > a {
    color: #4d4d4f;
    line-height: 1.5;
    text-decoration: none;
    display: inline-block;
}
#header-menu > li:hover {border-color:transparent;}
#header-menu > li:hover::before, 
#header-menu > li.current-menu-item::before,
#header-menu > li.current-menu-ancestor::before,
.single-post #header-menu > li.current_page_parent::before  {
    height: 10px;
}
#header-menu > li:hover > a, 
#header-menu > li.current-menu-item > a,
#header-menu > li.current-menu-ancestor > a,
.single-post #header-menu > li.current_page_parent > a {
    color:#01c0e2;
}  
#header-menu li .icon, #header-menu ul.sub-menu > li > .icon {display: none;}
#header-menu li.menu-item-has-children .icon {
    color: #4d4d4f;
    vertical-align: middle;
    font-size: 12px;
    padding-right: 6px;
    display: inline-block;
}
#header-menu li:hover .icon,
#header-menu li.current-menu-item .icon,
#header-menu li.current-menu-ancestor .icon,
#header-menu li.current_page_parent .icon {
    color:#01c0e2;
}
#navigation-open {
    display:none;
}
/* 
    Header - menu dropdown
*/
#header-menu ul.sub-menu {
    position: absolute;
    background-color: white;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    top:100%;
    padding:12px 0;
    text-align: initial;
    right: -20px;
    visibility: hidden;
}
.Desktop_Menu #header-menu ul.sub-menu {
    transform: translate(0, 20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}
.Desktop_Menu #header-menu > li:hover > ul.sub-menu {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
#header-menu ul.sub-menu > li {
    display: block;
    white-space: nowrap;
    line-height: 26px;
    min-width: 120px;
    padding: 7.5px 20px;
    border-top: 1px solid #dfdfe0;
    transition: all 0.35s ease-in-out;
}
#header-menu ul.sub-menu > li:first-child {
    border-top: none;
}
#header-menu ul.sub-menu > li:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 30;
}
#header-menu ul.sub-menu > li > a {
    color: #c7c7c9;
    font-size: 15px;
    text-decoration: none;
}
#header-menu ul.sub-menu > li:hover > a,
#header-menu ul.sub-menu > li.current-menu-item > a {
    color:#01c0e2;
    font-weight: 700;
}
/* 
    Footer
*/
#colophon {
    background: #fff;
    color: #4d4d4f;
    border-top: 1px solid #c7c7c9;
    padding: 15px 0;
    font-family: 'atlas-light';
    font-size: 14px;
    position: relative;
    z-index: 10;
}
.home #colophon {
    background-color: transparent;
    border-top: none;
    color: #c7c7c9;
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
}
body.home {position: relative;}
#colophon a {
    text-decoration: none;
    color:#4d4d4f;
    display: inline-block;
    vertical-align: middle;
}
.home #colophon a {color: #c7c7c9;}
#colophon a:hover {
    color:#c7c7c9b6;
    color: #01c0e2;
}
#colophon .flex {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
#colophon .flex > div:first-child {
    text-align: left;
}
#colophon .flex > div:first-child, #colophon .flex > div:last-child {
    align-self: center;
    width: 30%;
}
#footer-contact {
    font-size: 22px;
    width: 40%;
    text-align: center;
}
#footer-contact a {
    margin: 0 8px;
}
#footer-contact a:not(:last-child) {
    height: 32px;
}
#footer-contact .icon {
    font-size: 32px;
}
#footer-contact .icon.icon-mail-icon-01 {
    width: 1.15em;
}

.news_grid {
    display: none;
}

/* 
    Responsive
*/
.mobile-only {display:none;}
@media only screen and (max-width: 1300px) {
    .management_member {
        padding: 110px 60px 90px;
    }
}

@media only screen and (max-width: 1024px) {
    #masthead {
        width:100vw;
    }
    .in-grid, #post-single-template, #page-content {
        padding-right: 45px;
        padding-left: 45px;
    }
    #page-hero-title, #page-hero-title-product {width:100%;}
    #page-hero-title .parallax-slider, #page-hero-title-product .parallax-slider, #archive-header .parallax-slider {
        position: absolute;
        top: 0; right: 0; left:0; bottom: 0;
        z-index: 0;
        overflow: hidden;
    }
    #page-hero-title .parallax-slider img, #page-hero-title-product .parallax-slider img, #archive-header .parallax-slider img {
        width: auto;
        height: 100%;
        opacity: 1;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }
    #archive-header .parallax-slider img {
        width: 100%;
        height: auto;
    }
    #page-top-content {
        padding: 70px 45px 50px;
    }
    /* Menu */
    #header-menu {
        border-top: 2px solid rgb(160, 176, 185);
        border-bottom: 1px solid rgb(160, 176, 185);
        background: #4d4d4f;
        position: absolute;
        width: 100vw;
        top: 79px;
        left: 0;
        padding: 25px 0;
        display: none;
        margin: 0;
    }
    #header-menu > li {
        display: block;
        padding: 18px 0;
        margin-right: 20px;
        margin-left: 20px;
        margin: 0 0;
        font-size: 20px;
        border-top: 1px solid #fff;
    }
    #header-menu > li:hover {
        border-color: #fff;
    }
    #header-menu ul.sub-menu > li:hover {
        box-shadow: none;
    }
    #header-menu > li > a, #header-menu > li:hover > a {
        color: #fff;
    }
    #header-menu > li:hover::before, #header-menu > li.current-menu-item::before, #header-menu > li.current-menu-ancestor::before {
        height: 0;
    }
    #header-menu li.menu-item-has-children .icon {
        color: #fff;
        position: absolute;
        left: 0;
        top: 26px;
    }
    #header-menu li.menu-item-has-children.current-menu-item .icon, 
    #header-menu li.menu-item-has-children.current-menu-ancestor .icon, 
    #header-menu li.menu-item-has-children.current_page_parent .icon {
        color: #01c0e2;
    }
    #header-menu ul.sub-menu {
        position: relative;
        box-shadow: none;
        border-radius: 0;
        top: 0;
        padding: 0;
        left: 0;
        transition: none;
        display: none;
        background: transparent;
        right: 0;
        margin-top: 10px;
    }
    #header-menu ul.sub-menu > li {
        padding: 2px 0;
        border-top: 0px;
    }
    #header-menu ul.sub-menu::before {
        display: none;
    }
    #navigation-open {
        display:block;
        height: 28px;
        width: 28px;
        overflow: hidden;
        border:none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background:none;
        padding: 0;
        cursor:pointer;
        transition: all 0.35s;
        position:absolute;
        right: 42px;
        top: 28px;
        background: transparent;
        color: #4d4d4f;
    }
    #navigation-open.menuOpen {
        background: transparent;
        color: #fff;
    }
    #navigation-open .icon {
        padding-right: 0;
        font-size: 24px;
    }
    #navigation-open .icon-hmburger-close-icon-02 {
        position: absolute;
        top: 2px;
        left: 5px;
        opacity: 0;
        font-size: 18px;
    }
    #search {margin-top: 24px; margin-right: 40px;}
    #search-form-dropdown::before {right: 75px;}
    #float-contact {top: 160px;}
    /* Footer */
    #footer-menu > li {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    #footer-menu > li:last-child {
        margin-bottom: 0;
    }
    #social-linkedin {right:45px;}
    /* About */
    .infograph-item {
        width: calc(50% - 11.25px);
        padding-top: calc(50% - 11.25px);
    }
    /* Blog */
    #news-grid .grid-sizer, #news-grid .grid-item { width: calc(50% - 8px); }
    .single-post .article-with-sidebar { width: 100%; padding-right: 0; }
    .single-post .sidebar {width:100%; margin-top: 70px;}
}


@media only screen and (max-width: 768px) {
    .mobile-only {display:block;}
    body.Mobile_Menu.noScroll {margin: 0; height: 100vh; overflow: hidden;}
    #post-single-template, #page-content { padding: 35px 0; }
    .in-grid, #post-single-template, #page-content, #masthead {padding-right: 20px; padding-left: 20px; }
    .inside_grid {padding: 0 20px;}
    #masthead, #footer { padding: 0 20px; }
    .entry-header .h1-position, #about_entry .h1-position { padding: 10px 20px; }
    #page-top-content {padding: 70px 25px 50px;}
    #page-hero-title, #page-hero-title-product { height: 200px; padding-top: 0;}
    #page-hero-title.animate-section.visible h1, #page-hero-title-product.animate-section.visible h1 { transform: translate(0, -50%); }
    #page-hero-title h1, #page-hero-title-product h1 {padding:0 25px; top: 50%; position: absolute; width: 100%; box-sizing: border-box;}
    #page-top-content h1 {text-align: left;}
    #archive-header-filter {position: absolute; width: 100%; bottom:10px;}
    h1, #products-grid .product h3 {font-size:26px;}
    h2 {font-size:24px;}
    p, .intro p, #page-top-content p, #products-grid .product h4 { font-size: 16px; }
    .entry-header .h1-position h1, #about_entry .h1-position h1 {font-size: 48px;    line-height: 0.82;}
    .entry-header.animate .h1-position h1, #about_entry.animate .h1-position h1 {
        -webkit-transform: translate(0, 125%);
        -ms-transform: translate(0, 125%);
        transform: translate(0, 125%);
    }
    .entry-header {height: 420px;}
    /* Header */
    #page { padding-top: 60px; }
    #masthead {height:60px;}
    #page:not(.home-page) {padding-top: 60px;}
    #logo { margin-top: 15px;}
    #float-contact {top: auto; bottom: 10px;}
    #float-contact-togg {width: 60px; height: 48px; border-radius: 16px 0 0 16px; padding: 0 0 0 10px; position: absolute; bottom: 0; left: 2px;}
    #header-menu > li {padding: 18px 0; margin-right: 20px; margin-left: 20px;}
    #header-menu > li::before {top: -1px;}
    #header-menu > li:hover::before {display: none;}
    #header-menu > li.current-menu-item::before,  #header-menu > li.current-menu-ancestor::before,  .single-post #header-menu > li.current_page_parent::before {height: 1px;}
    .Mobile_Menu #header-menu ul.sub-menu {visibility: visible;}
    #header-menu > li.current-menu-ancestor:hover > a, #header-menu > li.current-menu-item:hover > a, #header-menu ul.sub-menu > li.current-menu-item:hover > a {color: #fff;}
    #header-menu ul.sub-menu > li.current-menu-item:hover > a {font-weight: 600;}
    #header-menu ul.sub-menu > li {line-height: 24px;}
    #navigation-open {right:20px; z-index: 1001;top:22px;}
    #search-form-dropdown {left: 0;right: 0;}
    #header-menu > li:first-child {margin-top:100px;}
    #header-menu > li:last-child {margin-bottom:40px;}
    #header-menu {border-top:none; border-bottom:none; position: fixed; z-index: 1000; top:0; left:0; right:0; padding: 0; box-sizing: border-box; overflow: auto; }
    #navigation-open.menuOpen .icon-hmburger-close-icon-02 {opacity:1;}
    #navigation-open.menuOpen .icon-hamburger-icon {opacity:0;}
    /* Footer */
    #footer-menu-wrp { width: 100%; }
    #footer-top > .in-grid > .flex > img {display:none;}
    #social-linkedin {right:25px;}
    #footer-bottom > .in-grid > .flex > div {width:100%;}
    #back2top {border-radius: 16px 0 0 16px; bottom: 67px; right: 0; width: 43px; height: 48px;}
    /* About */
    #about-01 .fp-tableCell {vertical-align: top;}
    #fullpage-about .section-about {padding-top: 0 !important;}
    #about_entry {height: 420px;}
    #about_entry .h1-position {bottom: 40%;}
    #content_section {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        padding: 0;
    }
    .page-contact #content_section {padding: 0 20px 40px;}
    .entry-content .wp-block-columns .wp-block-column:nth-child(1) {padding-left: 0;}
    .entry-content .wp-block-columns .wp-block-column:nth-child(1) p { font-size: 22px; line-height: 1.35; }
    .entry-content .wp-block-columns .wp-block-column:not(:first-child) { padding-top: 1.5em; }
    #about-infographs {
        padding: 0 20px;
    }
    #about_entry .nxt-sct {display: none;}
    #about_entry .video-play {  
        left: auto;
        right: 20px;
        bottom: 3vh;
        font-size: 14px;
    }
    .video-play::before {
        width: 80px;
        height: 80px;
        margin: 0 0 10px;
    }
    .entry-content-sidebar h2 {border-bottom: 1px #01c0e2 solid;    font-size: 38px;}
    .entry-content-sidebar .accent {margin-right: 0;}
    .entry-content-sidebar h2 .num {font-size: 130px;}
    #about-article {padding: 80px 0;}
    #about-article .wp-container-4 {gap: 40px;}
    /* contact form */
    .wpcf7-form .col-half {width:100%;}
    /* Practice Areas */
    .entry-content-main, .entry-content-sidebar {
        width: 100%;
    }
    .entry-content-sidebar .quote {
        margin-right: 0;
    }
    .entry-content-sidebar .quote h2 {
        font-size: 28px;
    }
    /* home */
    .hero-main .nxt-sct, .section-hp .nxt-sct {display: none;}
    #hp-hero-grid {display: none; height: 0 !important;}
    #hp-hero-grid-wrp {padding-top: 0 !important;}
    #hp-hero-mobile {
        display: block; 
        height: auto;
        min-height:  calc(100vh - 60px);
    }
    #hp-hero-mobile-slider .hero-slide {
        height: calc(100vh - 60px);
        background: rgba(204, 204, 204, 0.459);
    }
    #hp-hero-mobile-slider .hero-slide .hero-slide-img {
        height: 45%;
    }
    #hp-hero-mobile-slider .hero-slide .hero-slide-content {
        height: 55%;
    }
    #hp-hero-mobile-slider .hero-slide .hero-slide-img {
        position: relative;
        background-position: center;
        background-size: cover;
    }
    #hp-hero-mobile-slider .hero-slide .hero-slide-content  {
        text-align: center;
        color: #fff;
        box-sizing: border-box;
        padding: 0 30px;
        background-color: #01c0e2;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    #hp-hero-mobile-slider .hero-slide .hero-slide-content > div,
    #hp-hero-mobile-slider .hero-slide .hero-slide-content .hero-main-title {
        margin: 0;
    }
    #hp-hero-mobile-slider .hero-slide .number-diy {
        min-height: 105px;
        width: 100%;
        box-sizing: border-box;
    }
    #hp-hero-mobile-slider .hero-slide.hero-slide-a .number-diy {padding-left: 18px;}
    #hp-hero-mobile-slider .hero-slide.hero-slide-c .number-diy {padding-right: 30px;}
    .hero-slide.hero-slide-a .number-diy::after {top: 10px; left: calc(50% - 90px); font-size: 66px;}
    .hero-slide.hero-slide-c .number-diy::after {top: 10px; right: calc(50% - 120px); }
    #hp-hero-mobile-slider .hero-slide .hero-slide-content p {
        font-family: 'atlas-light';
        font-size: 26px;
        margin: 0;
        line-height: 1.1;
    }
    #hp-hero-mobile-slider .hero-slide .hero-slide-content .slider-num {
        display: block;
        font-family: 'atlas';
        font-size: 90px;
    }
    .hero-slide-img > span {
        position: absolute;
        top:50%;
        transform: translate(0, -50%);
        width: 100%;
        z-index: 100;
        color:#fff;
        font-size: 18px;
        font-family: 'atlas';
        text-align: center;
        transition: all 0.5s ease-in;
    }
    .hero-slide-img .hero-icon {
        width: 126px;
        height: 126px;
        display: block;
        color:#fff;
        margin: 0 auto 15px;
    }
    /* hero trigger icon: */
    .hero-slide-img .hero-icon path, .hero-slide-img .hero-icon circle {transition: all 0.35s ease-in;}
    .hero-slide-img .hero-icon path {stroke: #fff;}
    .hero-slide-img .hero-icon circle {fill: #fff;}
    .hero-slide-a .hero-slide-img .hero-icon {transform: rotate(90deg);}
    #cirB {fill:none;stroke: #fff;}

    #hp-hero-mobile-slider .hero-slide.hero-slide-first .hero-slide-img  {
        background: url('img/page-banner-homemobile.jpg') no-repeat;
        background-size: cover;
        background-position: center;
    }
    #hp-hero-mobile-slider .hero-slide.hero-slide-first .hero-slide-img::before {display: none;}
    #hp-hero-mobile-slider .hero-slide.hero-slide-first .hero-main-title .headline-tag {
        font-size: 32px;
        margin-bottom: 20px;
    }
    #hp-hero-mobile-slider .hero-slide.hero-slide-first .hero-main-title > span:not(.headline-tag) {
        word-spacing: initial;
    }
    #hp-hero-mobile-slider .hero-slide.hero-slide-first .hero-main-title {
        font-size: 56px;
    }

    .slick-dots, .scroll-dwn {bottom:20px;}


    .practices_grid, .news_grid {
        margin-left: 0;
    }
    .section_headline {
        padding: 0 20px;
        max-width: 768px;
    }
    .section_headline h2 {
        max-width: 100%;
        text-align: center;
        font-size: 40px;
    }
    .section_col {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .section_grid_item {
        padding: 35px 20px;
        width: 100%;
        border: 3px solid #4d4d4f;
        margin-top: -3px;
    }
    .section_grid_item a {
        padding: 0 0 20px 20%;
    }

    /*cancel hover effect: */
    .section_grid_item:hover::before, .section_grid_item:hover::after {width: 0;}
    .section_grid_item:hover .section_grid_item_inside::before, .section_grid_item:hover .section_grid_item_inside::after {height: 0;}
    .section_grid_item:hover a { color: #4d4d4f; }

    .section_grid_item_inside::before, .section_grid_item_inside::after {
        width: 3px;
    }
    .section_grid_item::before, .section_grid_item::after {  
        height: 3px;
    }
    .section_grid_item::before, .section_grid_item_inside::before {
        left: -3px;
        top: -3px;
    }
    .section_grid_item::after, .section_grid_item_inside::after {
        right: -3px;
        bottom: -3px;
    }
    .section_grid_item.current {
        z-index: 100;
    }
    .practices_item.section_grid_item.current {
        display: none;
    } 

    #hp-practice-area {padding-top: 80px !important;}
    #grid_col_1 {
        padding-top: 80px;
    }
    #grid_col_2 {
        padding-bottom: 0;
    }
    #grid_col_3 {
        padding-bottom: 50px;
    }

    #team-flex-scroller {
        padding: 80px 0;
    }
    .team-expanded {
        display: none;
    }
    .team-scroller {
        border-right: none;
        width: 100%;
        margin-top: 80px;
    }
    #team-vertical-scroller {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }
    .team-member-scroller .toggle-open .team-member-img {
        width: 115px;
        padding-top: 115px;
    }
    #team-vertical-scroller > li {
        height: 190px;
    }

    .news_grid {
        padding: 30px 20px;
    }
    .blog .news_grid.blog_grid {
        margin-top: 0px;
    }
    #hp-news .post_item.section_grid_item p {
        display: none;
    }
    .news_grid .post_item.section_grid_item {
        padding: 35px 20px;
        border-color: #fff;
    }
    .news_grid .post_item .meta-date {
        top: 35px;
    }
    .news_grid .section_grid_item a {
        font-size: 22px;
    }
    .news_grid .post_item.section_grid_item .section_grid_item_inside > a {
        left: 20px;
        bottom: 35px;
    }
    .news_grid .post_item.section_grid_item h3 {
        margin: 45px 0 55px;
    }
    .news_grid h1 {
        font-size: 48px;
        margin: 0;
    }
    .news_grid .section_headline {
        margin-bottom: 80px;
        margin-top: 80px;
        width: 100%;
        flex: auto;
    }
    #news-grid .grid-sizer, #news-grid .grid-item {
        width: 100%;
    }
    #news-grid-Masonry .section_grid_item::before, #news-grid-Masonry .section_grid_item::after {
        width: calc(100% + 6px);
    }
    #news-grid-Masonry .section_grid_item .section_grid_item_inside::before, #news-grid-Masonry .section_grid_item .section_grid_item_inside::after {
        height: calc(100% + 6px);
    }
    #news-grid-Masonry .section_grid_item::before, #news-grid-Masonry .section_grid_item::after, 
    #news-grid-Masonry .section_grid_item_inside::before, #news-grid-Masonry .section_grid_item_inside::after {
        background: #4d4d4f;
    }
    .news_grid #news-grid-Masonry .post_item.section_grid_item {
        padding: 35px 20px 75px;
    }
    .blog_grid_post.flex {
        position: relative;
        height: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: initial;
    }
    .admin-bar .blog_grid_post.flex {
        height: auto;
    }
    .blog_grid_post .section_headline {
        font-size: 28px;
        direction: ltr;
        position: -webkit-initial;
        position: initial;
        top: 0;
        height: auto;
    }
    .blog_grid_post .section_headline .posts-navigation {
        bottom: 37px;
        right: 20px;
    }
    .blog_grid_post .post_item {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        padding: 0 20px 40px;
    }
    .news_grid.blog_grid_post h1 {
        font-size: 38px;
    }
    .blog_grid_post .external-link {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        position: -webkit-initial;
        position: initial;
        top: 0;
        padding: 0 20px 40px;
    }
    a.extrnl .icon {
        padding-right: 10px;
        font-size: 22px;
    }
    .blog_grid_post .section_headline .posts-navigation a {font-size: 28px; margin: 0 5px;}

    .home #colophon {
        background-color: #fff;
        color: #4d4d4f;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }
    .home #colophon a {
        color: #4d4d4f;
    }
    #colophon {
        padding: 50px 0;
    }
    #colophon .flex > div:first-child, #colophon .flex > div:last-child, #footer-contact {
        width: 100%;
        text-align: center;
        line-height: 1.5;
    }
    #footer-contact {order: 1; padding-top: 42px; position: relative; margin-bottom: 40px;}
    #colophon .flex > div:first-child {order:2;}
    #colophon .flex > div:last-child {order:3;}
    #colophon .flex > div:first-child > span {display: block; margin-bottom: 1em;}
    #footer-contact .tel {
        position: absolute;
        top:0;    
        width: 100%;
        left: 0;
        z-index: 10;
        margin: 0;
    }
    #footer-contact .icon.icon-mail-icon-01 {
        width: 1.6em;
        font-size: 30px;
    }
    .parallax-slider, .parallax-mirror {
        display: none;
    }
    .parallax-mobile {
        background-size: cover;
        background-position: bottom center;
    }
    body.page-id-232 .parallax-mobile {
        background-position: bottom left;
    }
    .entry-header::after {
        opacity: 1;
    }

    .page-contact .entry-content-main h1 {
        font-size: 48px;
        margin: 80px 0 40px;
    }
    .page-contact .entry-content-form {padding: 40px 0 0;}

    .page-lawyer .entry-content, .page-lawyer .entry-content .lawyer-entry-image {
        height: auto;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .admin-bar .page-lawyer .entry-content, .admin-bar .page-lawyer .entry-content .lawyer-entry-image {
        height: auto;
    }
    .page-lawyer .entry-content .lawyer-entry-image {
        -webkit-flex: auto;
        -ms-flex: initial;
        flex: auto;
    }
    .page-lawyer .entry-content .lawyer-entry-image, .page-lawyer .entry-content .lawyer-entry-title {
        overflow: initial;
        position: initial;
        top: 0;
    }
    .page-lawyer .entry-content .lawyer-entry-content {
        padding: 0px 20px;
    }
    .page-lawyer .entry-content .lawyer-entry-title {order:2;}
    .page-lawyer .entry-content .lawyer-entry-content {order: 3;}
    .page-lawyer .entry-content .lawyer-entry-image {order: 1;}

    .page-lawyer .entry-content .lawyer-entry-image {
        padding-top: 100vw;
        width: 100vw;
        height: 0;
        overflow: hidden;
        position: relative;
    }
    .page-lawyer .entry-content .lawyer-entry-image img {
        width: auto;
        height: 100%;
        position: absolute;
        right: 50%;
        top: 0;
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        max-width: none;
    }
    .page-lawyer .entry-content .lawyer-entry-title {
        -webkit-flex: auto;
        -ms-flex: initial;
        flex: auto;
        padding: 40px 20px;
    }
    .page-lawyer .entry-content .lawyer-entry-title .tagline {
        margin: 20px 0 40px;
    }
    .page-lawyer .entry-content .lawyer-entry-title h1 {
        font-size: 48px;
        word-spacing: initial;
    }
    .page-lawyer .entry-content .lawyer-entry-content .lawyer-entry-content-fade, .blog_grid_post .post-entry-content-fade {
        display: none !important;
    }
    #team-nav {
        position: relative;
        bottom: auto;
        right: auto;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin-bottom: 80px;
    }
    #team-nav ul {
        border:none;
    }
    #team-nav ul li {
        -webkit-flex: auto;
        -ms-flex: initial;
        flex: auto;
        width: 100%;
    }
    #team-nav ul li:nth-child(2), #team-nav ul li {
        border: 3px solid #4d4d4f;
        margin-bottom: -3px;
        position: relative;
        z-index: 10;
    }
    #team-nav ul li a, #team-nav ul li:hover a {
        color: #4d4d4f;
    }
    #team-nav ul li a {
        height: auto;
        line-height: 1;
        font-family: 'atlas';
        font-size: 24px;
        text-align: right;
        padding: 35px 20px;
    }
    #team-nav ul li.current a {
        color: #01c0e2;
    }
    #team-nav ul li.current {
        border-color: #01c0e2;
        background:transparent;
        z-index: 30;

        display: none;
    }
    #team-nav ul li:hover {
        background: transparent;
    }

    /* fix height on mobile devices : */
    #hp-slider .hp-slider-li, #header-menu  {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    #header-menu { height: 100vh;-webkit-overflow-scrolling: touch;}

}


@media only screen and (max-width: 767px) {
    .infograph-item {
        width: 100% ;
        padding-top: 100% ;
    }
    .infograph-item .sqr {
        top: 50%;
        transform: translate(0, -50%);
    }
    .infograph-item:nth-child(2), .infograph-item:nth-child(3), .infograph-item:nth-child(4) {
        margin-top: 40px;
    }
    .infograph-item:nth-child(3) .sqr .number-diy::after {right: calc(50% - 115px);}
    .infograph-item:nth-child(3) .sqr .number-diy {padding-right: 50px;}
    #hero-a-content .hero-content-placeholder .number-diy::after, .infograph-item:nth-child(1) .sqr .number-diy::after {
        right: auto;
        left: calc(50% - 110px);
    }
    .infograph-item:nth-child(1) .sqr .number-diy {padding-left: 30px;}
    .infograph-item:nth-child(1) .sqr .number-diy::after { left: calc(50% - 85px); }

    .about-entry-content-main .wp-block-quote {
        margin: 0 0 30px;
        padding: 20px;
    }
}