@charset "utf-8";
/* CSS Document */
/*--------------------
-------We Accept-------
--------------------*/

:root{

  --footerbody: 15px var(--Book);
  --click-text: 18px var(--Bold);
  --clicklist: 16px/24px var(--Book);
  --connecttitle: 16px var(--Bold);
  --fundtitle: 20px var(--Bold);
  --cookietext: 14px var(--Book);
  --risktext:14px var(--Book);
}
@media (max-width:768px){

  :root{

    --footerbody: 14px var(--Book);
    --click-text: 16px var(--Book);
    --clicklist: 16px/24px var(--Bold);
    --connecttitle: 14px var(--Bold);
    --fundtitle: 18px var(--Bold);
    --cookietext: 12px var(--Book);
    --risktext:12px var(--Book);

}
@media (max-width:575px){

  :root{

    --footerbody: 14px var(--Book);
    --click-text: 16px var(--Book);
    --clicklist: 16px/24px var(--Bold);
    --connecttitle: 14px var(--Bold);
    --fundtitle: 18px var(--Bold);
    --cookietext: 10px/16px var(--Book);
    --risktext:10px/16px var(--Book);

}
}

  .logo-footer{

    height: 75px;
  }


}
.we_outer {
  background: #FBFBFB;
  padding: 25px;
}

.we_outer h5 {
  /*	font-family: 'Spartan', sans-serif;
	font-size:18px;
  font-weight: 500;	line-height: 18px;*/
  font: var(--fundtitle);
  color: #000000;
  margin-top: 0px;
  margin-bottom: 20px;

}

/*--------------------
-------Footer-------
--------------------*/

.footer_outer {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer_outer p {
  /*	font-family: 'Spartan', sans-serif;
  font-size:12px;	font-weight: 400;*/
  font: var(--footerbody);

  color: #707070;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 20px;
}

.ftr_add_outer {
  background: #FBFBFB;
  padding: 15px 0;
}



/*-----Footer Dropdown---*/
.wrapper {
  /*margin: 40px auto;
  width: 400px;*/
  display: block;
  text-align: center;
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
}
.ftr_add_outer .click-text>.arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  bottom: -5px;
  left: -19px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  margin-top: 2px;
  text-align: left;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  float: left;
}
.ftr_add_outer .click-text> .arrow:before, .ftr_add_outer .click-text> .arrow:after{

  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background-color: #989898;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;

}

.ftr_add_outer .click-text> .arrow:after {
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg) translate(10px, 0px);
  top: -5px;
  left: 5px;
}
.ftr_add_outer .active  .click-text>.arrow:after {
  transform: rotate(90deg) translate(10px,0px);
  -webkit-transform: rotate(90deg) translate(10px,0px);
  -moz-transform: rotate(90deg) translate(10px,0px);
  -ms-transform: rotate(90deg) translate(10px,0px);
  -o-transform: rotate(90deg) translate(10px,0px);
}
.ftr_add_outer .active .click-text>.arrow:before {
  transform: translate(10px,0px) ;
  -webkit-transform: translate(10px,0px) ;
  -moz-transform: translate(10px,0px) ;
  -ms-transform: translate(10px,0px) ;
  -o-transform: translate(10px,0px) ;
}
.ftr_add_outer .active  .click-text>.arrow{
  bottom: 0px;


}
/*
.wrapper.active .arrow:before {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.wrapper.active .arrow {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
          transform: rotate(45deg) translate(-5px, -5px);
}
.wrapper.active .arrow:before {
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}
.wrapper.active .arrow:after {
  -webkit-transform: rotate(90deg) translate(10px, 0);
          transform: rotate(90deg) translate(10px, 0);
}*/
/*
.wrapper {
  /*margin: 40px auto;
  width: 400px;*/
  /*
  display: block;
  text-align: center;
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
}

.wrapper.active .arrow {
  -webkit-transform: rotate(45deg) translate(-5px, -5px);
  transform: rotate(45deg) translate(-5px, -5px);
}

.wrapper.active .arrow:before {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
}

.wrapper.active .arrow:after {
  -webkit-transform: rotate(90deg) translate(10px, 0) 1;
  transform: rotate(90deg) translate(10px, 0);
}
*/

.wrapper.active ul {
  opacity: 1;
  height: 140px;
}

.wrapper2 ul {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.wrapper2 li:first-child {
  margin-top: 16px;
}

.wrapper2 li:last-child {
  margin-bottom: 3px;
}

.wrapper2.active ul {
  margin-top: 12px;
}
/*
.wrapper2.active .arrow {
  -webkit-transform: rotate(45deg) translate(38px, 38px);
  transform: rotate(45deg) translate(38px, 38px);
  opacity: 0.6;
}

.wrapper2.active .arrow:before {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}

.wrapper2.active .arrow:after {
  -webkit-transform: rotate(90deg) translate(5px, 0);
  transform: rotate(90deg) translate(5px, 0);
}

.wrapper3 .arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 0;
}

.wrapper3 .arrow:before,
.wrapper3 .arrow:after {
  background-color: transparent;
  width: 3px;
  height: 10px;
  display: inline-block;
  position: absolute;
  border-bottom: 12px solid white;
  top: 0;
  left: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.wrapper3 .arrow:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.wrapper3 .arrow:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.wrapper3.active .arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
}

.wrapper3.active .arrow:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.wrapper3.active .arrow:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
*/

.arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  bottom: -5px;
  left: -19px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  margin-top: 2px;
  text-align: left;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  float: left;
}
.arrow:before, .arrow:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background-color: #989898;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.arrow:after {
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: -5px;
  left: 5px;
}


.ftr_add_outer .click-text>.arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  bottom: -5px;
  left: -19px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  margin-top: 2px;
  text-align: left;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  float: left;
}

