html,
body,
main {
  height: 100%;
}

::-moz-selection {
  background: #34495e;
  color: #fff;
}

::selection {
  background: #34495e;
  color: #fff;
}




.jumbotron {
  padding-top: 150px;
  padding-bottom: 150px;
  margin-bottom: 0;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.photo-cover {
  background: #34495e url(cover-jumbo.jpg) no-repeat center center/cover;
  height: 100%;
  width:100%;
  position: relative;
}

.background-primary {
  background: #34495e;
}

.background-secondary {
  background: #2c3e50;
}



.large {
  font-size: 4em;
}

.medium {
  font-size: 2em;
}

/* Header */
.transparent {
  background: transparent;
}

.navbar-inverse {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;

}



.thumbnail {
  cursor: pointer;
  position: relative;
}

.thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #A49600;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.thumbnail:hover .thumbnail-overlay {
  opacity: 1;
	
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.full-screen {
  background: #000000;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  overflow-y:scroll;
}



.fui-triangle-down{
	color:#A49600;
	
	
}


/* music*/
#music{
	background-color: #2c3e50;
	
}


#empty{
	
	
}

/* gallery*/
.close-window {
  cursor: pointer;
}
.gallery{
    margin-top: 100px;
}
.gallery-item{
	margin-bottom: 30px;
}
.modal-footer{
	text-align: center;
}
.pagination{
	margin: 0;
}




* { box-sizing: border-box; }

/* force scrollbar */
html { overflow-y: scroll; }

body { font-family: sans-serif; }

/* ---- grid ---- */

.grid {
  background: #DDD;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}




/**/
/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/* quote carousel*/
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/* carousel media query*/


/* Small devices (Iphone potrait & landscape, 768px and up) */
@media (min-width: 375px) and (max-width: 667px) { 
   
	.col-md-12{
		margin-top:75%;
		
	}

	.navbar-inverse {
		
		background-color:  #34495e;
	}
	
	.photo-cover {
  background: #34495e url(cover-jumbo.jpg) no-repeat center center/cover;
  height: 100%;
  width:100%;	
  position: relative;
}
	
	
	
	
}

/* Small devices (Iphone landscape, 768px and up) */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

	.col-md-12{
		margin-top:75%;
		
	}

	.navbar-inverse {
		
		background-color:  #34495e;
	}
	
	.photo-cover {
  background: #34495e url(cover-jumbo.jpg) no-repeat center center/cover;
  height: 100%;
  width:100%;
  margin-top:49px;		
  position: relative;
}
	
	
	
	
}





/* Small devices (tablets,Ipad) */
@media (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { 
    
	.photo-cover {
  background: #34495e url(cover-jumbo.jpg) no-repeat center center/cover ;
  height: 100%;
  width:100%;
		
  position:relative;
}

	
	.col-md-12{
		margin-top:18%;
		
	}
	
	
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
     #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
	
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

/* Styles for Desktops 15" */
@media screen and (min-width: 1025px) and (max-width: 1640px) {

		.photo-cover {
  background: #34495e url(cover-jumbo2.jpg) no-repeat center center/cover;
  height: 100%;
  width:100%;
  position: relative;
}

   
 }