@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
/******************************* VARIABLES *******************************/

:root {
    /* COLORS */


    --color-primary-black: #1E1E1E; /* BLACK */
    --color-primary-dark-grey: #707070; /* DARK GREY */
    --color-secondary-grey: #BFBFBF; /* GREY */
    --color-secondary-light-grey: #F6F6F6; /* LIGHT GREY */
    --color-light: #FFFFFF; /* WHITE */
    --color-accent: #428bca; /* RED */
}

.divSection.buyOptions.row div.row:nth-child(2) {
    margin-left: 30px !important
}

.home .col-md-12.ng_cloak.k_ng_cloak.columns h5:has(p) {
    padding-top: 80px;
    position: relative;
    z-index: -1
}

div.col-md-12:has(#divBuySummary), div.col-md-12.ng_cloak.k_ng_cloak.columns:has(.buyOptions) {
    padding-right: 7px
}

.col-md-12.ng-pristine.ng-untouched.ng-valid{
    position:relative
}

.col-md-12.ng-pristine.ng-untouched.ng-valid .col-md-3,
.col-md-12.ng-pristine.ng-untouched.ng-valid .col-md-offset-6.col-md-3 {
    width: 100%
}

.btn:has(span.glyphicon-chevron-left){
    position:relative;
    z-index:1
}

.col-md-12.ng-pristine.ng-untouched.ng-valid .row:first-of-type .btn {
    display: none
}
    .col-md-12.ng-pristine.ng-untouched.ng-valid:first-of-type .btn:has(span.glyphicon-chevron-left):nth-child(odd) {
        display: initial;
        position: absolute;
        left: 0;
        bottom: 25px;
        z-index: 1
    }
    .col-md-12.ng-pristine.ng-untouched.ng-valid .row:first-of-type .btn:has(span.glyphicon-chevron-left):nth-child(even) {
        display: none
    }

    .col-md-12.ng-pristine.ng-untouched.ng-valid .row:last-of-type .btn:not(:has(span.glyphicon-chevron-left)) {
        z-index: 1;
        right: 0;
        position: absolute;
        bottom: 0;
    }



@media(max-width:768px) {
    .col-md-12.ng-pristine.ng-untouched.ng-valid .row:last-of-type .btn:not(:has(span.glyphicon-chevron-left)) {
        bottom: -40px;
    }

    .col-md-12.ng-pristine.ng-untouched.ng-valid .btn:has(span.glyphicon-chevron-left):nth-child(odd) {
        position:relative;
        bottom: -40px;
        left: unset;
        z-index:1
            
    }

}

@media (max-width: 390px) {
    .col-md-12.ng-pristine.ng-untouched.ng-valid .row:last-of-type .btn:not(:has(span.glyphicon-chevron-left)) {
        bottom: -95px;
        right: unset;
        max-width:167px
    }
}