/*
Theme Name: Yrid
Text Domain: yurid
Description: Тема для сайта Yurid
Author: Anton
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html {
	scroll-behavior: smooth;
}

@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueHeavy.eot');
    src: local('Uni Neue Heavy'), local('UniNeueHeavy'),
        url('fonts/UniNeueHeavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueHeavy.woff2') format('woff2'),
        url('fonts/UniNeueHeavy.woff') format('woff'),
        url('fonts/UniNeueHeavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBook.eot');
    src: local('Uni Neue Book'), local('UniNeueBook'),
		url('fonts/UniNeueBook.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueBook.woff2') format('woff2'),
        url('fonts/UniNeueBook.woff') format('woff'),
        url('fonts/UniNeueBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueRegular.eot');
    src: local('Uni Neue Regular'), local('UniNeueRegular'),
        url('fonts/UniNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueRegular.woff2') format('woff2'),
        url('fonts/UniNeueRegular.woff') format('woff'),
        url('fonts/UniNeueRegular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueLight-Italic.eot');
    src: local('Uni Neue Light Italic'), local('UniNeueLight-Italic'),
        url('fonts/UniNeueLight-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueLight-Italic.woff2') format('woff2'),
        url('fonts/UniNeueLight-Italic.woff') format('woff'),
        url('fonts/UniNeueLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueLight.eot');
    src: local('Uni Neue Light'), local('UniNeueLight'),
        url('fonts/UniNeueLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueLight.woff2') format('woff2'),
        url('fonts/UniNeueLight.woff') format('woff'),
        url('fonts/UniNeueLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBold.eot');
    src: local('Uni Neue Bold'), local('UniNeueBold'),
        url('fonts/UniNeueBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueBold.woff2') format('woff2'),
        url('fonts/UniNeueBold.woff') format('woff'),
        url('fonts/UniNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueHeavy-Italic.eot');
    src: local('Uni Neue Heavy Italic'), local('UniNeueHeavy-Italic'),
        url('fonts/UniNeueHeavy-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueHeavy-Italic.woff2') format('woff2'),
        url('fonts/UniNeueHeavy-Italic.woff') format('woff'),
        url('fonts/UniNeueHeavy-Italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBook-Italic.eot');
    src: local('Uni Neue Book Italic'), local('UniNeueBook-Italic'),
        url('fonts/UniNeueBook-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueBook-Italic.woff2') format('woff2'),
        url('fonts/UniNeueBook-Italic.woff') format('woff'),
        url('fonts/UniNeueBook-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBlack-Italic.eot');
    src: local('Uni Neue Black Italic'), local('UniNeueBlack-Italic'),
        url('fonts/UniNeueBlack-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueBlack-Italic.woff2') format('woff2'),
        url('fonts/UniNeueBlack-Italic.woff') format('woff'),
        url('fonts/UniNeueBlack-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBold-Italic.eot');
    src: local('Uni Neue Bold Italic'), local('UniNeueBold-Italic'),
        url('fonts/UniNeueBold-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueBold-Italic.woff2') format('woff2'),
        url('fonts/UniNeueBold-Italic.woff') format('woff'),
        url('fonts/UniNeueBold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueRegular-Italic.eot');
    src: local('Uni Neue Regular Italic'), local('UniNeueRegular-Italic'),
        url('fonts/UniNeueRegular-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueRegular-Italic.woff2') format('woff2'),
        url('fonts/UniNeueRegular-Italic.woff') format('woff'),
        url('fonts/UniNeueRegular-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueThin.eot');
    src: local('Uni Neue Thin'), local('UniNeueThin'),
        url('fonts/UniNeueThin.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueThin.woff2') format('woff2'),
        url('fonts/UniNeueThin.woff') format('woff'),
        url('fonts/UniNeueThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueBlack.eot');
    src: local('Uni Neue Black'), local('UniNeueBlack'),
        url('fonts/UniNeueBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueBlack.woff2') format('woff2'),
        url('fonts/UniNeueBlack.woff') format('woff'),
        url('fonts/UniNeueBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: 'Uni Neue';
    src: url('fonts/UniNeueThin-Italic.eot');
    src: local('Uni Neue Thin Italic'), local('UniNeueThin-Italic'),
        url('fonts/UniNeueThin-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniNeueThin-Italic.woff2') format('woff2'),
        url('fonts/UniNeueThin-Italic.woff') format('woff'),
        url('fonts/UniNeueThin-Italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display:swap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
main {
  display: block;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
  text-decoration:none;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: bolder;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
[hidden] {
  display: none;
}
p{
    margin:0;
}
/*------*/

