@charset "utf-8";
/* CSS Document */

body
{
	width:100%;
	padding:0;
	margin:0;
	
	font-family: 'Ubuntu', sans-serif;
	background-size:cover;
	
}
section
{
	width:100%;
}
/*style of header*/
header
{
	width:100%;	
}
.navstyle
{
	height:190px;
	background-color:transparent;
	border:none;
	border-radius:0;
}
.navstyle .navbar-nav>li>a
{
	color:#fff;
	font-size:20px;
	font-family: 'Ubuntu', sans-serif;
}
.navstyle .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
{
	color:#76c1e1;
	border-bottom:1px solid #76c1e1;
	background-color:transparent;
}
.navstyle .navbar-right
{
	margin-top:62px;
}

/*ending of header*/


/*spacing css*/
.PD-LR-0
{
	padding-left:0;
	padding-right:0;
}
.mt-120
{
	margin-top:120px;
}

/*ending of spacing css*/

/*starting of home section styling*/
.about-box-first-img-box
{
	width:100%;
	background-color:#000;
	height:100%;
	height:306px;
	padding-top:0;
}

#home .about-box-first-img-box .about-box-title
{
	color:#3cbae2;
	font-size:59px;
}
.about-box
{
	width:100%;
	background-color:#005874;
	height:100%;
	height:306px;
	  position:relative;
	  top:0;
	  left:0;
	  background-color:transparent;
	  perspective:600px; 
}

.front-box
  {
	  padding-top:96px;
	  position:absolute;
	  background-color:#005874;
	  transform:rotateY(0deg);
	  color:#fff;
	  width:100%;
	  height:100%;
	  transition:all 0.5s;
	   backface-visibility:hidden;
  }
  .front-box-for-img
  {
	
	  position:absolute;
	  background-color:#005874;
	  transform:rotateY(0deg);
	  color:#fff;
	  width:100%;
	  height:100%;
	  transition:all 0.5s;
	   backface-visibility:hidden;
  }
 .back-box-for-content
  {
	  padding-top:96px;
	  position:absolute;
	  background-color:black;
	  transform:rotateY(180deg);
	  color:#fff;
	  width:100%;
	  height:100%;
	  transition:all 0.5s;
	  backface-visibility:hidden;
  }
  
  
   .back-box
  {
	  position:absolute;
	  background-color:black;
	  transform:rotateY(180deg);
	  color:#fff;
	  width:100%;
	  height:100%;
	  transition:all 0.5s;
	  backface-visibility:hidden;
  }
   .back-box img
   {
	   width:100%;
	   height:100%;
   }
	 .about-box:hover  .front-box
	 {	
	  transform:rotateY(-180deg); 
	 } 
	  .about-box:hover  .back-box
	 {	
	  transform:rotateY(0deg); 
	 } 
	 
	 .about-box:hover   .front-box-for-img
	 {
		 transform:rotateY(-180deg);
	 }
	 .about-box:hover  .back-box-for-content
	 {
		 transform:rotateY(0deg); 
	 }
	 
	 
#home .home-img-div img
{
	width:100%;
	height:306px;
}
#home i
{
	color:#fff;
	font-size:50px;
	
}
.about-box-title
{
	color:#fff;	
	font-family: 'Ubuntu', sans-serif;
	font-size:30px;
	margin-top:20px;
	font-weight:light;
	
	
}
/*ending of home section styling*/

/*starting of about-us  page styling*/
.about-heading
{
	font-size:56px;
	color:#76c1e1;
	font-family: 'Ubuntu', sans-serif;
	font-style:italic;	
}

a:hover
{
	text-decoration:none;
}
/*ending of about-us page  styling*/

/*starting of footer*/
footer
{
	margin-top:30px;
}
.footer-para
{
	color:#fff;
}
/*ending of footer*/

/*responsive css*/
@media(min-width:1400px)
{
body
{
	background-image:url(../images/background-old.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	
}
}


@media (min-width: 1800px) 
{
	.container
	{
		width:1800px;
	}
}
@media (max-width: 1400px) 
{
	body
	{
		background-color:#000;
		background-image:none;
	}
	.about-box-title
	{
		font-size:20px;
	}
}
@media only screen and (max-width: 1400px) and (min-width:767px)
{
	.about-box-title
	{
		font-size:20px;
	}
}
@media(max-width:600px)
{
	
}

@media (max-width:767px) 
{
	.about-box
	{
		height:280px;
	}
	.about-box-title
	{
		font-size:24px;
	}
	#home .home-img-div img
	{
		height:280px;
		
	}
	.vovisto
	{
		margin-top:20px;
	}
}
/*ending of responsive css*/