html,
body {
  padding: 0;
  margin: 0;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'MonumentExtended-Regular';
  font-style: normal;
  font-weight: normal;
  src: url(../img/MonumentExtended-Regular.otf) format("opentype"); }
@font-face {
  font-family: 'MonumentExtended-Ultrabold';
  font-style: normal;
  font-weight: normal;
  src: url(../img/MonumentExtended-Ultrabold.otf) format("opentype"); }
@font-face {
  font-family: 'BurtonLineBold';
  font-style: normal;
  font-weight: normal;
  src: url("../img/BurtonLineBold.ttf") format("truetype"); }

.content {
  width: 1024px;
  margin: 0 auto;
  position: relative;
}

.logo {
  background: url(../img/dkf_logo.svg) no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  padding-top: 155px;
}

.menu {
  position: absolute;
  top: 35px;
  right: 45px; 
}

.sandwich {
  position: absolute;
  top: 0;
  right: 0;
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgZGF0YS1pY29uPSJtZW51IiBkYXRhLWNvbnRhaW5lci10cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiB2aWV3Qm94PSIwIDEgMTYgMTQiIHg9IjBweCIgeT0iMHB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiBzdHlsZT0id2lkdGg6IDEwMCU7IGhlaWdodDogMTAwJTsiIGZpbGw9InJnYig1MSw1MSw1MSkiIGZpbGwtb3BhY2l0eT0iMSI+PHBhdGggZD0iTTAgMHYyaDE2di0yaC0xNnptMCA2djJoMTZ2LTJoLTE2em0wIDZ2MmgxNnYtMmgtMTZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIi8+PC9zdmc+);
  width: 24px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
  z-index: 10;
  cursor: pointer;
}

.sandwich.on {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+IDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiA8ZyBpZD0iY2xvc2UiIGZpbGw9IiMzMzMzMzMiIGZpbGwtcnVsZT0ibm9uemVybyI+IDxwYXRoIGQ9Ik0wLjgzMDQ1NjIwNywxMS44NTQ5ODc0IEwyLjI0NDY2OTc3LDEzLjI2OTIwMSBMMTMuNTU4Mzc4MywxLjk1NTQ5MjQ5IEwxMi4xNDQxNjQ3LDAuNTQxMjc4OTMgTDAuODMwNDU2MjA3LDExLjg1NDk4NzQgWiBNMTIuMTQ0MTY0NywxMy4yNjkyMDEgTDEzLjU1ODM3ODMsMTEuODU0OTg3NCBMMi4yNDQ2Njk3NywwLjU0MTI3ODkzIEwwLjgzMDQ1NjIwNywxLjk1NTQ5MjQ5IEwxMi4xNDQxNjQ3LDEzLjI2OTIwMSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4gPC9nPiA8L2c+IDwvc3ZnPg==);
}

.menu ul {
  padding: 0 50px 0 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.menu ul.on {
  opacity: 1;
  visibility: visible;
}

.menu li {
  display: inline-block;
}

.menu li a {
  font-family: "BurtonLineBold", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
  text-decoration: none;
  padding-right: 25px;
  color: #000;
}

@keyframes animation_1 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; }
}

