#section1 {

}

#section2 {
	
}

#section3 {
	
}

#section4 {

}

#section5 {

}

#section6 {

}

#section7 {

}

#section9 {

}







.tab1{
	
	background: red;  /* fallback for old browsers */

	 display: inline-flex;


	
	
	
}



.tab1 button {

 	background:red;

  color: white;
  padding: 21px 17px;

  border: none;
  outline: 4px solid white;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight:bold;
}










/* Change background color of buttons on hover */
.tab1 button:hover {
background: white;
color:red;

outline:none;
border:none;
}




button .aaaaa{
background:#001689;
	
}

/* Create an active/current "tab button" class 
.tab1 button.active {
background:white;
color:black;
}*/



/* Style the tab content */
.tabcontent1 {
  float: left;
  padding: 0px 12px;
  color:black;


 
}








.tab2{
	
	background: red;  /* fallback for old browsers */

	 display: inline-flex;


	
	
	
}



.tab2 button {

 	background:red;

  color: white;
  padding: 21px 24px;

  border: none;
  outline: 4px solid white;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight:bold;
}










/* Change background color of buttons on hover */
.tab2 button:hover {
background: white;
color:red;

outline:none;
border:none;
}




button .aaaaa{
background:#001689;
	
}

/* Create an active/current "tab button" class 
.tab1 button.active {
background:white;
color:black;
}*/



/* Style the tab content */
.tabcontent2 {
  float: left;
  padding: 0px 12px;
  color:black;


 
}























/* Style the tab */
.tab {
  float: left;
  border: 3px solid #ccc;
background:red;

  width: 20%;
  height: 320px;
}




/* Style the buttons inside the tab */
.tab button {
  display: block;
	background:red;
  color: white;
  padding: 22px 16px;
  width: 100%;
  border: none;
 outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight:bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
background: white;
color:red;
outline:none;
border:none;
}

/* Create an active/current "tab button" class 
.tab button.active {
background:white;
color:black;
}*/




/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
color:black;
  width: 80%;
 
}
























/* Style the tab */
.tabp {
  float: left;
  border: 3px solid #ccc;
background:red;

  width: 25%;
  height: 320px;
}


/* Style the buttons inside the tab */
.tabp button {
  display: block;
	background:red;
  color: white;
  padding: 22px 16px;
  width: 100%;
  border: none;
 outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight:bold;
}

/* Change background color of buttons on hover */
.tabp button:hover {
outline:none;
border:none;
background:white;
color:red;
}

/* Create an active/current "tab button" class 
.tabp button.active {
background:white;
color:black;
}*/






/* Style the tab content */
.tabcontentp {
  float: left;
  padding: 0px 12px;
color:black
  width: 75%;
 
}











/* Style the tab */
.taba {

  border: red;
background:red;
border-radius:5px solid red;
 text-align:center;
  height: auto;
}


/* Style the buttons inside the tab */
.taba button {
  display: block;
	background:red;
  color: white;
  padding: 13px 5px;
  width: 100%;
  border: none;
  border-radius:5px;
  outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
  font-weight:bold;
  text-align:center;
}

/* Change background color of buttons on hover */
.taba button:hover {
background: white;
color:red;
border-radius:5px;
outline:none;
border:none;
}

/* Create an active/current "tab button" class */
.taba button.active {
background:red;
color:white;
}







/* Style the tab content */
.tabcontenta {
  
  
  color:black;


 
}





/* Style the tab */
.tabaj {

  border: red;
background:red;
border-radius:5px solid red;
 text-align:center;
  height: auto;
}


/* Style the buttons inside the tab */
.tabaj button {
  display: block;
	background:red;
  color: white;
  padding: 13px 5px;
  width: 100%;
  border: none;
  border-radius:5px solid red;
  outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
  font-weight:bold;
  text-align:center;
}

/* Change background color of buttons on hover */
.tabaj button:hover {
background: white;
color:red;
outline:none;
border:none;
}

/* Create an active/current "tab button" class */
.tabaj button.active {
background:red;
color:white;
}







/* Style the tab content */
.tabcontentaj {
  
  padding: 0px 12px;
  color:black;


 
}


/* Style the tab */
.tabajm {

  border: red;
background:red;
border-radius:5px solid red;
 text-align:center;
  height: auto;
}


