.bg-ik_fb {width: 13px; height: 25px; background-position: -988px -261px;}
.bg-ik_tel {width: 22px; height: 19px; background-position: -892px -541px;}
.bg-ik_vib {width: 20px; height: 22px; background-position: -832px -541px;}
/* sprait */
[class*='bg-']{display:block; background:url(../img/sprit.png) no-repeat;}
.bg-ik_yout {width: 22px; height: 27px; background-position: -968px -468px;}
.bg-logo_baner {width: 165px; height: 143px; background-position: -660px -261px;}
.bg-pdm_kryg_kolo {width: 23px; height: 14px; background-position: -954px -541px;}
.bg-pdm_kryg_svet {width: 23px; height: 41px; background-position: -107px -726px;}
.bg-pdm_romb_svet {width: 25px; height: 31px; background-position: -966px -350px;}
.bg-sxm_1 {width: 262px; height: 218px; background-position: -20px -468px;}
.bg-sxm_2 {width: 345px; height: 201px; background-position: -660px -20px;}
.bg-sxm_3 {width: 164px; height: 311px; background-position: -1045px -20px;}
.bg-sxm_4 {width: 176px; height: 180px; background-position: -322px -468px;}
.bg-th_layout {width: 161px; height: 42px; background-position: -538px -541px;}
.bg-th_mysql {width: 140px; height: 72px; background-position: -1045px -473px;}
.bg-th_php8 {width: 164px; height: 62px; background-position: -1045px -371px;}
.bg-th_seo {width: 204px; height: 33px; background-position: -538px -468px;}
.bg-pdm_kryg {width: 61px; height: 39px; background-position: -865px -350px;}
.bg-pdm_romb {width: 83px; height: 49px; background-position: -865px -261px;}
.bg-ln_ua {width: 53px; height: 32px; background-position: -739px -541px;}
.bg-ln_rus {width: 53px; height: 32px; background-position: -875px -468px;}
.bg-ln_eng {width: 53px; height: 32px; background-position: -782px -468px;}
.bg-ln_de {width: 35px; height: 35px; background-position: -537px -600px;}
.bg-logo_m {width: 47px; height: 51px; background-position: -20px -726px;}
.bg-pdm {width: 600px; height: 408px; background-position: -20px -20px;}
.bg-logofot {width: 105px; height: 90px; background-position: -164px -695px;}
.bg-th_apache {width: 151px; height: 59px; background-position: -1045px -585px;}

