.select-wrap, .select-value, .select-value-arr, .select-options, .select-option {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.select-wrap {
    position: relative;
}
.select-value {
    background-color: #ffffff;
    border: 1px solid #CCC;
    border-radius: 5px;
    height: 38px;
    cursor: pointer;
    position: relative; }
.select-value-arr {
    position: absolute;
    height: 38px;
    width: 32px;
    border-radius: 0 3px 3px 0;
    top: 0px;
    right: 0; }
.select-value-arr:after {
    content: '';
    display: block;
    width: 12px;
    height: 9px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAYAAAAGuM1UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTdEOTk1OEU4OUFEMTFFNEFEQjdBRDk5NzI2MzFBRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTdEOTk1OEY4OUFEMTFFNEFEQjdBRDk5NzI2MzFBRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFN0Q5OTU4Qzg5QUQxMUU0QURCN0FEOTk3MjYzMUFGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFN0Q5OTU4RDg5QUQxMUU0QURCN0FEOTk3MjYzMUFGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnmDzigAAAB0SURBVHjaYgzxz13BwMAQzkAcWMkEJMqA+AERikFqykAaHgFxAREaQGoeMUE5G4G4F4/iXqgaBiY0weNYFB9HNgxZw3MgbgXid0hi76Biz7FpAIGtQDwHiT8HKgYHLFicUAPEdkhsBkIafgNxIhIbBQAEGAB+Lxgli26PYAAAAABJRU5ErkJggg==);
    position: absolute;
    top: 15px;
    left: 10px; }
.select-text {
    overflow: hidden;
    font: 14px 'Roboto', sans-serif;
    white-space: nowrap;
    padding: 9px 32px 3px 8px;
    color: #888888; }
.select-options {
    max-height: 300px;
    overflow: auto;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 38px;
    border: 1px solid #cccccc;
    border-top: none;
    display: none;
}
.select-options.popup {
    display: block; }
.select-option {
    border-top: 1px solid #D6D6D6;
    font: 14px 'Roboto', sans-serif;
    padding: 5px 8px;
    height: 30px;
    cursor: pointer;
    color: #333333; }
.select-option:hover {
    background-color: #E6E6E6;
     }

.phoneLine input{
    border: none!important;
    background: transparent;
}

.phoneLine {
    border: 1px solid #cccccc;
    height: 38px;
    border-radius: 5px;
    padding-left: 5px;
}

.answers div{
    position: relative;
    cursor: pointer;
}

select.error-field + .select-wrap .select-value, .phoneLine.error-field, select.error-field {
    border: 2px solid #c61a1a;
}