/* Style the buttons inside the tab */
.tabajm button {
  display: block;
	background:red;
  color: white;
  padding: 13px 5px;
  width: 100%;
  border: none;
  border-radius:5px solid red;
  outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
  font-weight:bold;
  text-align:center;
}

/* Change background color of buttons on hover */
.tabajm button:hover {
background: white;
color:red;
outline:none;
border:none;
}

/* Create an active/current "tab button" class */
.tabajm button.active {
background:red;
color:white;
}







/* Style the tab content */
.tabcontentajm {
  
  padding: 0px 12px;
  color:black;


 
}












/* Style the tab */
.tabaps {

  border: red;
background:red;
border-radius:5px solid red;
 text-align:center;
  height: auto;
}


/* Style the buttons inside the tab */
.tabaps button {
  display: block;
	background:red;
  color: white;
  padding: 13px 5px;
  width: 100%;
  border: none;
  border-radius:5px;
  outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
  font-weight:bold;
  text-align:center;
}

/* Change background color of buttons on hover */
.tabaps button:hover {
background: white;
border-radius:5px;
color:red;
outline:none;
border:none;
}

/* Create an active/current "tab button" class */
.tabaps button.active {
background:red;
color:white;
}







/* Style the tab content */
.tabcontentaps {
  
  padding: 0px 12px;
  color:black;


 
}
































/* Style the tab */
.tabab {

  border: red;
background:red;

 
  height: auto;
}


/* Style the buttons inside the tab */
.tabab button {
  display: block;
	background:red;
  color: white;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: 3px solid;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
  font-weight:bold;
}

/* Change background color of buttons on hover */
.tabab button:hover {
background: white;
color:red;
outline:none;
border:none;
}

/* Create an active/current "tab button" class */
.tabab button.active {
background:red;
color:white;
}







/* Style the tab content */
.tabcontentab {
  
  padding: 0px 12px;
  color:black;


 
}


.box {
	display: flex;
	margin-left: -51px;

}

.box .inner {
	width: 165px;
    height: 104px;
    line-height: 90px;
	font-size: 4em;
	font-family: sans-serif;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

.box .inner:first-child {
	background-color:red;
	color: white;
	transform-origin: right;
	transform: perspective(100px) rotateY(-15deg);
}

.box .inner:last-child {
	background-color: red;
	color: white;
	transform-origin: left;
	transform: perspective(100px) rotateY(15deg);
}

.box .inner span {
	position: absolute;
	animation: marquee 5s linear infinite;
}

.box .inner:first-child span {
	animation-delay: 2.5s;
	left: -100%;
}

@keyframes marquee {
	from {
		left: 100%;
	}

	to {
		left: -100%;
	}
}

.tabcontenta .about-back{
background-image: url("img/bg-img/about-company1.jpg");
background-color:red;
height:445px;

}

.about-content{
    margin-top:105px!important;
    margin-bottom:250px!important;
    margin-left:30px;
    text-align:left;
}


@media only screen and (max-width: 600px) {
	
	.phonebtn button h2{
		
		font-size:16px;
	}
	
	#mainNav .navbar-toggler{
		
		background:red!important;
		
	}
	
	#mainNav li a {
    margin-left: 3px;
    margin-right: 10px;
    border:none!important;
    border-radius: 0px!important;
    margin-top:none!important;
}
 .page-section{padding:70px 0!important }
 
 .mobi-logo img{
	 width:80%;
	 height:auto;
 }
 
 

#Londona p{
    
    font-size:14px;
    font-weight:800;
}
#Londona{
    margin-top:5px;
}
.about-bac{
    
    background-image: url("img/bg-img/dd.png");
    
}


  .single-service-area:hover{
	  
	   -ms-transform: scale(1.1)!important; /* IE 9 */
  -webkit-transform: scale(1.1)!important; /* Safari 3-8 */
  transform: scale(1.1)!important; 
 
  }

.supp{
    
    background-image: url('img/bg-img/custo.png');
  
}

.about-content{
    margin-top:0px!important;
    margin-bottom:10px!important;
    font-size:10px!important;
    margin-left:110px;
color:black;
    text-align:left;
    
}




.containerslll{
    margin-top:10px!important;
}


}