*{
    box-sizing:border-box;
}
a,button,input{
    outline:0;
}
body{
    font-weight:normal;
    color:#000;
    font-family:'Uni Neue';
    letter-spacing: 0.02em;
    line-height:1.4;
}
.container{
    width:100%;
    margin:0 auto;
}
.container--about{
	    flex-wrap: wrap;
}

.flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.fcenter{
    justify-content:center;
}
.afstart{
    align-items:flex-start;
}
.fwrap{
    flex-wrap:wrap;
}
.menu_btn{
    display:none;
}
header{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding-top:30px;
    z-index:9;
}
img{
    height:auto;
}
.custom-logo{
    width:70px;
}
.logo_descr{
    margin-left:15px;
}
.site_name{
    color:#fff;
    font-size:17px;
    font-weight:600;
    margin-bottom:3px;
}

.page-id-9 header .site_name {
	color:#000;
}

.home .site_name,
.single-uslugi .site_name,
.page-template-tpl-praktika .site_name,
.post-type-archive-uslugi .site_name,
.page-id-15 .site_name {
    color:#fff;
}
.site_descr{
    font-size:14px;
    color:#999a9a;
}
#main-menu .menu{
    list-style:none;
    padding-left:0;
}
#main-menu li:not(:last-child){
    margin-right:30px;
}
#main-menu a{
    color:#000;
    font-size:15px;
}
.home #main-menu a,
.single-uslugi #main-menu a,
.page-template-tpl-praktika #main-menu a,
.post-type-archive-uslugi #main-menu a,
.page-id-15 #main-menu a {
    color:#fff;
}
#main-menu li.active a,
#main-menu a:hover{
    color:#ff9600;
}
.phone{
    color:#000;
    font-size:17px;
    font-weight:600;
    margin-right:25px;
}
.home .header_r .phone,
.single-uslugi .header_r .phone,
.page-template-tpl-praktika .header_r .phone,
.post-type-archive-uslugi .header_r .phone,
.page-id-15 .header_r .phone {
    color:#fff;
}
footer .phone{
    color:#fff;
}
.btn{
    color:#fff;
    font-size:17px;
    font-weight:600;
    border:none;
    border-radius:30px;
    display:inline-block;
    padding:15px 40px;
    background: rgb(2,0,36);
    background: -webkit-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    background: -o-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    transition:.5s all ease;
    cursor:pointer;
}
.btn:hover{
     background: rgb(2,0,36);
     background: -webkit-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(237,110,7,1) 0%, rgba(255,150,0,1) 100%);
     background: -o-linear-gradient(left, rgba(2,0,36,1) 0%, rgba(237,110,7,1) 0%, rgba(255,150,0,1) 100%);
     background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(237,110,7,1) 0%, rgba(255,150,0,1) 100%); 
}

#main{
    /*min-height:100vh;*/
    background-size:cover;
    background-position: center;
    color:#fff;
}
#main .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100vh;
    position:relative;
}
#main h1{
    font-size:55px;
    line-height:1;
    margin-bottom:20px;
    margin-top:0;
}
.main_form{
    margin-top:40px;
}
#main form .flex{
    justify-content:flex-start;
}
#main form .flex span{
    margin-right:15px;
}
input{
    border:none;
    background:#fff;
    padding:15px 30px;
    display:inline-block;
    color: #999a9a;
    font-weight:600;
    border-radius:30px;
    width:280px;
}
input.btn{
    width:auto;
}
body .wpcf7 .ajax-loader{
    display:none;
}
.down{
    position:absolute;
    border:none;
    background:transparent;
    left:50%;
    bottom:30px;
    color:#fff;
    font-size:40px;
    transform:translate(-50%,0);
    cursor:pointer;
    z-index:2;
}
#about{
    padding:100px 0;
}

.about_img {
	width: 36%;
}

