#header-text-2 .bg {
    background-image: url('../images/bg-2.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    opacity:0.6;
}#action-text .bg {
    background-image: url('../images/bg-62.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}

#benefits-4col-3{
  font-size: 14px;
  font-weight: 600;
  color: #000;}

  #benefits-4col-3 .bg{ background-color:rgba(245,154,0)}

.hide {display:none;opacity:0;}

#nav-logo-menu {opacity:0.95;}

#nav-logo-menu .bg {
background-color:rgba(245,163,39,1);

}

#nav-logo-list {
  font-size: 14px;
  font-weight: 600;
  color: #FFF;}

#nav-logo-list .bg {
background-color:rgba(245,154,0);
}

.svg-top {fill: #fff !important;}

#desc-text-halfbg-3 {
font-size:18px;
color: #000;}

#desc-text-halfbg-3 .bg{
background-color:rgba(245,154,0);
}

.dtwl-ul {list-style-type: none; }

.dtwl-ul li {font-size:18px; }



.dtwl-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.dtwl-textwrapper {
    padding-left: 40px;
}

.dtwl-valign-middle {
    vertical-align: middle;
}


@keyframes soft-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}

.blink-btn {
  animation: soft-blink 2s linear infinite; // И эффект мигания циклически повторяется!
}

.gradient-btn{
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .4)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  background: -o-linear-gradient(left, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  animation:move 3s infinite ease-in-out;
}
@keyframes move{
  from{
    background-position:-1000px 0;
  }
  to{
    background-position:120% 0;
  }
}