@import url("../css/_default-banner-section.css");


.form-row{margin-bottom: 12px;}
label.primary_label{margin-bottom: 10px; font-size: 16px; line-height: 24px; font-weight: 700; display: block;}
.frm_vertical_radio{padding-top: 8px;}
.frm_radio{padding: 8px 16px 8px 8px; position: relative; background-color: var(--input-color); margin-right: 20px; border-radius: 4px;}
.current-radio-btn{background-color: var(--text-50); color: var(--white);}
.frm_radio label{padding-left: 34px; font-size: 18px; line-height: 20px; font-weight: 700;}
.frm_vertical_radio .frm_radio div.radio{border: none;}
.frm_radio div.radio{width: 26px; height: 26px; margin: 0; left: 8px; top: 8px; float: none; border: solid 1px rgba(103, 110, 116, 0.4); border-radius: 300px;  background-color: var(--white); position: absolute; cursor: pointer;}
.frm_radio div.radio span{width: 100%; height: 100%; background: none; float: none;}
.frm_radio div.radio span.checked::after{width: 12px; height: 12px; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; background-color: var(--btn-color); border-radius: 300px; position: absolute;}
.frm_radio div.radio input{width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; border: none; position: absolute;}

.frm_checkbox{position: relative; margin-bottom: 28px; margin-top: 23px; min-height: 32px;}
.frm_checkbox label{padding-left: 49px; max-width: 430px; text-indent: 0; font-family: 'acumin-pro', sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0; color: var(--black-50); display: block;}
.frm_checkbox div.checker{left: 0; top: 0; width: 32px; height: 32px; margin: 0 auto; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: var(--btn-color); display: flex; align-items: center; position: absolute; cursor: pointer;}
.frm_checkbox div.checker span{width: 100%; height: 100%; border-radius: 0; background-color: transparent; position: relative; }
.frm_checkbox div.checker span.checked{background-color: transparent; }
.frm_checkbox div.checker span.checked::after{width: 25px; height: 21px; content: ""; display: block; background-image: url('../images/check.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute;}
.frm_checkbox div.checker input{width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; margin: 0; padding: 0; cursor: pointer;}

.frm_submit{margin: 0 0 28px;}
.frm_signup{max-width: 430px; margin-top: 20px; font-size: 14px; line-height: 20px; color: var(--gray-color);}


/*-- media css starts here --*/
@media only screen and (min-width: 768px){
    .default-banner-section{min-height: 570px;}
    .center .container{min-height: 570px;}
    .enter-contest-path{bottom: -152px; right: 0; opacity: 0.3; position: absolute; z-index: -1;}
    .contest-entry-bg{width: 100%; height: 100%; max-height: 700px; top: auto; bottom: -249px; left: 0; right: 0; background-image: linear-gradient(to bottom, #fff, #000); position: absolute; z-index: -1; opacity: 0.15;}

    .contest-entry-left h3{font-size: 28px; line-height: 32px; font-weight: 700; font-family: 'acumin-pro', sans-serif;}
    ul{margin: 21px 0 21px 16px;}
}
@media only screen and (min-width: 1024px){
    h1{font-size: 80px; line-height: 72px; letter-spacing: -0.75px; margin-bottom: 21px;}
    .center .default-banner-text{padding-bottom: 68px;}

    .contest-entry-main{padding: 52px 0 92px; flex-direction: row-reverse;}
    .contest-entry-left{width: 540px; margin-right: 121px;}
    .contest-entry-right{width: calc(100% - 661px);}

    .frm_half{width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; display: inline-block;}
    .frm_half.frm_first{margin-left: 0;}
    .frm_half.frm_last{margin-right: 0;}
}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .enter-contest-path{display: none;}
    .contest-entry-main{padding: 52px 0 53px;}
    .contest-entry-left{width: 519px; margin-right: 67px;}
    .contest-entry-right{width: calc(100% - 586px);}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .contest-entry-main{padding: 52px 0 2px; display: block;}
    .contest-entry-right{margin-bottom: 60px;}
    .frm_checkbox label{padding-top: 4px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .contest-entry-main{padding: 24px 0 12px; display: block;}
    .contest-entry-right{margin-bottom: 110px; position: relative;}
    .contest-entry-right h2{text-align: center;}
    .frm_radio{margin-right: 13px; padding: 8px 14px 8px 8px;}
    .frm_radio:last-child{margin-right: 0;}
    .frm_submit{margin-bottom: 15px;}
    .contest-path-mobile{opacity: 0.3; width: calc(100% + 40px); left: -20px; bottom: -85px; position: absolute; z-index: -1;}
    .contest-path-mobile svg{width: 100%;}
}