@charset "utf-8";

@media screen and (min-width: 370px) {
  .banner-slider .slide .slide-text {padding: 13px 13px 15px 15px;}
  .banner-slider .slide h4 {font-size: 18px; margin: 0 0 22px;}
  .banner-slider .slide .button {font-size: 12px;}
}

@media screen and (min-width: 576px) {
  .form textarea {height: 132px;}
  .practice h1, .practice h3 {margin: 0 0 30px;}
  .practice-text {margin: 0; height: 100%;}
  .practice-item {margin: 0; padding: 20px 8px 38px; font-weight: bold; font-size: 18px; line-height: 22px; color: #fff; height: 100%;  text-align: center;}
  .practice-item figure {width: auto; min-width: 0; margin: 0 0 20px;}
  .practice .row > div {margin-bottom: 10px;}
  .profile-list .col:first-child ul li {margin: 0 0 9px;}
  .practice-single-list .d-sm-flex {margin: 0 -15px;}
  .practice-single-list .col {width: 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; margin: 0 0 20px;}
  .practice-single-list .practice-item {padding: 20px 15px 38px;}
  .cases-accordion .acc-header a figure {min-width: 200px; width: 200px;}
  .cases-accordion .acc-header p strong {margin: 0 0 10px;}
  .cases-accordion .acc-header p span {font-weight: 400; display: block;}
}

@media screen and (min-width: 768px) {
  body {font-size: 16px; line-height: 1.2;}
  .logo {width: 150px;}
  .banner-slider-nav {margin: 20px 0;}
  .banner-slider .slide p {display: block; margin: 0 0 20px;}
  .consultation-form {padding: 50px 0;}
  .form input, .form textarea {font-size: 14px; line-height: 16px;}
  .form textarea {height: 148px;}
  .button {line-height: 43px; height: 45px; font-size: 16px; text-transform: uppercase; border-radius: 6px; box-shadow: none; padding: 0 25px;}
  .button.button-sm {height: 34px; line-height: 32px;  padding: 0 20px;}
  .home-about-block {padding: 50px 0;}
  .home-about-block figure {position: relative; margin: 0 0 64px;}
  .home-about-block figure a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/bgi/ico-play.svg) 50% no-repeat;}
  .home-about-block p:last-child {margin: 0;}
  .practice .row > div {margin-bottom: 30px;}
  .testimonials .wrapper {min-height: 300px; max-width: 750px; margin: auto; padding: 0 67px 0 0;}
  .testimonials-slider-nav {width: 67px;}
  .testimonials-slider-nav .slick-arrow {bottom: 26px; width: 24px; height: 24px; margin: 0 0 0 -12px;}
  .testimonials-slider-nav .slick-next {bottom: 60px;}
  .testimonials-slider-nav .slick-dots {padding: 47px 0 0;}
  .testimonials-slider-nav .slick-dots li {margin: 0 0 10px;}
  .testimonials-slider-nav .slick-dots button {width: 10px; height: 10px;}
  .testimonials-slider .slide figure {width: 70px;}
  .testimonials,
  .evaluation-form {padding: 50px 0;}
  .offices {padding: 50px 0 80px;}
  .office-item {padding: 19px 10px 32px; margin: 0; height: 100%;}
  .office-item p {font-size: 14px;}
  .about-block {padding: 50px 0;}
  .about-block figure {margin: 0 0 30px 2%; float: right; width: 48.7%;}
  .about-block p:last-child {margin: 0;}
  .about-block ul {float: left; width: 33.3333%; padding: 0 15px 0 0; margin: 40px 0;}
  .gm-style .gm-style-iw-c {transform: translate(0, -100%) !important; width: 300px;}
  .practice-single-list .d-sm-flex {margin: 0 -5px;}
  .practice-single-list .col {width: 16.6667%; -ms-flex: 0 0 16.6667%; flex: 0 0 16.6667%; padding: 0 5px;}
  .practice-single-list .practice-item {padding: 15px 10px; font-size: 15px; line-height: 20px;}
  .practice-single img {float: right; max-width: 60%; margin: 0 0 30px 30px;}
  .practice-single img + h4 {margin: 0 0 44px;}
  .practice-single ul + p {clear: both;}
  .blog-info .share a {margin: 0 0 0 15px;}
}

