* {
    box-sizing: border-box;
    user-select: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

p.log{text-align: center; font-size:20px;}
h2{text-align: center;}
header{max-width: 100%;}
/*footer{position:relative; bottom:0px;}*/
@font-face {
  font-family: 'Astoria Deco';
  src: url('Astoria\ Deco.zip/AstoriaDeco-Regular.ttf')format('truetype');
  font-weight: normal;
  font-style: normal;
}
body {
    background-image: url(img/glav.jpg);
   max-width: 100%;
  max-height: 100%;
  align-content: space-between;
}
@media screen and (max-width: 499px) {

}
.kontHead {
    display: flex;
    height: auto;
    color: rgb(0, 0, 0);
    
    opacity: 70%;
}
.boxHeadLogo {
     display: flex;
     max-width: 13%;
}
.log {
    max-width: 100%;
    height: auto;  
    object-fit: contain;
}
@media screen  and (min-width:1200px){
.boxHeadInfo {
    display: flex;
    max-width: 15%;
    justify-content: space-evenly;
    background-color: grey;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    opacity: 70%;
}
}
.nam {
    font-size: 110%;
    font-family: Courier New, monospace;
}
.nim {
    font-size: 90%;
   
}
.numb {
    font-size: 140%;
    color: white;
    /*font-family: Comic Sans MS, Comic Sans, cursive;*/
    border: 0.5px white solid;
    letter-spacing: 2px;
    padding: 5px 10px 5px 10px;
}
.glav {
    font-size: 20px;
    cursor: pointer;
    font-family: Courier New, monospace;

}
.informat {
    font-size: 20px;
    cursor: pointer;
    font-family: Courier New, monospace;
}
.ycluga {
    font-size: 20px;
    cursor: pointer;
    font-family: Courier New, monospace;
}
.glav2 {
    display: none;
   font-size: 20px;
    cursor: pointer;

    font-family: Courier New, monospace;
}
.informat2 {
    display: none;
    font-size: 20px;
    cursor: pointer;
    font-family: Courier New, monospace;
}
.ycluga2 {
   display: none;
    font-size: 20px;
    cursor: pointer;
    font-family: Courier New, monospace;
}
@media screen and (max-width:1400px) {
    .boxHeadInfo {
        width: 150px;
    }
    .nam {
    font-size: 150%;
    }
    .nim {
    font-size: 100%;
    }
    .numb {
    font-size: 150%;
    right: 6%;
    }
    .glav {
    font-size: 150%;
}
.informat {
    font-size: 150%;
}
.ycluga {
    font-size: 150%;
}
.glav2 {
    display: none;
   font-size: 150%;
}
.informat2 {
    display: none;
     font-size: 150%;
}
.ycluga2 {
    display: none;
   font-size: 150%;
}
}
.maingl {
    display: flex;
}
.conteint {
    color: white;
    font-size: 20px;
    display: flex;
}
.zagolovok {

font-family: Astoria Deco;
letter-spacing: 2px;
font-size: 24px;
color: rgb(255, 255, 255);
padding: 2% 5%;
}
.upconteint {
/*position: absolute;*/
top: 45%;
left: 190px;
 max-width: 1040px;
 padding: 3% 15%;
}



@import url('https://fonts.googleapis.com/css?family=Fjalla+One'); 


/*--Button Styles--*/
.btn-slice {
  padding: 1.2rem 2.5rem;
  border: 2px solid #ffffff;
  border-radius: 0rem;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
   position: absolute;
   top: 50%;
   left: 1%;
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}

.btn-slice .top  {
  position: relative;
  height: 6px;
  overflow: hidden;
  top: 20%;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice .bottom  {
  position: relative;
  height: 6px;
  overflow: hidden;
  bottom: 0;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice .bottom span {
  top: -6px;
  position: absolute;
  left: 0;
}

.btn-slice:hover .top {
  top: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s; 
}

.btn-slice:hover .bottom {
  bottom: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:.35s;     
  transition-delay:0.35s; 
}
.btn-slice:hover, .btn-slice:focus, .btn-slice:active {
  margin-left: 10px;
}
.btn-slice:before{
  content: '';
  height: 1px;
  width: 60px;
  background-color: #ffffff;
  position: absolute;
  margin-top: 6px;
  right: -35px;
  
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}
.btn-slice:hover:before{
  width: 130%;
}

.btn-slice1 {
  padding: 1.2rem 2.5rem;
  border: 2px solid #ffffff;
  border-radius: 0rem;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
  position: absolute;
 position: absolute;
   top: 20%;
   left: 85%;
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}

.btn-slice1 .top  {
  position: relative;
  height: 6px;
  overflow: hidden;
  top: 20%;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice1 .bottom  {
  position: relative;
  height: 6px;
  overflow: hidden;
  bottom: 0;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice1 .bottom span {
  top: -6px;
  position: absolute;
  left: 0;
}

.btn-slice1:hover .top {
  top: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s; 
}

.btn-slice1:hover .bottom {
  bottom: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:.35s;     
  transition-delay:0.35s; 
}
.btn-slice1:hover, .btn-slice:focus, .btn-slice:active {
  margin-left: 10px;
}
.btn-slice1:before{
  content: '';
  height: 1px;
  width: 60px;
  background-color: #ffffff;
  position: absolute;
  margin-top: 6px;
  right: -35px;
  
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}
.btn-slice1:hover:before{
  width: 130%;
}



.btn-slice2 {
  padding: 1.2rem 2.5rem;
  border: 2px solid #ffffff;
  border-radius: 0rem;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
   position: absolute;
   top: 40%;
   left: 85%;
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}

.btn-slice2 .top  {
  position: relative;
  height: 6px;
  overflow: hidden;
  top: 20%;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice2 .bottom  {
  position: relative;
  height: 6px;
  overflow: hidden;
  bottom: 0;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice2 .bottom span {
  top: -6px;
  position: absolute;
  left: 0;
}

.btn-slice2:hover .top {
  top: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s; 
}

.btn-slice2:hover .bottom {
  bottom: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:.35s;     
  transition-delay:0.35s; 
}
.btn-slice2:hover, .btn-slice:focus, .btn-slice:active {
  margin-left: 10px;
}
.btn-slice2:before{
  content: '';
  height: 1px;
  width: 60px;
  background-color: #ffffff;
  position: absolute;
  margin-top: 6px;
  right: -35px;
  
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}
.btn-slice2:hover:before{
  width: 130%;
}

.btn-slice3 {
  padding: 1.2rem 2.5rem;
  border: 2px solid #ffffff;
  border-radius: 0rem;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.3rem;
  position: absolute;
  top: 60%;
  left: 86%;
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}

.btn-slice3 .top  {
  position: relative;
  height: 6px;
  overflow: hidden;
  top: 20%;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice3 .bottom  {
  position: relative;
  height: 6px;
  overflow: hidden;
  bottom: 0;
  -webkit-transition: all 300ms cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition: all 300ms cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */

  -webkit-transition-timing-function: cubic-bezier(1.000, 0, 0.025, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -moz-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  -o-transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); 
  transition-timing-function: cubic-bezier(1.000, -0.055, 0.025, 1.040); /* custom */
  
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s;
}

.btn-slice3 .bottom span {
  top: -6px;
  position: absolute;
  left: 0;
}

.btn-slice3:hover .top {
  top: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:0.35s;     
  transition-delay:0.35s; 
}

.btn-slice3:hover .bottom {
  bottom: -5px;
  -webkit-transition-delay:0.35s;     
  -moz-transition-delay:0.35s; 
  -ms-transition-delay:0.35s;     
  -o-transition-delay:.35s;     
  transition-delay:0.35s; 
}
.btn-slice3:hover, .btn-slice:focus, .btn-slice:active {
  margin-left: 10px;
}
.btn-slice3:before{
  content: '';
  height: 1px;
  width: 60px;
  background-color: #ffffff;
  position: absolute;
  margin-top: 6px;
  right: -35px;
  
  -webkit-transition: all 1000ms cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition: all 1000ms cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */

  -webkit-transition-timing-function: cubic-bezier(0.890, 0, 0.140, 1); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -moz-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  -o-transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); 
  transition-timing-function: cubic-bezier(0.890, -0.170, 0.140, 1.225); /* custom */
}
.btn-slice3:hover:before{
  width: 130%;
}

.okochecko {
  background-color: gray;
  width: 38%;
  height: 60%;
  opacity: 70%;
  position: absolute;
  left: 43%;
  top: 12%;
  display:none;
}
.okochecko:hover {
 opacity: 90%;
}
.remive {
font-size: 50px;
position: absolute;
top: -3%;
left: 96%;
cursor:pointer;
}

.cantent1{ display:none;}
.fotoOkno1{display:flex; justify-content: space-evenly;margin-top:3%;}
.kartochka{display:flex; flex-direction:column;max-width:30%;}
.fo1{align-items: center;}
.textOkno1{}
.cantent2{  display:none;}
.fotoOkno2{display:flex; justify-content: space-evenly;margin-top:3%;}
.textOkno2{}
.cantent3{ display:none; }
.fotoOkno3{display:flex; justify-content: space-evenly;margin-top:3%;}
.textOkno3{}
.textOne {
  color:white;
  background-color: black;
  opacity: 60%;
  display: none;
}
.conteinerFotr{
  display: flex;
 flex-direction: column;
}
.fotr {
    display: flex;
    width: 100%;
    height: 230px;
    background-color: grey;
    opacity: 90%;
    align-items: center;
    justify-content: space-evenly;
}
.fotlog {
}
.obra {
    font-size: 140%;
    
}
.informatONac {
  display: flex;
  flex-direction: column;
}
.BisotaInformatONac {
  padding: 1%;
}
.nomr {
    font-size: 140%;
}
.telpnoh {
    color: black;
    font-size: 140%;
    
}
.el {
    font-size: 140%;
    
}
.el-adr {
font-size: 140%;
white-space: nowrap;
    
}

.opicanie {

}
@media screen and (max-width: 499px) {
body {
  max-width: 400px;
  max-height: 100%;
    background-image: url(img/gastrobox.rf_glav_dla_telephona2.jpg);
}
.kontHead {
    display: flex;
    max-width:100% ;
    height: auto;
    color: rgb(0, 0, 0);
    opacity: 70%;
}
.boxHeadLogo {
     display: flex;
     max-width: 100%;
}
.log {
    max-width: 100%;
    height: auto;  
    object-fit: contain;
}

.boxHeadInfo {
    display: flex;
    width: 200%;
    color: black;
    justify-content: space-evenly;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    opacity: 70%;
}
.nam {
    font-size: 140%;
    color: white;
    font-family: Courier New, monospace;
}
.nim {
    font-size: 100%;
    color: white;
    max-width: 300px;
    padding: 2% 5%;
}
.numb {
    font-size: 150%;
    color: white;
    /*font-family: Comic Sans MS, Comic Sans, cursive;*/
    border: 0.5px white solid;
    letter-spacing: 2px;
    padding: 5px 10px 5px 10px;
}
.glav {
  display: none;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 19%;
    left: 3%;
    color: white;
    font-family: Courier New, monospace;

}
.informat {
  display: none;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 23%;
    left: 5%;
    color: white;
    font-family: Courier New, monospace;
}
.ycluga {
  display: none;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 27%;
    left: 4%;
    color: white;
    font-family: Courier New, monospace;
}
.glav2 {
    display: none;
   font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 19%;
    left: 3%;
    color: white;
    font-family: Courier New, monospace;
}
.informat2 {
    display: none;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 23%;
    left: 5%;
    color: white;
    font-family: Courier New, monospace;
}
.ycluga2 {
   display: none;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 27%;
    left: 4%;
    color: white;
    font-family: Courier New, monospace;
}
.zagolovok {
  display: none;
font-family: Astoria Deco;
    letter-spacing: 1px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    padding: 2% 5%;
}
.upconteint {
/*position: absolute;*/
font-size: 60%;
letter-spacing: 1px;
top: 45%;
left: 10px;
 max-width: 300px;
 padding: 6% 1%;
}
.btn-slice {
display:none;
}
.btn-slice1 {
display:none;
}
.btn-slice2 {
display:none;
}
.btn-slice3 {
display:none;
}

.fotr{
  display: flex;
  flex-direction: column;
  background-color: grey;
  padding: -2% -2%;
   height: auto;
   max-width: 100%;
  }
  .obra {
    font-size: 85%;
    white-space: nowrap;
}
.informatONac {
  display: flex;
  flex-direction: column;
}
.BisotaInformatONac {
  padding: 1%;
}
.nomr {
    font-size: 90%;
}
.telpnoh {
    color: black;
    font-size: 90%;
    
}
.el {
    font-size: 90%;
    
}
.el-adr {
font-size: 90%;
white-space: nowrap;
    
}
}