body {
  background: #efefef !important;
}

/*@font-face {*/
/*font-family: 'pfd'; *//* Гарнитура шрифта */
/*src: url(./PFDINDISPLAYPRO-MED.ttf); *//* Путь к файлу со шрифтом */
/*}*/
@font-face {
  font-family: pfd;
  src: url('pfdindisplaypro-med.eot');
  src: url('pfdindisplaypro-med.eot?#iefix') format('embedded-opentype'),
  url('pfdindisplaypro-med.woff') format('woff'),
  url('pfdindisplaypro-med.ttf') format('truetype'),
  url('pfdindisplaypro-med.svg#pf_dindisplay_pro_mediumRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: pfd_bold;
  src: url('pfdindisplaypro-bold.eot');
  src: url('pfdindisplaypro-bold.eot?#iefix') format('embedded-opentype'),
  url('pfdindisplaypro-bold.woff') format('woff'),
  url('pfdindisplaypro-bold.ttf') format('truetype'),
  url('pfdindisplaypro-bold.svg#pf_dindisplay_probold') format('svg');
  font-weight: normal;
  font-style: normal;
}

.header {
  margin-bottom: 20px;
}

.logo {
  margin: 20px 32px 0;
  max-width: 175px;
  display: block;
  padding: 0;
}

.div_logo a {
  text-align: center;
  display: block;
}

.div_logo2 {
  margin-top: 6px;
}

.div_logo3 {
  margin-top: 5px;
}

.icon-office {
  width: 16px !important;
  height: 26px !important;
  background: url(../img/office-ico.png) no-repeat !important;
  display: block !important;
  float: left;
  margin: 10px 0px 0px 65px !important;
}

.office-link {
  color: #3f70a8;
  /*border-bottom: dotted 1px #3f70a8;*/
  margin: 13px 0px 0px 90px;
  display: block;
  width: 145px;
  font-family: pfd_bold !important;
  /*font-family: arial !important;*/
  text-decoration: underline;
  text-decoration-color: #3f70a8;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  -moz-text-decoration-color: #3f70a8;
  -moz-text-decoration-line: underline;
  -moz-text-decoration-style: dotted;
}

.office-link:hover {
  color: #3f70a8;
  border-bottom: none;
  /*text-decoration: none;*/
  text-decoration: underline;
  text-decoration-color: #3f70a8;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  -moz-text-decoration-color: #3f70a8;
  -moz-text-decoration-line: underline;
  -moz-text-decoration-style: dotted;
}

.icon-phone {
  width: 22px !important;
  height: 26px !important;
  background: url(../img/phone-icon.png) no-repeat !important;
  display: block !important;
  float: left;
  margin: 10px 0px 0px 55px !important;
}

.icon-email {
  width: 22px !important;
  height: 26px !important;
  background: url(../img/email-icon.png) no-repeat !important;
  display: block !important;
  float: left;
  margin: 10px 0px 0px 55px !important;
}

.phones {
  float: left;
  margin: 5px 0px 0px 10px;
  color: #555;
  font-family: pfd_bold !important;
  /*font-family: arial !important;*/
  width: 145px;
  overflow: hidden;
  word-wrap: break-word;
}

.lang {
  margin: 10px 0px 0px 0px;
}

.lang > ul {
  list-style-type: none;
}

.lang li {
  list-style-type: none;
  float: left;
  /*display: inline-block;*/
}

.lang li.active a {
  background: url(../img/lang-hover.png);
}

.lang li a {
  display: block;
  width: 33px;
  height: 33px;
}

.lang li a img {
  padding: 8px 0px 0px 8px;
}

.navbar, .navbar > .navbar-inner {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  behavior: url(css/PIE.htc);
}

.navbar .navbar-inner .nav li a, .dropdown-menu > li > a {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
}

.navbar .nav > li > a, .dropdown-menu > li > a {
  /*padding: 10px 68px !important;*/
  padding: 10px 0px !important;
  text-align: center;
  /*border: 1px solid red;*/
}

.navbar .nav_admin > li > a {
  width: 332px !important;
  padding: 10px 0px !important;
}

.navbar, .nav, .navbar-inner, .dropdown-menu, .dropdown-menu > li {
  background: url(../img/navi.png) repeat-x;
}

.dropdown-menu > li {
  padding-bottom: 1px;
}

.navbar .nav > li:hover,
.navbar .nav > li.open > a,
.navbar .nav > li.open > li:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: url(../img/navi-hover.png) repeat-x !important;
}

