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

@font-face {
        font-family: "Avenir Next Cyr Regular";
        font-weight: 400;
        font-style: normal;
        src: url("libs/avenir/AvenirNextCyr-Regular.ttf") format("truetype");
        font-display: swap;
}

@font-face {
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500;
        font-style: normal;
        src: url("libs/avenir/AvenirNextCyr-Medium.ttf") format("truetype");
        font-display: swap;
}

@font-face {
        font-family: "Avenir Next Cyr Bold";
        font-weight: 700;
        font-style: normal;
        src: url("libs/avenir/AvenirNextCyr-Bold.ttf") format("truetype");
        font-display: swap;
}



body {
        font-family: 'Avenir Next Cyr Regular', sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size: .975rem;
}


h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500;
}

h1, .h1, h2, .h2 {
        font-family: "Avenir Next Cyr Bold";
        font-weight: 700;
        line-height: 1.15 !important;
}

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

.fs-6 {
        font-size: 1.1rem !important;
}

.fw-500 {
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500 !important;
}

.fw-700 {
        font-family: "Avenir Next Cyr Bold";
        font-weight: 700 !important;
}

.lead {
        font-weight: 400 !important;
        font-size: 1.1rem;
}

.fs-fix {
        font-size: 1.1rem;
}

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

.text-uppercase {
        letter-spacing: .065rem;
}

img {
        max-width: 100%;
}

.table thead th {
        vertical-align: top;
        border-bottom: .35rem solid #3d92e7 !important;
}

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

.bg-secondary {
        background-color: #b23850 !important;
}

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

.bg-dark {
        background-color: #4d6d9a !important;
}

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

.text-secondary {
        color: #fccd04 !important;
}

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



ul.ul-social .list-inline-item:not(:last-child) {
        margin-right: .75rem;
}

hr {
        background-color: rgba(0, 0, 0, 0.33) !important;
}

time {
        text-transform: lowercase;
}

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

a:hover {
        color: #4d6d9a;
}

article a {
        color: #3d92e7;
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500 !important;
}

label.form-label {
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500 !important;
}

form p {
        margin: 0;
}


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

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


.btn {
        outline: 0 !important;
        border: 0 !important;
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500 !important;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: .065rem;
        border-radius: 3rem !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: .425rem;
        padding-bottom: .425rem;
        position: relative;
        overflow: hidden;
        transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.btn::before {
        content: '';
        width: 100%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.375;
        filter: blur;
        background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
        transform: translate(-100%, -25%) rotate(10deg);
        -webkit-animation: blick 5s infinite;
        animation: blick 5s infinite;
}

@-webkit-keyframes blick {
    0% {
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        transform: translate(100%, -25%) rotate(10deg);
    }
}

@keyframes blick {
    0% {
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        transform: translate(100%, -25%) rotate(10deg);
    }
}

.btn-primary {
        background-color: #3d92e7;
        color: #fff !important;
        transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
}

.btn-primary:hover, .btn-primary:focus, .open>.dropdown-toggle.btn-primary {
        background-color: #4d6d9a !important;
        color: #fff !important;
}

.btn-primary:active, .btn-primary.active {
        background-color: #4d6d9a !important;
        color: #fff !important;
}

.btn-primary.disabled, .btn-primary:disabled {
        background-color: #616161;
        color: #c1c1c1 !important;
}



.btn-secondary {
        background-color: #fccd04;
        color: #212529 !important;
        transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
        background-color: #edc256 !important;
        color: #212529 !important;
}

.btn-secondary:active, .btn-secondary.active {
        background-color: #edc256 !important;
        color: #212529 !important;
}

.btn-secondary.disabled, .btn-secondary:disabled {
        background-color: #616161;
        color: #c1c1c1;
}


.btn-link {
        text-decoration: none !important;
        box-shadow: none !important;
}



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


header.position-absolute {
        z-index: 5;
}

header {
        background-color: #fff;
}

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

header .navbar {
        display: block;
}

header .navbar-toggler, header .navbar-toggler:focus {
        box-shadow: none !important;
        border-radius: 0 !important;
}

header .nav-fill .nav-item {
        text-align: left;
}

header .navbar-nav .nav-link {
        color: #212529;
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 1.1rem;
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500;
}

header .navbar-nav .dropdown-toggle::after {
        display: none !important;
}

header .navbar-nav .nav-link:focus, header .navbar-nav .nav-link:hover {
        background-color: transparent;
        color: #4d6d9a;
        box-shadow: none !important;
}

header .navbar-nav .active > .nav-link, header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show, header .navbar-nav .show > .nav-link {
        background-color: transparent;
        color: #212529;
}

header .navbar-nav .show > .nav-link {
        color: #212529;
}

header .dropdown-item {
        color: #212529;
}

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

header .dropdown-item.active, header .dropdown-item:active {
        color: #212529;
        background-color: transparent !important;
}

header .dropdown-item:focus, .dropdown .dropdown-item:focus {
        color: #212529;
        background-color: transparent !important;
}

header .active > .dropdown-item {
        color: #212529;
}

header .dropdown-menu {
        margin: .15rem 0 .75rem 0;
        min-width: 1rem;
        border: 0;
}

header .btn {
        font-size: .95rem;
}




ul.menu > li + li {
        margin-top: .25rem;
}





section.cover-hero {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        position: relative;
        display: block;
	      transition: .25s;
        background-image: url("images/hero_v.avif");
        background-size: cover;
        background-position: 50% 0;
}

section.cover-hero .mask-dark {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 3;
        background: rgb(255,255,255);
        background: linear-gradient(150deg, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 85%);
}

section.cover-hero .intro {
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
}


div.cover-logo {
        height: 75vh;
        height: calc(var(--vh, 1vh) * 75);
        position: relative;
        display: block;
	      transition: .25s;
        background-image: url("images/windows.avif");
        background-size: cover;
        background-position: 50% 100%;
}


div.cover-logo .intro {
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
}


section.pano {
        background-size: cover;
        background-position: 50% 50%;
}

section.pano .pano-masc {
        background: rgba(38, 80, 119, 0.875);
}



section.about article p,
section.intro article p,
article.p-0 p {
        margin: 0;
}

section.services .bg-white {
        position: absolute;
        bottom: 0;
        left: 0;
}


section.services-block .bg-primary h6 {
        margin-bottom: 0;
}

section.services-block .bg-primary p:last-child {
        margin: 0;
}

section.affiliations img {
        max-width: 7.5rem;
}





section.faq .accordion-button:focus {
        border-color: transparent;
        outline: 0;
        box-shadow: none;
}

section.faq .accordion-button {
        color: #212529;
        font-family: "Avenir Next Cyr Medium";
        font-weight: 500;
}

section.faq .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233d92e7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

section.faq .accordion-button:not(.collapsed) {
        color: #212529;
        background-color: transparent;
        box-shadow: none;
}

section.faq .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233d92e7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

section.faq .accordion-button::after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem;
}


