a {
    text-decoration: none;
    color: black;
}

body {
    background: #2364a470;
}

.container {
        width: 50%;
    margin: auto;
    background: linear-gradient(17deg, #4099ff, #1e5c96);
    box-shadow: 0px -2px 16px 7px black;
    padding: 3vh 3vh 0 3vh;
}
.lvl {
    width: 100%;
    height: 11vh;
    margin-left: auto;
    margin-right: auto;
}

#cont {
 width: 85%;
    margin-left: auto;
    margin-right: auto;
    background: white;
}

#act_lvl {
        height: 17vh;
}

#podkl {

    height: 17vh;
}

#promyvka {
        margin-top: 2vh;
}

.head {
    width: 46%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    /* border: solid; */
   
    padding: 11PX;
    padding-top: 20px;
    box-shadow: -3px 4px 7px 0px black;
     background: white;
    

}

.head:hover {

 transition: all 0.2s ease;
 box-shadow: -3px 4px 7px 0px blue;
  

}

.bleft {
    width: 34%;
    text-align: center;
 transition: all 0.2s ease;
    float: left;
    margin: 0;
      box-shadow: -3px 4px 7px 0px black;
     background: white;
        PADDING: 1vh;
    
    position: sticky;

}

.bleft:hover {

 transition: all 0.2s ease;
 box-shadow: -3px 4px 7px 0px blue;
  

}

.bright:hover {

 transition: all 0.2s ease;
 box-shadow: -3px 4px 7px 0px blue;
  

}


.bright {
	   width: 25%;
    text-align: center;
   
    margin-right: 104px;
    float: right;
      box-shadow: -3px 4px 7px 0px black;
     background: white;
       PADDING: 1vh;
    

    position: sticky;


}

.center {
    width: 68%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    transition:  all 0.1s ease 0.1s
    box-shadow: -3px 4px 7px 0px black;
    background: white;
    PADDING: 1vh;
}

.center:hover {

 transition: all 0.2s ease;
 box-shadow: -3px 4px 7px 0px blue;
  

}

.block {
        margin-top: 4vh;
}

.m_zayavlenye {   
 width: 15%;
    background: white;
    margin-top: 3vh;
    float: left;
}

#plat {
	   width: 13%;
    margin-left: 33px;
}

#uved {
    width: 22%;
    margin-left: 3vh;
    margin-top: 2vh;
}
}

#plat2 {
	width: 13%;
    margin-left: 3vh;
}

#vrezka {
	    width: 66%;
}

.aleft {
	background: url(ar.png);
    height: 10vh;
    width: 12%;
    float: left;
    background-size: 43px 88px;
    background-repeat: no-repeat;
    position: sticky;
}

.aright {
	background: url(ar.png);
    height: 10vh;
    width: 12%; 
    float: right;
    background-size: 43px 88px;
    background-repeat: no-repeat;
     position: sticky;
}

.slvl {
	width: 46%;
    margin-left: auto;
    margin-right: auto;
    height: 11vh;
}

#sc1 {
	        margin-top: 49px;
}

#lc1 {

    height: 3vh;
}

#lc2 {
        margin-top: 15vh;
}

#ar1 {
	    margin-right: 132px;
}

#ar2 {
	    margin-left: 77px;
}

#ar3 {
	    margin-top: 13px;
}
#rot90 {
	transform: rotate(90deg);
    width: 5%;
   background-size: 43px 59px;
    margin-bottom: 0px;
}

#rot270 {
	background: url(ar.png);
    height: 10vh;
    width: 6%;
    float: left;
    background-size: 43px 88px;
    background-repeat: no-repeat;
    margin-left: 113px;
    transform: rotate(270deg);

}

#tarifs {
	width: 128px;
    margin-top: 21px;
}

#cc {
	    height: 5vh;
}

#sp {
    
   transition:  all 0.1s ease 0.1s 
}

.tp_scheme_subm {
    text-transform: uppercase;
    box-shadow: -3px 4px 7px 0px black;
    width: 84%;
    margin: auto;
   
    margin-right: auto;
    margin-top: 12px;
    padding: 1vh;
    margin-bottom: 1vh;
    background: #2196f385;
  transition:  all 0.1s ease 0.1s
}

.tp_scheme_subm a {
        text-decoration: none;
    color: black;

}

.zvl_holder #zayavlenye .tp_scheme_subm {
    display: none;
} 

.zvl_holder #zayavlenye:hover .tp_scheme_subm {
    display: block;

} 
#zayav_podkl .tp_scheme_subm {
    display: none;
}
#zayav_podkl:hover  .tp_scheme_subm {
    display: block;
        transition:  all 0.1s ease 0.1s
}

#cc:hover #sp {
    display: none;
    transition:  all 0.1s ease 0.1s
}


 
#dogovor .tp_scheme_subm {
    display: none;
}

#dogovor:hover .tp_scheme_subm {
    display: block;
}
#uved .tp_scheme_subm {
    display: none;
}

#uved:hover .tp_scheme_subm {
    display: block;
}
#act_lvl #act .tp_scheme_subm {
    display: none;
}

#act_lvl #act:hover .tp_scheme_subm {
    display: block;
}

@media screen and (max-width: 1700px) {
.container {
width: 89%;
}
#rot90 {
    background-position-y: inherit;
}

}
@media screen and (max-height:  850px) {
.aleft  {
background-position-y: bottom; 
}

.aright  {
background-position-y: bottom; 
}

}

}