/* === css/style.css === */
/* Saitler 4.1 (15.05.2023) */

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

}


body {
				margin: 0;
				font-family: Verdana;
				height: 100%;
				font-weight: 300;
				font-size: 1.26vw;
				line-height: 1.65;
				
}


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;
}

h1 {
margin:0 0 15px;
font-weight:700;
line-height:1.15;
margin-top:0;
font-size:1.8em
}

h2 {
margin:37px 0 15px;
font-weight:700;
line-height:1.2;
font-size:1.6em
}

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

strong {
font-weight:700
}

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;
}


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

  }

.ABS-2 {
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%)
}

.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)
}

.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:2px
}

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

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

.LL-2 {
border-left-style:dashed;
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-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-48 {
width:48%
}

.S-47 {
width:47.5%
}


.S-50 {
width:50%
}

.S-55 {
width:55%
}

.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-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
}


.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
}

.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
}

.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:1.07
}

.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;
}


.VIDEO-YOUTUBE > tbody > tr > td {
				position: relative;
				padding-bottom: 56.25%;
				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-left: 0px;
				padding-left: 0em;
				margin-bottom: 0px;
}



.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: -2px;
}



.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;
				line-height: 2.2em;
				
}


.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 > 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:3px;
height:55px;
padding-right:1em;
padding-left:1em;
font-size: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:3px;
height:55px;
padding-right:0.8em;
padding-left:0.8em;
font-size:1em;
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
}


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

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


    
.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');
}





@media screen and (max-width:790px) {
body {
font-size:4.2vw
}

p {
font-size:1em
}

h1 {
font-size:1.45em
}


h2 {
font-size:1.35em
}


h3 {
font-size:1.25em
}


ul {
padding-left: 30px;
}



ol {
padding-left: 30px;
}

.FLEX {
display:flex;
flex-wrap:wrap;
align-items:center
}


.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
}

.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
}

.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
}

.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 {
				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: 20px;
				
}

.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;    

}



}

@media screen and (min-width:791px) {
.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;    

}


}

/* === css/mystyle.css === */
/* СВОЙ СТИЛЬ КНОПКИ */

.KNOP-1 {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 7px;
				padding: .6em 1.1em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #D72B00;
				line-height: 2.8em;
}
.KNOP-1:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-2{
				border: 0px solid #CCCCCC;
				text-decoration: none;
				text-align: center;
				color: #FFFFFF;
				background-color: #D72B00;
				border-radius: 7px;
				padding: 0.95em 1.6em 0.95em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-2:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}


.KNOP-3 {
				border: 2px solid #D72B00;
				text-decoration: none;
				text-align: center;
				color: #D72B00;
				border-radius: 7px;
				padding: 0.83em 1.6em 0.83em 1.6em;
				line-height: 3.8em;
				transition: 0.2s;
				white-space: nowrap;
}
.KNOP-3:hover {
				border: 2px solid #BD2600;
				text-decoration: none;
				color: #BD2600;
}

.KNOP-4 {
				border: 0px solid #FFFFFF;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				border-radius: 3px;
				padding: .75em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				background-color: #D72B00;
				line-height: 2.8em;
}
.KNOP-4:hover {
				background-color: #BD2600;
				text-decoration: none;
				color: #FFFFFF;
}

.KNOP-5 {
				border: 2px solid #D72B00;
				text-decoration: none;
				text-align: center;
				color: #D72B00;
				border-radius: 3px;
				padding: .6em 1.2em;
				line-height: 1.7em;
				transition: 0.2s;
				white-space: nowrap;
				line-height: 2.8em;
}
.KNOP-5:hover {
				background-color: #F6F6F6;
				text-decoration: none;
				color: #D72B00;
}




/* СВОЙ ЦВЕТ ЗАКЛАДКИ */


.TABY > tbody > tr > td li.TABY-AKTIV {
				background-color: #CC3300;
				color: #FFFFFF;
}


.ZAKL > tbody > tr > td li.TABY-AKTIV {
				color: #000000;
				background-color: #9BE7FF;

}



/* СВОЙ СТИЛЬ ССЫЛКИ В ВЕРХНЕМ МЕНЮ */

.MENU-SSILKA-CH a {
				color: #333333;
				text-decoration: none;
				margin-right: 20px;
}
.MENU-SSILKA-CH a:hover {
				color: #000000;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #A6A6A6;
}

.MENU-SSILKA-B a {
				color: #FFFFFF;
				text-decoration: none;
				margin-right: 20px;
}
.MENU-SSILKA-B a:hover {
				color: #FFFFFF;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #FFFFFF;
}


.SSIL-1 {
				color: #333333;
				text-decoration: none;
}
.SSIL-1:hover {
				color: #000000;
				text-decoration: none;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #A6A6A6;
}

.SSIL-2 {
				color: #FFFFFF;
				text-decoration: none;
				margin-right: 20px;

}

.SSIL-2:hover {
				color: #FFFFFF;
				text-decoration: none;
				border-bottom-color: #FFFFFF;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				
}

.MOBMENU a.active{
				color: #FF0000;
}



/* СВОЙ ЦВЕТ ФОНА */


