﻿
/* Saitler (26.10.2023) */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


html {
height:100%;
font-size:24px;
margin:0;
text-rendering: optimizeLegibility;

}

.ZUM-BOL {
				 				
				transform: scale(1.0);
				transition: transform 0.1s ease ;	
				backface-visibility: hidden;
						
}


.ZUM-BOL:hover {
				transition: transform 0.1s ease;
				transform: scale(1.015);
				box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
				cursor: pointer;
}



body {
				margin: 0;
				font-family: 'Raleway', sans-serif, Verdana;				
				height: auto;
				font-weight: 300;
				font-size: 1.18vw;
				line-height: 1.65;
				font-feature-settings: "lnum";
				
}


table {
				margin: auto;
				border-spacing: 0 0;
				width: 100%;
				height: auto;
}


td {
				padding: 0;
				border: 0;
				width: auto;
				
				
				
}

th {
				padding: 0;
				border: 0;
				width: auto;
				
				
}


p {
margin-bottom:1.25em;
margin-top:0;
font-size:1em

}

h1 {
margin:0 0 15px;
font-weight:500;
line-height:1.10;
margin-top:0;
font-size:2.2em
}

h2 {
margin:37px 0 15px;
font-weight:500;
line-height:1.15;
font-size:1.5em
}

h3 {
margin:37px 0 13px;
font-weight:500;
line-height:1.3;
font-size:1.3em
}

strong {
font-weight:600
}

a {
color:#008FD5;
text-decoration:none
}

a:hover {
color: #00A4F2;
}

ul  {
				list-style-type: disc;
}


.NETMARK {
				list-style-type: none;
				padding-left:25px}		

.NETOTS {
				padding-left:20px}



img {
display:block;
border:none;
width:100%;
height:auto;
}

.FONFOTO{
				background-color: #CCCCCC;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				
}


.ZIND-10 {
z-index: 10;
}

.ZIND-20 {
z-index: 20;
}

.ZIND-30 {
z-index: 30;
}

.ZIND-40 {
z-index: 40;
}

.ZIND-50 {
z-index: 50;
}

.ZIND-1000 {
z-index: 1000;
}

.ZIND-2000 {
z-index: 2000;
}



.ABS-1 {
position:absolute;
left:0;
top:0;

  }

.ABS-2 {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;}

.ABS-3 {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;}



.REL {
position:relative
}

.BLOK {
display: block;
}

.SCROLL {
overflow: auto;
}



.TENNAV:hover {
box-shadow:0 0 10px 5px rgb(0,0,0,0.03)
}

.YARK img {
transition:all .3s ease-out
}

.YARK img:hover {
filter:brightness(80%)
}

.YARK-2 img {
transition:all .2s ease-out
}

.YARK-2 img:hover {
filter:brightness(0%)
}


.ZUM {
overflow:hidden
}

.ZUM img {
transition:all .5s ease-out
}

.ZUM img:hover {
transform:scale(1.05)
}

.F-0 {
background-color:transparent
}

.F-1 {
background-color:#FFFFFF
}

.F-2 {
background-color:#F9F9F9
}

.F-3 {
background-color:#ECECEC
}

.F-4 {
background-color:#DBDBDB 
}

.F-5 {
background-color: #000000;
}



.LIN-1 {
				background-image: url('../img/liniya-01.png');
				background-repeat: repeat-y;
				background-position: center;
}
.LIN-2 {
				background-image: url('../img/liniya-02.png');
				background-repeat: repeat-x;
				background-position: center;
}


.KON-1 {
border:1px solid #E0E0E0
}

.KON-2 {
border:2px solid #E0E0E0
}

.KON-3 {
				border: 4px solid #FFFFFF
}

.KON-4 {
				border: 4px solid #F9F9F9
}

.KON-5 {
				border: 4px solid #ECECEC

}

.KON-P {
				border: 4px solid rgba(0, 0, 0, .0)
}


.KON-0 {
border-width:0
}

.TEN-0 {
box-shadow:0 0 0 0 rgb(0,0,0,0.0)
}

.TEN-1 {
box-shadow:0 0 30px 1px rgb(0,0,0,0.05)
}

.TEN-2 {
box-shadow:0 0 30px 1px rgb(0,0,0,0.09)
}

.TEN-3 {
box-shadow:0 20px 30px 1px rgb(0,0,0,0.11)
}

.LN-B {
border-color: #FFFFFF;
border-bottom-style:solid;
border-bottom-width:1px;
}

.LN-CH {
border-color: #333333;
border-bottom-style:solid;
border-bottom-width:1px;

}

.LV-1 {
border-color:#E0E0E0;
border-top-style:solid;
border-top-width:1px
}

.LN-1 {
border-bottom-style:solid;
border-bottom-width:1px;
border-color:#E0E0E0
}

.LP-1 {
border-right-style:solid;
border-right-width:1px;
border-right-color:#E0E0E0
}

.LL-1 {
border-left-style:solid;
border-left-width:1px;
border-left-color:#E0E0E0
}

.LV-2 {
border-color:#E0E0E0;
border-top-style:dashed;
border-top-width:1px
}

.LN-2 {
border-bottom-style:dashed;
border-bottom-width:1px;
border-color:#E0E0E0
}

.LP-2 {
border-right-style:dashed;
border-right-width:1px;
border-right-color:#E0E0E0
}

.LL-2 {
border-left-style:dashed;
border-left-width:1px;
border-left-color:#E0E0E0
}

.LV-3 {
border-color:#E0E0E0;
border-top-style:solid;
border-top-width:2px
}

.LN-3 {
border-bottom-style:solid;
border-bottom-width:2px;
border-color:#E0E0E0
}

.LP-3 {
border-right-style:solid;
border-right-width:2px;
border-right-color:#E0E0E0
}

.LL-3 {
border-left-style:solid;
border-left-width:2px;
border-left-color:#E0E0E0
}

.RAD-5 {
border-radius:5px;
overflow:hidden
}

.RAD-10 {
border-radius:10px;
overflow:hidden
}

.RAD-15 {
border-radius:15px;
overflow:hidden
}

.RAD-20 {
border-radius:20px;
overflow:hidden
}


.RAD-25 {
border-radius:25px;
overflow:hidden
}

.RAD-30 {
border-radius:30px;
overflow:hidden
}

.RAD-35 {
border-radius:35px;
overflow:hidden
}


.RAD-40 {
border-radius:40px;
overflow:hidden
}


.KRUG {
border-radius:50%;
overflow:hidden
}


.SPX-5 {
width:5px}

