@import "base.css";

/* .nonmobile .left-footer {
  width: 105px;
  float: left;
}

.nonmobile .center-footer {
  width: calc(100% - 200px);
  padding-top: 5px;
  float: left;
}

.nonmobile .right-footer {
  width: 95px;
  float: left;
  padding-top: 10px;
} */


/* footer start */

.footerlinks {
  margin: 0px auto;
  padding: 0px 15px;
}

.footerlinks {
  margin: 0px auto;
  list-style: none;
  text-align: center;
}

.footerlinks a {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  color: #fff;
  padding: 0px 1.5%;
}

.footerlinks li a:hover {
  text-decoration: none;
}

.footerfulfill {
  background: #dbdbdb;
  height: auto;
  overflow: hidden;
  padding: 20px;
}

.allrights a {
  font-weight: bold;
  font-style: italic;
  color: #54565a;
  display: inline-block;
}

.fullfilllogo img {
  width: 100%;
  height: auto;
}

.footermain {
  background: #282828;
  background-image: url(../images/group-23.svg);
  background-repeat: no-repeat;
  background-position: 10% 0px;
  background-size: contain;
  padding: 25px;
  height: auto;
  overflow: hidden;
}

/* footer end */




@media (max-width: 790px) {

/* footer start */
.footerlinks a {
  font-family: Roboto;
  font-size: 12px;
}

.footermain {
  padding: 20px 0px;
}

.allrights .footer_txt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: normal;
}

.footerfulfill {
  padding: 10px;
}

/* footer end */

}


@media (max-width: 960px) {
  .footerlinks a {
    padding: 0px 3.5%;
  }

  .footerfulfill .container {
    width: 940px !important;
  }

  .footerfulfill .container .allrights.nonmobile {
    text-align: left !important;
  }

  .footerfulfill .container .allrights.nonmobile .socialnetwork {
    float: right;
  }

}


@media (min-width: 480px) and (max-width: 718px) {

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-wide,
  .container-xl {
    padding: 0 10px;
}
    .container,
    .container-lg {
        max-width: 460px;
    }

  .allrights {
    line-height: 20px;
  }
 

  .left-footer{width: 20%;    float: left;}
  .center-footer{width: 60%;    float: left;}
  .right-footer{width: 20%;    float: left;}


}

@media (max-width: 719px) {
  .allrights {
    margin: 6px 0
  }
  .social-insta {
    background-size: 90%;
    height: 24px;
    width: 24px;
    vertical-align: bottom;
}
.social-fb {
  background-size: 90%;
  height: 24px;
  width: 24px;
  vertical-align: bottom;
  margin-left: 10px;
}

.nonmobile {
  display: none !important;
}

.mobile {
  display: block;
}
.footerfulfill .container {
  width: 100% !important;
}

}


@media (min-width: 370px) and (max-width: 479px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-wide,
  .container-xl {
    padding: 0 0px;
  }
  .container,
  .container-lg {
    /* max-width: 320px; */
    width: 100%;
    max-width: 100%;
    /* padding: 0 30px !important; */
  }
  .allrights {
    line-height: 10px;
  }
  .left-footer {
    width: 20%;
    float: left;
  }
  .center-footer {
    width: 55%;
    float: left;
  }
  .right-footer {
    width: 25%;
    float: right;
  }
  footer .mobile .m-320-block {
    line-height: 16px;
  }

  .social-fb,
  .social-insta {
    width: 19px;
    height: 19px;
  }


}

@media (min-width: 320px) and (max-width: 369px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-wide,
  .container-xl {
    /* padding: 0px !important; */
  }
  .container,
  .container-lg {
    /* max-width: 290px; */
    width: 100%;
    max-width: 100%;
    /* padding: 0 30px !important; */
  }
  .container.footerlinks {
    padding: 0 8px !important;
  }

  .left-footer {
    width: 20%;
    float: left;
  }
  .center-footer {
    width: 55%;
    float: left;
  }
  .right-footer {
    width: 25%;
    float: right;
  }
  footer .mobile .m-320-block {
    line-height: 16px;
  }
  .social-fb,
  .social-insta {
    width: 19px;
    height: 19px;
  }

}


.social-fb {
  /* background: url(../images/fb.png) no-repeat center; */
  background: url(../images/fb-icon.png) no-repeat center;
  background-size: 100%;
  height: 25px;
  width: 25px;
  display: inline-block;
}