.F-6 {
				background: #FF9900}



/* СВОЙ ЦВЕТ ТЕКСТА */

.CT-1{
				color: #CC3300
}

.CT-2{
				color: #EC5F00
}

/* СВОЙ СТИЛЬ КНОПКИ ОТПРАВИТЬ*/

.FORMA table td .Otpravka {
background-color: #CC3300;
color: #FFF;
}

.FORMA table td .Otpravka:hover {
background-color: #B72E00;
cursor:pointer
}




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


/* СВОЙ ЦВЕТ ФОНА НА МОБИЛЬНЫХ */

.Fm-6 {
				background-color: #FF9900
}



/* СВОЙ ЦВЕТ ТЕКСТА НА МОБИЛЬНЫХ */


.CTm-1{
				color: #3399FF
}}

/* === css/smartphoto.css === */
@keyframes smartphoto {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

@keyframes smartphoto-img-wrap {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes smartphoto-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}

@keyframes smartphoto-loader {
  0% {
    opacity: .4;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: .4;
    transform: rotate(360deg);
  }
}

@keyframes smartphoto-appear {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes smartphoto-hide {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

.smartphoto {
  position: fixed;
  z-index: 11100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: black;
  opacity: 1;
  font-family: sans-serif;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  transition: all 0.3s ease-out;
  animation-name: smartphoto;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto[aria-hidden="true"] {
  display: none;
}

.smartphoto-close {
  opacity: 0;
}

.smartphoto-count {
  display: inline-block;
  color: #FFF;
  font-size: 16px;
}

.smartphoto-header {
  display: block;
  box-sizing: border-box;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.2);
}

.smartphoto-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.smartphoto-dismiss {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
  text-shadow: 0 1px 0 #FFF;
  color: #FFF;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}

.smartphoto-body {
  position: relative;
  z-index: 102;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.smartphoto-inner {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.smartphoto-img {
  display: none;
  max-width: none;
  width: auto;
  height: auto;
  cursor: zoom-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform 0.3s ease-out;
  -webkit-user-drag: none;
}

.smartphoto-img.active {
  display: block;
}

.smartphoto-img-onmove {
  cursor: grab;
  cursor: -webkit-grab;
  transition: none;
}

.smartphoto-img-elasticmove {
  transition: transform 0.3s ease-out;
}

.smartphoto-img-wrap {
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  animation-name: smartphoto-img-wrap;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-img-left {
  transform: translateX(150%) !important;
}

.smartphoto-img-right {
  transform: translateX(-150%) !important;
}

.smartphoto-arrows {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1002;
  top: 50%;
  left: 0;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-arrows[aria-hidden="true"] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows li {
  display: block;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -20px;
  box-sizing: content-box;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-name: smartphoto-appear;
}

.smartphoto-arrows li:focus {
  outline: none;
}

.smartphoto-arrows [aria-hidden="true"] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.smartphoto-arrow-right {
  right: 0;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.smartphoto-arrow-right a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
}

.smartphoto-arrow-left {
  left: 0;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.smartphoto-arrow-left a {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
}

.smartPhotoArrowHideIcon {
  display: none;
}

.smartphoto-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-nav[aria-hidden="true"] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-nav ul {
  display: block;
  overflow-x: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.smartphoto-nav li {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.smartphoto-nav a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  background-position: center center;
  background-size: cover;
  opacity: .5;
}

.smartphoto-nav a:focus {
  opacity: .8;
}

.smartphoto-nav a.current {
  opacity: 1;
}

.smartphoto-nav img {
  width: auto;
  height: 100%;
}

.smartphoto-list {
  list-style-type: none;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.smartphoto-list li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
}

.smartphoto-list li:focus {
  outline: none;
}

.smartphoto-list-onmove {
  transition: all 0.3s ease-out;
}

.smartphoto-caption {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 50px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.smartphoto-caption:focus {
  outline: none;
}

.smartphoto-loader-wrap {
  display: block;
  position: relative;
  z-index: 103;
  width: 0;
  height: 0;
  transform: translate(50vw, 50vh);
}

.smartphoto-loader {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -25px;
  margin-left: -25px;
  border: 8px solid #17CDDD;
  border-right-color: transparent;
  border-radius: 50%;
  animation: smartphoto-loader .5s infinite linear;
}

.smartphoto-img-clone {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
}

.smartphoto-sr-only {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

/* a11y: контраст ссылки согласия в форме (было #008FD5 на #F9F9F9 = 3,4:1, стало 5,1:1) */
.FORMA table .Usloviya a {
color:#0070A8
}

/* === Меню: выпадающий список «Услуги» (site-3) === */
.MENU-DROP {
position: relative;
display: inline-block
}

.MENU-DROP > a::after {
content: " \25BE";
font-size: .8em
}

.MENU-DROP-LIST {
text-align: left;
display: none;
position: absolute;
left: -14px;
top: 100%;
min-width: 230px;
padding: 10px 18px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
z-index: 1000
}

.MENU-DROP:hover .MENU-DROP-LIST,
.MENU-DROP:focus-within .MENU-DROP-LIST {
display: block
}

.MENU-DROP-LIST a {
display: block;
margin: 0;
padding: 8px 0;
white-space: nowrap
}

@media screen and (max-width:790px) {
.MOBMENU {
overflow-y: auto
}

.MENU-DROP {
display: block
}

.MENU-DROP > a::after {
content: ""
}

.MENU-DROP-LIST {
display: block;
position: static;
min-width: 0;
padding: 0 0 0 16px;
background: transparent;
border: none;
border-radius: 0;
box-shadow: none
}

.MOBMENU .MENU-DROP-LIST a {
font-size: 1em;
margin-bottom: 12px;
padding: 0;
color: #555555
}
}