/**NAV**/

.navbar {
  background-color: #03274b;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #fff0db;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #fff0db;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #fff0db; 
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #fff0db;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #fff0db;
  background-color: #a52a2a;
}
.navbar .navbar-toggle {
  border-color: #a52a2a;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #a52a2a;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
  color:#ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #fff0db;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #fff0db;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #fff0db;
    background-color: #a52a2a;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #fff0db;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #fff0db;
    background-color: #a52a2a;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #fff0db;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #fff0db;
    background-color: #a52a2a;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #fff0db;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #fff0db;
    background-color: #a52a2a;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #fff0db;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #fff0db;
  background-color: #a52a2a;
}
/**NAV**/








.myMenus
{
    color:floralwhite;
    font-size: 8px;
}


.za
{
    color:aliceblue;
}

/*Animation Elements*/
@keyframes FadeIn {from {opacity: 0;} to {opacity: 1;}}
@-webkit-keyframes FadeIn {from {opacity: 0;} to {opacity: 1;}}
@-moz-keyframes FadeIn {from {opacity: 0;} to {opacity: 1;}}
.fade-in
{
opacity: 0;
animation: FadeIn ease-in 1;
-webkit-animation: FadeIn ease-in 1;
-moz-animation: FadeIn ease-in 1;
    
animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;

animation-duration: 2s;
  -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
}

/**FadeOut**/
@keyframes FadeOut {from {opacity: 1;} to {opacity: 0;}}
@-webkit-keyframes FadeOut {from {opacity: 1;} to {opacity: 0;}}
@-moz-keyframes FadeOut {from {opacity: 1;} to {opacity: 0;}}
.fade-out
{
opacity: 1; /**starting the item in visible **/
animation: FadeOut ease-in 1;
-webkit-animation: FadeOut ease-in 1;
-moz-animation: FadeOut ease-in 1;
    
animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;

animation-duration: 2s;
  -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
}
/**Background image**/
/**#bg
{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}**/
/**#bg img
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 5%;
}**/
body
{
	background-color:aliceblue;
}
.Me
{
     
    font-size: 14px;
	color:#ffffff;
}
/**a.navbar-brand
{
    height: 70px;
    width: 150px;
    margin-top: 0;
    position: relative;
    padding: 0;
}**/

.bo
{
    
    position: relative;
    margin-bottom: 0;
}
.bar
{

    position: absolute;
    align-content: center;
}


.service
{
    position: relative;
    background-color:alceblue;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	left:0;
	
}
.service strong
{
    color: brown;
	font-size:20px;
	
}

.container >.my-line
{
	align-content:flex-start;	  
}
  
.hr-line {
    width: 9.5vw;
    position: relative;
    border-bottom: 1px solid #03274B;
    color: brown;
  }
.hr-line strong
{
  color: black;
  font-family: cursive;
}
/**Animation of Logo
img#loading
{
	border-radius: 3em;
	box-shadow: 2px 1px 1px 1px  #F9F5F6 inset;
	margin-top:10px;
}**/

.slider-font p strong
{
	font-size:7vw;
	color:#ffffff;
}
.slider-font p
{
	font-size:2vw;
	color:#ffffff;
}
.bck p
{
	color: brown;
	text-align:center;
	font-size:1.7vw;
		
}
.bg
{
	background-image:url(../Img/Background/bg01.png);
	width:100%;	
}


.clear
{
	clear: both;
	
	}

.fff
{
	height:16vw;
	
	}



/*###########################*/


<style>
.box {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.box img {
  position: absolute;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  width:337px;
}

.box .overbox {
  background-color: #304562;
  position: absolute;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width:340px;
  height:205px; 
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
  text-align:center;
}

.box .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}
</style>
/**Qute**/

/**Counter**/
#shiva,#shiva1,#shiva2,#shiva3
{
  width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.count
{
	color:#304562;;
	font-size:36px;	
}



/**Icons**/
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	
}

.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
	background-color: #F3B2B3;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wdth
{
	width:83%;}
.news
{
	width: 98%;
	background-color:aliceblue;}
.footer-links p a
{
	color: white;}