/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

     /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

    /* -----------------------------------
           Chrome Responsive Image Fix
----------------------------------------*/

@media (orientation: portrait) { 
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        width:100%;
        height:auto;
    }
}

@media (orientation: landscape) { 
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        width:100%;
        height:96vh;
    }
}



/* --------------------------------------
                Audio Player
------------------------------------------*/


/* --------------------------------------
                Buttons 
------------------------------------------*/
.video-button{
  background: background-image: url("images/skypaint_play-arrow.svg");
}

.btn-primary {
background-color: #87b200;  
border-radius: 4px;
border-color: #87b200;
input-border: #f8f8f8;


}

.btn-primary-nav{
  background-color: #EAE630;  
border-radius: 4px;
border-color: #ffffff;
input-border: #f8f8f8;
margin-top: 6px;
margin-left: 0px;
color: white;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #D1C718;
    border-color: #ffffff; /*set the color you want here*/
}


.btn-default {
background-color: transparent;  
border-radius: 4px;
border-color: #b0b0b0;
input-border: #333333;
font-family: 'Raleway', sans-serif;
font-weight: 100;
color: #87b200; 

}

.button {
  padding: 0;
border: none;
background: none;
}

/*-------------------------------------
          Body and Headings 
-----------------------------------------*/

body {
/*background-color: #61E8F2;*/
background-image: url("../images/skypaint_clouds.svg");
background-repeat: repeat;
background-size: 100%;


 

/**background: -moz-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(112,207,244,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70cff4', endColorstr='#ffffff', GradientType=1 );*/
font-size: 13pt;
color: #656565;
font-weight: 300;


   /*font-family: 'Quicksand', sans-serif;
  /*font-family-serif: 'EB Garamond', serif;
 font-family: 'EB Garamond', serif;*/
 }

    @media (max-width: 767px) {

body {
background-color: #61E8F2;
background-image: url("../images/skypaint_clouds_sm.svg");
background-repeat: repeat-y;
background-size: 100%;


 

/**background: -moz-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(112,207,244,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(112,207,244,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70cff4', endColorstr='#ffffff', GradientType=1 );*/
font-size: 13pt;
color: #656565;
font-weight: 300;


   /*font-family: 'Quicksand', sans-serif;
  /*font-family-serif: 'EB Garamond', serif;
 font-family: 'EB Garamond', serif;*/
 }


}

ol{
    font-family: 'Raleway', sans-serif; 
  color: #b0b0b0; 
  font-size: 14pt;
  font-weight: 100;
  line-height: 22pt;

}



/*-----------------------------------------
        Video
-------------------------------------------*/

.video-container{
  width: 730px;
  height: 400px;
}

 @media (max-width: 1200px) {

  .video-container{
    
  width: 590px;
  height: 338px;
  }
    }

  @media (max-width: 992px) {

  .video-container{
    
  width: 450px;
  height: 338px;
  }
    }


  @media (max-width: 768px) {

  .video-container{
    
  width: 470px;
  height: 278px;
  }
    }

     @media (max-width: 480px) {

  .video-container{
    
  width: 300px;
  height: 200px;
  }
    }


/*-----------------------------------------
        Wells
-------------------------------------------*/


.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 0px solid @well-border;
  border-radius: @border-radius-base;
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
  blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15);
  }
}

// Sizes
.well-lg {
  background-color: #ff90ff;
  padding: 24px;
  border-radius: 0px;
}
.well-sm {
  padding: 9px;
  border-radius: @border-radius-small;
}

/* Lg Well*/
.head .well{
  background-color: #89b100;
}

/*-----------------------------------------
         blockquote
-------------------------------------------*/
.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    padding: 0.5rem 1rem;
    border-left: 0px;
}


/*-----------------------------------------
         video button
-------------------------------------------*/
.video-button {
    padding: 0px;
    margin: 0px;
    border: 0px;

}

/*-----------------------------------------
         modal
-------------------------------------------*/
.modal-content {

  width: 650px;
  height: 500px;
}

