/* =====  INDEX OF STYLES =====

01 ===== BASIC  =====
  1.1 General
  1.2 Typography
  1.3 margin-bottom
  1.4 margin-top
  1.5 margin-right
  1.6 margin-left
  1.7 line-height
  1.8 Дополнительные классы

----------------------------------------------
	BASIC
	1.1 General
----------------------------------------------- */

body, html {
 height: 100%;
 margin: 0;
 padding: 0;
}
body {
 color: #393F3F;
 font-size: 15px;
 font-family: 'Gilroy-Regular', sans-serif;
}
img {
 height: auto;
 max-width: 100%;
 border: none;
 outline: none;
 transition: all 0.4s ease 0s;
 -moz-transition: all 0.4s ease 0s;
 -webkit-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
}
ul {
 list-style: none;
 padding-left: 0;
 margin-bottom: 0;
}
ul li {
 list-style: none;
}
br {
 font-size: 0;
 line-height: 0;
}
hr {
 border-top: 1px solid #d7d7d7;
 border-bottom: none;
 border-left: none;
 border-right: none;
}
label {
 font-weight: normal;
}

/* ----------------------------------------------
	1.2 Typography
----------------------------------------------- */

a {
 font-family: 'Gilroy-Regular', sans-serif;
 cursor: pointer;
 text-decoration: none;
 color: #393f3f;
 transition: all 0.25s ease 0s;
 -moz-transition: all 0.25s ease 0s;
 -webkit-transition: all 0.25s ease 0s;
 -o-transition: all 0.25s ease 0s;
}
a:focus {
 color: #393F3F;
}
a:hover, a.active {
 color: #ED4242;
 text-decoration: none;
 transition: all 0.25s ease 0s;
 -moz-transition: all 0.25s ease 0s;
 -webkit-transition: all 0.25s ease 0s;
 -o-transition: all 0.25s ease 0s;
}
a, a:focus, a:active, a:link, img {
 outline: none;
 text-decoration: none;
}
p {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 font-family: 'Gilroy-Regular', sans-serif;
 margin-top: 0;
 margin-bottom: 0;
}
h1 {
 font-size: 36px;
 line-height: 42px;
}
h2 {
 font-size: 30px;
 line-height: 36px;
}
h3 {
 font-size: 22px;
 line-height: 26px;
}
h4 {
 font-size: 18px;
 line-height: 22px;
}
h5 {
 font-size: 16px;
 line-height: 20px;
}
h6 {
 font-size: 14px;
 line-height: 18px;
}

/* ----------------------------------------------
	1.3 margin-bottom
----------------------------------------------- */

.mb-5 {
 margin-bottom: 5px;
}
.mb10 {
 margin-bottom: 10px;
}
.mb15 {
 margin-bottom: 15px;
}
.mb20 {
 margin-bottom: 20px;
}
.mb25 {
 margin-bottom: 25px;
}
.mb30 {
 margin-bottom: 30px;
}
.mb35 {
 margin-bottom: 35px;
}
.mb40 {
 margin-bottom: 40px;
}
.mb45 {
 margin-bottom: 45px;
}
.mb50 {
 margin-bottom: 50px;
}

/* ----------------------------------------------
	1.4 margin-top
----------------------------------------------- */

.mt5 {
 margin-top: 5px;
}
.mt10 {
 margin-top: 10px;
}
.mt15 {
 margin-top: 15px;
}
.mt20 {
 margin-top: 20px;
}
.mt25 {
 margin-top: 25px;
}
.mt30 {
 margin-top: 30px;
}
.mt40 {
 margin-top: 40px;
}
.mt45 {
 margin-top: 45px;
}
.mt50 {
 margin-top: 50px;
}

/* ----------------------------------------------
	1.5 margin-right
----------------------------------------------- */

.mr5 {
 margin-right: 5px;
}
.mr10 {
 margin-right: 10px;
}
.mr15 {
 margin-right: 15px;
}
.mr20 {
 margin-right: 20px;
}
.mr25 {
 margin-right: 25px;
}
.mr30 {
 margin-right: 30px;
}
.mr35 {
 margin-right: 35px;
}
.mr40 {
 margin-right: 40px;
}
.mr45 {
 margin-right: 45px;
}
.mr50 {
 margin-right: 50px;
}

/* ----------------------------------------------
	1.6 margin-left
----------------------------------------------- */

.ml5 {
 margin-left: 5px;
}
.ml10 {
 margin-left: 10px;
}
.ml15 {
 margin-left: 15px;
}
.ml20 {
 margin-left: 20px;
}
.ml25 {
 margin-left: 25px;
}
.ml30 {
 margin-left: 30px;
}
.ml35 {
 margin-left: 35px;
}
.ml40 {
 margin-left: 40px;
}
.ml45 {
 margin-left: 45px;
}
.ml50 {
 margin-left: 50px;
}

/* ----------------------------------------------
	1.7 line-height
----------------------------------------------- */

.lh10 {
 line-height: 10px;
}
.lh12 {
 line-height: 12px;
}
.lh14 {
 line-height: 14px;
}
.lh16 {
 line-height: 16px;
}
.lh18 {
 line-height: 18px;
}
.lh20 {
 line-height: 20px;
}
.lh22 {
 line-height: 22px;
}
.lh24 {
 line-height: 24px;
}
.lh26 {
 line-height: 26px;
}
.lh28 {
 line-height: 28px;
}
.lh30 {
 line-height: 30px;
}



/* ----------------------------------------------
	1.8 Дополнительные классы
----------------------------------------------- */
/* Удаление блоков */
.del {
 display: none;
}

/* Flexbox */
.dis-flex {
 display: flex;
}
.dis-flex.flex-end {
 justify-content: flex-end;
}

::-webkit-input-placeholder {color:#CCCCCC;}
::-moz-placeholder          {color:#CCCCCC;}/* Firefox 19+ */
:-moz-placeholder           {color:#CCCCCC;}/* Firefox 18- */
:-ms-input-placeholder      {color:#CCCCCC;}

.input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}