@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html, body{
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
}
button, html input {
-webkit-appearance:button;
}
hr {
border:0;
height:1px;
background:#777;
margin:20px 0
}
ol,ul {
clear:left;
padding:0 0 30px 30px;
margin:0
}
p {
margin:0 0 30px
}
table {
width:100%;
border-spacing:0;
border-collapse:collapse;
margin:30px 0
}

tr:nth-child(even) {
background:#f3f3f3
}

table td {
border:1px solid #e2e2e2;
padding:7px 10px;
margin:0
}

table td p {
font-size:14px;
line-height:20px;
margin:0
}
.img {
max-width:600px;
width:100%
}

.breadcrumb {
padding:20px 0;
margin:0;
list-style:none;
font-size:14px;
color:#fff
}

.breadcrumb > li {
display:inline-block
}

.breadcrumb a {
color:#fff;
}
.breadcrumb a:hover {
color:#fff;
text-decoration:underline;
}
.breadcrumb > .active {
color:#fff;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
	color: #1A000D;
	background: #fff;
  font-weight: 300;
  margin: 0;
}
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
}
a {
  color: #1A000D;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1A000D;
  text-decoration: none;
  cursor: pointer;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
hr {
margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #1A000D;
    clear: left;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 900;
color: inherit;
line-height:1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {

}
h4,
.h4,
h5,
.h5,
h6,
.h6 {

}
h1,
.h1 {
	font-size: 54px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
	margin: 0;
    padding: 10px 0;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding:0 0 0 17px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
      padding: 0 0 0 26px;
}
.item-page ul li,
.item-page ol li{
	padding:5px 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}
.container {
    width: 100%;
  }
@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}
@media (min-width: 1366px) {

}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666666666666%;
}

.col-xs-pull-10 {
  right: 83.33333333333334%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666666666666%;
}

.col-xs-pull-7 {
  right: 58.333333333333336%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666666666667%;
}

.col-xs-pull-4 {
  right: 33.33333333333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.666666666666664%;
}

.col-xs-pull-1 {
  right: 8.333333333333332%;
}

.col-xs-pull-0 {
  right: 0;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666666666666%;
}

.col-xs-push-10 {
  left: 83.33333333333334%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666666666666%;
}

.col-xs-push-7 {
  left: 58.333333333333336%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666666666667%;
}

.col-xs-push-4 {
  left: 33.33333333333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.666666666666664%;
}

.col-xs-push-1 {
  left: 8.333333333333332%;
}

.col-xs-push-0 {
  left: 0;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}

.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}

.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 600px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 1;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
      background: transparent;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 5px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #021329;
  border-radius: 0;
      border-radius: 5px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #021329;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #021329;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #021329;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #021329;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #021329;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #021329;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #021329;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #021329;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}

.wrapper {
	position:relative;
    width: 100%;
    height:100vh;
}

.container{
    padding: 0 50px;
}

