/* #upper-nav{
    color: #BAA141;
    margin: 0 100px;
} */
/* *{
    font-size: 17px;
} */
.top-right{
    margin-left: 30%;
}
.contact{
    margin: 20px;
}
.first-div, .resume{
    letter-spacing: 5px;
    color: #FFF;
}
.email{
    color: #FFF;
}
.email:hover{
    text-decoration: none;
    color: #FFF;
}


#cust-nav{
    /* background-color: #121212; */
    background-color: #090c14;
}

#cust-nav .navbar-nav .nav-link{
    color: #FFF;
    transition: all 0.4s ease-in-out;
    
}

#cust-nav .navbar-nav .nav-link:hover{
    color: #222;
    background-color: #FFF;
    /****changes******/
    /* border-radius: 5px; */
  box-shadow:  0 0 5px #FFF,
               0 0 10px #FFF;
transition: all 0.05s ease-in-out;
}

.btn-toggler-icon{
    height: 1px;
    width:25px;
    margin: 6px 0;
    background-color: #CCC;
    display: block;
}

#cust-nav .navbar-toggler{
    border-color: #CCC;
    background-color: #FFF;
    /* border-radius: 0; */
}

.cust-drop{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    animation: dropdown 0.3s cubic-bezier(0.60, 0.41, .1, 1.41);
}


.cust-drop .dropdown-item{
    padding: 8px 1.5rem;
    background-color: #090c14;
    color: #FFF;
    transition: all 0.3s ease-in-out;
}

.cust-drop .dropdown-item:hover{
    /* background-color:#58CCED; */
    background-color: #FFF;
    color: #222;
}

@keyframes dropdown{
    from{
        top:-25%;
    }
    to{
        top:100%;
    }
}

.dropdown-toggle::after,::before {
    content: none;
}



/****************************************Body Page***************************************************************/

 .how-section1{
     /* margin: 0 13px; */
    margin-top:0%;
    padding: 1%;
}
.how-section1 h4{
    color: #ffa500;
    font-weight: bold;
    font-size: 30px;
}
.how-section1 .subheading{
    color: #3931af;
    font-size: 20px;
}
.how-section1 .row
{
    margin-top: 0%;
}
.how-img, .b-h4 
{
    text-align: center;
}

/* .how-img img{
    width: 40%;
} */

/* symbol of right '✓' start */

.b-ul {
	list-style: none;
	line-height:180%;
	list-style-type: '\2714';
  }
  
  /* ul li:before {
	content: '✓';
  } */

  /* symbol of right '✓' end */


  /************  Button liquid Start CSS *************/

  .b-a{
	  position: relative;
	  display: inherit;
	  text-transform: uppercase;
	  width: 250px;
	  overflow: hidden;
	  border-radius: 30px;
      text-align: center; 
      padding: 8px 0;
  }
  .b-a .b-span{
	  position: relative;
	  z-index:1;
	  color:#fff;
	  font-size: 20px;
	  letter-spacing: 5px;
	  
	  
  }
  .b-a .liquid{
	  position: absolute;
	  left: 0;
	  top: -80px;
	  width: 250px;
	  height: 200px;
	  background: #4973ff;
	  box-shadow: inset 0 0 50px rgba(0,0,0,.5);
      transition: 0.5s;
  }
  .b-a:hover .liquid{
    top: -120px;
  }
  .b-a:hover{
      text-decoration: none;
  }
  .b-a .liquid:before,
  .b-a .liquid::after{
	  content:'';
	  position:absolute;
	  width:200%;
	  height:200%;
	  top:0; 
	  left:50%;
      transform:translate(-50%,-75%);
  }

  .b-a .liquid:before{
	   border-radius: 45%;
	   background: rgba(20,20,20,1);
       animation: animate 5s linear infinite;

  } 
  .b-a .liquid::after{
	  border-radius: 40%;
	  background: rgba(20,20,20,0.5);
      animation: animate 5s linear infinite;
  }

  @keyframes animate
  {
	  0%{
		  transform : translate(-50%, -75%) rotate(0deg);
	  }
	  100%{
		transform : translate(-50%, -75%) rotate(360deg);
	}
  }

  /**************  Button liquid End CSS *********************/

/************** Button background color start *******************/
  .b-right .about{
	  background: darkgoldenrod;
	  width: 100%;
	  height:50%;
	  padding: 40px;
  }

  .b-right .services{
	background: khaki;
	width: 100%;
	height:50%;
	padding: 40px;
}
/************* Button background color end ************************/



/************************Footer**************************************/

.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#090c14; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
/* footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;} */
/* .mb10 { padding-bottom:15px ;} */
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc .footer-list {padding:0px 0px 5px 0px;}
.footer_ul_amrc .footer-list { color:#CCC;}
.footer_ul_amrc .footer-list a{ color:#CCC;}
.footer_ul_amrc .footer-list:hover{ color:#878c94;}
.footer_ul_amrc .footer-list a:hover{ color:#878c94; text-decoration: none;}
/* .fleft { float:left;} */
/* .padding-right { padding-right:10px; } */