.arrow {
  margin: 0 auto;
  width: 34px;
  height: 34px;
  position: relative;
  bottom: -50px;
  background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjUxMnB4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA8L3N0eWxlPjxnIGNsYXNzPSJzdDIiIGlkPSJsYXllciI+PGcgY2xhc3M9InN0MCI+PHBvbHlsaW5lIGNsYXNzPSJzdDEiIHBvaW50cz0iMjU2LDQxMSAxMDUsMjYwIDI1Niw0MTEgNDA3LDI2MCAgICIvPjxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9IjI1NiwyNTIgMTA1LDEwMSAyNTYsMjUyIDQwNywxMDEgICAiLz48L2c+PC9nPjxnIGlkPSJsYXllcl9jb3B5Ij48Zz48cGF0aCBkPSJNMjU2LDQxOWMtMi4wNDcsMC00LjA5NS0wLjc4MS01LjY1Ny0yLjM0M2wtMTUxLTE1MUM5Ny43ODEsMjY0LjA5NSw5NywyNjIuMDQ4LDk3LDI2MHMwLjc4MS00LjA5NSwyLjM0My01LjY1NyAgICBjMy4xMjQtMy4xMjQsOC4xODktMy4xMjQsMTEuMzEzLDBMMjU2LDM5OS42ODdsMTQ1LjM0My0xNDUuMzQzYzMuMTI1LTMuMTI0LDguMTg5LTMuMTI0LDExLjMxNCwwICAgIGMzLjEyNCwzLjEyNSwzLjEyNCw4LjE4OSwwLDExLjMxNGwtMTUxLDE1MUMyNjAuMDk1LDQxOC4yMTksMjU4LjA0OCw0MTksMjU2LDQxOXoiLz48L2c+PGc+PHBhdGggZD0iTTI1NiwyNjBjLTIuMDQ3LDAtNC4wOTUtMC43ODEtNS42NTctMi4zNDNsLTE1MS0xNTFDOTcuNzgxLDEwNS4wOTUsOTcsMTAzLjA0Nyw5NywxMDFzMC43ODEtNC4wOTUsMi4zNDMtNS42NTcgICAgYzMuMTI0LTMuMTI0LDguMTg5LTMuMTI0LDExLjMxMywwTDI1NiwyNDAuNjg2TDQwMS4zNDMsOTUuMzQzYzMuMTI1LTMuMTI0LDguMTg5LTMuMTI0LDExLjMxNCwwICAgIGMzLjEyNCwzLjEyNCwzLjEyNCw4LjE4OSwwLDExLjMxM2wtMTUxLDE1MUMyNjAuMDk1LDI1OS4yMTksMjU4LjA0OCwyNjAsMjU2LDI2MHoiLz48L2c+PC9nPjwvc3ZnPg==);
  background-size: contain;
  background-repeat: no-repeat;
}

.dot {
  height: 15px;
  width: 15px;
  background-color: rgb(25,133,161);
  border-radius: 50%;
  display: block;
  position: absolute;
}

.dot span {
  display: block;
  white-space: nowrap;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  position: absolute;
}

.first {
/* background: url(../img/bg.png) no-repeat; */
  background-size: cover;
  font-size: 28px;
  line-height: 1.5;
  font-family: "BurtonLineBold", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  color: #3D22E7;
  padding: 0px 90px 60px 90px;
}

.about {
  font-family: "BurtonLineBold", sans-serif;
  background: #E6E5EB;
  padding: 30px 90px 30px 90px;
}

.about h2 {
  padding: 20px 0 30px 0;
}

.about p {
  margin: 0;
  padding: 0px 0 30px 180px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 27px;
}

