/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
  /*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}


/*.profile-picture-small, .js-creator-profile-link {
  display: none !important;
}
*/

html,
body {
  height: 100%;
}

body {
  font-family: 'Raleway', sans-serif;
}

/* Social Locker */

/*    html, body {
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        padding: 50px;
        background: #f7f8f9;
    }*/
    #sociallocker {
        background-color: black;
        text-align: center;
        position: relative;
        max-width: 500px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius:10px;
    }
    #sociallocker-overlay {
        background-color: rgba(49, 49, 49, 0.83);
        font-size: 20px;
        font-weight: bold;
        color: white;
        transition: all 0.2s ease;
            padding: 23px;
    }
    #sociallocker-overlay i {
        margin-right: 10px;
    }
    #sociallocker:hover #sociallocker-overlay {
        top: -100%;
        transition: all 0.2s linear;
    }
    #sociallocker:hover #sociallocker-content {
        top: 100%;
        transition: all 0.2s linear;
    }
    #sociallocker-content a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 20px;
        background-color: #777777;
        color: #f9f9f9;
        border-radius: 4px;
        font-weight: bold;
    }
    #sociallocker-overlay,
    #sociallocker-content,
    #sociallocker-links{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0;
    }
    #sociallocker-content {
        background-color: black;
        transition: all 0.2s ease;
    }
    .social-1 {
      text-decoration: none;
        color: #ffffff;
        display: inline-block;
        width: 60px;
        height: 60px;
        overflow: hidden;
      margin-right: 5px;
    }
    .social-1 i {
      display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .social-1:hover i {
      background-color: rgba(0,0,0,0.1);
        transform: scale(1.2);
        transition: all 0.2s;
    }
    .fb { background-color: #4561A8; }
    .tw { background-color: #17ADEA; }
    .gp { background-color: #BF3B28; }
    .in { background-color: #1679B1; }
    .pi { background-color: #D9303C; }
    .su { background-color: #3ee675; }

/* Social locker */


/* If Mobile image */

#ifMobile1 {
    background-image: url(../img/minicorda-batch2-top.png)
}

@media all and (max-width: 499px) {
    #ifMobile1 {
        background-image: url(../img/minicorda-batch2-top-vert.png)
    }
}

/* If Mobile image */


/* CSS for mobile devices */
@media only screen and (max-width: 768px) {
  /* Your mobile-specific CSS styles go here */
  .row {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-left: 0rem;
  }
  /* Add more styles as needed */
}

.list-group-item {
background-color: rgba(255, 255, 255, 0);
}

.card{

position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
/*background-color: #332f32;*/
background-clip: border-box;
border: 1px solid rgba(219, 219, 219, 0.13);
border-radius: .25rem;
margin-bottom: 4vh;
}

.chord {
    background-color: #63c5ff;
    padding: 20px 4px 4px 4px;
    border-radius: 4px;
    margin-top: 30px;
}


.bottom-bar {
    background-color: #2d2c28;
    width: 100%;
    text-align: center;
    color: whitesmoke;
    padding: 16px;
    /* border-top: 1px solid whitesmoke; */
}

.bottom-bar-fixed-red{
    background-color: #a21717;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    color: whitesmoke;
    padding: 16px;
  }

.bottom-bar-fixed-blue{
    background-color: #2196f3;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    color: whitesmoke;
    padding: 16px;
  }
  

.dropdown-item {
  border-bottom: 1px solid #ececec;
  padding: .55rem 4rem .55rem 1.1rem;
}

.dropdown-item-last {
  border-bottom: 0px solid #ececec;
  padding: .55rem 4rem .4rem 1.1rem;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.hero-home {
  height: 680px;
  background-color: #2c99ea; 
  color: white; 
}

h1 {
  font-weight: lighter !important;
  text-transform: uppercase;
}

p {
  font-weight: lighter !important;
}

.offer-panel {
  background-color: #2b2929;
  padding: 5%;
  color: #a2a2a2;
  border-radius: 5px;
  border: 1px solid #444444;
}

.hero-row {
  padding: 2% 0px 0px 0px;
}


.btn-xlarge {
    padding: 12px 22px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.canvas {
  padding: 90px 10% 150px 10%;
}

.footer {
  padding: 30px 0 40px 0;
  color: gray !important;
  -webkit-box-shadow: inset 0px 17px 24px -13px rgba(0,0,0,1);
  -moz-box-shadow: inset 0px 17px 24px -13px rgba(0,0,0,1);
  box-shadow: inset 0px 17px 24px -13px rgba(0,0,0,1);  
}

.canvas-bottom-cero {
  padding: 90px 0 0 0;
}

.canvas-air {
  padding: 10% 0 10% 0;
}

.air-top {
  margin-top: 40px;
}

.air-bottom-sm {
  margin-bottom: 20px;
}

.air-bottom-lg {
  margin-bottom: 70px;
}

.air-bottom-xlg {
  margin-bottom: 140px;
}

.air-bottom {
  margin-bottom: 40px;
}

.air-top-lg {
  margin-top: 120px;
}

.features{
font-size: 5em;
padding-top: 40px;

}

.canvas-invert {
  color: white;
}

.canvas-gray {
background-color: #F4F4F4;

}

.canvas-midgray {
background-color: rgb(240, 235, 240);

}

.btn-border-inverse {
border: 1px solid white;
border-radius: 2px;
color: white;
padding: 5px 8px 5px 8px;
margin:20px 0px 40px 0px; 
text-decoration: none;

}

.btn-border-inverse:hover {
border: 1px solid whitesmoke;
border-radius: 2px;
color: whitesmoke;
padding: 5px 8px 5px 8px;
margin:20px 0px 40px 0px; 
text-decoration: none;

}

.btn-border-inverse:focus {
border: 1px solid whitesmoke;
border-radius: 2px;
color: whitesmoke;
padding: 5px 8px 5px 8px;
margin:20px 0px 40px 0px; 
text-decoration: none;

}

.canvas-darkgray {
background-color: #2C2C2C;

}

.canvas-dark {
background-color: rgb(31, 31, 31);
}





.bar-line {
  border-bottom: 1px solid rgba(240, 248, 255, 0.2)
}



.canvas-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#023b77+0,000000+92,000000+92 */
background: #023b77; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #023b77 0%, #000000 92%, #000000 92%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #023b77 0%,#000000 92%,#000000 92%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #023b77 0%,#000000 92%,#000000 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023b77', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
}

.canvas-gradient-10{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9040d+0,8f0222+44,210002+100 */
background: #c9040d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #c9040d 0%, #8f0222 44%, #210002 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #c9040d 0%,#8f0222 44%,#210002 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #c9040d 0%,#8f0222 44%,#210002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9040d', endColorstr='#210002',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.canvas-gradient-3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#030707+0,2d2d2d+44,000000+100 */
background: #030707; /* Old browsers */
background: -moz-linear-gradient(45deg, #030707 0%, #2d2d2d 44%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #030707 0%,#2d2d2d 44%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #030707 0%,#2d2d2d 44%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030707', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.canvas-gradient-2{
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: linear-gradient(135deg,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.canvas-gradient-4{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2b2b+0,212121+25,000000+100 */
background: #2b2b2b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #2b2b2b 0%, #212121 25%, #000000 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #2b2b2b 0%,#212121 25%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #2b2b2b 0%,#212121 25%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.canvas-gradient-markus{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2b2b+0,212121+25,000000+100 */
background: #2b2b2b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #2b2b2b 0%, #212121 25%, #000000 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #2b2b2b 0%,#212121 25%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #2b2b2b 0%,#212121 25%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.elements-cont {
  margin: 0px 0px 30px 0px;
}


.elements {
  color: white;
  border-radius: 4px;
  border: 1px solid white;
  padding: 7px;
  margin: 10px 10px 10px 0;
  font-size: 1.1em;
  line-height: 1.2em;
  display: inline-block;
}


/*.navbar-brand,
.navbar-nav li a {
    line-height: 70px;
    height: 70px;
    padding-top: 0;
}*/

.section-header {
padding:40px 0 110px 0;
}

.custom-brand{
  width: 190px;
  margin-top: 15px;
}


/*.form-control {
  height: 47px !important;
}*/

.center-text-mobile {
  font-size: 64px;
}

/*.navbar-inverse-custom {
  background-color: #2394E8;
  border-color: #2c99ea;
}*/

.mobile-phone {
  display: none;
}

@media screen and (max-width: 640px) {

    .hero-row {
      padding: 0 0 0 0;
    }

    .mobile-image {
        display: none;
    }
    .center-text-mobile {
        text-align: left;
        color:white;
        font-size: 3em !important;
        margin-top: 40%;
    }
/*    .hero-home {
        height: 100%;
    }*/
    .mobile-phone{
      display: block;
    }
}

.text-gray {
  color: gray;
}


.img-bkg1 {

  background: url(../img/minicorda-bottom-zoom.png) no-repeat left center fixed; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}




.img-bkg-brushify-light {

  background: url(../img/brush-drums-background-light.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-brushify-dark {

  background: url(../img/brush-drums-background-dark.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg1-fire {

  background: url(../img/stage-pianobass.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.img-bkg-melodica {

  background: url(../img/melox-melodica-free-vst.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-electric-piano-tines {

  background: url(../img/electric-piano-back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.img-bkg-prepiano{

  background: url(../img/tines-electric-piano-circuit.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.img-bkg-electric-piano {

  background: url(../img/electric-piano.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.img-bkg-stage-new {

  background: url(../img/back_stage_new.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-half {

  background: url(../img/back_ele-piano.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-zp {

  background: url(../img/zp2.gif) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-studio {

  background: url(../img/studio.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-open {

  background: url(../img/melodica-open.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-brush-fingers {

  background: url(../img/brush-fingers-back.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-melox-2 {

  background: url(../img/back_melox-pro.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-markus-1 {

  background: url(../img/tines-electric-piano-vst-markus-glam.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-markus-2 {

  background: url(../img/electric-piano-reed-tines.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-model-t {

  background: url(../img/neon-2-crop-model-T-front-small.gif) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-model-t-neon {

  background: url(../img/neon1.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-dyno {

  background: url(../img/dyno-background.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-reed200 {

  background: url(../img/reed200-background.png) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-reed200-b {

  background: url(../img/reed200-background-3.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.img-bkg-synth1 {

  background: url(../img/fur-violin.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-synth2 {

  background: url(../img/fur-white.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-synth3 {

  background: url(../img/fur-green.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-glassy {

  background: url(../img/glassy.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-glassy-light {

  background: url(../img/studio-light.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-glassy-circuitry {

  background: url(../img/circuitry.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-modules {

  background: url(../img/modules-back-new.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-SUB {

  background: url(../img/SUB-Background-2.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-SUB-dark {

  background: url(../img/SUB-Background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-1959-dark{

  background: url(../img/1959-back-dark.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-1959-light{

  background: url(../img/1959-back-light.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.img-bkg-push {

  background: url(../img/push-back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-suit {

  background: url(../img/dna-back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-suit-2 {

  background: url(../img/suit73-back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-organ {

  background: url(../img/organ-bkg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-electronylon {

  background: url(../img/electronylonback.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-electronylon-top {

  background: url(../img/electronylon-top.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-electronylon-front {

  background: url(../img/electronylon-front.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-electronylon-topleft {

  background: url(../img/electronylon-topleft.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-klavee {

  background: url(../img/klavee-bkg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.img-bkg-klavee2 {

  background: url(../img/klavee-bkg2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-klavee3 {

  background: url(../img/klavee-bkg3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-klavee4 {

  background: url(../img/klavee-bkg4.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-affiliate {

  background: url(../img/affiliate-img.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-reed-day {

  background: url(../img/reed106-day.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-reed-night {

  background: url(../img/reed106-night.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-bkg-reed-sunset {

  background: url(../img/reed106-sunset.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




/* Animated Image Alpha */

#cf {
  position:relative;
/*  height:281px;
  width:450px;*/
  margin:0 auto;
  padding-bottom: 40vh;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

  @keyframes cf3FadeInOut {
  0% {
  opacity:1;
  }
  15% {
  opacity:1;
  }
  65% {
  opacity:0;
  }
  100% {
  opacity:0;
  }
}

#cf img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 2s;
animation-direction: alternate;
}






.footer-bs {
    background-color: #3c3d41;
  padding: 60px 40px;
  color: rgba(255,255,255,1.00);
  /*margin-bottom: 20px;*/
  border-bottom-right-radius: 6px;
  border-top-left-radius: 0px;
  /*border-bottom-left-radius: 6px;*/
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
  .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
  .img-fluid {
    max-width: 50%;
  }
}