/*-----------------------------------------
         Live shows List Group
-------------------------------------------*/
.list-group {
  color: #777777;
}
.live-date {
  font-family: 'Lato', sans-serif;  
  font-weight: 500;
  
  color: #6f6f6f; 
}
/*-----------------------------------------
        music player
-------------------------------------------*/

.player-text{
  margin: 0px;
  float:left;
  padding-top: 20px;
  /**color: #E8E74B;**/


}
.music-player-2 {
  padding-top: 15px;
float:left;
opacity: 0.7;

  
}
.music-player {

float:right;
opacity: 0.7;

  
}
/*-----------------------------------------
          Headings
-------------------------------------------*/

h1 {

  font-family: 'FontAwesome', sans-serif;  
font-weight: 100;
  color: #333333; 
    

}

h2 {

  font-family: 'Lato', sans-serif;  
  color: #777777; 
    
}

h3 {

  font-family: 'Lato', sans-serif;  
  color: #656565; 
    
}

h4 {

  font-family: 'Lato', sans-serif;  
  font-weight: 100;
  color: #6f6f6f; 
    
}
h5 {

  font-family: 'Lato', sans-serif;  
  font-weight: 300;
  color: #777777; 
    
}
/* Dark Green */
h6 {

  font-family: 'Lato', sans-serif;  

    
}

/*-----------------------------------------
         Main Title
-------------------------------------------*/

.MainTitle{
  font-size: 22pt;
  font-family: 'FontAwesome', sans-serif;
  color: #eef945;
}


@media (max-width: 767px) {

  .Main-Title{
font-size: 12pt;
  font-family: 'FontAwesome', sans-serif;
  color: #eef945;
 }


 }




/*-----------------------------------------
          Alt Headings
-------------------------------------------

.alt0 {
background-color: #fcfcfc;
padding-top: 40px;


}

.alt-training {
background-color: #fcfcfc;
padding-top: 40px;



}

.alt1 {
background-color: #fcfcfc;
padding-top: 40px;


}

.alt2 {

background-color: #f6f5f2;
padding-top: 40px;




}
.alt-contact {

background-color: #92a800;
padding-top: 40px;
.h1{
  color: #ffffff;
}



}

   @media (max-width: 767px) {

.alt0{
padding-top: 20px;
padding-bottom: 20px;

}
.alt1{
padding-top: 10px;
padding-bottom: 10px;

  }
.alt2{
padding-top: 20px;
padding-bottom: 20px;

}

.alttraining{
padding-top: 20px;
padding-bottom: 20px;

}


}*/





/*-----------------------------------------
          Make Space
-------------------------------------------*/
.make-space{
padding-top: 80px;
padding-bottom: 40px;

}
.make-space2{
padding-top: 20x;
padding-bottom: 20px;

}
.make-space3{
padding-top: 20px;
padding-bottom: 50px;

}



@media (max-width: 767px) {
  .make-space{
padding-top: 60px;
padding-bottom: 10px;

  }


}

/*-----------------------------------------
          Accordian
-------------------------------------------*/
.card{
  background: #FFFFFF;
  opacity: 0.7;
  border:0.5px;
  border-radius: 4px;
}
.card-header{

}


/*-----------------------------------------
         List Group
-------------------------------------------*/
.list-group{
  opacity: 0.9;
}

/*-----------------------------------------
          Accordian
-------------------------------------------
.panel-group .panel {
  border: 0;
  border-bottom: 1px solid #DDDDDD;
  box-shadow: none; }
.panel-group .panel-default > .panel-heading {
  background-color: #FFFFFF;
  border-color: #FFFFFF; }
.panel-group .panel {
  border-radius: 0; }
.panel-group .panel-title {
  font-size: 18px; }
.panel-group .panel-title a:hover, .panel-group .panel-title a:focus {
  text-decoration: none; }
.panel-group .gsdk-collapse {
  display: block;
  height: 0px;
  visibility: visible;
  overflow: hidden;
  transition: all 400ms; }
.panel-group .panel-title a:hover,
.panel-group .panel-title a:focus {
  color: #777777; }
.panel-group .panel-default > .panel-heading + .panel-collapse.gsdk-collapse > .panel-body {
  box-shadow: inset 0 7px 10px -7px rgba(0, 0, 0, 0.14); }*/
