:root{
    ---color-green:#0D1D10;
    --color-green:#0D1D10;
    ---font-title: "saol_display", Sans-serif;
     --font-title: "saol_display", Sans-serif;
    ---font-title-2: "saol_display", Sans-serif;
    --font-title-2: "saol_display", Sans-serif;
    ---font-text: "classica_pro", Sans-serif;
    --font-text: "classica_pro", Sans-serif;
    --text-color: #000000;
    --font-text-2 : "alte_haas_grotesk";
}
html {background: #fff}
.color-green {color: var(---color-green)}
* {box-sizing: border-box;}
img { max-width: 100%}

@media (min-width:768px){
    .mobile { display: none}
}
@media (max-width:767px){
    .desktop { display: none}
}
ul li a strong { font-weight:inherit}
em strong { font-style: italic}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1;color: #616161;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1;color: #616161;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1;color: #616161;
}
:-moz-placeholder { /* Firefox 18- */
 opacity:1;color: #616161;
}
select, input[type=text], input[type=email], input[type=number], input[type=tel], textarea {
    background: #fff;
    border: none;
    border: 1px solid #fff;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-family: var(--font-text); 
    padding: 0 10px 0 10px;
    color: #616161;
    outline: none;
    min-height: 40px;
    font-size: 14px;
    line-height: 34px;
    text-align: left;
    border-radius: 0;
    letter-spacing: 0;
        -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: initial;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    height: 34px;
    background-repeat: no-repeat; background-position:  100% center;background-size: 15px auto;
    line-height: 40px;
    height: 42px;
    width:  100%;   
    padding-left:  0; padding-right: 0;
    background-color: #fff;

    
}
.hide { display: none}
.wpcf7-list-item { padding: 0; margin: 6px 0; display: block}
.wpcf7-list-item input {vertical-align: bottom;margin-right: 10px;}

label {color: #000;padding-right: 10px; display: inline-block;font-size: 14px; line-height: 1.1}
input[type='checkbox'],
input[type='radio'] { border:1px solid #414042;-webkit-appearance: none;
    -moz-appearance: none; width: 20px; height: 20px; outline: none;margin-left: 0
}
input[type='checkbox']:checked,
input[type='radio']:checked{
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNC41MDIsNzUuNDk2Yy05Ljk5Ny05Ljk5OC0yNi4yMDUtOS45OTgtMzYuMjA0LDBMMTYxLjU5NCwzODIuMjAzTDQzLjcwMiwyNjQuMzExYy05Ljk5Ny05Ljk5OC0yNi4yMDUtOS45OTctMzYuMjA0LDAgICAgYy05Ljk5OCw5Ljk5Ny05Ljk5OCwyNi4yMDUsMCwzNi4yMDNsMTM1Ljk5NCwxMzUuOTkyYzkuOTk0LDkuOTk3LDI2LjIxNCw5Ljk5LDM2LjIwNCwwTDUwNC41MDIsMTExLjcgICAgQzUxNC41LDEwMS43MDMsNTE0LjQ5OSw4NS40OTQsNTA0LjUwMiw3NS40OTZ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
        background-position: center;
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-color:#fff;
} 
.btn[type="submit"] { background:  var(--color-green); color: #000; border:  none; width: 100%; margin-bottom: 40px;font-family: var(--font-title-2); letter-spacing: 0; font-size: 16px; width: 180px;padding: 14px 20px; text-transform: uppercase; font-weight: 800;letter-spacing: 0}
.btn[type="submit"]:hover {background: #41C8ED;color:  #000;cursor: pointer; }
.flex-field { display: flex; justify-content: space-between;}
.field.flex-field { border-bottom:  1px solid #414042;padding-bottom: 5px}
input[type='radio'] { border-radius: 50%}
label.indent {     display: block;
    padding-left: 35px;
    text-indent: -36px;}
label.indent input{ margin-right: 10px; vertical-align: top}
label input { margin:  0 5px}
label.small {font-size: 15px}
.checkboxs { padding-top: 10px}
.field { margin-bottom: 30px}
.submit { text-align: right; padding-top: 20px}
.fields p {margin: 0}
.fields { display: flex; max-width: none; margin-left: -15px; margin-right: -15px;flex-wrap: wrap; align-items: center}
.fields > * {width: 50%; padding: 0 15px;margin: 15px 0}
.fields .field-100 { width: 100%}
.fields.center { justify-content: center}
.fields.two { justify-content: space-between}
.fields .col-50 { width: 48.5%}
.fields .col-100 { width: 100%}
.align-center { text-align: center}
.align-right { text-align: right}
.padding-top-10 { padding-top: 10px;}
.note {
    font-family: var(--font-text); font-size: 10px; padding-top: 5px;
}
.forms hr { display: block; background: none; border:none;border-bottom: 1px solid #cccbc9; margin-bottom: 50px; margin-top: 20px;}
.forms .row {margin:  0 0 30px}
.forms .row.pd { margin-top: 30px;}
.forms .row.pdb { margin-bottom: 30px;margin-top: 0}
.note-input { overflow: hidden; line-height: 1.1}
.note-input input { float: left; margin: 5px 10px 20px 0}
small { font-size: 12px;    font-size: 12px; display: block; margin-right: -5em; line-height: 1.4!important;}
.row { display: flex;max-width: none;font-size: 16px;}
.col-6 { width: 50%;padding: 0 10px}
.col-8,
.col-12 { width: 100%;padding:  0 10px;}

.forms {    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: initial; letter-spacing: 1px}
._form_element { margin-bottom:  25px}
._form-fieldset {padding: 0}
._form-fieldset ._form-label { font-size: 16px;margin-bottom: 10px}
._button-wrapper { text-align: right}
._error-inner { font-size: 14px; font-style: italic; color:  #ff0000;}


.columns-f > p { display: flex; margin:  0 -10px}
.columns-f > p > * {width: 50%; padding: 0 10px;}
.columns-f+p { margin: 0}
@media (max-width:767px){
    .fields > *,
    .fields .field-100 { width: 100%}
    .col-6 { width: 100%;}
    .forms .row > .col-6:first-child {margin-bottom: 30px}
    .forms .row { display: block}
    #homePreference {margin-bottom: 10px}
    .submit { text-align: center}
   
}