.social-fb:hover,
.social-insta:hover {
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
}

.social-insta {
  /* background: url(../images/instagram_logo.png) no-repeat center; */
  background: url(../images/insta-icon.png) no-repeat center;
  background-size: 100%;
  height: 25px;
  width: 25px;
  display: inline-block;
}

.allrights {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 3em; */
  line-height: normal;
  letter-spacing: normal;
  color: #54565a;
}

/** FOOTER **/
.allrights p{
  font-size: 14px !important;
  color: #54565a;
  text-align: left;
}
.allrights img{
  float: left;
}

@media (max-width: 767px) { 

  /** FOOTER **/
  .allrights p{
    font-size: 12px !important;
    color: #54565a;
    text-align: center !important;
  }
  .allrights span{
    display: block;
  }
  .allrights img{
    float: none;
  }
  .allrights .logo1{
    display: inline-flex;
    vertical-align: middle;
  }
}


/** FOOTER  - NEW DESIGN - START **/

footer{
	background: #2e2e2e;
  position: relative;
  bottom: 0px;
  width: 100%;
  z-index: 10;
}

.footer {
	display: flex;
	flex-flow: row wrap;
	padding: 0px 30px 0px 30px;
	background: #2e2e2e;
}
  
.footer > * {
	flex:  1 100%;
}
  
.footer__addr {
	margin-right: 1.25em;
	margin-bottom: 2em;
}
  
.footer__logo {
  font-family: 'Pacifico', cursive;
  font-weight: 400;
  text-transform: lowercase;
  font-size: 1.5rem;
  margin: 0px;
}
  
.footer__addr h2 {
	margin-top: 1em;
	font-size: 15px !important;
	font-weight: 500;
  color: var(--primary-orange-bg);
}
  
.nav__title {
	font-family: Poppins;
	font-size: 15px !important;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.75px;
	color: #fff;
}
  
.footer address {
	font-style: normal;
	color: #999;
}
  
.footer__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	max-width: max-content;
	background-color: rgb(33, 33, 33, 0.07);
	border-radius: 100px;
	color: #2f2f2f;
	line-height: 0;
	margin: 0.6em 0;
	font-size: 1rem;
	padding: 0 1.3em;
}
  
.footer ul {
	list-style: none;
	padding-left: 0;
}
  
.footer li {
	line-height: 2em;
}
  
.footer a {
	text-decoration: none;
}
  
.footer__nav {
	display: flex;
	flex-flow: row wrap;
}
  
.footer__nav > * {
	flex: 1;
	margin-right: 1.25em;
}
  
.nav__ul a {
	font-family: Poppins;
  letter-spacing: 0.75px;
  color: #f3f3f5;
  /* color: #999; */
}
  
.nav__ul--extra {
	/* column-count: 2; */
	column-gap: 1.25em;
}
  
.legal {
	display: flex;
	flex-wrap: wrap;
	color: #999;
}
	
.legal__links {
	display: flex;
	align-items: center;
}
  
.heart {
	color: #2f2f2f;
}

.footer__nav .nav__item .nav__title {
  margin: 1rem 0;
}
  
@media screen and (min-width: 24.375em) {
	.legal .legal__links {
	  margin-left: auto;
	}
}
  
@media screen and (min-width: 40.375em) {
	.footer__nav > * {
	  flex: 1;
	}
	
	.nav__item--extra {
	  flex-grow: 2;
	}
	
	/* .footer__addr {
	  flex: 1 50px;
	} */
	
	.footer__nav {
	  flex: 5 0px;
	}
}

@media screen and (min-width: 47em) {
  .footer__addr {
    flex: 1 5px;
  }
}

.copyright{
	font-family: 'Poppins';
  padding: 10px 0;
  background: #505050;
  /* margin-top: 20px; */
  font-size: 13px;
  letter-spacing: normal;
  color: #f0f0f0;
}
/* .copyright div:first-child{
	padding: 15px 0;
}

.copyright div:last-child{
	padding: 10px 0;
} */
.copyright .ff-terms-div, .copyright .nav__ul{
  padding: 10px 0px;
}
.copyright .terms{
	color: var(--primary-orange-bg);
  text-decoration: underline;
  font-style: italic;
}
.copyright .privacy{
	color: var(--primary-orange-bg);
  text-decoration: underline;
  font-style: italic;
}

/** FOOTER  - NEW DESIGN - END **/