.footer-promo {
	width : 100%;
	background-color : @grey-background;
  font-size : 0;

  &-title {
    font-family: 'montserratregular';
    font-size : 22px;
    color : @white;
    margin-bottom : 15px;
  }

  &-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : @white;
    margin-bottom : 25px;
    width : 460px;
    display : block;
    margin-left : auto;
    margin-right : auto;
    line-height : 20px;
  }

	&-catalog {
    height : 330px;
    padding : 70px 0;
    box-sizing : border-box;
		background: @red;
    display : inline-block;
    width : 50%;
    vertical-align : top;
    text-align : center;

    &-button {
      width : 270px;
      border : 1px solid @white !important;
    }

	}

	&-newsletter {
    height : 330px;
    padding : 70px 0;
    box-sizing : border-box;
		background: @black;
    display : inline-block;
    width : 50%;
    vertical-align : top;
    text-align : center;

    &-button {
      width : 270px;
    }
	}

  &-form {
    width: 270px;
    margin:0 auto;
  }
  &-input {
    width : 270px;
    margin-bottom : 10px;
    border : none;
    font-size : 14px;
    padding : 0 20px;
    text-align : center;
    &:focus { text-align : left; }
  }


  // light footer
  &.footer-promo-light {
    .footer-promo{
      &-text { display:none; }
      &-catalog { height:222px; }
      &-newsletter { height:222px; }
      &-form {width: auto;}
      &-input {margin-right:20px;}
    }
  }

}


.footer {
  width : 100%;
  background-color : @grey-background;
  padding : 40px 0 60px;
  margin-top : 10px;

  &-container {
    width : @width-container;
    margin : 0 auto;    
  }

	&-menu {
		width:30%;
		display:inline-block;
		vertical-align: top;

    &-item {
      list-style: none;
      margin-bottom : 10px;
      
      &-link {
        text-decoration: none;
        color: @black;
        text-transform : uppercase;
        font-size : 12px;
      }

    }

	}

}

.footer-right-section {
  width:39%;
  display:inline-block;
  vertical-align: top;
  text-align:right;

  &-logo {
    text-indent:100%;
    display:block;
    white-space: nowrap;
    overflow:hidden;
    background : url(../biomed/img/new-version/footer/logo-footer.png) no-repeat right center;
    height: 16px;
    margin-bottom : 30px;
  }

  &-title {
    text-transform: uppercase;
    color: @black;
    font-size : 12px;
    margin-bottom : 10px;

  }

  &-menu {
    
    &-item {
      list-style: none;
      margin-bottom : 7px;
      
      &-link {
        font-family: Arial, Helvetica, sans-serif;
        font-size : 12px;
        text-decoration: none;
        color: @grey;

        i {
          color : @red;
          font-size : 17px;
          margin-left : 10px;
        }
        &:hover {color: @black;}

      }

    }

  }

}


.sub-footer {
    width : 100%;
    background-color : @grey-background;
    padding : 30px 0;
    border-top: 1px solid #dcdcdc;

    &-container {
	   width : @width-container;
  	 margin : 0 auto; 
    }

  	&-left {
  		display: inline-block;
  	}

  	&-left-item {
  		list-style: none;
  		display: inline-block;
  		border-right: 1px solid @grey;
  		margin-right:10px;
  		padding-right: 10px;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      color : @grey;
      font-size : 12px;
  		&:last-child {border:none;}
  	}

  	&-left-item-link {
  		text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      color : @grey;
      font-size : 12px;
  	}

  	&-right {
  		text-align:right;
  		float:right;
  		display:inline-block;
      font-family: Arial, Helvetica, sans-serif;
      color : @grey;
      font-size : 12px;
  	}
}