/*
Theme Name: zaxidna
Author: zaxidna.pro
Author URI: http://zaxidna.pro
Version: 1.0
*/

@font-face {
        font-family: "Mariupol";
        font-weight: 400;
        font-style: normal;
        src: url("libs/mariupol/Mariupol-Regular.ttf") format("truetype");
}

@font-face {
        font-family: "Mariupol Medium";
        font-weight: 600;
        font-style: normal;
        src: url("libs/mariupol/Mariupol-Medium.ttf") format("truetype");
}

@font-face {
        font-family: "Mariupol Bold";
        font-weight: 700;
        font-style: normal;
        src: url("libs/mariupol/Mariupol-Bold.ttf") format("truetype");
}

body {
        font-family: 'Mariupol', sans-serif;
        background-color: #f1f1f1;
}


h3, .h3, h4, .h4, h5, .h5, h6, .h6, thead th {
        line-height: 1.35;
        font-weight: 700;
        font-family: "Mariupol Bold";
}

h1, .h1, h2, .h2 {
        line-height: 1.35;
        font-weight: 700;
        font-family: "Mariupol Bold";
}

h6, .h6 {
        font-size: 1.1rem;
}

small, .small {
        font-size: 90%;
}

.fw-600 {
        font-family: "Mariupol Medium";
        font-weight: 600;
}
.fw-700 {
        font-family: "Mariupol Bold";
        font-weight: 700;
}

img {
        max-width: 100%;
}

.table thead th {
        vertical-align: top;
}

.bg-primary {
        background-color: #cf2e2e !important;
}

.bg-primary a, .bg-primary a:hover, .bg-dark a, .bg-dark a:hover {
        color: #fff;
}

.bg-light {
        background-color: #f1f1f1 !important;
}

.text-primary {
        color: #c3073f !important;
}

.text-light {
        color: #eee !important;
}

hr, .border-top, .border {
        border-color: rgba(0, 0, 0, 0.15) !important;
}

a {
        color: #212529;
        text-decoration: none;
        transition: .25s;
}

a:focus, button {
        outline: none !important;
}

a:hover {
        color: #cf2e2e;
        text-decoration: none;
        transition: .25s;
}

article a {
        color: #cf2e2e;
        font-weight: 600;
}

a[href^="tel:"] {
        white-space: nowrap;
}

.rotate-45 {
        transform: rotate(45deg);
}

.btn {
        border-radius: 0;
        box-shadow: none !important;
        outline: 0 !important;
        font-weight: 700;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        border: 0 !important;
        border-radius: 3rem;
        transition: .25s;
        font-size: 1.1rem;
}

.btn-primary {
        background-color: #c3073f;
        border: 0 !important;
        color: #ffffff;
}

.btn-primary:hover {
        background-color: #c3073f;
        color: #ffffff;
}

.btn-primary:focus {
        background-color: #c3073f;
        box-shadow: none !important;
        color: #ffffff !important;
}

.btn-primary.disabled, .btn-primary:disabled {
        background-color: #626262;
}


.btn-secondary {
        background-color: #fff;
        border: 0 !important;
        color: #212529 !important;
}

.btn-secondary:hover {
        background-color: #fff;
        color: #c3073f !important;
}

.btn-secondary:focus {
        background-color: #fff;
        box-shadow: none !important;
        color: #c3073f !important;
}

.btn-secondary.disabled, .btn-secondary:disabled {
        color: #626262;
}


.btn-block a {
        color: #ffffff !important;
}


.logo svg, .logo img {
        width: 9rem;
}

.smart-scroll {
        position: fixed !important;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        transition: all 0.33s ease-in-out;
        transform:translateY(0);
}

.stick {
        transform:translateY(-100%);
}

.scrolled-up {
        transform:translateY(0) !important;
}


header a {
        text-decoration: none !important;
}

header .dropdown-item {
        background-color: transparent !important;
}


section.title-image {
        overflow: hidden;
}


section.slider {
        padding-bottom: 1px;
}








article p:last-child {
        margin-bottom: 0;
}





section.gmap iframe {
       height: 30rem;
}






footer .zaxidna svg {
        width: 3.6rem;
}













@media (min-width: 576px) {


}


@media (min-width: 768px) {

.logo svg, .logo img {
        width: 12rem;
}

}


@media (min-width: 992px) {


header .dropdown-item {
        white-space: nowrap;
}

}


@media (min-width: 1200px) {

.logo svg, .logo img {
        width: 15rem;
}

}

@media (min-width: 1400px) {

}