.photo {
	position:absolute;
	width: 50%;
	height: 100vh;
	background: #000;
	top:0;
	left:50%;
	z-index: 0;
	background: url(/images/vsi-vydy-notarialnykh-posluh_01.webp) top center no-repeat;
    background-size: cover;
}
.header{
    padding: 20px 35px 0;
    display: flex;
    align-items: center; 
}
.photo-mobile{
    display:none;
}
@media (max-width: 992px) {
    .photo{
        display:none;
    }
    .wrapper {
    height: auto;
}
.name {
    height: auto!important;
    margin-right: 0px!important;
    padding: 40px 0 50px;
}
.social{
    display:none;
}
h2.name-title {
    font-size: 52px;
    line-height: 60px;
    margin: 50px 0!important;
}
}
@media screen and (max-width: 600px) {
   h2.name-title {
    font-size: 36px!important;
    line-height: 1.2!important;
    margin: 40px 0!important;
} 
.phone-write .pw-item {
    margin: 0 10px!important;
}
.phone-write span.icon,
.phone-write a.icon{
    width: 50px!important;
    height: 50px!important;
    margin-bottom: 10px!important;
}
.phone-write img {
    width: 18px!important;
    height: 18px!important;
}
.quation {
    padding: 50px 15px 50px!important;
}
.tab-text img:first-child {
    margin: 0px 10px 0 0!important;
    width:20px;
}
.tab-text img:last-child {
    margin: 0px 0 0 10px!important;
    width:20px;
}
.tabs h3 {
    text-align:center;
}
}
@media (min-width: 579px){
   .photo-mobile{
    display:none;
}
}
@media screen and (max-width: 578px){
   .photo-mobile{
    display:block;
}
.photo-mobile img{
    width:100%;
}
.art{
        padding: 0!important;
} 
}
.mod-languages{
    margin-left: 20px;
}
div.mod-languages li {
    margin: 0!important;
}
div.mod-languages a{
    color:#fff;
}
div.mod-languages ul li.lang-active{
    background: transparent!important;
    font-weight:900;
}
.location{
    display: flex;
    color:#fff;
    justify-content: end;
}
.location img{
    margin-right: 20px;
}
.mainmenu .custom{
    display: flex;
    justify-content: end;
    padding-right: 20px;
}
.menu-desk{
    list-style: none;
    padding:0;
    margin:0;
    display: flex;
    flex-wrap: wrap;
}
.menu-desk li a{
    padding: 7px 15px;
    font-weight: 700;
}
.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  background: #FCF0F5;
  padding: 0;
  transform: translateX(100%);
  transition: 0.6s;
  z-index: 9999;
  text-align:left;
}
.menu-toggle {
  display: none;
}
.menu-toggle:checked + .menu {
  transform: translateX(0);
}
.menu-toggle:checked ~ .backdrop {
  display: block;
}
.menu .close {
    display: flex;
    padding: 10px 15px;
    margin-bottom: 0px;
    width: 100%;
    /* margin-left: auto; */
    /* color: #fff; */
    justify-content: end;
    border-bottom: 1px solid #fff;
}
.menu .close img{
    display: block;
}
.menu .custom a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 300;
    border-bottom: 1px solid #fff;
}

.backdrop {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: 5000;
}
@media screen and (max-width: 1300px) {
    .menu li a{
    font-size:14px;
}
.location{
    font-size:14px;
}
.location img{
    margin-right: 10px;
}
div.mod-languages a{
    font-size: 14px;
}
.phone-write .pw-item {
    margin: 0 30px;
}
h2.name-title{
    margin: 50px 0;
}
}
@media (min-width: 1193px){
   .desk{
        display:none;
    } 
}
@media screen and (max-width: 1192px) {
    .mobile{
        display:none;
    }
    .soc{
        display:none!important;
    }
    .desk{
    display: flex;
    justify-content: end;
    }
    .burger{
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    }
    .bottom{
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #800040;
    padding: 0;
    }
    .bottom .location {
    justify-content: center;
    }
    .bottom .mod-languages {
    margin-left: 0;
    padding: 10px 15px 10px;
    border-bottom: 1px solid #95416b;
    color: #000;
}
.bottom .lang-active a{
    font-weight:900;
}
.bottom .custom{
    padding: 10px 15px 10px;
    border-bottom: 1px solid #95416b;
}
.bottom .soc {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    
}
.soc span,
.soc a {
    width: 40px!important;
    height: 40px!important;
    padding: 18px!important;
    margin: 0 10px!important;
}
.soc span img,
.soc a img{
    width: 18px;
    height: 18px;
}
}
.name{
    display: flex;
    flex-direction: column;
    height: 100%;
    height: calc(100vh - 150px);
    align-items: center;
    justify-content: center;
  margin-right: 50px;
}
.social .custom{
  	display: flex;
    flex-direction: column;
    height: 100%;
    height: calc(100vh - 150px);
    align-items: baseline;
    justify-content: center;
}
.soc{
  display:flex;
  flex-direction: column;
}
.soc span,
.soc a{
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 50%;
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    margin-left: 35px;
}
h1.name-service{
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.name-service {
	overflow: hidden;
    width: 100%;
    text-align: center;
}
.name-service span{
    margin: 0 50px;
}
.name-service:before,
.name-service:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	height: 1px;
	background: #D9D9D9;
	border-width: 0 10px;
}
.name-service:before {
	margin-left: -100%;
}
.name-service:after {
	margin-right: -100%;
}
h2.name-title{
    font-size:52px;
    line-height: 60px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    margin: 70px 0;
}
.phone-write {
    display: flex;
    align-items: center;
    justify-content: center;
}
.phone-write .pw-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 40px;
}
.phone-write span.icon,
.phone-write a.icon{
    width: 60px;
    height: 60px;
    background: #800040;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    margin-bottom: 20px;
}
.phone-write img{
    width: 24px;
    height: 24px;
}

