/* building */
.BGwhite {background-color:white;}
.B0 {border:none!important;}
.BT0 {border-top:none;}
.BR0 {border-right:none;}
.BB0 {border-bottom:none;}
.BL0 {border-left:none;}
.clearFloat {clear:both; height:0; font-size:1px; line-height:0;}
.clear {clear:both!important;}
.el {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.H50 {height:50px;}
.H100 {height:100px;}
.H200 {height:200px;}
.H300 {height:300px;}
.H400 {height:400px;}
.H500 {height:500px;}
.left {float:left;}
img.left {margin:0 1.5em 1em 0;}
.LH1 {line-height:1em;}
.LH15 {line-height:1.5em;}
.LH2 {line-height:2em;}
.LH-auto {line-height:auto;}
.list {clear:both;}
.list,.list input,.list textarea,.list select {margin-top:-.5em;}
.M0 {margin:0!important;}
.M1 {margin:1em!important;}
.MT5 {margin-top:.5em!important;}
.MT0 {margin-top:0!important;}
.MT1 {margin-top:1em!important;}
.MT2 {margin-top:2em!important;}
.MT3 {margin-top:3em!important;}
.MT-5 {margin-top:-.5em;}
.MT-1 {margin-top:-1em;}
.MT-2 {margin-top:-2em;}
.MR5 {margin-right:.5em;}
.MR0 {margin-right:0!important;}
.MR1 {margin-right:1em;}
.MR2 {margin-right:2em;}
.MR3 {margin-right:3em;}
.MR-5 {margin-right:-.5em;}
.MR-1 {margin-right:-1em;}
.MR-2 {margin-right:-2em;}
.MB5 {margin-bottom:.5em;}
.MB0 {margin-bottom:0!important;}
.MB1 {margin-bottom:1em!important;}
.MB2 {margin-bottom:2em!important;}
.MB3 {margin-bottom:3em!important;}
.MB-5 {margin-bottom:-.5em;}
.MB-1 {margin-bottom:-1em;}
.MB-2 {margin-bottom:-2em;}
.ML5 {margin-left:.5em!important;}
.ML0 {margin-left:0!important;}
.ML1 {margin-left:1em;}
.ML2 {margin-left:2em;}
.ML3 {margin-left:3em;}
.ML4 {margin-left:4em;}
.ML-5 {margin-left:-.5em;}
.ML-1 {margin-left:-1em;}
.ML-2 {margin-left:-2em;}
.noClear {clear:none!important;}
.noShadowB {box-shadow:none!important;}
.noWrap {white-space:nowrap!important; overflow:visible;}
.P0 {padding:0!important;}
.P1 {padding:1em!important;}
.P2 {padding:2em!important;}
.P5 {padding:.5em!important;}
.PT0 {padding-top:0!important;}
.PT1 {padding-top:1em!important;}
.PT2 {padding-top:2em!important;}
.PT3 {padding-top:3em!important;}
.PT4 {padding-top:4em!important;}
.PT5 {padding-top:.5em!important;}
.PR0 {padding-right:0;}
.PR5 {padding-right:.5em;}
.PR1 {padding-right:1em;}
.PR2 {padding-right:2em;}
.PR3 {padding-right:3em;}
.PB0 {padding-bottom:0!important;}
.PB5 {padding-bottom:.5em!important;}
.PB1 {padding-bottom:1em!important;}
.PB2 {padding-bottom:2em!important;}
.PB3 {padding-bottom:3em!important;}
.PB4 {padding-bottom:4em!important;}
.PL0 {padding-left:0;}
.PL5 {padding-left:.5em;}
.PL1 {padding-left:1em;}
.PL2 {padding-left:2em;}
.PL3 {padding-left:3em;}
.PL4 {padding-left:4em;}
.PL6 {padding-left:6em;}

/* Text Styles */
.font-weight-light {font-weight: 200!important;}
.font-weight-normal {font-weight: 400!important;}
.font-weight-bold {font-weight: 600!important;}

.hide,.mobileShow,.printShow {display:none;}
.right {float:right;}
img.right {margin:0 0 1em 1.5em;}
.round {border-radius:10px;}
.shadowB {box-shadow:1px 1px 0 #CCC;}
.shadowBW {box-shadow:1px 1px 0 #FFF;}
.show {display:block;}
.spacer {padding:0 .6em;}
.TAC, .text-center {text-align:center;}
.TAL, .text-left {text-align:left;}
.TAR, .text-right {text-align:right;}
.TGB {text-shadow:0 0 5px #CCC,0 0 5px #CCC,0 0 5px #CCC,0 0 5px #CCC;}
.TGW {text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF;}
.TTU {text-transform:uppercase;}
.W50 {width:50px;}
.W100 {width:100px;}
.W150 {width:150px;}
.W200 {width:200px;}
.W300 {width:300px;}
.W400 {width:400px;}
.W500 {width:500px;}
.W100P {width:100%;}
.WA {width:auto!important;}
/* Font Colors */
.white {color: #FFF;}
.red {color: #f84e57;}
.blue {color: #00a3af;}
.gray1,.disabled,.dis {color:#CCC;}

.shadowBigB {
    box-shadow: 2px 2px 40px 8px #999;
}

.ROCKSTAR {
    font:bold 3em/1.2 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:rgba(255,255,255, 0.95);
    text-align:center;
    letter-spacing:3px;
    text-shadow: 5px 2px 14px rgba(0,0,0, 1);
    text-transform:uppercase;
    -webkit-text-stroke:2px #873A8C;
}

.brandMapImage {
    height: 400px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width:768px) {
    .brandLocationSearchCard {
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: right -100px center;
        background-size: cover;
    }

    .brandLocationRegisterCard {
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: top left;
        background-size: 75% 32%;
        margin-top:-42em;
    }
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}
.borderButton {
    border: 1px solid white;
}