#cookies
{
  padding:10px;
  background-color:red;
  color:white;
}

@font-face {
    font-family: Caveat;
    src: url("/fonts/Caveat-Regular.otf") format("opentype");
}


@font-face {
    font-family: DelaGothicOne;
    src: url("/fonts/DelaGothicOne-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Lobster;
    src: url("/fonts/Lobster-Regular.ttf") format("truetype");
}

@font-face {
    font-family: UbuntuCondensed;
    src: url("/fonts/UbuntuCondensed-Regular.ttf") format("truetype");
}

@font-face {
    font-family: YanoneKaffeesatz;
    src: url("/fonts/YanoneKaffeesatz-Regular.ttf") format("truetype");
}

footer
{
  padding:30px;
  text-align:center;
  background-color:#123652;
  color:#FCFCFC;
}

h1
{
  font-family:DelaGothicOne;
}

html
{
  //height:100%;
  width:100%;
  //overflow:hidden;
}
body
{
  margin:0;
  padding:0;

background-color:#F7F7F8;

  font-family: arial;
  //position:fixed;
  //right:0;
  //left:0;
  //top:0;
  //bottom:0;
  //overflow:hidden;
}
.main
{
  overflow-y:auto;
  //height:100%;
  text-align:justify;
  max-width:1000px;
  padding-left:40px;
  padding-right:40px;
}
.stroka
{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

}
.w300
{
 width:100%;
 max-width:300px;
 padding:20px;
}

.white
{
  color:#FCFCFC;
}

.str
{

background-image:url('/str.png');
background-size:cover;
background-position:left top;
background-repeat:no-repeat;

}

.header
{
  //background-image: -o-linear-gradient(bottom, rgb(221,221,221) 4%, rgb(143,143,143) 92%);
//background-image: -moz-linear-gradient(bottom, rgb(221,221,221) 4%, rgb(143,143,143) 92%);
//background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.04, rgb(221,221,221)), color-stop(0.92, rgb(143,143,143)));
//background-image: -webkit-linear-gradient(bottom, rgb(221,221,221) 4%, rgb(143,143,143) 92%);
//background-image: -ms-linear-gradient(bottom, rgb(221,211,221) 4%, rgb(143,143,143) 92%);
/* This last line is all you need for modern browsers */
//background-image: linear-gradient(bottom, rgb(221,221,221) 4%, rgb(143,143,143) 92%);

background-color:#51A3A3;
background-image:url('/fon.jpg');
background-size:cover;
background-position:center center;
background-repeat:no-repeat;

display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
padding:20px;
}

.offer
{
  padding:1px;
  text-align:center;
}

.blue
{
  color:#51A3A3;
}

.panel
{
  max-width:480px;
  background-color:#8A716A;
  padding:20px;
  border-radius:15px;
  color:#FCFCFC;
  text-align:left;
  font-family:UbuntuCondensed;
}

.padding
{
  padding:20px;
}

.center
{
display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.button
{
  background-color:#3F6C51;
  color:white;
  border:0 none;
  padding:10px;
  padding-left:40px;
  padding-right:40px;
  border-radius:10px;
  font-size:1.4em;
  cursor:pointer;
  width:100%;
}

.button:hover
{
  background-color:#EDD9A3;
  color:black;

}

.form
{
   text-align: center; 
  background-color:#BAD7F2;
  padding:20px;
  border-radius:10px;
  max-width:400px;
  color:black;
}

.yel
{
color:#edd9a3;
}

.yell
{
    background-color:#edd9a3;
}

.centertext
{
  text-align:center;
}

.dashboard
{
  background-color:#123652;  

  background-image:url('/ss.png');
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;

  color:#EDD9A3;
}


.gr
{
  background-image:url('/gr.png');
  background-repeat:no-repeat;
  background-position: left bottom;
  background-size:cover;
  aspect-ratio:1411/64;
  
  width:100%;
}


.circle
{
  max-width:160px;
  max-height:160px;
  width:100%;
  height:170px;
  background-color:#BAD7F2;
  color:#123652;
  padding:30px;
  margin:10px;
  text-align:center;
  font-size:0.8em;
  border-radius:160px;
display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: stretch
}

.ot
{
  background-color:#edd9a3 !important;
  color:black;
 padding:30px;
 padding-left:70px;
 padding-right:70px;
  width:100% !important;
  max-width:920px !important;
  height:450px !important;
  max-height:450px !important;

}

.golub
{
   background-color:#3f6c51;
   color:white;
}

h2
{
  margin:0;
  padding:0;
}

input[type='text'],input[type='email'],select[name='tarif']
{
  font-size:1.2em;
  width:100%;
}

.shadow
{
-webkit-box-shadow: 2px 3px 14px 0px rgb(34 60 80 / 73%);
-moz-box-shadow: 2px 3px 14px 0px rgb(34 60 80 / 73%);
box-shadow: 2px 3px 14px 0px rgb(34 60 80 / 73%);
}