.about a {
  text-decoration: none;
  color: rgb(25,133,161);
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

.about a:active,
.about a:hover {
  color: rgb(23,100,119);
}

.about blockquote {
  font-size: 24px;
  line-height: 39px;
  font-family: "BurtonLineBold", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: rgb(25,133,161);
  padding: 0 0 30px 180px;
  margin: 0;
}

h2 {
  font-family: "MonumentExtended-Regular", sans-serif;	
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 40px;
}

.team {
  font-family: "BurtonLineBold", sans-serif;
  padding: 30px 0 30px 90px;
  overflow: auto;
}

.team h2 {
  padding: 20px 0 30px 0;
}

.team h3 {
  font-family: "BurtonLineBold", sans-serif;
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: rgb(25,133,161);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.team .item.ctl h3 {
  right: 0;
  text-align: center;
}

.team h4 {
  padding: 0 0 10px 0;
  margin: 0;
  font-weight: 700;
  font-size: 22px;
}

.teamlist{
  padding-left: 115px;
}

.team .item {
  float: left;
  position: relative;
  width: 230px;
  min-height: 130px;
  text-align: center;
}

.team .item p {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 27px;
}

.team .item a {
  font-weight: 400;
  padding: 10px 0 0 0;
  display: block;
  color: #22E759;
  font-size: 16px;
}

.team .item a:active,
.team .item a:hover {
  color: #3D22E7;
}

.business {
  font-family: "BurtonLineBold", sans-serif;
  background: #E6E5EB;
  padding: 30px 90px 30px 90px;
}

.business h2 {
  padding: 20px 0 30px 0;
}

.business .item {
  position: relative;
  font-size: 18px;
  line-height: 27px;
  padding: 0 0 0 180px;
}

.business .item p {
  padding: 0 0 30px 0;
  margin: 0;  
}

.business .item a {
  color: #22E759;  
}

.business .item a:active,
.business .item a:hover {
  color: #3D22E7;
}

.business .itemlogo {
  width: 155px;
  position: absolute;
  left: 0;
  top: 2px;
  text-align: right;
}

.business .itemlogo img {
  filter: grayscale(100%);
}

.investing {
  font-family: "BurtonLineBold", sans-serif;
  padding: 30px 0 30px 90px;
  overflow: auto;
}

.investing h2 {
  padding: 20px 0 30px 0;
}

.investing h4 {
  padding: 0 0 10px 0;
  margin: 0;
  font-weight: 700;
  font-size: 22px;
}

.investing .col1 {
  width: 50%;
  float: left;
  overflow: auto;
}

.investing .col2 {
  width: 50%;
  overflow: auto;
  float: left;
}

.cols {
  padding-left: 180px;
  overflow: auto;
}

.investing .cols ul {
  font-family: "BurtonLineBold", sans-serif;
  padding: 0 0 10px 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}

.investing .cols li {
  padding-right: 10%;
  padding-bottom: 20px;
}

.investing .cols li a {
  font-weight: 700;
  font-size: 24px;
  color: rgb(25,133,161);
}

.investing .cols li a:active,
.investing .cols li a:hover {
  color: rgb(23,100,119);
}

.investing .col2 li {
  width: 100%;
  padding-right: 0;
  float: left;
}

.investing .col2 li:nth-child(2n+1) {
  clear: both;
  width: 100%;
  padding-right: 0;
}

.news {
  font-family: "BurtonLineBold", sans-serif;
  background: #E6E5EB;
  padding: 40px 90px 30px 90px;
}

.news ul {
  padding: 20px 0 0 180px;
  margin: 0;
  list-style: none;
}

.news ul time {
  font-family: "BurtonLineBold", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: rgb(51,51,51); 
}

.news ul p {
  font-family: "BurtonLineBold", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: rgb(51,51,51);
  padding: 10px 0 20px 0;
  margin: 0;
}

.news ul li {
  padding-bottom: 10px;
}

.news ul a {
  color: #22E759;  
}

.news ul a:active,
.news ul a:hover {
  color: #3D22E7;
}

.news ul a.more {
  font-weight: 700;
}

.contacts h2 {
  padding: 20px 90px 30px 90px;
}

.contacts p {
  padding-left: 270px;
  margin: 0;
  font-size: 18px;
  line-height: 27px;
}

.contacts {
  font-family: "BurtonLineBold", sans-serif;
  padding: 30px 0px 60px 0px;
}

#map {
  background: url(../img/map.svg) no-repeat;
  background-size: cover;
  width: 1024px;
  height: 563px;
  position: relative;
}

#map:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  content: "";
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.copyright {
  font-family: "BurtonLineBold", sans-serif;
  position: relative;
  color: #3D22E7;
  font-size: 18px;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 50px;
}

.copyright .logo {
  position: relative;
  top: inherit;
  left: inherit;
  display: inline-block;
  width: 170px;
  height: 21px;
}

.feedback {
  padding: 60px 90px 80px 90px;
  background: #D1D0D9;
  font-family: "BurtonLineBold", sans-serif;
  position: relative;
  color: #fff;
}

.feedback .descr {
  /* width: 90%; */
  /* margin: 0 auto 80px auto; */
  margin-bottom: 80px;
  font-weight: 400;
  font-size: 24px;
  line-height: 150.5%;
  letter-spacing: 0.005em;
}

.feedback form {
  width: 100%;
  padding: 0;
  /* margin: 0 auto; */
}

.area100,
.input50 input,
.input100 {
  font-family: "BurtonLineBold", sans-serif;
  padding: 0;
  margin: 0 0 50px 0;
  background: 0;
  border: 0;
  color: #fff;
  border-bottom: 1px solid #333;
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0.005em;
}

.input50 input {
  width: 100%;
  padding: 13px 0;
}

.input50 {
  width: 47%;
  float: left;
}

.area100 {
  width: 100%;
}

.evenodd div:nth-child(odd) {
  margin-right: 3%;
}

.evenodd div:nth-child(even) {
  margin-left: 3%;
}

.evenodd div {
  position: relative;
  padding: 0;
  margin: 0;
}

::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}
:-moz-placeholder           {color:#fff;}
:-ms-input-placeholder      {color:#fff;}

.feedback small {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0.005em;
  display: block;
}

.sendform {
  padding: 10px 37px;
  font-family: "BurtonLineBold", sans-serif;
  border: 1px solid #fff;
  float: right;
  font-weight: bold;
  font-size: 18px;
  line-height: 131.7%;
  background: 0;
  color: #fff;
}

label.error {
  position: absolute;
  left: 0;
  top: 60px;
  font-size: 10px;
  color: red;
}

.input50 input.error {
  border-bottom: 1px dotted red;
}

input:focus {outline:0;}

#city1 {
  top: 225px;
  left: 143px;
}

#city1 span {
  left: -99px; top: 16px;
}