.SPX-10 {
width:10px}

.SPX-15 {
width:15px
}

.SPX-20 {
width:20px
}

.SPX-25 {
width:25px
}

.SPX-30 {
width:30px
}

.SPX-35 {
width:35px
}

.SPX-40 {
width:40px
}

.SPX-45 {
width:45px
}

.SPX-50 {
width:50px
}


.S-0 {
width:0
}

.S-4 {
width:3.5%
}


.S-5 {
width:5%
}

.S-7 {
width:7%
}

.S-10 {
width:10%
}

.S-12 {
width:12%
}


.S-15 {
width:15%
}

.S-20 {
width:20%
}

.S-25 {
width:25%
}

.S-30 {
width:30%
}

.S-33 {
width:33.33%
}

.S-35 {
width:35%
}

.S-40 {
width:40%
}

.S-45 {
width:45%
}

.S-46 {
width:46%
}



.S-48 {
width:48%
}

.S-47 {
width:47.5%
}


.S-50 {
width:50%
}

.S-55 {
width:55%
}

.S-58 {
width:58%
}


.S-60 {
width:60%
}

.S-65 {
width:65%
}

.S-70 {
width:70%
}

.S-73 {
width:73%
}

.S-75 {
width:75%
}

.S-80 {
width:80%
}

.S-82 {
width:82%
}


.S-87 {
width:87%
}


.S-85 {
width:85%
}

.S-90 {
width:90%
}

.S-91 {
width:91%
}

.S-92 {
width:92%
}

.S-93 {
width:93%
}

.S-94 {
width:94%
}

.S-95 {
width:95%
}

.S-96 {
width:96%
}

.S-97 {
width:97%
}

.S-98 {
width:98%
}

.S-99 {
width:99%
}

.S-100 {
width:100%
}

.S-A {
width:auto
}


.VIS-5 {
height:5px
}

.VIS-10 {
height:10px
}

.VIS-15 {
height:15px
}

.VIS-20 {
height:20px
}

.VIS-25 {
height:25px
}

.VIS-30 {
height:30px
}

.VIS-35 {
height:35px
}

.VIS-40 {
height:40px
}

.VIS-45 {
height:45px
}

.VIS-50 {
height:50px
}

.VIS-55 {
height:55px
}

.VIS-60 {
height:60px
}

.VIS-65 {
height:65px
}

.VIS-70 {
height:70px
}

.VIS-75 {
height:75px
}

.VIS-80 {
height:80px
}

.VIS-85 {
height:85px
}


.VIS-90 {
height:90px
}

.VIS-95 {
height:95px
}

.VIS-100 {
height:100px
}

.VIS-400 {
height:400px
}



.VISPR-5 {
height:5%
}

.VISPR-50 {
height:50%
}

.VISPR-55 {
height:50%
}

.VISPR-60 {
height:60%
}

.VISPR-65 {
height:65%
}

.VISPR-70 {
height:70%
}

.VISPR-75 {
height:75%
}

.VISPR-80 {
height:80%
}

.VISPR-85 {
height:85%
}

.VISPR-90 {
height:90%
}

.VISPR-95 {
height:95%
}

.VISPR-100 {
height:100%
}

.VISPR-110 {
height:110%
}

.VISPR-120 {
height:120%
}

.VISPR-130 {
height:130%
}

.VISPR-140 {
height:140%
}

.VISPR-150 {
height:150%
}

.VIS-A {
height:auto
}

.VISEKR-5 {
height:5vh
}

.VISEKR-10 {
height:10vh
}

.VISEKR-15 {
height:15vh
}

.VISEKR-20 {
height:20vh
}

.VISEKR-25 {
height:25vh
}

.VISEKR-30 {
height:30vh
}

.VISEKR-35 {
height:35vh
}

.VISEKR-40 {
height:40vh
}

.VISEKR-45 {
height:45vh
}

.VISEKR-50 {
height:50vh
}

.VISEKR-55 {
height:55vh
}

.VISEKR-60 {
height:60vh
}

.VISEKR-65 {
height:65vh
}

.VISEKR-70 {
height:70vh
}

.VISEKR-75 {
height:75vh
}

.VISEKR-80 {
height:80vh
}

.VISEKR-85 {
height:85vh
}

.VISEKR-90 {
height:90vh
}

.VISEKR-95 {
height:95vh
}

.VISEKR-100 {
height:100vh
}


.LEVO-1 {
margin-left:0
}

.PRAVO-1 {
margin-right:0
}

.LEVO-0 {
margin-left:auto
}

.PRAVO-0 {
margin-right:auto
}

.N-0 {
margin-bottom:0
}

.N-1 {
margin-bottom:1px
}

.N-2 {
margin-bottom:2px
}

.N-3 {
margin-bottom:3px
}

.N-4 {
margin-bottom:4px
}

.N-5 {
margin-bottom:5px
}

.N-10 {
margin-bottom:10px
}

.N-15 {
margin-bottom:15px
}

.N-20 {
margin-bottom:20px
}

.N-25 {
margin-bottom:25px
}

.N-30 {
margin-bottom:30px
}

.N-35 {
margin-bottom:35px
}

.N-40 {
margin-bottom:40px
}

.N-45 {
margin-bottom:45px
}

.N-50 {
margin-bottom:50px
}

.N-55 {
margin-bottom:55px
}

.N-60 {
margin-bottom:60px
}

.N-65 {
margin-bottom:65px
}

.N-70 {
margin-bottom:70px
}

.N-75 {
margin-bottom:75px
}

.N-80 {
margin-bottom:80px
}

.N-85 {
margin-bottom:85px
}

.N-90 {
margin-bottom:90px
}

.N-95 {
margin-bottom:95px
}

.N-100 {
margin-bottom:100px
}

.N-110 {
margin-bottom:110px
}

.N-120 {
margin-bottom:120px
}

.N-130 {
margin-bottom:130px
}

.N-140 {
margin-bottom:140px
}

.N-150 {
margin-bottom:150px
}

.N-1000 {
margin-bottom:1000px
}


.V-0 {
margin-top:0
}

.V-1 {
margin-top:1px
}

.V-2 {
margin-top:2px
}

.V-3 {
margin-top:3px
}

.V-4 {
margin-top:4px
}

.V-5 {
margin-top:5px
}

.V-10 {
margin-top:10px
}

.V-15 {
margin-top:15px
}

.V-20 {
margin-top:20px
}

.V-25 {
margin-top:25px
}

.V-30 {
margin-top:30px
}

.V-35 {
margin-top:35px
}

.V-40 {
margin-top:40px
}

