body{margin:0}

.vsg-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.vsg-display-container {
  position: relative;
}

.vsg-animate-left {
  position: relative;
  animation: animateleft 0.4s;
}

@keyframes animateleft {
  from { left: -300px; opacity: 0; }
  to { left: 0; opacity: 1; }
}

.vsg-animate-fading {
  animation: fading 10s infinite;
}

@keyframes fading {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

.vsg-animate-right {
  position: relative;
  animation: animateright 0.4s;
}

@keyframes animateright {
  from { right: -300px; opacity: 0; }
  to { right: 0; opacity: 1; }
}


 .vsg-spin{animation:vsg-spin 2s infinite linear}@keyframes vsg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

 .vsg-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

 .vsg-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

 .vsg-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

 .vsg-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

 .vsg-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

 .vsg-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

 .vsg-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

 .vsg-animate-input{transition:width 0.4s ease-in-out}
 
 @media (max-width:600px){
 .vsg-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}

 .vsg-display-topleft{position:absolute;left:0;top:0}
 .vsg-display-topright{position:absolute;right:0;top:0}

 .vsg-display-bottomleft{position:absolute;left:0;bottom:0}
 .vsg-display-bottomright{position:absolute;right:0;bottom:0}

 .vsg-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

 .vsg-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}

 .vsg-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

 .vsg-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

 .vsg-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
 }
 @media (max-width:992px){
 .vsg-sidebar
 .vsg-collapse{display:none}
 .vsg-main{margin-left:0!important;margin-right:0!important}
 .vsg-auto{max-width:100%}}

 .vsg-top,
 .vsg-bottom{position:fixed;width:100%;z-index:1}
 .vsg-top{top:0}
 .vsg-bottom{bottom:0}

 .vsg-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}

 .vsg-display-topleft{position:absolute;left:0;top:0}
 .vsg-display-topright{position:absolute;right:0;top:0}

 .vsg-display-bottomleft{position:absolute;left:0;bottom:0}
 .vsg-display-bottomright{position:absolute;right:0;bottom:0}

 .vsg-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}

 .vsg-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}

 .vsg-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

 .vsg-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

 .vsg-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}

 .vsg-display-container:hover 
 .vsg-display-hover{display:block}
 .vsg-display-container:hover span
 .vsg-display-hover{display:inline-block}
 .vsg-display-hover{display:none}
 }
 
 
 
 @media (min-width:993px){
 .vsg-content,
 .vsg-auto{margin-left:auto;margin-right:auto}
 .vsg-content{max-width:100%}
 .vsg-auto{max-width:1140px}
 }
 
 
 
 /* Colors */
 .vsg-black,
 .vsg-hover-black:hover{color:#fff!important;background-color:#000!important}