/*-----------------------------------------
          Show More Show Less
-------------------------------------------*/
   .more {
      display: none;
 }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      
      background: transparent url(down.gif) no-repeat left; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }

/*.Intro {
 
 top: 0;
 position: fixed;
 background-color: #f8f8f8;

 /*height: 40px;
 width: 100%;
}*/



/* --------------------------------
       Jumbotron Marketing Message
--------------------------------------*/





.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


.jumbotron-inside-box {
 min-height: 50px; 
 border: 2px;
 border-radius: 2px;
 width: 280px;
 vertical-align: center;
 
}



  
 .jumbotron{
    background-color: #777;  
    background: url("") no-repeat center center;
    text-align: left;
    padding-top: 70px;
    padding-bottom: 50px;
  
    
    position: relative;
    background-size: 100%;

  }




          .jumbotron-h1 {
        font-size: 3em;
        font-family: 'FontAwesome', sans-serif; 
        font-weight: 100;
        color: #333;
        margin-bottom: 0px;
    }

            .jumbotron-h2 {
        font-size: 1.75em;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #333;


        
    }


         .jumbotron-h3 {
        font-size: 1.5em;
        color: #ffffff;
        font-family: 'Raleway', sans-serif; 
        margin-top: 20px;
        font-weight: 300;


    }

         .jumbotron-p {
        font-size: 1.25em;
        color: #fff;
        font-family: 'Lato', sans-serif; 
        


    }

 

 @media (max-width: 1200px) {

  .jumbotron{
    background-color: #45C3D5;  
    background: url("") no-repeat center center;
    text-align: left;
    
    padding-bottom: 50px;
    
    
    min-height: 0px;
   
    position: relative;
    
    
    background-size: 100% 100%;

  }




          .jumbotron-h1 {
        font-size: 2.5em;
        font-family: 'FontAwesome', sans-serif; 
        font-weight: 100;
        color: #333;
        margin-bottom: 0px;
    }

            .jumbotron-h2 {
        font-size: 1.15em;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #333;


        
    }


         .jumbotron-h3 {
        font-size: 1.5em;
        color: #ffffff;
        font-family: 'Raleway', sans-serif; 
        margin-top: 20px;
        font-weight: 300;


    }

         .jumbotron-p {
        font-size: 1em;
        color: #fff;
        font-family: 'Lato', sans-serif; 
        font-weight: 300;


    }



 }

 @media (max-width: 992px) {

  .jumbotron{
    background-color: #45C3D5;  
    background: url("../images/Jumbotron_Image_992.jpg") no-repeat center center;
    text-align: left;
    
    padding-bottom: 50px;
   
    position: relative;
    
    background-size: 100%;

  }




   /       .jumbotron-h1 {
        font-size: 2em;
        font-family: 'FontAwesome', sans-serif; 
        font-weight: 100;
        color: #333;
        margin-bottom: 0px;
    }

            .jumbotron-h2 {
        font-size: 1.15em;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #333;


        
    }


         .jumbotron-h3 {
        font-size: 1.5em;
        color: #ffffff;
        font-family: 'Raleway', sans-serif; 
        margin-top: 20px;
        font-weight: 300;


    }

         .jumbotron-p {
        font-size: 1em;
        color: #fff;
        font-family: 'Lato', sans-serif; 
        font-weight: 300;


    }



 }
 @media (max-width: 767px) {

  .jumbotron{
    background-color: #45C3D5;  
    background: url("../images/Jumbotron_Image_767_2.jpg") no-repeat center center;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 0px;
    margin-top: 10px;
    position: relative;
    
    min-height: 250px;
    background-size: 100%  ;

  }




          .jumbotron-h1 {
        font-size: 1.5em;
        font-family: 'FontAwesome', sans-serif; 
        font-weight: 100;
        color: #333;
        margin-bottom: 0px;
    }

            .jumbotron-h2 {
        font-size: 1.15em;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #333;


        
    }


         .jumbotron-h3 {
        font-size: 1.5em;
        color: #ffffff;
        font-family: 'Raleway', sans-serif; 
        margin-top: 20px;
        font-weight: 300;


    }

         .jumbotron-p {
        font-size: 1em;
        color: #fff;
        font-family: 'Lato', sans-serif; 
        


    }



 }