#city2 {
  top: 202px;
  left: 268px;
}

#city2 span {
  left: 13px; top: 22px;
}

#city3 {
  top: 171px;
  left: 490px;
}

#city3 span {
  left: -79px; top: 15px;
}

#city4 {
  top: 198px;
  left: 500px;
}

#city4 span {
  left: -27px; top: 21px;
}

#city5 {
  top: 173px;
  left: 507px;
}

#city5 span {
  left: 13px; top: -20px;
}

#city6 {
  top: 167px;
  left: 535px;
}

#city6 span {
  left: 21px; top: 1px;
}

#city7 {
  top: 190px;
  left: 534px;
}

#city7 span {
  left: 16px; top: 15px;
}

#city8 {
  top: 200px;
  left: 861px;
}

#city8 span {
  left: 20px; top: 2px;
}

#city9 {
  top: 255px;
  left: 803px;
}

#city9 span {
  left: 18px; top: 0;
}

@media screen and (min-width: 1024px) {

  .teamlist .item:nth-child(4n+1) h3 {
    right: inherit;
  }

}

@media screen and (max-width: 1023px) {

  .logo {
    width: 200px;
  }

  .menu ul {
    padding: 0 30px 0 0;
  }

  .menu li a {
    font-size: 14px;
    padding-right: 10px;
  }

  .content {
    width: 800px;
    margin: 0 auto;  
  }

  .first{
    padding: 50px 45px;
  }

  .about {
    padding: 20px 45px;
  }

  .team {
    padding: 20px 45px;
  }

  .business {
    padding: 20px 45px;
  }

  .investing {
    padding: 20px 45px;
  }

	.feedback {
		padding: 20px 45px 40px 45px;
	}

	.feedback .descr {
		margin: 0 auto 50px auto;
	}

  .teamlist .item:nth-child(3n+1) h3 {
    right: inherit;
  }

  .cols {
    padding-left: 0;
  }

  .news {
    padding: 20px 45px;
  }

  #map {
    width: 800px;
    height: 440px;
  }

  .contacts h2 {
    padding: 20px 45px 40px 45px;
  }

  .contacts p {
    padding-left: 225px;
  }


  #city1 {
left: 105px; top: 175px;
  }
  
  #city2 {
left: 217px; top: 143px;
  }
  
  #city3 {
left: 371px; top: 144px;
  }
  
  #city4 {
left: 394px; top: 158px;
  }
  
  #city5 {
left: 395px; top: 130px;
  }
  
  #city6 {
left: 420px; top: 124px;
  }
  
  #city7 {
left: 416px; top: 147px;
  }
  
  #city8 {
left: 671px; top: 153px;
  }
  
  #city9 {
left: 625px; top: 196px;
  }

}