/* Servises */
.servises {
    background: #FCF0F5;
    padding: 0 0 70px 0;
    
}
.servises .container .custom {
    display: flex;
    flex-wrap: wrap;
    float: left;
}
.servises .container span {
    margin: 70px 0 0 0;
    display: inline-block;
}
.servises h3 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    padding: 40px 0;
}
.list-service {
    list-style: none;
    padding: 0 0 0 30px;
    border-left: 3px solid #800040;
    margin:0;
}
.list-service li{
    margin: 10px 0;
    display:block;
}
@media screen and (max-width: 768px) {
.servises h3 {
    font-size: 24px;
    padding: 20px 0;
    text-align:center;
}
.servises .container span {
    margin: 40px 0 0 0;
    display: inline-block;
    text-align:center;
        width: 100%;
}
.servises {
    padding: 20px 0 50px 0;
}
}

/* plus */
.plus {
    background: #E6CCD9;
    background: #E6CCD9;
  	display: inline-block;
}
.plus .custom{
  	display: flex;
    flex-wrap: wrap;
    float: left;
}
.plus .item-1,
.plus .item-2,
.plus .item-3 {
    width: 33.3%;
    text-align: center;
    padding: 70px 50px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.plus .item-1 p,
.plus .item-2 p,
.plus .item-3 p {
    padding: 0px 0 10px;
}
.plus .item-2 {
    background: #FCF0F5 url(/images/bg_logo.svg) center center no-repeat;
}
.plus h3 {
    color: #800040;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    padding-bottom: 10px;
}
@media (min-width: 769px) and (max-width: 1100px) {
.plus h3 {
    font-size: 22px;
}
}
@media screen and (max-width: 768px) {
.plus h3 {
    font-size: 18px;
}
.plus .item-1,
.plus .item-2,
.plus .item-3 {
    width: 100%;
    padding: 50px 30px 40px;
}
.plus .item-2 {
    background: #FCF0F5;
}
}

/* tabs */
.quation{
  padding:70px 0;
}
.tabs {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.tabs label {
	order: 1;
	display: block;
	padding: 10px 30px;
	margin: 10px 10px 40px;
	cursor: pointer;
  background: #fff;
  border-radius:25px;
  border: 1px solid #000;
  transition: background ease 0.2s;
}
.tabs .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem 0;
  background: #fff;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #403C43;
  color: #fff;
}
.tabs input[type="radio"]:checked + label + .tab {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.tabs h3{
    font-size:24px;
    line-height:1.2;
    color:#800040;
    margin-bottom:30px;
}
.tab-text {
    display: flex;
    align-items: baseline;
} 
.tab-text p{
    text-align: justify;
}
.tab-text img:first-child {
    margin:10px 30px 0 0;
} 
.tab-text img:last-child {
    margin:10px 0 0 30px;
} 
@media (max-width: 992px) {
.tab-text {
    padding-bottom:30px;
}
}
@media (max-width: 768px) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin: 10px 0px 10px;
  }
  .quation{
  padding:50px 0 50px;
}
.container {
    padding: 0 30px;
}
}
@media screen and (max-width: 600px) {
.container {
    padding: 0;
}
.logo{
    width:100%;
    max-width:170px;
    padding: 10px 0 5px;
}
.logo img{
    width:100%;
    max-height: 55px;
}
}

/* h3 */
h3.module-name-center,
h3.module-name-left{
    font-size: 36px;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom:60px;
}
.module-name-center {
	overflow: hidden;
    width: 100%;
    text-align: center;
}
.module-name-left{
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.module-name-center span{
    margin: 0 50px;
}
.module-name-left span{
    margin: 0 50px 0 0;
}
.module-name-center:before,
.module-name-center:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	height: 1px;
	background: #D9D9D9;
	border-width: 0 10px;
}
.module-name-center:before {
	margin-left: -100%;
}
.module-name-center:after {
	margin-right: -100%;
}