.navbar-inner {
  background: none !important;
}

.navbar .divider-vertical {
  border-right: 1px solid #f3951b !important;
  border-left: 1px solid #ffd209 !important;
  margin: 0 0px !important;
}

.navbar .divider {
  border-top: 1px solid #f3951b !important;
  border-bottom: 1px solid #ffd209 !important;
  margin: 0 0 0 0 !important;
}

.navbar-inner {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/*----------переделка размеров меню-----------*/
.nav, .navbar-inner {
  width: 100%;
  margin: 0 !important;
}

/*-------------------END----------------------*/
.nav > li
.navbar .nav {
  margin: 0 0px 0 0 !important;
}

.navbar .nav > li > a, .dropdown-menu > li > a {
  color: #fff !important;
  text-shadow: none !important;
}

.dropdown-menu {
  padding: 0px !important;
  margin: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.box {
  background: url(../img/box-bg.png) repeat-x #efefef;
  border-radius: 6px;
}

.box1 {
  background: none;
  border-radius: 6px;
}

.box-title {
  margin: 25px 0 25px;
}

.box-title div {
  /*font-family: pfd !important;*/
  font-family: Helvetica !important;
  font-size: 15px;
  color: #5d5d5d;
  margin: 12px 12px 12px 12px;
}

.box-title div div img {
  max-width: 400px;
}

/*Добавлено последними правками*/
.box-title .name-head {
  font-family: pfd !important;
}

.box-title div h5 {
  font-size: 15px;
  margin: 0px 0px;
}

.box-title div h2 {
  font-size: 44px;
  margin: 0px 0px;
}

.box-title div p {
  font-size: 13px;
  margin: 10px 0px;
}

.box .box-title:hover div h2, .box .box-title:hover div h5 {
  color: #f3951b;
}

.box-part {
  background: url(../img/box-part-bg-s.png) no-repeat;
}

.box-part:hover {
  background: url(../img/box-part-bg.png) no-repeat;
}

.box-part div {
  padding: 13px 25px;
}

.box-part div a {
  /*font-family: pfd !important;*/
  font-family: Helvetica !important;
  font-size: 18px;
  color: #ffa50d;
  text-decoration: underline;
}

.box-part:hover div a {
  color: #fff;
}

.box-part div a:hover {
  text-decoration: none;
}

.box-part div p {
  /*font-family: pfd !important;*/
  font-family: Helvetica !important;
  font-size: 13px;
  color: #5d5d5d;
}

.box-part:hover div p {
  color: #fff;
}

.main-box {
  /*margin: 45px 0px ;*/
  margin: 0px 0px 10px 0px;
  padding: 0 0 10px;
}

.box div div + div img {
  margin: 15px 0px;
}

.nice {
  margin: 0px 0px 0px 10px;
}

.price {
  font-family: arial;
  font-size: 30px;
  color: #3f3f3f;
  text-align: center;
  display: block;
  margin: 15px 0px;
}

.copy1 {
  font-family: arial;
  font-size: 13px;
  color: #3f3f3f;
  text-align: center;
  display: block;
  margin: 15px 0px;
}

.footer {
  background: #e2e2e2;
  font-family: Helvetica;
  font-size: 13px;
  color: #ababab;
  overflow: hidden;
}

.footer_right {
  float: right !important;
}

.footer_left {
  float: left !important;
}

.copy5 {
  display: block;
  margin: 10px 20px 8px 20px;
}

.table-inn table {
  width: 100%;
}

.table-inn table tr td {
  vertical-align: middle;
  text-align: center;
  padding: 5px 7px;
  /*font-family: pfd !important;*/
  font-family: Helvetica !important;
  font-size: 19px;
  color: #3f3f3f;
}

.table-inn table tr td:hover {
  color: #ffab1d;
}

.table-inn {
  margin-bottom: 20px;
}

.gsd {
  font-family: arial;
  font-size: 12px;
  color: #3f3f3f;
  margin-bottom: 25px;
  line-height: 22px;
}

.tit {
  font-family: arial;
  font-size: 20px;
  color: #3f3f3f;
  margin: 0px 0px -5px 0px;
}

.sub-tit {
  font-family: arial;
  font-size: 10px;
  color: #bfbfbf;
  font-style: italic;
}

.img {
  text-align: center;
}

.autorization {
  margin: 10px 0;
  text-align: center;
}

.error_field {
  border: 1px solid red !important;
  background-color: #FFCCCC;
}

.view_office {
  margin: 0 -20px 0 0;
}

.office_header {
  overflow: hidden;
  padding: 10px 0px 10px 5px;
  background-color: #D8DCD8;
}

.office_body {
  overflow: hidden;
  padding: 10px 0px 10px 5px;
  background-color: #F8FCF8;
}

.office_header > div, .office_body > div {
  width: 19%;
  float: left;
  padding: 10px 0px 10px 5px;
}

.office_body > div {
  min-height: 110px;
  font-size: 12px;
}

.office_body > .office_location {
  min-height: 25px;
  font-size: 12px;
}

.office_location {
  float: none !important;
  text-align: center;
  font-size: 16px !important;
  width: 100% !important;
  height: 100% !important;
  font-weight: bold;
  color: #FFA90A !important;
}

/*.map-marker{*/
/*src: url("../img/glyphicons-halflings.png");*/
/*background-image: url('../img/mm_20_red.png') !important;*/
/*width: 12px !important;*/
/*height: 20px !important;*/
/*}*/
.text_logo {
  margin: 0px 0px 0px 32px;
  /*margin: -15px 0px 0px 30px;
  font-family: arial;*/
  font-family: pfd_bold !important;
  font-size: 15px;
  letter-spacing: 1px;
  width: 175px;
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
}

.span3 {
  overflow: hidden;
  word-wrap: break-word;
}

.div_logo > a > .text_logo > b, .div_logo > a:visited, .div_logo > a:hover {
  color: #000000;
  text-decoration: none;
}

.div_content h1 {
  margin: 15px;
  font-size: 24px;
  color: #3f70a8;
}

.div_content h2 {
  margin: 15px 15px 10px;
  font-size: 16px;
  font-weight: 700;
}

.div_content p {
  margin: 12px 16px 20px 16px;
  font-size: 14px;
}

/*Добавлено последними правками*/
.div_content .name-head {
  font-family: pfd !important;
}

.div_content img {
  margin: 0 20px 10px 0;
}

.row_partners {
  overflow: hidden;
  margin: 0 10px;
}

.div_partners {
  float: left;
  width: 185px;
  margin: 10px 25px;
  font-size: 14px;
  text-align: center;

  display: table;
}

.vertical-container {
  width: 185px;
  height: 185px;
  line-height: 185px;
}

.vertical-container-docs {
  margin: 10px 25px 15px 0;
  width: 200px;
  float: left;
}

.vertical-container-docs > img {
  display: block;
  margin: auto;
}

.vertical-container-boss {
  margin: 0 25px 0 0;
  float: left;
  width: 400px;
}

.vertical-container-chief {
  margin: 0 25px 0 0;
  float: left;
  width: 300px;
}

.vertical-container > img {
  vertical-align: middle;
  max-width: 185px;
  max-height: 185px;
  margin: auto;
}

.div_content > img {
  float: left;
  max-width: 250px;
  margin: 0 25px 25px 0;

}

img.boss {
  display: block;
  margin: auto;
  max-width: 400px !important;
}

img.chief {
  display: block;
  margin: auto;
  max-width: 300px !important;
}

.div_staff {
  float: left;
  width: 430px;
  font-family: Helvetica !important;
  font-size: 14px !important;
  padding: 25px;
}

.div_staff > span {
  text-align: center;
  font-family: Helvetica !important;
  font-size: 18px !important;
  font-weight: bold;
}

.box > a:hover {
  text-decoration: none;
}

#myModal label {
  width: auto !important;
  display: inline !important;
}

#myModal img {
  max-width: none !important;
}

