@import url("https://d2cstorage-a.akamaihd.net/fonts/texgyreheros-regular/style.css");
html body {
    background: url(../images/custom/page-bg-desktop.jpg) repeat-y;
    background-size: 100% auto;
    font-family:'tex_gyre_herosregular', Arial;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    font-family: 'tex_gyre_herosregular', Arial;
}
.header-section .left-wrap, .header-section .right-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.header-badge, .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.header-section {
    font-size: 0;
    position: relative;
}
.primary-footer {
  color: atl-color('white');
  background-color: transparent;
  font-size: atl-font-size('small');

  @include media-breakpoint-up(md) {
    text-align: left;
  }

  .footer-link {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    margin: 0 atl-spacing('xsmall');
  }
}

footer.footer-wrap {
    margin-bottom: 20px;
}

button{
    cursor: pointer;
    box-sizing: content-box;
}
.legal {
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    text-align: center;
    font-family: 'tex_gyre_herosregular', Arial;
}

.footer-links a {
    -webkit-appearance: none;
    text-decoration: none;
    color: rgba(0,0,0,0.8);
}

.footer-links {
    display: inline-block;
    padding-left: 10px;
}
a {
    color: inherit;
    -webkit-appearance: none;
    text-decoration: none;
}

ul.footer-social {
    padding: 0;
    margin: 0;
    list-style-type: inherit;
    text-align: center;
}
.footer-socials {
  display: block;
  vertical-align: middle;
  margin-bottom:12px;
  text-align: center;
  margin: 20px auto;
  margin-bottom: 30px;
}

.footer-socials li {
  display: inline-block;
  margin-right: 40px;
  font-size: 24px;
}
.footer-socials li a {
  /* width: 30px; */
  /* height: 30px; */
  display: inline-block;
  color:#000;
      color: #a2a2a2;
}


.footer-socials li:last-child {
  margin-right: 0;
}
.footer-socials li a:hover{
    opacity: 0.5;
}
.footer-socials li:last-child {
  margin-right: 0;
}

br.mobile {
    display: none;
}

.footer-socials a:hover, .footer-links a:hover {
    opacity: 0.5;
}
.custom-control-input:checked ~ .custom-control-label::before {
    box-shadow: none;
   
}
.custom-control-label::before{
    border: 1px solid #000;
}
.custom-control-input:focus ~ .custom-control-label::before, .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before{
    color:#fff;
    background-color:#fff;
    border-color: #000;
    border:1px solid #000;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #000;
  }
.custom-control-label::after {
    left: -21px;
    top: 2px;
    font-weight: bold;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    content: '\2713';
}
button.btn {
    box-shadow: none;
}
.dropdown-menu.show {
    border-radius: 5px;
    width: 300px;
}

.forDesk{
	display: block;
}
.forMobile,.mobileBr{
	display: none;
}

@media only screen and (max-width:767px){
	 .header-section .left-wrap, .header-section .right-wrap{
    	width:100%;
    	display:block;
  }
  .header-section .left-wrap {
    	margin-bottom: calc(100vh/2 - 100vw/1.2 - 100vh/10);
	}
	.header-badge, .video-play {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}
	 .footer-socials li {
    	display: inline-block;
   	 	margin-right: 20px;
    	font-size: 20px;
	}
	.forDesk{
		display: none;
	}
	.forMobile{
		display: block;
	}
	label.global-list {
    	max-width: 95%;
    	margin: 0 auto;
    	display: block;
	}
	input:checked + label:after, input:checked + label + label:after{
		left: 15px;
	}
	.mobileBr{
	display: inline;
}
.thankyouMessage br.mobileBr{
	display: inline;
}
.followOnSpotify, .mlistSignUp {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    max-width: 130px;
    width: 100%;
}
.mlist-outer-wrapper .purchase-text {
    padding-top: 20px;
}
.legal,.footer-links a {
    font-size: 14px;
}
.mlist-checks{
	max-width: 370px;
}
.legal-copyright{
	display: block;
}
.footer-links {
    padding-left: 0px;
}
.mlist-checks input{
	top: -5px;
	left:9px;
}
}
input::placeholder{
	color: #000;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #000;
}

input::-ms-input-placeholder { /* Microsoft Edge */
 color: #000;
}
.musci-header a:hover{
	opacity: 0.6;
	color: #000;
	
}
@media screen and (device-aspect-ratio: 40/71) {
	input:checked + label:after, input:checked + label + label:after{
		left: 15px;
	}
	.agree-text,
  .purchase-text {
        max-width: 92%;
  }
}
@media screen and (device-aspect-ratio: 71/40) {
	.header-section .left-wrap {
    		margin-bottom: 0px;
	} 
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

	.header-section .left-wrap {
    		margin-bottom: 0px;
	}    	
    	
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    transition: background-color 5500s ease-in-out 0s;
}

@keyframes autofill {
    100% {
        background: transparent !important;
        color: inherit;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent !important; 
        color: inherit;
    }
}

@media only screen and (max-width:767px) and (orientation: landscape){
	.header-badge{
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
}

}
@media screen and (device-aspect-ratio: 3/4) {
	.firstForm.sweepsWrapper,.secondForm.sweepsWrapper{
	    min-height: calc(100vh - 495px);
}
div#spotifyLightBox{
	    min-height: calc(100vh - 545px);
}
div#mlistLightBox form{
	    min-height: calc(100vh - 450px);s
}
}

body { -webkit-text-size-adjust: 100%; }