/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 Nov, 2021, 11:38:03 AM
    Author     : Arun
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&family=Poppins:ital,wght@0,400;0,500;0,700;1,400&display=swap');
*{box-sizing:border-box;}
*:before, *:after{box-sizing:border-box;}
.mb-25{margin-bottom:28px;}
.eq-padd{padding:35px 30px;}
.bg-white{background:#fff; border-radius:15px;}
.layla-container{max-width:100%; padding:0px 15px;}
.layla-row{margin:0px -15px; display:flex; flex-wrap:wrap;}
.layla-7{width:62%; padding:0px 15px;}
.layla-5{width:38%; padding:0px 15px;}
.layla-6{width:50%; padding:0px 15px;}
img{display:block; max-width:100%;}
p{line-height:1.62;}
body{background:#e0e2e2; font-family: 'Poppins', sans-serif; /*'Open Sans', sans-serif;*/ font-size:18px; color:#2e2e2e; line-height:1.2; margin:0px; padding:0px;}
.layla-wrapper{padding:60px; max-width: 1350px; margin: auto;}
.layla-logo{background:#40434C; display:flex; flex-wrap:wrap;align-items: center; border-radius:20px 15px 15px 20px;}
.logo-text{margin-left:auto; padding-right:35px;width: 42%;}
.logo { width: 140px;}
.logo img{border-radius:15px 0px 0px 15px;}
.layla-h2{font-family: 'Poppins', sans-serif; font-size: 35px; margin:0px; font-weight: 500;letter-spacing: -1px; word-spacing: -2px; color: #fff;}
.mattress-text p{line-height: 1.62; margin-top: 8px; padding-left: 0px; margin-bottom:0px; color:#fff;}
.mattress-text h2{margin-top: -7px;margin-left: -4px;}
.win-mattress .layla-7{padding:0px 15px 0px 35px;}
.grey-bg{background:#41424b;}
/**collage mattress**/
.collage-mattress .layla-7{width:56%;}
.collage-mattress .layla-5{width:44%;}
h2.layla-h2-small {font-weight: 500; margin-top: 10px; letter-spacing: -.5px;margin-bottom: 0px;}
.layla-h2-small + p{margin-top:10px; margin-bottom:10px;letter-spacing: -.4px;}
.collage-mattress .layla-7 .layla-row{margin-right:0px;}
.win-mattress img{border-radius: 15px;}
/*****enter mattress****/
.layla-4{width:25%; padding:0px 15px;}
.layla-8{width:75%; padding:0px 15px;}
/*.enter-mattress .layla-row{align-items:center;}*/
/*.enter-text {padding-left: 15px;}*/
.enter-images{margin-bottom:25px;}
.enter-text h2.layla-h2-small{margin-top:-2px;}
.enter-text .layla-h2-small + p {margin-top: 2px; margin-bottom: 5px; letter-spacing: -.9px; line-height: 1.4;font-size: 18px;}
.enter-mattress ul{padding-left:0px;margin:20px 0px 0px 0px; list-style: none;}
.enter-mattress li{position:relative;  padding-left:10px; line-height:1.8;}
.enter-left p{max-width:450px;}
.enter-mattress li a{color:inherit;}
.enter-mattress li:before {position:absolute; left:0px; top:0px;
    content:".";
    font-size:30px;
    vertical-align:middle;
    line-height:18px;
}
/****writer****/
.song-writer .layla-7{width:54%; padding-right:0px;}
.song-writer .layla-5{width:46%; padding-left:0px;}
.writer-box{display:flex; flex-wrap: wrap; align-items: flex-end;   padding-top: 30px;padding-bottom:20px;}
.write-left{width:50%;padding:0px 5px 0px 15px;}
.write-right{width:50%;padding:0px 10px 0px 10px;}
.writer-box h2{padding:0px 15px; word-spacing: 3px; line-height: 1.5; margin-top: -2px; margin-bottom:5px;}
.writer-box .write-left p{ letter-spacing: -.4px; margin-top: 8px; margin-bottom:0px; font-size: 14px; line-height: 1.62;}
.writer-box .write-left p.address {margin-top: 35px; font-size: 16px; font-weight: 500;color: #505050;margin-bottom:0px;}
.write-right p{font-size: 11px; text-align: center; margin-top: 4px; margin-left: 0px; margin-bottom: 0px;}
.write-right img {max-width: 180px; margin: auto;}
.writer-text{padding-left:35px;}
.writer-text h2.layla-h2-small {margin-top: -2px; letter-spacing: -.5px; margin-bottom: 0px;}
.writer-text h2.layla-h2-small  + p {margin-top: 8px; margin-bottom: 0px; letter-spacing: -.5px; font-size: 15px; line-height: 1.78; margin-left: 1px;}
.song-writer .layla-row > div > div{height:100%;}
/****navy***/
.navy-row{margin-top:35px;}
.navy-row .layla-4 a{display:block;height:180px; border-radius:15px;overflow:hidden;}
.navy-row .layla-4 img{width:100%; height:180px; object-fit:cover;}
.layla-enter img {border-radius: 20px;}

/***upload***/
.upload_photo{padding-top:60px; padding-bottom:60px; color:#fff;}
.upload_photo .layla-h2-small{margin-bottom:20px; margin-top:0px;}
.upload-text{padding-left:0px;}
.upload-text ul{padding-left:0px; padding-top:20px; padding-bottom:35px;}
.layla-upload img{border-radius: 20px;}
.form-site .input-field [type="text"], .form-site .input-field textarea{font-family: 'Open Sans',sans-serif;font-size:14px;height: 45px;border-radius: 6px; background: #fff;    width: 100%; margin-right: 12px; padding: 0px 12px;    border: 1px solid #2d2e2e;}
.form-site .input-field textarea{margin-right:0px;height:150px;padding-top:10px; padding-bottom:10px;}
.form-site .form-box{margin-bottom:30px;}
.max-reach{display:block; font-weight:400; font-size:12px; margin-top:20px;line-height: 1.7;}
.form-send-button [type="submit"]{cursor: pointer;
    background: #f2bf50;
    padding: 0px 50px;height:40px;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    border: 0px;
    border-radius: 4px;}
.custom-file-input {
  color: transparent; width:100%;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  content: attr(data-value);     font-family: 'Open Sans',sans-serif;
  color: black;
  display: inline-block;
  background: #fff;
  border: 1px solid #2d2e2e;
  border-radius: 6px;
  padding: 0px 12px; height:45px; line-height: 45px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;

  font-weight: 400;width:100%;
 
}

.form-site{font-family: 'Open Sans',sans-serif;}
/*****audio*****/
.audio-wrapper .layla-h2-small{line-height: 1.5;}
.audio-wrap span{display:block; color:#fff; font-size:10px;}
.audio-wrap .signin-box {padding: 20px 50px;}
.audio-wrap audio{width:100%; margin-top:10px;}

/******footer*****/
.layla-logo-footer .logo-text{margin:0px auto 0px 0px; padding-left:40px;}
.layla-logo-footer a{color:#fff; white-space: nowrap;text-decoration: none; letter-spacing: 1.3px; margin-left: 5px;}
.layla-logo-footer{border-radius: 15px 20px 20px 15px;}
.sleep-text{color:#fff; padding-right: 25px; font-style: italic; letter-spacing: -.7px;}
.layla-logo-footer .logo img{border-radius: 0px 15px 15px 0px;}
/**new**/
/*.toggle_wrapper{display:none;}*/
.show-toggle_wrapper{display:block;}
.signin-box { padding:35px 50px; background: #41424b;  border-radius: 15px;}
.signin-box h2.layla-h2-small{color:#fff;margin:0px;}
.kl_email{width:100%; margin-right:12px;}
span.err_span {color: #ff0000;font-weight: 400; font-size: 11px;display: block; margin-top: 3px;}
.email{height:45px; border-radius: 4px; background:#fff; width:100%; margin-right:0px; padding:0px 12px; border:0px;}
.email-box{margin-top:20px; display:flex;}
.email-submit{cursor:pointer;background:#f2bf50; height:45px; padding:0px 50px; font-weight:600; color:#1a1a1a; text-transform: uppercase; border:0px; border-radius:4px;}
.signin-wrap h3{color:#41424b; font-size:9px; font-weight:600; margin:0px; line-height: 1.4; padding:15px 30px 0px;}
.signin-wrap{width: 90%; margin-left: auto;}
/*****footer*****/
.footer-container {border-bottom: 20px solid #f74a22;}
.newsletter-container {padding: 50px 15px 50px;display:none;}
.email2{height:45px; border-radius: 4px; background:#fff; width:100%; margin-right:12px; padding:0px 12px; border:0px;}
.email-submit2{cursor:pointer;background:#65636e; padding:0px 50px; font-weight:600; color:#d2d0db; border:0px; border-radius:4px;}
.footer_signup{display:flex; align-items: center;}
.footer_mailbox{width:100%; margin:0px 0px 0px 80px;}
.footer_signup h3{color:#d2d0db; font-weight:400; font-size:28px; white-space:nowrap;margin:0px;}
/***meet musician***/
.layla-12{padding:0px 15px;    width: 100%;}
/***footer links****/
.footer-link{padding:30px 30px 0px;}
.footer-link h3{color: #d2d0db; font-size: 22px; font-weight: 500; width: 100%; border-bottom: 2px solid #7c7b85; margin: 0px 0px 20px 0px;padding-bottom: 10px;}
.footer-link ul{list-style: none; padding:0px; margin:0px;}
.footer-link li a{color:#d2d0db;font-weight:400; font-size:16px; text-decoration: none;}
.footer-link li {margin-bottom:10px;}
.footer-link  .layla-4{padding:0px;}
.contact-footer {margin-bottom: 15px;font-size: 15px;color: #fff;display: -ms-flexbox;display: flex;display: -webkit-flex;-ms-flex-align: baseline;align-items: baseline;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.contact-footer i {margin-right: 3px;}
.contact-footer p{margin:0px;}
.pay-card p { margin-bottom: 0;  width: calc(100% - 40px);position: relative;top: -8px;}
.footer-link a{color: #d2d0db; text-decoration:none;}
.contact-footer span{display:block;margin-top:6px;}
.contact-footer address{font-style:normal;line-height: 1.8;}
.copy-right{margin-top:25px; color: #d2d0db; line-height:1.8; font-size:15px; padding:0px 15px;}
.copy-right a{color: #d2d0db; text-decoration:none;}
.owl-singer{margin-top:25px;}
.owl-singer .item h2{font-size:18px; font-weight:500;}
.owl-singer .item h2 span{font-size:12px; font-weight:500; margin-top:4px;display:block;}
.owl-singer .owl-dots{text-align:center; margin-top:35px;}
.owl-singer .owl-dots button{background:#4f4f4f; width:12px; height:12px; border-radius:10px; margin:0px 5px;}
/****meet singer***/
.layla-3{padding:0px 15px; width:33.333%;}
.meet-singers{padding-top:50px; padding-bottom:50px;display:None;}
.meet-singers .layla-3 img{width:100%;}
.meet-singers .mattress-text .layla-h2{margin-bottom:30px;}
.meet-singers .layla-h2{font-weight: 400;font-size: 40px; line-height: 1.4;}
/**prize**/
.prize-text > div p{line-height:1.8}
.layla-prize {margin-top: 25px;}
.span-btn{display:block; margin-top:10px;}
.span-btn button{display:inline-block; border:0px; border-radius:3px; background:#41424b; color:#fff; padding:8px 30px;}
.layla-prize img{border-radius:15px;}
.share-icons{color:#fff;display:flex; font-size:28px; align-items: center; margin-bottom:15px;}
.share-icons p{margin:0px 10px 0px 0px;}
.footer_mailbox{position:relative;}
.email2{padding-left:40px;}
.footer_mailbox i {position: absolute; font-size: 20px; left: 12px;top: 50%; top:13px; color: #65636e;}

@media(min-width:1200px){
.navy_blue_mattress h2.layla-h2-small {font-size: 40px; letter-spacing: 1px; word-spacing: 5px;}
/*.owl-singer .item h2{font-size:16px;     white-space: nowrap;}*/
}
@media(max-width:1199px){
    .prize-text p br{display:block;}
    .layla-wrapper{max-width:950px;padding: 40px 15px;}
    h2 br{display:none;}
    p br{display:none;}
    .win-mattress .layla-7{width:100%; padding: 0px 15px 0px 15px;}
    .win-mattress .layla-5{width:100%; margin-bottom:25px;}
    .email-submit{padding:0px 25px;}
    .footer_mailbox{margin:0px 0px 0px 35px;}
}
@media(max-width:991px){
    .layla-wrapper{max-width:750px}
    .collage-mattress .layla-7{width:100%;}
    .collage-mattress .layla-5{width:100%; margin-top:25px;}
    .collage-mattress .layla-7 .layla-row{margin-left:0px;}
    .write-left{width:100%;}
    .write-right{width:100%; order:-1; margin-bottom:25px;}
    .layla-logo-footer a {font-size: 15px; white-space: normal;}
    .sleep-text{font-size:15px;}
    .signin-wrap {width: 100%; margin-top:20px;}
    .write-right img {max-width: 100%;}
    .footer_signup {align-items: flex-start; flex-direction: column;}
    .footer_mailbox{margin:15px 0px 0px 0px;}
    .footer-link .layla-4{width:50%;}
    .footer-link .layla-4:first-child{margin-bottom:35px;}
    .footer-link .layla-4:nth-child(2){margin-bottom:35px;}
    .navy-row .layla-4 a{height:110px;}
    .navy-row .layla-4 a img{height:110px;}
}
@media(max-width:767px){
    img{width:100%;}
    .logo-text img{max-width:80%;margin:auto;}
    .layla-wrapper{max-width:550px; padding:20px 15px;}
    .logo {width: 100%; background: #FF4401; border-radius: 15px;}
    .logo img {width:auto;border-radius: 15px; margin: auto; max-height: 50px;}
    .logo-text { padding: 10px 15px;    width: 100%; background:#40434C; border-radius: 15px;  margin: 10px 0px 0px 0px;}
    .layla-logo{background:transparent; border-radius: 0px;}
    .eq-padd {padding: 20px 5px;}
    .mb-25 { margin-bottom: 20px;}
    .layla-6{width:100%;}
    .layla-6:first-child{margin-bottom:20px;}
    .win-mattress .layla-7{padding-right:15px; }
    .layla-h2{font-size:28px;}
    .collage-mattress .layla-5{margin-top:0px;}
    .enter-mattress .layla-4{width:100%; margin-bottom:20px;}
    .enter-mattress .layla-8{width:100%;}
    .enter-text{padding-left:0px;}
    .song-writer .layla-5{width:100%;padding:0px;}
    .song-writer .layla-7{width:100%;padding:0px; margin-top:20px;}
    .write-right{padding-left:15px; padding-right:15px;}
    .write-left{padding-left:15px; padding-right:15px; }
    .writer-text{padding-left:15px; padding-right:15px;}
    .sleep-text {font-size: 15px; text-align: center; width: 100%; padding: 0px; margin: 10px 0px; color: #2e2e2e;}
    .signin-box {padding: 20px 15px;}
    .signin-wrap h3{padding:15px 0px 0px;}
    .enter-1mattress .layla-3{width:100%;}
    .enter-1mattress .enter-left p{margin:0px;}
    .enter-1mattress .enter-images .layla-3{margin-bottom:15px;}
    .enter-1mattress .enter-images .layla-3:last-child{margin-bottom:0px;}
    .audio-wrap .signin-box{padding:20px 15px;}
    .upload_photo .layla-7{width:100%;}
    .upload_photo .layla-5{width:100%; margin-top:25px;}
    .form-site .form-box {margin-bottom: 15px;}
    .navy-row .layla-4{width:100%; margin-bottom:15px;}
    .navy-row .layla-4 a{height:200px;}
    .navy-row .layla-4 a img{height:200px;}
    .navy-row .layla-4:last-child{margin-bottom:0px;}
    .footer_signup h3{white-space:normal;}
    .email-box{flex-direction:column;}
    .email-submit2, .email-submit{height:40px;margin-top:10px;}
    .footer-link .layla-4{width:100%;margin-bottom:35px;}
    .footer-link .layla-4:last-child{margin-bottom:0px;}
    .meet-singers .layla-h2{font-size:28px; margin:0px;}
    .meet-singers .layla-3{width:100%;}
    .prizes-mattress .layla-8{width:100%;}
    .prizes-mattress .layla-4{margin-top:0px; width:100%;}
    .kl_email{margin-right:0px;}
}


/*****vote******/
.navy-row .layla-vote{position:relative;}
.vote_box{position:absolute; right:15px; bottom:15px;}
[name="vote_it"]{visibility: hidden; opacity: 0;}
[name="vote_it"]+label{
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;    font-size: 30px;
    color: #fff;
    font-weight: 900;
}
[name="vote_it"]+label:before{content:"";}
[name="vote_it"]:checked+label{color:#ff0000;}
/****refresh***/
button.vote_btn {visibility: hidden; opacity: 0;width: 32px; height: 32px; border: 0px; position: absolute; right: 0px;text-indent: -1000em; top: 0px; border-radius: 8px;}
.vote_btn.show_vote_btn{visibility: visible; opacity: 0;}
/**share**/
.navy-row .share_box a{height:auto; width:auto; color:#fff; font-size:24px;margin-left:5px; padding:5px;}
.navy-row .share_box a.fb_share{font-size:18px;}
.navy-row .share_box{opacity:0; visibility:hiddden; transition:opacity 1s; display:flex; align-items:center;background: rgba(0,0,0,.5); padding: 0px 10px 0px 5px;border-radius: 0px 15px 0px 15px;position: absolute;bottom: 0px;left:0px;}
.navy-row .layla-vote:hover .share_box{opacity:1; visibility:visible;}