.about_txt{
	    width: 64%;
        padding-left: 70px;
}
h2{
    font-size:30px;
    padding-bottom:20px;
    margin:0 0 30px;
}
.about_txtt{
    color: #999a9a;
	color: #000;
    margin-bottom:40px;
	font-weight: 500;
}
.preims{
	width: 100%;
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
}

.preims__title {
    width: 100%;
    text-align: center;
}

.preim_item{
    width:30%;
    font-weight:500;
    margin-bottom:25px;
    margin-right:5%;
}
.preim_item:nth-child(3){
    margin-right:0;
}

.preim_item:nth-child(6){
    margin-right:0;
}

.preim_item i{
    background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color:#ff9600;
    font-size:30px;
}
.preim_txt{
    margin-top:15px;
}

@media all and (max-width:768px){
	.preim_item{
		width:50%;
		font-weight:500;
		margin-bottom: 25px;
		margin-right: 0;
		    padding: 0 20px 0 0px;
	}

}

#uslugi{
    padding-bottom:40px;
}
#uslugi h2{
    padding:0;
    background:none;
    margin-bottom:50px;
}
.usluga_item{
    margin-bottom:25px;
    border-radius:15px;
    box-shadow: 0 3px 15px 1px rgba(0,0,0,.1);
    overflow:hidden;
    height:350px;
    background:#fff;
}
.usluga_item:nth-child(2n+1){
    flex-direction:row-reverse;
}
.usluga_l{
    width:34%;
    background: url(img/usluga.jpg) center/100% 100% no-repeat;
    padding:50px 0 50px 35px;
    color:#fff;
    height:100%;
}
.usluga_item:nth-child(2n+1) .usluga_l{
    background: url(img/usluga1.jpg) center/100% 100% no-repeat;
    padding-left:95px;
}
.usluga_l img{
    width:30px;
    height:auto;
}
.usluga_l h3{
    font-size:24px;
    padding-bottom:25px;
    width:65%;
    margin:10px 0;
}
.usluga_btn{
    background:#fff;
    color:#000;
    font-weight:500;
}
.usluga_btn:hover{
    opacity:.8;
    background:#fff;
    color:#000;
}
.usluga_r{
    width:65%;
    padding-right:35px;
    height:100%;
    display:flex;
    align-items:center;
}
.usluga_item:nth-child(2n+1) .usluga_r{
    padding-right:0;
    padding-left:35px;
}
.usluga_r ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    color:#000;
}
.usluga_r li{
    margin-bottom:15px;
    width:47%;
}
.usluga_r li.full{
    width:100%;
}
.bg{
    background:url(img/about_bg.jpg) center top/cover no-repeat;
}
#cons{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:150px 0 100px;
}
#cons .container{
    justify-content:flex-start;
    position:relative;
}
.cline1,
.cline2{
    position:absolute;
    left:0;
    background:#828282;
    width:1px;
}
.cline1{
    top:-150px;
    height:130px;
}
.cline2{
    bottom:-100px;
    height:70px;
}
.cline1:before,
.cline2:before{
    content:'';
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    left:-2px;
}
.cline1:before{
    bottom:-3px;
}
.cline2:before{
    top:-3px;
}
.cons_txt{
    color:#cfcfcf;
    width:45%;
    margin-right:100px;
}
#cons h2{
    color:#fff;
    margin-bottom:20px;
}
.cons_form{
    width:33.3333%;
    max-width:400px;
}
.cons_form form span{
    display:block;
    margin-bottom:20px;
}
.cons_form input[type="text"],
.cons_form input[type="tel"]{
    width:100%;
}
#reviews{
    padding:70px 0 80px;
    text-align:center;
    position:relative;
    overflow:hidden;
}
#reviews:before{
    content:'';
    position:absolute;
    left:0;
    bottom:135px;
    width:100%;
    height:250px;
    background:#fafafa;
    z-index:-1;
}
#reviews .container{
    position:relative;
}
#reviews h2{
    background-position:bottom center;
}
#reviews i{
    background:linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color:#ff9600;
}
.rev_txt{
    color:#999a9a;
}
.reviews{
    margin-top:40px;
}
.rev_item img{
    width:100%;
    height:auto;
}
#reviews .slick-dots{
    bottom:-60px;
}
#reviews .slick-dots li{
    margin:0 15px;
    width:40px;
    height:10px;
}
#reviews .slick-dots li button{
    padding:0;
}
#reviews .slick-dots li button::before{
    width:40px;
    height:10px;
    border-radius:4px;
    content:'';
    background:#eaeaea;
}
#reviews .slick-dots li.slick-active button::before{
    background: linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
}
footer{
    padding:130px 0 30px;
    background:url(img/footer.jpg) center/cover no-repeat;
}
/*.page-id-15 footer{
    background:#f2f2f2;
    padding:30px 0;
}*/
.footer_l{
    width:38%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.logo_descr{
    margin-left:20px;
}
.footer_txt{
    width:100%;
    margin-top:20px;
    color:#fff;
}
.footer_menu p{
    color:#fff;
    font-weight:600;
    margin-bottom:10px;
}
footer .menu{
    padding:0;
    margin:0;
    list-style:none;
}
footer .menu li:not(:last-child){
    margin-bottom:10px;
}
footer .menu a{
    color:#d4d3d2;
}
footer .menu a:hover{
    color: #ff9600;
}
.footer_contacts{
    width:38.5%;
    margin-top:20px;
}
.socseti{
    margin-top:20px;
}
.socseti a{
    color:#7a7472;
    display:inline-block;
    margin-right:20px;
    font-size:27px;
}
.copyright{
    width:100%;
    margin-top:80px;
    color:#999a9a;
    font-weight:500;
}
.page-id-15 .copyright{
    margin-top:0;
}
.email{
    display:block;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-top:25px;
}
footer .phone i,
footer .email i{
    background:linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color:#ff9600;
    display:inline-block;
    margin-right:15px;
}
.page-id-15 #content{
    padding-top:130px;
    padding-bottom:55px;
}
.page-id-15 h1{
    color:#000;
    font-size:35px;
}
.contacts{
    width:50%;
}
.page-id-15 #map{
    width:50%;
}
.contacts i{
    background:linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color:#ff9600;
    font-size:27px;
    margin-bottom:10px;
}
.contacts a{
    color:#000;
    font-size:25px;
    display:inline-block;
    margin-bottom:15px;
    margin-top:0;
}
.contacts p{
    font-size:20px;
}
.page-id-15 #myYandexMap{
    border-radius:50% 0 0 50%;
    overflow:hidden;
}
.post-type-archive-uslugi #content,
.page #content{
    padding-top:100px;
}
.post-type-archive-uslugi h1,
.page h1{
    font-size:30px;
}
body .blocker{
    z-index:999;
}
#zvonok{
    padding:30px 50px;
}
.ztitle{
    text-align:center;
    font-weight:600;
    font-size:25px;
    margin-bottom:25px;
}
#zvonok form{
    text-align:center;
}
#zvonok span{
    display:block;
    margin-bottom:20px;
}
#zvonok input[type="text"],
#zvonok input[type="tel"]{
    border:1px solid #999a9a;
    width:100%;
}
#zvonok a.close-modal{
    right:10px;
    top:10px;
    background:url(img/close.svg) center/contain no-repeat;
}
.close{
    display:none;
}
#news_content{
    padding-top:130px;
}
#news_content h1{
    font-size:35px;
    padding-bottom:25px;
    background:url(img/volna.svg) left bottom/100px 19px no-repeat;
}
.img_left{
	    width: 455px;
    height: 300px;
    object-fit: cover;
    float:left;
    margin:0 30px 30px 0;
    border-radius:15px;
    max-width:100%;
}
#news_content p{
    margin-bottom:25px;
    font-size:21px;
}
.buttons{
    margin-top:30px;
}
.consult{
    margin-left:30px;
    background:#fff;
    border:2px solid #f37a04;
    color:#f37a04;
}
.consult:hover{
    color:#fff;
    background:#f37a04;
}
#main_usluga{
    padding:90px 0 30px;
    background-size:cover;
    background-position:center;
}
#main_usluga h1{
    font-size:40px;
    color:#fff;
    padding-bottom:25px;
}
#main_usluga p{
    color:rgba(255,255,255,.7);
}
#usluga_content{
    margin-top: 50px;
    padding-bottom: 100px;
}
#usluga_content .content{
    width:100%;
}
#usluga_content .content p{
    margin-bottom:25px;
}
aside{
    width:20%;
}
aside img{
    max-width:100%;
    height:auto;
    border-radius:15px;
}
.left_menu{
    padding-left:10px;
    position:relative;
    margin-bottom:60px;
}
.left_menu p{
    font-weight:600;
    font-size:18px;
    margin-bottom:20px;
}
.left_menu ul{
    padding:0;
    margin:0;
    list-style:none;
}
.left_menu li{
    margin-bottom:10px;
}
.left_menu a{
    color:gray;
}
.left_menu a:hover{
    color: #ff9600;
}
.left_news{
    padding-left:10px;
    position:relative;
}
.left_news > p{
    font-weight:600;
    font-size:18px;
    margin-bottom:20px;
}
.news_mini{
    margin-bottom:30px;
    color:#000;
    display:block;
}
.news_mini_title{
    font-weight:bold;
    font-size:17px;
    margin:10px 0;
}