.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
        border-color: #3d92e7 !important;
}






article ul {
        list-style-type: none;
        padding-left: 1rem;
        margin-left: 0;
}

article ul li:before {
        content: "\2022";
        position: absolute;
        margin-left: -1rem;
        color: #3d92e7;
}

.bg-primary article ul li:before {
        color: #fff;
}


article ul li + li, .order-features ul li + li {
        margin-top: .125rem;
}



article .wp-block-table {
        overflow: hidden !important;
        margin: 0 !important;
}

article hr {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
}








.form-control, .form-select {
        box-shadow: none!important;
        border: 1px solid rgba(33, 37, 41, .25);
        background-color: #fafafa;
        color: #626262;
        border-radius: .25rem;
}

.form-control:focus, .form-select:focus {
        border: 1px solid rgba(33, 37, 41, .25);
        background-color: #f5f5f5;
}

.form-group > div {
        position: relative;
}

.help-block {
        display: none;
}

.wpcf7-not-valid-tip {
        display: none !important;
}

.wpcf7-not-valid {
        border: 1px solid #b23850 !important;
}

.wpcf7-checkbox label {
        margin-bottom: 0;
}

.wpcf7-checkbox.has-error label {
        color: #b23850;
}

textarea.form-control {
        height: 4.5rem;
        resize: none;
}

span.wpcf7-list-item {
        margin: 0 0 .5rem 0 !important;
}

.wpcf7 form p br {
        display: none;
}

.wpcf7 form p .wpcf7-form-control-wrap {
        margin: 0;
        display: block;
}

.wpcf7 form .wpcf7-response-output {
        margin: 1rem 0 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        color: #b23850;
}

.wpcf7 form .form-check-input {
        margin-right: .25rem;
        box-shadow: none !important;
        border-radius: 0 !important;
        border-color: #ced4da;
}

.wpcf7 form .form-check-input:focus {
        border-color: #86c232;
}

.wpcf7 form .form-check-input:checked {
        background-color: #86c232;
        border-color: #86c232;
        box-shadow: none !important;
}


.submit p {
        display: flex !important;
        align-items: center !important;
}

.wpcf7-spinner {
        visibility: hidden;
        display: inline-block;
        background-color: #123c69;
        opacity: 0.75;
        width: 24px;
        height: 24px;
        border: none;
        border-radius: 100%;
        padding: 0;
        margin: 0 1.5rem;
        position: relative;
}




nav .pagination {
        margin-bottom: 0;
        margin-top: 3rem;
}

nav .pagination li {
        margin-right: .75rem;
}




iframe.gmap {
       height: 75vh;
}

section.footer-line p {
        margin: 0;
}

footer p {
        margin: 0;
}

footer .zaxidna svg {
        width: 3.6rem;
}





@media (min-width: 576px) {

}


@media (min-width: 768px) {

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

section.faq .accordion-item .fs-6 {
        font-size: 1.25rem !important;
}

}


@media (min-width: 992px) {


section.cover-hero {
        background-image: url("images/hero_h.avif");
}

section.cover-hero .mask-dark {
        background: rgb(255,255,255);
        background: linear-gradient(120deg, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 45%);
}

section.cover-hero .fs-4 {
        font-size: 1.75rem !important;
}

section.cover-hero .btn, section.services h6 {
        font-size: 1.25rem !important;
}

section.pano p.fs-5 {
        font-size: 1.5rem !important;
}

}


@media (min-width: 1200px) {

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

.btn {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
}

header {
        background-color: transparent;
}

header .navbar-nav > .nav-item + .nav-item {
        margin-left: 1.5rem;
}

}


@media (min-width: 1400px) {

header .navbar-nav > .nav-item + .nav-item {
        margin-left: 1.75rem;
}

}