.rl-banner-other {
    background-image: url(../../images/learning/01_banner.jpg);
}

.imgLink-block {
    text-align: center;
}

.imgLink {


    font-size: 2.5rem;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    position: relative;
}

.imgLink-left {
    margin-bottom: 20px;
}

@media screen and (max-width: 568px) {
    .imgLink {
        font-size: 2rem;
    }
}

@media screen and (max-width: 430px) {
    .imgLink {
        font-size: 1.75rem;
    }
    .banner-stylized .bannerImgBlock img {
        display: inline-block;
        /*float: right;*/
        width: 70%;
    }
    .banner-realistic .bannerImgBlock img {
        display: inline-block;
        /*margin: 0 auto;*/
        width: 70%;
    }
}

.mask {
    background-color: rgba(0, 0, 0, 0.5);
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.mask > div{
    padding: 10px;
    width: 100%;
    height: 100%;
    position: relative;
}

 .mask p,  .mask i.fa{ 
    color: #fff; 
    font-size: calc( 20.4px + 0.5vw ); /*32-24*/
    font-weight: 500; 
    line-height: 1.1;
}
.mask p{ padding-right: 25px; }
 .mask i.fa{ 
    font-size: calc( 16.4px + 1.125vw ); /*38-20*/
    font-weight: 400;  
    vertical-align: 0;
    position: absolute;
    right: 20px;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out;
}

.cover:hover {
    box-shadow: inset 0px -30px 220px 35px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}

.cover:focus {
    text-decoration: none;
}

.morphImg,
.headImg {
    width: 100%;
}

.rl-row-1440-fix {
    max-width: 1440px;
    margin: 0 12.1%;
    padding-right: 15px;
    padding-left: 15px;
}

@media screen and (max-width: 1440px) {
    .rl-row-1440-fix {
        margin: 0 4.17%;
    }
}

@media screen and (max-width: 991px) {
    .rl-row-1440-fix {
        margin: 0 auto;
    }
}

.rl-wrapper-topbottom {
    padding-top: 103px;
    padding-bottom: 72px
}

.icons-link-wrapper:hover {
    background-color: #c3c3c3;
}
.rl-icons-link{
    width: 100px;
    max-width: 100%;
}
a:hover {
  color:none;
  text-decoration: none;
}
.rl-skin-icon-desc {
    font-size: 20px;
    font-weight: normal;
  line-height: 1.1;
}

.rl-banner-but {
  font-size: calc(0.8750000000000001vw + 13.2px);
  /*30(1920px)-16(320px)*/
  border: #82be0f 1px solid;
  background-color: #82be0f;
  color: #FFFFFF;
  padding-top: calc(4px + 0.3125vw);
  padding-bottom: calc(4px + 0.3125vw);
  padding-right: calc(12px + 0.9375vw);
  padding-left: calc(12px + 0.9375vw);
  transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.rl-banner-but:hover {
    background-color: #f0f0f0;
    color: #82be0f;
}