@import url("/fonts/roboto/stylesheet.css");

* {
    margin: 0%;
    padding: 0%;
}

body {
   /* background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(0, 57, 166, 1) 33%, rgba(0, 57, 166, 1) 66%, rgba(213, 43, 30, 1) 66%);
*/
font-family: 'Yandex Sans Text';
background-color: #ff0000;
color: #000000;
}
.dark-theme {
    background-color: #121212;
    color: white;
}

header {
    height: auto;
    background: rgb(131,58,180);
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
    display: flex;
    font-size: 20px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    font-family: 'Yandex Sans Display';
    font-weight: bold;
    font-style: normal;
    border-bottom: 1px solid black;
}

header div {
    color: white;
    background-color: #155a1500;
    width: 100%;
    height: auto;
    display: flex;
    font-size: 17px;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.iconka {
    width: 32px;
    border: none;
    border-radius: 0px;
}

header a {
    text-decoration: none;
    color: #ffffff;
    margin: 2%;
}

header a:hover {
    text-decoration: none;
    color: #000000;
    transition: 3s;
}

main {

   
    /*  background: rgb(255, 199, 0);
    background: linear-gradient(180deg, rgba(255, 199, 0, 1) 0%, rgba(245, 245, 245, 1) 100%);*/
    font-family: 'Yandex Sans Text';
   
font-size: 15pt;
}

input {
    border-radius: 10px;
    border: 1px solid #dd0000;
    height: 30px;

}

form {
    border-radius: 10px;
    border: 1px solid #ff7000;
    height: 30px;
}

main a {
    font-family: 'Yandex Sans Text';
    font-weight: bold;
    text-decoration: none;
    color: #ff9900;

}

.kote {
    border: 1px solid red;
    border-radius: 20px;

}

.kote-money {
    margin-left: 150px;

}

footer {

    background: #224f3b;

    font-family: 'Yandex Sans Display';
    font-weight: bold;
    font-style: normal;
    border-top: 1px solid #000000;
    color: #ffffff;
}

footer a {
    text-decoration: none;
    color: #000000;
}

footer a:hover {
    text-decoration: none;
    color: #ff8000;
    transition: 3s;
}
.photo {
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    width: 250px;
    border: solid 1px;
    border-radius: 15px;
}
.photo-calendar {
  
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 2px;
    width: 300px;
    border: dashed 5px black;
    border-radius: 15px;
}
video {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #ffffff;
    width: 100%;
}
@media (max-width: 800px) {
    img {
        width: 100%;
        border-radius: 10px;
        border: 2px solid #ffffff;
        width: 100%;
    }
    .photo {
        float: right;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
        border: solid 1px;
        border-radius: 15px;
    }
    .photo-calendar {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
        border: dashed 5px;
        border-radius: 15px;
    }
}



@media (min-width: 801px) {
    img {
        width: 100%;
        border-radius: 10px;
        border: 2px solid #ffffff;
    }

    form {
        width: 500px;
    }

    
}

/*start style forms*/
.logo {
    width: 25px;
    border-radius: 10px;
    border: 0px none;
}
hr{
    background-color: #ffffff;
}
form {

    background-blend-mode: multiply;
    background-color: #00000000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    padding: 2%;
    border-radius: 10px;
    border: #000000 solid 1px;
    font-family: 'Yandex Sans Display';
    font-weight: bold;
    font-style: normal;
    color: #000000;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgb(255, 0, 0);
}

INPUT[type="text"] {

    border-radius: 5px;
    border-radius: 5px;
    border: #ff0000 1px solid;
    margin-bottom: 5px;
    text-align: center;
}

INPUT[type="number"] {

    border-radius: 5px;
    border-radius: 5px;
    border: #ff0000 1px solid;
    text-align: center;
}


form label {
    margin-left: 35px;
    color: #ffffff;
}

/*end style forms*/
footer img {
    width: 100px;
    border-radius: 10px;
    border: 1px solid #000000;
}

.re {
    color: #ffffff;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
}

.re a {
    color: #ffffff;
}

button {
    text-align: center;
    width: 100%;
}
.polozenie-knopok{
    text-align: center;
}
.a-button{
width: 100%;
text-align: center;
}
.uroks {
    text-align: center;
}

h1, h2, h3{
    font-family: 'Yandex Sans Display';
    font-weight: bold;
    font-style: normal;
    text-align: center;
}

.informer {
    margin: 0px auto;
}

/*block market*/
.market {

    border: 1px solid ;
    border-radius: 15px;
    margin: 2px;
    padding-top: 10px;
    padding-bottom: 10px;

}



.market h5,
h6 {
    text-align: center;
}

.market p {
    text-align: center;
}

.market-tovar {
    background: #3f3f3f7e;
}

.market a {
    display: block;
    text-align: center;
}

p {
  text-indent: 1.25cm; /* Красная строка 1.25 см */
}

@keyframes marketik {
    0% {
        color: #ffffff;
    }

    50% {
        color: #ff8000;
    }

    100% {
        color: #ffffff;
    }
}


.date-container {
    font-size: 72pt;
    text-align: center;
}

.date-number {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.date-month {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.date-year {
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
}

.date-line {
    width: 100%;
    border-top: 1px solid #000;
    margin-bottom: 15px;
}

.holidays-list {
 
    font-size: 14pt;
   
}

.holidays-list-img {
   width: 28px;
   border: none;
   border-radius: 2px;
}
/**/



body.dark{
    font-family: Arial, Helvetica, sans-serif;
    text-align: auto;
    background-color: black;
    
   
    height: 100%;
}
body.dark header{
    color: white;
    
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
 /*background: url("/snwflks-21.gif");
 background-blend-mode: multiply;
 background-color: #00000034;*/
  
  
}
body.dark header a {
    
    text-decoration: none;
    color: rgb(255, 255, 255);
    margin: 2%;
}
body.dark main {
    background: #000000;
   
  color: #ffffff;
}
body.dark header div {
    color: white;
    background-color: #001b0000;
}
body.dark footer {
    background: rgb(0,18,255);
    background: linear-gradient(312deg, rgba(0,18,255,1) 0%, rgba(255,0,0,1) 56%, rgba(255,158,0,1) 100%);
}
body.dark div table{
    color:#ffffff;
}
body.dark .rusu23 {
    background: #00000000;
}
body.dark #nav-country {
    color: white;
    background-color: #00000000;
}