/* Start:/bitrix/templates/main/template_styles.css?1561041966118321*/
@font-face {
    font-family: 'p22_johnston_undergroundRg';
    src: url('/bitrix/templates/main/fonts/p22_johnston_underground-webfont.woff2') format('woff2'),
         url('/bitrix/templates/main/fonts/p22_johnston_underground-webfont.woff') format('woff'),
         url('/bitrix/templates/main/fonts/p22_johnston_underground-webfont.svg#p22_johnston_undergroundRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'p22_underground_cy_proregular';
    src: url('/bitrix/templates/main/fonts/P22 Underground CY Pro Medium.eot');
    src: url('/bitrix/templates/main/fonts/P22 Underground CY Pro Medium.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/main/fonts/P22 Underground CY Pro Medium.woff2') format('woff2'),
         url('/bitrix/templates/main/fonts/P22 Underground CY Pro Medium.woff') format('woff'),
         url('/bitrix/templates/main/fonts/P22 Underground CY Pro Medium.svg#p22_underground_cy_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'playbold';
    src: url('/bitrix/templates/main/fonts/play-bold-webfont.eot');
    src: url('/bitrix/templates/main/fonts/play-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/main/fonts/play-bold-webfont.woff2') format('woff2'),
         url('/bitrix/templates/main/fonts/play-bold-webfont.woff') format('woff'),
         url('/bitrix/templates/main/fonts/play-bold-webfont.ttf') format('truetype'),
         url('/bitrix/templates/main/fonts/play-bold-webfont.svg#playbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Intro';
    src: url(/bitrix/templates/main/fonts/Intro.otf);
    src: url(/bitrix/templates/main/fonts/Intro Inline.otf);
}

@font-face {
    font-family: 'NovitoNova';
    src: url(/bitrix/templates/main/fonts/NovitoNova-Regular.otf);
    src: url(/bitrix/templates/main/fonts/NovitoNova-Thin.otf);
   }

@font-face {
    font-family: 'novitonovaregular';
    src: url('/bitrix/templates/main/fonts/novitonova-regular-webfont.eot');
    src: url('/bitrix/templates/main/fonts/novitonova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/main/fonts/novitonova-regular-webfont.woff2') format('woff2'),
         url('/bitrix/templates/main/fonts/novitonova-regular-webfont.woff') format('woff'),
         url('/bitrix/templates/main/fonts/novitonova-regular-webfont.ttf') format('truetype'),
         url('/bitrix/templates/main/fonts/novitonova-regular-webfont.svg#novitonovaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'novitonovathin';
    src: url('/bitrix/templates/main/fonts/novitonova-thin-webfont.eot');
    src: url('/bitrix/templates/main/fonts/novitonova-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/main/fonts/novitonova-thin-webfont.woff2') format('woff2'),
         url('/bitrix/templates/main/fonts/novitonova-thin-webfont.woff') format('woff'),
         url('/bitrix/templates/main/fonts/novitonova-thin-webfont.ttf') format('truetype'),
         url('/bitrix/templates/main/fonts/novitonova-thin-webfont.svg#novitonovathin') format('svg');
    font-weight: normal;
    font-style: normal;
}


.ib {
	display: inline-block;
}


 {
  margin: 0px;
  padding: 0px;
}

/* top-wrap */

.li {
  margin: 0 auto;
}


li {
  list-style-type: none; /* ������� ������� */
}  

p {
    text-indent: 1.5em; /* Отступ первой строки */
}


.ib{
  display: inline-block;
  vertical-align: top;
  display: inline;
  zoom: 1;
}

.clear{
  clear: both;
  float: none;
}






.bx-newsdetail-video {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    /*width: 50%;*/
    /*height: 50%;*/
    margin: 0 auto;
    left: 50%;
    /*float: right;*/
    margin: 7px 7px 7px 0;
}


.bx-newsdetail-img {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    width: 50%;
    height: 50%;
    margin: 0 auto;
    
    float: right;
    margin: 7px 7px 7px 0;
}

.bx-newsdetail-title {
    padding: 45px 0 15px;
}


.bx-newsdetail-jobs {
    background: white;
    padding: 30px;
    margin: 20px;
    border-radius: 5px;
}

.bx-newsdetail {
    /*background: #4f85bb;*/
    background: #fff;
    padding: 30px;
    border-radius: 5px;
}

.bx-newsdetail-content {
    color: black;
}

.Breadcrumbs span {
        color: black;
    font-size: 14px;
    background: white;
    padding: 5px;
    border-radius: 5px;
}

.Breadcrumbs a {
    text-decoration: none;
    /*border: black 2px solid;*/
    border-radius: 4px;
    padding: 7px;
    background: #f26522;
    font-size: 20px;
    text-decoration: none;
    color: white;
}

.Breadcrumbs a:hover {
    color: #4f85bb;
}

blockquote {
    background: #f9f9f9; 
    display: block; 
    width: 100%; 
    margin-bottom: 25px; 
    position: relative; 
    border: 1px solid #fab1b6; 
    border-left: 4px solid #ffb800; 
    color: #721717; 
    font: 15px Tahoma; 
    padding: 14px;
    z-index: 1;
    float: left;
}



/**************/
/*
body {
  background-image: url('/bitrix/templates/main/img/background.jpg');
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
*/


body {
    overflow-x: hidden;
    font-family: 'p22_underground_cy_proregular';
    margin: 0;
}


.Button.btn.primaryOnHoverfocus, .Button.btn.primaryOnHover.active {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3262e), to(#ab171e));
    background-image: -webkit-linear-gradient(#e3262e, #ab171e);
    background-image: linear-gradient(#e3262e, #ab171e);
    background-color: #ab171e;
    border-bottom-color: #820a0f;
    border-left-color: #9a1015;
    border-right-color: #9a1015;
    border-top-color: #af151b;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.34);
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.34);
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,0.11);
}


/******�������� ������*****/
.logo-img-site:hover {
  animation: bounce_3349 5.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_3349 {
  0% { transform:translateY(0) }
  3.57143% { transform:translateY(0) }
  7.14286% { transform:translateY(0) }
  14.28571% { transform:translateY(-15px) }
  17.85714% { transform:translateY(0) }
  21.42857% { transform:translateY(-15px) }
  28.57143% { transform:translateY(0) }
  100% { transform:translateY(0) }
}











/****************/

.slider-bottom {
  margin: 0 auto;
  position: absolute;
  display: block;
  width: 100%;

  float: right;
  margin: 120px;
  margin-left: 520px;
  margin-bottom: -45px;
    /*margin-top: 167px;*/
  z-index: 30;

  animation: pulse_4406 9s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_4406 {
  0% { transform scale(1.1) }
  11.11111% { transform scale(0.8) }
  22.22222% { transform scale(1.1) }
  100% { transform scale(1.1) }
}


.slider-bottom:hover {
  animation: pulse_4406 9s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_4406 {
  0% { transform: scale(1.1) }
  11.11111% { transform: scale(0.8) }
  22.22222% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}





/*******��¨������ �������������*********/
.rect-orange {
  width: 605px;
  height: 60px;
  background-color: #f26522;
  display: block;
  float: right;
    box-shadow: 5px 6px 25px #000000;

-moz-transform: rotate(346deg);
-webkit-transform: rotate(346deg);
-o-transform: rotate(346deg);
-ms-transform: rotate(346deg);
transform: rotate(346deg);;

text-shadow: -4px -3px 0px rgba(180, 180, 180, 0.89); /*CSS3 Text Shadow Generator*/
  position: absolute;
  display: block;
  margin-top: 36px;
}

/********������_�������********/
.lozung {
  font-family:'novitonovaregular';
  font-size: 60px;
  margin: 0 auto;
  color: white;
  position: absolute;
  display: block;
  text-align:  center;
  color: white;
    /*margin-left: 14px;*/
    right: 20px;
    text-shadow: rgb(71, 71, 71) 3px 5px 2px;
}
/****************/


/**********�������************/
.smile {
  width: 94px;
  height: 72px;
  position: absolute;
  display: block;
  margin-left: 500px;
  margin-top: 65px;


/**********���������� �������************/

  animation: shake_7586 10.875s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes shake_7586 {
  0% { transform:rotate(-12deg) }
  1.83908% { transform:rotate(12deg) }
  2.29885% { transform:rotate(24deg) }
  4.13793% { transform:rotate(-24deg) }
  4.5977% { transform:rotate(-24deg) }
  6.43678% { transform:rotate(24deg) }
  6.89655% { transform:rotate(24deg) }
  8.73563% { transform:rotate(-24deg) }
  9.1954% { transform:rotate(-24deg) }
  11.03448% { transform:rotate(24deg) }
  11.49425% { transform:rotate(24deg) }
  13.33333% { transform:rotate(-24deg) }
  13.7931% { transform:rotate(-24deg) }
  15.63218% { transform:rotate(24deg) }
  17.24138% { transform:rotate(0deg) }
  100% { transform:rotate(0deg) }
}

/************************/




/*********������� ���������**********/
.up {
  margin: 0 auto;
  /*background-color: yellow;
  height: 20px;*/  
  width: 1200px;
  display: flex;
  padding-top: 30px;

  position: relative;
  margin: 0 auto;
}


.idea-logo {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

a .idea-logo {
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 188px;
}


a .idea-logo:hover {

  animation: pulse_4834 7s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_4834 {
  0% { transform: scale(1.1) }
  14.28571% { transform: scale(0.8) }
  28.57143% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

/*****************������� �������� �����*******************/
.head-span {
  font-family: novitonovathin, Intro, p22_underground_cy_proregular, Open Sans, Times New Roman;
  font-size: 40px;
  margin: 0 auto;

color: #ff8747;
font-weight: bold;
  position: relative;
  display: block;
  text-align:  center;
  text-shadow: 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.15);
text-shadow: 0px 0px 0 rgb(219,99,35),1px 1px 0 rgb(194,74,10),2px 2px 0 rgb(168,48,-16),3px 3px 0 rgb(143,23,-41),4px 4px 0 rgb(117,-3,-67), 5px 5px 0 rgb(91,-29,-93),6px 6px 5px rgba(0,0,0,0.6),6px 6px 1px rgba(0,0,0,0.5),0px 0px 5px rgba(0,0,0,.2);}

}



/**********��������***************/
.logo-site {
  display: block; 
  position: absolute;
  width: 100px;  
  margin-left: 200px;
}


.logo-user {
  display: block;
  width: 100px;  
height: 200px;
position: relative;
    right: 20px;

}

i {
font-family: p22_underground_cy_proregular, Open Sans Semibold;
    /*color: white;*/
}

.user-area {
    font-family: p22_underground_cy_proregular, Open Sans Semibold;
color: rgb(255, 191, 0);
    /*display: block;*/
    display: inline-block;
    
    right: 0px;
    position: relative;
    width: 214px;
    height: 68px;
    border-radius: 5px;
    padding: 14px;
    
    box-shadow: 2px 6px 25px #000000;
    
    /*border-top: 2px solid #404088;
    border-right: 2px solid #404088;*/
background: #4f85bb; /* Old browsers */
background: -moz-linear-gradient(top, #4f85bb 0%, #4f85bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4f85bb 0%,#4f85bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4f85bb 0%,#4f85bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); /* IE6-9 */
}

.user-area a {
	text-decoration: none;
}







.auth-user-icon {
    position: relative;
    left: 60%;/*left: 25%;*/
	border-radius: 52px;
	border: 2px solid #404088;
}

.auth-user-icon:hover {
	opacity: 0.7;
}





.auth-position {
    right: 20px;
    position: relative;
}


.guest-icon {
    position: relative;
    left: 60%; /*left: 25%;*/
    border-radius: 52px;
    border: 2px solid #fff;
    box-shadow: 5px 6px 25px #000000;
}

.guest-icon:hover {
  animation: pulse_4834 7s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_4834 {
  0% { transform: scale(1.1) }
  14.28571% { transform: scale(0.8) }
  28.57143% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

.logo-img-site {
  display: block;
  width: 100px;
  height: 100px;
  position: relative;
	left: 40px;
    
    box-shadow: black -5px 8px 24px 0px;
    border-radius: 52px;
}

.logo-img-user {
  display: block;
  float: right;
}



.logo-span {
    display: block;
    /*font-family: 'Intro';*/
    font-family: 'p22_johnston_undergroundRg';
    /*font-size: 18px;*/
    font-size: 22px;
    color: #fff;
    text-shadow: -6px 2px 8px #000000;
    padding-top: 15px;
}

.user-span {
    /*display: block;*/
    font-family: 'Intro';
    font-size: 18px;
    text-align: right;
    text-decoration: none;
	color: #68c000;
    text-shadow: -2px 0px 1px #333333;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a img.user-span:hover {
	background: #000;
    border-radius: 8px;
    transition: all 0.4s ease;
}



.top-bg-wrap {
  text-decoration: none;

}



a.idea-logo img {
	height: 60px;
    width: 60px;
	position: absolute;
	    top: 186px;
}



/*********�� �������*********/
.home-img {
    float: left;
    margin-right: 10px;
   /* width: 70px;
    height: 60px;*/
}

.home-img a:hover {
  background-color: green;
}

.menu .home-img a{
  width: 65px;  
  height: 60px;
  padding: 0px;

}


/***************�����**********************/
.input {
  position: relative;
  width: 59px;
  height: 51px;
  background-color: white; 
  margin-top: 4px;
  float: right;
}

/*
.input a:hover {
    background-color: yellow;
    border-top: 4px solid white; 
}
*/
.magnifying-glass {
    width: 46px;
    height: 46px;
    position: absolute;
    margin-left: -45px;
    padding: 3px;
    color: white;
}


/*
.button-astion-area {
  display: block;
  width: 100px;
  height: 300px;
  background-color: lightgreen;
  position: relative;
}











.menu .input a:hover {
    background-color: yellow;
    border-top: 4px solid white; 
   padding: 0px;
}


.menu .input .magnifying-glass a:hover{
  width: 51px;
  height: 51px;
  background-color: green; 

}


.menu .input .magnifying-glass:hover {
  background-color: green;
  width: 58px;
  height: 51px;
}

*/




/*********������� ��������**************************/
header {
  /*background-image: url(/bitrix/templates/main/img/slider.png);
  */
  background-repeat: no-repeat;
  width: 100%;*/
  height: 653px;
  position: relative;

 
}


.top-bg-wrap {
  position: absolute;
  width: 100%;
  z-index: 10;

    top: 15px;
}

.center{
  width: 1180px;
  margin: 0px auto;
}



.owl-carousel {
    width: 100%;
    height: 653px;
    position: absolute !important;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    filter: saturate(200%);
}

.slider-image {
  height: 653px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  background-color: lightgreen;
  opacity: 0.6;

}

.slider-image-prev {
  height: 500px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: snow;
    
}

.slider-text-prev {
    color: white !important;
    font-size: 20px !important;
    display: none;
}

.item:hover .slider-text-prev {
    position: relative;
    transition: all 0.6s ease;
    display: block;
    
}


.owl-theme .owl-controls {
	margin-top: 0px;
    text-align: center;
    bottom: 65px;
    margin: 0 auto;
    position: relative;

}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
    color: orange;
}


.owl-theme .owl-controls .owl-buttons div {
    /*color: #b14b4b;*/
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    filter: Alpha(Opacity=50);
    opacity: 0.5;


    background: green;
}





/**********���������� �����***************/
.opacity-nav-line {
  opacity: 0.5;
  background-color: black;
  width: 100%;
  height: 60px;
  color: #fff;
  top: 272px;
 /* filter: opacity(5);*/
  z-index: 1;
  left: 0;

    position: absolute;
    margin: 0 auto;
    box-shadow: 0px 4px 8px #000000;
}


.more-button {
    position: absolute;
    left: 93%;
}

.more-button img {
    width: 60px;
    height: 60px;
    /*background: url(/bitrix/templates/main/img/read-more-left-arrow-button.svg);*/
}

/*
.more-button img:hover {
    background: url(/bitrix/templates/main/img/read-more-left-arrow-button-hover.svg);
}
*/

/**************������ �������������� ����***************/
nav {
   height: 60px;
    font-size: 48px;
    margin: 0 auto;
    width: 1180px;
    text-decoration: none;
    background-color: black;
    font-family: 'novitonovaregular', 'Intro', 'Open Sans', 'p22_underground_cy_proregular', 'Times New Roman';
    text-align: center;
    top: 38px;
      padding: 0px;
    z-index: 2;
    /*text-transform: lowercase;*/ 

    position: relative;
    margin: 0 auto;
}






/***********�� �������*****************/
nav ul li a:visited {
    /*color: #f26522;*/  /*���� ���������� ������ */
    text-decoration: none;  /*�������� ������������� � ������ */
    height: 60px;
} 


/*
nav ul li a:active {
    background: #b94f46;
}
*/

/********�� �������*******************/
nav ul li a:hover {
    color: black;  /*���� ������ ��� ��������� �� ��� ������� ���� */      
    text-decoration: underline;  /*��������� ������������� */
    text-decoration: none;  /*�������� ������������� � ������ */
    background-color: #f26522;
    height: 60px;
    border-top: 4px solid white; 
    /*border-top: 4px solid transparent white;
    border-collapse: collapse;
    border: solid 1px white;*/
    
    
  /*  
  animation: float_4413 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes float_4413 {
  0% { transform: translateY(0) }
  25% { transform: translateY(-6px) }
  50% { transform: translateY(0) }
  100% { transform: translateY(0) }*/
}



/*
.menu ul .inputlast-childhover {
  width: 50px;
  height: 50px;
}
*/


/***************�����***************************/
nav ul .input a:hover:not(:nth-child(6)){
  background-color: lightblue;
  /*padding: 0px 50px;*/
  height: 50px;
  padding-right: 15px !important;
  animation: tada_8782 5.6s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes tada_8782 {
  0% { transform: scale(1) }
  3.57143% { transform:scale(.9) rotate(-8deg) }
  7.14286% { transform:scale(.9) rotate(-8deg) }
  10.71429% { transform:scale(1.3) rotate(8deg) }
  14.28571% { transform:scale(1.3) rotate(-8deg) }
  17.85714% { transform:scale(1.3) rotate(8deg) }
  21.42857% { transform:scale(1.3) rotate(-8deg) }
  25% { transform:scale(1.3) rotate(8deg) }
  28.57143% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}
/*******************/




/*************������� �����������******************/
.menu {
    margin-left: 500px;
        margin: 0px;
        padding-left: 0px;
}

.menu ul li a {
    background-color: transparent;
    color: black;
    height: 47px;
    line-height: 58px;
    padding: 0 50px;
    color: white;
    text-decoration: none;
    display: block;
    float: left;

}

/*
.menu ul li a: hover {
    color: white;
    height: 47px;
}
*/



/************���������� ����******************/
ul.menu > li {
    float: left;
    position: relative;
}
ul.menu > li > a {
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;

}

ul.submenu {
    display: none;
    float: left;
    position: absolute;
    /*width: 178px;*/
    top: 57px;
    left: 0;
    right: 22px;
    /*background-color: #5593ce;*/
    font-family: novitonovathin;
    font-weight: normal;
}

ul.submenu > li > a {
    display: block;
    padding: 15px;
    color: white;
    background-color: #5593ce;
    text-decoration: none;
    transition: all 0.5s ease;
    width: 190px;  
    padding-bottom: 5px;
    padding-top: 7px;
    margin-left: -40px;
}





li ul.subsubmenu {
    display: none;
    float: left;
    position: relative;
}

ul.subsubmenu > li > a {
    display: block;
  border: 1px solid #000;
  border-bottom: 1px;
  padding: 5px;
  text-decoration: none;
    position: relative;
	background: #525bad;
	left: 140px;
}




/**********************************************/

/*******ВЫПАДАЮЩЕЕ МЕНЮ ПРИ НАВЕДЕНИИ********/

.draw ul li:hover > ul {
	display:block;
	position: absolute;
	float: left;
	margin-left: 0px;
	height: 0px;
	width: 0px;
	
}

.draw ul li ul li a{
	text-transform:none;
	/*padding:5px 20px;*/
}
.draw ul li ul li a:hover, .draw ul li ul li:hover > a{
	background:#75C1D4;
	color:#0A3CC1;
}


/***************************************************/






 .menu .draw > .submenu > li > a {
     width: 190px; 
}
 .menu .draw > .submenu > li > .subsubmenu > li > a {
     width: 190px; 
}


 .menu .animation > .submenu > li > a {
     width: 190px; 
}
 .menu .lessons > .submenu > li > a {
     width: 290px; 
}

ul.submenu > li > a:hover {
    /*text-decoration: underline;*/
}
ul.menu > li:hover > ul.submenu {
    display: block;
    z-index: 9999999 !important;
}
 
/*******************************************/


.head-wrap {
  position: relative;
}

.top-head {
  width: 100%;
  position: absolute;
  display: table-footer-group;
  top: 0px;
}


/*****************************************************************/












.content {
  position: relative;
  margin: 0 auto;  /*���� ������������� �� ������ ������ */
  max-width: 1200px;  /*���������, ������������� �� �������� � 1200px */
  /*padding-right: 310px; */ /*= ������� ������� + ������ � 10px */
  /*background-color: green;*/
  height: 100%;
  width: 1180px;
  top: 140px;

}


.text-detail-title {
    text-shadow: -2px 0px 1px #333333;
    font-size: 50px;
    padding-top: 30px;
    color: white;
    position: relative;
}


.text-content-title {
  text-shadow:-2px 0px 1px #333333;
  font-family: 'novitonovaregular';
  font-size: 60px;
  color: white;
  position: relative;
}

.text-content {
  font-family: 'p22_underground_cy_proregular', 'Intro';
  font-size: 24px;
  color: black;
  display: inline-block;
  margin: 0 auto;
  padding-top: 35px;
  padding-bottom: 35px;
  /*text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);*/
    color: #f26522;
    text-shadow: rgb(3, 3, 3) 7px 4px 14px;

}

.pin {
  position: relative;
  float: left;
  /*margin-bottom: 30px;*/
}

.about {
	/*text-align: center;
	padding: 40px;*/
   
    /*text-align: center;
    margin-top: 55px;
    margin-bottom: 30px;
    line-height: 1;*/
    margin-bottom: 40px;
}


/***************************************************/

.pin-draw {
  position: relative;
  /*float: left;*/
  /*margin-bottom: 30px;*/
}

.about-draw {
	text-align: center;
	padding: 40px;
}
/***************************************************/




/***************�������********************/

.news-block {
  width: 774px;
  height: 365px;
  transition: all 1s linear;
  background-color: gray;
  display: block;
  margin: 0 auto;
  position: relative;
  padding: 0px;
  border: 4px solid white;
  overflow: hidden;
  margin-top: 100px;
/*margin-top: 50px;*/
  text-decoration: none;

  -webkit-box-shadow: 2px 8px 46px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 46px 0px rgba(0,0,0,0.75);
box-shadow: 2px 8px 46px 0px rgba(0,0,0,0.75);
}


.small-menu {
  background-color: rgba(77,77,77,0.5); 
  color: black;
  transition: all 1s linear;
  width: 330px;
  height: 365px;
  position: absolute;
  display: block;
  margin-top: 0px;
  left: 800px;
  z-index: 2px;
  top: 0px;
}

.news-block:hover .small-menu {
	left: 450px;
}


.action li a span:hover {
	color: #f26522;
}

.subscription li a:hover {
	color: #f26522;
}


.small-menu ul li a {
  text-decoration: none;
}


.action {
  display: inline-block;
  float: left;
  position: relative;
  padding-left: 15px;
  padding-top: 30px;
  font-size: 30px;
  text-decoration: none;
}

.eye-block {
  position: relative;
  top: 40px;
}
.heart-block {
  position: relative;
  top: 80px;
}
.like-block {
  position: relative;
  top: 110px;
}

.action li {
  font-family: 'Intro';
  margin-top: 10px;
  margin-bottom: 50px;
  margin-left: -10px;
  text-decoration: none;
}

.action li a .action-text {
  color: white;
}




.small-menu-dark {
  background-color: rgba(26,26,26,0.7); 
  transition: all 0.7s linear;
  width: 185px;
  height: 365px;
  position: absolute;
  display: block;
  float: right;
  margin-top: 0px;
  left: 800px;
  z-index: 3px;
  top: 0px;
}


.small-menu-dark ul {
  padding-top: 40%;
  margin: 0 auto;
    text-decoration: none;
    margin: 0 auto;
    padding-left: 0px;

}

.news-block:hover .small-menu-dark {
  left: 588px;
}

.news-block:hover .img-news {
  
  filter: blur(1px) sepia(40%);
	transition: all 0.5s ease;
}

.news-block:hover .spoiler_content {
    display: block;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    font-size: 20px;
    position: absolute;
    margin: 0 auto;
    top: 295px;
    color: white;
    /* padding: 14px; */
    padding-bottom: 15px;
    padding-top: 15px;
    margin-right: 230px;
    z-index: 1;
    background: #000000;
    width: 100%;
    /*height: auto;*/
    height: 40px;
    text-shadow: 2px 2px 3px #000;
    transition: all 0.7s ease;
}


.news-block:hover {
    border: 4px solid #f26522;
}















.small-menu-dark ul li a {
  text-decoration: none;
}



.subscription li a img{
  width: 22px;
  height: 22px;
  position: relative;
  padding-left: 12px;

}
.heart-dark {
  padding-left: 10px;
  padding-top: 5px;
}
.subscribe {
  padding-left: 10px;
  padding-top: 5px;
  width: 22px;
  height: 22px;
}

/****************����� ����*********************/
.subscription {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }
/*************************************/


.small-menu-dark ul li a span {
  font-family: 'Intro';
  color: white;
  text-decoration: none;
  margin: 0 auto;
  padding-left: 10px;
}

.action-dark-text {
  padding-left: 10px;
}

.subscription li a .heart-dark {
  margin-left: 20px;
}

.news-content {
  position: relative;
  display: block;
  top: 0px;
}

.img-news {
  width: 774px;
  height: 365px;
  position: relative;
}


a .link-img {
  margin: 0 auto;
  display: block;
  width: 220px;
  height: 220px;
  position: relative;
  z-index: 4;
  top: -800px;
  right: 900px;
  overflow: hidden;
  transition: all 0.6 ease;
/*
-moz-box-shadow0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow0 5px 5px rgba(0,0,0,0.3);
box-shadow0 5px 5px rgba(0,0,0,0.3);*/
}

.img-news:hover .link-img{
  width: 100px;
  height: 100px;
}

.news-block:hover: .link-img {
  top: -340px;
  right: 40px;
}

.background-img {
  margin: 0px;
  padding: 0px;
  width: 774px;
  height: 365px;
}






.name-news a.spoiler_links{
font-family: 'Intro';
    font-size: 30px;
    text-decoration: none;
    display: block;
    position: absolute;
    margin: 0 auto;
    top: 20px;
    /* left: 21%; */
    width: 100%;
    height: 100%;
    color: white;
    text-shadow: -8px 6px 7px #000000;
    z-index: 0;
    text-align: center;
}



.name-news-text .spoiler_content {
  display: none;
    
    z-index: 0;
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 100%;

}









/********�������***********/

aside { /* ������� ������� */
  width: 300px; /* �������������, �� �������� � ���������� ������� ���� �������� */
  top: 0px; left: 0; /* ������� � �������� ������� ���� */
  height: 1040px; /* �������� � ���� ���� */
  display: block;

  position: relative;
  margin: 0 auto;
  z-index: 1;
  display: block;
  float: left;
}

.aside-back {  /*������� ������� */
  width: 300px;  /*�������������, �� �������� � ���������� ������� ���� �������� */
  top: 0px; left: 0; /* ������� � �������� ������� ���� */
  height: 1140px;  /*�������� � ���� ���� */
  display: block;
  background: rgba(0, 84, 155, 0.44);
  opacity: 0.5;
  margin: 0 auto;
  position: absolute;
  z-index: 1;
  border-top: 4px solid white;
  left: 0;

-webkit-box-shadow: 2px 8px 46px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 46px 0px rgba(0,0,0,0.75);
box-shadow: 2px 8px 46px 0px rgba(0,0,0,0.75);
}

aside ul li {

  text-align: center;
  padding-top: 40px;
}

aside ul li a {
  padding-top: 30px;
  color: black;
}
/*
.firsrt-item {

}
*/

.best-item {
  width: 230px;
  height: 240px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  z-index: 4;
  right: 20px;
	
}



.best-item a {
  text-decoration: none;
  font-family: novitonovathin;
  font-size: 48px;
}






/*******************/

/*************�������� � ��������***************/

.preview-add-news {
    max-width: 70px;
    max-height: 70px;
    background-size: cover;
    position: absolute;
    z-index: 5;
    top: -15px;
    right: 22px;
}

.preview1 {
  max-width: 230px; 
  max-height: 240px; 
  z-index: 0;
  background-size: cover;
  position: absolute;
  z-index: 5;
    top: 174px;
    right: 35px;
}

.preview2 {
  max-width: 230px; 
  max-height: 240px; 
  z-index: 0;
  background-size: cover;
  position: absolute;
  z-index: 5;
  top: 444px;
  right: 35px;
}

.preview3 {
  max-width: 230px; 
  max-height: 240px; 
  z-index: 0;
  background-size: cover;
  position: absolute;
  z-index: 5;
  right: 35px;
  bottom: 194px;
}

.preview4 {
  max-width: 230px; 
  max-height: 240px; 
  z-index: 0;
  background-size: cover;
  position: absolute;
  z-index: 5;
  right: 35px;
  bottom: -86px;
}


/******************��������******************************/
.preview-add-news:hover {
  animation: pulse_5003 2.5s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_5003 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

.preview1:hover {
  animation: pulse_5003 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_5003 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

.preview2:hover {
  animation: pulse_5003 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_5003 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

.preview3:hover {
  animation: pulse_5003 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_5003 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}

.preview4:hover {
  animation: pulse_5003 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_5003 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}
/************************************************/





/******************/
.gallery {
  display: block;
  position: absolute;
  /*background-color: green;*/
  width: 780px;
  height: 100%;
  margin-left: 380px;
  margin-bottom: 0px;

}

.blog-area {
    display: block;
    position: relative;
    /* width: 100%; */
    height: 100%;
    /* margin-left: 380px; */
    margin-bottom: 0px;
    padding-top: 60px;
    /* margin-left: 380px; */
    padding: 110px;
}


/***********************������ ��� ����***************************/
.filter {
  position: relative;
  -webkit-filter: contrast(90%) brightness(120%) saturate(110%);
  filter: contrast(90%) brightness(120%) saturate(110%);
}
.filter::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.5;
  background: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(255, 177, 166, 1) 50, rgba(52, 33, 52, 1));
  background: radial-gradient(50% 50%, circle closest-corner, rgba(255, 177, 166, 1) 50, rgba(52, 33, 52, 1));
}

/******************/


img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,  /* ������ ������, ���� �� �����, ����� ��� ����� �� ����������� ����, ��� ������������ � �������� ��������� */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}


.area {
  height: 2900px;
  /*height: 100%;  !!!!!!!!!*/
  /*background-image: url(/bitrix/templates/main/img/area-background.png);*/
  background-color: hsl(2, 57%, 40%);
  min-height:100%;
  
background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);
  
  background-position: center;
  background-size: cover;


}


.main_ref_area {
	margin: 0 auto;
    width: 1535px;
    position: relative;	
}




/*****************�����***************************/


/*********************ФОРМА РЕГИСТРАЦИИ***********************/
.overlay { 
	background-color: rgba(0, 0, 0, 0.7); 
	bottom: 0; 
	cursor: default; 
	left: 0; 
	opacity: 0; 
	position: fixed; 
	right: 0; 
	top: 0; 
	visibility: hidden; 
	z-index: 10; 
	-webkit-transition: opacity .5s; 
	-moz-transition: opacity .5s; 
	-ms-transition: opacity .5s; 
	-o-transition: opacity .5s; 
	transition: opacity .5s; 
} 
.overlay:target { 
	visibility: visible; 
	opacity: 1; 
} 
.popup { 
	/*background-color: green; */
	border: 3px solid #fff; 
	display: inline-block; 
	left: 50%; 
	opacity: 0; 
	padding: 15px; 
	position: fixed; 
	text-align: justify; 
	font: 14px Helvetica, Arial, Sans-Serif; 
	top: 40%; 
	visibility: hidden; 
	z-index: 10; 

-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 

-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
-ms-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px; 

-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 

-webkit-transition: opacity .5s, top .5s; 
-moz-transition: opacity .5s, top .5s; 
-ms-transition: opacity .5s, top .5s; 
-o-transition: opacity .5s, top .5s; 
transition: opacity .5s, top .5s; 


background-color: #2d654c;
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px;
} 

.overlay:target+.popup { 
	top: 50%; 
	opacity: 1; 
	visibility: visible; 
	width: 1150px;
	height: 620px;
  font-size: 25px;
  /*font-family: 'p22_underground_cy_proregular'', 'Open Sans Semibold';*/
	color: white;
} 


.close { 
	background-color: rgba(0, 0, 0, 0.8); 
	border: 4px solid #ccc;
    	height: 42px;
    	width: 42px;
    	line-height: 42px;
    	position: absolute;
  	right: -15px;
  	font-weight: bold;
  	text-align: center;
  	text-decoration: none;
   	top: -15px;
	font-weight: bold; 
	text-align: center; 
	text-decoration: none; 
	top: -15px; 

-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
-ms-border-radius: 15px; 
-o-border-radius: 15px; 
border-radius: 15px; 
-moz-box-shadow: 1px 1px 3px #000; 
-webkit-box-shadow: 1px 1px 3px #000; 
	box-shadow: 1px 1px 3px #000; 
} 

.close:before { 
	color: rgba(255, 255, 255, 0.9); 
	content: "X"; 
	font-size: 20px; 
	text-shadow: 0 -1px rgba(0, 0, 0, 0.9); 
} 
.close:hover { 
	background-color: rgba(64, 128, 128, 0.8); 
	color: red;
} 

div.mf-name input, div.mf-email input {
    width: 80%;
    height: 8%;
	font-family: 'Open Sans Semibold';
	font-size: 20px;
}

div.mfeedback form input[type="submit" i] {
	top: 550px;
}

/*************************************************************/

/***img[Attributes Style]***/
.back-form,
footer
input[type="button" i], input[type="submit" i] {
	color: white;
	font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
	font-size: 20px;
}
/*********************************************************/

footer {
    position: relative;
    background-color: #242424;
    padding: 40px 0;
    text-align: center;
    height: 480px;
    width: 100%;
    padding-top: 100px;
	/*width: 100%;
	margin: -100px auto 0;
	height: 100px;
	position: relative;
	background-color: rgb(51,51,204);*/
  
}

.footer-back {
  width: 1180px;
  /*background-color: green;*/
  height: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}



.footer-logo {
  position: absolute;
  padding: 0px;
  left: 100px;
}

.footer-logo ul li{
  margin-top: 10px;
}

.footer-logo .footer-span{
    color: white;
    font-family: 'novitonovaregular', 'p22_underground_cy_proregular';
    font-size: 22px;
}

.footer-nav li {
  display: inline;
  margin-right: 5px;
  font-size: 40px;
  font-family: 'novitonovaregular', 'p22_underground_cy_proregular';
}


.footer-nav ul {
  padding-top: 340px;

}

.footer-webidea19 img {
	top: -80px;
	position: absolute;
	left: 25%;
}

.footer-webidea19 a img:hover {
	-webkit-filter: saturate(200%); 
	filter: saturate(200%);
	/*border-top: 4px solid #f46f0b;
	border-bottom: 2px solid #f46f0b;
	*/

  border: 4px solid #f46f0b;
  background-color: #f46f0b;
  border-top-left-radius: 100% 20px;
  border-bottom-right-radius: 100% 20px;
  
  border-radius: 20%;
  
  /*transition-delay: 0.8s linear;*/
  -webkit-transition: all 0.5s ease;
}

/**************************************/
#politics {
    position: fixed;
    top: 50px;
    width: 800px;
    height: 750px;
    z-index: 999;
    left: 30%;
    transition: 3s linear;
}				
	

/**************************************/






.footer-nav ul li a:hover {
  color: yellow;
}

.footer-nav ul li a {
  margin-right: 10px;  
  color: white;
}



.footer-bottom ul {
  position: absolute;
  display: block;
  font-size: 20px;
  font-family: 'novitonovathin', 'p22_underground_cy_proregular';
  display: inline;
  margin-right: 5px;
  color: white;
  bottom: 0px;
	left: 21%;
}

.footer-bottom ul li {
  display: inline;
      margin-right: 100px;
}

.contacts ul {
  position: absolute;
  top: 165px;
  left: 0px;
width: 20px;
    height: 20px;
}

.contacts ul li {
  display: table-cell;
  padding-left: 20px;
}


.contacts ul li a img {
  width: 40px;
  height: 40px;
}

.contacts ul li a img:hover {
opacity: 0.6;
}


/*
footer {
    padding: 0 15px 10px;
    border-top: 2px solid #ccc;
    font-size: 0.9em;
    clear: both;
    display: block;
    background: linear-gradient(to bottom, #eee 0%, #fff 100%);
}*/

/*
#footer {
    padding: 10px 0;
    border-top: 1px dotted #9f998b;
    font-size: 12px;
}*/

 /* position: absolute;
  font-size: 40px;
  font-family: 'novitonovaregular'
  right: 540px;
  text-decoration: none;


  background-color: transparent;  /*** ������������� ���������� ���.
    color: black;
    height: 50px;
    line-height: 58px;
    padding: 0 50px;
    text-decoration: none;
    display: block;
    float: left;
*/



/*****************************************************************************************************/

.bx-pagination .bx-pagination-container {
    text-align: center;
    position: relative;
    font-family: 'Intro';
}

.lock-icon {
	position: absolute;
    left: 370px;
    top: 240px;
    width: 75px;
    height: 75px;
}

.unlock-icon {
    position: absolute;
    left: 300px;
    top: 37px;
    width: 75px;
    height: 75px;
}


.main-form {
  display: block;
  position: relative;
  /*background-color: green;*/
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  top: 40px;
}

.original-block {
  background: #5593ce;
  position: relative;
  top: 177px;
  height: 625px;
}

.title-block1 {
  background: black;
  height: 58px;
padding-top: 15px;
    position: relative;
}

.title-block1 span {
    color: white;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    font-size: 30px;
    margin: 0 auto;
    margin: 8px 273px;
    text-align: center;
    left: 42px;
    position: absolute;
}


.title-block2 {
  background: black;
  height: 58px;
    top: 121px;

    position: relative;
        padding-top: 15px;
}

.title-block2 span {
  color: white;
  font-family: 'Intro', 'p22_underground_cy_proregular';
  font-size: 30px;
  margin: 0 auto;
  margin: 28px 290px;
      top: 255px;
    width: 100%;
    margin-top: 0px; 

}

.photo-block {
  position: absolute;
  width: 370px;
  height: 345px;
  background: lightblue;
  left: -43px;
  top: 87px;  
  font-family: 'Intro', 'p22_underground_cy_proregular';

}

.photo-block span {
  color: blue;
  font-size: 20px;
  position: absolute;
  padding-left: 100px;
  padding-top: 40px;

}

.shadow-triangle-photo {
width: 0;
height: 0;
border-style: solid;
border-width: 0 43px 43px 0;
border-color: transparent #162c6e transparent transparent;


  position: absolute;    
  top: 345px;
  left: 0px;

}


.data {
  /*background-color: orange;*/
  width: 600px;
  height: 510px;
  right: 0px;
  position: absolute;
    top: 73px;
}

.name {
  left: 10px;
  top: 20px;
  position: absolute;
  bottom: 20px;
}
.name span {
  position: absolute;
  top: 9px;
  color: white;
  font-size: 20px;
}

.name .name-list li span {
  display: block;
  position: relative;
  padding-bottom: 40px;
}

.name .name-list {
  line-height: 30px;
}

.data .name span {
  font-family: 'p22_underground_cy_proregular', 'Open Sans';
}


.form1-input input[type=text] {
    display: block;
    position: absolute;
    padding-top: 15px;

}

.form1 ul li input {
      padding-top: 15px;
      box-shadow: 5px 6px 25px #000000;
      width: 320px;
      font-size: 22px;
      padding-left: 15px;
      font-family: 'Open Sans';
      padding-bottom: 14px;
}

/*
.form1 ul li input ul li input {
      padding-top: 15px;
      box-shadow: 5px 6px 25px #000000;
      width: 10px;
      font-size: 22px;
      display: inline;
      position: absolute;
}
*/


.form1 ul {
    padding-left: 210px;
    padding-top: 6px;

}

.form1 ul li {
  line-height: 70px;
 } 




.download {
  position: relative;
  width: 242px;
  height: 70px;
  background: #52ac62;
  bottom: 0px;
  font-family: 'Intro';
  font-size: 24px;  
  top: 390px;
  left: 15px;

  box-shadow: 7px 7px 14px 0px rgba(50, 50, 50, 0.75);
}

.download span {
  position: absolute; 
  color: white;
  padding-top: 24px;
  margin-left: 30px;
}


.download-sketch {
  width: 38px;
  height: 62px;
  margin: 2px;
  right: 10px;
  top: 3px;
  display: block;
  position: absolute;

}

.download:hover {
  background: #f26522;
}

.reg-networks {
  width: 270px;
  height: 40px;
  background: green;
  position: relative;
  bottom: 0px;
  top: 432px;
  left: 749px;
  box-shadow: 7px 7px 14px 0px rgba(50, 50, 50, 0.75);
  z-index: 1;
}

.shadow-triangle-reg {
width: 0;
height: 0;
border-style: solid;
border-width: 19px 19px 0 0;
border-color: darkgreen transparent transparent transparent;

  position: absolute;
  right: 0px;
  top: 40px;

}


.reg-networks ul li {
  display: inline;

}
.reg-networks ul {
  display: inline;
  padding-left: 4px;
}

.reg-networks ul li a img{
  width: 36px;
  height: 34px;
  padding: 2px;

}

.reg-networks ul li a img:hover {
  animation: shake_9072 8.875s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes shake_9072 {
  0% { transform:rotate(-12deg) }
  3.40426% { transform:rotate(12deg) }
  4.25532% { transform:rotate(24deg) }
  7.65957% { transform:rotate(-24deg) }
  8.51064% { transform:rotate(-24deg) }
  11.91489% { transform:rotate(24deg) }
  12.76596% { transform:rotate(24deg) }
  16.17021% { transform:rotate(-24deg) }
  17.02128% { transform:rotate(-24deg) }
  20.42553% { transform:rotate(24deg) }
  21.2766% { transform:rotate(24deg) }
  24.68085% { transform:rotate(-24deg) }
  25.53191% { transform:rotate(-24deg) }
  28.93617% { transform:rotate(24deg) }
  31.91489% { transform:rotate(0deg) }
  100% { transform:rotate(0deg) }
}





.additional-block {
  background: #5593ce;
  position: relative;
  top: 120px;
  height: 1190px;
}

.hobby, .skills, .programs {
    position: relative;
    display: block;
    top: 170px;
    margin: 0 auto;
}

.hobby span {
  font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
  font-size: 30px;
  display: block;
  margin-left: 430px;
      margin-top: 40px;
}

.skills span {
  font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
  font-size: 30px;
  display: block;
  margin-left: 363px;
      margin-top: 40px;
}

.programs span {
  font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
  font-size: 30px;
  display: block;
  margin-left: 345px;
      margin-top: 40px;
}




.hobby textarea, .skills textarea, .programs textarea {
      padding-top: 15px;
      box-shadow: 5px 6px 25px #000000;
      width: 850px;
      height: 100px;
      font-size: 22px;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 30px;
      padding-bottom: 30px;
      margin-left: 60px;
}



.title-block3 {
background: black;
    height: 73px;
    position: relative;
	bottom: 925px;
}

.ok-button {
    background: green;
    width: 245px;
    height: 55px;
    position: absolute;
    left: 388px;
    top: 10px;
}

.title-block3 span {
  color: white;
  font-family: 'Intro', 'p22_underground_cy_proregular';
  font-size: 30px;
  margin: 0 auto;
  margin: -7px 49px;
  text-decoration: none;
  position: absolute;
  z-index: 1;
      padding-top: 15px;
}

.ok-button:hover {
  background: red;
}






/*********������ ������� ������������********************/


.profile-area {
  display: block;
  position: relative;
  /*background-color green;*/
  width: 1110px;
  /*height: 100%;*/
  margin: 0 auto;
  top: 140px;
}


.information-area {
  background: #2f73ad;
  margin: 0 auto;
  width: 100%;
height: 720px;
  /*ight: 1235px;*/
  /*height: 800px;*/
  position: relative;
}

.detail-information-area {
  background: white;
  margin: 0 auto;
  width: 100%;
  height: 1000px;
  position: relative;
    
/*bottom: 1475px;*/
    top: 140px;
}

.user-photo {
  width: 200px;
  height: 200px;
}


.title-black1 {
  background: black;
  margin: 0 auto;
  width: 100%;
  height: 60px;
}


.title-black2 {
  background: black;
  margin: 0 auto;
  width: 100%;
  height: 75px;
  top: 1000px;
  position: initial;
}

/**************ТАБЫ*****************/
.user-nav {
  /*background-color: black;*/
  font-family: 'Intro', 'p22_underground_cy_proregular';
  color: white;
  font-size: 30px;
  position: relative;
  overflow: hidden;
}


.user-nav ul li {
  display: inline;
top: 26px;
/* z-index: 7; */
 position: relative;

}


.user-nav ul li a{
 color: white;
  text-decoration: none;
    

  /*display: block;*/
  /*padding: 15px;*/
  display: inline-block;  
  width: 303.4px;
  padding-left: 22px;
    
      z-index: 2;
    position: relative;
  height: 45px;
  height: 60px;
    top: -48px;
    /*padding: 12px;*/
    
}

.user-nav ul li a img {
padding-right: 20px;
position: relative;
top: 10px;
}
/*text-decoration: none; */ /*�������� ������������� � ������ */


.user-nav ul li a:hover{
  background-color: #f26522;

  color: white;
  /*border-top: 4px solid white;*/ 
  animation: bounce_6160 3.6s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes bounce_6160 {
  0% { transform:translateY(0) }
  5.55556% { transform:translateY(0) }
  11.11111% { transform:translateY(0) }
  22.22222% { transform:translateY(-15px) }
  27.77778% { transform:translateY(0) }
  33.33333% { transform:translateY(-15px) }
  44.44444% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


.user-nav ul li a visited {
    /*color: yellow;*/
    text-decoration: none;
    height: 60px;
} 

.user-nav ul li.nav-tab.active a{
    color: black;
    text-decoration: none;
    height: 60px;
    background: #00c0ff;
} 





.user-nav-uslov {
  /*background-color: black;*/
  font-family: 'Intro', 'p22_underground_cy_proregular';
  color: white;
  font-size: 24px;
  position: relative;
  overflow: hidden;
}


.user-nav-uslov ul li {
    display: inline;
    top: 26px;
    /* z-index: 7; */
     position: relative;
    line-height: 2;

}


.user-nav-uslov ul li a{
 color: white;
  text-decoration: none;
        background: #066d95;

  /*display: block;*/
  /*padding: 15px;*/
  display: inline-block;  
  width: 510px;
  padding-left: 22px;
    
      z-index: 2;
    position: relative;
  height: 45px;
  height: 60px;
    top: -48px;
    /*padding: 12px;*/
    
}

.user-nav-uslov ul li a img {
padding-right: 20px;
position: relative;
top: 10px;
}
/*text-decoration: none; */ /*�������� ������������� � ������ */


.user-nav-uslov ul li a:hover{
  background-color: #f26522;
    z-index: 2;
  color: white;
  /*border-top: 4px solid white;*/ 
  animation: pulse_3418 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes pulse_3418 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}


.user-nav-uslov ul li a visited {
    /*color: yellow;*/
    text-decoration: none;
    height: 60px;
} 

.user-nav-uslov ul li.nav-tab.active a{
    color: white;
    text-decoration: none;
    height: 60px;
    background: #1a6f17;
} 

.nav-tab a img {
    width: 45px;
    height: 45px;
    display: block;
    position: relative;
    float: left;
    
}

/***********************���� �����*************************/

.user-file-photo {
  width: 1000px;
  height: 850px;
  /*background: green;*/
  position: relative;
  display: block;
  margin: 0 auto;
  top: 70px;
    
    display: block;

/*********************/
    /****��������******/
/*********************/

    
/*
    
$(document).on("click", ".idea-tab", function(e){
    
    var id = $(this).data("id");
    console.log(id);
    
  $(".idea-tabs").find(".more").css("display","none");  
  
  $(".idea-tab").removeClass("active");
  $(this).addClass("active");
  Animator.animateIn("[data-tab-id='" + id + "']", "bounceInRight");
  
  
})
  
*/
  

    
    
    
}

.user-file-photo span {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 100%;

  text-shadow: 2px 3px 7px #000000;
  font-family: 'Intro';
  color: white;
  text-align: center;
  font-size: 24px;
top: 20px;
    text-shadow:  5px 5px 17px 0px #333333;
filter:dropshadow(color= 3px 2px 11px #000);
}

.photo-area {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 1000px;
  height: 780px;
  /*background black;*/
  bottom: 0px;
}

.photo-block1 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  top: 50px;
  left: 20px;
  display: inline-block;
}

.photo-block2 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  top: 50px;
  left: 350px;
  display: inline-block;
}

.photo-block3 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  top: 50px;
  right: 20px;
  display: inline-block;
}

.photo-block4 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  top: 300px;
  left: 20px;
  display: inline-block;
}

.photo-block5 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  top: 300px;
  left: 350px;
  display: inline-block;
}

.photo-block6 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  top: 300px;
  right: 20px;
  display: inline-block;
}

.photo-block7 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  bottom: 60px;
  left: 20px;
  display: inline-block;
}

.photo-block8 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  bottom: 60px;
  left: 350px;
  display: inline-block;
}

.photo-block9 {
  width: 300px;
  height: 180px;
  background: lightblue;
  position: absolute;
  bottom: 60px;
  right: 20px;
  display: inline-block;
}


.black-action {
  background: black;
  position: absolute;
  display: block;
  width: 170px;
  height: 50px;
  bottom: 0px;
  right: 0px;
}

.black-action a {
  display: inline-block;
  width: 45px;
  height: 45px;
  padding: 2px;
}

.black-action a:hover {
  animation: tada_9164 3.6s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes tada_9164 {
  0% { transform: scale(1) }
  5.55556% { transform:scale(.9) rotate(-8deg) }
  11.11111% { transform:scale(.9) rotate(-8deg) }
  16.66667% { transform:scale(1.3) rotate(8deg) }
  22.22222% { transform:scale(1.3) rotate(-8deg) }
  27.77778% { transform:scale(1.3) rotate(8deg) }
  33.33333% { transform:scale(1.3) rotate(-8deg) }
  38.88889% { transform:scale(1.3) rotate(8deg) }
  44.44444% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}

.link img {
  width: 165px;
  height: 165px;
  display: block;
  margin: 0 auto;
}

.link img:hover {
  animation: vertical_5473 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_5473 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.title-black1 span {

  font-family: 'Intro';
  color: white;
  font-size: 30px;
  overflow: hidden;

  position: absolute;
  display: block;
  margin: 0 auto;
 
  left: 44%;

}



.title-black1 {
  /*padding-top: 20px;
  padding-bottom: 10px; */ 
  background-color: black;
}

.calendar {
    position: absolute;
    display: block;
    left: 20px;
}

.calendar img{
    width: 65px;
    height: 65px;
}

.calendar img:hover {
box-shadow:  5px 5px 17px 0px #333333;
-webkit-box-shadow:  5px 5px 17px 0px #333333;
-moz-box-shadow:  5px 5px 17px 0px #333333;
}

.photo-user-block {
    position: relative;
    display: block;
    width: 485px;
    height: 400px;
    background: url(/bitrix/templates/main/img/racoon.png) 100% 100% no-repeat;
    -moz-background-size;
    
    box-shadow: 5px 6px 25px #0a0909;
    
    left: -43px;
    top: 12px;
    background-size: contain;

}

/*
.button-download {
    position: absolute;
    display: block;
    background: #4fb861;
    bottom: 32px;
    font-size: 24px;
    font-family: 'Intro';
    color: white;
    height: 65px;
    width: 260px;
    left: 60px;
}*/

.button-download span{
    top: 18px;
    left: 32px;
    position: absolute;
}

.button-download img {
    position: relative;
    left: 56px;
}

.button-download:hover {
    background: orange;
    box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.75);
}




.button-edit {
    position: absolute;
    display: block;
    background: #01ada7;
    bottom: 32px;
    font-size: 24px;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    color: white;
        /*height: 55px;*/
        padding: 10px;
    width: 330px;
    right: 0px;
    bottom: 30px;
    
    box-shadow: 5px 6px 25px #0a0909;
}


.button-edit span{
    top: 16px;
    left: 32px;
    position: absolute;
}

.button-edit img {
    position: relative;
    left: 52px;
    top: 7px;
    width: 30px;
    height: 35px;
}

.button-edit:hover {
    background: orange;
    box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.75);
}

.shadow-triangle-user-photo {
width: 0;
height: 0;
border-style: solid;
border-width: 0 43px 43px 0;
border-color: transparent #162c6e transparent transparent;


  position: absolute;    
  top: 399px;
  left: 0px;

}


.user-inf {
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    font-size: 26px;
    right: -120px;
    position: absolute;
    top: 115px;
    line-height: 57px;
    color: azure;
    width: 625px;
    padding: 20px;
    
    background: black;
    box-shadow: -5px 5px 25px #0a0909;
}

.triangle-user-inf {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 120px 120px 0 0;
    border-color: #0e0e0e transparent transparent transparent;
    position: absolute;
    display: block;
    bottom: 400px;
    right: -120px;
}

/**********************���� � ����********************************/

.about-yourself {
    width: 1000px;
    height: 850px;
    /*background green;*/
    position: relative;
    display: block;
    margin: 0 auto;
    top: 70px;
    
    
    display: none;
    
  
}
  /*z-index 2;*/



.about-yourself-span {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 100%;

  text-shadow: 2px 3px 7px #000000;
  font-family: 'Intro';
  color: white;
  text-align: center;
  font-size: 24px;
    margin-top: 20px;
    text-shadow:  5px 5px 17px 0px #333333;
filter:dropshadow(color= 3px 2px 11px #000);
}


.title-skills {
    width: 1010px;
    height: 686px;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    font-size: 30px;
    display: block;
    position: relative;
    background: pink;
    text-decoration: none;
    top: 107px;
    right: 33px;
    padding: 27px;
}

.text-skills-inf {
    font-family: 'Open Sans';
    font-size: 30px;
    display: block;
    position: absolute;
    background: #2f73ad;
    text-decoration: none;
    top: 107px;
    right: -30px;
    width: 830px;
    height: 87%;
    line-height: 90px;
}


.title-skills ul {
    display: block;
    position: absolute;
}

.title-skills ul li {
    padding-bottom: 180px;
}



.text-skills-inf ul {
    display: block;
    position: absolute;
    right: 0px;
}

.text-skills-inf ul li {
    padding-bottom: 92px;
    line-height: 80px;
	position: relative;
    left: 60px;
}






/*********************���� ��������************************************/

.contacts-user {
    width: 1000px;
    height: 800px;
    background: lightblue;
    position: relative;
    display: block;
    margin: 0 auto;
    top: 70px;
    /*************/
    display: none;
    /**************/
    
}

.contacts-user-span {
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 100%;

  text-shadow: 2px 3px 7px #000000;
  font-family: 'p22_underground_cy_proregular', 'Intro';
  color: white;
  text-align: center;
  font-size: 24px;
    
padding-top: 20px;

    text-shadow:  5px 5px 17px 0px #333333;
filter:dropshadow(color= 3px 2px 11px #000);
}

.title-linking {
    width: 400px;
    height: 730px;
    background: orange;
    position: absolute;
    display: block;
    margin: 0 auto;
    top: 70px;
}

.title-linking ul {
    top: 20px;
    font-family: 'Intro';
}



.title-linking ul li a img{
    width: 100px;
    height: 100px;
    margin-top: 20px;
    position: relative;
    top: 23px;
    padding-right: 47px;
}

.title-linking ul li a img:hover{
-webkit-filter: blur(0px) brightness(0.7) contrast(10) grayscale(0.12) hue-rotate(360deg) invert(1) opacity(100%) saturate(10) sepia(1) drop-shadow(8px 8px 5px #000)
}

.title-linking ul li a{
    padding: 50px;
    text-decoration: none; 
    color: darkslategrey;
}



.title-linking ul {
    top: 20px;
    font-family: 'p22_underground_cy_proregular', 'Intro';
}


.text-linking ul {
    top: 20px;
    font-family: 'Intro';
    line-height: 80px;
}




.text-linking {
    width: 600px;
    height: 730px;
    background: #139dbe;
    position: absolute;
    display: block;
    margin: 0 auto;
    top: 70px;
    right: 0px;   
}



.text-linking ul li a img{
    width: 100px;
    height: 100px;
    display: block;
    margin-top: 20px;
    position: relative;
    top: 23px;
    padding-right: 47px;
}

.text-linking ul li a img:hover{
-webkit-filter: blur(0px) brightness(0.7) contrast(10) grayscale(0.12) hue-rotate(360deg) invert(1) opacity(100%) saturate(10) sepia(1) drop-shadow(8px 8px 5px #000)
}

.text-linking ul li a{
    padding: 50px;    
    text-decoration: none; 
    color: darkslategrey;
}

/**********************************************************************/

.scrollTop{
  background:url('/bitrix/templates/main/img/arrow-final.png') 0 0 no-repeat;
  width:100px; /* ��������: ������ �������� */
  height:100px; /* ��������: ������ ������ - �������� ������ �������� */
  bottom:5px;
  /*left:48%;*/
    display: block;
    right: 0px;
}
.scrollTop:hover{
  /* ��������: ������ ��� ���������, 
  ����� ��������� �������. �������� ����� ������ ������ */
  background-position:0 -152px;
  animation: vertical_5134 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_5134 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}










/*****************���������***************/

.preview_picture {
  z-index: 5;
}


.images-area-photo {
    
    background: #242424;;
    width: 365px;
    height: 410px;
   
    text-decoration: none;
    border-top: 4px solid #f26522;
    
    position: relative;
    
	
 	display: inline-block;
 	margin-bottom: 80px;
 	margin-right: 25px;
 	margin-left: 0px;
 	float: left;
 	margin-top: 0px
}

.images-area-photo a.images-content:hover {
    transform: scale(1.3); 
    z-index: 6;
}

.images-area-photo a.images-content{
  text-decoration: none;
    position: relative;
    display: block;
    width: 365px;
    height: 410px;
    /*background: url(/bitrix/templates/main/img/block1.jpg) 100% 100% no-repeat;*/
    background-size: contain;
    background-position: center
}

.images-area-photo a span{
    display: block;
    position: absolute;
    top: 442px;
    left: 80px;
    text-align: center;
    font-family: 'p22_underground_cy_proregular', 'Intro';
	color: #f26522;
    text-shadow: rgb(3, 3, 3) 7px 4px 14px;

}







/***********�����������***********/


.authorization-form {
    display: block;
    position: relative;
    margin: 0 auto;
    top: 120px;
    
    
}

.original-block-auth {
    background: #069893; 
    display: block;
    height: 1000px;
}

.title-block-auth {
    background: #020f27;
    width: 100%;
    height: 150px;
    font-family: 'p22_underground_cy_proregular', 'Intro';
    color: aliceblue;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    
    box-shadow: 5px 6px 25px #222020;
}

.title-block-auth span {
    top: 45px;
    position: relative;
    text-align: center;
}

.reg-button-auth1 {
    font-family: 'Intro';
    font-size: 26px;
    text-decoration: none;
    display: block;
    position: relative;
    height: 110px;
    width: 100%;
    background: #213d6a;
    text-align: center;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    font-size: 30px;
    color: white;
    top: 208px;
    line-height: 4;
    /*z-index: 2;*/
}
.reg-button-auth1 span{
    position: relative;
    margin: 0 auto;
        top: 22px;
text-decoration: none;
}


.reg-button-auth2 {
    font-family: 'Intro', 'p22_underground_cy_proregular';
    font-size: 26px;
    text-decoration: none;
    display: block;
    bottom: 0px;
    position: relative;
    height: 90px;
    width: 100%;
    background: #041d47;
    text-align: center;
    font-size: 30px;
    color: white;
    top: 30px;
    line-height: 3;
}
.reg-button-auth2 span{
    position: relative;
    margin: 0 auto;
        top: 22px;
text-decoration: none;
}



.reg-button-auth3 {
    font-family: 'Intro';
    font-size: 26px;
    text-decoration: none;
    display: none;/*display: block;*/
    bottom: 0px;
    position: absolute;
    height: 90px;
    width: 100%;
    background: #5778fa;
    text-align: center;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    font-size: 30px;
    color: white;
    bottom: 0px;
}

/*
.in-out-button-auth {
    display inline-block;
    position absolute;
    bottom 0px;
    margin 0 auto;
    font-family 'Intro Inline';
    font-size 36px;
    background green;
    height 60px;
    width 100%;
    padding-top 10px;
    text-align center;
} 

.in-out-button-auth a span{
    color white;
    text-decoration none;
        margin-right 100px;
            margin-left 100px;
}
.reg-button-auth1:hover {
    background: #a71c1c;
*/




/*    
  animation: vertical_5132 4.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_5132 {
  0% { transform:translate(0,-3px) }
  1.8018% { transform:translate(0,3px) }
  3.6036% { transform:translate(0,-3px) }
  5.4054% { transform:translate(0,3px) }
  7.20721% { transform:translate(0,-3px) }
  9.00901% { transform:translate(0,3px) }
  9.90991% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
*/


.reg-button-auth1:hover,
.reg-button-auth2:hover,
.reg-button-auth3:hover {
 	background: #ca6e06;
  	border: 0px;
	transition-duration: 1.5s;

}





.label-forms {
    display: none; /********display: block;********/
    position: absolute;
    left: 0px;
    font-family: 'novitonovaregular', 'p22_underground_cy_proregular';
    font-size: 72px;
    margin: 50px;
    left: 155px;
    top: 25px;
        line-height: 148px;
}



/*
input[type="button" i], input[type="submit" i] {
text-decoration: none;
    display: block;
    bottom: 0px;
    position: absolute;
    height: 92px;
    width: 1180px;
    background: #5778fa;
    text-align: center;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    font-size: 30px;
    color: white;
    bottom: 5px;
    z-index: 0;
    border: none;
    left: 0px;
    top: 760px;
	cursor: pointer;
}
*/

input[type="submit" i]:hover {
    background: #ca6e06;

  /*animation: vertical_831 1.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_831 {
  0% { transform:translate(0,-3px) }
  5.55556% { transform:translate(0,3px) }
  11.11111% { transform:translate(0,-3px) }
  16.66667% { transform:translate(0,3px) }
  22.22222% { transform:translate(0,-3px) }
  27.77778% { transform:translate(0,3px) }
  30.55556% { transform:translate(0,0) }
  100% { transform:translate(0,0) }

*/



    background-color: #4CAF50; /* Green */
    color: white;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);



}


.alert-success {
    color: #0e440f;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-family: 'p22_underground_cy_proregular', 'Open sans Semibold';
}

.uslov {
    position: absolute;
    display: inline;
	right: 50px;
    	top: 674px;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    color: white;
	font-size: 18px;
    
    padding: 35px;
    
}

input#accept-terms {
	width: 30px;
}

/**************************************************/




/*******************��������� �����������**********************************/


/*class="image-replace cd-password" for="signup-password"*/
/*.input-forms ul li input,*/
form[name="regform"] table {
	/*position: relative;*/
	display: block;
	/*left: 35%;*/
	top: 60px;
	background: #5593ce;
    position: relative;
    top: 115px;
	margin: 0 auto;
    width: 1235px;
    height: 655px;
    padding-left: 40px; 
}

img.calendar-icon {
    width: 50px;
    height: 50px;
}


form.bform p {
    color: #ffd98e;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    font-size: 18px;
}

form[name="regform"] input:focus {
    background: #140e0e;
    color: white;
    transition: 1.5s;
}

form[name="regform"] input:hover {
    background: #24404a;
    transition: 1.5s;
}

form[name="regform"] input {
    /*position: relative;
    font-family: 'Open Sans';
    font-size: 40px;
    width: 100%;
    padding: 0.25rem 0.25rem;
    font-weight: 300;
    transition: 0.25s linear outline, 0.25s linear border;
    outline: 8px solid transparent;
    border: 0px solid rgba(52,152,219,0.5);
    background-color: transparent;
    border-bottom: 3px solid lightgreen;*/
    
    padding: 11px;
    box-shadow: 5px 6px 25px #000000;
    width: 320px;
    font-size: 22px;
    font-family: 'p22_underground_cy_proregular', 'Open Sans';
    position: relative;
    
    border: none; 
}

form[name="regform"] {
margin: 0 auto;
    position: relative;
    /*right: 34%;*/
    /*margin-bottom: 97%;*/
}

form[name="regform"] td {
  color: #fff;
    left: 50%;
    position: absolute;
    padding-left: 25px;
    padding-right: 60px;
}

.starrequired {
    color: crimson;
    font-size: 32px;
}

/*
form[name="regform"] input {
  background: #fff;
  border-radius: 5px;
  color: #000;
}
*/

  form[name="regform"] input[type='submit'] {
    background: green;
    width: 245px;
    height: 60px;
    position: absolute;
    border: none;
    margin: 0 auto;
    left: 465px;
    top: 750px;
    z-index: 1;
    width: 100%;
    font-size: 28px;
    font-family: 'p22_underground_cy_proregular', 'Intro';  
      
  }

  form[name="regform"] input[type='submit']:hover {
    background: #ff7600;
	cursor: pointer;
	color: #000000;
    transition: 0.5s linear outline, 0.25s linear;
  }
  
.name .name-list li,
form[name="regform"] td {
    /*display: block;*/
    position: relative;
    padding-bottom: 25px;    
    /*font-style: 'Open Sans Semibold';*/
    font-family: 'p22_underground_cy_proregular';
    font-size: 22px;
    top: 55px;
    text-align: justify;
}

form[name="regform"] thead tr td {
background: black;
    width: 1190px;
    position: absolute;
    left: 0px;
    top: -66px;
    /*height: 50px;*/
    line-height: 3;
 }
 
 
form[name="regform"] thead tr td b {
    font-weight: bold;
    text-align: center;
    display: inline;
    font-size: 24px;
    color: white;
    position: relative;
    left: 42%;
    font-family: 'p22_underground_cy_proregular', 'Intro';

}

.hobby textarea, .skills textarea, .programs textare,
form[name="regform"] textarea {
	font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    font-size: 30px;
    display: block;
    margin-left: 430px;
    margin-top: 40px;
}



/*********************************************************************/


.input-forms ul li input[type="text"],
.input-forms ul li input[type="password"] {
    position: relative;
    font-family: 'p22_underground_cy_proregular', 'Open Sans';
    font-size: 40px;
    width: 100%;
    padding: 0.25rem 0.25rem;
    font-weight: 300;
    transition: 0.25s linear outline, 0.25s linear border;
    outline: 8px solid transparent;
    border: 0px solid rgba(52,152,219,0.5);
    background-color: transparent;
    border-bottom: 3px solid lightgreen;
}
/*
.input-forms input[type="text"] {
    position: relative;
    font-family: 'Open Sans';
    font-size: 40px;
    width: 100%;
    padding: 0.25rem 0.25rem;
    font-weight: 300;
    transition: 0.25s linear outline, 0.25s linear border;
    outline: 8px solid transparent;
    border: 0px solid rgba(52,152,219,0.5);
    background-color: transparent;
    border-bottom: 3px solid lightgreen;

    top: 75px;
    height: 90px;
    left: 0;
    width: 90%;
}
*/




.input-forms {
    position: relative;
    /*font-family: 'Open Sans';*/
    font-family: 'p22_johnston_undergroundRg';
    
    font-size: 40px;
    width: 100%;
    /*padding: 0.25rem 0.25rem;*/
    font-weight: 300;
    transition: 0.25s linear outline, 0.25s linear border;
    outline: 8px solid transparent;
    border: 0px solid rgba(52,152,219,0.5);
    background-color: transparent;
    border-bottom: 3px solid lightgreen;
    margin-bottom: 10px;
}

.input-forms input[type="password"] {
    position: relative;
    font-family: 'p22_underground_cy_proregular', 'Open Sans';
    font-size: 40px;
    width: 100%;
    padding: 0.25rem 0.25rem;
    font-weight: 300;
    transition: 0.25s linear outline, 0.25s linear border;
    outline: 8px solid transparent;
    border: 0px solid rgba(52,152,219,0.5);
    background-color: transparent;
    border-bottom: 3px solid lightgreen;
}

input:[type="image" i] {
	top: 30px;
background: green;
}



/*

.input-forms ul li input[type="text"] {
    transition: 0.25s linear outline, 0.25s linear;
    
}*/



/******************************************/

.search_input {
    bottom: 60px;
    right: 0px;
    position: absolute;
    padding: 5px;
    font-family: 'p22_underground_cy_proregular', 'Opens Sans-serif';
    font-size: 17px;
    background: #ff7b00;
    border: none;
    border-top: 3px solid black;
width: 238px;
}
 
.search_input {
  display: block;
}



.search_form input[type="button" i], input[type="submit" i]
{
	/*position: relative;*/
}



.search-block {
	display: block;
	width: 1103px;
    height: 858px;
	z-index: 2;
	border: 3px solid white;
	padding-left: 42px;
	padding-right: 36px;
	padding-top: 35px;
	border-radius: 5px;
	top: 70px;
	position: relative;
	font-family: 'p22_underground_cy_proregular', 'Open Sans';
    box-shadow: 5px 6px 25px #000000;
    
 /*   
  background: -webkit-linear-gradient(135deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -webkit-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgb(0, 153, 151);
  background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), -moz-linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgb(0, 153, 151);
  background: linear-gradient(-45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), linear-gradient(45deg, rgba(0,0,0,0) 25%, rgba(255,255,255,0.2) 25%, rgba(255,255,255,0.2) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgba(255,255,255,0.2) 75%), rgb(0, 153, 151);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  */  
    
    background: -webkit-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
            -webkit-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
            -webkit-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
            -webkit-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
            -webkit-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
            -webkit-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: -moz-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
            -moz-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
            -moz-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
            -moz-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
            -moz-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
            -moz-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
            linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
            linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
            linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
            linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
            linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-size: 20px 20px;
background-color: #131313;
-pie-background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px / 20px,
                 linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px / 20px,
                 linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px / 20px,
                 linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px / 20px,
                 linear-gradient(90deg, #1b1b1b 10px, transparent 10px) 0 0 / 20px,
                 linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424)
                 0 0 / 20px #131313;
behavior: url(/pie/PIE.htc);    
    
}

div.search-result {
	background: rgb(30, 205, 151);
	padding: 5px;
	font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
	font-size: 16px;
	border-radius: 5px;
	color: black;
padding-left: 20px;
padding-right: 20px;
    overflow-y: scroll;
height: 470px;;
}

div.search-advanced-result {
	color: rgb(57, 129, 107);
	background: lightblue;
	padding: 5px;
padding-left: 20px;
padding-right: 20px;
	font-family: 'p22_underground_cy_proregular', 'Open Sans';
	font-size: 18px;
	border-radius: 5px;
    height: 70px;
}

div.search-page input.search-button {
        /*font-size: 2.2em;*/
}

input.search-button {
    height: 36px !important;
    width: 150px !important;
    position: relative;
    top: 0px;
    border: none;
    background: linear-gradient(to bottom, #4f85bb 0%,#4f85bb 100%);
    font-size: 14px;
}    

input.search-button:hover {
    background-color: #ff8747;
    transition: none;
}    

input.search-button:before {
    background: url(/bitrix/templates/main/img/magnifying-glass.png);
}    


/*
input.search-button img {
    height: 100%;
}
*/

#search_params {
    color: white;
}

div.search-language-guess {
	font-family: 'p22_underground_cy_proregular', 'Open Sans';
}

div.search-item-date {
	color: rgb(0, 104, 77);
}

div.mf-message textarea {
	width: 81%;
}

span.mf-req {
    display: none;
}

/*
.search-query {
    padding: 22px;
    width: 1055px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 25px;
}
*/


div.mf-name input, div.mf-email input, div.mf-message textarea, div.search-page input.search-query {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 6px 20px;
  border: none;
  -webkit-border-radius: 32px / 54px;
  border-radius: 32px / 54px;
  font: normal 20px/normal "Coda", Helvetica, sans-serif;
  color: rgba(0,43,12,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

div.search-page input.search-query:hover {
  -webkit-border-radius: 40px / 54px;
  border-radius: 40px / 54px;
  background: rgba(232,249,255,1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(89,89,89,0.2) inset;
  box-shadow: 0 2px 2px 0 rgba(89,89,89,0.2) inset;
}

div.search-page input.search-query:focus {
 /* background: rgba(255,253,232,1);*/
  -webkit-border-radius: 32px / 54px;
  border-radius: 32px / 54px;
  background: rgba(255,253,232,1);
  -webkit-box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
  box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
}

div.search-advanced-filter {
	color: rgb(30, 205, 151);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 250px;
  height: 70px;
  cursor: pointer;
  margin: 0 auto;
  border: 2px solid rgb(30,205,151);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font: normal 37px/70px "Advent Pro", Helvetica, sans-serif;
  color: rgb(30, 205, 151);
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: rgba(0,0,0,0);
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
	font-size: 22px;
}

div.search-advanced-filter:hover {
  color: rgba(255,255,255,1);
  background: rgb(30, 205, 151);
}

div.search-advanced-filter:active {
  border: 2px solid rgba(33,224,163,1);
  background: rgba(33,224,163,1);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

div.search-advanced-filter a {
	text-decoration: none;
	font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
	font-size: 18px;
	color: white;
}


/****************АВТОРИЗОВАННЫЙ ПОЛЬЗОВАТЕЛЬ*******************/
.bx-auth-reg {
    display: block;
	top: 0px;
    position: absolute;
    margin: 0 auto;
    width: 245px;
    /*font-size: 20px;*/
    font-family: 'p22_underground_cy_proregular', 'Intro';
	color: white;

}



.bx-auth-reg form p {
    font-family: 'p22_underground_cy_proregular', sans-serif;
    position: relative;
    z-index: 2;
    left: 885px;
    bottom: 500px;
    width: 400px;
    /*border: 3px solid rgb(255, 255, 255);*/
    padding: 10px;
    color: white;
    background-color: #314b8d;
    border-radius: 10px;
    box-shadow: 5px 6px 25px #000000;
}

.bx-system-auth-form form table tbody tr td {
	font-size: 25px;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
	color: white;
	text-shadow: 6px 1px 3px #000000; 

}

.bx-system-auth-form form table tbody tr td a {
	font-size: 20px;
    	font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    	color: rgb(255, 214, 76);
}


div.head-wrap-reg-form {
    background: black;
    line-height: 1.4;
    z-index: 2;
    padding-bottom: 29px;
    width: 1215px;
    padding: 30px;
    position: relative;
    left: -3px;
    top: 120px;
    border: 3px solid rgb(255, 255, 255);
    box-shadow: 5px 6px 25px #000000;
    
    font-family: 'p22_underground_cy_proregular';
    font-size: 22px;
}



input#USER_REMEMBER_frm {
	width: 30px;
	border: 4px solid red;
}

/**************************ДОБАВЛЕНИЕ ЭЛЕМНТОВ***********************************/
table.data-table thead tdody tr td, th {
	color: white;
	font-size: 18px;
	font-family: 'p22_underground_cy_proregular', 'Intro';
}

table.data-table {
	
	/*background: #6f54ab;*/
    /*связано с userworks*/
/*  
border-top: 4px solid white;
background: -webkit-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
            -webkit-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
            -webkit-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
            -webkit-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
            -webkit-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
            -webkit-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: -moz-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
            -moz-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
            -moz-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
            -moz-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
            -moz-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
            -moz-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
            linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
            linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
            linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
            linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
            linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-size: 20px 20px;
background-color: #131313;
-pie-background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px / 20px,
                 linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px / 20px,
                 linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px / 20px,
                 linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px / 20px,
                 linear-gradient(90deg, #1b1b1b 10px, transparent 10px) 0 0 / 20px,
                 linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424)
                 0 0 / 20px #131313;
behavior: url(/pie/PIE.htc);
   
	width: 100%;
	padding: 20px;
	padding-bottom: 80px; */ 
	
		color: white;
	font-size: 20px;
	font-family: 'p22_underground_cy_proregular', 'Intro';
}


profile-block-shown table.data-table {
    background: blue;
}


.bx-editor-iframe {
		border: 2px solid firebrick;
}

div.bx-html-editor {
	border: none;
	z-index: 0;
}

.bx-editor-iframe {
	/*z-index: 0;*/

}

.bxhtmled-toolbar-cnt {
    background-color: #f4f8f9;
    background-image: linear-gradient(to bottom,#fbfdfd,#eef4f5);
    border: none;
    height: 33px;
    width: 100%;
    display: none;
}




/****************************************************/

#sessid .data-table {
	 background-color: green;
	
}

.wrap-inputs {
	position: absolute;
	margin: 0 auto;
	padding-right: 25px;
	    left: 17% !important;
}

.table-bg-add {
    height: 1136px;
    background-color: #ff0000;

}

.td-colspan {

}

.input-submit-add {
	
		top: 1145px !important;
}


/****************************************************/


body .ib {
	display: inline-block;
	text-align: center;
}

.draws {
	float: none;
	clear: both;
	/*left: 100px;*/
    position: relative;
   /* margin-left: 270px;
    margin-right: 200px;*/
}






.draws .item {
	width: 370px;
	height: 420px;
	margin: 5px;
}

.draws .item {
-webkit-filter: saturate(200%); filter: saturate(200%);
    background: black;
    color: orangered;
}

.draws .item:hover {
    /*color: white;
    border-radius: 20px;*/

}

.draws img:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
    /*border-radius: 10%;*/
    border: none;
    transition: 0.4s ease;
}







	.draws .item a {
		display: inline-block;
        color: white;
	}
	
	.draws .item a.imgWrap {
		height: 350px;
		overflow: hidden;
	}
	
	.draws .item a .images-area-photo {
		height: auto;
	}
	
	.draws .item a .images-area-photo {
		
	}
	
	.ib a {
		text-decoration: none;
	}
	
	.ib a span {
	    font-size: 18px;
	    font-family: 'Intro', 'p22_underground_cy_proregular';
	    color: #cd8432;
	    text-align: center;
	    /*padding-bottom: 13px;
	    padding-left: 87px;
	    padding-right: 86px;
	    padding-top: 4px;*/
	}
	
	
	
.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
    font-family: 'p22_underground_cy_proregular', 'Intro';
    font-size: 30px;
}
	
font.notetext {
    color: #f26522;
    font-size: 27px;
    font-family: 'p22_underground_cy_proregular', 'Intro';
    position: absolute;
    top: -39px;
}
	

/****************************************************/

.main-forgot-pass {
    background: #000 none repeat scroll 0 0;
    border-top: 4px solid white;
    margin-top: 40px; 
    width: 100%;
    height: 700px;
}

.main-forgot-pass form p a {
    text-decoration: none;
    display: block;
    bottom: 0px;
    position: absolute;
    height: 90px;
    width: 100%;
    background: #041d47;
    text-align: center;
    font-family: 'p22_underground_cy_proregular', 'Intro';
    font-size: 30px;
    color: white;
top: 650px;
left: 0;
    line-height: 3;
}

.main-forgot-pass form p a:hover {
    background: #ca6e06;
  	border: 0px;
	transition-duration: 0.5s;
}

.main-forgot-pass form p {
    color: white;
    padding: 40px;
    font-size: 20px;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
}


table.data-table {
    position: absolute;
}


table.data-table tbody {
    position: relative;
    margin: 0 auto;
    /*left: 28%;
    border: 2px solid greenyellow;*/
    padding: 30px;
  
    
    z-index: 4;
}


table.data-table tbody tr td {
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    /*text-align: center;*/
    line-height: 55px;

}

table.data-table tbody tr td input {
    width: 300px;
    height: 40px;
    font-family: 'p22_underground_cy_proregular', sans-serif;
    padding-left: 4px;
    font-size: 18px;
    
}





table.data-table thead tr td {
    font-family: 'p22_underground_cy_proregular', 'Intro';
    text-align: center;
    padding: 25px;
    

}
/****************************************************/



/****************************************************/


/*
.close-popup {
    transition: all 1.5s ease;
    text-decoration: none; color: white;
    background: black;
    border-radius: 9px;
    height: 40px;
    width: 40px;
    position: absolute;
    line-height: 2;
    right: 214px;
}


.open-popup {
       transition: all 1.5s ease; 

    
}


.animation-popup { 
-webkit-transition: 1s;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration:0;
  transition-duration:2;
    
  box-shadow: 2px 2px 2px black;
  -webkit-transition: 1.5s;
  transition: 1.5s;
    

  position: relative;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  transition: 3s linear;
    
    background: coral;
    color: #000;
}


.b-container{
    margin:0px auto;
    padding:10px;
    font-size:20px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    z-index: 999;
    float: left;
    position: fixed;
    left: 0px;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:1000px;
    height: 300px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
        
    z-index: 999;
    position: relative;
    top: 150px;
}

*/


/**********POPUP******************************************/


#bg-popup {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:none;
background: grey;
z-index:99;
}

#win-popup {
/*border:3px solid black;*/
position:fixed;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSIjNDAzYzNmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMOCA4Wk04IDBMMCA4WiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMxZTI5MmQiPjwvcGF0aD4KPC9zdmc+");
z-index:100;
display:none;
text-align: center;
    bottom: 120px;
    
    
    border-radius: 10px;
    width: 740px;
    height: 580px;
}

#windows {
    /* padding: 15px; */
    width: 700px;
    position: relative;
    height: 455px;
    border: 2px solid orange;
    margin: 0 auto;
    color: white;
    background: black;
    overflow-y: scroll;
        font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    text-align: left;
    text-indent: 15px;
    border-radius: 15px;
}

.windows {
    width: 1060px;
    position: relative;
    height: 485px;
    border: 2px solid orange;
    margin: 0 auto;
    color: white;
    background: black;
    overflow-y: scroll;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
    text-align: left;
    text-indent: 15px;
    border-radius: 15px;}


.title-popup-uslov {
    font-family: 'Intro', 'p22_underground_cy_proregular';
    /*padding: 10px;*/
    /*font-size: 16px;*/
    color: orange;
}

.win-pos {
    position: absolute;
    margin: 0 auto;
    /*display: inline-block;*/
    left: 20%;
}

a.pages
{
background: #97cdff;
color: black;
padding: 4px;
text-decoration: none;
    
    position: relative; 
    margin: 0 auto;
    
}

/*
a:hover.pages
{
background: green;
color: white;
padding: 4px;
    bottom: 0px;
text-decoration: none;
}
*/


a:hover.pages {
  background: linear-gradient(#ececeb, #eaeaea);
  box-shadow:
   inset rgba(0,0,0,.5) 0 -1px 1px,
   inset rgba(0,0,0,.2) 0 1px,
   inset #fff 0 2px,
   rgba(0,0,0,.2) 0 1px 1px;
}


/*

.btn {
  padding: 4em 0;
  text-align: center;
  z-index: 0;
  position: relative;
  @for $i from 0 through 3 {
    &:nth-child(#{$i + 1}) {
      background: nth($bgcolors, $i + 1) url(http://www.graphicartsunit.com/images/noise.png);
    }
  }
 }


.btn {
  font-family: lato,sans-serif;
  font-weight: bold;
  font-size: 1em;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: $keycolor;
  display: inline-block;
  padding: 20px 40px 20px 40px;
  position: relative;
  border: 3px solid $keycolor;
  &:before {
    border: 3px solid $subcolor;
    background: url(http://www.graphicartsunit.com/images/noise2.png);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
.button-1 {
  border-radius: 100em;
  &:before {
    border-radius: 100em;
    left: 2px;
    top: 1px;
  }
}
.button-2 {
  border-radius: 5px;
  &:before {
    border-radius: 5px;
    left: 2px;
    top: 1px;
  }
}
*/



a.btn {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  
    /*box-shadow: 0 -3px rgb(53,167,110) inset;*/
    box-shadow: 5px 6px 25px #222020;
  
    transition: 0.2s;
} 
a.btn:hover { background: rgb(53, 167, 110); }
a.btn:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

/**********************************************/

input.submit-add-userworks {
    top: 1215px;
}

table.data-table-add-userworks {
    background: #061a3b;
    height: 1185px;
    width: 100%;
}

.down-thead {
        /*background: black;*/
        height: 1185px;
}

tbody.tbody-add-userworks {
    position: absolute;
    margin: 0 auto;
    left: 0%;
    
    width: 1120px;
    height: 1005px; 

    
}

tbody.tbody-add-userworks tr td {
    padding: 30px !important;
    border: none !important;
    background: background: #000b1c !important;
    font-size: 24px;
}

tbody.tbody-add-userworks tr td input {
    width: 100% !important;
}

table.bx-forgotpass-table {
    /*background: black;*/
    position: absolute!important;
    margin: 0 auto !important;
}

table.bx-forgotpass-table tbody {
    float: left;
}


table.bx-forgotpass-table tfoot tr td input {
    position: relative;
    top: 190px;
    left: -3px;    
}

table.bx-forgotpass-table tbody tr td {
    padding-left: 153px;
    border: none;
    /*background: inherit;
    border-bottom: 2px solid lightblue;*/

}


/*************************************************/


/*

.breadcrumb:after {
content:'';
clear:both;
display:table;
}
.breadcrumb__item {
float:left; 
padding:0 3px;
}
.breadcrumb__item:after {
content:'>';
margin:0 3px;
color:#174c88;
font-weight:600;
}
.breadcrumb__item:last-child:after {
content:''; 
}
.breadcrumb__link {
color:#174c88;  
font-weight:600;
}
.breadcrumb__link:hover {
color:#2677d2 !important;
}
*/

/*

	margin: 60px;

	font-size: 22px;
    background: #0084ff;
    border: 2px solid orangered;
    border-radius: 10px;
    padding: 5px;
}

    font-size: 22px;
    border: 2px #0084ff solid;
    background: orangered;
    padding: 5px;
    border-radius: 10px;
*/


/*************************************************/

.profile-table data-table tbody {

}



.profile-link a {
    color: white;
    text-decoration: none;
    padding: 20px;
    font-family: 'p22_underground_cy_proregular', 'Intro';
        background: black;
}
/*
.profile-link a:active {

    padding: 20px;
}
*/
.profile-link a:hover {
    background: orangered;
    padding: 20px;
    width: 600px;
}

tbody.detail-profile-inf-user {
        left: -724px;
        top: 0px;
        padding: 0px;
        float: left;
    
    box-shadow: 5px 6px 25px #0a0909;
    background: #193819;
}


input.btn-save-profile {
    width: 332px;
    height: 70px;
    position: relative;
    top: 0px;
    float: right;
    left: -313px;
}

input.btn-reset-profile {
    background: #01ada7;
    font-size: 24px;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    color: white;
    padding: 10px;
    height: 70px;
    width: 330px;
    border: none;
    position: absolute;
    right: 0px;
    font-size: 30px;
}

.btn-reset-profile:hover {
    background: orangered;
    box-shadow: 8px 8px 10px 0px rgba(0,0,0,0.75);
    cursor: pointer;
}

img.img-save-profile {
    position: absolute;
    left: 4px;
    height: 46px;
    padding: 7px;
}

td.authorize-submit-cell input {
    width: 100%;
}

table.bx-auth-table tbody input.bx-auth-input {
    height: 20px;
    width: 90%;
    padding: 12px;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
}

table.bx-auth-table tbody tr td label {
    font-size: 20px;
}

td.authorize-submit-cell input {
    width: 100%;
    position: initial;
}

/********************************************************************/
.slick-dots {
    position: relative !important;
    bottom: 34px;
}

.slick-slider {
    height: 623px;
}

/********************************************************************/

   .prompt:hover::after {
    content: attr(data-title); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; top: 0; bottom: 50%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(0,42,167,0.6); /* Полупрозрачный цвет фона */
    color: #fff; /* Цвет текста */
    text-align: center; /* Выравнивание текста по центру */
    font-family: 'p22_underground_cy_proregular', Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 14px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    /*border: 1px solid #333;*/ /* Параметры рамки */
       width: 120px;
       height: 80px;
       line-height: 2;
       float: left;
   }




.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
  display: inline-block;
  position: relative;
  /*background: #E6E6E6;*/ /* цвет фона */
    color: black;
    font-family: 'p22_underground_cy_proregular', 'Open Sans Semibold';
  text-indent: 0px;
  cursor: pointer; /* вид курсора *//*help*/
}
.tooltip > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 100%;
  left: -20em; /* = max-width */
  right: -20em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 20em;  /* ширина подсказки может быть не более 20em */
  max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  border: solid rgb(200,200,200);
  font-size: 90%;
  background: #f45400;
  line-height: normal;
  cursor: auto;
}
.tooltip.left > span { /* начинается от левого края */
  left: 0;
  right: -20em;
  margin: 0 0 .4em;
}
.tooltip.right > span { /* начинается от правого края */
  left: -20em;
  right: 0;
  margin: 0 0 .4em auto;
}
.tooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 50%;
  visibility: hidden;
  margin: 0 0 0 -.4em;
  border: .4em solid;
  border-color: rgb(200,200,200) transparent transparent transparent;
  cursor: auto;
}
.tooltip.left:after {
  left: 1em;
}
.tooltip.right:after {
  left: auto;
  right: .6em; /* 1em - .4em */
}
.tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 0;
  right: 0;
  height: .4em;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  transition: 0s .3s;
}
.tooltip:focus { /* убрать рамку в Хроме */
  outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
  opacity: 0;
  transform: translateY(1.5em) scale(.3);
  transform-origin: center bottom;
}
.tooltip.anim:after {
  transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
  opacity: 1;
  transition: .5s .3s;
  transform: translateY(0);
}
@media (max-width: 20em) { /* ширина подсказки может быть не более ширины окна браузера */
  .tooltip > span {
    max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
    box-sizing: border-box;
  }
}





/********************СЕЛЕКТОР DROPDAWN*****/



/**********************************************************/






/**********************************************************/
div.photo-options {
    position: relative;
    z-index: 1;
    top: 35px;
    left: 11%;
    display: block;
    width: 100%;
    /* margin: 0 auto; */
}

div.photo-options a {
    position: relative;
    display: inline-block;
}




/*************ИНПУТЫ и ФАЙЛ***************************/

.bxhtmled-iframe-cnt {
    font-family: 'p22_underground_cy_proregular';
    
}


input[type=file] {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 40px;
    background: #4169E1;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    padding-top: 15px;
    
    
    content: 'Обзор';

}

.file-upload:hover {
    background: #9aef86;
}

/****************************************/

.photo-options {
    
}



.spoiler-wrap {

    margin: 0 0 8px;
    border:1px solid #efefef;
}

.spoiler-head {
    background: #f26522;
    color: white;
    cursor: pointer;
    padding: 5px;
}

.spoiler-body {
    padding:10px;
}

.spoiler-wrap.disabled .spoiler-body {
    display:none;
}

.spoiler-wrap.active {
    border-color:white;
}

.spoiler-wrap.active .spoiler-head {
    background:#57AA43;
    color:#fff;
}

/*******************************************/


img:hover {
  -webkit-transition: all 0.3s ease;;
  -moz-transition: all 0.3s ease;;
  -o-transition: all 0.3s ease;;
  transition: all 0.3s ease;
}


.right1_1{
        color: #5587c4;
    text-decoration: none;
        font:500 19px arial;
        display: table;
}

.right1_1:after {
  transition: margin .2s;
  margin-left: 7px;
  content: '\f0a9';
  font-family: 'FontAwesome';
  display: inline-block;
}

.right1_1:hover{color:#9D1396;}
.right1_1:hover:after {
  margin-left: 12px;
  color:#9D1396;
}

/***************************************/


.popup input[type="submit"] {
    width: 100%;
}

.popup input[type="text"] {
    width: 100%;
}

.popup textarea {
    width: 100%;
}

.mfeedback-title {
    text-align: center;
    font-size: 22px;
    font-family: 'Intro', 'p22_underground_cy_proregular';
    color: orange;
    margin: 20px;
}








/*******************************************/
.logo-close {
    text-align: center;
}

div.logo-icon-close {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 340px;
    text-align: center;
    position: relative;
}

span.logo-icon-close {
    background-image: url(/bitrix/templates/main/img/closed.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 300px;
    border: #f26522 16px solid;
    width: 300px;
    /*width: 100%;*/
    height: 300px;
    text-align: center;
    display: inline-block;
    
    /*position: absolute;*/
    /*left: 39%;*/
}

.wrapper {
	height: 50px !important;
    width: 75%;

    position: relative;
    margin: 0 auto;
    display: block;
}

.wrapper-social {
    position: absolute;
    display: inline-block;
    right: 0px;
    top: 25px;
}


.wrapper-social div a img:hover {
    box-shadow: 2px 1px 1px 0px black;
    border-radius: 29px;
}


.wrapper-inf-num-left {
    position: relative;
}

.wrapper-inf-num-right {
    position: relative;
    text-align: right;
    margin: 30px;
    height: 60px;
}



.inf-right {
    /*color: #848484;*/
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    right: 40px;
    position: relative;
}

.inf-left {
    /*color: #848484;*/
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    padding-left: 20px;
    position: relative;
}

.close-fraze {
    /*color: #848484;*/
    font-size: 30px;
    font-weight: 400;
    /*line-height: 70px;*/
}

.logo-center {
    position: relative;
    top: -133px;
    left: 42%;
    margin: 0 auto;
}


.back-inf {
    color: #727272;
    position: relative;
    margin: 0 auto;
    display: table;
    text-align: center;
}

.open {
    margin: 15px;
}

.open-name {
    color: #e58012;
    font-size: 50px !important;
    font-weight: 400;
    text-transform: uppercase; 
    color: black;
    text-align: center;
}

.open-text {
    color: #ffffff;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase; 
    text-align: center;

-moz-text-shadow:0 0 10px #c00; -webkit-text-shadow:0 0 10px #c00; text-shadow:0 0 10px #ff7033;

}


.first {
    opacity: 0.7;
    color: #363636;
    font-size: 40px;
}

.pre-inf {
    color: #848484;
}




.webidea-close {
    background-image: url(/bitrix/templates/main/img/webidea19.png);
}

.pinterest-close {
    background-image: url(/bitrix/templates/main/img/pinterest-cont.png);
}

.vk-close {
    background-image: url(/bitrix/templates/main/img/vk-cont.png);
}

.instagram-close {
    background-image: url(/bitrix/templates/main/img/instagram-cont.png);
}

.twitter-close {
    background-image: url(/bitrix/templates/main/img/twitter-cont.png);
}

.youtube-close {
    background-image: url(/bitrix/templates/main/img/youtube-cont.png);
}

.facebook-close {
    background-image: url(/bitrix/templates/main/img/facebook-cont.png);
}



webidea-close,
.mail-close, 
.pinterest-close, 
.vk-close, 
.instagram-close, 
.twitter-close, 
.youtube-close,
.facebook-close
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 300px;
    width: 25px;
    /*width: 100%;*/
    height: 25px;
    display: inline-block;
    margin: 5px;
}



.wrapper-inf-num-right a {
    padding: 0px;
}

.wrapper-inf-num-right a:hover {
    border: 2px solid black;
}

/**********************************************/


/*
в соответствии со структурой меню, описанной в template.php
контейнер пунтов меню - <ul>
контейнер пункта меню - <li>
ссылка пункта меню - <a>
*/

/**Top menu**/ 
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul /* стили для контейнера пунтов главного и вложенных меню */
#horizontal-multilevel-menu  /* стили для контейнера пунктов главного меню */

/*Links*/ 
#horizontal-multilevel-menu a  /* стили для ссылок пунктов меню всех уровней */
#horizontal-multilevel-menu li  /* стили для контейнера пункта меню */

/*Root items*/ 
#horizontal-multilevel-menu li a.root-item  /* стили для ссылок главного меню */

/*Root menu selected*/ 
#horizontal-multilevel-menu li a.root-item-selected  /* стили для активной (выделенной) ссылки главного меню */

/*Root items: hover*/ 
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item  /* стили для ссылок главного меню при наведении мышью */

/*Item-parents*/ 
#horizontal-multilevel-menu a.parent   /* стили для ссылок НЕглавного меню, у которых есть вложенное меню */

/*Denied items*/ 
#horizontal-multilevel-menu a.denied   /* стили для ссылок, к которым запрещен доступ */

/*Child-items: hover*/ 
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover   /* стили для для контейнера пункта меню при наведении мышью */

/*Child-items selected*/ 
#horizontal-multilevel-menu li.item-selected   /* стили для контейнера активного (выделенного) пункта вложенного меню */

/*Sub-menu box*/ 
#horizontal-multilevel-menu li ul   /* стили для контейнера пунктов вложенного меню */

/*Sub-menu item box*/ 
#horizontal-multilevel-menu li li    /* стили для контейнера пункта вложенного меню */

/*Item link*/ 
#horizontal-multilevel-menu li ul a   /* стили для ссылки пункта вложенного меню */

/*Items text color & size */ 
#horizontal-multilevel-menu li a, 
#horizontal-multilevel-menu li:hover li a, 
#horizontal-multilevel-menu li.jshover li a, 
#horizontal-multilevel-menu li:hover li:hover li a, 
#horizontal-multilevel-menu li.jshover li.jshover li a, 
#horizontal-multilevel-menu li:hover li:hover li:hover li a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, 
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, 
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a   /* стили для ссылок вложенного меню */

/*Items text color & size: hover*/ 
#horizontal-multilevel-menu li:hover li:hover a, 
#horizontal-multilevel-menu li.jshover li.jshover a, 
#horizontal-multilevel-menu li:hover li:hover li:hover a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a, 
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a 
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a 
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, 
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a   /* стили для ссылок вложенного меню при наведении мышью */

#horizontal-multilevel-menu li ul ul   /* стили для контейнера пунктов вложенного меню (уровень вложенности >2) */

#horizontal-multilevel-menu li:hover ul ul, 
#horizontal-multilevel-menu li.jshover ul ul, 
#horizontal-multilevel-menu li:hover ul ul ul, 
#horizontal-multilevel-menu li.jshover ul ul ul, 
#horizontal-multilevel-menu li:hover ul ul ul ul, 
#horizontal-multilevel-menu li.jshover ul ul ul ul, 
#horizontal-multilevel-menu li:hover ul ul ul ul ul, 
#horizontal-multilevel-menu li.jshover ul ul ul ul ul   /* обработка реакции на наведение мышью - скрываем вложенные меню уровня, более чем на 1 превышающее выделенный */

#horizontal-multilevel-menu li:hover ul, 
#horizontal-multilevel-menu li.jshover ul, 
#horizontal-multilevel-menu li li:hover ul, 
#horizontal-multilevel-menu li li.jshover ul, 
#horizontal-multilevel-menu li li li:hover ul, 
#horizontal-multilevel-menu li li li.jshover ul, 
#horizontal-multilevel-menu li li li li:hover ul, 
#horizontal-multilevel-menu li li li li.jshover ul, 
#horizontal-multilevel-menu li li li li li:hover ul, 
#horizontal-multilevel-menu li li li li li.jshover ul   /* обработка реакции на наведение мышью, показываем вложенные меню */


/**********************************************************/
/*
div.search-page div.search-tags-cloud {
    font-size: 20px;
}
*/
/*
font.errortext {
     color: red;
    top: 94px;
    right: -506px;
    position: absolute;   
}
*/
/* End */
/* /bitrix/templates/main/template_styles.css?1561041966118321 */