/* Reset and base styles  */
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

:focus,
:active {
	/*outline: none;*/
}

a:focus,
a:active {
	/* outline: none;*/
}

/* Links */

a, a:link, a:visited  {
    color: inherit;
    text-decoration: none;
    /* display: inline-block; */
}

a:hover  {
    /* color: inherit; */
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
	font-weight: inherit;
	margin-bottom:10px;
}

ul, ul li {
	list-style: none;
	/* margin-bottom:10px; */
    /* margin-left:20px; */
}

ol, ol li {
	list-style-type: decimal;
	margin-bottom:10px;
    margin-left:20px;
}

img {
	vertical-align: top;
}

img, svg {
	max-width: 100%;
	height: auto;
}

address {
  font-style: normal;
}

/* Form */
input{
	display: block;
}

input, textarea, button, select {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
    display: inline-block;
    /* box-shadow: none; */
    /* background-color: transparent; */
    /* background: none; */
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label, input[type="checkbox"] {
	cursor: pointer;
}

legend {
	display: block;
}


input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Визуальные эффекты при наведении */
:root {
	--dark-blue: #004aff;
	--simple-blue: #0880f7;
	--dark-orange: #d55000;
	--dark-green: #008416;
	--simple-grey: #eaeaea;
}

.btn, .btn-green, .img-wrap {
	transition: all .2s linear;
}
.btn:hover {
	background-color: var(--dark-blue);
}

.btn.btn-orange:hover, .go-to-new-card-button:hover {
	background-color: var(--dark-orange);
}

.card-elem .btn.wide:first-of-type:hover, .catalog-detail-btns__li .btn.btn_white:hover {
	background-color: var(--dark-blue);
	border-color: var(--dark-blue);
}

.btn-card:hover, .catalog-detail-btns__li .btn:hover {
	background-color: var(--simple-blue);
	border: 2px solid var(--simple-blue);
	color: white !important;
}

.btn-light-blue:hover {
	background-color: var(--simple-blue);
	color: white !important;
}

.grant-eco .container .btn:hover, .btn-green:hover {
	background-color: var(--dark-green);
}

.popular-card .img-wrap:hover {
	background-color: var(--simple-grey);

}

a.hover:hover, a.small-text:hover, a.big-text:not(.btn):hover, button.small-text:hover {
	text-decoration: underline !important;
}