/* goooglefonts */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

body{
    /* font-family: 'Inter', sans-serif; */
	font-family: 'Open Sans', sans-serif;
    font-size: 17px;
}

/* .hover-color:hover{
    color: #017fe4;
    border-bottom: 1px solid #017fe4;
}

@media (max-width: 556px) { 
    .hover-color:hover{
        border-bottom: none !important;
    }
 } */

 /* iconbar */
 .sticky-icon  {
	z-index:1;
	position:fixed;
	top:15%;
	right:0%;
	width:220px;
	display:flex;
	flex-direction:column;}  
.sticky-icon a  {
	transform:translate(160px,0px);
	border-radius:50px 0px 0px 50px;
	text-align:left;
	margin:2px;
	text-decoration:none;

	padding:10px;
	font-size:20px;
	/* font-family:'Oswald', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	transition:all 0.8s;}
.sticky-icon a:hover  {
	color:rgb(255, 255, 255);
	transform:translate(0px,0px);}	
.sticky-icon a:hover i  {
	transform:rotate(360deg);}

.Facebook  {
	background-color:#139EF8;
	color:#FFF;
	font-weight: bold;
}
	

	
.Linkdin  {
	background-color:rgb(10,102,194);
	color:#FFF;font-weight: bold;}
	
.Whatsapp  {
	background-color:#128c7e;
	color:rgb(255, 255, 255);
  	font-weight: bold;}
.Youtube  {
	background-color:#db0d0d;
	color:rgb(255, 255, 255);
  	font-weight: bold;}

.Snapchat  {
	background-color:#f3f70e;
	color:rgb(255, 255, 255);
  	font-weight: bold;}

.Twitter  {
	background-color:#5098eb;
	color:rgb(255, 255, 255);
  	font-weight: bold;}

.Viber  {
	background-color:#873aeb;
	color:rgb(255, 255, 255);
  	font-weight: bold;}

.Pinterest  {
	background-color:#db0d0d;
	color:rgb(255, 255, 255);
  	font-weight: bold;}

.Instagram  {
	background-color:#b87bca;
	color:rgb(255, 255, 255);
  	font-weight: bold;}

.Reddit  {
	background-color:#f8580e;
	color:rgb(255, 255, 255);
  	font-weight: bold;}
				
.sticky-icon a i {
	background-color:#FFF;
	height:30px;
	width:30px;
	color:#000;
	text-align:center;
	line-height:30px;
	border-radius:50%;
	margin-right:20px;
	transition:all 0.5s;}
.sticky-icon a i.fa-facebook-f  {
	background-color:#FFF;
	color:#139EF8;}

.sticky-icon a i.fa-youtube  {
	background-color:#FFF;
	color:#d81d0f;}

.sticky-icon a i.fa-twitter  {
	background-color:#FFF;
	color:#5098eb;}
	
.sticky-icon a i.fa-pinterest  {
	background-color:#FFF;
	color:#d81d0f;}

.sticky-icon a i.fa-reddit  {
	background-color:#FFF;
	color:#f8580e;}
	

	
.sticky-icon a i.fa-whatsapp {
	background-color:#FFF;
	color:#19581c;}
	

.sticky-icon a i.fa-linkedin-in  {
	background-color:#FFF;
	color:rgb(10,102,194);}

.fas fa-shopping-cart  {
	background-color:#FFF;}	
#myBtn {
	height:50px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  text-align:center;
  padding:10px;
  text-align:center;
	line-height:40px;
  border: none;
  outline: none;
  background-color: #1e88e5;
  color: white;
  cursor: pointer;
  border-radius: 50%;
}
.fa-arrow-circle-up  {
	font-size:30px;}

#myBtn:hover {
  background-color: #555;
}

  /* end */

.footer-hover:hover{
    color: #017fe4;
}

.circle-icon {
  
    width: 80px;
    height: 80px;

    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    
}

.test{
    padding-top: 95px !important;
    padding-bottom: 93px !important;
}

.logo{
	height: 80px !important;
	width: 105px !important;
}






@media (max-width: 556px) { 
	.about{
		margin-top: 5px !important;
	}
 }

 
@media (min-width: 556px) { 
	.about{
		margin-top: 127px !important;
	}
 }
 

 .footer{
	background-color:#eefaf6;
 }

 .googleMap{
	width: 100%;
 }

 header{
	background-color: #def8f0;
 }