/* Add here all your css styles (customizations) */

@media (min-width: 1150px) {
   .homebox{position: absolute;  margin: -88px auto 0px 15%; ; z-index: 9999; background: rgba(255,255,255,0.5); padding: 15px 10px 8px 10px; width: 75%;  }
 
}
@media (min-width: 1001px) and (max-width: 1149px) {
   .homebox{position: absolute;  margin: -88px auto 0px 10%; ; z-index: 9999; background: rgba(255,255,255,0.5); padding: 15px 10px 8px 10px; width: 85%;  }
 
}
@media (min-width: 768px) and (max-width: 1000px) {
   .homebox{position: absolute;  margin: -88px auto 0px 0%; ; z-index: 9999; background: rgba(255,255,255,0.5); padding: 15px 10px 8px 10px; width: 100%;  }
 
}


.homebox ul{ text-align: center;}
.homebox ul li .popoverss li a{ color: #008bdd; font-size: 15px;}
.homebox ul li .popoverss li:hover a{color: #fff;}
.homebox li {
  
 
  text-decoration: none;
  border: 2px solid #008bdd;
  padding: 4px 15px;
  min-width: 200px;
  font-size: 15px;
  background: rgba(255,255,255,0.8);
  line-height: 3;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.popoverss li:hover{background:rgba(0, 139, 221,0.8); border: 2px solid #008bdd; color: #fff;}
.popoverss li:hover a{color: #fff;}
.homebox li a{ color: #008bdd;}
.homebox li a i{font-size: 18px;}

.homebox li:hover a{color: #fff;}
.homebox li .popoverss {
    display:none;
   
}
.homebox li:hover .popoverss {
   display:block;
   position: absolute;
   z-index: 9999;
   bottom:65px;
   margin-left: -1.7%;
 
}
#menu-1 h2.text-white{color: #fff;}

.window-icon{content: url(../img/icons/door.png); width: 15px; height: 15px;}
.door-icon{content: url(../img/icons/window.png); width: 15px; height: 15px;}
.boex_para p{font-size: 14px; text-align: justify;}
.boex_para h3{margin-top: 20px; color:#0087af; }
.star-vote a,  ul.latest-list li h3{ color:#0087af; }
.links li{font-size: 15px; color: #333; font-weight: 600;}



.vision{border-left: #ddd 3px solid; padding-left: 20px; line-height: 30px; text-align: justify;}



/**************************************************/

  .cd-intro {
  position: relative;
  height: 100vh;
  width: 100%;
  /* vertically align its content */
  display: table;
  background:transparent;
  overflow: hidden;
}

.cd-intro-content {
  /* vertically align inside its parent */
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 5%;
  background: #2e416a;

}
.cd-intro-content h1 {
  
  font-size: 2rem;
  color: #ffffff;
 
  text-transform: uppercase;
}
.cd-intro-content p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 1em 0;
  color: #fff;
}
.cd-intro-content .action-wrapper {
  display: inline-block;
}
.cd-intro-content .action-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.cd-intro-content .action-wrapper > * {
  float: left;
}
@media only screen and (min-width: 768px) {
  .cd-intro-content h1 {
    font-size: 3rem;
    font-weight: 300;
  }
  .cd-intro-content p {
    font-size: 2rem;
    margin: 1.5em 0 1.9em;
  }
}

.cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  font-size: 1.3rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #202e4a;
  border-radius: .25em;
  margin-right: 1.5em;
}
.cd-btn:nth-of-type(2) {
  margin-right: 0;
}
.cd-btn.main-action {
  background-color: #fb5e58;
}
@media only screen and (min-width: 480px) {
  .cd-btn {
    padding: 1.2em 1.6em;
  }
}
@media only screen and (min-width: 768px) {
  .cd-btn {
    padding: 1.4em 1.8em;
  }
}

.cd-intro-content h1,
.cd-intro-content h1 span,
.cd-intro-content p,
.cd-intro-content .cd-btn {
  opacity: 0;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .cd-intro-content h1, .no-cssanimations
.cd-intro-content h1 span, .no-cssanimations
.cd-intro-content p, .no-cssanimations
.cd-intro-content .cd-btn {
  opacity: 1;
}

.cd-intro-content h1,
.cd-intro-content p,
.cd-intro-content .cd-btn {
  opacity: 0;
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
}
 
.scale.cd-intro-content * {
  /* overwrite default style */
  opacity: 1;
}

.scale.cd-intro-content {
  /* overwrite default style */
  background-color: transparent;
  /* Force hardware acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: cd-scale-in 0.6s 0.3s both;
  -moz-animation: cd-scale-in 0.6s 0.3s both;
  animation: cd-scale-in 0.6s 0.3s both;
}

@-webkit-keyframes cd-scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-scale-in {
  0% {
    opacity: 0;
    -moz-transform: scale(3);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes cd-scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
      
      
      
.sp-circle-link {
	position: absolute;
	left: 50%;
	bottom: 20%;
	margin-left: -50px;
	text-align: center;
	line-height: 100px;
	width: 100px;
	height: 100px;
	background: #1da1f2;
	color: #fff;
	font-size: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: fadeInRotate 1s linear 1s backwards;
	-moz-animation: fadeInRotate 1s linear 1s backwards;
	-ms-animation: fadeInRotate 1s linear 1s backwards;
	animation: fadeInRotate 1s linear 1s backwards;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.sp-circle-link:hover {
	background: #fff;
	color: #1da1f2;
}
@-webkit-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-webkit-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}
      
@-moz-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-moz-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-moz-transform: scale(1) rotate(0deg);
	}
}
      
@keyframes fadeInRotate{
	0%{
		opacity: 0;
		transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}

.mt10{margin-top: 10px; margin-bottom: 10px;}