#mapcanvas {
  width: 520px;
  height: 400px
}

#mapcanvas label {
  width: auto !important;
  display: inline !important;
}

#mapcanvas img {
  max-width: none !important;
}

#error_div {
  position: fixed;
  min-width: 250px;
  max-width: 250px;
  margin-left: 50%;
  left: -125px;
  top: 50px;
  text-align: center;
  background-color: #EEEEEE;
  padding: 5px;
  z-index: 1000;
  border: 1px solid black;
}

.main-box > table, .main-box > form > table {
  margin: 0px 20px;
  width: 1000px;
  text-align: center;
}

.main-box > table td, .main-box > form > table td {
  vertical-align: middle;
}

table td input, table td select, table td textarea {
  margin: 5px 0 !important;
}

input[type="checkbox"] + span {
  margin: 0 5px;
}

.carousel-inner img {

  margin: auto;

}

.common-draw-text {
  display: block;
  max-width: 300px !important;
  margin: 25px auto !important;
}

.icon-map-marker {
  color: red;
}

.dropdown:hover ul.parent {
  display: block;
  margin: 0;
}

.dropdown-menu:before, .dropdown-menu:after {
  display: none !important;
}

.carousel-control, .carousel-indicators li {
  behavior: url(css/PIE.htc) !important;
}

