@font-face {
  font-family: SamsungRegular;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/samsungif_rg-webfont.eot");
  src: url("../fonts/samsungif_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samsungif_rg-webfont.woff") format("woff"), url("../fonts/samsungif_rg-webfont.ttf") format("truetype"), url("../fonts/samsungif_rg-webfont.svg#SamsungRegular") format("svg"); }
@font-face {
  font-family: SamsungBold;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/samsungif_bd-webfont.eot");
  src: url("../fonts/samsungif_bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samsungif_bd-webfont.woff") format("woff"), url("../fonts/samsungif_bd-webfont.ttf") format("truetype"), url("../fonts/samsungif_bd-webfont.svg#SamsungBold") format("svg"); }
@font-face {
  font-family: SamsungBlack;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/samsungif_blk-webfont.eot");
  src: url("../fonts/samsungif_blk-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samsungif_blk-webfont.woff") format("woff"), url("../fonts/samsungif_blk-webfont.ttf") format("truetype"), url("../fonts/samsungif_blk-webfont.svg#SamsungBlack") format("svg"); }

body {
    font-family: SamsungRegular;
}

header {
    background-image: url('../imgs/bg_header_desktop.jpg');
    background-repeat: no-repeat;
    background-position: top center;    
    height: 360px;
}

section.disclaimer {
    width: 500px;
    margin: 0 auto;
}

section.disclaimer h1 {
    font-weight: normal;
    color: #333333;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 30px;
    text-transform: uppercase;
}

section.disclaimer h2 {
    color: #333333;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 26px;    
}

section.simulation {
    width: 500px;
    margin: 10px auto;    
}

section.simulation div.store label {
    font-size: 23px; 
    color: #333333;
    font-weight: bold;  
    float: left;  
}

section.simulation div.store div.input-radios {
    float: left;
    clear: both;
    margin-top: 15px;
}