.V-45 {
margin-top:45px
}

.V-50 {
margin-top:50px
}

.V-55 {
margin-top:55px
}

.V-60 {
margin-top:60px
}

.V-65 {
margin-top:65px
}

.V-70 {
margin-top:70px
}

.V-75 {
margin-top:75px
}

.V-80 {
margin-top:80px
}

.V-85 {
margin-top:85px
}

.V-90 {
margin-top:90px
}

.V-95 {
margin-top:95px
}

.V-100 {
margin-top:100px
}

.V-110 {
margin-top:110px
}

.V-120 {
margin-top:120px
}

.V-130 {
margin-top:130px
}

.V-140 {
margin-top:140px
}

.V-150 {
margin-top:150px
}

.VER-C {
vertical-align:middle
}

.VER-V {
vertical-align:top
}

.VER-N {
vertical-align: bottom
}


.GOR-C {
text-align:center
}

.GOR-L {
text-align:left
}

.GOR-P {
text-align:right
}

.RT-1 {
font-size:.6em
}

.RT-2 {
font-size:.7em
}

.RT-3 {
font-size:.8em
}

.RT-4 {
font-size:.9em
}

.RT-5 {
font-size:1em
}

.RT-6 {
font-size:1.2em
}

.RT-7 {
font-size:1.4em
}

.RT-8 {
font-size:1.6em
}

.RT-9 {
font-size:1.8em
}

.RT-10 {
font-size:2em
}

.RT-11 {
font-size:2.3em
}

.RT-12 {
font-size:2.6em
}

.RT-13 {
font-size:2.9em
}

.RT-14 {
font-size:3.2em
}

.RT-15 {
font-size:3.5em
}

.RT-16 {
font-size:3.8em
}

.RT-17 {
font-size:4.1em
}

.RT-18 {
font-size:4.4em
}

.RT-19 {
font-size:4.7em
}

.RT-20 {
font-size:5em
}

.T-1 {
font-weight:300
}

.T-2 {
font-weight:400
}

.T-3 {
font-weight:500
}

.T-4 {
font-weight:600
}

.T-5 {
font-weight:700
}


.CT-B{
color:#FFFFFF
}

.CT-CH{
color:#000000
}

.CT-S {
color:#666666
}

.RMS-1 {
line-height:0.9
}

.RMS-2 {
line-height:1.1
}

.RMS-3 {
line-height:1.25
}

.RMS-4 {
line-height:1.35
}

.RMS-5 {
line-height:1.45
}

.RMS-6 {
line-height:1.55
}

.RMS-7 {
line-height:1.65
}

.FIX-1 {
position:fixed;
z-index:500;
top:0
}

.FIX-2 {
position: absolute;
z-index: 500;
top: 0;
}


.youtube-wrap {
    position: relative;
       
}
.youtube-wrap td {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    cursor: pointer;
}
.youtube-wrap td:before {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background-image: url('../img/icon-video-play-2.png');
				background-size: cover;
				width: 90px;
				height: 90px;
				opacity: 0.8;
				transition: opacity 0.4s;
				z-index: 10;
				border-radius: 50%;
				border: 6px solid #FFFFFF;
}
                
                
.youtube-wrap td:hover:before {
    
    opacity: 1;
}
.youtube-wrap td.show:after {
    display: none;
}
.youtube-wrap td.show:before {
    display: none;
}
.youtube-wrap td img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}    
.youtube-wrap td iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

}    
.youtube-wrap td img {
    z-index: 2;
    object-fit: cover;
    object-position: 50% 50%;
}
@media screen and (max-width: 790px) {
    .youtube-wrap td:before {
        width: 60px;
        height: 60px;
        
    }
}

.VIDEO-YOUTUBE td {
				position: relative;
				padding-bottom: 56.25%;
				height: 0;
				width: 100%;
				padding-top: 0;
				cursor: pointer;					
				
}


.SOOT-916 td {
			padding-bottom: 177.77%;
			position: relative;
				height: 0;
				width: 100%;
				padding-top: 0;
}

.SOOT-169 td {
			padding-bottom: 56.25%;
			position: relative;
				height: 0;
				width: 100%;
				padding-top: 0;
}



.SOOT-11 td {
				padding-bottom: 100%;
				position: relative;
				height: 0;
				width: 100%;
				padding-top: 0;
				overflow: hidden;
				
}

.SOOT-54 img {
    position: absolute;
    width: 100%;
    height: auto%;
    
}

.KVADR td iframe{
				width: 177.8%;
                height: 177.8%;
                z-index: 1;
                transform: translate(-21.75%, -21.75%);
				
}

.SOOT-32 td {
				padding-bottom: 66.67%;
				position: relative;
				height: 0;
				width: 100%;
				padding-top: 0;

}

.SOOT-54 td {
				padding-bottom: 80%;
				position: relative;
				height: 0;
				width: 100%;
				padding-top: 0;

}

.SOOT-75 td {
				padding-bottom: 71.43%;
				position: relative;
				height: 0;
				width: 100%;
				padding-top: 0;

}


.VIDEO-YOUTUBE > tbody > tr > td > iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}



.VIDEO > tbody > tr > td > video{
				
				
				width: 100%;
				height: auto;
								
}




.TEMNO-0 {
background-color:rgba(0,0,0,0.0)
}


.TEMNO-1 {
background-color:rgba(0,0,0,0.15)
}

.TEMNO-2 {
background-color:rgba(0,0,0,0.35)
}

.TEMNO-3 {
background-color:rgba(0,0,0,0.5)
}

.TEMNO-4 {
background-color:rgba(0,0,0,0.65)
}

.TEMNO-5 {
background-color:rgba(0,0,0,0.8)
}

.SVETLO-0 {
background-color:rgba(256,256,256,0.0)
}


.SVETLO-1 {
background-color:rgba(256,256,256,0.15)
}

.SVETLO-2 {
background-color:rgba(256,256,256,0.35)
}

.SVETLO-3 {
background-color:rgba(256,256,256,0.5)
}

.SVETLO-4 {
background-color:rgba(256,256,256,0.65)
}

.SVETLO-5 {
background-color:rgba(256,256,256,0.87)
}

.MENU-TEMNOE {
transition: all 0.5s ease;
}

.MENU-TEMNOE.ZAMENA {
background-color: #000000;
}

.MENU-SVETLOE {
transition: all 0.5s ease;
}

.MENU-SVETLOE.ZAMENA {
background-color: #FFFFFF;
}



.TABY > tbody > tr > td  ul {
				margin: 0px;
				padding-left: 0em;
}



