@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: #fff;
	font-family: Inter, Helvetica, Arial, sans-serif;
}

.blue {
	color: #3DB5D0;
}
.orange {
	color: #ef8a38;
}
#pagetitle { margin-bottom: 35px; }

img {
    max-width: 100%;
}

h1,h2,h3,h4,h5 {
	font-family: Inter, Helvetica, Arial, sans-serif;
}
h1 {
    font-size: 32px;
    line-height: 48px;
    text-transform: uppercase;
    font-weight: 700;
    max-width: 600px;
    position: absolute;
    top: 150px;
    color: #fff;
}
h2 {
	font-size:30px;
}

.bx-content-section,
.bx-header-section {
	padding-bottom: 2px;
	background-color: rgba(255, 255, 255, .95);
}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

.bx-header-section .row {
    margin-left: -1rem;
    margin-right: -1rem;
}

/*region Logo*/
.bx-logo-block {
	display: block;
	height: 50px;
	border-bottom: none;
}
.bx-logo-block a.bx-logo-block {
    text-decoration: none;
}
.bx-logo-block img {
	max-height: 50px;
	width: auto;
}
.footer-wa {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
}
@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
	}

	.bx-header-logo {
		padding: 5px 5px 5px 50px;
		height: 55px;
		background-color: #3cb6d0;
	}

	.bx-logo-block { height: auto; 
        text-decoration: none; }

	body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included contacts*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-contact-number {
    display:flex;
    margin: 3px 0;
}
.bx-header-contact-number a {
    text-decoration: none;
}
.bx-header-contacts {
    color: #000;
    white-space: nowrap;
    font: 16px / 20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-semi-bold, 600);
    transition: 250ms linear all;
    display: flex;
    flex-wrap: wrap;
}

.bx-header-contact-number .contact-icon {
    width: 25px;
    margin-right: 5px;
}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/telefon_1.png);
	background-size: contain;
}

.bx-header-whatsapp-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/whatsapp_1.png);
	background-size: contain;
}

.bx-header-telegram-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/telegram_1.png);
	background-size: contain;
}

.bx-header-email-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(images/email_1.png);
	background-size: contain;
}
.bx-header-contact-number.tel_button {
    display: flex;
    align-items: center;
    justify-content: right;
}
button.call {
    background-color: #3cb6d0;
    color: #fff;
    border: 1px solid #3cb6d0;
    padding: 0 20px;
    height: 40px;
    width: auto;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    transition: all 1s ease 0s;
    margin: 0 48px;
}

button.call:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}


@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}
@media (max-width: 724px) {
.bx-header-contact-number.tel_button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
button.call {
    margin: 0 0 10px;
    font-size: 16px;
}
.footer-wa {
        width: 100px;
    }
}
@media (max-width: 576px) {
	.bx-header-contact-number span {
	    display: none;
	}
}

/*endregion*/

.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;
}
#block1 {
    background: linear-gradient(#017f9b, transparent);
    margin-top: 0;
}
.main-block {
    background-size: cover;
    height: 0;
    padding-top: 40%;
    position: relative;
    border-radius: 20px;
}
.main-block img {
    position: absolute;
    top: 0;
    right: 0;
    width: 650px;
}
p.subtitle.orange {
    position: absolute;
    top: 36px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: Inter, Helvetica, Arial, sans-serif;
    border: solid 2px #3DB5D0;
    border-radius: 26px;
    padding: 0 30px;
}
#banner {
    background-color: #3cb6d0;
    height: 130px;
    padding:15px 0;
    margin-top: 0;
}
.banner-wrap {
    color:#fff;
}
.banner-wrap .banner-text {

}
.banner-wrap .banner-img {
    float:right;
    height:100px;
}
.banner-img img {
    height: 100px;
}
.banner-wrap .banner-title {
    font-size: 48px;
    line-height: 1;
    font-weight: 600;
}
.banner-wrap .banner-text p {
    font-size: 31px;
}
.border-50 {
    display: inline-block;
    padding: 10px 40px;
    color: #ef8a38;
    font-size: 32px;
    font-family: Inter;
    margin-bottom: 50px;
    font-weight: 700;
    text-transform: uppercase;
    border: 3px solid #3cb6d0;
    border-radius: 100px;
}
.footer-wa {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
}
@media (max-width: 992px) {
	p {
        font-size: 16px;
    }
	h1 {
        font-size: 28px;
    } 
	#banner {
        height: auto;
    }
	.banner-wrap {
        display: flex;
        color: #fff;
        padding: 30px;
        flex-wrap: wrap;
    } 
	.banner-wrap .banner-img {
        width: 100%;
    }
	.banner-wrap .banner-text {
        width: 100%;
    }  
    .banner-wrap h1 {
        font-size: 40px;
        margin-top: 20px;
        line-height: 1.1;
    }
    .banner-wrap .banner-text p {
        font-size: 25px;
        line-height: 1.2;
    }
}
@media (max-width: 724px) {
	p {
        font-size: 16px;
    }
	h1 {
        font-size: 28px;
        line-height: 30px;
    } 
    .footer-wa {
        width: 100px;
    }
.bx-header-contact-number.tel_button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

}