.module-name-left:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	height: 1px;
	background: #D9D9D9;
	border-width: 0 10px;
}
.module-name-left:after {
	margin-right: -100%;
}
@media screen and (max-width: 768px) {
    h3.module-name-center, h3.module-name-left {
    margin-bottom: 40px;
    text-align: center;
}
.module-name-left span {
    margin: 0;
}
.module-name-center span{
    margin: 0;
}
.module-name-center:before,
.module-name-center:after,
.module-name-left:after{
	display:none;
}
}

/* Contact */
.contact .custom{
    display:flex;
    flex-wrap:wrap;
    float:left;
    width:100%;
}
.contact p{
    padding: 0 0 30px;
}
.item-50{
    width:50%;
}
.pad-50{
    padding:70px 50px 30px;
}
.contact iframe{
    display: block;
}
@media screen and (max-width: 768px) {
    .item-50{
    width:100%;
}
.item-50:first-child{
    order:2;
}
.item-50:last-child{
    order:1;
}
.pad-50 {
    padding: 50px 30px 20px;
}
}

/* Express Button and Modal */
.expres .custom{
    width:100%;
    text-align:center;
    padding:50px;
    background: #FCF0F5;
}
#target-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms;
}
#target-content:target {
  pointer-events: all;
  opacity: 1;
}
#target-content #target-inner {
    position: absolute;
    display: block;
    padding: 48px;
    line-height: 1.8;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0px 12px 24px rgb(0 0 0 / 20%);
    background: white;
    color: #34495E;
    max-width: 400px;
    border-radius: 25px;
}
#target-content #target-inner h2 {
  margin-top: 0;
}
#target-content #target-inner code {
  font-weight: bold;
}
#target-content a.close {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #34495E;
  opacity: 0.5;
  transition: opacity 200ms;
}
#target-content a.close:hover {
  opacity: 0.4;
}
#button {
  padding: 12px 30px;
  border-radius: 25px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  background-color: #800040;
  text-align: center;
}
#button:hover {

}
@media screen and (max-width: 768px) {
.expres .custom{
    padding:60px 30px;
}
}
.convertforms .cfupload .dz-message {
    padding: 0!important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content:space-between!important;
    flex-wrap: wrap;
    border-radius: 25px!important;
    border: 1px solid #403C43!important;
	color: #403C43!important;
	padding: 0px 0 0 20px!important;
	font-size: 16px!important;
}
.convertforms .cfupload .dz-message .cfupload-browse {
    border-radius: 25px!important;
    padding: 14px 30px!important;
    border: solid 1px #403C43!important;
    color: #fff!important;
    margin: 0!important;
    background: #403C43!important;
    opacity: 1!important;
    
}
.convertforms .cf-input
{
	border-radius:25px!important;
	padding: 14px 20px!important;
	border: 1px solid #403C43!important;
	color: #403C43!important;
	font-size: 16px!important;
}
.convertforms button{
    border-radius: 25px!important;
    padding: 14px 35px!important;
    font-size: 16px!important;
}
.convertforms .cf-control-group {
    padding: 10px 0!important;
}
.send-form{
    padding: 70px 50px;
}
.order{
    display: flex;
    flex-wrap:wrap;
}
.form-img{
    background: url(/images/vsi-vydy-notarialnykh-posluh_02.webp) top center no-repeat;
    background-size: cover;
}
.send-form h3{
    margin-bottom: 20px;
}
.send-form p{
    margin-bottom: 50px;
}
.convertforms .cf-form-wrap{
    padding: 10px 10px!important;
}
@media screen and (max-width: 992px) {
    .form-img{
        display:none;
    }
    
}
@media screen and (max-width: 600px) {
    .send-form {
    padding: 40px 15px;
}
.convertforms .cf-form-wrap{
    padding: 10px 10px!important;
}
.send-form p{
text-align: center;
    padding: 0;
    margin: 0 0 30px 0;
}
.name-service span {
    margin: 0 20px;
}
}
.convertforms.cf-success .cf-response{
    background-color: #800040!important;
    border-radius:25px!important;
        margin: 0 -8px 20px!important;
        padding: 12px 20px!important;
        width:auto!important;
}
.copyright{
    padding: 15px;
    width: 100%;
    background: #E6CCD9;
    float: left;
    text-align: center;
}