@media all and (min-width:576px){
    .container{
        max-width:540px;
    }
}
@media all and (min-width:768px){
    .container{
        max-width:720px;
    }
}
@media all and (min-width:992px){
    .container{
        max-width:960px;
    }
}
@media all and (min-width:1280px){
    .container{
        max-width:1200px;
    }
}

@media all and (max-width:1280px){
    body.overflow{
        overflow:hidden;
        position:relative;
    }
    body.overflow:after{
        content:'';
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.6);
        z-index:998;
    }
    .overflow header{
        z-index:unset;
    }
    #main-menu{
        display:none;
    }
    .menu_btn{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        width:50px;
        height:50px;
        padding:10px;
        cursor:pointer;
        background:linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%);
        border:none;
        border-radius:5px;
    }
    .menu_btn:before,
    .menu_btn:after,
    .menu_btn span{
        content:'';
        height:3px;
        width:100%;
        border-radius:3px;
        background:#fff;
    }
    #main-menu.open{
        display:block;
        position:fixed;
        left:0;
        top:0;
        min-height:100vh;
        width:400px;
        background:#fff;
        padding:30px;
        z-index:999;
    }
    #main-menu.open a{
        color:#000;
        font-size:20px;
    }
    #main-menu.open ul.menu{
        display:block;
    }
    #main-menu.open li:not(:last-child){
        margin-right:0;
        display:block;
        margin-bottom:20px;
    }
    #main-menu.open .close{
        display:inline-block;
        position:absolute;
        right:15px;
        top:15px;
        width:30px;
        height:30px;
        background:url(img/close.svg) center/contain no-repeat;
        border:none;
    }
    .usluga_l{
        width:40%;
    }
    #reviews:before{
        bottom:104px;
    }
    footer .phone:nth-child(2n){
        margin:0;
    }
}
@media all and (max-width:992px){
    #main input:not(.btn){
        width:200px;
    }
    .about_img{
        width:35%;
    }
    .about_img img{
        max-width:100%;
        height:auto;
    }
    .about_txt{
        width:60%;
    }
    .usluga_item{
        height:525px;
    }
    .usluga_l {
        width: 60%;
    }
    .usluga_btn {
        margin-top:80px;
    }
    #reviews:before{
        height:175px;
        bottom:117px;
    }
    footer .phone:nth-child(2n) {
        display:block;
        margin-top:25px;
        padding-left:33px;
    }
    #usluga_content .img_left{
        max-width:50%;
		height: auto;
    }
}
@media all and (max-width:768px){
    .logo_block{
        width:246px;
    }
    .header_r{
        width:195px;
    }
    header .phone{
        display:block;
        margin-bottom:10px;
        text-align:center;
    }
    .btn{
        padding:10px 30px;
    }
    #main h1 {
        font-size:35px;
    }
    #main h1 br,
    .main_txt br{
        display:none;
    }
    #main form .flex{
        flex-direction:column;
    }
    #main form .flex span{
        margin:0 0 20px;
    }
    #main input,
    #main input:not(.btn){
        width:300px;
    }
    .about_img{
        width:20%;
    }
    .about_txt{
        width:70%;
    }
    .usluga_item{
        flex-wrap:wrap;
        height:auto;
    }
    .usluga_item:nth-child(2n+1){
        flex-direction:row;
    }
    .usluga_l{
        width:100%;
        background:linear-gradient(to right, rgba(2,0,36,1) 0%, rgba(255,150,0,1) 0%, rgba(237,110,7,1) 100%) !important;
        padding:30px!important;
        text-align:center;
    }
    .usluga_l h3{
        width:100%;
        background-position-x:center;
    }
    .usluga_btn {
        margin-top: 10px;
    }
    .usluga_r{
        width:100%;
        padding:30px;
    }
    #cons{
        padding:50px 0;
        text-align:center;
    }
    #cons .container{
        flex-wrap:wrap;
    }
    .cline1, .cline2{
        display:none;
    }
    .cons_txt{
        width:100%;
        margin:0 0 30px;
    }
    #cons h2{
        background-position-x:center;
    }
    .cons_form{
        width:100%;
        max-width:unset;
    }
    #reviews {
        padding:40px 0 60px;
    }
    #reviews:before{
        content:none;
    }
    .rev_txt br{
        display:none;
    }
    footer{
        padding:50px 0 30px;
    }
    .footer_l{
        width:100%;
        text-align:center;
        justify-content: center;
        margin-bottom:25px;
    }
    .footer_contacts {
        width:40%;
    }
    .copyright {
        margin-top:40px;
    }
    .contacts,
    .page-id-15 #map{
        width:100%;
    }
    .page-id-15 #myYandexMap {
        border-radius:0;
        margin-top:30px;
    }
    aside{
        width:100%;
        order:1;
    }
    #usluga_content .content{
        width:100%;
    }
    .left_menu{
        display:none;
    }
}
@media all and (max-width:576px){
    .container{
        padding:0 15px;
    }
    header .logo_descr{
        display:none;
    }
    .logo_block,
    .header_r{
        width:auto;
    }
    #main .container {
        text-align:center;
    }
    #about{
        padding:50px 0;
    }
    #about .container{
        flex-wrap:wrap;
    }
    .about_img{
        width:100%;
        text-align:center;
    }
    .about_img img{
        width:150px;
    }
    .about_txt{
        width:100%;
        padding:0;
    }
    .footer_contacts {
        width:auto;
    }
    .post-type-archive-uslugi #content,
    .page #content{
        padding-top:140px;
    }
    .page-id-9 #content .flex{
        flex-wrap:wrap;
    }
    .buttons{
        display:flex;
        flex-direction:column;
        justify-content: center;
        align-items:center;
    }
    .buttons button{
        width:280px;
    }
    .consult{
        margin:25px 0 0;
    }
}
@media all and (max-width:480px){
    .usluga_r {
        padding:5px 15px 5px 0!important;
    }
    .usluga_r li{
        width:100%;
        margin-right:0;
    }
    .usluga_l {
        padding:15px!important;
    }
    #zvonok {
        padding: 20px 20px 0;
    }
}
@media all and (max-width:400px){
    header{
        padding-top:10px;
    }
    #main .container {
        padding:86px 0;
    }
    #main-menu.open{
        padding:15px;
        width:300px;
        max-width:100%;
    }
    #reviews .slick-dots li{
        width:20px;
        margin:0 10px;
    }
    #reviews .slick-dots li button::before{
        width:20px;
    }
}
@media all and (max-width:380px){
    .custom-logo {
        width: 50px;
    }
    .phone{
        font-size:15px;
        margin-right:0;
    }
    .btn {
        padding: 10px 20px;
    }
    .menu_btn{
        width:40px;
        height:40px;
        padding:5px;
    }
    .preim_item {
        width:45%;
    }
    .preim_item:nth-child(3n){
        margin-right:5%;
    }
    .preim_item:nth-child(2n){
        margin-right:0;
    }
    footer .container{
        justify-content:center;
    }
    .copyright {
        text-align:center;
    }

}