/*google font-ico*/
.material-icons {font-family: 'Material Icons Outlined'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

/*ГАЛЕРЕЯ В ПОЛНОЙ НОВОСТИ */
.fotoard {position: fixed; z-index:8888; top: 0; --fard-white: #fbfbfb; --fard-dark: #0a0a0a; --fard-black: #1e1d1d; --fard-gray: #666565; width: 100%; height: auto; margin: 0; text-align: center; padding: 40px 5%; background: var(--fard-dark);}
.fotoard img {max-width: 100%;}
.fotoard s {cursor:pointer; filter: brightness(0) invert(1);}
.fotoard s:hover{cursor:pointer;}
.fotoard s.bg-gl_clouze {filter:  sepia() saturate(100000%) hue-rotate(10deg);}
.fotoard s.bg-gl_play {filter:  sepia() saturate(100000%) hue-rotate(90deg);}
.fotoard-container {height: calc(100vh - 50px);display: flex; flex-flow: row wrap; justify-content: inherit; align-items: stretch; background: var(--fard-dark);}
.fotoard-main {padding:40px 40px 0px 40px; display: flex; justify-content: center; align-items: center;overflow: hidden;}
.fotoard-main-left, .fotoard-main-right {width: 60px; margin: 20px;}
.fotoard-tilo {width: 72%; display: flex; flex-flow: column wrap; justify-content: space-between;}
.fotoard-list {opacity: 1; width: 28%; text-align: center; display: flex; flex-flow: column wrap; justify-content: center;}
.gl_wind_open_act .fotoard-list{display:none; opacity:0; width:0;}
.gl_wind_open_act .fotoard-tilo{width:100%; opacity:1;}
.fotoard-list > div {height: 50px;}
.fotoard-list-top {position: relative;}
.fotoard-nav {height: 50px; background: var(--fard-black); display: flex; flex-flow: row wrap; justify-content: center; align-items: stretch; align-content: center;}
.fotoard-nav span {width: 50px; height: 50px; margin: 0 20px;}
.fotoard-zagolov {font-size:1.4em;padding:0 40px 40px 0; height:auto!important; color: var(--fard-white);}
.fotoard-zagolov h5 {font-size: 1.4em; margin-bottom:20px; color:var(--fard-white);}
.fotoard-zagolov p {color:var(--fard-gray);}
.fotoard-minifoto {margin: 0; padding: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; overflow: hidden; height: 260px;}
.fotoard-minifoto li {list-style-type: none; display: block; width: 48%;}
.fotoard-minifoto img {border: 1px solid var(--fard-dark);}
.fotoard-minifoto img:hover {border-color: var(--fard-white);}
.ard-act-minfot img {border: 3px solid var(--fard-white);}
.fotoard-foot {height: 50px;}
.fotoard-bigphoto {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.bigimage-container {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.fotoard-foot a {margin: 10px 5px 0 5px;}
[class^="bg-gl_"] {display: inline-block; background: url(../img/sprit-gal.png);}
.bg-gl_clouze {width: 24px; height: 24px; background-position: -123px -14px; margin-top: 12px;}
.bg-gl_info {width: 21px; height: 21px; background-position: -175px -64px;}
.bg-gl_load {width: 24px; height: 24px; background-position: -228px -15px; margin-top: 12px;}
.bg-gl_marker {width: 17px; height: 20px; background-position: -230px -118px;}
.bg-gl_play {width: 14px; height: 24px; background-position: -122px -94px; margin-top: 12px;}
.bg-gl_search {width: 21px; height: 21px; background-position: -15px -146px;}
.bg-gl_s_instagr {width: 15px; height: 15px; background-position: -57px -197px;}
.bg-gl_s_ok {width: 10px; height: 16px; background-position: -278px -63px;}
.bg-gl_s_faceb {width: 10px; height: 18px; background-position: -278px -15px;}
.bg-gl_s_shop {width: 24px; height: 20px; background-position: -15px -96px;}
.bg-gl_s_tviter {width: 16px; height: 14px; background-position: -102px -197px;}
.bg-gl_s_vk {width: 19px; height: 12px; background-position: -166px -146px;}
.bg-gl_stb_l {width: 23px; height: 51px; background-position: -15px -15px; margin-right: 10px;}
.bg-gl_stb_r {width: 23px; height: 51px; background-position: -68px -15px; margin-left: 10px;}
.bg-gl_str_dow {width: 20px; height: 12px; background-position: -66px -146px; margin-top: 20px;}
.bg-gl_str_top {width: 20px; height: 12px; background-position: -116px -146px; margin-top: 10px;}
.bg-gl_triyg {width: 7px; height: 4px; background-position: -278px -109px;}
.bg-gl_s_youtub {width: 16px; height: 12px; background-position: -148px -197px;}
.bg-gl_uzer {width: 18px; height: 21px; background-position: -230px -67px;}
.bg-gl_wind_open {width: 25px; height: 24px; background-position: -69px -92px; margin-top: 12px;}
.ardnav-bigfoto {height: 80vh; width: 50vw; object-fit: contain;}
.gl_play_act .bg-gl_play {background-position: -15px -194px;}
.bg-gl_wind_open_knact { background-position: -175px -11px;}
/* footer */
.foot-nav {position:relative; min-height:46px; padding-right:20px}
.foot-nav a {text-align:center;margin-top:-20px; color: var(--light); text-transform:uppercase;}
.foot-nav a u {display:block; margin:0 auto; width:33px; height:33px; background: var(--fon);border-radius:50%;}
.foot-nav a i {display:block; width:100%;}
.fot-logo s {position:absolute; top:-25px; left:-15px;z-index:5;}
.fot-logo h4 {color: var(--brown); margin-top:26px;}
.foot-copir {margin:20px 30px;color: var(--light);}

@media (max-width: 860px) {
.fotoard-tilo {width: 100%;}
.fotoard-list {width: 100%;}
.fotoard-list-top, .fotoard-minifoto, .bg-gl_str_dow {display:none;}
.ardnav-bigfoto {height:45vh;width:100%;}
.fotoard-main {padding: 40px 0 0px 0;}
.fotoard-main-left, .fotoard-main-right {width: 25px; margin:0px;}
.bg-gl_stb_r, .bg-gl_stb_l {transform:scale(0.6, 0.6);  margin:0px;}

}
@media (max-width: 520px) {

}
@media (max-width: 420px) {
.fotoard-nav span {width:40px;margin: 0 11px;}
}

/* blok FAQ */


/* ANIMATIONS */
@keyframes hdromb { 0% {margin-top:-3px;} 100% {margin-top:0px;} }
@keyframes hdkrg { 0% {margin-top:0px;} 100% {margin-top:-22px;} }
@keyframes hdkrgsv { 0% { opacity:.3;} 50% {opacity:.6;} 100% {opacity:1;} }
@keyframes hdrbsvt { 0% {opacity:0;} 100% {opacity:.7;} }
@keyframes ancanv { 0% {opacity:0.1;} 40% {opacity:0.4;} 50% {opacity:.7;} 60% {opacity:0.4;} 100% {opacity:.1;} }