/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	position: static !important;
	top:0px !important;
}

textarea { resize: vertical; }



.wordwrap {  
  white-space: pre-wrap; 
}

iframe.goog-te-banner-frame{ display: none !important;}

#google_translate_element select { }
#google_translate_element div { border: none!important; margin-top: 7px; margin-left: 4px; margin-right: 7px}
#google_translate_element span { font-size: 8pt; color: #303A3E; font-family: 'Roboto Condensed', sans-serif; }
#google_translate_element span a{ text-decoration: none !important;}
#google_translate_element span:hover{ color: #A0191E !important}

#google_translate_element img { }


.main-thumb{
	
	border: 0pt;
	padding: 0!important;
	position:relative;
    overflow:hidden;
	margin-right: 0!important;
	margin-left: 0!important;
	margin-bottom: 0!important;
	border-radius: 0px;
	width: 100%; 
    height: 500px;
	
}

.main-thumb>img{
	margin-right:0!important;
	margin-left:0!important;
}

.main-thumb img{
    display: block;
	min-height: 500px;
}


.main-thumb-caption{
	position:absolute;
    bottom:0;
    right:0;
    background:rgba(160, 30, 33, 0.75)!important;
    width:100%;
    height:50px;
	max-height: inherit;
    padding:2%;
    text-align:center;
    color:#FFFFFF !important;
    z-index:2;
	overflow: visible;
	
}

.main-thumb-caption h3{
	
	margin-top: 5px!important;
	font-size: 15pt;
	
}

#filter-btn{
	max-width: 220px;
	word-wrap:break-word;
}

#filter-menu{
		max-width: 350px;
		max-height: 600px;
		margin-left: 0;
	    overflow-y: scroll;
		
	}
	
.gal-filter-option {
	word-wrap: break-word!important;
    white-space: normal!important;
}



.galthumb-caption {
    position:absolute;
    bottom:0;
    right:0;
    background:rgba(255, 255, 255, 0.75)!important;
    width:100%;
    height:50px;
	max-height: inherit;
    padding:2%;
    text-align:center;
    color:#A0191E !important;
    z-index:2;
	overflow: visible;
}
.galthumb-caption h4 {
font-size: 10pt!important;
}
.galthumb-caption-full {
	position:absolute;
    bottom:0;
    right:0;
    background:rgba(160, 30, 33, 0.75)!important;
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
	text-decoration: none !important;
}

.galthumb-caption-full h4{
	margin-top: 30% !important;
	font-size: 14pt!important;
	font-weight: 400 bold;
}


.gal-thumbnail{
	position:relative;
	border: 2pt solid #E6F4FF;
	padding: 0!important;
	width: 100%; 
    height: 220px;
    overflow: hidden;
}

.gal-thumbnail:hover {
	border: 2pt solid #A0191E!important;
}


.gal-thumbnail img{
    display: block;
	min-height: 220px;
}

.activ {
	border: 2pt solid #A0191E;
}

.gdc-header{
	margin-top: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400; color: #000;
	text-transform: uppercase;
}

.delete{
 color: #ED395B;	
}

.btn-gdc-home {
	font-size: 16pt;
	background: #FFFFFF;
	color: #000000;
	border: 2pt solid #000000;
	margin-bottom: 10px;
	padding-top: 65px;
	padding-bottom: 60px;
	min-height: 260px; 
}

.btn-gdc-home .glyphicon {
	font-size: 40pt;
}

.btn-gdc-home p{
	
white-space:normal !important;
    word-wrap: break-word; 
	text-transform: uppercase;
}

.btn-submit-gdc {
	background: #000000;
	border: 2pt solid #D6FF30;
}

.btn-submit-gdc:hover {
	color: #FFFFFF;
	background: #A5AEBC;
	border-color: #D6FF30;
}

.btn-gdc-home:hover {
	color: #FFFFFF;
	background: #A5AEBC;
	border-color: #D6FF30;
}

.navbar-gdc {text-transform: uppercase; background-color:rgba(255,255,255,1);
	border-bottom: 4pt solid #D6FF30;}
.navbar-gdc .navbar-text{color:#303A3E}
.navbar-gdc .navbar-nav>li>a{color:#303A3E}

.navbar-gdc .navbar-nav>li>a:focus,.navbar-gdc .navbar-nav>li>a:hover{color:#A5AEBC;background-color:transparent}

.navbar-gdc .navbar-toggle,
.navbar-gdc .nav .open>a, .navbar-gdc .nav .open>a:hover, .navbar-gdc .nav .open>a:focus {
   background-color:#A5AEBC;
}


.fb-like{
	padding-top: 14px;
}

.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

.custom-bullet li {
    display: block;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 10px;
    float: left;
    margin-top: 1px;
    margin-left: -17px;
    color: #27BDBE;
}



/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block!important;
  width: 100%!important;
  height: auto!important;
}


#gal_sets_mobile_msg{
	
		display: none;
		
	}

/* Begin of Media Query */

@media (max-width:768px){
	
	.main-thumb{
	
		height: 200px;
		
	}
	
	.main-thumb img{
		min-height: 200px;
	}
	
	.main-thumb-caption h3{
	
	margin-top: 10px!important;
	font-size: 14pt;
	
	
}
	
	
	#filter-btn{
	max-width: 200px;
}
	#filter-menu{
		max-width: 200px;
		max-height: 250px;
		overflow-y: scroll;
		margin-left: 0;
	}
	
	.gal-filter-option {
	word-wrap: break-word!important;
    white-space: normal!important;
}

#google_translate_element div { margin-top: 0px; margin-left: 6px; margin-bottom: 6px;}
#google_translate_element span { font-size: 10pt;}

	
	.bg-banner{
		
		text-align: center;
	}
	
	.bg-banner h3 {
		font-size: 14pt !important;
	}
	
	.bg-banner h1 {
		font-size: 20pt !important;
	}
	
	
	

	.navbar-brand{
		margin-left: 20px;
	}
	
	.gdc-header{
			font-size: 20pt;
		
	}
	
	
	.btn-gdc-home {
		font-size: 40pt;
		min-height: 100px;
		padding-top: 25px;
	 	padding-bottom: 25px;
	}	
	
	.btn-gdc-home-txt {
		display: none;
	}
	
	#gal_sets{
		display: none;
	}
	
	#gal_sets_mobile_msg{
	
		display: inherit;
		
	}
	

	.fb-like{
	padding-top: 20px;
	padding-left: 14px;
	padding-bottom: 20px;
}
	
	.thumbnail .caption{
	text-align: center;
	}
	
	.thumbnail .caption h3{
	font-size: 10pt !important;	
	}
	
}


@media (min-width: 769px) {
 
	
.gal-caption{left:0%; right: 0%; padding-top:5px; padding-bottom:5px}
	
	
}






/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.bg-banner {
	margin-top: 0px;
	padding-right:15%;
	padding-left:15%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right:auto;
	margin-left:auto;
	width: 100%;
	height: auto;
}

footer {
    padding: 25px;
	text-align: center;
}

.loader {
  border: 16px solid #000000;
  border-radius: 50%;
  border-top: 16px solid #D6FF30;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 0 auto;
	
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.loader-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	position:relative;
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.img-selected {
	border: 4pt solid #FF0004;
}

.gal-caption {
	position:absolute; background-color: rgba(0,0,0,0.8); color: #FFFFFF; right:0%;bottom:0px; left: 0%; z-index:10;padding-top:5px;padding-bottom:5px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0)
}


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  left: 50%;
  margin: 0 auto;	
	margin-left: -30px;
	margin-top: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}