@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,700|Montserrat:300,400&subset=cyrillic');

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body{
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5;
    color: #212529;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Comfortaa', sans-serif;
    margin-top: 0;
    margin-bottom: 24px;
    letter-spacing: 0.8px;
    font-weight: 500;
    line-height: 1.2;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
h1{
  font-size: 40px;
}
h2{
  font-size: 32px;
}
h3,{
  font-size: 28px;
}
h4{
  font-size: 24px;
}
h5{
  font-size: 20px;
}
h6{
  font-size: 16px;
}
p{
    font-family: Montserrat, sans-serif;
    text-align: justify;
    letter-spacing: 0.4px;
    color: #424242;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
.bg--blue{
    background-image: linear-gradient(135deg,#06a6e3,#0063a9);
}
.bg--green{
    background-image: linear-gradient(135deg,#00b87a,#00765f);
}
.bg--amber{
    background-image: linear-gradient(135deg,#ffc801,#ff720d);
}
.bg--purple{
    background-image: linear-gradient(135deg,#e064ff,#8102b5);
}
.underline--blue,.underline--green,.underline--amber,.underline--purple{
    position: relative;
    text-decoration: none;
}
.underline--blue:after,.underline--green:after,.underline--amber:after,.underline--purple:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    z-index: -9;
}
h2>.underline--blue:after,h2>.underline--green:after,h2>.underline--amber:after,h2>.underline--purple:after,
h3>.underline--blue:after,h3>.underline--green:after,h3>.underline--amber:after,h3>.underline--purple:after{
    height: 5px;
}
.underline--blue:after{
    background-image: linear-gradient(100deg,#fff,#06a6e3);
}
.underline--green:after{
    background-image: linear-gradient(100deg,#fff,#00b87a);
}
.underline--amber:after{
    background-image: linear-gradient(100deg,#fff,#ffc801);
}
.underline--purple:after{
    background-image: linear-gradient(100deg,#fff,#e064ff);
}
.colorLineBottom{
    position: relative;
}
.colorLineBottom:before{
    content: "";
    background: linear-gradient(to right, transparent 10%, #ffa000, #d585e2,#47a5d2, #00ad2d, transparent 90%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    opacity: 1;
    transition: .3s ease-in-out;
}
.notation{
    text-transform: uppercase;
    color: #9a9a9a;
    font-size: 20px;
}

.logo{
    color: black;
    text-decoration: none;
    margin: 12px 0;
}
.logo a{
    color: black;
    text-decoration: none;
}
.logo>a:hover {
    color: black;
    text-decoration: none;
}
.logo .logo-image{
    display: inline-block;
    float: left;
    width: 72px;
    height: 72px;
    margin-right: 8px;
    background-image: url(/themes/mosaic/assets/img/logo.svg);
    transition: .3s ease-in-out;
}
.logo .logo-name{
    font-family: "Comfortaa", sans-serif;
    float: left;
    display: inline-block;
    height: 72px;
    margin-right: 8px;
    line-height: 24px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 0;
    transition: .3s ease-in-out;
}
.logo .logo-name>span{
    font-weight: 100;
    letter-spacing: 4px;
    margin-left: 3px;
}
.logo .logo-dot{
    font-size: 56px;
    line-height: 0px;
    margin-left: 0px !important;
}