html, body { height:100%;  }

.center { text-align:center;	}
.shadow { box-shadow:2px 2px 5px grey; }
.bgsection { background-color:white }
.titleblue { background-color:white !important; color:#02306D !important; border-bottom:5px solid #02306D !important; font-size:20px; font-weight:700}
.titleorange { background-color:white !important; color:orangered !important; border-bottom:5px solid orangered !important; font-size:20px; font-weight:700}
.titlegreen { background-color:white !important; color:darkgreen !important; border-bottom:5px solid darkgreen !important; font-size:20px; font-weight:700}
.titlered { background-color:white !important; color:darkred !important; border-bottom:5px solid darkred !important; font-size:20px; font-weight:700}

.tagblue { background-color:cadetblue !important; min-width:35%; color:white !important; padding:0px 4px 0px 4px; margin:2px; font-weight:700; position:absolute; border:1px solid #a0a0a0; font-variant:small-caps; }
.taggreen { background-color:forestgreen !important; min-width:35%; color:white !important; padding:0px 4px 0px 4px; margin:2px; font-weight:700; position:absolute; border:1px solid #a0a0a0; font-variant:small-caps; }
.tagviolet { background-color:darkslateblue !important; min-width:35%; color:white !important; padding:0px 4px 0px 4px; margin:2px; font-weight:700; position:absolute; border:1px solid #a0a0a0; font-variant:small-caps; }
.tagred { background-color:darkred !important; min-width:35%; color:white !important; padding:0px 4px 0px 4px; margin:2px; font-weight:700; position:absolute; border:1px solid #a0a0a0; font-variant:small-caps; }
.tagyellow { background-color:goldenrod !important; min-width:35%; color:white !important; padding:0px 4px 0px 4px; margin:2px; font-weight:700; position:absolute; border:1px solid #a0a0a0; font-variant:small-caps; }

a:hover { color:darkblue; text-decoration:none }
a:visited { text-decoration:none }
a:active { color:orange; text-decoration:none }
.link { color:black; text-decoration:none }

.hidden { display:none }

.nopadding { padding:0px !important }
.padding { padding:2px !important }
.padding2 { padding:2px !important }
.padding5 { padding:5px !important }

.blue-white { background-color:#02306D !important; color:white !Important }
.white-blue { background-color:white !important; color:black !Important }
.gray-blue { background-color:#e8e8e8 !important; color:#02306D !Important }

.margin-bottom-10 { margin-bottom:10px }
.margin-bottom-15 { margin-bottom:15px }
.margin-bottom-20 { margin-bottom:20px }

.section { margin-bottom:20px }
.title { padding:10px }

.font-small { font-size:10px }
.font-medium { font-size:14px }
.font-big { font-size:18px }
.font-huge { font-size:21px; padding:15px 5px 15px 5px }

/*.img-little { width:100%; min-height:130px; max-height:130px; height:130px }*/
.img-little { width:100% }
.img1 { height:auto !important; min-height:110px}

.caption { 
  display: block !important; 
  position: relative !important;
}
.caption span { 
  background: #000; 
  background: rgba(0,0,0,0.6); 
  color: white !important; 
  display: block; 
  padding: 15px 10px !important; 
  text-align: left; 
  position: absolute !important;
  bottom: 0 !important; 
  left: 0 !important; 
  /*min-height:30%;*/
  max-height:40%;
  width: 100%
}
.caption span big {
  font-weight: bold; 
}

.dw_divtable_title { font-size:22px; font-weight:normal }
.dw_divtable_full { width:100% !important }
.dw_tableheader { vertical-align:top; height:25px; padding-left:2px; padding-right:2px; position:relative;background-color:#02306D;overflow:hidden;color: white; }
.dw_trnoborder { vertical-align:top; padding:0px; margin:0px; }
.dw_tablecell { padding:2px }
.trnoborder { vertical-align:top; padding:0px; margin:0px; }

.fa-tag { padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-eye { padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-floppy-o  { padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-trash-o  { padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-facebook { background: #3B5998; color: white; padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-twitter { background: #55ACEE; color: white; padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-youtube { background: #bb0000; color: white; padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-instagram { background: #125688; color: white; padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	
.fa-flickr { background: #125688; color: white; padding: 5px; font-size: 20px; width: 40px; text-align: center; text-decoration: none; margin: 1px 1px; }	


/************* LOADER **************/
#loaderball {
    position:relative;
    top: -5%;
    left: 50%;
    width:4em;
    height:4em;
    margin-top: 1em;  /*set to a negative number 1/2 of your height*/
    margin-left: -2em; /*set to a negative number 1/2 of your width*/
	
	z-index: 99999;
	border: 7px solid gray;
	border-radius: 50%;
	border-top: 7px solid orange;	
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;	
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 766px) {
	/*.newslittle #artbody { height: 130px; }*/
	#accreditation_body { height:auto !important }
	#accreditation_body img { height:auto !important }
	#title { font-size:16px !Important}
	#author { font-size:13px !Important }
	#extranews_body img { height:300px }
}

.modal-backdrop { opacity:0.8 !important }
.modal-header { background-color:black; color:white; border-bottom:0px solid !important }
.modal-body { background-color:black; }
.close { font-size:30px; color:white; }

.panel-primary { border-color:#c0c0c0}
.panel-footer { background-color:inherit}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  z-index:999;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 50px;
}

.carousel-control.left { background-image:unset }
.carousel-control.right { background-image:unset }
.carousel-indicators { top:0px } 

#vdCarousel2 .carousel-inner .item.left.active {
  transform: translateX(-50%);
}
#vdCarousel2 .carousel-inner .item.right.active {
  transform: translateX(50%);
}

#vdCarousel2 .carousel-inner .item.next {
  transform: translateX(50%)
}
#vdCarousel2 .carousel-inner .item.prev {
  transform: translateX(-50%)
}

#vdCarousel2 .carousel-inner .item.right,
#vdCarousel2 .carousel-inner .item.left { 
  transform: translateX(0);
}