/************* 
HEADER 
**************/
header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-1);
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: -1px;
  color: #fff;
  z-index: 100;
}
@media (max-width: 575px){
 header .f_14 {font-size: 1.2em;}
}


/******* 
menu 
********/
nav.navbar {
  width: fit-content;
  width: moz-fit-content;
  height: 100%;
  padding: 0 !important;
}
.navbar-nav {
  width: 100%;
  justify-content: center;
  align-items: center;
}
.nav-item {
  border-radius: 2em;
  padding: .2em 1em;
  border: 1px solid transparent;
}
.nav-link {
  color: #fff;
  font-weight: 600;
  padding: 0 !important;
  margin: 0;
  border: 1px solid transparent;
}
.nav-link:hover, .nav-link:focus, .nav-link:active {color: var(--color-2);}

.navbar-toggler {
  padding: 0;
  border: unset;
}
.navbar-toggler .navbar-toggler-icon {
  display: block;
  height: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: var(--color-2);
}

@media (max-width: 1199px){
  .nav-item {padding: .2em .5em;}
}
@media (max-width: 991px){
  .navbar-nav {align-items: flex-start;}
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--color-3);
    border: 1px solid var(--color-2);
    padding: 1em;
  }
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  background-color: var(--color-3);
  border: 2px solid var(--color-2);
  font-size: 16px;
  padding: 1.5em 2em;
}
.mobile-menu.show_Menu {display: block;}
@media (max-width: 576px){
  .mobile-menu {padding: 1em;}
}


/************* 
SEC 1 - banner 
**************/
#sec_1 {
  /*background-image: radial-gradient(901.65% 901.65% at 50% -6.63%, rgba(4, 4, 4, 0.9) 0%, rgba(4, 4, 4, 0) 100%), url(../images/bg/bg1.jpg);*/
  background: url(../images/bg/bg1new.jpg) no-repeat center center;
  /*background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-position: 70% center;*/
  background-size: cover;
  height: 670px;
  padding-bottom: 4em;
}
#sec_1.inner {
  background-image: radial-gradient(901.65% 901.65% at 50% -6.63%, rgba(4, 4, 4, 0.9) 0%, rgba(4, 4, 4, 0) 100%);
  position: relative;
  height: unset;
  padding: 4em 0;
}
.inner_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
@media (max-width: 1199px){
  #sec_1 {
    background-position: 60% center;
    height: 550px;
  }
}
@media (max-width: 991px){
  #sec_1 {height: 500px;}
}
@media (max-width: 575px){
  #sec_1 {
    height: auto;
    padding: 3em 0;
  }
}


/************* 
SEC 2 -  
**************/
#sec_2 {margin-top: -5em;}
.sec_2_bg1 {background-color: #15171C;}
.sec_2_bg2 {background-color: #303030;}
@media (max-width: 575px){
  #sec_2 {margin-top: 0;}
}


/************* 
SEC 3 -  Об адвокате
**************/
#sec_3 {}
.img_frame {
  position: relative;
  padding: 2em 0 0 2em;
}
.img_frame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  background-color: var(--color-4);
  z-index: -1;
}
.img_frame img {width: 100%;}
#sec_3 .img_frame img {
  height: 590px;
  object-fit: cover;
}
@media (max-width: 1199px){
  #sec_3 .img_frame img {height: 500px;}
}
@media (max-width: 991px){
  .img_frame {padding: 1em 0 0 1em;}
  .img_frame::before {
    width: calc(100% - 1em);
    height: calc(100% - 1em);
  }
  #sec_3 .img_frame img {height: 330px;}
}
@media (max-width: 767px){
  #sec_3 .img_frame img {height: 600px;}
}
@media (max-width: 575px){
  #sec_3 .img_frame img {height: 100vw;}
}



/************* 
SEC 4 -  Преимущества сотрудничества
**************/
#sec_4 {
  background: url(../images/bg/bg2.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}


/************* 
SEC 5 -  Услуги адвоката
**************/
#sec_5 h3 {height: 2.6em;}
.service_preview {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1em !important;
}
.service_preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transition: .4s ease 0s;
}
.service_preview:hover {color: #fff;}
.service_preview:hover img {opacity: 1;}
@media (max-width: 1199px){
  .service_preview {font-size: 13px;}
}
@media (max-width: 991px){
  #sec_5 h3 {height: auto;}
  .service_preview {margin-bottom: 1em;}
}


/************* 
SEC 6
**************/
#sec_6 {
  background: url(../images/bg/bg3.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}



/************* 
SEC 7 - Новости
**************/
#sec_7 {position: relative;}
#sec_7 .link {
  position: absolute;
  top: 1.25em;
  right: 0;
}
.news_preview img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.news_preview .text {
  height: 4.8em;
  overflow: hidden;
}
.news_preview .text p, .news_preview .text span {line-height: 1.2em;}
#sec_7_1 .news_preview {
  display: block;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.2);
}
#sec_7_1 .news_preview:hover {box-shadow: 0px 0px 10px var(--orange);}
#sec_7_1 .news_preview img {height: 220px;}

