.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
@media (max-width: 768px) {
  body {
    background-attachment: scroll;
    background-position: 50% 50%;
  }
}

.video-container-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container1 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container_insta {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.video-container-iframe_insta {
    position: absolute;
    top:0;
    left: 0;
	width: 100%;
    height: 100%;
}

.my_block2 {
background: transparent url("http://futurolog.com.ua/images/opacity.png"); repeat center;
padding: 5px;
width: 100%;
}

.btn-purple {
  color: #fff;
  background-color: #9005fa;
  border-color: #6702b5;
}
.btn-purple:focus,
.btn-purple.focus {
  color: #fff;
  background-color: #50018c;
  border-color: #260142;
}
.btn-purple:hover {
  color: #fff;
  background-color: #50018c;
  border-color: #1c0130;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  color: #fff;
  background-color: #50018c;
  border-color: #1c0130;
}
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
  color: #fff;
  background-color: #1c0130;
  border-color: #260142;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #9005fa;
  border-color: #6702b5;
}
.btn-purple .badge {
  color: #9005fa;
  background-color: #fff;
}

.btn-fuchsia {
  color: #fff;
  background-color: #f200ff;
  border-color: #c706d1;
}
.btn-fuchsia:focus,
.btn-fuchsia.focus {
  color: #fff;
  background-color: #af04b8;
  border-color: #85048c;
}
.btn-fuchsia:hover {
  color: #fff;
  background-color: #af04b8;
  border-color: #5c0161;
}
.btn-fuchsia:active,
.btn-fuchsia.active,
.open > .dropdown-toggle.btn-fuchsia {
  color: #fff;
  background-color: #af04b8;
  border-color: #5c0161;
}
.btn-fuchsia:active:hover,
.btn-fuchsia.active:hover,
.open > .dropdown-toggle.btn-fuchsia:hover,
.btn-fuchsia:active:focus,
.btn-fuchsia.active:focus,
.open > .dropdown-toggle.btn-fuchsia:focus,
.btn-fuchsia:active.focus,
.btn-fuchsia.active.focus,
.open > .dropdown-toggle.btn-fuchsia.focus {
  color: #fff;
  background-color: #5c0161;
  border-color: #85048c;
}
.btn-fuchsia:active,
.btn-fuchsia.active,
.open > .dropdown-toggle.btn-fuchsia {
  background-image: none;
}
.btn-fuchsia.disabled,
.btn-fuchsia[disabled],
fieldset[disabled] .btn-fuchsia,
.btn-fuchsia.disabled:hover,
.btn-fuchsia[disabled]:hover,
fieldset[disabled] .btn-fuchsia:hover,
.btn-fuchsia.disabled:focus,
.btn-fuchsia[disabled]:focus,
fieldset[disabled] .btn-fuchsia:focus,
.btn-fuchsia.disabled.focus,
.btn-fuchsia[disabled].focus,
fieldset[disabled] .btn-fuchsia.focus,
.btn-fuchsia.disabled:active,
.btn-fuchsia[disabled]:active,
fieldset[disabled] .btn-fuchsia:active,
.btn-fuchsia.disabled.active,
.btn-fuchsia[disabled].active,
fieldset[disabled] .btn-fuchsia.active {
  background-color: #f200ff;
  border-color: #c706d1;
}
.btn-fuchsia .badge {
  color: #f200ff;
  background-color: #fff;
}