@import url('https://fonts.googleapis.com/css?family=Roboto:100,300');

body {
  margin: 0;
  padding: 0;
  font-family: Roboto;
}

*, :after, :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.App {
    text-align: center;
    padding-bottom: 50px;
    width: 990px;
    margin: auto;
}

.App .tesla-climate {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    padding: 0 30px;
    margin-right: 30px;
}

.App .selectors {
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 20px;
}

.App h1 {
    font-size: 32px;
    font-weight: 100;
    margin-top: 25px;
    margin-bottom: 20px;
    color: #666;
    font-family: Roboto, sans-serif;
}

.App h4 {
    font-size: 16px;
    font-weight: 300;
    color: #666;
    font-family: Roboto, sans-serif;
}

.App .declaimer {
    width: 990px;
    font-size: 12px;
    font-weight: 100;
    display: inline-block;
    text-align: left;
    line-height: 18px;
    margin: 0 auto;
    margin-top: 20px;
    color: #666;
    font: 300 14px/1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-right:10px;
}

.App .source-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 40px;
    text-decoration: none;
    color: #999;
    cursor: pointer;
    font-family: Roboto;
}

.App .source-link:hover {
    text-decoration: underline;
}

.car-container {
    max-width: 1050px;
    position: relative;
    margin: 0 auto;
}

