@charset "utf-8";
/* CSS Document */
 /* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/Preloader_2.gif) center no-repeat #fff;
}


 .accordion_info {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border:rgba(109,129,142,1.00) 1px solid;
  border-radius:3px;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
}

.accordion_active_info, .accordion_info:hover {
  background-color: #ccc;
}

.accordion_info:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion_active_info:after {
  content: "\2212";
}

.accordion_panel {
  padding:18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
    
.active{
	background-color:#D3D8DF !important;
	color:#0D2039 !important;
	border-radius:5px;
 	border:rgba(235,7,10,1.00)  solid 2px;
	}
 
.containerx {
  position: relative;
  width: 100%;
}
.containerx:hover {
  opacity: 0.5;
}

.containerx:hover .middlex {
  opacity: 1;
}
 .img-entrance{
  opacity: 2;
  transition: .5s ease-in;
  transition-delay:.1s;
  }
 
.middlex {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.textx {
  background-color:rgba(0,0,0,0.54);
  color: white ;
  font-size: 30px;
  padding: 16px;
  border-radius:10%;
}



.playingx {
  background: url(img/audiospec.gif) center no-repeat;
  padding:10px 0;
  width:100%;
  height:0;
  display:block;
  position:relative;
 }
 

 
 .fa{padding:5px; color:#ffffff;}

.fa:hover {
    opacity: 0.7;
  
}

.fa-facebook {
  background: #3B5998;
 
 }

.fa-twitter {
  background: #55ACEE;
 }

.fa-google {
  background: #dd4b39;
 }

.fa-linkedin {
  background: #007bb5;
 }

.fa-youtube {
  background: #bb0000;
 }

.fa-instagram {
  background:#790044;
 }

.fa-pinterest {
  background: #cb2027;
 }
  

.fa-tumblr {
  background: #2c4762;
 }
  
 
.fa-stumbleupon {
  background: #eb4924;
 }
   

.fa-reddit {
  background: #ff5700;
 }

 .fa-envelope {
  background: #ff5700;
 }
 
 .fa-whatsapp {
  background:#40D55F;
 }
 
.fa-print{
  background: #ff5700;
   }
 
  .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding:0px;
 }
 
 
 .shortdiv{
  padding: 5px 0 0 0;
  width:auto;
   background:linear-gradient(to right, #6086A8 70%, #E51013 30%);
 }