/* @import "../../abstracts/_mixins.scss"; */

.font-saf {
    font-family: 'SVN-SAF';
}
.font-livvic {
    font-family: 'Livvic';
}
.bts2020 {
    font-family: 'Livvic';
}
.bts2020 .btn-danger {
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.02em;
    color: #fff;
    background: #f86161;
    border-radius: 4px;
    padding: 10px 40px;
    cursor: pointer;
    transition: all 0.3s linear;
    border: none;
}
.bts2020 .btn-danger:hover, .bts2020 .btn-danger:focus {
    background: rgba(248, 97, 97, .6);
}
@media screen and (max-width: 991px) {
    .bts2020 .btn-danger {
        font-size: 18px;
        line-height: 22px;
   }
}
.bts2020 h2 {
    font-weight: normal;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #f86161;
    font-family: 'SVN-SAF';
}
@media screen and (max-width: 767px) {
    .bts2020 h2 {
        font-size: 32px;
        line-height: 36px;
   }
}
.bts2020 h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #009ee1;
}
@media screen and (max-width: 767px) {
    .bts2020 h3 {
        font-size: 22px;
        line-height: 26px;
   }
}
.bts2020__introduce {
    padding: 70px 0;
    position: relative;
}
@media screen and (max-width: 767px) {
    .bts2020__introduce {
        padding: 50px 0;
   }
}
.bts2020__introduce__gradient-left {
    position: absolute;
    left: 0;
    bottom: 14%;
    z-index: -1;
}
@media screen and (max-width: 991px) {
    .bts2020__introduce__gradient-left {
        max-height: 700px;
   }
}
.bts2020__introduce__gradient-right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
@media screen and (max-width: 991px) {
    .bts2020__introduce__gradient-right {
        max-height: 1600px;
   }
}
.bts2020__introduce h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #009ee1;
}
.bts2020__introduce__holder {
    position: relative;
}
.bts2020__introduce__holder__line {
    position: absolute;
    top: 11%;
    z-index: -1;
    left: 20%;
}
@media screen and (min-width: 992px) {
    .bts2020__introduce__holder__pos1 {
        position: relative;
        top: -200px;
        margin-bottom: -200px;
   }
    .bts2020__introduce__holder__pos2 {
        position: relative;
        top: -200px;
        margin-bottom: -200px;
   }
}
@media screen and (max-width: 991px) {
    .bts2020__introduce__holder .col-sm-9 {
        margin: 0 auto !important;
   }
}
.bts2020__introduce__item__title {
    font-weight: bold;
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    -moz-border-image: url("/images/back-to-school-2020/17.png") 0 / 1px stretch;
    -webkit-border-image: url("/images/back-to-school-2020/17.png") 0 / 1px stretch;
    -o-border-image: url("/images/back-to-school-2020/17.png") 0 / 1px stretch;
    padding: 10px 25px;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .bts2020__introduce__item__title {
        font-size: 20px;
        line-height: 24px;
   }
}
.bts2020__introduce__item__hr {
    background: rgba(35, 153, 212, 0.5);
    height: 5px;
    width: 100%;
}
.bts2020__introduce__item__content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #2399d4;
    margin-bottom: 5px;
}
.bts2020__introduce__item__content p i.fa-star {
    color: #f86161;
    margin-right: 5px;
}
.bts2020__method {
    position: relative;
    padding: 50px 0;
    background: #41a5cd;
    margin-top: 160px;
    margin-bottom: 160px;
}
.bts2020__method__bg {
    background-repeat: repeat-x;
    background-size: cover;
    height: 165px;
    width: 100%;
    position: absolute;
    top: -160px;
    left: 0;
    z-index: 0;
}
.bts2020__method__bg:nth-child(2) {
    transform: scaleY(-1);
    top: inherit;
    bottom: -160px;
}
.bts2020__method__holder {
    position: relative;
    overflow: hidden;
}
.bts2020__method__item-fixed-1 {
    position: absolute;
    top: 0;
    right: 0;
}
@media screen and (max-width: 767px) {
    .bts2020__method__item-fixed-1 {
        display: none;
   }
}
.bts2020__method__item-fixed-2 {
    position: absolute;
    z-index: 1;
    top: -40px;
    left: -30px;
}
@media screen and (max-width: 1099px) {
    .bts2020__method__item-fixed-2 {
        display: none;
   }
}
.bts2020__method h2 {
    color: #fff;
    position: relative;
}
@media screen and (max-width: 991px) {
    .bts2020__method h2 {
        font-size: 28px;
        line-height: 36px;
   }
}
@media screen and (max-width: 767px) {
    .bts2020__method h2 {
        font-size: 26px;
        line-height: 34px;
   }
}
.bts2020__method__space {
    padding: 0 10px;
}
@media screen and (max-width: 767px) {
    .bts2020__method__space {
        padding: 0 5px;
   }
}
.bts2020__method__item {
    -moz-border-image: url("/images/back-to-school-2020/8.png") 0 / 1px stretch;
    -webkit-border-image: url("/images/back-to-school-2020/8.png") 0 / 1px stretch;
    -o-border-image: url("/images/back-to-school-2020/8.png") 0 / 1px stretch;
    padding: 50px 30px 30px 30px;
}
.bts2020__method__item__title {
    font-weight: bold;
    font-size: 24px;
    line-height: 38px;
    color: #f86161;
}
.bts2020__method__item hr {
    border-bottom: 3px dashed rgba(248, 97, 97, .6);
    margin-top: 5px;
    width: 60%;
    margin-bottom: 15px;
}
.bts2020__method__item p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #2399d4;
    margin-bottom: 5px;
}
.bts2020__method__item p:last-child {
    margin-bottom: 0;
}
.bts2020__events {
    padding: 100px 0;
    position: relative;
}
@media screen and (max-width: 767px) {
    .bts2020__events {
        padding: 50px 0;
   }
}
.bts2020__events h2 {
    color: #f86161;
}
@media screen and (max-width: 991px) {
    .bts2020__events h2 {
        font-size: 32px;
        line-height: 38px;
   }
}
@media screen and (max-width: 767px) {
    .bts2020__events h2 {
        font-size: 25px;
        line-height: 32px;
   }
}
.bts2020__events__gradient-left {
    position: absolute;
    left: 0;
    bottom: 10%;
    z-index: -1;
    max-height: 500px;
}
.bts2020__events__gradient-right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    max-height: 700px;
}
.bts2020__events__programs__top {
    border: 3px dashed #009ee1;
    border-radius: 10px;
    padding: 30px 15px;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.02em;
    color: #2399d4;
}
@media screen and (max-width: 991px) {
    .bts2020__events__programs__top {
        font-size: 20px;
        line-height: 24px;
   }
}
.bts2020__events__programs__bottom {
    background: #cef4ff;
    padding: 20px 15px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #2399d4;
}
.bts2020__events__holder {
    position: relative;
}
.bts2020__events__holder__line {
    position: absolute;
    max-height: 400px;
    left: -50px;
}
.bts2020__events__holder__letter {
    position: absolute;
    right: 0;
    max-width: 100px;
}
.bts2020__events__item__title {
    background: #cef4ff;
    border-radius: 10px;
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    color: #2399d4;
    padding: 8px 40px 8px 50px;
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .bts2020__events__item__title {
        padding: 8px 20px;
        font-size: 20px;
        line-height: 26px;
        width: 100%;
   }
}
.bts2020__events__item__des p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #2399d4;
    margin-bottom: 10px;
}
.bts2020__events__item__des p:last-child {
    margin-bottom: 0;
}
.bts2020__form {
    padding: 70px 0;
    background: #41a5cd;
    position: relative;
    margin-top: 122px;
}
@media screen and (max-width: 991px) {
    .bts2020__form {
        padding: 50px 0;
   }
}
.bts2020__form__bag {
    position: absolute;
    top: -180px;
    left: 100px;
    z-index: 0;
}
.bts2020__form__bg {
    background-repeat: repeat-x;
    background-size: cover;
    height: 122px;
    width: 100%;
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 0;
}
.bts2020__form--top {
    background: #c8ecf6;
    margin-top: 0;
    margin-bottom: 122px;
    padding-bottom: 40px;
}
.bts2020__form--top .bts2020__form__bg {
    background-position: bottom;
    top: inherit;
    bottom: -121px;
}
.bts2020__form--top h2, .bts2020__form--top h3 {
    color: #2399d4 !important;
}
.bts2020__form h2 {
    color: #fff;
}
@media screen and (max-width: 767px) {
    .bts2020__form h2 {
        font-size: 28px;
        line-height: 32px;
   }
}
.bts2020__form h3 {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
}
@media screen and (max-width: 767px) {
    .bts2020__form h3 {
        font-size: 20px;
        line-height: 26px;
   }
}
.bts2020__form form input {
    height: 50px;
    color: #41a5cd;
    font-size: 20px;
}
.bts2020__form form ::-webkit-input-placeholder {
   /* Edge */
    color: #41a5cd;
}
.bts2020__form form :-ms-input-placeholder {
   /* Internet Explorer 10-11 */
    color: #41a5cd;
}
.bts2020__form form ::placeholder {
    color: #41a5cd;
}
.bts2020__form form .btn-danger {
    border: 1px solid #fff;
    border-radius: 3px;
}