/*!
Theme Name: lukleslendos
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lukleslendos
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lukleslendos is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.2rem;
}

.block_1 {
    min-height: 100vh;
    background:
        linear-gradient(360deg, rgba(0, 3, 23, 1) 9%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 83%),
        url(img/bg1.jpg) 0 0 no-repeat;
    background-size: cover;
    background-position: center;
}

.block_1_1 {
    min-height: 70vh;
}


.block_2 {
    min-height: 150px;
    background: rgb(0, 3, 23);
    background: linear-gradient(180deg, rgba(0, 3, 23, 1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 83%);
}

.bgwood {
    background-image: url(img/purty_wood.png);
}

.btn-warning {
    color: #000;
    background: rgb(255, 200, 43);
    background: linear-gradient(180deg, rgba(255, 200, 43, 1) 0%, rgba(255, 164, 42, 1) 100%);
    border: none;
    font-weight: 500;
}

progress {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    color: #ffc82b;
    z-index: 2000;
}

progress::-webkit-progress-bar {
    background: transparent;
    border-radius: 5px;
}

progress::-webkit-progress-value {
    background: #ffc82b;
    border-radius: 5px;
}

progress::-moz-progress-bar {
    background: #ffc82b;
    border-radius: 5px;
}

.progress-container {
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: 5px;
    display: block;
}

.progress-bar {
    background: #ffc82b;
    width: 0%;
    display: block;
    height: inherit;
}

.textshadow {
    text-shadow: -1px 2px 7px rgb(0 0 0);
}

.blockshadow {
    box-shadow: -1px 2px 7px rgb(0 0 0);
}

.block_4 {
    background: rgb(0, 3, 23);
}


#scrollUp {
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    background: #ffc82b;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
}


/* owl nav */
.owl-prev span,
.owl-next span {
    color: #FFF;
}

.owl-prev span:hover,
.owl-next span:hover {
    color: #8199A3;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}

.owl-prev {
    left: 7px;
}

.owl-next {
    right: 7px;
}

/* removing blue outline from buttons */
button:focus,
button:active {
    outline: none;
}

.block_8 {
    background: rgb(0, 3, 23);
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.block_10{
  background: rgb(0, 3, 23);
}

#dialog-zvon{
    width: 40%;
}





/* xl-размер (>=1200px) */
/* CSS для >=1200px */

/* lg-размер (<=1199px) */
@media (max-width: 1199px) {
    /* CSS для ширины от 992px до 1199px */
}

/* md-размер (<=991px) */
@media (max-width: 991px) {
    /* CSS для ширины от 768px до 991px */
}

/* sm-размер (<=768px) */
@media (max-width: 767px) {
    /* CSS для ширины от 576px до 767px */

#dialog-zvon{
    width: 80%;
}

}

/* xs-размер (<=575px) */
@media (max-width: 575px) {
    /* CSS для ширины до 575px (включительно) */
}