a

{
text-decoration : underline;
font-family : Arial, sans-serif;
font-size : 14px;
color : #FFFFFF;
font-weight : normal;
}

a:hover

{
text-decoration : none;
color : #C0C0C0;
}

a.cactus:hover
{
text-decoration : none;
color : #5F5F5F;
}

@font-face {
  font-family: DelaGothicOne-Regular;
  src: url("/doc/DelaGothicOne-Regular.ttf");
}

@font-face {
  font-family: PFDinTextCondPro-Medium;
  src: url("/doc/PFDinTextCondPro-Medium.ttf");
}


@font-face {
  font-family: PFDinTextCondPro-Thin;
  src: url("/doc/PFDinTextCondPro-Thin.ttf");
}

@font-face {
  font-family: DELIRIUM NCV RUS-LAT;
  src: url("/doc/13010.otf");
}
 
 
div {
  font-family: PFDinTextCondPro-Medium;
}

a.cactus
{
text-decoration : underline;
font-family : Arial, sans-serif;
font-size : 14px;
color : #5F5F5F;
font-weight : normal;
}

.menu a
{
text-decoration : none;
}

td
{
text-decoration : none;
font-family : Arial, sans-serif;
font-size : 14px;
color : #000000;
}

td.justify
{
text-decoration : none;
font-family : Arial, sans-serif;
font-size : 14px;
color : #000000;
text-align : justify;
}

p
{
text-decoration : none;
font-family : Arial, sans-serif;
font-size : 14px;
color : #000000;
}

p.justify
{
text-decoration : none;
font-family : Arial, sans-serif;
font-size : 14px;
color : #000000;
text-align : justify;
}



font-family: 'Orelega One', cursive;




.social a {
    text-align: center;
    width: 23px;
    height: 23px;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 18px;
    margin: 0 10px 10px 0;
    padding: 5px;
    color: #000;
}
.github a:hover {background: #191919; color: #fff;}
.youtube a:hover {background: #c4302b; color: #fff;}
.google-pluse a:hover {background: #DD4B39; color: #fff;}
.twitter a:hover {background: #00acee; color: #fff;}
.instagram a:hover {background: #3f729b; color: #fff;}
.facebook a:hover {background: #3b5998; color: #fff;}
.skype a:hover {background: #00aff0; color: #fff;}
.vk a:hover {background: #5d84ae; color: #fff;}
.odnoklassniki a:hover {background: #f93; color: #fff;}
.pinterest a:hover {background: #c8232c; color: #fff;}
.linkedin a:hover {background: #0e76a8; color: #fff;}
.telegram a:hover {background: #249bd7; color: #fff;}
.tumblr a:hover {background: #34526f; color: #fff;}
.windows a:hover {background: #125acd; color: #fff;}
.whatsapp a:hover {background: #50b154; color: #fff;}
.weibo a:hover {background: #d52b2b; color: #fff;}
.dropbox a:hover {background: #1087dd; color: #fff;}





.nav {
top:0px !important;
position: fixed;
border: 0px solid #000;
width: 100%;
height: 41px;
background-color: #000;
marging:0;
}
li {
list-style: none;
float: left;
padding-right:10px;
}





a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .8em 2.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  border-radius: 20px;
  border: 0px;
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */



a.knopka-zv {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(94,154,48); /* фон кнопки */  
  padding: .90em 4.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  border-radius: 0px;
} 
a.knopka-zv:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka-zv:active { background: rgb(152,15,0); } /* при нажатии */




#gall {
  position: relative;
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}
#gall img {
  position: absolute;
  top: 25%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: zoom-in;
  transition: .2s;
}
#gall img:nth-child(4n-2) {left: 37.5%;}
#gall img:nth-child(4n-1) {left: 62.5%;}
#gall img:nth-child(4n) {left: 87.5%;}
#gall img:nth-child(n+5) {top: 75%;}

#gall img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 120%;
  max-height: 120%;
  outline: none;
  pointer-events: none;
}
#gall img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}










@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  /* Браузер сначала попробует найти шрифт локально */
  src: local("Roboto"),
       /* Если не получилось, загрузит woff2 */
       url("/fonts/roboto.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/fonts/roboto.woff") format("woff");
}

/* Теперь можно использовать шрифт */
body {
  font-family: "Roboto", "Arial", sans-serif;
}





/*

.fixed-nav-bar {   
position: fixed;   
top: 0;   
left: 0;   
z-index: 9999;   
width: 100%;   
height: 110px;   
background-color: #ffffff; 
}


*/



html {
  scroll-behavior: smooth;
}





/* Форма обратной связи */
#inline {
margin-left: 30px;
    width: 80%;
    margin: 0 auto;
    background: #fff;
    padding: 10px 20px;
}
.txt { 
    display: inline-block;
    color: #676767;
    width: 190px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px 9px;
    font-size: 15px!important;
    line-height: 1.4em;
}
.txtarea { 
    display: inline-block;
    color: #676767;
    width: 617px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px 9px;
    font-size: 15px!important;
    line-height: 1.4em;
    height: 80px;
}
.txt:focus, .txtarea:focus {
 border-style: solid; 
 border-color: #bababa; 
 color: #444; 
 }
input.error, textarea.error { 
    border-color: #973d3d; 
    border-style: solid; 
    background: #f0bebe; 
    color: #a35959; 
    }
input.error:focus, textarea.error:focus { 
    border-color: #973d3d; 
    color: #a35959;
     }
#send { 
    color: #FFFFFF;
    display: block;
    cursor: pointer;
    padding: 5px 11px;
    font-size: 1.2em;
    border: solid 1px #F9F9F9;
    border-radius: 2px;
    background: #70C6B9;
    width: 210px;
    margin-bottom: 20px;
}
#send:hover {
    background: #979797;
}
/* Форма обратной связи */




body {
    margin: 0;
    font-family: Tahoma, sans-serif;
}

.intro {
    max-height: 100vh;
    overflow: hidden;
    position: relative;

    background: url("cover.jpg") center no-repeat;
    background-size: cover;
}

.intro:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .8);

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.intro__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.intro__title {
    margin: 0;

    font-size: 45px;
    color: #fff;
    text-align: center;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.video {
    position: relative;
    z-index: 1;
    padding-bottom: 56.25%;
}

.video__media {
    width: 100%;
    height: auto;

    position: absolute;
    top: 0;
    left: 0;
}