@font-face{
    font-family:Inter;
    font-style:normal;
    font-weight:300 900;
    font-display:fallback;
    src:url('fonts/inter/inter.woff2') 
        format('woff2');font-stretch:normal;
}

body {
	background-color: #3DB5D0;
	font-family: Inter, Helvetica, Arial, sans-serif;
	color:#fff;
}

#pagetitle { margin-bottom: 35px; }

img {
    max-width: 100%;
}

h1,h2,h3,h4,h5 {
	font-family: Inter, Helvetica, Arial, sans-serif;
	font-weight: 700;
    text-transform: uppercase;
}
h1 {
    font-size: 48px;
    line-height: 48px;
    margin: 50px 0;
}
h2 {
	font-size:36px;
}

.bx-wrapper { }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link); }

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/


/*--------------- homepage -----------------*/

section {
	margin: 80px 0;
}

#sostav hr {
    height: 4px;
    background: #fff;
    color: #fff;
    background-color: #fff;
    opacity: 0.5;
}

@media (max-width: 724px) {
	p {
        font-size: 16px;
    }
	h1 {
        font-size: 28px;
    } 
}
.footer-wa {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
}