.single-case {
    padding-top: 100px;
    padding-bottom: 80px;
}

.single-case__image {
	    width: 100%;
    height: 600px;
    margin-bottom: 40px;
}


.single-case__image img {
	    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.single-case__btn {
	    padding-bottom: 30px;
}


.cases-page {
    padding-top: 100px;
    padding-bottom: 80px;
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

@media all and (max-width:768px){
	.cases-grid {
		grid-template-columns: repeat(1, 1fr);
	}

}

.case {
    display: flex;
	flex-direction: column;
	align-items: center;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 3px 15px 1px rgb(0 0 0 / 10%);
}



.case__title {
	    margin: 0;
    margin-bottom: 10px;
}

.case__title,
.case__title * {
font-size: 24px;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.case__text{
	padding-bottom: 20px;
}



.case__text,
.case__text * {
	color: #999a9a;
}

.case__image {
    width: 100%;
    height: 350px;
    padding-bottom: 35px;
}

.case__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

.case__content {
    width: 100%;
}

h1.cases-page__title {
	text-align: center;
    font-size: 50px;
}

@media all and (max-width:768px){
	.case__image {
    display: none;
}
	
	.case__content {
    width: 100%;
}
}

.cases-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    padding-bottom: 45px;
}

.cases-filter__tag-url {
    color: #000;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}

.cases-filter__tag-url--active {
    color: #ff9600;
    border: 1px solid #ff9600;
}


.price-table {
    border-radius: 15px;
    box-shadow: 0 3px 15px 1px rgb(0 0 0 / 10%);
    background: #fff;
	    margin-top: 45px;
}

.price-table__header {
	display: flex;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
}

.price-table__header-name {
	padding: 15px 25px;
    width: 70%;
    font-size: 20px;
    font-weight: 600;
}

.price-table__header-price {
	padding: 15px 25px;
    width: 30%;
    font-size: 20px;
    font-weight: 600;
	border-left: 1px solid #e9e9e9;
}

.price-table__title {
	border-bottom: 1px solid #e9e9e9;
    padding: 15px 25px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.price-table__item {
	display: flex;
}

.price-table__item + .price-table__item {
	border-top: 1px solid #e9e9e9;
}

.price-table__text {
	padding: 15px 25px;
    width: 70%;
}

.price-table__price {
	padding: 15px 25px;
    width: 30%;
    font-size: 20px;
    font-weight: 600;
	border-left: 1px solid #e9e9e9;
}

@media all and (max-width:768px){
	.price-table__item {
		flex-direction: column;
	}
	
	.price-table__text {
		width: 100%;
	}
	
	.price-table__price {
		width: 100%;
	}
	
	.price-table__header {
		display: none;
	}
}

.grid {
	display: grid;
	    gap: 30px;
}

.grid--col-2 {
	grid-template-columns: repeat(2,1fr);
}

.grid--col-3 {
	grid-template-columns: repeat(3,1fr);
}


@media all and (max-width:768px){
	.grid--col-2 {
		grid-template-columns: repeat(1,1fr);
	}
	
	.grid--col-3 {
		grid-template-columns: repeat(1,1fr);
	}
}



.member__image {
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.member__image img {
	max-width: 100%;
	width: 300px;
    height: 350px;
    border-radius: 15px;
    box-shadow: 0 3px 15px 1px rgb(0 0 0 / 10%);
    background: #fff;
    object-fit: cover;
}

.member__name {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #000;
}

.member__position {
	text-align: center;
    color: #999a9a;
    font-size: 22px;
    font-weight: 500;
}

.price-section {
	padding: 0 0 20px;
    position: relative;
    overflow: hidden;
}

.members-section {
    padding: 70px 0 80px;
    position: relative;
    overflow: hidden;
}

.ta-center {
	text-align: center;
}

.simple-title {
	margin-bottom: 10px;
}

.price-card {
    margin-bottom: 25px;
    border-radius: 15px;
    box-shadow: 0 3px 15px 1px rgb(0 0 0 / 10%);
    overflow: hidden;
    padding: 20px 230px 35px;
    background-color: #fff;
    background-image: url(/wp-content/themes/yurid/img/usluga1.jpg), url(/wp-content/themes/yurid/img/usluga.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right, center left;
}

.price-card__text {
	color: #000;
    font-size: 20px;
    font-weight: 500;
}


@media all and (max-width:768px){
	.price-card {
		padding: 20px 10px 35px;
		background-image: unset;
	}
	
	.price-card__title {
		padding: 0;
	}
	
	.price-card__text {
		font-size: 17px;
	}
}

.usluga-bottom {
    width: 100%;
}

.main_txt {
	margin-top: 20px;
}

.hero-title {
	position: relative;
}

.hero-praktika {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 0;
    color: #fff;
    width: 400px;
    font-weight: 400;
	display: inline-block;
	color: #ff9600;
    text-decoration: underline;
}

@media all and (max-width:768px){
	.hero-praktika {
		position: relative;
		top: unset;
		width: auto;
		font-size: 25px;
		transform: unset;
	}
}