@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:wght@400;700&display=swap');

.cr_validation_error_message .error
{
    background:rgba(255,0,0,0.2);
    color:rgba(100,0,0,1);
    border:1px dotted rgba(100,0,0,1);
    display:block;
    padding:5px;
}

.underline
{
    background:url(https://rewards.offercarousel.com/files/images/getaway/red_marker_desktop.png) no-repeat bottom;
    background-size:contain;
    display:inline-block;
    padding-bottom: 15px;
    font-weight:bold;
}

.p1-only
{
    display:none;
}

.step1 .p1-only
{
    display:block;
}


.headline
{
    background:white;
    color:#0293e2;
   text-align:center;
    padding:1rem 30% 1rem 2rem;

    margin:-2rem -2rem 2rem -2rem;
}

.headline h1
{
    font-family: 'Anton', sans-serif;
    color:#1559bb;
    font-weight:bold;
    margin:0;
    letter-spacing: 0.06rem;
     
}

.sign-up-img-container
{
    position:absolute; 
    right:-4rem;
    top:-4rem;
    width:42%;
}

.values-img-container
{
    width:60%;
    margin-left:1.5rem;
}

#comp-header
{
    background:url(/files/images/getaway/inner_form_dekstop.jpg) bottom center;
    background-size:cover;
    margin:-2rem -2rem 20px -2rem;
    padding-top:1rem;
    padding-bottom:3rem;
}

.bordered {
    border: 1px solid #CED4DA !important;
    border-radius: 0;
    padding: 20px;
    margin-left: 0;
    margin-right: 0;
}


.button .radio_answers
{
    text-align:right;
        width:160px;
    display:inline-block;
    float:right;
    
    
}


.button label
{
   
	padding-top:10px;
    float: left;
    
}

.button .form-check
{
    margin:0 !important;
    padding:0 !important;

    float:left;
    width:50%;
}

.button .form-check:nth-child(1) label

{
	border-radius:5px 0 0 5px;
    margin-right:-1px;
}
.button .form-check:nth-child(2) label

{
	border-radius: 0 5px 5px 0 ;
    margin-left:-1px;
}

.button .col > label
{
    margin-bottom:10px;
}

.button .form-check input[type="radio"],
.button .form-check input[type="checkbox"]
{
   
    opacity: 0;
    position: fixed;
    width: 0;
}

.button .form-check
{
    position:relative;
}



.button .form-check label,
.button .button
/* inactive button */
{
    
    background-color: white;   
    color:#0293E2;
    font-weight:bold;
 
    position:relative;
      
    text-align: center;
    box-sizing: border-box;
    
    border:1px solid #0293E2;
    padding:8px 20px;
    width:100%;
   
 display:block;
    cursor: pointer;

}





.button .form-check  input[type="radio"]:checked + label,
.button .form-check input[type="checkbox"]:checked + label,
.button .form-check  input[type="radio"]:hover + label{
    /* active button */
    background-color:#0293E2;
    color:white
    
}


.button .form-check  input[type="radio"]:checked + label:before,
.button .form-check input[type="checkbox"]:checked + label:before
{
    /* active button chackmark */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    display:inline;
    
    position:absolute;
   	top: 13px;
    left: 10px;
    font-size: .6em;
    
}




.button .form-check  input[type="radio"]:focus + label {
     background-color:#0293E2;
}




.inline .form-check
{
    display:inline-block;
}


.left-answer
{
    position:relative;
    border-bottom:1px solid grey;
    
}
.left-answer .col > label
{
    margin-left:120px;
}

.left-answer .radio_answers
{
    position:absolute;
    top:0;
}
#header
{
    padding-top:20px;
    padding-bottom:20px;
}

#header img
{
     width:90%;
    max-width:200px;
}

.question > .col > label
{
    font-weight:bold;
}

.claim-btn
{
    padding: 1.25rem 2rem;
    font-size: 2rem;
    
     text-align: center;
    background:#65AC10;
    color: white;
    
    
    
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
   
    font-weight: bold;
    overflow: hidden;
   
    position: relative;
    text-transform: uppercase;
    z-index: 1;

}

.form-control
{
    border-radius:0;
}

.claim-btn:hover
{
    background:#9E8C10;
    color: white;
    text-decoration:none;

  } 



.skip
{
    background-image: linear-gradient(#0362D6, #024AA4);
    color: white;
    box-shadow: 0 -16px 24px -18px #145138 inset, 0 16px 24px -18px rgba(20, 81, 56, 0.8);
    border: none;
    border-radius: .25rem;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: bold;
    overflow: hidden;
    padding: 1.25rem 2rem;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    display: block;
    width: 100%;
    text-align: center;
}

.skip:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    position: absolute;
    right: 1rem;
    top: calc(50% - 1rem);
    height: 2rem;
    width: 2rem;
    background: white;
    border-radius: 50%;
    color: #6a99d2;
    line-height: 2rem;
    font-size: 16px;
}
.skip:hover,
.skip:active,
.skip:focus
{
    background-image: linear-gradient(#024AA4, #024291);
    border:none !important;
    box-shadow:none !important;
}



#ready_to_claim
{
    background:#3C5044;
    padding-top:60px;
    padding-bottom:60px;
    color:white;
}

.btn-primary
{
    background:#0293e2;
    color: white;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 2rem;
    font-weight: bold;
    overflow: hidden;
    padding: 1.25rem 2rem;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    display: block;
    width: 100%;
    text-align: center;
}

/*.btn-primary:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight:bold;
    position: absolute;
    right: 1rem;
    top: calc(50% - 1rem);
    height: 2rem;
    width: 2rem;
    background: white;
    border-radius: 50%;
    color: #8755ad;
    line-height: 2rem;
    font-size: 16px;
}*/
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
{
    background:#2FB5FD !important;
    border:none !important;
    box-shadow:none !important;
}

body
{
       

    font-family: 'Open Sans', sans-serif;
    color: #4e4e4e;
}


#form-container h2 
{
    font-family: 'Anton', sans-serif;
    color:#1559bb;
    font-weight:normal;
   margin-bottom: 1rem;
     
}



.steps .line:not(:last-child)
{
    position:relative;
}
.steps .line:not(:last-child):after {
    border-top: 2px #4e4e4e dotted;
    content: '';
    position: absolute;
    width: calc(100% - 9rem);
    height: .25rem;
    border-radius: .25rem;
    top: 38px;
    margin-left: 4.5rem;
}

#how_it_works
{
    background:#f7ece8;
    color: #4e4e4e;
    padding-bottom: 30px;
    padding-top: 10px;
}

#how_it_works img
{
  
    height:80px;
    margin-bottom:20px;
}


#how_it_works h2
{
    font-weight:bold;
    margin-bottom:40px;
}

#how_it_works h3
{
    font-size: 1rem;
    
    font-weight: bold;
    
}

img
{
    max-width:100%;
}
#main-container
{
    background:url(/files/images/getaway/caribbean_bg.jpg) top center;
    background-size:cover;
    position:relative;
}

#form-container
{
    background:white;
    background: white;
    padding: 2rem;
    border-radius: 0;
    
    box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 15px 0px;
    position:relative;
    z-index:3;
    margin-bottom:30px;

}


#how_it_works img {
    border-color:#f7ece8 !important;
}


#main-container:after {
    background-image: linear-gradient(rgba(60,118,93,0), #f7ece8);
    bottom: 0;
    left:0;
    content: '';
    height: 50%;
    position: absolute;
    width: 100%;
    z-index:0;
}
/*
#main-container:before {
    background: url(/files/images/bg-items-top-products.png);
    background-repeat: no-repeat;
    background-position: center -3rem;
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left:0;
}*/

.product_image {
    position: absolute;
    z-index: 100;
    top: -50px;
    right: -50px;
    padding:10px;
    overflow:hidden;
    border-radius: .5rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background:white;
    width:200px;
    height:200px;
    border-radius:100px;
    text-align:center;
}

.product_image img
{
	max-width: 100%;
    max-height: 170px;
}

.product_image p
{
    margin:0;
}
.footer
{
    padding-top:50px;
    padding-bottom:50px;
    text-align:justify;
}

.img-container-mobile
{
    margin-top:-2.8rem;
    padding-left:1rem;
    padding-right:1rem;
}

@media only screen and (max-width: 768px) {
    
    .steps .line:after {
   display:none;
}
    
    .product_image
    {
        right:5px;
        width:150px;
        height:150px;
        top:-10px;
        
    }
    
    .headline {
        background: white;
        color: #0293e2;
        text-align: center;
        padding: 1rem;
        margin: -2rem -2rem 2rem -2rem;
        
    }
    .headline h1
    {
        font-size:3rem;
    }
    
    #form-container h2 {
    font-size:1.7rem;
}
    
    #comp-header {
    background: url(/files/images/getaway/inner_form_mobile.jpg) bottom center;
        background-size: auto;
    background-size: cover;
    margin: -2rem -2rem 20px -2rem;
    padding-top: 1rem;
    padding-bottom: 3rem;
}
    
    .left-answer .radio_answers {
    position: relative;
   
}
    
    .left-answer .col > label {
    margin-left: 0;
}
    
    .underline
{
    background:url(https://rewards.offercarousel.com/files/images/getaway/red_marker_mobile.png) no-repeat center bottom;
    background-size:90%;
    display:block;
    padding-bottom: 25px;
    font-weight:bold;
    margin-bottom:-10px;
}
    

}