/*
$boostrap-sm: 576px;
$boostrap-md: 768px;
$boostrap-lg: 992px;
$boostrap-xl: 1200px;
*/

/*Bootstrap Classes*/
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > .col,
.row.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* NOTICE TEXT 1 */

.notice-text-1 {
    width: 400px;
    max-width: 33%;
    min-width: 300px;
    text-align: justify;
    padding: 10px;
    position: relative;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .notice-text-1 {
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .notice-text-1 {
        width: 100%;
        max-width: 100%;
    }
}

.notice-text-1.align-left {
    float: left;
    margin-right: 20px;
}

.notice-text-1.align-right {
    float: right;
    margin-left: 20px;
}

.notice-text-1 .content-holder-notice {
    color: #FFFFFF;
    padding: 10px;
    position: relative;
}

.notice-text-1 .top-left {
    top: 0;
    left: 0;
}

.notice-text-1 .bottom-right {
    bottom: 0;
    right: 0;
}

.notice-text-1 .border-holder {
    position: absolute;
}

/* NOTICE TEXT 1 - Version 1 */

.notice-text-1.version1 .border-holder {
    height: 100px;
    width: 100px;
    max-width: 30%;
    max-height: 30%;
}

/* NOTICE TEXT 1 - Version 2 */

.notice-text-1.version2 {
    padding: 10px 0;
}

.notice-text-1.version2 .border-holder {
    width: 50%;
    max-width: 50%;
}

/* NOTICE TEXT 1 - Version 3 */

.notice-text-1.version3 {
    padding: 0 10px;
}

.notice-text-1.version3 .border-holder {
    height: 50%;
    max-width: 50%;
}

/* NOTICE TEXT 1 - Version 4 */
/* NOTICE TEXT 1 - Version 5 */

.notice-text-1.version4,
.notice-text-1.version5 {
    padding: 0 10px;
}

.notice-text-1.version4 .content-holder-notice,
.notice-text-1.version5 .content-holder-notice {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.notice-text-1.version4 .border-holder,
.notice-text-1.version5 .border-holder {
    width: 50%;
    max-width: 50%;
}

.notice-text-1.version4 .top-left,
.notice-text-1.version5 .top-left {
    top: 10px;
    border-top: 4px solid white;
}

.notice-text-1.version4 .bottom-right,
.notice-text-1.version5 .bottom-right {
    bottom: 10px;
    border-top: 4px solid white;
}

/* NOTICE TEXT 1 - Version 5 */

.notice-text-1.version5 .border-holder {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

/* NOTICE TEXT 2 */

.notice-text-2 {
    width: 400px;
    max-width: 33%;
    min-width: 300px;
    text-align: justify;
    position: relative;
}

@media (max-width: 768px) {
    .notice-text-2 {
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .notice-text-2 {
        width: 100%;
        max-width: 100%;
    }
}

.notice-text-2 .content-holder-notice {
    color: #ffffff;
}

.notice-text-2 .border-round {
    position: absolute;
    text-align: center;
    width: 60px;
    border: 5px solid #ffffff;
    border-radius: 40px;
    top: 50%;
    margin-top: -30px;
}

.notice-text-2 .border-round i {
    font-size: 30px;
    line-height: 50px;
}

.notice-text-2.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.notice-text-2.align-left .content-holder-notice {
    padding: 15px 15px 15px 40px;
}

@media (max-width: 768px) {
    .notice-text-2.align-left .content-holder-notice {
        padding: 15px 15px 15px 60px;
    }
}

.notice-text-2.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.notice-text-2.align-right .content-holder-notice {
    padding: 15px 40px 15px 15px;
}

@media (max-width: 768px) {
    .notice-text-2.align-right .content-holder-notice {
        padding: 15px 60px 15px 15px;
    }
}

/* NOTICE TEXT 2  - Version 1 */

.notice-text-2.align-left.version2 {
    margin-right: 35px;
}

.notice-text-2.align-right.version2 {
    margin-left: 35px;
}

.notice-text-2.align-left.version2 .content-holder-notice {
    padding: 15px 40px 15px 15px;
}

@media (max-width: 768px) {
    .notice-text-2.align-left.version2 {
        margin-right: 20px;
    }

    .notice-text-2.align-left.version2 .content-holder-notice {
        padding: 15px 60px 15px 15px;
    }
}

.notice-text-2.align-right.version2 .content-holder-notice {
    padding: 15px 15px 15px 40px;
}

@media (max-width: 768px) {
    .notice-text-2.align-right.version2 {
        margin-left: 20px;
    }

    .notice-text-2.align-right.version2 .content-holder-notice {
        padding: 15px 15px 15px 60px;
    }
}

.notice-text-2.align-left.version1 .border-round {
    left: -30px;
}

@media (max-width: 768px) {
    .notice-text-2.align-left.version1 .border-round {
        left: -10px;
    }
}

.notice-text-2.align-right.version1 .border-round {
    right: -30px;
}

@media (max-width: 768px) {
    .notice-text-2.align-right.version1 .border-round {
        right: -10px;
    }
}

/* NOTICE TEXT 2  - Version 2 */

.notice-text-2.align-left.version2 .border-round {
    right: -30px;
}

@media (max-width: 768px) {
    .notice-text-2.align-left.version2 .border-round {
        right: -10px;
    }
}

.notice-text-2.align-right.version2 .border-round {
    left: -30px;
}

@media (max-width: 768px) {
    .notice-text-2.align-right.version2 .border-round {
        left: -10px;
    }
}

/* NOTICE TEXT 2  - Version 3 */

.notice-text-2.version3 {
    margin-top: 30px;
}

.notice-text-2.version3 .border-round {
    left: 50%;
    margin-left: -30px;
    top:0;
}

.notice-text-2.version3 .content-holder-notice {
    padding: 30px 15px 15px 15px;
}

/* NOTICE TEXT 2  - Version 4 */

.notice-text-2.version4 .border-round {
    left: 50%;
    margin-left: -20px;
    top: 40px;
    width: 40px;
}

.notice-text-2.version4 .border-round i {
    font-size: 20px;
    line-height: 30px;
}

.notice-text-2.version4 .content-holder-notice {
    padding: 55px 15px 15px 15px;
}

/* NOTICE TEXT 2  - Version 5 */

.notice-text-2.version5 {
    margin-top: 18px;
}

.notice-text-2.align-left.version5 {
    margin-right: 15px;
}

.notice-text-2.align-right.version5 {
    margin-left: 15px;
}

.notice-text-2.align-left.version5 .border-round {
    right: -20px;
    top: 10px;
    width: 40px;
}

.notice-text-2.align-right.version5 .border-round {
    left: -20px;
    top: 10px;
    width: 40px;
}

@media (max-width: 576px) {
    .notice-text-2.align-left.version5 .border-round {
        right: 15px;
    }
    .notice-text-2.align-right.version5 .border-round {
        left: 15px;
    }
}

.notice-text-2.version5 .border-round i {
    font-size: 20px;
    line-height: 30px;
}

.notice-text-2.version5 .content-holder-notice {
    padding: 15px 15px 15px 15px;
}

@media (max-width: 576px) {
    .notice-text-2.version5 .content-holder-notice {
        padding: 15px 15px 15px 15px;
    }
}

/* NOTICE TEXT 3 */

.notice-text-3 {
    width: 400px;
    max-width: 33%;
    min-width: 300px;
    text-align: justify;
    position: relative;
}

@media (max-width: 768px) {
    .notice-text-3 {
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .notice-text-3 {
        width: 100%;
        max-width: 100%;
    }
}

.notice-text-3.align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.notice-text-3.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.notice-text-3 .content-holder-notice {
    padding: 15px;
}

.notice-text-3 .notice-text-3-title {
    color: #ffffff;
    padding-left: 15px;
    background: green;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* NOTICE TEXT 3  - Version 2 */

.notice-text-3.version2 .notice-text-3-title,
.notice-text-3.version4 .notice-text-3-title {
    display: inline;
}

/* NOTICE TEXT 3  - Version 3 */

.notice-text-3.version3,
.notice-text-3.version4 {
    text-align: center;
}


/* CASINO CARD */

.casino-sc-card {
    margin-bottom: 20px;
}

.casino-sc-card .top-part-offer {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.casino-sc-card .bottom-part-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.casino-sc-card .affiliation-link {
    text-align: center;
    display: block;
}

.casino-sc-card .ccs-offer {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.casino-sc-card p.bonus-code {
    margin-bottom: 5px;
}

.casino-sc-card p.bonus-code span {
    font-weight: bold;
    font-size: 1.1rem;
}
.casino-sc-card .btn {
    width: 100%;
}

@media (max-width: 576px) {
    .row .casino-sc-card {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* CASINO ROW */
.casino-offer-sc-row {
    margin-bottom: 20px;
}

.ast-row .ast-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.row.casino-offer-sc-row {
    margin-left: 15px;
    margin-right: 15px;
}

.casino-offer-sc-row .top-part-offer > .row {
    padding-bottom: 10px;
    padding-top: 10px;
}

.casino-offer-sc-row .top-part-offer > .row .row {
    height: 100%;
}

.casino-offer-sc-row .bottom-part-info > .row {
    padding-top: 20px;
    padding-bottom: 10px;
}
.casino-offer-sc-row .bottom-part-info p.bonus-code {
    margin-bottom: 5px;
}

.casino-offer-sc-row .bottom-part-info .bonus-code span {
    font-weight: bold;
    font-size: 1.1rem;
}
.casino-offer-sc-row .bottom-part-info .extra-msg {
    margin-bottom: 20px;
}

.casino-offer-sc-row .bottom-part-info .btn {
    width: 100%;
    max-width: 400px;
}

.ast-row.casino-offer-sc-row {
    margin-left: 0;
    margin-right: 0;
}

.casino-offer-sc-row .align-self-center .button {
    min-width: 250px;
    text-align: center;
    font-size: 16px;
}

.casino-offer-sc-row .top-part-offer h2 {
    margin-bottom: 0;
}

@media (max-width: 576px) {
    .casino-offer-sc-row .top-part-offer img {
        max-width: 200px;
    }
    .casino-offer-sc-row .top-part-offer > .row {
        text-align: center;
    }
    .casino-offer-sc-row .top-part-offer .ccs-offer {
        padding-top: 10px;
    }
    .casino-offer-sc-row .top-part-offer, .casino-offer-sc-row .bottom-part-info .align-self-center {
        text-align: center;
    }



}
/*
.casino-cta {
    text-align: center;
}
.casino-cta .btn-orange {
        position: relative;
        bottom: auto;
    }
.casino-cta h5 {
        margin-bottom: 0;
        font-family: $font-roboto;
        color: $color-white;
        font-weight: 700;
        text-align: center;
    }
.casino-cta h3 {
        margin-bottom: 0;
        font-weight: 700;
    }
.casino-cta p.bonus-code {
    @include font-size(1.1);
}
.casino-cta p.bonus-code span {
    font-weight: 700;
    color: $color-orange;
}

.casino-cta .btn-orange {
        position: relative;
        right: auto;
        text-decoration: none;

    }
.casino-cta .btn-orange:hover {
        text-decoration: none;
    }*/