/*
Version:    1
Author:     Vadim Drigin
LinkedIn:   https://www.linkedin.com/in/vadim-drigin-43528830/
Facebook:   https://www.facebook.com/vadim.drigin
VK:         https://vk.com/vadim.drigin
Telegram:   @vadim_drigin

If I could help you, and you have something to share with me - write to me. 
I will be glad to new acquaintances and advice: 

Copyright (c) 2022 Vadim Drigin

*/

/* base style */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

html {
    font-size: 100%;
    line-height: 1.6;
}

body {
    font-size: 1.125rem;
    min-width: 320px;
    position: relative;
    font-family: 'Manrope', sans-serif !important;
    overflow-x: hidden;
    color: #000;
}

body .block-set {
    font-size: 1.125rem !important;
    line-height: 1.55;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    color: #000;
}

.row-flex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

h1 {
    font-size: 2.6rem;
    line-height: 2.8rem;
    margin: 1.5rem 0;
}

h2 {
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin: 1rem 0;
}

p {
    line-height: 1.375rem;
    margin: 1.25rem 0;
}

strong {
    font-weight: bold;
}

a:focus,
a:focus {
    outline: none;
    color: #0A88F8;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    color: #0A88F8;
    text-decoration: none;
}

a {
    color: #0A88F8;
}

.hidden {
    display: none !important;
}

/* адаптивное видео*/

.relation {
    max-width: 560px;
    position: relative;
    margin: 0 auto;
}

.relation__offset {
    height: 0;
}

.relation__offset-1-1 {
    padding-top: 100%;
}

.relation__offset-16-9 {
    padding-top: 56.25%;
}

.relation__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.relation__content iframe,
.relation__content object,
.relation__content embed {
    width: 100%;
    height: 100%;
    border: none;
}

/* адаптивное видео*/

/* Display block */

.db {
    display: block;
}

.flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.dn {
    display: none;
}

/* Display block */

.bold {
    /*font-family: "RobotoBold";*/
    font-weight: bold;
}

.center {
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}

.strike-color {
    color: #757575;
}

.cursive {
    font-style: italic;
}

.red_text {
    color: #B10E1C;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.justify {
    text-align: justify;
}

img {
    max-width: 100%;
}

.shadow_bt {
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.7);
}

.shadow_wt {
    text-shadow: 0 0px 0 #ccc, 0 1px 0 #c9c9c9, 0 1px 0 #bbb, 0 1px 0 #b9b9b9, 0 1px 0 #aaa, 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.2), 0 5px 5px rgba(0, 0, 0, 0.15);
}

.uppercase {
    text-transform: uppercase;
}

.yellow_bg {
    background: #FEEF00;
    padding: 10px 15px;
    border-radius: 10px;
}

.white-text {
    color: #ffffff;
}

.black-text {
    color: #000;
}

.block .p-offset {
    margin: 20px 0 20px 0;
}

.block .first-p {
    margin-top: 0px;
}

.block .last-p {
    margin-bottom: 0px;
}

.block .p-title {
    margin: 20px 0 30px 0;
}

.block .no-margin {
    margin: 0;
}

.block .no-top-margin {
    margin-top: 0;
}

.block .no-bt-margin {
    margin-bottom: 0;
}

/* Font size */

.s8 {
    font-size: 0.5rem;
}

.s10 {
    font-size: 0.625rem;
}

.s12 {
    font-size: 0.75rem;
}

.s14 {
    font-size: 0.875rem;
}

.s16 {
    font-size: 1rem;
}

.s18 {
    font-size: 1.125rem;
}

.s20 {
    font-size: 1.25rem;
}

.s22 {
    font-size: 1.375rem;
}

.s24 {
    font-size: 1.5rem;
}

.s26 {
    font-size: 1.625rem;
}

.s28 {
    font-size: 1.75rem;
}

.s30 {
    font-size: 1.875rem;
}

.s32 {
    font-size: 2rem;
}

.s34 {
    font-size: 2.125rem;
}

.s36 {
    font-size: 2.25rem;
}

.s38 {
    font-size: 2.375rem;
}

.s40 {
    font-size: 2.5rem;
}

.s42 {
    font-size: 2.625rem;
}

.s44 {
    font-size: 2.75rem;
}

.s45 {
    font-size: 2.8125rem;
}

.s46 {
    font-size: 2.875rem;
}

.s48 {
    font-size: 3rem;
}

.s50 {
    font-size: 3.125rem;
}

.s52 {
    font-size: 3.25rem;
}

.s54 {
    font-size: 3.375rem;
}

.s56 {
    font-size: 3.5rem;
}

.lhn-26 {
    line-height: 26px;
}

.color1 {
    color: #1184b3;
}

.color2 {
    color: #1b2838;
}

.color3 {
    color: #ffffff;
}

.color4 {
    color: #18a6f7;
}

.color5 {
    color: #ff0000;
}

.color6 {
    color: #359ace;
}

.lhn {
    line-height: normal;
}

.mt0 {
    margin-top: 0px;
}

.mt10 {
    margin-top: 10px;
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt80 {
    margin-top: 80px;
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mtb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mb0 {
    margin-bottom: 0px;
}

.pl {
    padding-left: 15px;
}

@media screen and (max-width: 45rem) {
    html {
        font-size: 95%;
    }
}

@media screen and (max-width: 40rem) {
    html {
        font-size: 90%;
    }
}

@media screen and (max-width: 35rem) {
    html {
        font-size: 85%;
    }
}

@media screen and (max-width: 30rem) {
    html {
        font-size: 80%;
    }
}

.tborder {
    border: 1px solid rebeccapurple;
}

.align-items-center {
	display:flex;
	align-items: center;
}

@media only screen and (max-width : 991px) {
	.align-items-center {
	display:block;
}