section.simulation div.store div.input-radios input {
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

section.simulation div.store div.input-radios span {
    float: left;
    font-size: 18px;
    color: #333333;
    margin-left: 10px;
    cursor: pointer;
}

section.simulation div.yourphone {
    float: left;
    margin-top: 30px;
}

section.simulation div.yourphone label {
    font-size: 23px; 
    color: #333333;
    font-weight: bold;  
    float: left;  
}

section.simulation div.yourphone div.input-text {
    float: left;
    clear: both;
    margin-top: 15px;    
}

section.simulation div.yourphone div.input-text small {
    float: left;
    color: #757575;
    font-size: 14px;
}

section.simulation div.yourphone div.input-text input {
    float: left;
    clear: both;
    width: 500px;
    margin-top: 10px;
    height: 50px;
    padding: 10px;
    color: #333333;
}

section.simulation div.phonebuy {
    float: left;
    margin-top: 30px;
}

section.simulation div.phonebuy label {
    font-size: 23px; 
    color: #333333;
    font-weight: bold;  
    float: left;  
}

section.simulation div.phonebuy div.input-radios {
    float: left;
    margin-top: 15px;
}

section.simulation div.phonebuy div.input-radios input {
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

section.simulation div.phonebuy div.input-radios span {
    float: left;
    font-size: 18px;
    color: #333333;
    margin-left: 10px;
    cursor: pointer;
}

section.simulation div.value {
    float: left;
    margin-top: 30px;
}

section.simulation div.value label {
    float: left;
    color: #333333;
    font-size: 18px;
    margin-bottom: 5px;
}

section.simulation div.value div.simulation-value {
    float: left;
    width: 500px;
    border: 2px solid #333333;
    text-align: left;
    min-height: 100px;
    text-align: center;
}

section.simulation div.value div.simulation-value p {
    font-family: SamsungBold;
    font-size: 60px;
    margin: 15px;
    color: #333333;
}

section.simulation div.value div.simulation-value p span.euroSymbol {
    font-family: SamsungRegular;
    font-size: 45px;
    color: #333333;
}

section.simulation div.conditions {
    float: left;
    margin: 10px auto;
}

section.simulation div.conditions p {
    color: #757575;
    font-size: 14px;    
}

section.simulation div.conditions p.meoconditions {
    font-weight: bold;
}

section.simulation div.conditions a {
    font-weight: bold;
    color: #757575;
}

section.simulation div.reset {
    float: left;
    margin: 40px 0px 10px 0px;
    clear: both;
}

section.simulation div.reset button {
    float: left;
    text-transform: uppercase;
    padding: 20px 30px 20px 30px;
    background-color: #333333;
    color: #FFFFFF;
    border: 0;
    font-size: 18px;
}

@media all and (max-width: 580px) and (min-width: 300px) {
    header {
        background-image: url('../imgs/bg_header_mobile.jpg');
        background-repeat: no-repeat;
        background-position: top center;
        height: 360px;
    }    
    
    section.disclaimer {
        width: 300px;
        margin: 0 auto;
        margin-top: 40px;
        padding-left: 5px;
    }   
    
    section.disclaimer h1 {
        font-weight: normal;
        color: #333333;
        margin-bottom: 0px;
        font-size: 30px;
        text-transform: uppercase;
    }  

    section.disclaimer h2 {
        color: #333333;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 22px;    
    }      
    
    section.simulation {
        width: 300px;
        margin: 10px auto;    
    }  
    
    section.simulation div.store label {
        font-size: 20px; 
        color: #333333;
        font-weight: bold;  
        float: left;  
        padding-left: 5px;
    }
    
    section.simulation div.store div.input-radios {
        float: left;
        clear: both;
        margin-top: 15px;
        padding-left: 5px;
    }
    
    section.simulation div.store div.input-radios input {
        float: left;
        margin-top: 0px;        
    }
    
    section.simulation div.store div.input-radios input#outras {
        clear: both;
        margin-left: 0px !important;
        margin-top: 10px;
    }
    
    section.simulation div.store div.input-radios span.otherslabel {
        margin-top: 10px;
    }
    
    section.simulation div.store div.input-radios span {
        float: left;
        font-size: 15px;
        color: #333333;
        margin-left: 5px;
    }    
    
    section.simulation div.yourphone {
        float: left;
        margin-top: 30px;
        padding-left: 5px;
    }
    
    section.simulation div.yourphone label {
        font-size: 20px; 
        color: #333333;
        font-weight: bold;  
        float: left;  
    }
    
    section.simulation div.yourphone div.input-text {
        float: left;
        clear: both;
        margin-top: 10px;    
    }
    
    section.simulation div.yourphone div.input-text small {
        float: left;
        color: #757575;
        font-size: 14px;
    }
    
    section.simulation div.yourphone div.input-text input {
        float: left;
        clear: both;
        width: 300px;
        margin-top: 10px;
        height: 50px;
        padding: 10px;
        color: #333333;
    }     
    
    section.simulation div.phonebuy {
        float: left;
        margin-top: 30px;
        padding-left: 5px;
    }
    
    section.simulation div.phonebuy label {
        font-size: 20px; 
        color: #333333;
        font-weight: bold;  
        float: left;  
        padding-right: 5px;
        margin-bottom: 10px;
    }
    
    section.simulation div.phonebuy div.input-radios {
        float: left;
        margin-top: 10px;
    }    
    
    section.simulation div.phonebuy div.input-radios input {
        float: left;
        margin-top: 0px;
    }
    
    section.simulation div.phonebuy div.input-radios span {
        float: left;
        font-size: 15px;
        color: #333333;
        margin-left: 3px;
    }      
    
    section.simulation div.value {
        float: left;
        margin-top: 30px;
        padding-left: 5px;
    }
    
    section.simulation div.value label {
        float: left;
        color: #333333;
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    section.simulation div.value div.simulation-value {
        float: left;
        width: 295px;
        border: 2px solid #333333;
        text-align: center;
        height: 100px;
    }
    
    section.simulation div.value div.simulation-value p {
        font-family: SamsungBold;
        font-size: 60px;
        margin: 15px;
        color: #333333;
    }
    
    section.simulation div.value div.simulation-value p span {
        font-family: SamsungRegular;
        font-size: 45px;
        color: #333333;
    }    
    
    section.simulation div.conditions {
        float: left;
        margin: 10px auto;
        padding-left: 5px;
    }
    
    section.simulation div.conditions p {
        color: #757575;
        font-size: 13px;    
    }
    
    section.simulation div.conditions p.meoconditions {
        font-weight: bold;
    }
    
    section.simulation div.conditions a {
        font-weight: bold;
        color: #757575;
    }
    
    section.simulation div.reset {
        float: left;
        margin: 40px 0px 10px 0px;
        clear: both;
    }
    
    section.simulation div.reset button {
        float: left;
        text-transform: uppercase;
        padding: 20px 30px 20px 30px;
        background-color: #333333;
        color: #FFFFFF;
        border: 0;
        font-size: 18px;
    }   
    
    .marginl40 {
        margin-left: 10px !important;
    }     
    
}

/* Helpers */
.marginl40 {
    margin-left: 40px;
}
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}


/*Radio buttons*/

.custom-radio-container {
  
}

.custom-radio {
  position: relative; 
  padding: 5px 0;
}
.custom-radio input[type=radio] {
    position: absolute;
    height: 12px!important;
    width: 12px !important;
    top: 5px;
    left: 10px;
    visibility: hidden; 
    margin: 0!important;
    float: none!important;
    padding: 0!important;
}
.custom-radio label {
    display: block;
    font-size: 18px!important;
    font-weight: normal!important;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    float: none!important;
    z-index: 6;
}

.custom-radio-shape {
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    border: 2px solid #999;
    background-color: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    transition: all .25s ease-out;
    z-index: 5; 
}
.custom-radio-shape::before {
    display: block;
    position: absolute;
    content: '';
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 2px;
    left: 2px;
    transition: all .25s ease-out; 
}

input[type=radio]:checked ~ .custom-radio-shape::before {
  background: #000; 
}

/* / Radio buttons*/