/* Extra Small Devices, Phones */ 
  @media (max-width: 480px) {

  .jumbotron{
    background-color: #F6F5F2; 
    background: url("../images/Jumbotron_Image_480.jpg") no-repeat center center;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 20px;
    min-height: 0px;
    margin-top: 10px;
    position: relative;
    
    min-height: 200px;
    background-size: 100% 100%;

  }




        .jumbotron-h1 {
        font-size: 1.35em;
        font-family: 'FontAwesome', sans-serif; 
        font-weight: 100;
        color: #333;
        margin-bottom: 0px;
    }

        .jumbotron-h2 {
        font-size: 1.05em;
        font-family: 'Lato', sans-serif;
        font-weight: 300;
        color: #333;


        
    }


         .jumbotron-h3 {
        font-size: 1em;
        color: #ffffff;
        font-family: 'Raleway', sans-serif; 
        margin-top: 20px;
        font-weight: 300;


    }

         .jumbotron-p {
        font-size: 1em;
        color: #fff;
        font-family: 'Lato', sans-serif; 
        
        


    }



 }  */

.data-slide-to{
  position: bottom;
  padding: 10px;
}

    .text-success{
color: #ffffff;

    }

    .form-control{
      background-color: #F6F5F2;
      border: 0px;
      border-radius: 20px;
      
      font-family: 'Raleway', sans-serif; 
    }

        .form-control-lg{
      background-color: #F6F5F2;
      border: 0px;
      border-radius: 20px;
      /**min-width: 320px;**/
      width: 300px;
      font-family: 'Raleway', sans-serif; 
    }


.thumbnail{
/*background-color: #f8f8f8;*/
border-radius: 6px;
-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    2px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow:         2px 2px 2px 0px rgba(50, 50, 50, 0.1);

} 

/*---------------------------------
         Nav Bar Branding Logo 
------------------------------------*/

  /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {




 .navbar {
   background-color: #E8E74B;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}


.navbar-brand {
      height: 50px;
      width: 216px;

}


.nav a{

font-family: 'Raleway', sans-serif; 
    font-size: 12pt !important;
    color: #89b100;

    
    }
.nav li{
    /*padding-right:5px;
    /*padding-top: 15px;*/
   }

.nav-pills{
     /* border-style: solid;
    border-width: 5px;
  border-radius: 4px;

  border: #89b100;*/
}

.nav-item-2{
  padding-top: 7px;
  padding-left: 17px;
}    
    } 


 /* Extra Small Devices, Phones */     
  @media (max-width: 480px) {


.navbar {
  background-color: #E8E74B;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}


.navbar-brand {
      height: 50px;
      width: 216px;

}


.nav a{

font-family: 'Raleway', sans-serif; 
    font-size: 12pt !important;
    color: #89b100;

    
    }
.nav li{
    /*padding-right:5px;
    /*padding-top: 15px;*/
   }

.nav-pills{
     /* border-style: solid;
    border-width: 5px;
  border-radius: 4px;

  border: #89b100;*/
}

.nav-item-2{
  padding-top: 7px;
  padding-left: 17px;
}

  }



  /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

.navbar {

  background-color: rgba(0,0,0,0);

}

.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar.scrolled {
    background: rgb(232, 231, 75); //IE
    background: rgba(0, 0, 0, 0.78); //NON-IE
}

.navbar-brand {
  padding-right: 100px;
      height: 50px;
      width: 216px;

}


.nav a{

font-family: 'Raleway', sans-serif; 
    font-size: 12pt !important;
    color: #89b100;

    
    }

.nav-item-2{
  padding-top: 7px;
  padding-left: 17px;
}

    }





/* --------------------------------
       Footer
--------------------------------------*/

.footer{
    left: 0;
    bottom: 0;
    margin: 0px;
    [padding: 0px;
}




.contact-info{
 font-family: 'Raleway', sans-serif;
 color: #656565;
 font-size: 1.25em;
 padding-bottom: 5px;
 text-align: bottom;
}