/* Start:/local/components/startups/battle.awards/templates/.default/style.css?17680702452323*/
html {
  scroll-behavior: smooth;
}
.menu-line {
  margin-top:16px;
  display:flex;
  justify-content: flex-start;
}
.menu-item {
  line-height:60px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  margin-right:24px;
  user-select: none;
  cursor:pointer;
  padding:0 24px;
  white-space: nowrap;
  color:#424242;
}
.menu-item.active,
.menu-item:hover {
  background-color: #ECEBEB;
  color:#0088DF;
  text-decoration:underline;
}
.content {
  margin-top:16px;
  color: #424242;
  padding-left:24px;
}
.content .title-header{
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
}
.content .description {
  margin:16px 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
}
.content .item{
  margin:16px 0 32px 0;
  padding:16px 0;
  border-bottom: 1px solid #E4E4E3;
  display:flex;
  justify-content: space-between;
}
.content .item-pic{
  width:30%;
  text-align:center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.content .item-pic img{
  width:80%;
  margin:0 auto;
}
.content .item .description {
  width:739px;
  font-size: 17px;
  line-height: 20px;
}
.navList__item.active {
  background-color: #ECEBEB;
  color:#0088DF;
  text-decoration:underline;
  padding:0 16px;
}
.navList>li.navList__item.active>a {
  color:#0088DF;
}
.navList__item:last-of-type {
  margin:0;
}
/* mobile */
@media screen and (max-width: 991px) {
  .content .item .description {
    width:65%;
  }
}
@media screen and (max-width: 768px) {
  .menu-item {
    font-size: 16px;
    line-height:50px;
    margin-right:8px;
    padding:0 12px;
    margin-right:0;
  }
  .content .item-pic img {
    width:90%;
  }
}
@media screen and (max-width: 600px) {
  .container.sections {
    padding:0;
  }
  .menu-line {
    flex-direction: column;
  }
  .menu-item {
    margin-right:0;
    font-size: 18px;
    line-height:45px;
    padding:0 16px;
  }
  .container.sections .content {
    padding:0 16px;
  }
}
@media screen and (max-width: 425px) {
  .content .item {
    flex-direction: column;
  }
  .content .item-pic,
  .content .item .description  {
    width:100%;
  }
  .content .item-pic img {
    width:60%;
  }
}
/* End */
/* /local/components/startups/battle.awards/templates/.default/style.css?17680702452323 */