@charset "utf-8";
/* CSS Document */
body { 
  background: url(images/bg2.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#ccb82d;
 
}
h5{
	font-size:18px;
}
.full-screen {
  /*background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
  height: 50%; 
}
.carousel, 
.carousel-inner, 
.carousel-inner .item{
  width:100% !important;
  max-height: 600px !important;
}
.carousel-caption {
    top: 15%;
    bottom: auto;
	max-width: 100%;
    width:100%;
	left: 0;
	text-shadow:none;
	
}
.navbar-default .navbar-header{
	@media (min-width: 768px);
	min-width: 992px !important;
}
.navbar {
    position: relative;
  /*  min-height: 180px;*/
    margin-bottom: 0px;
	/*background-image:url(images/pattern-89ds.jpg);*/
	font-size:16px;
	border:hidden;
	background-color:#2a2c79cc;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#009 !important;
}
.navbar:after {
  /*background: linear-gradient(to right, #bcbcbc 25%,#ffcd02 25%, #ffcd02 50%, #e84f47 50%, #e84f47 75%, #65c1ac 75%);*/
  border-bottom: 8px solid;
  border-image:   linear-gradient(to right, #ccb82d 15%, #2a2c79 35%,#ccb82d 60%, #f7941e 80%, #ed1c24 100%) 8;
  width:100%;
}
.band{
	background-color:#2a2c79cc;
	 width:100%;
	 color:#FFF;
	 font-size:20px;
	 padding:10px;
	 }
	 .band1{
	 background-color:#FFFFFF ;
	 width:100%;
	 color:#000000;
	 font-size:20px;
	 padding:10px;
	 }
.navbar-collapse {
	/*margin-top: 80px;*/
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav> li > a:hover{
    color:#ccb82d !important;
    text-decoration: none;
font-weight: bold;
border-radius:0px;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #f7941e;
   
  background-color: transparent !important;
    display:block;

}
 .dropdown-toggle:active, .open .dropdown-toggle {
        border-bottom-style: solid;
border-bottom-color: #f7941e !important;
        color:#ccb82d !important;
		 background-color: transparent !important;
		
    }
.dropdown-menu > li > a:hover,
.dropdown-menu > li  {
   color: #ccb82d !important;
   border-bottom: 1px solid #f7941e !important;
   font-weight: bold;  
}
.dropdown-menu > li > a{
	color: #ccb82d !important;
	font-size:14px;
	
}
	
.navbar-inverse .navbar-nav> li > a{
    color:#FFF ;
}
.linestyle{
	width: 100%;
	 height: 30px; 
	 border-bottom: 1px solid #f7941e;
	  text-align: center;
	   color:#f7941e;
}
.starstyle
{font-size: 40px;
background-color:#fcfcfccc;}

.glyphicon.glyphicon-user,
.glyphicon.glyphicon-envelope,
.glyphicon.glyphicon-map-marker{
    font-size: 40px;
}

	

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus{
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
	padding:10px;
	
	color: #FFF;
	
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-weight:bold;
	font-size:18px;

}

h3{
	/*background-color:#FC0;*/
	text-align:center;
	color:#ccb82d;
	font-size:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	
	margin: 0px;
	/*padding:5px;*/
}
h4{
	/*background-color:#FC0;*/
	text-align:left;
	color:#ccb82d;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	
	padding:5px;
}
/*h3 {
  margin: 0px;
  position: relative;
 
  user-select: none;
  outline:none !important;
  width:100%;
}*/

h3:active {

  outline:none;
}
h3.ribbon {
  
  /*outline:none;
  outline-color: transparent;*/
}
h3.ribbon:before, h3.ribbon:after {
  top: 8px;
  z-index: -15;
}
h3.ribbon:before {
  border-color: #FC0 #FC0 #FC0 transparent;
  left: -25px;
  border-width: 20px;
}
h3.ribbon:after {
  border-color: #FC0 transparent #FC0 #FC0;
  right: -25px;
  border-width: 20px;
}

h3:before, h3:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 0;
  outline:none;
}
p{
	line-height: 180%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	text-align:justify;
	text-justify:inter-word;
	color:#2a2c79;	
}
table.table.table-striped tr.found td {
    	background-color:#f2ecc0;
		color:#2a2c79;
    }
	table.table.table-striped tr.foundnot td {
    	background-color:#fcd3a3;
		color:#2a2c79;
    }
td{
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size:16px;
	padding:20px;
	color:#2a2c79;
	font-weight: bold;
}
th{
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight: bold;
	
	padding:20px;
	text-align:center;
	border-bottom:#FC0;
	border-bottom-width:thick;
	color: #FFF;
	background-color:#2a2c79;
}

.wordstyle
{
	line-height: 180%;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size:16px;
	/*text-align:justify;
	text-justify:inter-word;*/
	color:#2a2c79;
}
.wordslist
{
	line-height: 180%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	
	
	color:#2a2c79;
}
.wordslist2
{
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	
	
	color:#2a2c79;
}
.cards
{
	box-shadow: 0 4px 4px 3px rgba(0, 0, 0, 0.2), 0 4px 4px 3px rgba(0, 0, 0, 0.2);
	background-color:#f1fdff;
	padding:30px;
	
}
.smallcards
{
	box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2), 0 2px 2px 1px rgba(0, 0, 0, 0.2);
	background-color:#FFF;	
	
}
.smallcards2
{
	box-shadow: 5px 5px 3px 2px #ccb82d, 5px 5px 3px 2px #ccb82d;
	background-color:#ECF4FFE6;	
	
}

.gap
{
	padding:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	font-style:italic;
}
a{
	text-decoration:none !important;
}
#talkbubble { width: 120px; height: 80px; background:#ec008c; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #talkbubble:before { content:""; position: absolute; right: 100%; top: 26px; width: 0; height: 0; border-top: 13px solid transparent; border-right: 26px solid #ec008c; border-bottom: 13px solid transparent; }
#flag { width: 110px; height: 56px; padding-top: 15px; position: relative; background: #FC0; color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; text-transform: uppercase; } #flag:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 13px solid #eee; border-left: 55px solid transparent; border-right: 55px solid transparent; } 


text{
	text-justify:inter-word;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
}
.avatar {
	border:2px solid #ccb82d;
   /* width:128px;*/
   /* margin: 0px;
    
    border-radius: 800px;
    -webkit-border-radius: 800px;
    -moz-border-radius: 800px;*/
}
.img-rounded{
	border:2px solid #f7941e;
}
.item {
 /* position: relative;
  
  border: 1px solid #333;
  margin: 2%;
  overflow: hidden;
  width: 540px;*/
}
.item img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
hr {
    border: 0.5px solid #999;
   
}
.blink_me {
  animation: blinker 1s linear infinite;
  color:#000;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
.scrollToTop{
	background-color: #006;
	/*width:100px; 
	height:130px;*/
	padding:10px;
	border-radius:30px;
	/*text-align:center; 
	background:blue;
	font-weight: bold;
	color: blue;
	text-decoration: none;*/
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	color: #FFF;
	/*background: url(images/arrow-up-c-u86047.png) no-repeat 0px 20px;*/
}
.scrollToTop:hover{
	color:#0CF;
}





/* Style the tab */
.tab {
    float: left;
    /*border: 1px solid #ccc;*/
    background-color: #f1f1f1;
    width: 30%;
    height: 600px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color:#000 !important;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color:#fff;
	
	
	
}

/* Style the tab content */
.tabcontent1 {
    float: left;
    padding: 0px 12px;
    /*border: 1px solid #ccc;*/
    width: 70%;
    border-left: none;
    height: 600px;
	background-color:#FFF;
}
.tabcontent2 {
    float: left;
    padding: 0px 12px;
   /* border: 1px solid #ccc;*/
    width: 70%;
    border-left: none;
    height: 600px;
	background-color:#FFF;
}

.tabcontent3 {
    float: left;
    padding: 0px 12px;
  /*  border: 1px solid #ccc;*/
    width: 70%;
    border-left: none;
    height: 600px;
	background-color:#FFF;
	border:none;
}

.nav-tabs{
	border:none;
}

.nav-tabs > li > a{
  border: none;
  
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  background-color: #fff  !important;
    border: medium none;
    border-radius: 0;
    color:#ccb82d;
}



/* quick reset and base styles */
/** {
  margin: 0;
  padding: 0;
  border: 0;
}*/


/* relevant styles */
.img__wrap {
  position: relative;
  height: 200px;
  width: 175px;
}

.img__description_layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(236, 0, 140, 0.6);
  color: #fff !important;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  /* transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description_layer {
  visibility: visible;
  opacity: 1;
}

.img__description {
  transition: .2s;
  transform: translateY(1em);
}

.img__wrap:hover .img__description {
  transform: translateY(0);
}
.modal-backdrop.in {
	opacity: 1;
}
	