article .img_left {
  float: left;
  width: 48%;
  margin-right: 2em;
  margin-bottom: 1em;
}
article p, article ul, article ol {margin-bottom: 1em;}

article ul>li {
  list-style: none;
  position: relative;
}
article ul>li::before {
  content: "●";
  color: var(--color-4);
  position: absolute;
  left: -1em;
}

@media (max-width: 1199px){
  .news_preview img {height: 150px;}
  #sec_7 .link {top: 1em;}
  #sec_7_1 .news_preview img {height: 190px;}
}
@media (max-width: 991px){
  .news_preview img {height: 180px;}
  #sec_7_1 .news_preview img {height: 160px;}
}
@media (max-width: 767px){
  .news_preview img {height: 160px;}
}
@media (max-width: 575px){
  #sec_7 .link {
    position: relative;
    top: unset;
    right: unset;
  }
  .news_preview img {
    height: 80vw;
    margin-bottom: 2em;
  }
  #sec_7_1 .news_preview img {
    height: 60vw;
    margin-bottom: 0;
  }
}



/************* 
SEC 8 - Новости
**************/
#sec_8 {
  background: radial-gradient(901.65% 901.65% at 50% -6.63%, rgba(4, 4, 4, 0.85) 0%, rgba(4, 4, 4, 0) 100%);
}


/************* 
SEC 9 - стр Услуги адвоката 
**************/
.serv_block {
  height: 100%;
  background: #FFF;
  box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.serv_block img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}
.serv_block ul {padding-left: 1em;}
@media (max-width: 1199px){
  .serv_block img {height: 200px;}
}
@media (max-width: 767px){
  .serv_block img {height: 325px;}
}
@media (max-width: 575px){
  .serv_block img {height: 60vw;}
}


/************* 
SEC 10 - стр 1 Услуги 
**************/
#sec_10 p, #sec_10 ul {margin-bottom: 1.5em;}
.serv_info_block {
  background: url(../images/services/serv_info_block.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 2em 1em;
  font-size: 14px;
  float: right;
    width: 25%;
    margin: 0 0 1em 1.5em;
  position: relative;
  z-index: 2;
}
#sec_10 table {font-size: 1.2em;}
@media (max-width: 991px){
  .serv_info_block {
    padding: 1em;
    font-size: 12px;
    width: 32%;
  }
  #sec_10 table {font-size: 1em;}
}
@media (max-width: 767px){
    .serv_info_block {width: 40%;}
}
@media (max-width: 575px){
    .serv_info_block {width: 100%;}
}


/************* 
SEC 11 - обратная связь на главной
**************/
#sec_11_bg {
  position: relative;
  background: radial-gradient(135.12% 135.12% at 54.58% 5.77%, rgba(4, 4, 4, 0.85) 0%, rgba(48, 48, 48, 0.85) 100%);
  background-size: cover;
}
.cb_bg_1 {
  position: absolute;
  right: 0;
  top: -5%;
  height: 110%;
  width: calc(50% - 100px);
  z-index: 0;
  object-fit: cover;
  object-position: center bottom;
}
.cb_bg_2 {
  position: absolute;
  left: calc(50% + 75px);
  bottom: -5%;
  height: 120%;
  width: auto;
  max-width: calc(50% - 75px);
  z-index: 1;
  object-fit: scale-down;
  object-position: left bottom;
}
@media (max-width: 991px){
  .cb_bg_1 {
    top: 0%;
    height: 100%;
  }
  .cb_bg_2 {
    bottom: 0%;
    height: 100%;
  }
}
@media (max-width: 767px){
  .cb_bg_1, .cb_bg_2 {display: none;}
}

/********** footer ************/
footer {
  background: var(--color-3);
  color: #fff;
  padding-top: 3em;
  padding-bottom: 2em;
  width: 100%;
  height: auto;
  z-index: 0;
}
#map>ymaps {height: 185px !important;}
footer button[data-toggle="collapse"] {
  pointer-events: none;
  cursor: default;
}
footer .collapse:not(.show) {
  display: block;
}
@media (max-width: 991px){
  footer button[data-toggle="collapse"] {
    pointer-events: auto;
    cursor: pointer;
  }
  footer button[data-toggle="collapse"]::after {
    content: " ▾";
  }
  footer button[aria-expanded="true"]::after {
    content: " ▴";
  }
  footer .collapse:not(.show) {display: none;}
  footer .f_07 {font-size: .8em;}
}