.TABY > tbody > tr > td  li {
				border: 1px solid #E6E6E6;
				padding: 0.4em 1.1em 0.5em 1.1em;
				border-radius: 5px;
				color: #000000;
				text-decoration: none;
				display: inline;
				margin-right: 2px;
				margin-left: 0px;
				cursor: pointer;
				line-height: 2.8em;
				margin-bottom: 0px;
}

.TABY > tbody > tr > td li:hover {
				border-color: #D5D5D5;
				background-color: #F3F3F3;
				color: #000000;
				text-decoration: none;
}
.TABY > tbody > tr > td li.TABY-AKTIV {
				border: 1px solid #D5D5D5;
				background-color: #E6E6E6;
				color: #000000;
}

.ZAKL  {				
				margin-bottom: -4px;
}



.ZAKL > tbody > tr > td  li {
				border-style: solid;
				border-width: 2px 2px 0px 2px;
				border-color: #C0C0C0;
				border-radius: 0px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
				color: #000000;
				
				
}


.ZAKL > tbody > tr > td li:hover {
				border-color: #C0C0C0;
				border-width: 2px 2px 0px 2px;

				
				
}



.ZAKL > tbody > tr > td li.TABY-AKTIV {
				border-color: #C0C0C0;
				border-width: 2px 2px 0px 2px;
				color: #000000;
				background-color: #9BE7FF;
}




.TABY-KONTENT > tbody > tr > td  {
				
				display: none;
				
}


.TABY-KONTENT > tbody > tr > td.TABY-AKTIV{
				display: table;
				width: 100%;
				box-sizing: border-box;
				background-color: #FFFFFF;
}
.ZAKLK > tbody > tr > td.TABY-AKTIV{
				border: 2px solid #C0C0C0;
				border-radius: 5px;
}

.AKK-VOPROS  {
				padding: .8em 3.5em .8em 1.5em;
				margin: 8px 0px 0px 0px;
				cursor: pointer;
				position: relative;
}


.AKK-VOPROS:hover  {
filter: brightness(99.25%)
}

.AKK-VOPROS:after {
				content: "›";
				position: absolute;
				right: 1.5em;
				font-size: 1.2em;
				font-weight: 700;
				color: #000000;
				top: .55em;
				padding: 0;
                margin: 0;
				transition: transform 0.7s ease;
}

.AKK-VOPROS.active:after {
  transform: rotate(-90deg);
}


.AKKTEXT  {
				padding: 0em 3.0em 0em 0em;
				margin: 0.7em 0 0 0;
}



.AKKTEXT:after {
				
				top: 0em;
				right: 0.0em;
				margin: -0.15em 0 0 0;

				
}



.AKK-OTVET {
width:auto;
padding:0;
}

.FORMA input, select{
font-family: 'Raleway', sans-serif, Verdana;				
font-weight: 500;
font-size: 0.9em;
font-feature-settings: "lnum";
}


.FORMA > tbody > tr > td > form > table {
width:auto;

}


.FORMA > tbody > tr > td > form > table > tbody > tr > td {
padding-top:.3em;
padding-bottom:.3em;
text-align:left;
width:auto;

}

