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


@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body {
        font-family: 'Raleway', sans-serif;
        color: #330033;
        min-height: 100vh;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6, thead th {
        font-family: 'Raleway', sans-serif;
        line-height: 1.35;
        font-weight: 700;
}

h1, .h1, h2, .h2 {
        font-family: 'Raleway', sans-serif;
        line-height: 1.25;
        font-weight: 700;
}

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


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

.fw-600, label {
        font-weight: 600;
}
.fw-700 {
        font-weight: 700;
}

.overflow-hidden {
    overflow: hidden;
}

img {
        max-width: 100%;
}

.table thead th {
        vertical-align: top;
        border-bottom: .25rem solid #e3000f !important;
}

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

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

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

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

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

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


.text-gray {
        color: #626262 !important;
}

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

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

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

a:hover {
        color: #990066;
}

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

.btn {
        outline: 0 !important;
        box-shadow: none !important;
        border: 0 !important;
        font-weight: 700;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        border-radius: 2rem;
        font-size: 1.25rem;
}

.btn-primary {
        background: #cc0099;
        background: -moz-linear-gradient(left,  #cc0099 0%, #cc33cc 100%);
        background: -webkit-linear-gradient(left,  #cc0099 0%,#cc33cc 100%);
        background: linear-gradient(to right,  #cc0099 0%,#cc33cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0099', endColorstr='#cc33cc',GradientType=1 );
        color: #fff;
        -webkit-transition: all 0.25s ease-in-out;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
        box-shadow: none !important;
        color: #fff !important;
        -webkit-transform: scale(1.1);
}

.btn-secondary {
        background: #aaa;
        -webkit-transition: all 0.25s ease-in-out;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {
        background: #aaa;
        -webkit-transform: scale(1.1);
}



.logo {
        text-align: center;
}

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

.phones a.d-block {
        border: .1rem solid #330033;
        border-radius: 2rem;
}



section.cover {
        min-height: 100vh;
        position: relative;
        display: block;
	      transition: .25s;
        background-image: url("images/top_v.jpg");
        background-size: cover;
        background-position: 100% 100%;
}

section.cover .mask-dark {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 3;
        background-color: rgba(255,255,255,.55) !important;
}

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


section.cover .form-panel {
        background-color: rgba(255,255,255,.75) !important;
}



.choose-photo .border {
        border: .5rem solid #fff !important;
        cursor: pointer;
}

.form-check-input {
        box-shadow: none !important;
        outline: 0 !important;
        border: 1px solid #aaa;
}

.form-check-input:focus {
        border-color: #330033;
}

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


.form-control {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        border-radius: 2rem;
        font-size: 1.25rem;
        border: 0 !important;
}



@media (min-width: 576px) {

}


@media (min-width: 768px) {

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

}


@media (min-width: 992px) {

section.cover {
        background-image: url("images/top_h.jpg");
}

section.cover {
        overflow: hidden;
        margin-bottom: 0;
}

}


@media (min-width: 1200px) {

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

.overflow-hidden img {
        transition: all .25s ease-in-out;
}

.overflow-hidden:hover img, .overflow-hidden:hover img {
        transform: scale(1.085);
}


}