@charset "utf-8";
/* CSS Document */
.body{
	background-color:dodgerblue;
}
.hero {
	background-color:dodgerblue;
}
.items{
	padding:40px;
padding-left:60px;
}
.text { color:aliceblue;
	
}
.text:hover{color:black;
}
.one{background-color:white;}
.grad1 {
	
   
    background-color: dodgerblue; 
    background-image: linear-gradient(to right, dodgerblue,#f2640c,#f77c46, white,dodgerblue);  
	padding-left:10px;
	float:left;
}

.grad2 {
	
   
   background-color: dodgerblue; 
    background-image: linear-gradient(to left, dodgerblue,#f2640c,#f77c46,white, dodgerblue ); 
	padding-left:10px;
	float:left;
}


.know
{ 
 border-radius: 6px;
  background-color: #8415ed;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.know span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.know span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  
  transition: 0.7s;
}
.know:hover span {
  padding-right: 25px;
}

.know:hover span:after {
  opacity: 1;
  right: 0;
}


.leftknow
{ 
 border-radius: 6px;
  background-color: #8415ed;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 10px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.leftknow span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.leftknow span:before {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: 0;
  
  transition: 0.7s;
}
.leftknow:hover span {
  padding-right: 25px;
}

.leftknow:hover span:before {
  opacity: 1;
  right: 0;
}


.hero_second {
	background-color:dodgerblue;
	padding:50px;
	
}
.hero_third {
	background-color:dodgerblue;
	padding:10px;
	
}
.hero_forth {
	background-color:dodgerblue;
	padding:50px;
	
}
.hero_fifth {
	background-color:dodgerblue;
	padding:50px;
	
}

#left-text{
	float:left;
	width:30%;
	height:100%;
	padding-top:50px;
	padding-left:40px;
	font-size: 40px;
	background-color: antiquewhite;
	text-align:center;
}
#left-text:hover 
{
	font-size: 50px;
	
	
}
#left-img{
	float:left;
	width:50%;
	background-color: antiquewhite;
	
}
.pic{float:left;}


.inside_text{  text-align:center;
                 color:dodgerblue;
				 font-size:35px;
				 font-weight:bold;
                 padding-top:70px;
				padding-left:40px;
			}
.right_image{padding-right:30px;}
.middle{
	float:left;
	
}
.p{padding-left:150px;}
.pic_tech{padding-left:150px;}

.about_art 
				{ 
				 display:none;
				text-align:justify;
				color:white;
				padding:50px;
				}
.about_arch  {
				display:none;
				text-align:justify;
				color:white;
				padding:39px;
				padding:35px;
}				

.about_pharma 

				{ 
				display:none;
				text-align:justify;
				color:white;
				padding:35px;
				}
.about_science 
				{
				display:none;
				text-align:justify;
				color:white;
				padding:39px;
				padding:35px;
				}
.archi{
	float:left;
}
.pic_arch{  
			padding-left:111px; 			
}
footer{
	padding:20px;
	
	border-color:whitesmoke;
background-color:dodgerblue;
}