@import "mixin_all.scss";
.additional-free-page{
	font-size: 14px;
	.modules{
		margin-top: 40px;
		.b-title{
			font-weight: bold;
			font-size: 18px;
			margin-bottom: 25px;
		}
		.items {
			display: flex;
	    flex-wrap: wrap;
	    margin: 0 -10px;
	    .item {
    	  width: 25%;
  			padding: 0 10px;
  			a{
  				background: #fff;
  				width: 100%;
  				margin-bottom: 20px;
  				display: block;
  				height: 116px;
  				text-align: center;
  				border-radius: 5px;
  				box-shadow: $BoxShadow;
  				position: relative;
  				overflow: hidden;
  				.img{
  					width: 100%;
  					height: 80px;
  					display: table;
  					span{
  						display: table-cell;
  						vertical-align: middle;
  					}
  				}
  				&:after{
						content: '';
						position: absolute;
						left: 0;
						right: 0;
						bottom: 0;
						height: 0;
						@include trans;
					}
					&:hover:after{
						height: 5px;
						background: $Color2;
					}
  			}
	    }
		}
	}
	.help{
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
		font-size: 18px;
		font-weight: 700;
		.ico {
			margin-right: 10px;
		}
		.text{
			margin-top: 3px;
		}
		a{
			text-decoration: underline !important;
		}
	}
	.videos{
		display: flex;
    flex-wrap: wrap;
    margin: 20px -10px 0;
    .item {
  	  width: 33.33%;
			padding: 0 10px;
			iframe{
				border: none;
				margin-bottom: 20px;
			}
		}
	}
}