@charset "utf-8";
/***
# Normal default style
# html стили по умолчанию
# Использовал normolaize v 8.0 & reset v 2.0
# Create: 29.11.2017;
# Last update: 20.08.2018;
# Made: AronTito;
# Copyright 2017
# Version: 3.3.0;
# MIT License Free
***/
html * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: 'Roboto','Arial' sans-serif;
    font-size: 1em;
    font-weight: 100;
    letter-spacing: .1px;
    line-height: 1.15;
    vertical-align: baseline;
    color: #212529;
    box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    text-rendering: optimizeLegibility;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
}
@-ms-viewport {
    width: device-width;
}
*, 
*:before,
*:after {
    box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
}
body {
    background: #fefefe;
}
[hidden],template {
    display: none;
}
/* typography */
p {
	font-weight: 300;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 700;
    text-rendering: optimizeLegibility;
    margin-bottom: 0;
}
h1 {font-size:40px}
h2 {font-size:32px}
h3 {font-size:28px}
h4 {font-size:24px}
h5 {font-size:18px}
h6 {font-size:16px}
/* link */
a {
    display: inline-block;
    background: transparent;
    text-decoration:none;
    color:#3794de;
        -webkit-text-decoration-skip: objects;
        -webkit-tap-highlight-color: transparent;
}a:focus,a:hover,a:active{
    outline: 0;
    cursor: pointer;
}
/* images*/
img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    page-break-inside: avoid;
}
svg:not(:root) {
    overflow: hidden;
}
/* html5 */
article,aside,details,figcaption,figure,footer,
header,hgroup,main,menu,nav,section {
    display: block;
}
summary {
    display: list-item;
}
audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline;
}
video {
    max-width: 100%;
    height: auto;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
/* abbr */
abbr[title] {
    text-decoration: underline solid;
    cursor: pointer;
    padding: 0 5px 0 0;
}
/* i & dfn */
i, dfn {
    font-style: italic;
}
/* strong */
strong,b {
    font-weight: 700;
}
/* small */
small {
    font-size: 75%;
}
/* ins */
ins {
    background: #ff9;
    font-style: italic;
    text-decoration: underline;
}
mark {
    background-color:#ff9;
    font-weight:700;
}
/* del */
del {
    text-decoration: line-through;
}
/* span */
span {
    display: inline-block;
}
/* sub sup */
sub,sup {
    font-size: 50%;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -5px;
}
sub {
    bottom: -2px;
}
/* hr */
hr {
    height: 1px;
    background: #000;
    overflow: visible;
    box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
}
/* Спец блоки */
code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 12px;
    background: rgba(0,0,0,.1);
}
pre {
    overflow-x: scroll;
    overflow-y: hidden;
}
/* form input */
select,textarea, button,optgroup,
input[type='text'],
input[type='search'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='week'],
input[type='month'],
input[type='time'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='url'],
input[type='color'],
input[type='file'],
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 1px 0;
    border: none;
    outline: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    color:#000;
    box-shadow:inset 0 0 0 1px #ccc;
    background: #fff;
    overflow: visible;
    appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
}
/* search */
input[type="search"] {
    outline-offset: -2px;
    box-sizing: content-box;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/* button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    text-indent: 0;
    appearance: button;
        -webkit-appearance: button;
        -moz-appearance: button;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
/* placeholder */
*::-webkit-input-placeholder {
    color: #757575;
    font-weight: 100;
    font-size: 14px;
}
*:-moz-placeholder {
    color: #757575;
    font-weight: 100;
    font-size: 14px;
}
*::-moz-placeholder {
    color: #757575;
    font-weight: 100;
    font-size: 14px;
}
*:-ms-input-placeholder {
    color: #757575;
    font-weight: 100;
    font-size: 14px;
}
/* input color */
input[type="color"] {
    width: 25px;
    height: 25px;
    cursor: pointer;
}
/* checkbox & radio */
input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/* textarea */
textarea {
    overflow: auto;
}
/* select & optgroup*/
optgroup{
    font-weight: 100;
}
select, option {
    text-indent: 0;
    padding: 5px;
}
/* range */
input[type="range"] {
    border: 0;
    box-shadow:none;
    outline: none;
}
input[type="range"]::-webkit-slider-thumb {
    width: 1em;
    height: 1em;
    background: #495057;
    border: 0;
    border-radius: 50%;
    margin-top: -.25rem;
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: -webkit-transform .2s ease;
        -webkit-appearance: none;
}
input[type="range"]::-moz-range-thumb {
    height: 1em;
    width: 1em;
    background: #495057;
    border: 0;
    border-radius: 50%;
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: -webkit-transform .2s ease;
}
input[type="range"]::-ms-thumb {
    width: 1em;
    height: 1em;
    background: #495057;
    border: 0;
    border-radius: 50%;
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: -webkit-transform .2s ease;
}
/* label */
label,
label:before,
label:after {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
/* file */
input[type="file"],
select,
option{
    cursor: pointer;
}
/* fieldset & legend */
fieldset {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: .35em .625em .75em;
}
legend {
    font-style: italic;
    font-size: 85%;
    color: inherit;
    max-width: 100%;
    white-space: normal;
    box-sizing: border-box;
}
/* table */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ??? */
dfn {
    font-style: italic;
}
/* ul > li lo*/
ol, ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}
ul:not(.browser-default) > li {
    list-style-type: none;
}
ul.disc > li,
ul.circle > li,
ul.square > li,
ul.decimal > li {
    margin-left: 17px;
    padding: .25em;
}
ul.disc > li {
    list-style: disc outside;
}
ul.circle > li {
    list-style: circle outside;
}
ul.square > li {
    list-style: square outside;
}
ul.decimal > li {
    list-style: decimal outside;
}
ul > ul {
    margin-left: 22px;
}
/* note */
q, blockquote {
    font-style: italic;
}
blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #ee6e73;
}
q{
    quotes: "\00ab" "\00bb";
}
/* progres line */
progress {
    vertical-align:baseline;
    width: 100%;
    height: 3px;
    background: #fff;
    border: 0;
    border-radius: 3px;
    color: #212529;
    position: relative;
    appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
}
progress::-webkit-progress-bar {
    background: transparent;
    border-radius: 3px;
}
progress::-webkit-progress-value {
    background: #757575;
    border-radius: 3px;
}
progress::-moz-progress-bar {
    background: #757575;
    border-radius: 3px;
}