/*!

 =========================================================
 * Material Bootstrap Wizard - v1.0.2
 =========================================================
 
 * Product Page: https://www.creative-tim.com/product/material-bootstrap-wizard
 * Copyright 2017 Creative Tim (http://www.creative-tim.com)
 * Licensed under MIT (https://github.com/creativetimofficial/material-bootstrap-wizard/blob/master/LICENSE.md)
 
 =========================================================
 
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 */

body {

}

.img-container {
  min-height: 100vh;
  background-position: center center;
  background-size: cover;
  position: relative;
  
}
.img-container:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .3;
}

.brand-url {
  width: 35px;
  height: 35px;
  display: block;
  position: fixed;
  z-index: 555;
  bottom: 20px;
  right: 20px;
  border-radius: 35px;
  background-color: rgba(16, 16, 16, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  cursor: pointer;
  padding: 5px 8px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -moz-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -o-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}
.brand-url:hover, .brand-url:active, .brand-url:focus {
  width: 180px;
  color: #FFFFFF;
  transition-duration: .55s;
  /*padding: 10px 19px;*/
}
.brand-url:hover .brand-name, .brand-url:active .brand-name, .brand-url:focus .brand-name {
  opacity: 1;
}
.brand-url:hover .brand-abr, .brand-url:active .brand-abr, .brand-url:focus .brand-abr {
  left: 0;
}
.brand-url .brand-abr,
.brand-url .brand-name {
  float: left;
}
.brand-url .brand-abr {
  position: relative;
  top: 1px;
  left: -1px;
  letter-spacing: 1px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
}
.brand-url .brand-name {
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 40px;
  top: 5px;
  opacity: 0;
  margin: 0;
  -webkit-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -moz-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  -o-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
  transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}
.brand-url .brand-name strong {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}