.mg-about {
    padding: 70px 0;
    background-color: #000;
    background-image: url(../images/about-bg.png);
    background-position: center center;
    color: #fff;
}

.parallax {
    background-attachment: fixed !important;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff; /* цвет стрелочки (по умолчанию #000)*/
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fff; /* цвет стрелочки (по умолчанию #000)*/
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff; /* цвет стрелочки (по умолчанию #000) */
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fff; /* цвет стрелочки (по умолчанию #000) */
}
.tooltip-inner {
    max-width: 250px; /* максимальная ширина подсказки (по умолчанию 200px) */
	font-size: 11pt; /* Размер шрифта в пунктах */ 
    color: #fff; /* цвет шрифта */
    background-color: #000; /* цвет фона (по умолчанию #000) */
    border-radius: 0.0rem; /* радиус скругдения углов */
}
  
.palert { 
  background-image: url(../img/backgr.jpg);
  color: #7CFC00;	
  margin:10px;
  padding:  0px;   
  border:#212121 1px solid; 
  border-collapse:separate;  
 }
 
 
 .spoiler_boy {
 color: #e0fa06;
 font-size: 13px;
 }
 
 .green_boy {
 color: #7CFC01;
 font-size: 13px;
 }
 
 .green_boy:hover {
 color: #fbd504;
 font-size: 13px;
 }

.cont_palert { 
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
  border-top:1px solid #333; 
  border-bottom:1px solid #111; 
  cursor: pointer;
 } 


.palert h2{     
   font-size: 13px; 
   color: #e0fa06;
   text-align: left;
}

.palert h5{     
   font-size: 8pt;  
   color: #e0fa06;
   text-align: center;
}

.palert ul li{     
   text-align: left;   
}

 
.blackform { 
  font-family:Arial, Helvetica, sans-serif; 
  color:#333; 
  /* font-size:15px;  */
  text-shadow: 1px 1px 0px #000; 
  background:#121212; 
  margin: 4px;
  padding: 20px;
  border:#212121 1px solid; 
  border-collapse:separate; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
  border-radius:3px; 
  -moz-box-shadow: 0 1px 2px #343434; 
  -webkit-box-shadow: 0 1px 2px #343434; 
  box-shadow: 0 1px 2px #343434; 
 } 
 
.blackform_input input{
font-size:15px; 
    height: 30px;    
	margin-bottom: 10px;
	padding-right: 0px;
}

.blackform_td{
  width: 100%; 
  background: #121212; 
  background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#212121)); 
  background: -moz-linear-gradient(top, #212121, #212121); 
 } 

.blackform_td:hover {
  color: #989898; 
  background: #272727; 
  background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#272727)); 
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);  
 } 
 
 .btn_form {     
    background: #7d0112;
    border: none;
    text-shadow: none;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 17px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 7px 13px 8px 13px;    
    margin-top: 20px;
}
 
 #user {
    height: 100px; /* Ширина поля в пикселах */
   } 
   
   #wide{
    width: 300px; 
   } 
   
 
 .arrow-2 {
    cursor: pointer;
    height: 120px;
    width: 80px;
    position: relative;
    margin: 20px;
}
.arrow-2-top, 
.arrow-2-bottom {
    background: red;
    height: 10px;
    left: -30px;
    position: absolute;
    top: 60px;
    width: 100px;
}
.arrow-2-top {
    top: 64px;
}
.arrow-2-top {
    transform: rotate(45deg);
    transform-origin: bottom right;
}
.arrow-2-bottom {
    transform: rotate(-45deg);
    transform-origin: top right;
}
.arrow-2-top::after, 
.arrow-2-bottom::after {
    background: #337AB7;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.15s;
}
.arrow-2-top::after {
    left: 100%;
    right: 0;
    transition-delay: 0s;
}
.arrow-2-bottom::after {
    left: 0;
    right: 100%;
    transition-delay: 0.15s;
}
.arrow-2:hover .arrow-2-top::after {
    left: 0;
    transition-delay: 0.15s;
}
.arrow-2:hover .arrow-2-bottom::after {
    right: 0;
    transition-delay: 0s;
}
   /* ПОДСКАЗКА */
  .podskazka { position:relative; z-index:24; }
  .podskazka span { display:none;}
  .podskazka:hover {z-index:25;}
  .podskazka:hover span {
  display:block;
  position:absolute;
  width:250px;
  bottom: 85px;
  left:0px;
  background-color:#adadad;
  border:1px solid #fff;
  padding:10px;
  font-size:13px;
  color:#000;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }