.style_prevu_kit {
    display:inline-block;
    border:0;
    /*width:86px;
    height:86px;*/
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
}
.style_prevu_kit:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2);
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    flex: 1 1 auto;
}

.img-caption {
    margin: 0vh 2vw;
}

.text-overflow-center {
    margin-left: -100%;
    margin-right: -100%;
    text-align: center;
}

.margin-side-1 {
    margin: 0vh 0.3vw;
}

.logo-font-size {
    font-size: 75%;
}

.row-menu {
    padding-bottom: 2vh;
}

.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}

.title-row {
    margin: 1.5vh 0;
}

.title {
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: .75rem 0;
    font-weight: bold;
    white-space: nowrap;
    position: relative;
}

.side-padding {
    padding: 1vh 1vw;
}

.side-margin {
    /*margin: 1vh 1vw;*/
    margin: 0 1vw;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.app-header {
    height: 80px !important;
}

.mb-bottom-row {
  margin-bottom: 4vh;
}

/*.bg-warm-flame{background-image:linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) !important}
.bg-night-fade{background-image:linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important}
.bg-sunny-morning{background-image:linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important}
.bg-tempting-azure{background-image:linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important}
.bg-amy-crisp{background-image:linear-gradient(120deg, #a6c0fe 0%, #f68084 100%) !important}
.bg-heavy-rain{background-image:linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important}
.bg-mean-fruit{background-image:linear-gradient(120deg, #fccb90 0%, #d57eeb 100%) !important}
.bg-malibu-beach{background-image:linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important}
.bg-deep-blue{background-image:linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important}
.bg-ripe-malin{background-image:linear-gradient(120deg, #f093fb 0%, #f5576c 100%) !important}
.bg-arielle-smile{background-image:radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important}
.bg-plum-plate{background-image:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important}
.bg-happy-fisher{background-image:linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%) !important}
.bg-happy-itmeo{background-image:linear-gradient(180deg, #2af598 0%, #009efd 100%) !important}
.bg-mixed-hopes{background-image:linear-gradient(to top, #c471f5 0%, #fa71cd 100%) !important}
.bg-strong-bliss{background-image:linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) !important}
.bg-grow-early{background-image:linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important}
.bg-love-kiss{background-image:linear-gradient(to top, #ff0844 0%, #ffb199 100%) !important}
.bg-premium-dark{background-image:linear-gradient(to right, #434343 0%, black 100%) !important}
.bg-happy-green{background-image:linear-gradient(to bottom, #00b09b, #96c93d) !important}
.bg-vicious-stance{background-image:linear-gradient(60deg, #29323c 0%, #485563 100%) !important}
.bg-midnight-bloom{background-image:linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important}
.bg-night-sky{background-image:linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important}.bg-slick-carbon{background-image:linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%),linear-gradient(to top, rgba(255,255,255,0.4) 0%, rgba(0,0,0,0.25) 200%) !important;background-blend-mode:multiply}
.bg-royal{background-image:linear-gradient(to right, #141e30, #243b55) !important}
.bg-asteroid{background-image:linear-gradient(to right, #0f2027, #203a43, #2c5364) !important}
.bg-transparent{background:transparent !important}*/


.fa-chevron-circle-right:hover {
    color: #34e1eb;
}

.close-padding {
    padding: 0 0.3vw
}


.wrapper {
  /*margin:0 auto;*/
  width: 100px;
  height: 100px;
  position: relative;
  top:50%;
  /*left:50%;*/
  /*margin-left:-200px;*/
  margin-top:-50px;
}

.wrapper a {
  position: relative;
  /*background: #121212;*/
  bottom: 0;
  /*color: #fff;*/
  color: #F07F00;
  height: 45px;
  line-height: 45px;
  position: absolute;
  width: 90%;
  /*padding: 0 0 0 20px;*/
  font-size: 12px;
  font-weight:700;
  font-family: 'Arial';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  transition:0.1s all ease-in;
}
.wrapper a span{
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  height: 10px;
  position: absolute;
}

.wrapper a span span{
  background: url(http://thomaspodgro.com/source/arrow.png);
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-left: 10px;
  right: 0px;
  height: 10px;
  opacity: 1;
  position: absolute;
}

.wrapper a .arrow:before {
  content:"";
  background: url(http://thomaspodgro.com/source/arrow.png);
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  height: 10px;
  position: absolute;
  opacity: 0.5;
}

.wrapper a .arrow:after {
  content:"";
  background: url(http://thomaspodgro.com/source/arrow.png);
  display: block;
  width: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  height: 10px;
  position: absolute;
  opacity: 0.3;
}

.wrapper a:hover .arrow:before{
  animation: animate-arrow-2 1s ease-in-out infinite 0.1s;
}

.wrapper a:hover .arrow:after{
  animation: animate-arrow-3 1s ease-in-out infinite 0.2s;
}

.wrapper a:hover .arrow span{
  animation: animate-arrow-1 1s ease-in-out infinite;
}

@keyframes animate-arrow-1 {
  0%{transform:translateX(-40px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}
@keyframes animate-arrow-2 {
  0%{transform:translateX(-20px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 0.5;}
}
@keyframes animate-arrow-3 {
  0%{transform:translateX(-10px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 0.3;}
}

.nav-item {
  width: 100px;
}