/*
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 : Feb 10, 2017, 11:27:36 AM
    Author     : antho
*/


#step2, #step3, #step4, #step5, #step6  {
    display: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.slideAmount{
    font-size: 36pt;
    font-weight: bold;
    color: #666;
}
#slslider,#ccslider{
    margin: 25px;
}

#cchandle, #slhandle {
    cursor: pointer;
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 200;
    background: none;
    background-color: #e0a800;
   /*  padding: 10px;
   width: 5em;
   height: 2em;*/
  /*  top: 50%;
    margin-top: -1em;
    text-align: center;
    line-height: 1.9em;*/
}

input[type="text"],input[type="tel"],input[type="number"],select{
    border: 2px solid  #C0C0C0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 21px;
    letter-spacing: .1em;
    margin: 5px auto;
    padding: 10px;
    width: 70%;
    
}
.backLink{
    text-align: center;
    color: #c0c0c0;
    font-size: 9pt;
}
.bttn{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: .1em;
    font-weight: 600;
    background-color: #C0C0C0;
    border: 3px solid  #cfcfcf;
    margin: 5px auto;
    padding: 10px;
    width: 70%;
    cursor: pointer;
}
.bttn_prev{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:  5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 26px;
    letter-spacing: .1em;
    font-weight: bold;
    background-color: #C0C0C0;
    margin: 15px auto;
    padding: 10px;
    width: 70%;
    cursor: pointer;
}
.bttn_next{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:  5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    /* border: 0px solid #FFFFFF;*/
    color: #FFFFFF;
    font-size: 26px;
    letter-spacing: .1em;
    font-weight: bold;
    background-color: #e0a800;
    margin: 15px auto;
    padding: 10px;
    width: 70%;
    cursor: pointer;
}

.bttn_main{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:  5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
        border: 3px solid #e09400;
    color: #FFFFFF;
font-size: 16px;
    letter-spacing: .1em;
    font-weight: bold;
    background-color: #e0a800;
    margin: 5px auto;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}


a:focus,a:hover {
    color: #23527c;
    text-decoration: none!Important;
}

label,.inputWrapper{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

label > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
    cursor:pointer;
    border:2px solid transparent;
}
label > input:checked + div{ /* (RADIO CHECKED) IMAGE STYLES */

    border:3px solid #888888;
    background-repeat: no-repeat;
    background-position: right center;
}

@media screen and (max-width: 650px) {
    input[type="text"]{
        width: 100%;
    }
    label, .inputWrapper{padding-left: 0px;padding-right: 0px}
    input[type="tel"]{
        width: 100%;
    }
    select{
        width: 100%;
    }
            input[type="number"]{
        width: 100%;
    }
    
    .bttn{
        width: 100%;
        font-weight: bold;
    }
 .bttn_next{
        width: 100%;
    }
}