.ftr_add_outer .click-text>.arrow:before,
.ftr_add_outer .click-text>.arrow:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background-color: #989898;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.ftr_add_outer .click-text>.arrow:after {
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: -5px;
  left: 5px;
}

.click-text {
  display: block;
  text-align: left;
  /*padding: 0 12px 16px;*/
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
  padding-left: 15px;
  /* font-family: 'Spartan', sans-serif;
  font-size:16px;
  font-weight: 700;*/

  font: var(--click-text);
  color: #707070;
}

.click-text:hover {
  color: #707070;
  border-bottom-color: rgba(255, 255, 255, 0.4);
}

.ftr_add_outer ul {
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.ftr_add_outer li {
  list-style-type: none;
  margin: 0 auto;
  padding: 4px 0px;
  text-align: left;
  cursor: pointer;
  /*font-family: 'Spartan', sans-serif;
  font-size: 14px;
  font-weight: 400;* line-height: 22px;*/
  font: var(--clicklist);
  color: #707070;
 
}

.ftr_add_outer li:first-child {
  margin-top: 12px;
}

.ftr_add_outer li:last-child {
  margin-bottom: 12px;
}

.loct .fa {
  font-size: 12px;
  padding-left: 5px;
}

/*-----Footer Dropdown---*/


li.phone_ft {
  display: flex;
}

.ph_left {
  display: grid;
}

.p_right {
  font-size: 12px;
}

.ph_left {
  display: grid;
  margin-left: 7px;
  margin-top: 7px;
}

.ftr_connect_outer {
  padding: 30px 0 0;
}

.ftr_connect {
  padding-bottom: 30px;
}

.ftr_connect_outer h3 {
  /*font-family: 'Spartan', sans-serif;
  font-size: 16px;
  font-weight: 700;*/
  font: var(--connecttitle);
  color: #707070;
  margin-top: 0px;
  margin-bottom: 20px;
}

.ftr_connect span {
  padding: 0 15px;
}

.ftr_risk_outer {
  background: #989898;
  padding: 15px;
}

.ftr_risk_outer p {
 /* font-family: 'Spartan', sans-serif;
  font-size: 12px;
  font-weight: 400; line-height: 18px;*/
  margin: 0px;
  color: #e0dfdf;
  font: var(--risktext);
 
}

.ftr_risk_outer p span {
  color: #fff;
}


.fm_left_outer_mob {
  display: none;
}

.fm_left_mob_top {
  display: none;
}

@media (max-width:1023px) {
  .ftr_add_outer li {
    /*font: 12px var(--Light);*/
  }
}

@media (max-width:767px) {
  .ftr_connect span {
    padding: 0 8px;
  }

  .ftr_risk_outer p,
  .cooky_outer p {
    /*font-size: 10px;line-height: 1.2;*/
    /*font: 14px var(--Light);*/
    
  }

  .cooky_right a {
    padding: 4px 8px;
    /*font-size: 10px;*/
  }

  .ftr_risk_outer,
  .cooky_outer {
    padding: 5px;
  }
}

/*-----------------------
--------07-10-2020-----
-----------------------*/
.fluid_div {
  float: left;
  width: 100%
}

.cooky_outer {
  background: #000;
  padding: 15px;
}


.cooky_outer p {
  /*font-family: 'Spartan', sans-serif;
  font-size: 11px;
  font-weight: 400;*/
  /*font: 15px var(--Book);*/
  font:var(--cookietext);
  margin: 0px;
  color: #fff;
  line-height: 18px;
}

.cooky_outer p a {
  color: #16e608;
}


.cooky_in {
  display: flex;
}

.cooky_right a {
  background: #05a857;
  font-family: 'Spartan', sans-serif;
 /* font-size: 11px;
  font-weight: 400;*/
  font: var(--buttontext);
  color: #fff !important;
  padding: 6px 24px;
  text-decoration: none;
  border-radius: 5px;
}

.cooky_right a:hover {
  background: #fff;
  color: #000 !important;
}

.cooky_right a.read_cooky:hover {
 
  color: #fff !important;
  text-decoration: underline;
}
.cooky_right a.read_cooky {
  background: none;
  padding: 6px 10px;
}

.cooky_right a.read_cooky:hover {
  color: #05a857;
}

.ftr_connect_outer {
  margin-bottom: 120px;
}

.pos_div {
  position: fixed;
  bottom: 0;

}

#p_method .owl-carousel .owl-item img {
  width: auto !important;
}

@media (max-width: 1199px) {
  .ftr_connect_outer {
    margin-bottom: 160px;
  }
}

@media (max-width: 580px) {
  .ftr_risk_outer p {
    /*font-size: 10px;*/
  }

  .cooky_outer p {
    /*font-size: 10px;*/
    /*font: 12px var(--Book);*/
    
  }

  .ftr_connect_outer {
    margin-bottom: 225px;
  }

  .ftr_risk_outer p,
  .cooky_outer p {
   /* font-size: 9px;
    line-height: 1.2;*/
  }

  .ftr_risk_outer,
  .cooky_outer {
    padding: 5px;
  }

  .cooky_right a {
    padding: 4px 8px;
    font-size: 10px;
  }
}

/*--------------------
-----08-10-2020-----
--------------------*/

/*.brand-carousel {
  margin-top: 4%;
}
.owl-dots{
  text-align: center;
}

.owl-dot {
  display: inline-block;
  height: 15px !important;
  width: 15px !important;
  background-color: #222222 !important;
  opacity: 0.8;
  border-radius: 50%;
  margin: 0 5px;
}

.owl-dot.active {
  background-color: #00a54f !important;
}

.owl-carousel .owl-item img{
	width:auto;
}
*/