.car-container .car-body {
    width:100%;
    min-width: 900px;
    height:350px;
    background-image: url('https://www.sas.com.ru/wp/wp-content/kal/tesla-range/dist/tesla.webp');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.car-container .car-body .tesla-wheels {
    height: 247px;
    width: 555px;
    position: relative;
    margin: 0 auto;
}

.car-container .wheel {
    height: 80px;
    width: 80px;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.car-container .wheel.front {
    left: 53px;

}
.car-container .wheel.rear {
    right: 72px;
}

.car-container .wheel.wheel-19 {
    background-image: url('https://www.sas.com.ru/wp/wp-content/kal/tesla-range/dist/wheel-19.webp'); 
}

.car-container .wheel.wheel-21 {
    background-image: url('https://www.sas.com.ru/wp/wp-content/kal/tesla-range/dist/wheel-21.webp');
}


.car-container .wheel.speed-45 {
    animation: rotate 800ms steps(6) infinite;
}

.car-container .wheel.speed-50 {
    animation: rotate 600ms steps(6) infinite;
}

.car-container .wheel.speed-55 {
    animation: rotate 400ms steps(6) infinite;
}

.car-container .wheel.speed-60 {
    animation: rotate 300ms steps(6) infinite;
}

.car-container .wheel.speed-65 {
    animation: rotate 200ms steps(6) infinite;
}

.car-container .wheel.speed-70 {
    animation: rotate 100ms steps(6) infinite;
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.climate-wrapper {
    float: left;
}
.climate-wrapper .circle{
    cursor: pointer;
    display: block;
    width: 100px;
    height: 100px;
    border: 6px solid #f7f7f7;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    color: #666;
    background: #fff;
    outline: none;
}

.climate-wrapper .circle .label{
    margin: 14px 0 0;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}

.climate-wrapper .circle .icon{
    display: block;
    width: 22px;
    height: 22px;
    margin: 8px auto 0;
    background-repeat: no-repeat;
    background-position: center; 
}

.climate-wrapper .circle.ac-on{
    color: #fff;
    background: #33a0ff;
    background: -moz-linear-gradient(top, #33a0ff 0%, #388bff 100%);
    background: -webkit-linear-gradient(top, #33a0ff 0%, #388bff 100%);
    background: linear-gradient(to bottom, #33a0ff 0%, #388bff 100%);
}

.climate-wrapper .circle.ac-on .icon{
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOS41LDI3LjRjMi42LTEuOCw1LjMtMi43LDguMi0yYzIuMSwwLjUsMy44LDAuMyw1LjUtMC43YzEuNC0wLjgsMi44LTEuNCw0LjEtMi4yCgkJYzIuNi0xLjYsNC41LTMuOSw1LjgtNi43QzU0LjgsMTIsNTQuNCw4LjQsNTIsNWMtMS44LTIuNi00LjMtNC4yLTcuMy01Yy0xLjEsMC0yLjIsMC0zLjQsMGMtMC41LDAuMi0xLDAuMy0xLjUsMC41CgkJYy04LDIuMi0xNCwxMC4zLTEzLjQsMTguNUMyNi42LDIyLDI3LjgsMjQuOCwyOS41LDI3LjR6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjUuNCwzMC43Yy02LjEtNS45LTE0LjQtNS4zLTIwLjctMS4yYzAuMiwwLjMsMC4zLDAuNSwwLjUsMC44YzEuNSwyLjUsMi4yLDUuMSwxLjMsNy45CgkJYy0wLjUsMS44LTAuMiwzLjIsMC42LDQuNmMwLjQsMC44LDAuOCwxLjcsMS4zLDIuNmMxLjUsMi45LDMuNSw1LjMsNi40LDYuOWM0LjgsMi44LDkuNywyLjIsMTMuNy0xLjZjMS43LTEuNiwyLjctMy43LDMuNS01LjgKCQljMC0xLjIsMC0yLjQsMC0zLjZDNzAuOSwzNyw2OC41LDMzLjcsNjUuNCwzMC43eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI3LjQsNDIuNWMtMS45LTIuNy0yLjgtNS42LTEuOS04LjdjMC41LTEuOCwwLjItMy4yLTAuNi00LjdjLTAuNy0xLjMtMS4zLTIuNy0yLjEtNAoJCWMtMS42LTIuNy0zLjktNC43LTYuOC02LjFjLTMuOS0xLjgtNy42LTEuNC0xMSwxLjFjLTIuNSwxLjgtNC4xLDQuMy01LDcuM2MwLDEuMSwwLDIuMiwwLDMuNGMwLjgsMi45LDIuMSw1LjYsNCw3LjkKCQljNC4zLDUuMSw5LjUsOC4xLDE2LjQsNi43QzIyLjksNDQuOCwyNS4yLDQzLjksMjcuNCw0Mi41eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMzLjksNDYuNWMtMS44LTAuNS0zLjItMC4yLTQuNywwLjZjLTAuNywwLjQtMS41LDAuNy0yLjMsMS4xYy0zLjYsMS44LTYuMyw0LjQtOCw4LjEKCQljLTMuOCw4LjIsNC4zLDE2LDEwLjIsMTUuN2MzLjctMC4yLDYuNy0xLjgsOS41LTRjOC41LTYuOCw4LjktMTUuMiw0LTIzLjNDMzkuOSw0Ni41LDM3LDQ3LjQsMzMuOSw0Ni41eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTMwLDM1LjljMCwzLjMsMi43LDYsNiw2YzMuMywwLDYtMi43LDYtNmMwLTMuMy0yLjctNi02LjEtNkMzMi43LDMwLDMwLDMyLjcsMzAsMzUuOXoiLz4KPC9nPgo8L3N2Zz4K');
}

.climate-wrapper .circle.ac-off .icon{
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik0yOS41LDI3LjFjMi42LTEuOCw1LjMtMi43LDguMi0yYzIuMSwwLjUsMy44LDAuMyw1LjUtMC43YzEuNC0wLjgsMi44LTEuNCw0LjEtMi4yCgkJYzIuNi0xLjYsNC41LTMuOSw1LjgtNi43YzEuNy0zLjgsMS4zLTcuNC0xLjEtMTAuN2MtMS44LTIuNi00LjMtNC4yLTcuMy01Yy0xLjEsMC0yLjIsMC0zLjQsMGMtMC41LDAuMi0xLDAuMy0xLjUsMC41CgkJYy04LDIuMi0xNCwxMC4zLTEzLjQsMTguNUMyNi42LDIxLjcsMjcuOCwyNC41LDI5LjUsMjcuMXoiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik02NS40LDMwLjRDNTkuMywyNC41LDUxLDI1LDQ0LjcsMjkuMmMwLjIsMC4zLDAuMywwLjUsMC41LDAuOGMxLjUsMi41LDIuMiw1LjEsMS4zLDcuOQoJCWMtMC41LDEuOC0wLjIsMy4yLDAuNiw0LjZjMC40LDAuOCwwLjgsMS43LDEuMywyLjZjMS41LDIuOSwzLjUsNS4zLDYuNCw2LjljNC44LDIuOCw5LjcsMi4yLDEzLjctMS42YzEuNy0xLjYsMi43LTMuNywzLjUtNS44CgkJYzAtMS4yLDAtMi40LDAtMy42QzcwLjksMzYuNyw2OC41LDMzLjMsNjUuNCwzMC40eiIvPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTI3LjQsNDIuMmMtMS45LTIuNy0yLjgtNS42LTEuOS04LjdjMC41LTEuOCwwLjItMy4yLTAuNi00LjdjLTAuNy0xLjMtMS4zLTIuNy0yLjEtNAoJCUMyMS4yLDIyLDE4LjgsMjAsMTYsMTguN2MtMy45LTEuOC03LjYtMS40LTExLDEuMWMtMi41LDEuOC00LjEsNC4zLTUsNy4zYzAsMS4xLDAsMi4yLDAsMy40YzAuOCwyLjksMi4xLDUuNiw0LDcuOQoJCWM0LjMsNS4xLDkuNSw4LjEsMTYuNCw2LjdDMjIuOSw0NC41LDI1LjIsNDMuNiwyNy40LDQyLjJ6Ii8+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMzMuOSw0Ni4yYy0xLjgtMC41LTMuMi0wLjItNC43LDAuNmMtMC43LDAuNC0xLjUsMC43LTIuMywxLjFjLTMuNiwxLjgtNi4zLDQuNC04LDguMQoJCWMtMy44LDguMiw0LjMsMTYsMTAuMiwxNS43YzMuNy0wLjIsNi43LTEuOCw5LjUtNGM4LjUtNi44LDguOS0xNS4yLDQtMjMuM0MzOS45LDQ2LjEsMzcsNDcuMSwzMy45LDQ2LjJ6Ii8+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMzAsMzUuNmMwLDMuMywyLjcsNiw2LDZjMy4zLDAsNi0yLjcsNi02YzAtMy4zLTIuNy02LTYuMS02QzMyLjcsMjkuNywzMCwzMi40LDMwLDM1LjZ6Ii8+CjwvZz4KPC9zdmc+Cg==');
}

.climate-wrapper .circle.heat-on {
    color: #fff;
    background: #d64800;
    background: -moz-linear-gradient(top, #d64800 0%, #d20200 100%);
    background: -webkit-linear-gradient(top, #d64800 0%, #d20200 100%);
    background: linear-gradient(to bottom, #d64800 0%, #d20200 100%);
}

.climate-wrapper .circle.heat-on .icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMS4xLDE3LjRjMC44LTAuOCwxLjctMS42LDIuNi0yLjNjMy0yLjIsNi4zLTMuNiwxMC4xLTNjMi42LDAuNCw0LjksMS43LDcsMy40YzIuMSwxLjgsNC4xLDMuOCw2LjIsNS41CgkJYzMuNywyLjksNy44LDQuNywxMi42LDQuNmM2LjQtMC4yLDExLjUtMy4zLDE1LjYtOC4yYzEuMS0xLjMsMC45LTMuMi0wLjMtNC4zYy0xLjItMS4xLTMtMC44LTQuMiwwLjRjLTAuOCwwLjktMS42LDEuOC0yLjUsMi41CgkJYy0yLjcsMi4yLTUuNywzLjctOS4zLDMuNWMtMi44LTAuMS01LjQtMS4xLTcuNi0yLjljLTIuMS0xLjctNC4xLTMuNi02LjItNS40QzMxLjQsOC4xLDI3LjIsNiwyMi4yLDZjLTAuOCwwLTEuNSwwLTIuMiwwLjEKCQljLTUuMiwwLjgtOS41LDMuMy0xMy4xLDcuMWMtMS4yLDEuMy0xLjIsMy4yLTAuMSw0LjNDOC4xLDE4LjgsOS45LDE4LjcsMTEuMSwxNy40eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMSwzOC41YzEuMywwLjQsMi4zLTAuMSwzLjItMWMzLTMsNi40LTUuMiwxMC43LTUuM2MzLjMtMC4xLDYuMSwxLjIsOC42LDMuM2MxLjksMS42LDMuNSwzLjMsNS40LDQuOQoJCWMzLjksMy4yLDguMiw1LjQsMTMuMyw1LjNjMC42LDAsMS4yLDAsMS44LDBjMC40LDAsMC45LTAuMSwxLjMtMC4yYzUuNC0xLDkuNi0zLjksMTMtOC4yYzEuMy0xLjYsMC4zLTQtMS43LTQuNQoJCWMtMS40LTAuNC0yLjQsMC4zLTMuMywxLjNjLTMsMy40LTYuNiw1LjgtMTEuMyw1LjhjLTMuNCwwLTYuMy0xLjQtOC45LTMuNmMtMS45LTEuNi0zLjctMy40LTUuNi01Yy05LjUtOC4xLTIwLjUtNS44LTI4LDIuNAoJCUM1LjMsMzUuMyw2LDM3LjgsOC4xLDM4LjV6Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjUsNTMuNmMtMS4zLTEuMS0yLjktMS00LjIsMC40Yy0wLjcsMC43LTEuMywxLjUtMi4xLDIuMWMtNS40LDQuOC0xMS41LDUuMy0xNy40LDEuMQoJCWMtMS42LTEuMS0yLjktMi41LTQuNC0zLjdjLTEuNS0xLjMtMy0yLjctNC42LTMuOGMtMy40LTIuMy03LjEtMy42LTExLjItMy4zYy01LjYsMC40LTEwLjMsMy0xNC4xLDcuMWMtMS4zLDEuNC0xLjQsMy4yLTAuMiw0LjQKCQljMS4yLDEuMiwyLjksMS4xLDQuMy0wLjNjMS4xLTEuMSwyLjMtMi4xLDMuNS0zYzItMS4zLDQuMS0yLjIsNi41LTIuNGMzLjQtMC4yLDYuNCwxLDksMy4xYzEuOSwxLjUsMy42LDMuMyw1LjQsNC45CgkJYzQsMy40LDguNCw1LjYsMTMuNiw1LjZjMC42LDAsMS4yLDAuMSwxLjcsMGM1LjgtMC43LDEwLjQtMy42LDE0LjEtOC4xQzY2LjMsNTYuNSw2Ni4yLDU0LjcsNjUsNTMuNnoiLz4KPC9nPgo8L3N2Zz4K');
}

.climate-wrapper .circle.heat-off .icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgNjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik05LjgsNDcuOGMxLTAuOCwyLTEuNywzLTIuM2MzLjgtMi4zLDcuOC0yLjMsMTEuNSwwLjJjMS4zLDAuOCwyLjUsMi4yLDMuNywzLjJjMS44LDEuMywzLjUsMyw1LjMsNC4yCgkJYzgsNC43LDE2LjIsMS4zLDIxLTQuOGMwLjgtMSwwLjctMi41LTAuMy0zLjVjLTEtMC44LTIuNS0wLjgtMy4zLDAuMmMtMC4yLDAuMi0wLjUsMC41LTAuNywwLjhjLTIuMywyLjUtNSw0LjMtOC41LDQuMwoJCWMtMi44LDAuMi01LjMtMS03LjctMi44Yy0xLjUtMS4yLTIuOC0yLjUtNC4yLTMuOGMtMy4yLTIuOC02LjctNC43LTEwLjgtNC44Yy00LjgtMC4yLTksMi0xMi41LDUuM2MtMC43LDAuNy0xLDEuNS0xLjUsMi4yCgkJYzAsMC4yLDAsMC4zLDAsMC41QzYsNDkuMyw3LjcsNDkuNyw5LjgsNDcuOHoiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik05LjgsMTQuMmMxLjMtMS41LDMtMi41LDQuOC0zLjNjMi44LTEuMiw1LjctMS4yLDguMiwwLjNjMS43LDAuOCwzLDIuMiw0LjUsMy4zYzEuNywxLjMsMy4zLDMsNSw0LjIKCQljOC4zLDUuNSwxNi44LDIuMiwyMi00LjJjMC44LTEsMC43LTIuNy0wLjMtMy41Yy0xLTAuOC0yLjUtMC44LTMuNSwwLjJjLTAuMiwwLjItMC4zLDAuNS0wLjcsMC43Yy00LjgsNS0xMC4zLDYtMTYsMS44CgkJYy0xLTAuOC0yLjItMi0zLjMtM2MtMi41LTIuNS01LjMtNC4zLTguOC01LjJDMjAuOCw1LjMsMjAsNS4yLDE5LjIsNWMtMC41LDAtMC44LDAtMS4zLDBjLTAuOCwwLjItMS43LDAuMi0yLjUsMC41CgkJYy0zLjcsMC44LTYuOCwyLjgtOS41LDUuN2MtMC4zLDAuMy0wLjUsMS0wLjgsMS41YzAsMC4yLDAsMC4zLDAsMC41QzYsMTUuOCw3LjgsMTYuMiw5LjgsMTQuMnoiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik05LjgsMzFjMS4zLTEuMywzLTIuNSw0LjctMy4yYzIuOC0xLjIsNS43LTEuMiw4LjMsMC4zYzEuNSwwLjgsMywyLDQuMywzLjJjMS43LDEuMywzLDIuOCw0LjcsNAoJCWMyLjgsMiw2LjIsMy4zLDkuNywzLjJjNS4yLTAuMiw5LjMtMi44LDEyLjctNi44YzEtMS4yLDAuOC0yLjctMC4yLTMuN2MtMS0wLjgtMi41LTAuOC0zLjUsMC4zYy0wLjUsMC41LTEsMS4yLTEuNywxLjcKCQljLTQuNyw0LjItOS44LDQuNS0xNC44LDAuOGMtMS4zLTAuOC0yLjMtMi0zLjUtM2MtMS4yLTEtMi4zLTItMy41LTIuOGMtMi44LTItNi4yLTMtOS43LTIuOGMtNC4zLDAuMy04LDIuMy0xMSw1LjMKCQljLTAuNywwLjctMSwxLjUtMS41LDIuMmMwLDAuMiwwLDAuMywwLDAuNUM2LDMyLjcsNy44LDMzLDkuOCwzMXoiLz4KPC9nPgo8L3N2Zz4K');
}

.stats {
    position: relative;
    max-width: 1050px;
    min-width: 900px;
    margin: 0 auto;
    margin-top: -65px;
}
.stats .model-range-item {
    display: inline-block;
    width: 105px;
    text-align: center;
    margin: 0 10px
}

.stats .model-range-item .model-number {
    width: 100%;
    height: 15px;
    background-size: auto 13px;
    background-repeat:no-repeat;
    background-position: center top;
}

.stats .model-range-item .range {
    font-size: 40px;
    font-weight: 400;
    font-family: 'Roboto';
    display: block;
    padding: 0 18px 0 0;
    position: relative;
    color: #008dff;
    text-align: right;
    margin-top: 5px;
}

.stats .model-range-item .range:after {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto';
    content: 'MI';
    position: absolute;
    top: 8px;
    right: 0;
}

.stats .model-range-item .model-number.model-60 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NC42NiAyOC4wOSI+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTI5LjYyLDEwSDE4YTE0LjkxLDE0LjkxLDAsMCwwLTUuNDcuOSwxLjA3LDEuMDcsMCwwLDEtMS4zLS4wN2MtLjU2LS41Ni4xNC0xLjY0LjE0LTEuNjRhNy40NSw3LjQ1LDAsMCwxLDctNC4yNEg0MS42czEuNTYuMTEsMS43MS0xLjI2LjI3LTIuMzQuMjctMi4zNFM0My42OS4wNiw0MiwuMDZIMTguMTFTNy43OC0xLjQxLDEuNiwxMGMwLDAtNCw3LjU1LjcyLDE0LDAsMCwyLjYzLDMuODEsMTEuOTQsMy44MUgzMHMxNS42NS4wNywxNS42NS04LjU2UzMyLjYxLDEwLDI5LjYyLDEwWk0yMy4zNywyNC40NWMtNS42NiwwLTEzLjc0LjY1LTEzLjc0LTUsMC02LjQsNy44Mi02LjA3LDcuODItNi4wN2g3Ljc1YzMuMTcsMCwxMS4yNy4xLDExLjI3LDUuNTZTMjksMjQuNDUsMjMuMzcsMjQuNDVaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTgxLC4wNmMtMTQsMC0xMi4yNywwLTEyLjI3LDBTNTIuODItLjkxLDUxLjI4LDEwLjI0TDUwLjc0LDE2UzUwLDIzLjM0LDU2LDI2LjE4YzAsMCwzLjM1LDEuOTEsOS44OSwxLjkxSDc5LjhzMTMuNzguMzIsMTQuNS0xMC42MWwuMzYtNi45NFM5NSwuMDYsODEsLjA2Wk04NS4yNCwxNy44Yy0uNjUsNy40OC04LjU2LDcuMTItOC41Niw3LjEycy0xLjguMTgtMTAuMTgtLjA3UzU5LjU5LDE0LjcsNTkuNTksMTQuN2wuMjktM2MuNzktOSw4LjY3LTguMzEsOC42Ny04LjMxcy0uNzYtLjExLDguOTItLjExUzg1LjksMTAuMTcsODUuMjQsMTcuOFoiLz48L3N2Zz4=');
}

.stats .model-range-item .model-number.model-60D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjIuNzcgMjkuNjgiPgo8c3R5bGU+Ci5jbHMtMntmaWxsOiNkMGQyZDM7fQo8L3N0eWxlPgo8cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNMjkuNjIsMTAuNzlIMThhMTQuOTEsMTQuOTEsMCwwLDAtNS40Ny45LDEuMDcsMS4wNywwLDAsMS0xLjMtLjA3Yy0uNTYtLjU2LjE0LTEuNjQuMTQtMS42NGE3LjQ1LDcuNDUsMCwwLDEsNy00LjI0SDQxLjZzMS41Ni4xMSwxLjcxLTEuMjYuMjctMi4zNC4yNy0yLjM0UzQzLjY5Ljg2LDQyLC44NkgxOC4xMVM3Ljc4LS42MiwxLjYsMTAuNzVjMCwwLTQsNy41NS43MiwxNCwwLDAsMi42MywzLjgxLDExLjk0LDMuODFIMzBzMTUuNjUuMDcsMTUuNjUtOC41NlMzMi42MSwxMC43OSwyOS42MiwxMC43OVpNMjMuMzcsMjUuMjVjLTUuNjYsMC0xMy43NC42NS0xMy43NC01LDAtNi40LDcuODItNi4wNyw3LjgyLTYuMDdoNy43NWMzLjE3LDAsMTEuMjcuMSwxMS4yNyw1LjU2UzI5LDI1LjI1LDIzLjM3LDI1LjI1WiIvPgo8cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNODEsLjg2Yy0xNCwwLTEyLjI3LDAtMTIuMjcsMFM1Mi44Mi0uMTEsNTEuMjgsMTFsLS41NCw1Ljc2UzUwLDI0LjEzLDU2LDI3YzAsMCwzLjM1LDEuOTEsOS44OSwxLjkxSDc5LjhzMTMuNzguMzIsMTQuNS0xMC42MWwuMzYtNi45NFM5NSwuODYsODEsLjg2Wm00LjIxLDE3Ljc0Yy0uNjUsNy40OC04LjU2LDcuMTItOC41Niw3LjEycy0xLjguMTgtMTAuMTgtLjA3UzU5LjU5LDE1LjUsNTkuNTksMTUuNWwuMjktM2MuNzktOSw4LjY3LTguMzEsOC42Ny04LjMxcy0uNzYtLjExLDguOTItLjExUzg1LjksMTEsODUuMjQsMTguNTlaIi8+CjxwYXRoIGQ9Ik0xMzIsMjkuMUgxMDNWMjUuMjhoLjU4YTUuMjcsNS4yNywwLDAsMCw0LTEuMzYsNC4xOSw0LjE5LDAsMCwwLDEuMDgtMi44MVYxMC4zaDExLjQ5VjIxLjUxYzAsMi45MSwyLjExLDMuMzIsMi4xOSwzLjM0YTY0LDY0LDAsMCwwLDYuNC4zMmM2LjM0LDAsMjEuMDktMSwyMS4wOS0xMC43NCwwLTkuMTEtMTkuNjQtOS44MS0yNS42Ni05LjgxLTEuMjEsMC0xLjk0LDAtMS45NSwwSDEwNC42MXYtNEgxMjJsMSwwYy45MSwwLDIuMjQsMCwzLjg4LDAsMTMuMTksMCwzNS4zMSwxLjgsMzUuMzEsMTMuODNDMTYyLjIsMjguMzksMTM3LDI5LjEsMTMyLDI5LjFaIi8+CjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyNi44OSwxLjE1YzEwLjgxLDAsMzQuNzMsMS4xMywzNC43MywxMy4yNSwwLDEzLjQ5LTI1LDE0LjEzLTI5LjY2LDE0LjEzSDEwMy41NFYyNS44NmM1Ljg2LDAsNS42MS00Ljc3LDUuNjEtNC43N1YxMC44OGgxMC4zNFYyMS41MWMwLDMuNDcsMi42NywzLjksMi42NywzLjlhNjQuMDUsNjQuMDUsMCwwLDAsNi40OS4zM2M5LjU4LDAsMjEuNjYtMi4xNCwyMS42Ni0xMS4zMUMxNTAuMzIsNC44MSwxMzAuNDksNCwxMjQuMDksNGMtMS4yMywwLTIsMC0yLDBIMTA1LjE5VjEuMjFIMTIyYy42NiwwLDIuNDQtLjA2LDQuOTEtLjA2bTAtMS4xNWMtMS42NCwwLTMsMC0zLjg5LDBsLTEsMEgxMDRWNS4yMmgxOC4wOGMuMDUsMCwuNzgsMCwyLDAsNC4xOSwwLDI1LjA5LjQ1LDI1LjA5LDkuMjQsMCw5LjE3LTE0LjM0LDEwLjE2LTIwLjUxLDEwLjE2YTYyLjg1LDYyLjg1LDAsMCwxLTYuMzMtLjMyYy0uMzEtLjA3LTEuNjktLjUtMS42OS0yLjc2VjkuNzJIMTA4VjIxLjE1YTMuNjIsMy42MiwwLDAsMS0uOTMsMi4zOSw0Ljc0LDQuNzQsMCwwLDEtMy41NCwxLjE3aC0xLjE1djVIMTMyYzUuMTQsMCwzMC44MS0uNzQsMzAuODEtMTUuMjgsMC02LjU3LTYuMjMtMTQuNC0zNS44OC0xNC40WiIvPgo8L3N2Zz4K');
}

.stats .model-range-item .model-number.model-75 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MC45MyAyOC4zIj48cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNNDYuOSwxLjM3VjEycy0uMjIsMS4yNiwxLjMsMS4yNiwxMS4xOS0uMDcsMTkuMTQuNzksMTAuNzIsMywxMC43Miw1LjE4LTIuMyw3LjM3LTIwLjk0LDYuMjZjMCwwLTMuODctLjE4LTQuNDgtMS41M2EyLjc1LDIuNzUsMCwwLDEtLjIyLTEuMjIsMSwxLDAsMCwwLTEuMS0xSDQ2LjQzQTEuMTEsMS4xMSwwLDAsMCw0NS4zMiwyM3YzLjQ1cy0uMTQsMS4yMSwxLjMxLDEuMzMsNy4zLjU4LDE2LjYzLjUzUzkwLjkzLDI3LDkwLjkzLDE5LjE3YzAtNS4yOS04LjU2LTguODEtMzgtOC44MSwwLDAtMS4xOS4xNC0xLjE5LTEuMjJWNS43OEExLjE5LDEuMTksMCwwLDEsNTMsNC42M0g4OC4xczEuMjcuMTIsMS4yNy0xVjEuMjJBMS4xOCwxLjE4LDAsMCwwLDg4LjA4LDBoLTQwQTEuMjUsMS4yNSwwLDAsMCw0Ni45LDEuMzdaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTAsMS41MiwwLDRhLjk0Ljk0LDAsMCwwLC4zMS42NywxLDEsMCwwLDAsLjcuMjZMMzEsNWEuNC40LDAsMCwxLC4zOS4zMy40NC40NCwwLDAsMS0uMjUuNDVTMTAuNjYsMTYuNzksOS4zLDI2LjkyYTEsMSwwLDAsMCwuMTcuNzIuNjcuNjcsMCwwLDAsLjUyLjI0aDcuNzFhMS41NCwxLjU0LDAsMCwwLC44Ny0uMzMuOS45LDAsMCwwLC4zNy0uNjFTMTkuNTUsMTYsNDEuMzcsNC44M2ExLDEsMCwwLDAsLjQ4LS4zOCwxLjkzLDEuOTMsMCwwLDAsLjEyLS44bDAtMi4xM2ExLjE0LDEuMTQsMCwwLDAtLjMtLjc0Ljg4Ljg4LDAsMCwwLS42MS0uMjVILjkzYTEuMDksMS4wOSwwLDAsMC0uNjcuM0ExLjExLDEuMTEsMCwwLDAsMCwxLjUyWiIvPjwvc3ZnPg==');
}

.stats .model-range-item .model-number.model-75D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTYuMyAyOS42OCI+CjxzdHlsZT4KLmNscy0ye2ZpbGw6IzIzMWYyMDt9Ci5jbHMtM3tmaWxsOiNkMGQyZDM7fQo8L3N0eWxlPgo8cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNNDYuOSwyLjJWMTIuODVzLS4yMiwxLjI2LDEuMywxLjI2LDExLjE5LS4wNywxOS4xNC43OSwxMC43MiwzLDEwLjcyLDUuMTgtMi4zLDcuMzctMjAuOTQsNi4yNmMwLDAtMy44Ny0uMTgtNC40OC0xLjUzYTIuNzUsMi43NSwwLDAsMS0uMjItMS4yMiwxLDEsMCwwLDAtMS4xLTFINDYuNDNhMS4xMSwxLjExLDAsMCwwLTEuMTIsMS4yNHYzLjQ1cy0uMTQsMS4yMSwxLjMxLDEuMzMsNy4zLjU4LDE2LjYzLjUzUzkwLjkzLDI3Ljg1LDkwLjkzLDIwYzAtNS4yOS04LjU2LTguODEtMzgtOC44MSwwLDAtMS4xOS4xNC0xLjE5LTEuMjJWNi42MUExLjE5LDEuMTksMCwwLDEsNTMsNS40Nkg4OC4xczEuMjcuMTIsMS4yNy0xVjIuMDZBMS4xOCwxLjE4LDAsMCwwLDg4LjA4LjgzaC00MEExLjI1LDEuMjUsMCwwLDAsNDYuOSwyLjJaIi8+CjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEyNS40OSwyOS4xaC0yOVYyNS4yOGguNThhNS4yNyw1LjI3LDAsMCwwLDQtMS4zNiw0LjE5LDQuMTksMCwwLDAsMS4wOC0yLjgxVjEwLjNIMTEzLjZWMjEuNTFjMCwyLjkxLDIuMTEsMy4zMiwyLjE5LDMuMzRhNjMuNzEsNjMuNzEsMCwwLDAsNi40LjMyYzYuMzQsMCwyMS4wOS0xLDIxLjA5LTEwLjc0LDAtOS4xMS0xOS42NC05LjgxLTI1LjY2LTkuODEtMS4yMSwwLTEuOTQsMC0xLjk0LDBIOTguMTR2LTRoMTcuMzZsMSwwYy45MSwwLDIuMjQsMCwzLjg4LDAsMTMuMTksMCwzNS4zMSwxLjgsMzUuMzEsMTMuODNDMTU1LjcyLDI4LjQsMTMwLjU0LDI5LjEsMTI1LjQ5LDI5LjFaIi8+CjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEyMC40MiwxLjE1YzEwLjgxLDAsMzQuNzMsMS4xMywzNC43MywxMy4yNSwwLDEzLjQ5LTI1LDE0LjEzLTI5LjY2LDE0LjEzSDk3LjA3VjI1Ljg2YzUuODYsMCw1LjYxLTQuNzcsNS42MS00Ljc3VjEwLjg4SDExM1YyMS41MWMwLDMuNDcsMi42NywzLjksMi42NywzLjlhNjQuMDYsNjQuMDYsMCwwLDAsNi40OS4zM2M5LjU4LDAsMjEuNjYtMi4xNCwyMS42Ni0xMS4zMUMxNDMuODUsNC44MSwxMjQsNCwxMTcuNjIsNGMtMS4yMywwLTIsMC0yLDBIOTguNzJWMS4yMWgxNi43OWMuNjYsMCwyLjQ0LS4wNiw0LjkxLS4wNm0wLTEuMTVjLTEuNjQsMC0zLDAtMy44OSwwbC0xLDBIOTcuNTdWNS4yMmgxOC4wOGMuMDUsMCwuNzgsMCwyLDAsNC4xOSwwLDI1LjA5LjQ1LDI1LjA5LDkuMjQsMCw5LjE3LTE0LjM0LDEwLjE2LTIwLjUxLDEwLjE2YTYyLjg2LDYyLjg2LDAsMCwxLTYuMzMtLjMyYy0uMzEtLjA3LTEuNjktLjUtMS42OS0yLjc2VjkuNzJIMTAxLjUzVjIxLjE1YTMuNjIsMy42MiwwLDAsMS0uOTMsMi4zOSw0Ljc0LDQuNzQsMCwwLDEtMy41NCwxLjE3SDk1LjkydjVoMjkuNTdjNS4xNCwwLDMwLjgxLS43NCwzMC44MS0xNS4yOCwwLTYuNTctNi4yMy0xNC40LTM1Ljg4LTE0LjRaIi8+CjxwYXRoIGZpbGw9IiNiYmJkYmYiIGQ9Ik0wLDIuMzUsMCw0LjgzYS45NC45NCwwLDAsMCwuMzEuNjcsMSwxLDAsMCwwLC43LjI2bDMwLDBhLjQuNCwwLDAsMSwuMzkuMzMuNDQuNDQsMCwwLDEtLjI1LjQ1UzEwLjY2LDE3LjYyLDkuMywyNy43NmExLDEsMCwwLDAsLjE3LjcyLjY3LjY3LDAsMCwwLC41Mi4yNGg3LjcxYTEuNTQsMS41NCwwLDAsMCwuODctLjMzLjkuOSwwLDAsMCwuMzctLjYxcy42MS0xMC45MywyMi40Mi0yMi4xMmExLDEsMCwwLDAsLjQ4LS4zOCwxLjkzLDEuOTMsMCwwLDAsLjEyLS44bDAtMi4xM2ExLjE0LDEuMTQsMCwwLDAtLjMtLjc0Ljg4Ljg4LDAsMCwwLS42MS0uMjVILjkzYTEuMDksMS4wOSwwLDAsMC0uNjcuM0ExLjExLDEuMTEsMCwwLDAsMCwyLjM1WiIvPgo8L3N2Zz4K');
}

.stats .model-range-item .model-number.model-90D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAuNDYgMjkuNjgiPjxwYXRoIGQ9Ik0xMjkuNjUsMjkuMWgtMjlWMjUuMjhoLjU4YTUuMjcsNS4yNywwLDAsMCw0LTEuMzYsNC4xOSw0LjE5LDAsMCwwLDEuMDgtMi44MVYxMC4zaDExLjQ5VjIxLjUxYzAsMi45MSwyLjExLDMuMzIsMi4xOSwzLjM0YTYzLjcxLDYzLjcxLDAsMCwwLDYuNC4zMmM2LjM0LDAsMjEuMDktMSwyMS4wOS0xMC43NCwwLTkuMTEtMTkuNjQtOS44MS0yNS42Ni05LjgxLTEuMjEsMC0xLjk0LDAtMS45NCwwSDEwMi4zdi00aDE3LjM2bDEsMGMuOTEsMCwyLjI1LDAsMy44OCwwLDEzLjE5LDAsMzUuMzEsMS44LDM1LjMxLDEzLjgzQzE1OS44OCwyOC4zOSwxMzQuNywyOS4xLDEyOS42NSwyOS4xWiIvPjxwYXRoIGZpbGw9IiNkMGQyZDMiIGQ9Ik0xMjQuNTgsMS4xNWMxMC44MSwwLDM0LjczLDEuMTMsMzQuNzMsMTMuMjUsMCwxMy40OS0yNSwxNC4xMy0yOS42NiwxNC4xM0gxMDEuMjNWMjUuODZjNS44NiwwLDUuNjEtNC43Nyw1LjYxLTQuNzdWMTAuODhoMTAuMzRWMjEuNTFjMCwzLjQ3LDIuNjcsMy45LDIuNjcsMy45YTY0LjA1LDY0LjA1LDAsMCwwLDYuNDkuMzNjOS41OCwwLDIxLjY2LTIuMTQsMjEuNjYtMTEuMzFDMTQ4LDQuODEsMTI4LjE4LDQsMTIxLjc3LDRjLTEuMjMsMC0yLDAtMiwwSDEwMi44OFYxLjIxaDE2Ljc5Yy42NiwwLDIuNDQtLjA2LDQuOTEtLjA2bTAtMS4xNWMtMS42NCwwLTMsMC0zLjg5LDBsLTEsMEgxMDEuNzJWNS4yMmgxOC4wOGMuMDUsMCwuNzgsMCwyLDAsNC4xOSwwLDI1LjA5LjQ1LDI1LjA5LDkuMjQsMCw5LjE3LTE0LjM0LDEwLjE2LTIwLjUxLDEwLjE2YTYyLjg1LDYyLjg1LDAsMCwxLTYuMzMtLjMyYy0uMzEtLjA3LTEuNjktLjUtMS42OS0yLjc2VjkuNzJIMTA1LjY5VjIxLjE1YTMuNjIsMy42MiwwLDAsMS0uOTMsMi4zOSw0Ljc0LDQuNzQsMCwwLDEtMy41NCwxLjE3aC0xLjE1djVoMjkuNTdjNS4xNCwwLDMwLjgxLS43NCwzMC44MS0xNS4yOCwwLTYuNTctNi4yMy0xNC40LTM1Ljg4LTE0LjRaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTMyLjU5LjlIMTMuMzVDNy4xOS45LDAsNC4xNSwwLDkuODdjMCw2LjU2LDcuMjUsOSwxMy42OSw5SDM0Ljg3YS44MS44MSwwLDAsMSwuODEuOTJjLS41MSwzLjI0LTQsNC4yLTguNDgsNC4ySDUuNDhjLS45LDAtMS4xNS42Ny0xLjI3LDEuNTRsLS4zMSwyLjI1QTEuMjIsMS4yMiwwLDAsMCw1LjEzLDI5SDI4LjM2YzYuNjIsMCwxNi4xMS0zLjMsMTYuODYtMTQuNjFDNDUuNjgsNy41Myw0MS40Mi45LDMyLjU5LjlaTTI4Ljc2LDE1LjRIMTYuODVjLTQsMC04LjQzLTEuNDktOC40My01LjUyLDAtMy41Miw0LTUuNTIsNy43Ni01LjUySDI5LjExYzQuMjIsMCw2LjU3LDIuNTEsNyw1LjUyQzM2Ljg3LDE0LjkyLDM0LjYzLDE1LjQsMjguNzYsMTUuNFoiLz48cGF0aCBmaWxsPSIjYmJiZGJmIiBkPSJNNzguNTEsMWMtMTQsMC0xMi4yNywwLTEyLjI3LDBTNTAuMywwLDQ4Ljc2LDExLjEzbC0uNTQsNS43NnMtLjc2LDcuMzQsNS4yOSwxMC4xOGMwLDAsMy4zNSwxLjkxLDkuODksMS45MUg3Ny4yOHMxMy43OC4zMiwxNC41LTEwLjYxbC4zNi02Ljk0UzkyLjUsMSw3OC41MSwxWm00LjIxLDE3Ljc0Yy0uNjUsNy40OC04LjU2LDcuMTItOC41Niw3LjEyUzcyLjM2LDI2LDY0LDI1Ljc0cy02LjkxLTEwLjE0LTYuOTEtMTAuMTRsLjI5LTNDNTguMTUsMy41OCw2Niw0LjMsNjYsNC4zcy0uNzYtLjExLDguOTItLjExUzgzLjM4LDExLjA2LDgyLjcyLDE4LjY5WiIvPjwvc3ZnPg==');
}

.stats .model-range-item .model-number.model-P100D {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTcuMTMgMzIuNjkiPjxwYXRoIGZpbGw9IiNiYmJkYmYiIGQ9Ik0xMzkuMiwxMy44NWwtLjE1LTEuMjgtLjI5LTEuMjlMMTM4LjMyLDEwaDBsLS40MS0uOC0uNDktLjc4LS41OC0uNzEtLjY1LS42NS0xLS43NC0xLS42Mi0xLjA2LS41aDBsLTEuODItLjYxLTEuODYtLjM4TDEyNy42MSw0bC0xLjg0LS4wOUwxMjQsMy44N2gwbC01LjQyLS4wNS01LjQxLDBoMGwtMS45MSwwTDEwOS4yOSw0bC0xLjk0LjI0LTEuOTIuNDEtMS44Ny42aDBsLTEuMTcuNTEtMS4xNS42Mi0xLjA4Ljc1LTEsLjg5TDk4LjMsOWwtLjc0LDEuMUw5NywxMS4zbC0uNDUsMS4yMy0uMzIsMS4yNy0uMjgsMS45LS4xMywxLjg3aDBsMCwuNzhoMGwtLjA4LDEuNzcuMDUsMS44Mi4xNiwxLjI0LjMsMS4yMi40NSwxLjE4aDBsLjQ2Ljg1LjU2Ljc5LjY0LjczLjcuNjUsMSwuNzQsMS4wOS41OSwxLjE0LjQ5aDBsMS44NS41NCwxLjg3LjM2LDEuODguMjQsMS44Ny4xMiwxLjg3LjA1aDBsNS40My4wNSw1LjQ0LDBoMGwxLjg1LS4wNSwxLjg3LS4wOSwxLjg4LS4yMkwxMzAsMzFsMS44NC0uNThoMGwxLjEtLjQ2LDEuMDYtLjU3LDEtLjY5LjctLjU5LjYzLS42Ni41OC0uNzEuNS0uNzZoMGwuNTktMS4yMi40NS0xLjI1LjI5LTEuMy4yNC0xLjkxLjEyLTEuODdoMGwuMDUtLjc5aDBsLjA4LTEuODRabS04Ljg4LDNMMTMwLjIsMTksMTMwLDIxLjA5di4wOWgwbC0uMjYsMS40M0wxMjkuMjcsMjRsLS4zMS43LS4zNy42Ni0uNDUuNjEtLjQ4LjUyLS4wNy4wNi0uNjUuNTQtLjc3LjQ3LS44Mi4zNi0uODYuMjUtMS4xNy4yMS0xLjE4LjA5LTEuMTMsMGgtLjFsLTMuOTEsMC0zLjg4LS4wNUgxMTNsLTEuMDgsMC0xLjEyLS4wOS0xLjExLS4xNy0uODItLjIxLS43OC0uMy0uNzQtLjQxLS42Mi0uNDctLjA3LS4wNi0uNTMtLjUzLS40Ni0uNjItLjM4LS42OS0uMzEtLjcxLS4yOS0xLS4xOC0xLS4wOS0xdi0uMDlsMC0yLjA5LjEyLTIuMTQuMjUtMmgwbDAtLjE3LjMyLTEuNTEuNTMtMS41TDEwNiwxMWwuNDEtLjY3LjQ4LS42NC41My0uNTQuMDctLjA2LjY1LS41Mi43Ny0uNDUuODMtLjM2Ljg3LS4yNSwxLjE3LS4yMSwxLjItLjA5LDEuMTctLjA1aC4wOWwzLjkyLDAsMy45NC4wNWguMDlsMS4wOSwwLDEuMTUuMDksMS4xNS4yLjgzLjI0LjguMzYuNzMuNDcuNi41Ny4wNi4wNy40NC41Ni4zNy42NS4yOS42OS4yMy43My4yNiwxLjQ3LjEsMS40NnYyLjE3WiIvPjxwYXRoIGZpbGw9IiNiYmJkYmYiIGQ9Ik0xODguOCwxMy44NWwtLjE1LTEuMjgtLjI5LTEuMjlMMTg3LjkxLDEwaDBsLS40MS0uOEwxODcsOC40M2wtLjU4LS43MS0uNjUtLjY1LTEtLjc0LTEtLjYyLTEuMDctLjVoMGwtMS44Mi0uNjEtMS44Ni0uMzhMMTc3LjIxLDRsLTEuODQtLjA5LTEuOC0uMDVoMGwtNS40Mi0uMDUtNS40MiwwaDBsLTEuOTEsMEwxNTguODksNCwxNTcsNC4yNCwxNTUsNC42NGwtMS44Ny42aDBMMTUyLDUuNzdsLTEuMTUuNjItMS4wOC43NS0xLC44OS0uODcsMS0uNzQsMS4xLS42LDEuMTktLjQ1LDEuMjMtLjMyLDEuMjctLjI4LDEuOS0uMTMsMS44N2gwbDAsLjc4aDBsLS4wOCwxLjc3LjA1LDEuODIuMTYsMS4yNC4zLDEuMjIuNDUsMS4xOGgwbC40Ni44NS41NS43OS42NC43My43LjY1LDEsLjc0LDEuMS41OSwxLjE0LjQ5aDBsMS44NC41NCwxLjg3LjM2LDEuODguMjQsMS44Ny4xMiwxLjg3LjA1aDBsNS40My4wNSw1LjQ0LDBoMGwxLjg1LS4wNSwxLjg3LS4wOSwxLjg4LS4yMiwxLjg5LS4zOCwxLjg0LS41OGgwbDEuMDktLjQ2LDEuMDYtLjU3LDEtLjY5LjctLjU5LjYzLS42Ni41OC0uNzEuNS0uNzZoMGwuNTktMS4yMi40NS0xLjI1LjI5LTEuMy4yNC0xLjkxLjEyLTEuODdoMGwuMDUtLjc5aDBsLjA4LTEuODRabS04Ljg4LDNMMTc5LjgsMTlsLS4yMywyLjA4di4wOWgwbC0uMjUsMS40M0wxNzguODcsMjRsLS4zLjctLjM3LjY2LS40NS42MS0uNDguNTItLjA3LjA2LS42NS41NC0uNzcuNDdMMTc1LDI4bC0uODYuMjUtMS4xOC4yMS0xLjE4LjA5LTEuMTMsMGgtLjFsLTMuOTEsMC0zLjg4LS4wNWgtLjFsLTEuMDgsMC0xLjEyLS4wOS0xLjExLS4xNy0uODItLjIxLS43OC0uMy0uNzQtLjQxLS42Mi0uNDctLjA3LS4wNi0uNTMtLjUzLS40Ni0uNjItLjM5LS42OS0uMy0uNzEtLjI5LTEtLjE4LTEtLjA5LTF2LS4wOUwxNTQsMTlsLjEyLTIuMTQuMjUtMmgwbDAtLjE3LjMyLTEuNTEuNTMtMS41LjM0LS43MS40MS0uNjcuNDgtLjY0LjUzLS41NC4wNy0uMDYuNjUtLjUyLjc3LS40NS44My0uMzYuODctLjI1LDEuMTctLjIxLDEuMi0uMDksMS4xNy0uMDVoLjA5bDMuOTIsMCwzLjk1LjA1aC4wOWwxLjA5LDAsMS4xNS4wOSwxLjE1LjIuODMuMjQuOC4zNi43My40Ny42LjU3LjA2LjA3LjQ0LjU2LjM3LjY1LjI5LjY5LjIyLjczLjI2LDEuNDcuMSwxLjQ2djIuMTdaIi8+PHBhdGggZmlsbD0iI2JiYmRiZiIgZD0iTTg5LjI5LDI4LjgxYy0xLjU2LS4yNy0yLjg1LS41OC0zLjE1LTEuNjNhNS41MSw1LjUxLDAsMCwxLS4xOC0xYzAtLjM4LDAtMywwLTMuNjZzLjMxLTYuOTEuMzEtNi45MWgwbC42LTExLjQxSDcxLjUybC0uMTQsMi43MWMxLC4wOCwyLC4yMSwzLC4zNywxLjU2LjI3LDIuODUuNTgsMy4xNSwxLjYzYTUuNiw1LjYsMCwwLDEsLjE4LDFjMCwuMzgsMCwzLjY4LDAsNC4zNiwwLC40Ny0uMTcsMy45My0uMyw2LjIzLS4wNiwxLS41Miw1LjMtLjYsNS42OGE1LjkzLDUuOTMsMCwwLDEtLjI4LDFjLS40MSwxLjA1LTEuNzMsMS4zNi0zLjMyLDEuNjMtMSwuMTctMiwuMjktMy4wNy4zOEw3MCwzMS44OUg5Mi4xOGwuMTQtMi43MUM5MS4yOSwyOS4xLDkwLjI4LDI5LDg5LjI5LDI4LjgxWiIvPjxwYXRoIGZpbGw9IiNlYzFjMjQiIGQ9Ik0yLDMxLjI3YTEsMSwwLDAsMS0xLTFWMjkuNmExLDEsMCwwLDEsMS0xQTEzLjMxLDEzLjMxLDAsMCwwLDguMjMsMjdhMS4yOCwxLjI4LDAsMCwwLC40OS0uODUsODMuNzksODMuNzksMCwwLDAsLjUyLTEwLjM2LDEsMSwwLDAsMSwuMjMtLjc0LjkzLjkzLDAsMCwxLC43Mi0uMzFIMzUuOTNjMi4yMywwLDEzLjMzLS4yNiwxMy4zMy01LjQ4LDAtNS43MS0xNS01Ljc3LTE1LjY5LTUuNzdINC43N2ExLjQsMS40LDAsMCwxLS42OC0uMTgsNi40OCw2LjQ4LDAsMCwwLTIuNjctLjc0LjkuOSwwLDAsMS0uODUtLjg2VjEuNDhBLjc4Ljc4LDAsMCwxLC43OC45Mi44NS44NSwwLDAsMSwxLjQ0LjY1TDM0LC41OEE5OC4yOCw5OC4yOCwwLDAsMSw0OS4yMiwxLjc2YzguNCwxLjQ1LDEyLjY2LDQuMDgsMTIuNjYsNy44MSwwLDguMjEtMjEuMTgsOS4xNi0zNy4xMSw5LjE2SDIzLjEzYy0uMjMsMC0xLC4xMi0xLDEuMzEsMCwxLjg2LjI0LDUuNDEuMjQsNS40NWE1LjE3LDUuMTcsMCwwLDAsLjEzLDEuMDVDMjMsMjcuMjYsMjQuNjksMjcuNywyNiwyOGE0MS44LDQxLjgsMCwwLDAsNi4zNy42NGgwYTEsMSwwLDAsMSwxLDFjMCwuNDMsMCwuNTgsMCwuNmExLjA1LDEuMDUsMCwwLDEtLjI2Ljc2LDEsMSwwLDAsMS0uNzUuMzFaIi8+PHBhdGggZmlsbD0iI2QwZDJkMyIgZD0iTTM0LDEuMTVjNCwwLDI3LjMzLjM0LDI3LjMzLDguNDIsMCw4LjM3LTI1LjYzLDguNTktMzYuNTQsOC41OUgyMy4xM2ExLjY1LDEuNjUsMCwwLDAtMS41NywxLjljMCwxLjg5LjI0LDUuNDcuMjQsNS40N2E0Ljc5LDQuNzksMCwwLDAsLjIxLDEuM2MuMTYuMjMuNTgsMS4wNywzLjkzLDEuNjlhNDIsNDIsMCwwLDAsNi40Ny42NWgwYS40LjQsMCwwLDEsLjQzLjQ0YzAsLjQ4LDAsLjYzLDAsLjYzYS40MS40MSwwLDAsMS0uNDMuNDVIMmEuNDEuNDEsMCwwLDEtLjQtLjQyVjI5LjZBLjQ0LjQ0LDAsMCwxLDIsMjkuMTdjLjQxLDAsNC4yLS4xLDYuNTYtMS42NWExLjg2LDEuODYsMCwwLDAsLjc1LTEuMjYsODQuMjcsODQuMjcsMCwwLDAsLjUyLTEwLjQzcy0uMDYtLjQ3LjM4LS40N0gzNS45M2MyLjgyLDAsMTMuOS0uMzYsMTMuOS02LjA2QzQ5LjgzLDMuMTEsMzUuMTEsMywzMy41NywzSDQuNzdhLjgzLjgzLDAsMCwxLS40LS4xMUE2Ljg0LDYuODQsMCwwLDAsMS40OSwycy0uMzQsMC0uMzQtLjI5VjEuNDhzMC0uMjUuMjktLjI1bDMyLS4wN0gzNE0zNCwwSDMzLjRMMS40NC4wN0ExLjQ0LDEuNDQsMCwwLDAsLjM1LjU0YTEuMzksMS4zOSwwLDAsMC0uMzUsMXYuMjRBMS40NiwxLjQ2LDAsMCwwLDEuMzcsMy4xOGE2LDYsMCwwLDEsMi4zOC42NGwuMDYsMGEyLDIsMCwwLDAsMSwuMjZoMjguOGM2LjA3LDAsMTUuMTEsMS4zOCwxNS4xMSw1LjIsMCw0Ljc3LTExLjQ1LDQuOTEtMTIuNzUsNC45MUgxMC4xOUExLjUsMS41LDAsMCwwLDksMTQuNzFhMS42MiwxLjYyLDAsMCwwLS4zOCwxLjE2LDgzLDgzLDAsMCwxLS41MSwxMC4yNC43NC43NCwwLDAsMS0uMjMuNDRBMTIuNjgsMTIuNjgsMCwwLDEsMiwyOCwxLjU3LDEuNTcsMCwwLDAsLjQxLDI5LjU1di43MmExLjU0LDEuNTQsMCwwLDAsMS41MSwxLjU3SDMyLjQzYTEuNTcsMS41NywwLDAsMCwxLjE3LS40OSwxLjYzLDEuNjMsMCwwLDAsLjQxLTEuMmgwczAtLjE1LDAtLjU0QTEuNTUsMS41NSwwLDAsMCwzMi40MywyOGgwYTQxLjM2LDQxLjM2LDAsMCwxLTYuMjMtLjYzYy0xLjktLjM1LTIuODQtLjc5LTMuMTEtMS4xYTcuMTMsNy4xMywwLDAsMS0uMDgtLjgxcy0uMjEtMy41OS0uMjQtNS40NGEuOTMuOTMsMCwwLDEsLjE0LS42LjU4LjU4LDAsMCwxLC4yOC0uMTNoMS42M2MxNy41NSwwLDM3LjY5LTEuMTEsMzcuNjktOS43NEM2Mi40Ni42OSw0MC42NiwwLDM0LDBaIi8+PHBhdGggZmlsbD0iI2VjMWMyNCIgZD0iTTIyNi4zMiwzMi4xMmgtMjlWMjguM2guNThhNS4yNyw1LjI3LDAsMCwwLDQtMS4zNiw0LjE5LDQuMTksMCwwLDAsMS4wOC0yLjgxVjEzLjMxaDExLjQ5VjI0LjUyYzAsMi45MSwyLjExLDMuMzIsMi4xOSwzLjM0YTYzLjg1LDYzLjg1LDAsMCwwLDYuNC4zMmM2LjM0LDAsMjEuMDktMSwyMS4wOS0xMC43NCwwLTkuMTEtMTkuNjQtOS44MS0yNS42Ni05LjgxLTEuMjEsMC0xLjk0LDAtMS45NSwwSDE5OXYtNGgxNy4zNmwxLDBjLjkxLDAsMi4yNSwwLDMuODgsMCwxMy4xOSwwLDM1LjMxLDEuOCwzNS4zMSwxMy44M0MyNTYuNTUsMzEuNDEsMjMxLjM2LDMyLjEyLDIyNi4zMiwzMi4xMloiLz48cGF0aCBmaWxsPSIjZDBkMmQzIiBkPSJNMjIxLjI0LDQuMTZDMjMyLjA1LDQuMTYsMjU2LDUuMjksMjU2LDE3LjQxYzAsMTMuNDktMjUsMTQuMTMtMjkuNjYsMTQuMTNIMTk3Ljg5VjI4Ljg3YzUuODYsMCw1LjYxLTQuNzcsNS42MS00Ljc3VjEzLjg5aDEwLjM0VjI0LjUyYzAsMy40NywyLjY3LDMuOSwyLjY3LDMuOWE2NC4wNiw2NC4wNiwwLDAsMCw2LjQ5LjMzYzkuNTgsMCwyMS42Ni0yLjE0LDIxLjY2LTExLjMxQzI0NC42OCw3LjgyLDIyNC44NCw3LDIxOC40NCw3Yy0xLjIzLDAtMiwwLTIsMEgxOTkuNTRWNC4yMmgxNi43OWMuNjYsMCwyLjQ0LS4wNiw0LjkxLS4wNm0wLTEuMTVjLTEuNjQsMC0zLDAtMy44OSwwbC0xLDBIMTk4LjM5VjguMjNoMTguMDhjLjA1LDAsLjc4LDAsMiwwLDQuMTksMCwyNS4wOS40NSwyNS4wOSw5LjI0LDAsOS4xNy0xNC4zNCwxMC4xNi0yMC41MSwxMC4xNmE2Mi44Niw2Mi44NiwwLDAsMS02LjMzLS4zMmMtLjMxLS4wNy0xLjY5LS41LTEuNjktMi43NlYxMi43NEgyMDIuMzZWMjQuMTdhMy42MiwzLjYyLDAsMCwxLS45MywyLjM5LDQuNzQsNC43NCwwLDAsMS0zLjU0LDEuMTdoLTEuMTV2NWgyOS41N2M1LjE0LDAsMzAuODEtLjc0LDMwLjgxLTE1LjI4LDAtNi41Ny02LjIzLTE0LjQtMzUuODgtMTQuNFoiLz48L3N2Zz4=');
}

.selector-container{
    width: 190px;
    float: left;
    margin-right: 30px;
}

.selector-container .selector-name{
    display: block;
    text-align: left;
    font-weight:100;
    font-family: 'Roboto';
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 10px;
}

.selector-wrapper {
    width: 100%;
    height: 65px;
    float: left;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    outline: none;
}

.selector-wrapper.focused {
    background-color: #eee;
}

.selector-wrapper .button {
    height: 27px;
    width: 27px;
    position: absolute;
    right: 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
    background-size: 60%;
}

.selector-wrapper .button.disabled {
    opacity: 0.3;
    cursor: no-drop;
}

.selector-wrapper .button.button-up {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiMxODkzRkMiIHBvaW50cz0iNTcuMiwzMiAzMCw1LjQgMi44LDMyIDAsMjkuMyAzMCwwIDYwLDI5LjMgCSIvPgo8L2c+Cjwvc3ZnPgo=');
    top: 4px;
}

.selector-wrapper .button.button-down {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjAgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIGZpbGw9IiMxODkzRkMiIHBvaW50cz0iNjAsMi43IDMwLDMyIDAsMi43IDIuOCwwIDMwLDI2LjYgNTcuMiwwIAkiLz4KPC9nPgo8L3N2Zz4K');
    bottom: 4px;
}

.selector-wrapper .seperator {
    width: 27px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    top:0;
    bottom:0;
    position: absolute;
    right: 10px;
    margin: auto;
    height: 2px;
    box-sizing: border-box;
}

.selector-wrapper .selector-value {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 25px;
    line-height: 62px;
    font-weight: 400;
    position: relative;
    margin-left: 30px;
 }

.selector-wrapper .selector-value .metric{
    position: absolute;
    left: 35px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: inherit;
    line-height: 55px;
}

.wheels-container {
    float: left;
    width: 355px;
}

.wheels-container .wheels-wrapper{

}

.wheels-container .wheels-wrapper .wheels-component-name{
    display: block;
    text-align: left;
    font-weight: 100;
    font-family: 'Roboto';
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 10px;
}

.wheels-container .wheels-wrapper .wheel-wrapper {
    width: 47%;
    height: 65px;
    float: left;
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    outline: none;
    margin-right: 10px;
    margin: 0 8px 0 0;
    cursor: pointer;
}

.wheels-container .wheels-wrapper .wheel-wrapper.selected {
    border-color: #39f;
    box-shadow: inset 0px 0px 0px 1px #39f;
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-icon {
    width: 43px;
    height: 43px;
    margin-top: 10px;
    margin-left: 25px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100%;
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-icon.wheel-19 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDMiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCAxNjAgMTYwIj48c3R5bGU+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE0OS44IDc1LjJjLTEtMTQuMi01LjgtMjctMTQuNi0zOC4yLTEwLjUtMTMuNC0yNC4xLTIxLjktNDAuNy0yNS41LTMuOC0uOC03LjYtMS4zLTExLjQtMS40LS4yIDAtLjMgMC0uNS0uMWgtNS4yYy0uNy4xLTEuNC4xLTIuMS4yLTE5LjIgMS41LTM1LjIgOS40LTQ3LjkgMjMuNy04LjQgOS40LTEzLjcgMjAuNC0xNi4xIDMyLjgtLjcgMy4zLTEuMSA2LjctMS4yIDEwLjEgMCAuMi0uMS40LS4xLjZ2NS4yYy4xLjcuMSAxLjUuMiAyLjIgMSAxMy42IDUuNSAyNiAxMy43IDM2LjkgMTAuNSAxNCAyNC40IDIyLjkgNDEuNSAyNi43IDMuOC44IDcuNyAxLjMgMTEuNiAxLjUuMiAwIC4zIDAgLjUuMWg1LjJjLjctLjEgMS40LS4xIDIuMi0uMiAxNS4yLTEuMSAyOC42LTYuNSA0MC4zLTE2LjMgMTEuMi05LjQgMTguNy0yMS4zIDIyLjYtMzUuNCAxLjMtNC45IDIuMS05LjkgMi4zLTE1IDAtLjIuMS0uNC4xLS42di01LjJjLS4zLS42LS4zLTEuNC0uNC0yLjF6bS00OS41LTM1LjNjMi4xLTMuNSA0LjMtNi45IDYuNC0xMC4zbC45LTEuMmMuMy0uMy42LS40LjktLjIuOC41IDEuNy45IDIuNSAxLjQgMi45IDEuOCA1LjcgMy44IDguMSA2LjEgMS45IDEuOCAzLjcgMy42IDUuNSA1LjUuOC44IDEuNSAxLjggMi4zIDIuNy43LjguNiAxLS4yIDEuNi0xLjQgMS4xLTIuOSAyLjItNC40IDMuMy01LjEgMy42LTEwLjIgNy4xLTE1LjYgMTAuMi0yLjQgMS40LTQuOCAyLjctNy41IDMuNC0uMSAwLS4yLjEtLjMuMS0xIC40LTEuNy4xLTIuNS0uNi0xLS45LTIuMS0xLjctMy4yLTIuNS0uNy0uNS0xLTEtLjktMS43LjEtMi4zLjktNC4yIDEuNy02LjIgMS45LTQgNC4xLTcuOSA2LjMtMTEuNnpNNzkuOCAyMS4yYzAtLjQuMi0uNi42LS42aDEuNWMzLjUuMiA2LjguNSAxMCAxLjIgMS41LjMgMS41LjQgMS4xIDEuOC0xLjIgMy45LTIuNSA3LjgtMy43IDExLjctMS42IDUuMS0zLjEgMTAuMy00LjcgMTUuNS0uNCAxLjQtMSAyLjgtMS41IDQuMS0uMi41LS41LjctMS4xLjctLjYtLjEtLjktLjMtMS0uOS0uMi0xLjUtLjUtMy0uNy00LjUtLjctOC43LS43LTE3LjQtLjctMjYuMSAwLS44LjEtMS44LjItMi45em0uMSA1MC45YzQuMyAwIDcuOCAzLjUgNy44IDcuOHMtMy41IDcuOC03LjggNy44LTcuOC0zLjUtNy44LTcuOCAzLjUtNy44IDcuOC03Ljh6bTQuNyAyNC4yYzAgMi43LTIuMiA0LjktNC45IDQuOXMtNC45LTIuMi00LjktNC45IDIuMi00LjkgNC45LTQuOSA0LjkgMi4yIDQuOSA0Ljl6bS05LjMtMjkuNmMwIDIuNy0yLjIgNC45LTQuOSA0LjlzLTQuOS0yLjItNC45LTQuOSAyLjItNC45IDQuOS00LjkgNC45IDIuMiA0LjkgNC45em0tNi4yIDE4LjJjMCAyLjctMi4yIDQuOS00LjkgNC45cy00LjktMi4yLTQuOS00LjkgMi4yLTQuOSA0LjktNC45YzIuOCAwIDQuOSAyLjEgNC45IDQuOXpNMzkuNyAzNi41YzEuMy0xLjEgMi42LTIuMyAzLjktMy4zIDQuOC0zLjggMTAuMS02LjYgMTUuOC04LjguNC0uMS44LS4yIDEuMS0uNC40LS4yLjYgMCAuOC4zLjMuNi41IDEuMi43IDEuOSAyLjMgNi44IDQuMyAxMy43IDUuOSAyMC43LjYgMi44IDEuMiA1LjYgMS4yIDguOCAwIC4zLS4xLjktLjEgMS41cy0uMyAxLS44IDEuM2MtMS40LjktMi44IDEuOS00LjIgMi44LS41LjMtMSAuMy0xLjUuMS0xLjYtLjctMy0xLjctNC4zLTIuOC0zLTIuNS01LjctNS4zLTguMi04LjMtMy4zLTMuOC02LjUtNy43LTkuNy0xMS42LS4zLS4zLS41LS44LS44LTEuMS0uMS0uNi0uMS0uOS4yLTEuMXpNMjMuOCA2MC44YzEuMi0zLjcgMi44LTcuMiA0LjgtMTAuNS42LTEgLjctMS4xIDEuNy0uNCAyLjYgMS44IDUuMiAzLjcgNy43IDUuNSA1LjEgMy42IDEwLjMgNy4yIDE1LjQgMTAuOSAxLjMuOSAyLjQgMS45IDMuNiAyLjkuNi40LjYuNy4zIDEuNC0uMi42LS41LjgtMS4yLjktMS43LS40LTMuNS0uNy01LjItMS4xLTcuMS0xLjgtMTQuMS00LTIxLjEtNi4zLTEuOC0uNi0zLjYtMS4yLTUuNC0xLjktLjEgMC0uMS0uMS0uMi0uMS0uNi0uNC0uNi0uNS0uNC0xLjN6bTQuNyA0NC4xYy0uNC4yLS44LjMtMS4yLjQtLjcuMi0uOC4yLTEuMS0uNS0uOC0xLjgtMS41LTMuNi0yLjItNS40LTEuMy0zLjYtMi4yLTcuNC0yLjctMTEuMi0uMy0yLjMtLjQtNC42LS42LTYuOC0uMS0uOS4xLTEuMSAxLTEuMSAyLjItLjEgNC40LS4xIDYuNi0uMWgyLjNjNS41LjEgMTAuOS40IDE2LjMgMS4xIDIuNi4zIDUuMi44IDcuNiAxLjguNy4zIDEgLjggMS4yIDEuNS40IDEuNS44IDIuOSAxLjIgNC40LjIuNy4xIDEuMy0uMyAxLjgtMS4zIDEuNy0zLjEgMi45LTQuOSAzLjktNCAyLjMtOC4yIDQuMi0xMi41IDYtMy42IDEuNC03LjIgMi44LTEwLjcgNC4yem0xOC4xIDIxLjZjLS4zLjQtLjYuNy0uOSAxLjEtLjMuMy0uNi4zLS45LjEtMS4xLS45LTIuMy0xLjctMy4zLTIuNi0xLjktMS43LTMuNy0zLjUtNS41LTUuNC0uOS0uOS0uOC0xLjEuMi0xLjkgMi4yLTEuNiA0LjQtMy4yIDYuNi00LjkgNS40LTQuMSAxMC44LTguMSAxNi4yLTEyLjIgMS4yLS45IDIuNS0xLjcgMy44LTIuNi43LS40IDEuNi4yIDEuNyAxLjEtLjEuNC0uMy45LS41IDEuNC0uOSAxLjctMS44IDMuNC0yLjggNS00LjcgNy4zLTkuNiAxNC4xLTE0LjYgMjAuOXptNDEuMyAxMS43YzAgLjMtLjIuNi0uNi42LTEgLjEtMi4xLjMtMy4xLjQtMS40LjEtMi44LjEtMy42LjEtNi4zIDAtMTEuNy0uOC0xNy4xLTIuMy0xLjYtLjQtMS42LS41LTEuMS0yLjEgMS40LTQuMiAyLjctOC4zIDQuMi0xMi41IDEuNS00LjMgMy4yLTguNSA1LjItMTIuNS45LTEuNyAxLjktMy40IDMuMi00LjkuNC0uNS45LS43IDEuNi0uNyAxLjYuMSAzLjIuMSA0LjkuMi42IDAgMSAuMyAxLjQuOCAxIDEuNCAxLjYgMyAxLjkgNC42LjUgMi4zIDEgNC42IDEuMyA3IC40IDMuMS44IDYuMiAxLjEgOS4zLjMgMy40LjUgNi44LjcgMTAuMy4xLjYgMCAxLjEgMCAxLjd6bS0zLjItNzEuNGMwLTIuNyAyLjItNC45IDQuOS00LjlzNC45IDIuMiA0LjkgNC45LTIuMiA0LjktNC45IDQuOS00LjktMi4yLTQuOS00Ljl6TTkwLjIgODVjMC0yLjcgMi4yLTQuOSA0LjktNC45czQuOSAyLjIgNC45IDQuOS0yLjIgNC45LTQuOSA0LjktNC45LTIuMi00LjktNC45em0yNC4zIDQzLjJjLTEuMS44LTIuMSAxLjUtMy4zIDIuMi0yLjIgMS40LTQuNSAyLjYtNi45IDMuNy0uMy4xLS42LjItMSAuNC0uMi0uMi0uNC0uMy0uNS0uNi0uNC0xLjEtLjgtMi4yLTEuMi0zLjItMi44LTguMS01LjYtMTYuMy04LjQtMjQuNC0uNS0xLjQtLjgtMi44LTEuMi00LjItLjItLjYgMC0uOC41LTEuMS41LS4zIDEtLjMgMS40IDAgMS4xIDEuMSAyLjMgMi4xIDMuMyAzLjIgMy43IDQuMSA3IDguNiAxMC4zIDEzIDIuMiAyLjkgNC40IDUuOSA2LjUgOC45LjMuNC41LjcuNyAxLjEuMy41LjMuNy0uMiAxem0yMy42LTM2LjhjLS40IDEuNy0uOCAzLjQtMS4yIDUtMS4zIDQuOC0zLjQgOS4zLTUuOCAxMy42LS43IDEuMi0xLjQgMi40LTIuMiAzLjYtLjUuOC0uNy44LTEuNC4zLTEuMi0uOC0yLjQtMS42LTMuNi0yLjUtNS4yLTMuOC0xMC40LTcuOC0xNS4zLTEyLjEtMi4xLTEuOS00LjItMy45LTUuOS02LjMtLjEtLjItLjItLjMtLjMtLjUtLjYtLjctLjUtMS41LS4yLTIuMy41LTEuMiAxLTIuNCAxLjMtMy43LjMtMS4yIDEuMS0xLjcgMi4yLTEuOS45LS4xIDEuOC0uMiAyLjgtLjMgMi41LjEgNSAuNSA3LjQuOSA1IC45IDkuOSAyIDE0LjkgMy4zIDEuOC41IDMuNyAxIDUuNSAxLjUuNC4xLjguMyAxLjIuNC41LjIuNy41LjYgMXptMC0xNi41aC0xLjhjLTQuNyAwLTkuNC4xLTEzLjcuMS00LjUuMS04LjYuMy0xMi43LjQtMS44IDAtMy42LS4xLTUuNC0uMS0uNiAwLS43LS40LS44LS44LS4xLS41LS4yLTEgLjMtMS4zIDEuMS0uNiAyLjEtMS4yIDMuMy0xLjcgNC43LTIuMSA5LjYtMy44IDE0LjUtNS41IDQuMS0xLjQgOC4yLTIuNyAxMi40LTQuMS40LS4xLjktLjIgMS40LS4zLjUtLjEuOCAwIC45LjUuNSAxLjcgMSAzLjMgMS4zIDUgLjQgMi4yLjcgNC41IDEgNi44LjIuOS4xIDEtLjcgMXoiLz48L3N2Zz4K');
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-icon.wheel-21 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgdmlld0JveD0iMCAwIDE2MCAxNjAiPjxwYXRoIGZpbGw9IiNDQ0MiIGQ9Ik04MCAwQzM1LjggMCAwIDM1LjggMCA4MHMzNS44IDgwIDgwIDgwIDgwLTM1LjggODAtODBTMTI0LjIgMCA4MCAwem0xNS42IDU1LjZjMS4yLTQuMiAyLjgtOCA0LjYtMTIgMy42LTcuNCA3LjQtMTQuOCAxMS40LTIxLjguMi0uNC40LS42LjYtMSAuMi0uMi40LS40LjYtLjIgMyAxLjggNiAzLjYgOC44IDUuOCAyLjYgMiA1IDQuMiA3LjIgNi42LjYuNi42LjggMCAxLjItMi4yIDEuOC00LjQgMy40LTYuNiA1LjJDMTE5IDQyLjIgMTE2IDQ1IDExMyA0OGMtMy40IDMuMi02LjYgNi42LTEwIDkuOC0xLjggMS42LTMuOCAzLjItNS44IDQuNC0uOC40LTEgLjQtMS44LS4yLTEtLjgtMS0xLTEtMy4yLjYtLjYgMS0xLjggMS4yLTMuMnptLTIzLTQzLjJjMS40LS4yIDIuOC0uMiA0LS40aDRjMi40LjIgNSAuNCA3LjQuNmw0LjIuNmMuNiAwIC44LjQuNiAxLS44IDMtMS42IDUuOC0yLjQgOC44LS44IDMuNC0xLjQgNi42LTIgMTAtMSA0LjgtMS42IDkuOC0yLjggMTQuNi0uNiAyLjItMS40IDQuNC0yLjggNi4yLS42LjgtMS4yIDEuNC0xLjggMi0uNi40LTEuNC42LTIgLjQtLjQtLjItLjYtLjYtLjYtMS0uNC0xLjItLjgtMi40LTEtMy42LS44LTMuNi0xLjQtNy0yLTEwLjZzLTEuMi03LjQtMS44LTExYy0uNi0zLjQtMS02LjgtMS40LTEwLjItLjItMi0uNi0zLjgtLjgtNS44IDAtMS4yIDAtMS40IDEuMi0xLjZ6TTg4IDc5LjhjMCA0LjQtMy42IDgtOCA4cy04LTMuNi04LTggMy42LTggOC04IDggMy42IDggOHptLTE1LjYtMTFjMCAyLjgtMi4yIDUtNSA1cy01LTIuMi01LTUgMi4yLTUgNS01IDUgMi4yIDUgNXptLTEuOCAxOS42YzAgMi44LTIuMiA1LTUgNXMtNS0yLjItNS01IDIuMi01IDUtNSA1IDIuMiA1IDV6TTMzLjggMzAuMmMyLjItMiA0LjQtMy44IDYuOC01LjZsMy0yYzIuNC0xLjQgNC44LTIuNiA3LjItNCAuNi0uNC44LS4yIDEgLjQgMS4yIDMgMi4yIDYgMy40IDkgMi4yIDUuMiA0LjggMTAuMiA3LjQgMTUuNCAxLjYgMy4yIDMgNi40IDQuNCA5LjYuNiAxLjYgMSAzLjIgMS42IDUgLjIuNCAwIDEtLjQgMS4ycy0xIC42LTEuNC42Yy0xLjYtLjItMi42LS42LTMuOC0xLjQtNC0yLjQtNy42LTUuNC0xMC44LTguNi02LTUuNi0xMS42LTExLjYtMTcuMi0xNy42LS40LS40LS44LTEtMS4yLTEuNC0uNC0uMi0uNC0uNCAwLS42em0tMjAuNCAzNkMxNCA2MyAxNSA1OS44IDE2IDU2LjZjMS4yLTMuMiAyLjQtNi4yIDQuMi05IC40LS42LjYtLjYgMS4yLS40IDEuOCAxLjIgMy40IDIuMiA1LjIgMy40IDUgMy4yIDEwLjIgNS44IDE1LjIgOC42IDMgMS42IDYgMy40IDkgNS4yIDEuOCAxIDMuNCAyLjQgNC44IDQgLjYuOCAxLjIgMS44IDEuNiAyLjguNC42LjIgMS40LS4yIDItLjIuMi0uNi40LTEgLjRoLTFjLTItLjItNC0uMi02LjItLjYtNC4yLS42LTguMi0xLjItMTIuNC0xLjgtNS0uOC0xMC0xLjYtMTUtMi42LTIuNC0uNC00LjgtLjgtNy4yLTEuNC0xLjIuMi0xIDAtLjgtMXptNi44IDQyLjJjLS40LjItLjguNC0xLjIuNC0uNC4yLS42IDAtLjgtLjQtMS42LTMuNi0zLTcuNC00LTExLjQtLjYtMi44LTEtNS40LTEuNi04LjItLjItLjYuMi0uOC42LS44IDIuMiAwIDQuNCAwIDYuNi0uMiAyLS4yIDQuMi0uNCA2LjItLjZzMy44LS40IDUuOC0uOGMyLjItLjIgNC4yLS42IDYuNC0xczQuNC0uNiA2LjYtMWMxLjYtLjIgMy4yLS40IDUtLjZINTJjMS4yIDAgMi40LjIgMy42LjIuNiAwIC44LjQgMSAuOC40IDEuNCAwIDIuNC0xIDMuNC0xLjQgMS4yLTIuOCAyLjYtNC40IDMuNi00LjYgMy40LTkuNiA2LTE0LjggOC42LTUuNCAyLjgtMTAuOCA1LjQtMTYuMiA4em00Ni03LjJjLS44IDItMS40IDQtMi40IDYtMi42IDUuMi01LjIgMTAuNi03LjggMTUuOC0yLjYgNS01LjQgMTAuMi04IDE1LjItLjIuNC0uNC44LS44IDEuMi0uMi40LS42LjQtMSAuMmwtNC44LTNjLTQtMi44LTcuOC01LjgtMTEtOS40LS42LS42LS42LTEgMC0xLjYgMi40LTIgNS00IDcuNC02LjJsMTAuOC0xMC4yYzIuMi0yLjIgNC42LTQuMiA2LjgtNi4yIDEuOC0xLjQgMy44LTIuOCA2LTMuNGwyLjQtLjZjLjguMiAxLjQuNCAxLjguOC44LjYuOCAxIC42IDEuNHptMjEuNiA0Ni42Yy0yLjYuMi01LjIuNC03LjQuNi0yLjQtLjItNC40LS4yLTYuNC0uNC0yLjItLjItNC4yLS42LTYuNC0uOC0uNiAwLS44LS40LS42LTEgLjgtMi44IDEuNi01LjggMi40LTguNi44LTMuNCAxLjQtNi42IDItMTAgLjgtNSAxLjYtMTAgMi42LTE0LjguNC0yLjYgMS4yLTUuMiAyLjQtNy42LjItLjYuNi0uOCAxLjItLjggMS40LS4yIDIuMi44IDIuOCAxLjguOCAxLjggMS42IDMuNiAyLjIgNS40IDEuNCA0IDIuMiA4LjIgMi44IDEyLjIuNiAzLjYgMS4yIDcuNCAxLjggMTFsMS4yIDguNGMuMiAxLjIuMiAyLjYuNCAzLjgtLjIuNi0uNC44LTEgLjh6bS00LTQ2LjhjLTIuOCAwLTUtMi4yLTUtNXMyLjItNSA1LTUgNSAyLjIgNSA1LTIuMiA1LTUgNXptMi44LTMxLjZjLTIuOCAwLTUtMi4yLTUtNXMyLjItNSA1LTUgNSAyLjIgNSA1LTIuMiA1LTUgNXptMTAgNi44YzIuOCAwIDUgMi4yIDUgNXMtMi4yIDUtNSA1LTUtMi4yLTUtNWMwLTIuNiAyLjItNSA1LTV6bTI5LjQgNTQuMmMtNC40IDQuMi05LjQgNy42LTE0LjggMTAuNC0uNi40LTEuMi42LTEuOCAxLS44LjQtMSAuMi0xLjItLjYtMS0yLjgtMi01LjYtMy4yLTguMi0yLjItNC44LTQuNi05LjYtNi44LTE0LjYtMS4yLTIuOC0yLjYtNS40LTMuOC04LjItLjgtMi0xLjQtNC4yLTEuNC02LjYgMC0uNi4yLTEuNC4yLTIuMi4yLS44LjYtMS40IDEuNC0xLjYuMi0uMi44IDAgMSAuMiAxIC42IDEuOCAxLjIgMi44IDIgMy40IDIuNiA2LjQgNS42IDkuNCA4LjYgNS40IDUuNCAxMC44IDEwLjggMTYuMiAxNi40LjguOCAxLjYgMS44IDIuNCAyLjYuMi4yIDAgLjItLjQuOHptMjAuOC0zN2MtMSA0LjQtMiA4LjYtMy44IDEyLjZsLTMgNi42Yy0uNC42LS42LjYtMS4yLjItMi44LTEuOC01LjgtMy44LTguNi01LjYtNC44LTMtMTAtNS40LTE1LjItOC4yLTMuMi0xLjYtNi4yLTMuMi05LjItNS0xLjItLjgtMi40LTEuOC0zLjQtMi42LS40LS40LS42LS44LS40LTEuNC40LTEuNCAxLjQtMiAyLjYtMiAyLS40IDQuMi0uNCA2LjItLjZ2LjJjMy42IDAgNyAuNCAxMC40LjggNC42LjYgOS40IDEuNCAxNCAyLjIgMy40LjYgNi44IDEuMiAxMCAyIC40IDAgLjYuMiAxIC4yLjYgMCAuNi4yLjYuNnptLjItMjEuMmMtMS40IDAtMyAwLTQuNC4yLTIuMi4yLTQuMi4yLTYuNC40bC01LjQuNmMtMiAuMi00IC42LTYgLjgtMiAuMi00IC42LTYgLjhsLTQuOC42aC0zLjJjLTIuNCAwLTQuNi0uMi02LjgtMS40LS44LS40LTEuMi0xLTEuNC0xLjgtLjItLjQuMi0uOC42LTEgLjgtLjYgMS42LTEuMiAyLjQtMS42IDQuMi0yLjggOC42LTUgMTMtNy4yIDYuOC0zLjQgMTMuOC02LjggMjAuNi0xMC4ybDEuOC0uNmMuNC0uMi42IDAgLjguNCAxLjggMy42IDMgNy40IDQgMTEuNC42IDIuNiAxIDUuMiAxLjYgNy44di42czAgLjItLjQuMnoiLz48L3N2Zz4K');
}

.wheels-container .wheels-wrapper .wheel-wrapper .wheel-size {
    font-size: 16px;
    float: right;
    line-height: 65px;
    padding-right: 61px;
}



/* Адаптивный стиль для мобильных устройств */
@media only screen and (max-width: 768px) {
  .App {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }

  .App h1 {
    font-size: 22px;
  }

  .App h4 {
    font-size: 12px;
  }

  .App .declaimer {
    width: 100%;
    font-size: 10px;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
  }

  .car-container {
    max-width: 100%;
    min-width: auto;
    margin: 0 auto;
  }

  .car-container .car-body {
    height: auto;
    min-height: 180px;
    background-size: cover;
  }

  .car-container .wheel {
    height: 50px;
    width: 50px;
  }

  .App .selectors {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
  }

  .stats {
    max-width: 100%;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .stats .model-range-item {
    width: 80px;
    margin: 0 5px;
  }

  .stats .model-range-item .range {
    font-size: 24px;
  }

  .stats .model-range-item .range:after {
    font-size: 10px;
  }

  .App .tesla-climate {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }

  .climate-wrapper .circle {
    width: 80px;
    height: 80px;
  }

  .App .source-link {
    font-size: 12px;
    margin-top: 20px;
  }
}