body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #333;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
}

a {
  cursor: pointer;
  color: #333;
}
a:hover {
  color: #333;
}

.cPointer {
  cursor: pointer;
}



body > section.hero {
  min-height: 440px;
  padding: 25px 0 0 0;
  background-image: url('../img/city/main.jpg');
  background-position: center;
  background-size: cover;
  font-size: 1.8em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-shadow: 3px 3px 5px #000;
}

body > section.hero img.icon {
  width: 50px;
}

body > section.hero a {
  color: #fff;
  text-decoration: none;
}

body > section.hero .bigger {
  font-size: 1.7em;
  line-height: 1.1em;
}

body > section.hero .bigger1 {
  font-size: 1.3em;
  line-height: 1.1em;
}

body > section.hero .call {
  text-align: left;
}

body > section.hero .click {
  margin-top: 10px; /* added for alignment */
  text-align: right;
}

body > section.hero > div.container {
  padding-top: 260px;
}


body > section.content {
  min-height: 300px;
  min-height: calc(100vh - 50px - 402px - 80px - 50px);
  padding-top: 50px;
  overflow-x: hidden;
  text-align: justify;
}

body > section.content > .container {
  padding: 0 !important;
  position: relative;
  float: left;
  left: 0;
  width: 100%;
  transition: left 1s ease;
}

body > section.content > .container.ng-enter {
  left: +100%;
}
body > section.content > .container.ng-enter.ng-enter-active {
  left: 0;
}

body > section.content > .container.ng-leave.ng-leave-active {
  margin-right: -100%;
  left: -100%;
}

footer {
  margin-top: 50px;
  padding: 33px 0;
  background-color: #343434;
  font-size: .8em;
  text-align: center;
  color: #fff;
}

footer a,
footer a:hover {
  color: #fff;
}

@media screen and (max-width: 472px) {
  body > section.hero .click {
    margin-top: 20px;
  }
}