.FORMA > tbody > tr > td > form > table > tbody > tr > td input {
border:1px solid #E6E6E6;
width:auto;
min-width:100%;
background-color:#FFF;
border-radius:5px;
height:55px;
padding-right:1em;
padding-left:1em;
box-sizing:border-box;
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td input:hover {
border:1px solid #D6D6D6
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td input:focus {
border:1px solid #BBB;
outline:none
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td select {
border:1px solid #E6E6E6;
width:auto;
min-width:100%;
background-color:#FFF;
border-radius:5px;
height:55px;
padding-right:0.8em;
padding-left:0.8em;
box-sizing:border-box;

}

.FORMA > tbody > tr > td > form > table > tbody > tr > td select:hover {
border:1px solid #D6D6D6;
cursor:pointer
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td select:focus {
border:1px solid #BBB;
outline:none
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td textarea {
				padding: 1em;
				border: 1px solid #E6E6E6;
				width: auto;
				min-width: 100%;
				background-color: #FFF;
				border-radius: 3px;
				height: 120px;
				font-size: 1.0em;
				box-sizing: border-box;
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td textarea:hover {
border:1px solid #D6D6D6
}

.FORMA > tbody > tr > td > form > table > tbody > tr > td textarea:focus {
border:1px solid #BBB;
outline:none
}

.FORMA table td .Chekbox {
width:20px;
height:20px;
vertical-align:middle;
margin-top:-1px;
min-width:auto


}

.FORMA table .Usloviya {
font-size:.75em;
padding-top:1em
}

.FORMA table td .Otpravka {
padding: .5em 1.3em;
min-width:auto;
height: auto;
background-color: #CC3300;
border-radius: 5px;
color: #FFF;
}

.FORMA table td .Otpravka:disabled {
background-color:#AEAEAE;
}

.FORMA table td .Otpravka:disabled:hover {
background-color:#AEAEAE;
cursor: default;
}

.FORMA table td .Otpravka:hover {
background-color: #B72E00;
cursor:pointer
}
.FORMA > tbody > tr > td > form > table > tbody > tr > td input:invalid:not(:placeholder-shown) {border-color: red;}
.FORMA > tbody > tr > td > form > table > tbody > tr > td input:valid:not(:placeholder-shown) {border-color: green;}

.OKNO {
	
	border-radius: 4px;	
    display: none;
    z-index: 10000;
    height: 90%;
       
}

.OKNO > tbody > tr > td{
				display: block;
				overflow-y: auto;
				height: 100%;
				
				
}

@media screen and (max-width:10000px){

    
.OKNO-TEMNO {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 9999;
    

}


.OKNO-ZAKR {
				position: fixed;
				z-index: 10;
				top: 15px;
				right: 35px;
				display: block;
				width: 40px;
				height: 40px;
				background-color: transparent;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				border: none;
				font-size: 0;
				cursor: pointer;
				outline: none;
				background-image: url('../img/zakrito.svg');
}}


.KORZINA {
				cursor: pointer;
				transition:all .1s ease-out;
				filter: contrast(40%)

}

.KORZINA:hover {
				filter: contrast(100%)}
				
				
.NAVERH{
   	opacity: 0;
   	width: 60px;
	height: 60px;
    transition: opacity 1.3s ease-out;
    display: none;
}


.NAVERH-AKTIV{
				padding: 10px;
				width: 60px;
				height: 60px;
				border-radius: 70px;
				position: fixed;
				right: 15px;
				z-index: 100000;
				bottom: 15px;
				filter: contrast(100%);
                opacity: 1;
                transition: opacity 1.3s ease-out;                
}

.NAVERH-AKTIV:hover {
				filter: contrast(90%);
				cursor: pointer;
}

.CHAST {
				margin: 0px;
				padding: 0px;
				width: 33px;
				height: 33px;
				border-radius: 30px;
				font-size: 0.8em;
				color: #FFFFFF;
}

.ICON-25 {
				width: 25px;
				height: 25px;
				margin-right: 10px;
}




.OGLAV{
				opacity: 0;
				width: 70px;
				height: 70px;
				transition: opacity 1.3s ease-out;
				display: none;
}
    
    

.OGLAV-AKTIV{
				padding: 15px;
				width: 70px;
				height: 70px;
				border-radius: 70px;
				position: fixed;
				right: 15px;
				z-index: 100000;
				bottom: 15px;
				filter: contrast(100%);
                opacity: 1;
                transition: opacity 1.3s ease-out;                
}

.OGLAV-AKTIV:hover {
				filter: contrast(90%);
				cursor: pointer;
}



.MENU-STATYA-AKTIV li{
				margin-bottom: 17px;
}

.MENU-STATYA li{
				margin-bottom: 5px;
}


.MENU-STATYA-AKTIV {
				position: fixed;
				top: 70px;
				right: -10px;
				width: 22%;
				height: 87%;
				z-index: 11000;
				transition: all 0.0s ease-in-out;
				overflow-y: auto;
				font-size: 0.85em;
				padding-right: 20px;
				padding-left: 10px;
				display: block;
}


.MENU-STATYA-AKTIV ol {
				padding-left: 20px;
				width: 100%;
				display: block;
}

.MENU-STATYA-AKTIV ul {
				padding-left: 20px;	
				width: 100%;
				display: block;			
}



@media screen and (max-width:790px) {

body {
font-size:4.2vw
}

p {
font-size:1em
}

h1 {
font-size:1.75em
}


h2 {
				font-size: 1.55em;
				line-height: 1.3em;
}


h3 {
font-size:1.25em
}


ul {
padding-left: 30px;
}



ol {
padding-left: 30px;
}



.VSTALm > tbody > tr {
display:flex;
flex-wrap:wrap;
align-items:center
}

.VSTALm > tbody > tr > td {
width:100%
}

.SMENAm > tbody > tr {
display:flex;
}

.MESTOm-1 {
order:1
}

.MESTOm-2 {
order:2
}

.MESTOm-3 {
order:3
}

.MESTOm-4 {
order:4
}

.MESTOm-5 {
order:5
}

.UPALm > tbody > tr {
display: block;
float: left;
}

.UPALm > tbody > tr > td {
display:block;
float:left;
width:100%;
}

.UPALm > tbody > tr + tr {
display:block;
float:right;
}


.UPAL-GOR-Cm > tbody {
display:flex;
align-items:center;
flex-wrap:wrap;}

.UPAL-GOR-Cm > tbody > tr + tr > td {
padding-right: 20px;
padding-left: 20px;

}

.ABSm-1 {
position:absolute;
left:0;
right:0;
  }


.ABSm-2 {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;}


.ABSm-1 {
position:absolute;
left:0;
right:0;
  }


.ABSm-2 {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;}

.RELm {
position:relative
}


.Fm-0 {
background-color:transparent
}

.Fm-1 {
background-color:#FFFFFF
}

.Fm-2 {
background-color:#F9F9F9
}

.Fm-3 {
background-color:#ECECEC
}

.Fm-4 {
background-color:#DBDBDB
}

.Fm-5 {
background-color:#000000
}

.LINm-1 {
				background-image: url('../img/liniya-01.png');
				background-repeat: repeat-y;
				background-position: center;
}

.LINm-2 {
				background-image: url('../img/liniya-02.png');
				background-repeat: repeat-x;
				background-position: center;
}


.KONm-1 {
border:1px solid #E0E0E0
}

.KONm-2 {
border:2px dashed #E0E0E0
}

.KONm-3 {
				border: 6px solid #FFFFFF
}

.KONm-4 {
				border: 6px solid #F9F9F9
}

.KONm-5 {
				border: 6px solid #ECECEC

}


.KONm-0 {
border-width:0
}

.TENm-0 {
box-shadow:0 0 0 0 rgb(0,0,0,0.0)
}

.TENm-1 {
box-shadow:0 0 30px 1px rgb(0,0,0,0.05)
}

.TENm-2 {
box-shadow:0 0 30px 1px rgb(0,0,0,0.09)
}

.TENm-3 {
box-shadow:0 20px 30px 1px rgb(0,0,0,0.11)
}


.LVm-1 {
border-color:#E0E0E0;
border-top-style:solid;
border-top-width:1px
}

.LVm-0 {
border-top-width:0px
}

.LNm-1 {
border-bottom-style:solid;
border-bottom-width:1px;
border-color:#E0E0E0
}

.LNm-0 {
border-bottom-width:0px;
}


.LPm-1 {
border-right-style:solid;
border-right-width:1px;
border-right-color:#E0E0E0
}

.LPm-0 {
border-right-width:0px;
}


.LLm-1 {
border-left-style:solid;
border-left-width:1px;
border-left-color:#E0E0E0
}

.LLm-0 {
border-left-width:0px;

}


.LVm-2 {
border-color:#E0E0E0;
border-top-style:dashed;
border-top-width:2px
}


.LNm-2 {
border-bottom-style:dashed;
border-bottom-width:2px;
border-color:#E0E0E0
}

.LPm-2 {
border-right-style:dashed;
border-right-width:2px;
border-right-color:#E0E0E0
}

.LLm-2 {
border-left-style:dashed;
border-left-width:2px;
border-left-color:#E0E0E0
}

.LVm-3 {
border-color:#E0E0E0;
border-top-style:solid;
border-top-width:2px
}

.LNm-3 {
border-bottom-style:solid;
border-bottom-width:2px;
border-color:#E0E0E0
}

.LPm-3 {
border-right-style:solid;
border-right-width:2px;
border-right-color:#E0E0E0
}

.LLm-3 {
border-left-style:solid;
border-left-width:2px;
border-left-color:#E0E0E0
}


.RADm-0 {
border-radius:0;
overflow:hidden
}

.RADm-5 {
border-radius:5px;
overflow:hidden
}

.RADm-10 {
border-radius:10px;
overflow:hidden
}

.RADm-15 {
border-radius:15px;
overflow:hidden
}

.RADm-20 {
border-radius:20px;
overflow:hidden
}

.RADm-25 {
border-radius:25px;
overflow:hidden
}

.RADm-30 {
border-radius:30px;
overflow:hidden
}

.RADm-35 {
border-radius:35px;
overflow:hidden
}


.RADm-40 {
border-radius:40px;
overflow:hidden
}


.KRUGm {
border-radius:50%;
overflow:hidden
}

.SPXm-5 {
width:5px
}

.SPXm-10 {
width:10px
}

.SPXm-15 {
width:15px
}

.SPXm-20 {
width:20px
}

.SPXm-25 {
width:25px
}

.SPXm-30 {
width:30px
}

.SPXm-35 {
width:35px
}

.SPXm-40 {
width:40px
}

.SPXm-45 {
width:45px
}

.SPXm-50 {
width:50px
}

.Sm-0 {
width:0
}

.Sm-5 {
width:5%
}

.Sm-7 {
width:7%
}

.Sm-10 {
width:10%
}

.Sm-12 {
width:12%
}

.Sm-15 {
width:15%
}

.Sm-20 {
width:20%
}

.Sm-25 {
width:25%
}

.Sm-30 {
width:30%
}

.Sm-33 {
width:33.33%
}

.Sm-35 {
width:35%
}

.Sm-40 {
width:40%
}

.Sm-45 {
width:45%
}

.Sm-50 {
width:50%
}

.Sm-55 {
width:55%
}

.Sm-60 {
width:60%
}

.Sm-65 {
width:65%
}

.Sm-70 {
width:70%
}

.Sm-75 {
width:75%
}

.Sm-80 {
width:80%
}

.Sm-85 {
width:85%
}

.Sm-90 {
width:90%
}

.Sm-91 {
width:91%
}

.Sm-92 {
width:92%
}

.Sm-93 {
width:93%
}

.Sm-94 {
width:94%
}

.Sm-95 {
width:95%
}

.Sm-96 {
width:96%
}

.Sm-97 {
width:97%
}

.Sm-98 {
width:98%
}

.Sm-99 {
width:99%
}

.Sm-100 {
width:100%
}

.Sm-A {
width:auto
}

.VISm-5 {
height:5px
}

.VISm-10 {
height:10px
}

.VISm-15 {
height:15px
}

.VISm-20 {
height:20px
}

.VISm-25 {
height:25px
}

.VISm-30 {
height:30px
}

.VISm-35 {
height:35px
}

.VISm-40 {
height:40px
}

.VISm-45 {
height:45px
}

.VISm-50 {
height:50px
}

.VISm-55 {
height:55px
}

.VISm-60 {
height:60px
}

.VISm-65 {
height:65px
}

.VISm-70 {
height:70px
}

.VISm-75 {
height:75px
}

.VISm-80 {
height:80px
}

.VISm-85 {
height:85px
}

.VISm-90 {
height:90px
}

.VISm-95 {
height:95px
}

.VISm-100 {
height:100px
}

.VISPRm-5 {
height:5%
}

.VISPRm-50 {
height:50%
}

.VISPRm-55 {
height:55%
}

.VISPRm-60 {
height:60%
}

.VISPRm-65 {
height:65%
}

.VISPRm-70 {
height:70%
}

.VISPRm-75 {
height:75%
}

.VISPRm-80 {
height:80%
}

.VISPRm-85 {
height:85%
}

.VISPRm-90 {
height:90%
}

.VISPRm-95 {
height:95%
}

.VISPRm-100 {
height:100%
}

.VISPRm-110 {
height:110%
}

.VISPRm-120 {
height:120%
}

.VISPRm-130 {
height:130%
}

.VISPRm-140 {
height:140%
}

.VISPRm-150 {
height:150%
}

.VISm-A {
height:auto
}

.VISEKRm-5 {
height:5vh
}

.VISEKRm-10 {
height:10vh
}

.VISEKRm-15 {
height:15vh
}

.VISEKRm-20 {
height:20vh
}

.VISEKRm-25 {
height:25vh
}

.VISEKRm-30 {
height:30vh
}

.VISEKRm-35 {
height:35vh
}

.VISEKRm-40 {
height:40vh
}

.VISEKRm-45 {
height:45vh
}

.VISEKRm-50 {
height:50vh
}

.VISEKRm-55 {
height:55vh
}

.VISEKRm-60 {
height:60vh
}

.VISEKRm-65 {
height:65vh
}

.VISEKRm-70 {
height:70vh
}

.VISEKRm-75 {
height:75vh
}

.VISEKRm-80 {
height:80vh
}

.VISEKRm-85 {
height:85vh
}

.VISEKRm-90 {
height:90vh
}

.VISEKRm-95 {
height:95vh
}

.VISEKRm-100 {
height:100vh
}


.LEVOm-1 {
margin-left:0
}

.PRAVOm-1 {
margin-right:0
}

.LEVOm-0 {
margin-left:auto
}

.PRAVOm-0 {
margin-right:auto
}

.Nm-0 {
margin-bottom:0
}

.Nm-1 {
margin-bottom:1px
}

.Nm-2 {
margin-bottom:2px
}

.Nm-3 {
margin-bottom:3px
}

.Nm-4 {
margin-bottom:4px
}

.Nm-5 {
margin-bottom:5px
}

.Nm-10 {
margin-bottom:10px
}

.Nm-15 {
margin-bottom:15px
}

.Nm-20 {
margin-bottom:20px
}

.Nm-25 {
margin-bottom:25px
}

.Nm-30 {
margin-bottom:30px
}

.Nm-35 {
margin-bottom:35px
}

.Nm-40 {
margin-bottom:40px
}

.Nm-45 {
margin-bottom:45px
}

.Nm-50 {
margin-bottom:50px
}

.Nm-55 {
margin-bottom:55px
}

.Nm-60 {
margin-bottom:60px
}

.Nm-65 {
margin-bottom:65px
}

.Nm-70 {
margin-bottom:70px
}

.Nm-75 {
margin-bottom:75px
}

.Nm-80 {
margin-bottom:80px
}

.Nm-85 {
margin-bottom:85px
}

.Nm-90 {
margin-bottom:90px
}

.Nm-95 {
margin-bottom:95px
}

.Nm-100 {
margin-bottom:100px
}

.Nm-110 {
margin-bottom:110px
}

.Nm-120 {
margin-bottom:120px
}

.Nm-130 {
margin-bottom:130px
}

.Nm-140 {
margin-bottom:140px
}

.Nm-150 {
margin-bottom:150px
}

.Vm-0 {
margin-top:0
}

.Vm-1 {
margin-top:1px
}

.Vm-2 {
margin-top:2px
}

.Vm-3 {
margin-top:3px
}

.Vm-4 {
margin-top:4px
}

.Vm-5 {
margin-top:5px
}

.Vm-10 {
margin-top:10px
}

.Vm-15 {
margin-top:15px
}

.Vm-20 {
margin-top:20px
}

.Vm-25 {
margin-top:25px
}

.Vm-30 {
margin-top:30px
}

.Vm-35 {
margin-top:35px
}

.Vm-40 {
margin-top:40px
}

.Vm-45 {
margin-top:45px
}

.Vm-50 {
margin-top:50px
}

.Vm-55 {
margin-top:55px
}

.Vm-60 {
margin-top:60px
}

.Vm-65 {
margin-top:65px
}

.Vm-70 {
margin-top:70px
}

.Vm-75 {
margin-top:75px
}

.Vm-80 {
margin-top:80px
}

.Vm-85 {
margin-top:85px
}

.Vm-90 {
margin-top:90px
}

.Vm-95 {
margin-top:95px
}

.Vm-100 {
margin-top:100px
}

.Vm-110 {
margin-top:110px
}

.Vm-120 {
margin-top:120px
}

.Vm-130 {
margin-top:130px
}

.Vm-140 {
margin-top:140px
}

.Vm-150 {
margin-top:150px
}

.VERm-C {
vertical-align:middle
}

.VERm-V {
vertical-align:top
}

.VERm-N {
vertical-align:bottom
}

.GORm-C {
text-align:center
}

.GORm-L {
text-align:left
}

.GORm-P {
text-align:right
}

.RTm-1 {
font-size:.6em
}

.RTm-2 {
font-size:.7em
}

.RTm-3 {
font-size:.8em
}

.RTm-4 {
font-size:.9em
}

.RTm-5 {
font-size:1em
}

.RTm-6 {
font-size:1.2em
}

.RTm-7 {
font-size:1.4em
}

.RTm-8 {
font-size:1.6em
}

.RTm-9 {
font-size:1.8em
}

.RTm-10 {
font-size:2em
}

.RTm-11 {
font-size:2.3em
}

.RTm-12 {
font-size:2.6em
}

.RTm-13 {
font-size:2.9em
}

.RTm-14 {
font-size:3.2em
}

.RTm-15 {
font-size:3.5em
}

.RTm-16 {
font-size:3.8em
}

.RTm-17 {
font-size:4.1em
}

.RTm-18 {
font-size:4.4em
}

.RTm-19 {
font-size:4.7em
}

.RTm-20 {
font-size:5em
}

.Tm-1 {
font-weight:300
}

.Tm-2 {
font-weight:400
}

.Tm-3 {
font-weight:500
}

.Tm-4 {
font-weight:600
}

.Tm-5 {
font-weight:700
}

.CTm-B{
color:#FFFFFF
}

.CTm-CH{
color:#000000
}

.CTm-S {
color:#666666
}

.RMSm-1 {
line-height:1.07
}

.RMSm-2 {
line-height:1.1
}

.RMSm-3 {
line-height:1.25
}

.RMSm-4 {
line-height:1.35
}

.RMSm-5 {
line-height:1.45
}

.RMSm-6 {
line-height:1.55
}

.RMSm-7 {
line-height:1.65
}

.FONFOTO{
				background-color: #CCCCCC;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				
}

.FONm-V{
				background-position: top;
}

.FONm-N{
				background-position: bottom;
}

.FONm-L{
				background-position: 15% 50%;
}

.FONm-P{
				background-position: 85% 50%;
}



.TEMNOm-0 {
background-color:rgba(0,0,0,0)
}

.TEMNOm-1 {
background-color:rgba(0,0,0,0.15)
}

.TEMNOm-2 {
background-color:rgba(0,0,0,0.35)
}

.TEMNOm-3 {
background-color:rgba(0,0,0,0.5)
}

.TEMNOm-4 {
background-color:rgba(0,0,0,0.65)
}

.TEMNOm-5 {
background-color:rgba(0,0,0,0.8)
}

.SVETLOm-0 {
background-color:rgba(256,256,256,0)
}


.SVETLOm-1 {
background-color:rgba(256,256,256,0.15)
}

.SVETLOm-2 {
background-color:rgba(256,256,256,0.35)
}

.SVETLOm-3 {
background-color:rgba(256,256,256,0.5)
}

.SVETLOm-4 {
background-color:rgba(256,256,256,0.65)
}

.SVETLOm-5 {
background-color:rgba(256,256,256,0.8)
}

.MOBMENU-MAGAZIN {
				
				position: fixed;
				top: 0px;
				right: -102%;
				width: 100%;
				height: 100%;
				z-index: 11000;
				display: block;
				transition: all 0.3s ease-in-out;
				overflow-y: auto;
			
}

.MOBMENU-MAGAZIN-AKTIV {
  right: -0%;
  transition: all 0.3s ease-in-out;

 
}

.MENU-STATYA-AKTIV {
				padding: 10px 20px 60px 10px;
				position: fixed;
				top: 60px;
				right: 0%;
				width: 70%;
				height: 85%;
				z-index: 11000;
				font-size: 0.9em;
				transition: all 0.0s ease-in-out;
				display: block;
				overflow-y: auto;

}



.MENU-STATYA li{
				margin-bottom: 10px;
}

.MENU-STATYA-AKTIV li{
				margin-bottom: 15px;
}



.OGLAV{
   	opacity: 0;
   	width: 50px;
	height: 50px;
    transition: opacity 1.3s ease-out;}


.OGLAV-AKTIV{
				padding: 10px;
				width: 50px;
				height: 50px;
				border-radius: 70px;
				right: 10px;
				bottom: 10px;
				opacity: 1;
                transition: opacity 1.3s ease-out;                
}




.MOBMENU {
				border: 1px solid #DDDDDD;
				position: fixed;
				top: 0px;
				right: -62%;
				width: 60%;
				height: 80%;
				z-index: 999;
				display: block;
				transition: all 0.3s ease-in-out;
				border-radius:15px;
				box-shadow:0 0 30px 1px rgb(0,0,0,0.09)

				
				
}

.MOBMENU-AKTIV {
  right: -3%;
  transition: all 0.3s ease-in-out;

 
}

.MOBMENU td{
				padding: 50px 30px 30px 30px;
				width: 100%;
				height: 100%;
				border-radius:15px
}




.MOBMENU a {
				display: block;
				text-align: left;
				font-size: 1.2em;
				margin-bottom: 0px;
}

.BURGER  {
				width: 25px;
				height: 25px;
				transform: rotate(0deg);
				transition: .5s ease-in-out;
				cursor: pointer;
				margin-right: 0;
				
}


.BURGER span {
	background-color: #333;
	display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    border-radius: 9px;    
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;	
    			
				
}

.BELIY span {
				background-color: #FFFFFF;
}


.BURGER span:nth-child(1) {
    top: 3px;
}
.BURGER span:nth-child(2),
.BURGER span:nth-child(3) {
    top: 11px;
}
.BURGER span:nth-child(4) {
    top: 19px;
}


.BURGER-AKTIV span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.BURGER-AKTIV span:nth-child(2) {
    transform: rotate(45deg);
}
.BURGER-AKTIV span:nth-child(3) {
    transform: rotate(-45deg);
}
.BURGER-AKTIV span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.PRILIPm-0 {
position: sticky;
top:0px
}

.PRILIPm-10{
position: sticky;
top:10px
}

.PRILIPm-15{
position: sticky;
top:15px
}

.PRILIPm-20{
position: sticky;
top:20px
}

.PRILIPm-25{
position: sticky;
top:25px
}

.PRILIPm-30{
position: sticky;
top:30px
}

.PRILIPm-35{
position: sticky;
top:35px
}

.PRILIPm-40{
position: sticky;
top:40px
}

.PRILIPm-45{
position: sticky;
top:45px
}

.PRILIPm-50{
position: sticky;
top:50px
}

.PRILIPm-55{
position: sticky;
top:55px
}

.PRILIPm-60{
position: sticky;
top:60px
}

.PRILIPm-65{
position: sticky;
top:65px
}

.PRILIPm-70{
position: sticky;
top:70px
}

.PRILIPm-75{
position: sticky;
top:75px
}

.PRILIPm-80{
position: sticky;
top:80px
}

.PRILIPm-85{
position: sticky;
top:85px
}

.PRILIPm-90{
position: sticky;
top:90px
}

.PRILIPm-95{
position: sticky;
top:95px
}

.PRILIPm-100{
position: sticky;
top:100px
}

.PRILIPm-105{
position: sticky;
top:105px
}


.PRILIPm-110{
position: sticky;
top:110px
}

.PRILIPm-115{
position: sticky;
top:115px
}


.PRILIPm-120{
position: sticky;
top:120px
}

.OKNO-ZAKR {
	right: 20px;
}
.NETm {
display:none
}

.ANIMm-L {
	transform: translateX(-15%);
    transition: all 1.5s ease;
    opacity: 0; 

}

.ANIMm-P {
	transform: translateX(15%);
    transition: all 1.5s ease; 
    opacity: 0;  
}

.ANIMm-V {
	transform: translateY(-15%);
    transition: all 1.5s ease; 
    opacity: 0;  

}

.ANIMm-N {
	transform: translateY(15%);
    transition: all 1.5s ease; 
    opacity: 0;  

}



.ANIMm-L.active {
	transform: translateX(0);
    opacity: 1;    

}

.ANIMm-P.active {
	transform: translateX(0);
    opacity: 1;    

}

.ANIMm-V.active {
	transform: translateX(0);
    opacity: 1;    

}

.ANIMm-N.active {
	transform: translateX(0);
    opacity: 1;    

}



.ICON-NAZAD::before {
				content: "";
				display: inline-block;
				width: 38px;
				height: 38px;
				background-image: url('../img/icon-nazad.png');
				background-size: cover;
				margin-right: 5px;
				vertical-align: -14px;
}


}

@media screen and (min-width:791px) {

.PLAY  {
				position: relative;
				cursor: pointer;
				
}


.PLAY::before {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background-image: url('../img/icon-video-play-2.png');
				background-size: cover;
				width: 70px;
				height: 70px;
				opacity: 0;
                transition: opacity 0.4s;
}

.PLAY:hover::before {
  opacity: 1;
}



.PRILIP-0 {
position: sticky;
top:0px
}

.PRILIP-10{
position: sticky;
top:10px
}

.PRILIP-15{
position: sticky;
top:15px
}

.PRILIP-20{
position: sticky;
top:20px
}

.PRILIP-25{
position: sticky;
top:25px
}

.PRILIP-30{
position: sticky;
top:30px
}

.PRILIP-35{
position: sticky;
top:35px
}


.PRILIP-40{
position: sticky;
top:40px
}

.PRILIP-45{
position: sticky;
top:45px
}


.PRILIP-50{
position: sticky;
top:50px
}

.PRILIP-55{
position: sticky;
top:55px
}


.PRILIP-60{
position: sticky;
top:60px
}

.PRILIP-65{
position: sticky;
top:65px
}


.PRILIP-70{
position: sticky;
top:70px
}

.PRILIP-75{
position: sticky;
top:75px
}


.PRILIP-80{
position: sticky;
top:80px
}

.PRILIP-85{
position: sticky;
top:85px
}

.PRILIP-90{
position: sticky;
top:90px
}

.PRILIP-95{
position: sticky;
top:95px
}

.PRILIP-100{
position: sticky;
top:100px
}

.PRILIP-105{
position: sticky;
top:105px
}


.PRILIP-110{
position: sticky;
top:110px
}

.PRILIP-115{
position: sticky;
top:115px
}

.PRILIP-120{
position: sticky;
top:120px
}

.NET {
display:none
}

.FONFOTO{
background-color: #CCCCCC;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
				
}

.FON-V{
				background-position: top;
}

.FON-N{
				background-position: bottom;
}

.FON-L{
				background-position: left;
}

.FON-P{
				background-position: right;
}

.ANIM-L {
	transform: translateX(-15%);
    transition: all 1.5s ease;
    opacity: 0; 

}

.ANIM-P {
	transform: translateX(15%);
    transition: all 1.5s ease; 
    opacity: 0;  
}

.ANIM-V {
	transform: translateY(-15%);
    transition: all 1.5s ease; 
    opacity: 0;  

}

.ANIM-N {
	transform: translateY(15%);
    transition: all 1.5s ease; 
    opacity: 0;  

}



.ANIM-L.active {
	transform: translateX(0);
    opacity: 1;    

}

.ANIM-P.active {
	transform: translateX(0);
    opacity: 1;    

}

.ANIM-V.active {
	transform: translateX(0);
    opacity: 1;    

}

.ANIM-N.active {
	transform: translateX(0);
    opacity: 1;    

}


}