@media screen and (max-width: 799px) {

  .arrow {
    display: none;
  }

  .content {
    width: 100%;
  }

  .menu {
    top: 20px;
    right: 20px;
  }

  .sandwich {
    right: 20px;
  }

  .logo {
    width: 150px;
  }

  .menu {
    top: 20px;
    right: 0;
    left: 0;
  }

  .menu ul {
    background: #fff;
    padding: 0 20px;
    margin: 55px 0 0 0;
  }

  .menu li {
    display: block;
  }

  .menu li a {
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    display: block;
  }

  .first {
    background: 0;
    padding: 0px 20px 50px 20px;
  }

  h2 {
    padding: 0 0 10px 0;
    margin: 0;
    font-size: 30px;
  }

  .about {
    padding: 20px;
  }

  .about p {
    margin: 0;
    padding: 0 0 15px 0;
  }

  .about blockquote {
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 18px;
    line-height: 27px;
  }

  .team {
    padding: 20px;
  }

  .team .item {
    padding: 10px 0;
    float: none;
    width: inherit;
    min-height: inherit;
    text-align: inherit;
  }

  .teamlist{
    padding-left: 0px;
  }

  .teamlist .item h3 {
    font-size: 18px;
    position: relative;
    text-align: inherit;
    padding-bottom: 20px;
  }

  .team h2 {
    padding: 10px 0;
  }
  
  .team .item p {
    display: inline;
  }

  .team .item a {
    white-space: nowrap;
    display: inline;    
  }

  .business {
    padding: 20px;
  }

  .business .item {
    padding: 0;
  }

  .business .item img {
    width: 50%;
    height: auto;
    max-height: 60px;;
  }

  .business .itemlogo {
    width: auto;
    position: relative;
    left: inherit;
    top: inherit;
    text-align: center;
    margin: 10px auto 20px auto;
  }

  .investing {
    padding: 20px;
  }

  .investing .cols {
    padding-bottom: 25px;
  }

  .investing .col1 {
    float: none;
    width: inherit;
  }

  .investing .col2 {
    float: none;
    width: inherit;
  }

  .investing .col2 li {
    float: none;
    width: inherit;
  }

  .news {
    padding: 20px;
  }

  .news ul {
    padding: 0;
  }

  .contacts h2 {
    padding: 20px;
  }

  .contacts p{
    padding-left: 20px;
  }

  .copyright .logo {
    display: block;
    margin: 0 auto 20px auto;
  }

	.feedback {
		background: #828282;
	}

	.feedback {
		padding: 20px 20px 40px 20px;
	}

  	.feedback .descr {
		margin: 0 0 20px 0px; 
	}
	
	.input50 {
		width: 100%;
		float: none;
	}

	.evenodd div:nth-child(odd) {
		margin-right: 0;
	}

	.evenodd div:nth-child(even) {
		margin-left: 0;
	}

	.area100, .input50 input, .input100 {
	  margin-bottom: 20px;
	}

  #map {
    width: 320px;
    height: 176px;
    margin: 0 auto;
  }
  
  .dot {
    width: 10px;
    height: 10px
  }
  
  .dot span {
    font-size: 10px;
  }
  
  #city1 {
left: 39px; top: 69px;
  }
  
  #city1 span {
left: -28px; top: -14px;
  }
  
  #city2 {
left: 83px; top: 57px;
  }
  
  #city2 span {
left: -15px; top: -13px;
  }
  
  #city3 {
left: 152px; top: 50px;
  }
  
  #city3 span {
left: -30px; top: -2px;
  }
  
  #city4 {
left: 162px; top: 59px;
  }
  
  #city4 span {
left: -3px; top: 10px;
  }
  
  #city5 {
left: 164px; top: 45px;
  }
  
  #city5 span {
left: -43px; top: -13px;
  }
  
  #city6 {
left: 177px; top: 42px;
  }
  
  #city6 span {
left: 9px; top: -10px;
  }
  
  #city7 {
left: 173px; top: 55px;
  }
  
  #city7 span {
left: 14px; top: 3px;
  }
  
  #city8 {
left: 268px; top: 57px;
  }
  
  #city8 span {
left: 12px; top: -1px;
  }
  
  #city9 {
left: 255px; top: 79px;
  }
  
  #city9 span {
left: 14px; top: -1px;
  }

  .feedback .descr {
    font-size: 18px;
  }

}