@media screen and (min-width: 992px) {
  body {font-size: 20px;}
  .header-container {padding: 15px;}
  .header-meta {position: static; background: none; padding: 0;}
  .header-meta > a {display: block; color: #383838; font-size: 12px; line-height: 14px; text-align: left; text-transform: none; padding: 0; min-height: 32px;}
  .header-meta > a strong {display: block; margin: 3.3px 0;}
  .header-meta > a strong em {font-style: normal; font-weight: 400;}
  .header-meta > a span {display: none; }
  .header-meta > .header-phone {background: url(../img/bgi/ico-tel.svg) 0 50% no-repeat; padding: 0 0 0 40px;}
  .header-meta > .header-eval {background: url(../img/bgi/ico-doc.svg) 0 50% no-repeat; padding: 0 0 0 35px; margin: 0 0 0 90px;}
  .header-meta > .header-areas {display: none;}
  .logo {margin: 0 54px 0 0;}
  .slogan, h1.slogan {font-size: 15px; line-height: 18px;}
  h1.slogan span, .slogan span {display: block; text-align: left;}
  .slicknav_menu {display: none;}
  .navigation {display: block; background: #5C5D61;}
  .nav-container {padding: 10px 15px;}
  .nav-container .socials {padding: 0 20px 0 0;}
  .nav-container .socials .socials-in {margin: 0 20px;}
  .nav-container .button {font-size: 16px; text-transform: none;}
  .main-nav { font-size: 18px; line-height: 22px; font-weight: 400;}
  .main-nav li + li {margin: 0 0 0 20px;}
  .main-nav a {color: #fff;}
  h2 {font-size: 38px; line-height: 46px;}
  h1, h3 {font-size: 30px; line-height: 36px; text-align: left; padding: 0 0 8px;}
  h1 span:before, h3 span:before {top: auto; bottom: -5px; right: 0;}
  .banner-slider-nav .slick-arrow {width: 15px; height: 14px; background: url(../img/bgi/arrow-left.svg) 50% no-repeat; margin: -7px 0 0;}
  .banner-slider-nav .slick-next {background-image: url(../img/bgi/arrow-right.svg);}
  .banner-slider-nav .slick-dots {height: 14px;}
  .banner-slider-nav .slick-dots li {margin: 0 15px;}
  .banner-slider-nav .slick-dots button {border: 1px solid #fff; width: 14px; height: 14px;}
  .banner-slider-nav .slick-dots .slick-active button {background: #fff;}
  .banner-slider .slide figure {-ms-flex: 0 0 41%; flex: 0 0 41%; max-width: 41%;}
  .banner-slider .slide .slide-text {-ms-flex: 0 0 59%; flex: 0 0 59%; max-width: 59%; padding: 0;}
  .banner-slider .slide .inner {max-width: 722px; padding: 0 63px 18px; height: 100%;}
  .banner-slider .slide .button {display: none;}
  .banner-slider .slide h4 {font-size: 22px; line-height: 30px; margin: 0 0 4px;}
  .banner-slider-nav-wrapper {position: absolute; left: 41%; width: 59%; max-width: 722px; bottom: 20px;}
  .banner-slider-nav {padding: 0 30px; margin: 0; font-size: 0; line-height: 0;}
  .home-about-block, .about-block {background-image: url(../img/bgi/bg01.png); background-position: left 80% top 162px; background-repeat: no-repeat;}
  .practice {background-image: url(../img/bgi/bg04.png); background-position: left 65.6% top 32px; background-size: auto 92%;background-repeat: no-repeat;}
  .testimonials {background-image: url(../img/bgi/bg02.png),url(../img/bgi/bg03.png); background-position: left -100px bottom -50px, right top 69px; background-size: auto; background-repeat: no-repeat;}
  .button {line-height: 55px; height: 57px;}
  .button.button-sm {height: 39px; line-height: 37px;  padding: 0 20px;}
  .consultation-form h2 {margin: 0 0 72px;}
  .form input, .form textarea {padding: 20px 15px 18px;}
  .form .field {margin: 0 0 30px;}
  .form textarea {height: 225px;}
  .text-field textarea {height: 148px;}
  .consultation-form .submit {padding: 17px 0 0;}
  .consultation-form {padding: 94px 0 149px;}
  .home-about-block {padding: 103px 0 97px;}
  .home-about-block h1, .home-about-block h3 {margin: 0 0 42px;}
  .home-about-block h4 {font-size: 26px; line-height: 31px; margin: 0 0 24px;}
  .home-about-block p {margin: 0 0 24px;}
  .home-about-block p:last-child {margin: 29px 0 0;}
  .home-about-block .button {padding: 0 50px;}
  .home-about-block figure {position: relative; margin: 0 0 91px;}
  .practice {padding: 73px 0 150px;}
  .practice h1, .practice h3 {margin: 0 0 60px;}
  .practice-text p {margin: -13px 0 -21px; font-size: 16px;}
  .practice-item figure {height: 81px;}
  .testimonials {padding: 103px 0;}
  .testimonials h1, .testimonials h3 {margin: 0 0 76px;}
  .testimonials-slider .slide {padding: 35px 30px 31px 57px;}
  .testimonials-slider .slide .author {padding: 0 0 0 39px;}
  .testimonials-slider .slide .author strong {font-size: 20px; line-height: 24px; margin: 0 0 3px;}
  .testimonials-slider .slide .author span {font-size: 18px; line-height: 22px;}
  .testimonials-slider .slide blockquote p {font-size: 18px; line-height: 22px;}
  .testimonials-slider .slide blockquote {margin: 26px 0 0; padding: 0 0 35px 10px;}
  .testimonials-slider .slide blockquote:before {width: 30px; height: 29px; left: -30px; top: -13px;}
  .testimonials-slider .slide blockquote:after {width: 30px; height: 29px; bottom: 0; right: 17px;}
  .evaluation-form {padding: 95px 0 149px;}
  .evaluation-form h2 {margin: 0 0 72px;}
  .evaluation-form .submit {padding: 17px 0 0;}
  .evaluation-form .submit .button {padding: 0 60px;}
  .offices {padding: 103px 0 99px;}
  .offices h1, .offices h3 {margin: 0 0 56px;}
  .office-item {padding: 22px 10px 23px;}
  .about-block {padding: 103px 0 97px;}
  .about-block h1, .about-block h3 {margin: 0 0 42px;}
  .about-block h4 {font-size: 26px; line-height: 31px; margin: 0 0 24px;}
  .about-block p {margin: 0 0 24px;}
  .about-block figure {margin-top: 84px;}
  .about-block ul {margin: 44px 0 55px;}
  .about-block ul li:before {width: 14px; height: 14px;}
  .about-block .call-btn {margin: 7px 0 0;}
  .gm-style .gm-style-iw-c {width: 400px;}
  .map.active {height: 500px;}
  .profiles-block {padding: 103px 0;}
  .profiles-block h1, .profiles-block h3 {margin: 0 0 43px;}
  .profiles-block p { margin: 0 0 40px;}
  .cite-info p {margin: 0 0 23px;}
  .profile-list {padding: 35px 0 0;}
  .profile-list h4 {margin: 0 0 22px;}
  .profile-list .col:first-child {max-width: 29%;}
  .profile-list .col:last-child {max-width: 33%;}
  .practice-single-list .d-sm-flex {margin: 0 -10px;}
  .practice-single-list .col {padding: 0 10px;}
  .practice-single-list .practice-item {font-size: 18px; line-height: 22px; padding: 15px 15px 22px;}
  .practice-single-list .practice-item figure {height: 50px; margin: 0 0 16px;}
  .practice-single {padding: 103px 0 27px;}
  .practice-single h1, .practice-single h3 {margin: 0 0 43px;}
  .practice-single h4 {margin: 0 0 30px;}
  .practice-single-list {padding: 0 0 81px;}
  .cases-accordion .acc-header a {padding: 19px 82px 19px 15px;}
  .cases-accordion .acc-header a:after {width: 30px; height: 30px; right: 15px; margin: -15px 0 0;}
  .cases-accordion .acc-header a figure {min-width: 263px; width: 263px;}
  .cases-accordion .acc-panel {padding: 33px 15px;}
  .cases-block {padding: 102px 0 0;}
  .cases-block h1, .cases-block h3 {margin: 0 0 60px;}
  .cases-accordion .acc-header a p {padding: 0 0 0 20px;}
  .blog {padding: 102px 0 56px;}
  .blog h1, .blog h3 {margin: 0 0 69px;}
  .blog-list {padding: 35px 0 0;}
  .blog-item .button {padding: 0 50px;}
  .blog-single h1, .blog-single h2 {margin: 0 0 7px;}
  .blog-single header p {font-size: 18px; line-height: 22px;}
  .blog-single header {margin: 0 0 64px;}
  .blog-single img {margin: 0 auto 54px;}
  .blog-info .tags {font-size: 18px; margin: 0;}
  .blog-info {margin: 0 0 95px;}
  .blog-list-small > div {margin: 0 0 48px;}
  .blog-list-small .blog-item-img {-ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
  .blog-list-small .blog-item-title {font-size: 20px; line-height: 24px; margin: 2px 0;}
  .blog-list-small .blog-item-text p {font-size: 14px; line-height: 17px;}
}

@media screen and (min-width: 1200px) {
  .logo {width: auto;}
  .header-container {padding: 19px 15px 25px;}
  .nav-container {padding: 12px 15px 10px;}
  .nav-container .socials {padding: 0 32px 0 0;}
  .nav-container .socials .socials-in {margin: 0 37px;}
  .main-nav li + li {margin: 0 0 0 35px;}
  .banner-slider .slide h4 {font-size: 26px; line-height: 36px;}
  .banner-slider .slide p {font-size: 20px; line-height: 30px;}
  .practice h1, .practice h3 {margin: 0 0 110px;}
  .practice-item {font-size: 30px; line-height: 36px; padding: 20px 28px 36px;}
  .col-lg-3:nth-child(2) .practice-item {padding: 20px 10px 36px;}
  .practice .row > div {margin-bottom: 35px;}
  .practice-text p {font-size: 20px;}
  .office-item h4 {font-size: 30px; line-height: 36px; margin: 0 0 35px;}
  .office-item .office-icon {width: 174px; margin: 0 auto 14px;}
  .office-item p {font-size: 22px; line-height: 26px; margin: 0 0 14px;}
  .office-item .button {background-size: 17px; padding: 0 31px 0 51px; height: 57px; line-height: 55px;}
  .footer-nav li {margin: 0 17px;}
  .about-block .call-btn {background-size: 17px; padding: 0 31px 0 51px; height: 57px; line-height: 57px;}
  .gm-style .gm-style-iw-c {width: auto;}
  .profile-tabs {padding: 79px 0 0;}
  .profile-tabs .tabs-nav li {margin: 0 0 40px;}
  .profile-details .cite {padding: 39px 28px 77px;}
  .team-card-flip {margin: 0 32px 0 0;}
  .cite-info {margin: 0 0 0 -32px;}
  .practice-single img {max-width: 63%; margin: 8px 5.7% 30px 30px;}
  .practice-single img + h4 {margin: 55px 0 52px 5%;}
  .practice-single ul {margin: 0 0 22px 5.3%;}
  .practice-single ul li {margin: 0 0 20px;}
  .practice-single-list .practice-item {font-size: 20px; line-height: 24px; padding: 15px 25px 22px;}
  .cases-accordion .acc-header a:after {right: 0;}
  .cases-accordion .acc-header a p {padding: 0 0 0 31px;}
  .cases-accordion .acc-header a p span {font-size: 24px; line-height: 36px;}
  .cases-accordion .acc-header a p strong {font-size: 1.5em; margin: 5px 0 2px;}
  .cases-accordion .acc-header a {padding: 19px 82px 4px 15px;}
  .cases-accordion .acc-header a:after {right: 31px; margin: -19px 0 0;}
  .cases-accordion .acc-panel p {margin: 0 10px 30px 0;}
  .cases-accordion .acc-panel {padding: 33px 15px 46px;}
  .blog-single h1, .blog-single h2 {font-size: 30px; line-height: 36px;}
  .blog-list-small .blog-item {padding: 0 10% 0 0;}
}

@media screen and (min-width: 1400px) {
  .banner-slider-nav-wrapper {bottom: 50px;}
  .map.active {height: 683px;}
  .cases-accordion .acc-panel {font-size: 26px; line-height: 31px;}
}

@media screen and (min-width: 1800px) {
  .testimonials {background-position: left 21% bottom -50px, right 24.5% top 169px;}
  .banner-slider-nav-wrapper {bottom: 76px;}
  .banner-slider .slide h4 {font-size: 30px; line-height: 46px; margin: 0 0 -1px;}
  .banner-slider .slide p {font-size: 24px; line-height: 36px;}
}