.stories-list .story-headline {
  font-size: 34px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase; }

.stories-list .form-control {
  height: 52px;
  padding: 0px 25px;
  border: none;
  background-color: #ffffff;
  background-repeat: no-repeat;
  border-radius: 50px;
  color: #5A5A5A;
  font-size: 18px;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  opacity: 1; }
  .stories-list .form-control:focus {
    border: 1px solid #2AC3F2;
    outline: none; }

.stories-list .button {
  border: none;
  margin: 0px; }

.stories-list .story-search-form {
  padding-top: 48px;
  height: 285px;
  background: url(../images/story-search-bg.png); }

.stories-list .country-select, .stories-list .city-select {
  width: 230px;
  background-position-x: 190px; }

.stories-list label {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  margin-bottom: 2px; }

.stories-list form {
  padding-top: 55px; }

.stories-list .new-story {
  padding: 12px 20px 0px 50px;
  position: relative;
  display: block;
  margin-left: auto;
  width: auto;
  background: linear-gradient(to left, #1BBEF2 -1.4%, #43D9E8 100%);
  transition: all ease-in 1s;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  transition: all ease-in .3s; }
  .stories-list .new-story::before {
    content: url(../images/plus.svg);
    width: 37px;
    height: 37px;
    position: absolute;
    left: 8px;
    top: 7px;
    transform: rotate(0deg);
    transition: all ease-in 0.5s; }
  .stories-list .new-story:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); }
    .stories-list .new-story:hover::before {
      transform: rotate(360deg); }

.stories-list .story-item {
  width: 340px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: auto;
  transition: box-shadow ease-in 0.3s; }
  .stories-list .story-item:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.35); }

.stories-list .story-link img {
  width: 340px;
  min-height: 365px; }

.stories-list .story-detail {
  padding-left: 20px; }

.stories-list .story-date {
  font-size: 18px;
  color: #858585;
  width: 100%;
  display: block;
  padding-top: 15px; }

.stories-list .story-name {
  display: block;
  color: #5A5A5A;
  font-size: 24px;
  height: 65px;
  width: 90%;
  line-height: 30px;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 4px; }

.stories-list .story-autor {
  padding-top: 11px;
  padding-bottom: 12px;
  color: #858585; }
  .stories-list .story-autor span {
    display: inline-block; }

.stories-list .story-autor-name {
  overflow: hidden;
  height: 20px; }

/*# sourceMappingURL=stories-list.css.map */