footer {
  position: relative;
}

footer .container {
  width: 1020px !important;
  position: relative;
  z-index: 100;
  padding: 20px 0 0 0;
}

footer .container .inside-container {
  background: #0075bb;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-webkit-border-radius: 5px;
  -moz-webkit-border-radius: 5px;
  -ms-webkit-border-radius: 5px;
  -o-webkit-border-radius: 5px;
  webkit-border-radius: 5px;
}

footer .container .inside-container > *.pull-right {
  margin: 0 0 0 35px;
}

footer .container .inside-container .color-ffd701 {
  color: #ffd701;
}
/**/
	#accordion {
			margin: 10px 15%;
		}
		#accordion > h3 {
    color: #3f70a8;
    cursor: pointer;
    margin: 5px 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    border: 1px solid #ddd;
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    background: #feab17;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
   font-weight: bold;
}
		#accordion > h3.select {
    border: 1px solid #d4d4d4;
    background: #feab17;
    font-weight: normal;
    color: #3f70a8;
    font-size: 18px;
    font-weight: bold;
}
		#accordion > div {
			height: 0;
			overflow: hidden;
			color: #333;
			padding-left: 15px;
			padding-right: 15px;
			transition: height .5s;
		}
		.tabs__text {
			font: 12px Arial;
			text-align: justify;
		}
@media (-webkit-min-device-pixel-ratio: 2) {
  
   .address:nth-child(2) {
    font-size: 13px;
  }
}

.cases-items {
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.cases-item {
    width: 48%;
}
.cases-items a {
    width: 480px;
    display: flex;
    height: 360px;
}
#cases img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.serts {
  display:flex;
  justify-content:center;
  margin-top: 30px;
  gap: 30px;
}
.serts img {
  width: 300px;
  max-width: 100%;
}